.order-page{padding-top:42px;padding-bottom:80px}.order-lookup{max-width:760px;margin:0 auto 34px;border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff}.order-lookup h1{font-size:clamp(2rem,4vw,3rem);color:var(--green);letter-spacing:-.04em;margin:8px 0 10px}.order-lookup>p{color:var(--muted);line-height:1.6}.order-lookup form{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:20px}.order-lookup input{border:1px solid #cbd8d1;border-radius:10px;padding:0 13px;min-height:46px}.recent-orders{margin-top:24px}.recent-orders h2{font-size:1rem;color:var(--green);margin-bottom:10px}.recent-orders button{width:100%;display:flex;justify-content:space-between;gap:16px;text-align:left;border:1px solid #e0e9e4;background:#fff;border-radius:10px;padding:12px;margin:7px 0;cursor:pointer}.recent-orders button:hover{background:#f7faf8;border-color:#b9cbc1}.recent-orders strong,.recent-orders span{display:block}.recent-orders span,.recent-empty{color:var(--muted);font-size:.78rem}.recent-empty{border:1px dashed #cbd8d1;border-radius:10px;padding:18px;text-align:center}.order-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 30px}.order-summary>div{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}.order-summary span,.order-summary strong{display:block}.order-summary span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.order-summary strong{margin-top:8px;color:var(--green)}.order-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:26px}.order-grid>section,.order-grid>aside{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff}.order-grid h2{margin-top:0;color:var(--green)}.order-item{border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:14px}.order-item-head{display:flex;justify-content:space-between;gap:16px}.order-item-head h3{margin:0 0 6px;color:var(--green)}.order-item-head p{margin:0;color:var(--muted);font-size:.86rem}.artwork-upload{margin-top:16px;padding-top:15px;border-top:1px solid var(--line);display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:end}.artwork-upload label{display:grid;gap:6px;font-size:.82rem;font-weight:750}.artwork-upload select,.artwork-upload input{border:1px solid #cbd8d1;border-radius:9px;padding:10px}.artwork-upload button{border:0;background:var(--green);color:#fff;border-radius:9px;padding:11px 15px;font-weight:800;cursor:pointer}.upload-result{grid-column:1/-1;font-size:.82rem;color:var(--muted)}.artwork-state{display:grid;gap:5px;margin-top:15px;padding:13px 14px;border-radius:10px;background:#fff7e9;color:#805119;font-size:.8rem;line-height:1.45}.artwork-state.ok{background:#eef7f2;color:#236244}.proofs-box{margin-top:16px;padding:15px;border:1px solid #dbe7e0;border-radius:13px;background:#f8fbf9}.proofs-box h4{margin:0 0 10px;color:var(--green)}.proof-review{background:#fff;border:1px solid #e0e9e4;border-radius:11px;padding:12px;margin-top:8px}.proof-review-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.proof-review-head strong,.proof-review-head span{display:block}.proof-review-head span{font-size:.78rem;color:var(--muted);margin-top:3px}.proof-status{font-size:.72rem;border-radius:999px;padding:5px 8px;white-space:nowrap;background:#fff7e9;color:#805119}.proof-status.ok{background:#eef7f2;color:#236244}.proof-status.changes{background:#fff0ef;color:#9a2d28}.proof-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.proof-actions button{border:1px solid #cbd8d1;background:#fff;color:var(--green);border-radius:8px;padding:8px 11px;font-weight:800;cursor:pointer}.proof-actions .proof-approve{background:var(--green);border-color:var(--green);color:#fff}.proof-actions button:disabled{opacity:.55;cursor:not-allowed}.proof-note{width:100%;margin-top:9px;border:1px solid #cbd8d1;border-radius:8px;padding:9px;font:inherit;resize:vertical}.proof-customer-note{font-size:.78rem;color:var(--muted);margin:9px 0 0}.timeline{display:grid;gap:12px}.timeline article{border-left:3px solid #c8d8cf;padding:2px 0 2px 13px}.timeline strong,.timeline time{display:block}.timeline time{color:var(--muted);font-size:.76rem;margin-top:3px}@media(max-width:850px){.order-summary{grid-template-columns:repeat(2,1fr)}.order-grid{grid-template-columns:1fr}.artwork-upload{grid-template-columns:1fr}}@media(max-width:560px){.order-page{padding-top:24px}.order-lookup{padding:20px}.order-lookup form{grid-template-columns:1fr}.recent-orders button{flex-direction:column;gap:4px}.order-summary{grid-template-columns:1fr}.order-item-head,.proof-review-head{flex-direction:column}}
