/* Orbito workbench: warm surfaces, precise hierarchy, laptop-first density. */
:root{--bg:#f5f4ef;--panel:#fffefa;--ink:#30372f;--muted:#71786d;--line:#e4e6dc;--accent:#c65b38;--accent-light:#f9ede6;--olive:#687a55;--olive-light:#eef2e8;--radius:12px;--sidebar-width:204px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,a,input,select,textarea{touch-action:manipulation}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #849d67;outline-offset:3px}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.workspace{min-block-size:100dvh}.sidebar{width:var(--sidebar-width);padding:24px 14px 16px;background:#fafaf6}
.sidebar .logo{padding-left:12px;font-size:29px}.workspace-label{margin:26px 0 24px;padding:13px 10px;background:#f1f1e9;border-color:#e4e5d8;gap:9px}.workspace-label small{font-size:11px}.workspace-avatar{background:#fffef9;border-color:#dedfce}
.nav-label{font-size:10px;letter-spacing:1.4px;padding-left:12px}.nav-item{padding:11px 12px;font-size:13px;gap:10px;min-height:43px}.nav-item svg{width:18px;height:18px}.nav-item small{font-size:11px}.nav-item.active{background:#f4e7dd;color:#a94a2b}.nav-item.active:hover{background:#f1e1d4}
.local-note{padding:18px 10px 4px;font-size:12px;border-top-color:#e4e6da}.local-note strong{font-weight:550}.local-note small{font-size:10px;margin-top:6px;letter-spacing:.1px}.main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-width:0}
.topbar{height:48px;padding:0 28px;background:#fafaf7;font-size:12px}.topbar .date{font-size:12px}.user-avatar{width:26px;height:26px}.content{max-width:1900px;padding:22px 28px 16px}
h1{font-size:clamp(1.8rem,1.4rem + .7vw,2.35rem);font-weight:650;letter-spacing:-1.1px}.page-header{margin-bottom:20px;gap:18px;align-items:center}.page-header .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:7px}.page-header p:not(.eyebrow){font-size:12px;margin-top:7px;line-height:1.5}.header-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.header-actions .btn{font-size:12px;min-height:38px;padding:9px 13px}.header-actions #refresh{padding-inline:10px}
.btn{border-radius:8px;min-height:38px;font-size:12px;box-shadow:none}.btn.primary{background:var(--accent);border-color:var(--accent);box-shadow:none}.btn.primary:hover{background:#ad4a2a}.btn.quiet:hover{background:#f3f4ec;border-color:#d3d8c7}.text-button{font-size:12px}.icon-button{min-width:32px;min-height:32px}
.stats{gap:12px;margin-bottom:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.work-stat{position:relative;display:grid;grid-template-columns:1fr auto;text-align:left;padding:16px 18px;border-radius:11px;background:#fffefa;gap:8px 14px;min-width:0;transition:background .15s,border-color .15s}.work-stat>span{font-size:12px;grid-column:1;justify-content:flex-start;color:#686f60;gap:8px}.work-stat>span svg{width:15px;height:15px;order:-1;color:#8a967b}.work-stat strong{grid-column:2;grid-row:1 / 3;font-size:31px!important;margin:0!important;letter-spacing:-1.2px;align-self:center;color:#394531}.work-stat small{grid-column:1;font-size:10px;color:#78816e;line-height:1.4}.work-stat.production{background:#f4f2e9;border-color:#e8e2cf}.work-stat.ready{background:#edf2e7;border-color:#dfe7d4}.work-stat.due.has-overdue{background:#fbf0e9;border-color:#edcdbb}.work-stat.due.has-overdue strong{color:#b25332}.work-stat:hover{border-color:#b8c4a6;background:#f4f6ed}
.order-panel{border-radius:12px;border-color:#dfe3d7;box-shadow:0 1px 2px #32402a03}.panel-title{padding:14px 18px;gap:16px;min-height:55px}.panel-title h2{font-size:15px}.panel-title h2>span{font-size:11px;color:#6c775f;background:#eff2e8;padding:4px 7px;margin-left:8px}.view-switch{display:flex;background:#f0f1e9;border:1px solid #e1e5d8;border-radius:8px;padding:3px;gap:3px;flex-shrink:0}.view-switch button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#737c69;font-size:11px;padding:6px 11px;min-height:29px;border-radius:5px}.view-switch button[aria-pressed=true]{background:#fffefa;box-shadow:0 1px 3px #40502c14;color:#3e5033;font-weight:600}.view-switch svg{width:14px;height:14px}
.filter-tabs{gap:20px;padding:0 18px;background:#fffefa}.filter-tabs button{font-size:12px;padding:10px 0 12px}.filter-tabs small{font-size:10px;padding:2px 4px}.toolbar{padding:12px 18px;gap:10px;flex-wrap:nowrap!important;background:#fcfcf8}.toolbar .search{max-width:none;min-width:160px}.search{border-color:#dde2d3;background:#fffefa;border-radius:7px}.search input{font-size:12px;padding:10px 0}.search:focus-within{outline:2px solid #a7ba8d;outline-offset:1px}.toolbar select{font-size:12px;max-width:none;min-width:0;background:#fffefa;border-color:#dde2d3;color:#536044;padding:9px 10px;height:37px}.toolbar #brand-filter{width:145px;flex:0 0 145px}.toolbar #order-sort{width:204px;flex:0 0 204px}.work-filter-chip{display:flex;gap:12px;align-items:center;padding:7px 18px;border-top:1px solid var(--line);font-size:12px;color:#85612f;background:#fcf6e8}.work-filter-chip button{margin-left:auto;border:0;background:none;color:inherit;display:flex;padding:2px}.work-filter-chip svg{width:16px;height:16px}
.bulk-actions{display:flex;align-items:center;gap:14px;padding:9px 18px;background:#edf2e7;border-block:1px solid #dbe4cf}.bulk-actions>strong{font-size:12px;color:#4e653c}.bulk-buttons{display:flex;gap:8px;margin-left:auto}.bulk-buttons .btn{font-size:11px;min-height:32px;padding:6px 10px}.bulk-actions .text-button{color:#61734f;font-size:11px}
.table-scroll{container-type:inline-size;overflow:auto;max-inline-size:100%;max-block-size:max(280px,calc(100dvh - 405px));scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#ccd4bf #fafbf6}
#orders-table table{table-layout:fixed;white-space:normal;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;background:#fffefa}
#orders-table thead{position:sticky;inset-block-start:0;z-index:3;background:#f3f4ed}#orders-table th{font-size:10px;letter-spacing:.5px;padding:11px 11px;color:#7b856f;background:#f3f4ed;white-space:nowrap}#orders-table th.checkbox-col{width:38px;padding-left:16px}#orders-table thead th:nth-child(2){width:123px}#orders-table thead th:nth-child(4){width:126px}#orders-table thead th:nth-child(5){width:122px}#orders-table thead th.deadline-column{width:134px;min-width:0}#orders-table thead th.amount{width:88px}#orders-table thead th:last-child{width:38px}
#orders-table td,#orders-table tbody th{padding:12px 11px;border-bottom:1px solid #ecefe4;vertical-align:middle;font-size:12px;line-height:1.5;background:#fffefa}#orders-table td:first-child{padding-left:16px}#orders-table .order-row-heading{position:sticky;inset-inline-start:0;z-index:1;letter-spacing:0;font-weight:400}#orders-table .order-row-heading>small{display:block;font-size:10px;color:#88917e;margin-top:4px}#orders-table tr:hover td,#orders-table tr:hover th{background:#f5f7ef}#orders-table tr:has(input:checked) td,#orders-table tr:has(input:checked) th{background:#f0f4e9}
.order-link{font-size:12px;color:#4a5b3d;white-space:nowrap}.customer-cell{min-width:0;gap:8px}.customer-cell>div{min-width:0}.customer-cell strong{font-size:12px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-cell small{font-size:11px;margin-top:4px;white-space:nowrap;max-width:none;color:#78836d}.customer-avatar{display:none}.brand-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#546348}#orders-table td>small{font-size:10px;white-space:nowrap;margin-top:4px;color:#89917f}#orders-table .amount strong{font-size:12px}.badge{font-size:10px;font-weight:550;padding:5px 7px;gap:5px;border-radius:5px}.badge.production{background:#f7efd8;color:#98752f}.badge.ready{background:#eaf2df;color:#5a7742}.badge.needs_review{background:#f9e9dd;color:#a15c30}.badge.shipped{background:#edf0eb;color:#75826d}.shipping-deadline{font-size:10px;gap:3px;line-height:1.35;max-width:none}.shipping-deadline strong{font-size:12px}.shipping-deadline span{font-weight:500}.shipping-deadline small{font-size:10px}.shipping-deadline.overdue{color:#b34f2d}#orders-table tr[data-urgency=overdue]>td:first-child{box-shadow:inset 3px 0 0 #cf7148}.table-bottom{padding:11px 18px;color:#818b75;font-size:11px}.table-bottom span{color:#8e987f;font-size:10px}
.production-board{container-type:inline-size;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px;background:#f4f5ef;align-items:start}.production-lane{border:1px solid #e0e5d6;border-radius:9px;background:#ecefe5;min-width:0;overflow:hidden}.production-lane>header{padding:14px 12px 12px;border-bottom:1px solid #e0e4d7;background:#f2f4eb}.production-lane>header>div{display:flex;align-items:center;gap:8px}.lane-step{font-size:10px;color:#88957a;font-variant-numeric:tabular-nums}.production-lane h3{font-size:13px;color:#526643}.lane-count{margin-left:auto;font-size:11px;background:#e2e9d7;color:#5e744d;min-width:24px;text-align:center;padding:3px 6px;border-radius:5px}.production-lane>header p{font-size:10px;color:#88947c;margin-top:6px}.production-lane.prepare>header{background:#f7f1e7}.production-lane.ready>header{background:#eaf1df}.lane-cards{padding:10px;display:flex;flex-direction:column;gap:10px;max-block-size:max(260px,calc(100dvh - 486px));overflow:auto;scrollbar-width:thin;scrollbar-color:#c7d1b8 transparent}.production-card{border:1px solid #dde2d4;border-radius:8px;background:#fffefa;box-shadow:0 1px 2px #3c4b2e05;overflow:hidden}.production-card.overdue{border-inline-start:3px solid #cd7952}.production-card-top{display:flex;gap:5px;align-items:center;justify-content:space-between;padding:11px 10px 0}.production-card-top label{display:flex;gap:7px;align-items:center;color:#7b876f;font-size:10px;cursor:pointer}.production-card-top input{width:13px;height:13px}.production-card-top .badge{font-size:9px;padding:4px 5px}.production-card-open{display:block;width:100%;text-align:left;border:0;background:none;padding:10px;color:var(--ink)}.production-card-open:hover{background:#f8faf3}.production-card-open strong{display:block;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.production-card-open>span{display:block;font-size:11px;color:#849075;margin-top:8px}.production-card-open .production-quantity{font-size:11px;color:#5d7449;font-weight:600;margin-top:8px}.production-card-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding:9px 10px;border-top:1px solid #eff2e8}.production-card-footer>span{font-size:10px;color:#8b957e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:48%}.production-card-footer .shipping-deadline{font-size:9px;text-align:right}.production-card-footer .shipping-deadline strong{font-size:10px}.lane-empty{padding:30px 12px;text-align:center;font-size:11px;color:#909a85;line-height:1.6}.board-summary{display:flex;justify-content:space-between;padding:12px 18px;font-size:10px;color:#8b957d;border-top:1px solid var(--line)}
.page-footer{font-size:10px;margin-top:18px;padding-bottom:3px;color:#a0a68f}.page-footer>span:last-child{font-size:10px}.empty{padding:42px 20px}.empty-icon{width:48px;height:48px;border-radius:12px;margin-bottom:16px}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px}.product-visual{height:96px;background:#ebece1;gap:7px}.product-visual svg{width:32px;height:32px}.product-visual span{font-size:9px}.product-content{padding:18px}.product-content h2{font-size:15px;line-height:1.45;margin-top:14px;overflow-wrap:anywhere}.product-price{font-size:21px;margin-top:10px}.product-postage{margin-top:18px;font-size:11px;gap:8px}.catalog-product-image{max-height:86px}.brand-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px}.brand-card{padding:20px}.brand-card h2{font-size:16px}.shop-row{padding:17px 20px}.shop-info strong{font-size:13px}.shop-info small{font-size:11px}.section-heading{margin-bottom:16px}.shops-heading{margin-top:27px}
.settings-sections{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.settings-sections button{padding:9px 13px;border:1px solid #dfe4d5;border-radius:7px;background:#fffefa;font-size:12px;color:#7b856d}.settings-sections button[aria-pressed=true]{background:#e9efde;border-color:#cbd8b6;color:#50673a;font-weight:600}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.settings-panel{padding:22px}.settings-panel h2{font-size:17px}.settings-panel>.muted{font-size:12px}.settings-panel .integration-row{padding-block:15px;gap:12px}.settings-panel .integration-row small{font-size:11px;line-height:1.5}.settings-panel .detail-actions{flex-wrap:wrap}.settings-panel .btn{white-space:normal}.settings-panel .hint{font-size:11px}.settings-panel>p:not(.muted):not(.hint){overflow-wrap:anywhere}.label-sheet{max-width:190px;margin:20px auto}.postage-panel .detail-actions{gap:8px}
.drawer-backdrop{background:#28352232;backdrop-filter:blur(2px)}.drawer{width:min(570px,100vw);height:100dvh;display:flex;flex-direction:column;box-shadow:-12px 0 45px #23331a18;background:#fffefa}.drawer>header{padding:21px 24px;min-height:92px;flex-shrink:0;border-bottom:1px solid #e1e6d8;background:#fbfcf5}.drawer>header .eyebrow{font-size:9px;margin-bottom:6px}.drawer>header h2{font-size:24px;letter-spacing:-.6px}.drawer-body{padding:20px 24px;min-height:0;flex:1;overflow:auto;max-height:none}.detail-status{margin-bottom:16px}.detail-status>strong{font-size:24px}.detail-section{padding-block:18px}.detail-section h3{font-size:13px;letter-spacing:.1px;margin-bottom:10px}.detail-item{padding-block:11px;gap:12px}.detail-item>div{min-width:0}.detail-item strong{font-size:13px;line-height:1.5}.detail-item>span{font-size:12px;flex-shrink:0}.detail-item small{font-size:11px}.detail-section address{font-size:12px;line-height:1.8}.drawer .field>span{font-size:12px}.drawer .field input,.drawer .field textarea,.drawer .field select{font-size:13px;padding:10px}.drawer .hint{font-size:11px;line-height:1.6}.deadline-detail{background:#f2f5e9;border:1px solid #dce5cd;border-radius:9px;padding:14px 16px;margin-bottom:18px}.deadline-detail h3{font-size:11px;color:#7a876a;margin-bottom:8px}.deadline-detail .shipping-deadline{display:flex;flex-direction:row;align-items:center;gap:12px}.deadline-detail .shipping-deadline strong{font-size:16px}.deadline-detail .shipping-deadline span{font-size:12px}.deadline-help{margin-top:10px;font-size:11px;color:#899679}.deadline-help summary{cursor:pointer}.deadline-help .hint{margin-top:8px}.drawer .detail-actions{display:flex;flex-wrap:wrap;gap:8px}.drawer .detail-actions .btn{font-size:11px}.bundle-packing{padding:10px;margin-bottom:10px}.bundle-packing>strong{font-size:13px}.timeline{font-size:12px}
dialog{width:min(660px,calc(100vw - 40px));max-height:calc(100dvh - 48px);border-radius:13px}dialog.wide{width:min(900px,calc(100vw - 48px))}dialog form{max-height:calc(100dvh - 48px)}dialog header{padding:21px 24px}dialog header h2{font-size:20px;line-height:1.35}dialog .modal-body{padding:22px 24px;min-height:0}dialog footer{padding:15px 24px;gap:9px;background:#fbfcf7}dialog .field input,dialog .field select,dialog .field textarea{font-size:13px}dialog .hint{font-size:11px}dialog .form-grid{gap:15px}dialog h3{font-size:14px}.notice{font-size:12px;line-height:1.7}.form-error{font-size:12px}.field-help{font-size:11px}#toast{font-size:12px}
@container (width < 900px){#orders-table thead th:nth-child(4){width:108px}#orders-table thead th:nth-child(5){width:112px}#orders-table thead th.deadline-column{width:122px}.customer-cell small{font-size:10px}}
@media(min-width:1700px){:root{--sidebar-width:220px}.content{padding-inline:34px}.topbar{padding-inline:34px}.work-stat{padding:19px 22px}.customer-avatar{display:grid;width:27px;height:27px;font-size:10px}#orders-table td,#orders-table tbody th{padding-block:15px}#orders-table thead th:nth-child(4){width:160px}#orders-table thead th:nth-child(5){width:145px}#orders-table thead th.deadline-column{width:150px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.lane-cards{max-block-size:max(360px,calc(100dvh - 510px))}}
@media(max-width:1250px){:root{--sidebar-width:188px}.content{padding:20px}.topbar{padding-inline:20px}.work-stat{padding:14px 13px;gap:7px 8px}.work-stat>span{font-size:11px}.work-stat small{font-size:10px}.work-stat strong{font-size:28px!important}.stats{gap:10px}.toolbar #brand-filter{width:128px;flex-basis:128px}.toolbar #order-sort{width:195px;flex-basis:195px}.header-actions .btn{padding-inline:11px}.settings-panel{padding:19px}}
@media(max-width:1050px){:root{--sidebar-width:72px}.sidebar{padding:23px 10px}.sidebar .logo{font-size:0;padding:0;justify-content:center}.sidebar .logo>span,.workspace-label,.nav-label,.nav-item>span,.nav-item>small,.local-note{display:none}.sidebar nav{margin-top:36px}.nav-item{justify-content:center;padding:12px}.main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.header-actions .quiet{display:inline-flex}.sidebar .logo img{width:31px;height:31px}.production-board{gap:10px;padding:12px}.production-card-top{flex-wrap:wrap}.toolbar #brand-filter{width:120px;flex-basis:120px}.settings-grid{gap:14px}}
@media(max-width:760px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-stat{min-height:82px}.page-header{align-items:flex-start;flex-wrap:wrap}.header-actions{justify-content:flex-start}.toolbar{flex-wrap:wrap!important}.toolbar .search{flex-basis:100%}.toolbar #brand-filter,.toolbar #order-sort{flex:1 1 140px;width:auto}.table-scroll{max-block-size:60dvh}#orders-table table{min-width:820px}.production-board{grid-template-columns:1fr}.lane-cards{max-block-size:450px}.production-card-top{flex-wrap:nowrap}.settings-grid{grid-template-columns:1fr}.panel-title{flex-wrap:wrap;gap:10px}.board-summary{gap:12px;line-height:1.5}.board-summary span:last-child{max-width:50%;text-align:right}.bulk-actions{flex-wrap:wrap}.bulk-buttons{width:100%;margin-left:0}.table-bottom span{max-width:50%;text-align:right}.page-footer>span:last-child{display:none}.settings-sections{gap:6px}.settings-sections button{font-size:11px;padding:9px 10px}}
@media(max-width:480px){:root{--sidebar-width:56px}.sidebar{padding:19px 5px}.content{padding:18px 12px}.topbar{padding-inline:12px;font-size:11px}.topbar .date{display:none}h1{font-size:27px}.header-actions{gap:6px}.header-actions .btn{font-size:11px;padding:9px}.page-header p:not(.eyebrow){font-size:11px}.work-stat{padding:13px 10px;grid-template-columns:1fr;gap:5px}.work-stat>span{font-size:10px}.work-stat>span svg{display:none}.work-stat strong{grid-column:1;grid-row:2;font-size:27px!important}.work-stat small{font-size:9px}.panel-title{padding:12px}.view-switch button{font-size:10px;padding:6px 8px}.toolbar{padding:12px}.filter-tabs{padding-inline:12px}.drawer>header{padding:18px 20px}.drawer-body{padding:18px 20px}.deadline-detail .shipping-deadline{flex-wrap:wrap}.deadline-detail .shipping-deadline small{width:100%}dialog,dialog.wide{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}dialog form{max-height:calc(100dvh - 24px)}dialog header,dialog .modal-body{padding:18px}dialog footer{padding:13px 18px}.product-grid,.brand-grid{grid-template-columns:1fr}.board-summary{padding:12px}.work-filter-chip{padding-inline:12px}.work-stat{min-height:0}.production-card-open strong{font-size:14px}}
@media print{.sidebar,.topbar,.page-footer,.work-stat,.bulk-actions{display:none}.main{margin-left:0;width:100%}.table-scroll{max-block-size:none;overflow:visible}#orders-table table{min-width:0}}
/* Keep the final icon inside its fixed column and fit five rows on short laptops. */
#orders-table td:last-child,#orders-table th:last-child{padding-inline:4px}
#orders-table input[type=checkbox]{margin:0;vertical-align:middle}
#orders-table td,#orders-table tbody th{padding-block:10px;line-height:1.35}
#orders-table .customer-cell strong,#orders-table .customer-cell small{line-height:1.35}
#orders-table .customer-cell small,#orders-table td>small,#orders-table .order-row-heading>small{color:#6c785f}
.production-card-footer>*{min-width:0}.production-card-footer .shipping-deadline{flex:1}
.production-card-open>span{color:#6c795f}.work-stat small{color:#6b765f}
@media(min-width:1700px){#orders-table td,#orders-table tbody th{padding-block:14px}}
body[data-workspace-view=orders][data-workbench-mode=board] .stats,body[data-workspace-view=orders][data-workbench-mode=board] .filter-tabs{display:none}
.production-card{flex:0 0 auto}.production-card-open strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.lane-cards{max-block-size:max(300px,calc(100dvh - 387px))}
@media(max-width:760px){.lane-cards{max-block-size:450px}}
.work-stat[aria-pressed=true]{border-color:#9aaa83;box-shadow:inset 0 0 0 1px #9aaa83}