.orders-shell{background:var(--paper);min-height:100dvh;padding:0 18px 48px}.orders-topbar,.orders-head,.orders-list{max-width:860px;margin-inline:auto}.orders-topbar{justify-content:space-between;align-items:center;gap:14px;min-height:64px;display:flex}.brand,.orders-nav,.orders-nav a{align-items:center;display:inline-flex}.brand{color:var(--fg);font-family:var(--font-display);gap:9px;font-size:1.2rem;font-weight:800;text-decoration:none}.brand img{border-radius:6px}.orders-nav{gap:8px}.orders-nav a,.orders-head button,.order-actions button,.primary-link,.secondary-link{border:1px solid var(--hair-strong);color:var(--ink);font:inherit;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-weight:750;text-decoration:none;display:inline-flex}.orders-head button,.order-actions button{background:var(--surface);cursor:pointer}.orders-nav a:hover,.orders-head button:hover,.order-actions button:hover,.primary-link:hover,.secondary-link:hover{border-color:var(--ink)}.orders-head{border-top:1px solid var(--hair);justify-content:space-between;align-items:end;gap:14px;padding:24px 0 16px;display:flex}.orders-head h1,.order-card h2,.empty-state h2,.eyebrow,.empty-state p{margin:0}.orders-head h1{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1}.eyebrow{color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.875rem}.orders-list{gap:24px;display:grid}.orders-section,.orders-section-list{gap:12px;display:grid}.orders-section-head{justify-content:space-between;align-items:end;gap:12px;display:flex}.orders-section-head h2{margin:0;font-size:1.18rem;line-height:1.1}.orders-section-head span{color:var(--muted);font-family:var(--font-mono);font-size:.875rem}.order-card,.empty-state{background:var(--surface);border:1px solid var(--hair-strong);border-radius:8px;gap:12px;padding:14px;display:grid}.order-card.is-stale{border-style:dashed}.order-history-card{gap:9px;padding:12px}.order-card-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.order-card h2{margin-top:3px;font-size:1.2rem;line-height:1.15}.order-history-card h2{font-size:1rem}.order-card-head strong{white-space:nowrap}.order-timeline{grid-template-columns:repeat(4,minmax(0,1fr));margin:2px 0 0;padding:0;list-style:none;display:grid}.timeline-step{text-align:center;justify-items:center;gap:6px;display:grid;position:relative}.timeline-step:before{background:var(--hair-strong);content:"";height:2px;position:absolute;top:4px;left:calc(10px - 50%);right:calc(50% + 10px)}.timeline-step:first-child:before{display:none}.timeline-dot{background:var(--hair-strong);z-index:1;border-radius:999px;width:10px;height:10px}.timeline-step.is-done .timeline-dot,.timeline-step.is-done:before,.timeline-step.is-current:before{background:var(--ok)}.timeline-step.is-current .timeline-dot{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 24%, transparent)}.timeline-label{color:var(--muted);gap:2px;font-size:.875rem;font-weight:750;line-height:1.2;display:grid}.timeline-step.is-current .timeline-label{color:var(--fg)}.timeline-step.is-done .timeline-label{color:var(--ok-ink)}.timeline-label em{color:var(--muted);font-size:.875rem;font-style:normal;font-weight:600}.order-timeline-cancelled{color:var(--muted);margin:0;font-size:.92rem;font-weight:700}.order-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.order-meta span{background:var(--tile);border:1px solid var(--hair);color:var(--tile-ink);border-radius:7px;min-height:38px;padding:9px 10px;font-size:.9rem;font-weight:750}.order-items{border-top:1px solid var(--hair);color:var(--fg);gap:5px;margin:0;padding:10px 0 0;list-style:none;display:grid}.order-items li{color:var(--muted);font-size:.94rem;line-height:1.35}.order-items strong{color:var(--fg);font-family:var(--font-mono);margin-right:4px;font-size:.875rem}.order-items-more{color:var(--muted);font-family:var(--font-mono);font-size:.875rem;font-weight:700}.order-muted,.message{color:var(--muted);margin:0}.feedback-summary,.feedback-form{border:1px solid var(--hair);border-radius:8px;gap:9px;padding:10px;display:grid}.feedback-summary{background:var(--tile)}.feedback-summary.ok{border-color:color-mix(in srgb, var(--ok) 45%, var(--hair))}.feedback-summary.problem{border-color:color-mix(in srgb, var(--warning) 55%, var(--hair))}.feedback-summary strong,.feedback-summary span,.feedback-summary p:not(.eyebrow){margin:0}.feedback-summary span,.feedback-summary p:not(.eyebrow){color:var(--muted);font-size:.9rem}.feedback-form fieldset{border:0;margin:0;padding:0}.feedback-form legend,.feedback-field span{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.875rem;font-weight:700}.rating-options{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.rating-options label{cursor:pointer}.rating-options input{opacity:0;pointer-events:none;position:absolute}.rating-options span{background:var(--surface);border:1px solid var(--hair-strong);font-family:var(--font-mono);border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:inline-flex}.rating-options input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}.feedback-grid{grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:8px;display:grid}.feedback-field{gap:5px;display:grid}.feedback-field select,.feedback-field textarea{background:var(--paper);border:1px solid var(--hair-strong);color:var(--fg);font:inherit;border-radius:7px;width:100%;min-height:38px;padding:8px 10px}.feedback-field textarea{resize:vertical;min-height:62px}.order-actions{flex-wrap:wrap;gap:8px;display:flex}.primary-link{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary-link{cursor:pointer}button.primary-link:disabled{cursor:wait;opacity:.72}.primary-link:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:var(--on-accent)}.empty-state{margin-top:8px}.empty-state p{color:var(--muted)}@media (width<=639px){.orders-shell{padding-inline:12px}.orders-topbar,.orders-head{flex-direction:column;align-items:stretch}.orders-nav,.orders-nav a,.orders-head button,.order-actions,.order-actions a,.order-actions button{width:100%}.order-meta,.orders-section-head,.feedback-grid{grid-template-columns:1fr}.orders-section-head{flex-direction:column;align-items:start}}