/* Spacious order workspace. Shared semantic tokens support light and dark. */
:root .drawer.order-drawer{width:min(1080px,calc(100vw - 72px));height:100dvh;box-shadow:-16px 0 70px var(--shadow);border-inline-start:1px solid var(--line)}
.order-drawer>header{padding:22px 28px;gap:20px}.order-drawer>header h2{font-size:28px}.order-drawer>header .muted{display:block;line-height:1.5;max-width:80ch}
:root .order-drawer .drawer-body{background:var(--bg);padding:20px 26px 26px;scroll-padding-block:20px;overscroll-behavior:contain}
.order-drawer .order-summary{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;padding-inline:2px}.order-summary>strong{font-size:26px}
.order-detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:20px;align-items:start}
.order-main,.order-side{display:flex;flex-direction:column;gap:18px;min-width:0}
:root .order-drawer .order-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;margin:0;min-width:0}
.order-drawer .order-card h3{font-size:14px;line-height:1.4;margin:0 0 16px}.order-drawer .detail-item{font-size:13px;gap:14px}.order-drawer .detail-item>div{min-width:0}.order-drawer .detail-item>span{flex-shrink:0}
.order-drawer .detail-item small{line-height:1.6}.order-drawer .bundle-packing{margin:0 0 12px;padding:13px;line-height:1.55}.order-drawer .bundle-packing strong{font-size:13px}.order-drawer .personalization{font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.order-drawer .field{margin-block:0 14px}.order-drawer .field:last-child{margin-bottom:0}.order-drawer .field>span{display:block;font-size:12px;line-height:1.4;margin-bottom:7px}.order-drawer .field :is(input,select,textarea){font-size:14px;min-height:42px;line-height:1.5}.order-drawer .field textarea{min-height:108px;resize:vertical}
.order-drawer .field [aria-invalid=true]{border-color:var(--danger-text);outline:1px solid var(--danger-text)}
.order-drawer .order-shipping .hint,.order-drawer .order-card>p{font-size:11px;line-height:1.7;margin-block:10px 0}.order-drawer address{font-size:13px;line-height:1.75;background:var(--surface-soft);overflow-wrap:anywhere}
.order-drawer .detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-block:18px 0}.order-drawer .detail-actions .btn{flex:1 1 135px;font-size:11px;padding:11px 12px;line-height:1.4;min-height:42px}.order-drawer #confirm-postal-handoff{flex-basis:100%;font-size:13px}.order-drawer .detail-actions>.hint{flex-basis:100%;font-size:10px;line-height:1.6;margin:0}
.order-drawer #postage-identifiers{margin:16px 0 0;padding:16px 0 0;border-top:1px solid var(--line)}.order-drawer #postage-identifiers h3{font-size:12px;margin:0 0 6px}.order-drawer #postage-identifiers .detail-item{flex-direction:column;gap:6px;padding-block:8px;font-size:12px}.order-drawer #postage-identifiers a{color:var(--accent);text-underline-offset:3px}.order-drawer #postage-identifiers p{display:none}
.order-drawer .order-deadline{background:var(--surface-selected);border-color:var(--focus)}.order-drawer .deadline-detail .shipping-deadline{flex-wrap:wrap}.order-drawer .deadline-detail h3{font-size:11px;margin:0 0 8px}.order-drawer .deadline-help{margin-top:12px}
.order-drawer summary{cursor:pointer;font-size:12px;color:var(--text-strong);line-height:1.6;padding-block:6px}.order-drawer details[open]>summary{margin-bottom:14px}.order-customer-editor{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.order-customer-editor>.field{margin-top:14px}
.order-drawer fieldset{border:0;border-top:1px solid var(--line);padding:16px 0 0;margin:18px 0;min-width:0}.order-drawer legend{font-size:12px;font-weight:600;padding-inline-end:10px;color:var(--muted)}.order-drawer .order-address,.order-drawer .order-billing{display:grid;grid-template-columns:1fr 1fr;gap:14px}.order-drawer fieldset[hidden]{display:none}.order-drawer fieldset .field{margin:0}.order-drawer fieldset .field:nth-of-type(-n+3),.order-drawer fieldset .notice{grid-column:1/-1}.order-drawer .check-label{line-height:1.6;font-size:12px;min-height:44px}
.order-drawer .order-history>.detail-section{border:0;padding:0;margin:0}.order-drawer .timeline>div{font-size:11px;line-height:1.6}.order-drawer .timeline small{font-size:10px}
:root .order-savebar{background:var(--surface-chrome);border-top:1px solid var(--line);padding:14px 26px;display:flex;align-items:center;gap:14px;flex-shrink:0;min-height:61px}.order-save-copy{min-width:0;flex:1}.order-save-copy p{font-size:12px;line-height:1.6;margin:0}#order-save-status::before{content:'✓';display:inline-block;width:21px;color:var(--good-text);font-weight:700}.order-savebar[data-save-state=pending] #order-save-status::before,.order-savebar[data-save-state=saving] #order-save-status::before{content:'…';color:var(--attention-text)}.order-savebar[data-save-state=error] #order-save-status::before,.order-savebar[data-save-state=invalid] #order-save-status::before{content:'!';color:var(--danger-text)}.order-savebar[data-save-state=error]{border-color:var(--danger-text)}.order-save-error{color:var(--danger-text);overflow-wrap:anywhere}.order-savebar .btn{font-size:11px;min-height:42px}.order-savebar [hidden]{display:none}
.order-drawer :is(button,a,summary,input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:3px}.order-drawer .btn:disabled{opacity:.5;cursor:not-allowed}
@media(min-width:1600px){:root .drawer.order-drawer{width:min(1200px,76vw)}.order-detail-layout{grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);gap:24px}.order-main,.order-side{gap:20px}.order-drawer .order-card{padding:24px}}
@media(max-width:860px){:root .drawer.order-drawer{width:calc(100vw - 20px)}.order-detail-layout{grid-template-columns:1fr}.order-side{grid-row:1}.order-drawer .order-card{padding:18px}.order-drawer .order-workflow{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.order-workflow h3{grid-column:1/-1}.order-drawer .drawer-body{padding:16px!important}.order-savebar{flex-wrap:wrap;padding:12px 16px!important}.order-save-copy{flex-basis:100%}.order-drawer>header{padding:18px 20px}.order-drawer .order-summary{margin-bottom:14px}}
@media(max-width:480px){:root .drawer.order-drawer{width:100vw}.order-drawer .field :is(input,select,textarea){font-size:16px;min-height:46px}.order-drawer .order-workflow{display:flex}.order-drawer .order-address,.order-drawer .order-billing{grid-template-columns:1fr}.order-drawer fieldset .field{grid-column:1}.order-drawer .order-card{padding:16px}.order-drawer>header h2{font-size:24px}.order-drawer .order-summary>strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.order-drawer{animation:none}}
body.order-detail-open{overflow:hidden}
:root .order-drawer .order-deadline{background:var(--surface-selected);border-color:var(--focus);padding-block:16px}
.order-drawer .order-workflow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px}.order-workflow h3{grid-column:1/-1}.order-drawer .order-workflow .field{margin:0}
@media(max-width:480px){.order-drawer .order-workflow{display:flex}}
html.order-detail-open{overflow:hidden}
.order-summary-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin-inline-start:auto}.order-summary-actions>strong{font-size:26px;white-space:nowrap}.order-summary-actions .btn{font-size:12px;min-height:42px;padding:11px 16px}.order-drawer .order-summary{gap:16px;flex-wrap:wrap}
@media(max-width:480px){.order-drawer .order-workflow{display:flex;flex-direction:column;align-items:stretch;gap:14px}.order-drawer .order-workflow .field{width:100%}.order-summary-actions{display:contents}.order-summary-actions>strong{margin-inline-start:auto}.order-summary-actions .btn{width:100%;min-height:46px}.order-drawer .order-summary{row-gap:12px}}
.order-drawer-loading .drawer-body{visibility:hidden}.order-drawer-loading .drawer-body::before{content:'Auftrag wird vorbereitet …';visibility:visible;font-size:13px;color:var(--muted)}
/* Navigate the current working sequence without closing the order workspace. */
.order-drawer>header>div:first-child{min-width:0;flex:1}.order-drawer-nav{display:flex;align-items:center;gap:10px;margin-inline-start:auto;flex-shrink:0}.order-drawer-nav .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 12px;font-size:12px;white-space:nowrap}.order-drawer-nav svg{width:15px;height:15px;flex-shrink:0}.order-drawer-nav [data-order-step="-1"] svg{transform:rotate(180deg)}.order-nav-position{color:var(--muted);font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:58px;text-align:center}.order-drawer-nav[aria-busy=true]{cursor:progress}.order-drawer-nav[aria-busy=true] .btn{cursor:progress}.order-drawer>header>button{flex-shrink:0}
@media(max-width:700px){.order-drawer>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}.order-drawer>header>div:first-child{grid-column:1;grid-row:1}.order-drawer>header>#close-detail{grid-column:2;grid-row:1}.order-drawer-nav{grid-column:1/-1;grid-row:2;margin:0;justify-content:space-between}.order-drawer-nav .btn{flex:1;min-height:44px}}
.order-drawer-loading,.order-drawer-swap{animation:none}
.order-external-reference{display:flex;flex-wrap:wrap;gap:3px 8px;margin-block:8px 0;font-size:11px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.order-external-reference strong{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;min-width:0}