.topbar{gap:18px;flex-wrap:wrap;height:auto;min-height:79px;padding-top:13px;padding-bottom:13px}.crumb{font-weight:700;white-space:nowrap}.global-search{display:flex;align-items:center;gap:9px;position:relative;flex:1;min-width:170px;max-width:400px}.global-search>span{position:absolute;left:12px;font-size:25px;color:var(--muted)}.global-search input{padding:11px 57px 11px 38px;font-size:12px;background:#edf2fb;border-color:#d7e1f0}.global-search kbd{position:absolute;right:10px;font:10px 'Segoe UI',sans-serif;color:var(--muted);border:1px solid var(--line);padding:3px 5px;border-radius:4px;pointer-events:none}.topbar-actions{margin-left:auto}
.hero.compact-hero{min-height:0;padding:19px 25px;margin-bottom:21px}.compact-hero h2{font-size:23px;margin:7px 0}.compact-hero p{margin:0;max-width:none;font-size:12px}.hero-emblem{font-size:65px;font-weight:850;line-height:1;color:#c2e0ff;transform:rotate(-12deg);text-shadow:0 0 28px #8cbfff80;animation:spark-breathe 5s ease-in-out infinite}
.task-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px}.task-card{position:relative;padding:23px;text-align:left;background:linear-gradient(145deg,#fff,#f0f5ff)!important;color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 25px #163b8a08;overflow:hidden}.task-card:before{content:'';height:3px;width:60px;background:linear-gradient(90deg,#4484f3,#aacfff);position:absolute;top:0;left:23px;animation:accent-breathe 4s ease-in-out infinite}.task-title{display:block;font-size:15px;padding-right:34px}.task-card>strong{display:block;font-size:34px;margin:16px 0 8px;color:#224e9c;letter-spacing:-1px}.task-card>small{display:block;font-size:11px;font-weight:400;line-height:1.5;min-height:32px}.task-icon{float:right;width:30px;color:#447bcc}.task-icon svg{width:26px;height:26px;display:block}.task-link{display:block;margin-top:15px;font-size:12px;color:#2359b7}.task-card:hover{box-shadow:0 12px 35px #163b8a19;transform:translateY(-3px)}
.next-task{display:flex;gap:20px;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#eaf2ff,#f6f9ff);padding:21px 24px;border:1px solid #cddffb;border-left:4px solid #548cee;border-radius:13px;margin:0 0 23px}.next-task .eyebrow{color:#446fab;font-size:9px;margin-bottom:9px}.next-task strong{font-size:14px;line-height:1.6}.next-task-buttons{display:flex;gap:9px;flex-wrap:wrap;flex:none}.next-action-button{white-space:normal;min-height:37px}.next-action-button span{margin-left:8px}.order-tabs{display:flex;gap:6px;padding:6px;background:#eaf0fa;border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.order-tabs button{flex:1;background:transparent!important;color:#62738e;box-shadow:none;font-size:13px;padding:12px 10px;white-space:nowrap}.order-tabs button[aria-selected=true]{background:#fff!important;color:#204fa6;box-shadow:0 3px 12px #18396916}.tab-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#cd8131;margin-left:7px}.detail-panel{max-width:1100px}.detail-panel:focus{outline:none}.recap-values{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.recap-values small{font-size:11px}.recap-values strong{display:block;font-size:25px;margin-top:9px;color:#2655a5;letter-spacing:-.5px}.recap-items>div{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.recap-items>div:last-child{border:0}.recap-items>div>span{color:var(--muted);font-size:12px;flex:1}.recap-items>div>strong{min-width:100px}.recap-items>div>b{white-space:nowrap}
.quick-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.quick-filters button{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px}.quick-filters button>span{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:7px;background:#eaf0fa;color:#4971ae;font-size:11px}.quick-filters button.active{background:#204cba;color:white;border-color:#204cba}.quick-filters button.active>span{background:#ffffff22;color:white}.search-query{display:flex;align-items:center;gap:7px;font-size:12px;flex-wrap:wrap}.result-count{font-size:12px}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.order-card{cursor:default}.print-quantity{display:flex;align-items:baseline;gap:8px;margin:15px 0 5px;flex-wrap:wrap}.print-quantity>strong{font-size:32px;color:#215db4;letter-spacing:-1px}.print-quantity>span{font-size:13px;color:var(--muted)}.print-step .print-missing{font-size:14px;color:#345c96}.print-step:has(.is-complete) .print-missing{color:#348660}.print-step button{min-height:38px;font-size:11px}.step:has(input:checked) label{font-weight:600}
#saving-status{position:fixed;bottom:26px;right:28px;z-index:150;background:#173f88;color:white;padding:13px 18px;border:1px solid #689aef;border-radius:12px;box-shadow:0 10px 30px #0003;font-size:13px;display:flex;gap:10px;align-items:center}#saving-status:before,[data-form-pending]:before{content:'';display:inline-block;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:orbit-turn .7s linear infinite}[data-form-pending]:before{vertical-align:-2px;margin-right:8px}.updated-highlight{animation:updated-flash 1.8s ease-out}.updated-highlight .print-quantity>strong{animation:quantity-pop .45s ease-out}@keyframes updated-flash{0%,30%{box-shadow:0 0 0 3px #629afa88;background-color:#a3caff33}100%{box-shadow:0 0 0 0 #629afa00}}@keyframes quantity-pop{50%{scale:1.08}}
[data-theme=dark] .global-search input{background:#101827;border-color:#334159}[data-theme=dark] .task-card{background:linear-gradient(140deg,#162238,#10151e)!important;border-color:#334461;color:#ecf2ff}[data-theme=dark] .task-card>strong{color:#b6d5ff}[data-theme=dark] .task-icon,[data-theme=dark] .task-link{color:#97bffc}[data-theme=dark] .task-card:hover{box-shadow:0 8px 32px #3f79e51b;border-color:#5b80b9}[data-theme=dark] .next-task{background:linear-gradient(120deg,#192c4b,#111c2d);border-color:#365985;border-left-color:#76a6ff}[data-theme=dark] .next-task .eyebrow{color:#a1c4fb}[data-theme=dark] .order-tabs{background:#090f1b;border-color:#2f3c53}[data-theme=dark] .order-tabs button{color:#a6b7d3}[data-theme=dark] .order-tabs button[aria-selected=true]{background:#263e65!important;color:#e7f2ff}[data-theme=dark] .recap-values strong,[data-theme=dark] .print-quantity>strong{color:#a8ccff}[data-theme=dark] .print-step .print-missing{color:#a3c2ef}[data-theme=dark] .print-step:has(.is-complete) .print-missing{color:#9ce6bd}[data-theme=dark] .quick-filters button>span{background:#23395e;color:#c9deff}[data-theme=dark] .quick-filters button.active{background:#2b58a4;color:white;border-color:#6a94e3}
@media(max-width:1200px){.topbar .crumb{display:none}.global-search{max-width:none}.next-task{align-items:flex-start;flex-direction:column}.next-task-buttons{width:100%}.task-card{padding:20px}.task-card>strong{font-size:28px}}
@media(max-width:750px){.topbar{padding:12px 18px;gap:12px}.mobile-brand{order:0}.topbar-actions{order:1;flex:1;width:auto;justify-content:flex-end}.topbar-actions .online{display:none}.global-search{order:2;flex:0 0 100%;width:100%}.global-search input{font-size:16px;padding-top:10px;padding-bottom:10px}.global-search kbd{display:none}.global-search input{padding-right:10px}.task-cards{grid-template-columns:1fr;gap:10px}.task-card{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:18px 20px}.task-icon{display:none}.task-title{font-size:14px;padding:0}.task-card>strong{grid-column:2;grid-row:1/3;font-size:26px;margin:0;align-self:center}.task-card>small{font-size:10px;min-height:0}.task-link{grid-column:1/-1;margin-top:6px;font-size:11px}.hero.compact-hero{padding:18px 20px;min-height:0}.compact-hero h2{font-size:20px}.compact-hero p{font-size:11px}.hero-emblem{font-size:42px}.order-tabs{gap:1px;padding:4px}.order-tabs button{padding:12px 6px;font-size:11px;min-height:44px}.tab-dot{margin-left:4px;width:5px;height:5px}.next-task{padding:18px}.next-task-buttons button{flex:1;min-height:44px}.recap-values{grid-template-columns:1fr;gap:13px}.recap-values>div{display:flex;justify-content:space-between;align-items:center}.recap-values strong{font-size:21px;margin:0}.recap-items>div{flex-wrap:wrap;gap:7px}.recap-items>div>strong{flex:0 0 100%}.recap-items>div>span{font-size:11px}.quick-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-filters button{justify-content:space-between;padding:9px 10px;font-size:11px}.print-quantity>strong{font-size:34px}.print-step .print-missing{font-size:13px}.print-step button{min-height:44px}.print-step .pair{flex-wrap:wrap;gap:8px}#saving-status{bottom:83px;right:18px}.next-action-button{min-height:42px}.global-search{min-width:0}.hero:after{z-index:0}}
[data-motion=off] *,[data-motion=off] *::before,[data-motion=off] *::after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:750px){.topbar-actions{flex:0 0 100%;justify-content:space-between}.topbar-actions .online{display:flex}.topbar-actions #refresh-data{display:none}}