.orders-shell{background:var(--paper);min-height:100dvh;padding:0 18px 48px}.orders-topbar,.orders-head,.orders-list{margin-inline:auto;max-width:860px}.orders-topbar{align-items:center;display:flex;gap:14px;justify-content:space-between;min-height:64px}.brand,.orders-nav,.orders-nav a{align-items:center;display:inline-flex}.brand{color:var(--fg);font-family:var(--font-display);font-size:1.2rem;font-weight:800;gap:9px;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{align-items:center;border:1px solid var(--hair-strong);border-radius:7px;color:var(--ink);display:inline-flex;font:inherit;font-weight:750;gap:7px;justify-content:center;min-height:40px;padding:0 13px;text-decoration:none;white-space:nowrap}.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{align-items:end;border-top:1px solid var(--hair);display:flex;gap:14px;justify-content:space-between;padding:24px 0 16px}.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);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.orders-list{display:grid;gap:24px}.orders-section,.orders-section-list{display:grid;gap:12px}.orders-section-head{align-items:end;display:flex;gap:12px;justify-content:space-between}.orders-section-head h2{font-size:1.18rem;line-height:1.1;margin:0}.orders-section-head span{color:var(--muted);font-family:var(--font-mono);font-size:.78rem}.order-card,.empty-state{background:var(--surface);border:1px solid var(--hair-strong);border-radius:8px;display:grid;gap:12px;padding:14px}.order-card.is-stale{border-style:dashed}.order-history-card{gap:9px;padding:12px}.order-card-head{align-items:start;display:flex;gap:12px;justify-content:space-between}.order-card h2{font-size:1.2rem;line-height:1.15;margin-top:3px}.order-history-card h2{font-size:1rem}.order-card-head strong{white-space:nowrap}.order-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:2px 0 0;padding:0}.timeline-step{display:grid;gap:6px;justify-items:center;position:relative;text-align:center}.timeline-step:before{background:var(--hair-strong);content:"";height:2px;left:calc(-50% + 10px);position:absolute;right:calc(50% + 10px);top:4px}.timeline-step:first-child:before{display:none}.timeline-dot{background:var(--hair-strong);border-radius:999px;height:10px;width:10px;z-index:1}.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);display:grid;font-size:.72rem;font-weight:750;gap:2px;line-height:1.2}.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:.68rem;font-style:normal;font-weight:600}.order-timeline-cancelled{color:var(--muted);font-size:.92rem;font-weight:700;margin:0}.order-meta{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.order-meta span{background:var(--tile);border:1px solid var(--hair);border-radius:7px;color:var(--tile-ink);font-size:.9rem;font-weight:750;min-height:38px;padding:9px 10px}.order-items{border-top:1px solid var(--hair);color:var(--fg);display:grid;gap:5px;list-style:none;margin:0;padding:10px 0 0}.order-items li{color:var(--muted);font-size:.94rem;line-height:1.35}.order-items strong{color:var(--fg);font-family:var(--font-mono);font-size:.82rem;margin-right:4px}.order-items-more{color:var(--muted);font-family:var(--font-mono);font-size:.78rem;font-weight:700}.order-muted,.message{color:var(--muted);margin:0}.feedback-summary,.feedback-form{border:1px solid var(--hair);border-radius:8px;display:grid;gap:9px;padding:10px}.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);font-size:.72rem;font-weight:700;text-transform:uppercase}.rating-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.rating-options label{cursor:pointer}.rating-options input{position:absolute;opacity:0;pointer-events:none}.rating-options span{align-items:center;background:var(--surface);border:1px solid var(--hair-strong);border-radius:6px;display:inline-flex;font-family:var(--font-mono);font-weight:800;height:34px;justify-content:center;width:34px}.rating-options input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}.feedback-grid{display:grid;gap:8px;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr)}.feedback-field{display:grid;gap:5px}.feedback-field select,.feedback-field textarea{background:var(--paper);border:1px solid var(--hair-strong);border-radius:7px;color:var(--fg);font:inherit;min-height:38px;padding:8px 10px;width:100%}.feedback-field textarea{min-height:62px;resize:vertical}.order-actions{display:flex;flex-wrap:wrap;gap:8px}.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(max-width:640px){.orders-shell{padding-inline:12px}.orders-topbar,.orders-head{align-items:stretch;flex-direction:column}.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{align-items:start;flex-direction:column}}