.order-page { background:#fff; color:#111; }
.order-site-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px max(24px,calc((100% - 1120px)/2)); border-bottom:1px solid #e6e6e6; }
.order-site-header > a:last-child { font-size:14px; color:#555; }
.order-main { max-width:1120px; margin:0 auto; padding:56px 24px 72px; min-height:75vh; }
.order-lookup { max-width:460px; margin:20px auto; }
.order-eyebrow { font:11px/1.6 var(--mono); color:#777; letter-spacing:.06em; margin:0 0 16px; }
.order-lookup h1 { font-size:40px; line-height:1.15; letter-spacing:-.04em; margin:0 0 20px; }
.order-lookup > p { color:#666; font-size:15px; line-height:1.7; }
.order-lookup form { display:flex; flex-direction:column; margin:28px 0 20px; gap:10px; }
.order-lookup label,.order-editor label { font-size:13px; font-weight:500; margin:0; }
.order-lookup input,.order-editor input,.order-editor select,.order-editor textarea,.order-search input,.order-search select { width:100%; min-width:0; background:#fff; border:1px solid #ccc; border-radius:7px; padding:12px; color:#111; font:16px/1.5 var(--sans); margin:0 0 12px; }
.order-lookup input:focus-visible,.order-editor :is(input,textarea,select):focus-visible { outline:2px solid #111; outline-offset:2px; }
.order-help { font-size:12px!important; color:#777; line-height:1.7; margin:4px 0 14px; }
.order-help a { text-decoration:underline; text-underline-offset:3px; }
.order-feedback:not(:empty) { padding:14px 16px; background:#f5f5f5; border:1px solid #e4e4e4; border-radius:8px; font-size:14px; line-height:1.6; margin:18px 0; }
.order-text-button { border:0; background:none; color:#555; padding:12px 0; text-align:left; font:13px/1.5 var(--sans); text-decoration:underline; text-underline-offset:4px; }
.order-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; margin:12px 0 24px; }
.order-heading h1 { font:500 28px/1.2 var(--sans); letter-spacing:-.03em; margin:0; overflow-wrap:anywhere; }
.order-heading .button { min-height:40px; padding:9px 14px; font-size:12px; }
.order-status { border-radius:30px; background:#f2f2f2; padding:8px 14px; font-size:12px; white-space:nowrap; }
.order-timeline { list-style:none; display:grid; grid-template-columns:repeat(5,1fr); margin:0 0 30px; padding:24px 0; border-block:1px solid #e5e5e5; }
.order-timeline li { position:relative; display:flex; align-items:center; flex-direction:column; gap:10px; font-size:12px; color:#777; text-align:center; padding-inline:6px; }
.order-timeline li:before { content:''; background:#e8e8e8; position:absolute; top:16px; left:0; right:0; height:1px; }
.order-timeline li:first-child:before { left:50%; }.order-timeline li:last-child:before { right:50%; }
.order-step { position:relative; display:grid; place-items:center; width:32px; height:32px; border:1px solid #ddd; border-radius:50%; background:#fff; font:12px/1 var(--sans); }
.order-timeline .reached { color:#111; }.reached .order-step { background:#111; color:white; border-color:#111; }
.order-timeline [aria-current=step] .order-step { box-shadow:0 0 0 4px #e8e8e8; }
.order-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.order-card { border:1px solid #e4e4e4; border-radius:10px; padding:24px; margin-bottom:20px; min-width:0; }
.order-card h2 { font-size:18px; line-height:1.4; margin:0 0 18px; letter-spacing:-.02em; }
.order-card p { font-size:14px; color:#666; line-height:1.65; overflow-wrap:anywhere; }
.order-facts { display:grid; gap:14px; margin:0; }.order-facts > div { display:flex; gap:20px; justify-content:space-between; }
.order-facts dt { color:#777; font-size:12px; }.order-facts dd { text-align:right; font-size:13px; margin:0; max-width:68%; overflow-wrap:anywhere; }
.order-card .order-recipient { font-weight:500; color:#111; margin:0 0 6px; }.order-card .order-address { white-space:pre-line; font-size:13px; margin:0 0 20px; }
.order-text-link { display:inline-block; font-size:13px; text-decoration:underline; margin-top:14px; }
.order-document-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }.order-document-actions .button { min-height:42px; padding:11px 18px; font-size:13px; }
.order-history { list-style:none; padding:0; margin:0; }.order-history li+li { border-top:1px solid #eee; margin-top:18px; padding-top:18px; }
.order-history-heading { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }.order-history strong { font-size:13px; font-weight:500; }.order-history time,.order-history small { font-size:11px; color:#888; }
.order-history p { font-size:13px; white-space:pre-wrap; margin:8px 0 0; }.order-history small { display:block; margin-top:8px; overflow-wrap:anywhere; }
.order-toolbar { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:24px; }.order-toolbar > span { font:11px/1.5 var(--mono); color:#777; }.order-toolbar > div { display:flex; gap:10px; }
.order-toolbar button,.order-search button,.order-more { border:1px solid #ddd; background:white; color:#111; font:12px/1.5 var(--sans); border-radius:6px; padding:8px 12px; }
.order-footer { padding:24px; border-top:1px solid #eee; display:flex; justify-content:center; gap:24px; color:#777; font-size:11px; flex-wrap:wrap; }
.team-nav { display:flex; gap:4px; }.team-nav button { border:0; border-radius:6px; padding:9px 14px; background:white; color:#666; font:13px var(--sans); }.team-nav button[aria-pressed=true] { background:#f1f1f1; color:#111; }
.orders-workspace { flex:1; min-height:0; overflow:auto; padding:28px; }.orders-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:32px; max-width:1400px; margin:0 auto; }.orders-list-panel { min-width:0; }.orders-list-panel h1 { font-size:22px; margin:0 0 6px; }
.order-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin:18px 0; }.order-search input { font-size:13px; padding:9px; margin:0; }.order-search select { grid-column:1/-1; font-size:13px; padding:9px; margin:0; }
.staff-order-list { display:grid; gap:8px; }.staff-order-list button { border:1px solid #e6e6e6; background:#fff; text-align:left; width:100%; border-radius:8px; padding:14px; color:#111; }.staff-order-list button[aria-current=true] { border-color:#111; background:#fafafa; }.staff-order-list strong { display:block; font-size:13px; font-weight:500; }.staff-order-list span,.staff-order-list small { display:block; font-size:12px; color:#777; margin-top:6px; overflow-wrap:anywhere; }.order-more { margin-top:16px; width:100%; }
.staff-order-detail { min-width:0; }.orders-empty { padding:60px 24px; text-align:center; color:#777; font-size:14px; }.order-editor { display:grid; gap:10px; }.order-editor h2 { margin:0; }.order-editor textarea { resize:vertical; min-height:90px; font-size:14px; }.order-editor .button { justify-content:center; }.order-editor .editor-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.order-editor .editor-row > div { display:grid; gap:10px; }.order-contact-detail { font-size:13px; color:#777; overflow-wrap:anywhere; }
@media(max-width:1000px) { .team-header { flex-wrap:wrap; }.orders-layout { grid-template-columns:240px minmax(0,1fr); gap:20px; }.order-detail-grid { grid-template-columns:1fr; } }
@media(max-width:700px) { .order-main { padding:32px 20px 48px; }.order-site-header { padding:20px; }.order-site-header > a:last-child { font-size:12px; }.order-lookup h1 { font-size:32px; }.order-heading h1 { font-size:24px; }.order-timeline { display:flex; flex-direction:column; gap:16px; padding:24px 0; }.order-timeline li { flex-direction:row; text-align:left; gap:14px; padding:0; }.order-timeline li:before { display:none; }.order-card { padding:20px; }.order-toolbar { align-items:flex-start; flex-direction:column; }.orders-workspace { padding:20px; }.orders-layout { grid-template-columns:1fr; }.orders-list-panel { border-bottom:1px solid #ddd; padding-bottom:20px; }.staff-order-list { max-height:260px; overflow:auto; }.order-editor .editor-row { grid-template-columns:1fr; }.team-nav { order:3; width:100%; }.team-nav button { flex:1; }.order-document-actions .button { flex:1; justify-content:center; } }