[hidden]{display:none!important}.order-page{max-width:900px;min-height:70vh}.order-page h1{font-size:clamp(2rem,6vw,3.5rem)}.order-page h2{font-size:1.6rem}.access-panel{padding:28px;border:1px solid var(--border);background:var(--panel);margin-top:24px}.access-panel form{display:grid;gap:14px;max-width:480px}.access-panel label{font-size:.95rem}.access-panel input{font:inherit;color:white;background:#050709;border:1px solid #40515b;min-height:48px;padding:12px;min-width:0;width:100%}.access-panel input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.access-panel form .button{margin-top:12px}.access-panel .muted{margin:20px 0 0}.dev-note{color:#a3b8c4;font-size:.8rem;border-left:2px solid var(--blue);padding-left:12px}#feedback{min-height:1.5em;color:#b8dfe8;overflow-wrap:anywhere}.order-list{display:grid;gap:14px}.order-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;background:var(--panel);border:1px solid var(--border)}.order-row p{margin:4px 0;color:var(--muted)}.order-row h3{margin-bottom:8px}.order-history{padding-left:24px}.order-history li{padding:10px 0}.order-page button:disabled{opacity:.6}.order-item{border-bottom:1px solid var(--border);padding:16px 0}.order-item p{margin:4px 0}.order-detail-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted)}@media(max-width:480px){.access-panel{padding:20px}.order-row{align-items:stretch;flex-direction:column}.order-page{width:calc(100% - 40px)}header .brand{font-size:.8rem}header>.button{font-size:.7rem;padding-inline:10px}}

.confirmation-panel{text-align:center;padding-block:48px}.status-spinner{display:inline-block;width:36px;height:36px;border:3px solid #263034;border-top-color:var(--blue);border-right-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.field-label{margin-top:24px;margin-bottom:6px;color:var(--muted);font-size:.75rem;letter-spacing:.15em}.order-number{display:block;font-size:clamp(1.5rem,5vw,2.5rem);letter-spacing:.04em;margin-bottom:30px}.confirmation-status,.order-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0}.status-pill{display:inline-flex;margin:4px 6px 4px 0;padding:6px 9px;border:1px solid var(--border);font-size:.72rem;font-weight:700;letter-spacing:.05em}.status-pill.payment{border-color:#107c10;color:#77d477}.status-pill.order{border-color:#0070d1;color:#69b6f7}.status-callout{border-left:3px solid var(--blue);background:#07131d;padding:16px 18px;margin:22px 0}.status-callout.waiting_for_customer{border-color:#d99c20;background:#1d1607}.status-callout.completed{border-color:var(--green);background:#081608}.status-callout p{margin:6px 0 0}.order-chat{border-top:1px solid var(--border);margin-top:32px;padding-top:28px}.chat-form textarea{font:inherit;color:#fff;background:#050709;border:1px solid #40515b;padding:12px;width:100%;resize:vertical}.attachment-controls{display:grid;gap:10px;margin-top:18px}.attachment-controls input{padding:10px}.chat-attachment{display:grid;gap:7px;margin-top:14px}.chat-attachment img,.chat-attachment video{width:min(100%,360px);max-height:280px;object-fit:cover;border:1px solid var(--border);cursor:pointer}.chat-attachment small{color:var(--muted)}#media-dialog img,#media-dialog video{max-width:100%;max-height:78dvh}.order-summary>span:last-child{color:var(--muted);font-size:.8rem}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.status-spinner{animation:none}}@media(max-width:480px){header .compact{gap:6px}.compact .button{font-size:.65rem;padding:8px}}