.orders-page{background:var(--paper-soft);min-height:70vh;padding:52px 0 96px}.orders-wrap{max-width:1080px}.page-back{color:var(--muted);margin-bottom:40px;font-size:14px;display:inline-flex}.orders-wrap>header{margin-bottom:30px}.orders-wrap>header h1{font:700 clamp(32px,5vw,52px)/1.05 var(--display);margin:8px 0 10px}.orders-wrap>header p{color:var(--muted);margin:0;font-size:16px}.orders-list{border:1px solid var(--line-strong);background:var(--paper);padding:0 24px}.orders-state{color:var(--muted);margin:0;padding:36px 0}.orders-state.error,.orders-message.error{color:var(--accent)}.orders-message{border:1px solid var(--line);background:var(--paper);color:var(--positive);margin-bottom:16px;padding:12px 16px}.order-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:32px;padding:20px 0;display:grid}.order-row:last-child{border-bottom:0}.order-main{gap:14px;min-width:0;display:grid}.order-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.order-title h2{margin:0;font-size:16px;line-height:1.35}.order-status{border:1px solid var(--line);background:var(--paper-soft);color:var(--muted);font:11px var(--mono);padding:3px 7px}.order-status.pending{border-color:color-mix(in oklch,var(--signal) 55%,var(--line));color:#8a5a00}.order-status.paid{border-color:color-mix(in oklch,var(--positive) 45%,var(--line));color:var(--positive)}.order-meta{color:var(--muted);grid-template-columns:minmax(240px,1fr) minmax(180px,.65fr) auto;gap:12px 28px;display:grid}.order-meta span{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.order-meta small{color:var(--faint);font:10px/1.4 var(--mono)}.order-meta b{color:var(--muted);font:12px/1.5 var(--mono);text-overflow:ellipsis;font-weight:400;overflow:hidden}.order-meta>span:not(:has(small)){font:12px/1.5 var(--mono);align-content:end}.order-side{justify-items:end;gap:10px;display:grid}.order-side strong{font:700 17px var(--mono)}.order-side button{border:0;border-bottom:1px solid var(--ink);min-height:32px;color:var(--ink);cursor:pointer;background:0 0;padding:0;font-size:12px}.order-side button:disabled{cursor:wait;opacity:.5}.orders-pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:18px 0;display:grid}.orders-pagination[hidden]{display:none}.orders-pagination button{border:0;border-bottom:1px solid var(--ink);min-height:36px;color:var(--ink);cursor:pointer;background:0 0;justify-self:start;padding:0;font-size:12px}.orders-pagination button:last-child{justify-self:end}.orders-pagination button:disabled{color:var(--faint);cursor:default;border-color:#0000}.orders-pagination span{color:var(--muted);font:11px var(--mono)}.delivery-dialog{border:1px solid var(--line-strong);background:var(--paper);width:min(680px,100% - 32px);box-shadow:none;color:var(--ink);border-radius:0;padding:0}.delivery-dialog::backdrop{background:#101318ad}.delivery-dialog header{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding:24px;display:flex}.delivery-dialog header span{color:var(--faint);font:11px var(--mono)}.delivery-dialog h2{margin:5px 0 3px;font-size:22px}.delivery-dialog header p{color:var(--muted);font:12px var(--mono);margin:0}.delivery-dialog header button{border:1px solid var(--line);background:var(--paper);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:0;font-size:22px}.delivery-dialog pre{background:var(--paper-soft);max-height:48vh;font:14px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;user-select:all;margin:0;padding:24px;overflow:auto}.delivery-dialog footer{border-top:1px solid var(--line);gap:10px;padding:18px 24px;display:flex}.delivery-dialog .btn{box-shadow:none;border-radius:0}@media (width<=760px){.orders-page{padding-top:32px}.orders-list{padding:0 18px}.order-row{grid-template-columns:1fr;gap:18px}.order-meta{grid-template-columns:1fr}.order-side{grid-auto-flow:column;justify-content:start;justify-items:start}.orders-pagination{grid-template-columns:1fr 1fr}.orders-pagination span{text-align:center;grid-area:1/1/auto/-1}.orders-pagination button{grid-row:2}.delivery-dialog footer{flex-wrap:wrap}.delivery-dialog footer .btn{flex:1}}