:root{--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--page-padding:24px;--radius-control:6px;--radius-panel:8px;--control-height:36px;--table-row-height:44px;--charcoal:#1f2321;--olive:#40544b;--olive-dark:#304239;--off-white:#f7f5f1;--surface:#fff;--surface-subtle:#f8f9f7;--line:#e0e3df;--muted:#626b65;--border:var(--line);--primary:var(--olive);--success:#2f6b47;--warning:#875a16;--danger:#a33f2b;--shadow-overlay:0 12px 40px #1f232124;font-family:var(--font-ui)}body{font-size:14px;line-height:1.5}:focus-visible{outline:2px solid var(--olive);outline-offset:3px}input,select,textarea,button{font-family:inherit}input,select,textarea{max-width:100%}input[type=checkbox],input[type=radio]{accent-color:var(--olive)}.app-frame{background:var(--surface);grid-template-columns:224px minmax(0,1fr);width:100%}.app-frame .app-sidebar{background:var(--off-white);color:var(--charcoal);border-right:1px solid var(--line);height:100dvh;padding:16px 10px 12px}.app-frame .brand .brand-mark{background:var(--olive);border:1px solid var(--olive);color:#fff;border-radius:var(--radius-control);font-weight:400}.app-frame .brand .brand-copy,.app-frame .brand-copy strong{color:var(--charcoal);font-weight:600}.app-frame .brand-copy strong{font-family:Georgia,serif;font-size:20px;font-weight:400}.app-frame .primary-navigation{flex:1;margin:16px 0}.app-frame .navigation-group+.navigation-group{margin-top:16px}.app-frame .navigation-group h2{letter-spacing:.07em;color:var(--muted);margin:0 10px 5px;font-size:11px;font-weight:600}.app-frame .navigation-group-toggle{color:var(--muted)}.app-frame .primary-navigation a{color:#4c554f;border:0;border-radius:5px;gap:10px;min-height:34px;padding:6px 10px;font-size:13px;font-weight:500}.app-frame .primary-navigation a:hover{color:var(--charcoal);background:#eceee9}.app-frame .primary-navigation a.active{color:#263e31;box-shadow:none;background:#e5ebe5;border:0;font-weight:650}.app-frame .navigation-icon{width:18px;color:inherit;flex-basis:18px;align-items:center;display:inline-flex}.ui-icon{flex-shrink:0;width:18px;height:18px}.app-frame .sidebar-context{border:0;border-top:1px solid var(--line);color:var(--charcoal);background:0 0;border-radius:0;margin-top:auto;padding:12px 8px 4px}.app-frame .sidebar-context small,.app-frame .sidebar-provider,.app-frame .sidebar-provider small{color:var(--muted)}.app-frame .context-logo{color:var(--olive);background:#e5ebe5}.app-frame .sidebar-provider{padding:8px}.app-frame .sidebar-provider>span{display:none}.app-frame .sidebar-close{color:var(--charcoal)}.app-frame .app-topbar{height:60px;min-height:60px;padding:0 var(--page-padding);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;flex-wrap:nowrap;gap:16px}.app-frame .topbar-title{flex:0 240px}.app-frame .topbar-title>div{min-width:0}.app-frame .topbar-title span{text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}.app-frame .topbar-title strong{font-size:13px;font-weight:600}.app-frame .topbar-actions{flex:1;justify-content:flex-end;gap:12px;display:flex}.app-frame .topbar-search{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-subtle);width:min(100%,450px);height:36px;min-height:36px;padding:0 10px;font-size:13px}.app-frame .topbar-search:focus-within{outline:2px solid var(--olive);outline-offset:2px}.app-frame .topbar-search input{min-height:0}.app-frame .topbar-menu summary{border-radius:var(--radius-control);background:0 0}.app-frame .user-avatar{color:var(--olive);background:#e8ece6}.app-frame .topbar-menu-panel{border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-overlay)}.app-frame .user-menu-panel{top:48px}.app-frame .user-menu-panel .logout-button{min-height:36px;color:var(--muted);font-size:13px}.mobile-search-button,.mobile-workflow-nav{display:none}.app-frame .page-shell{width:calc(100% - var(--page-padding) * 2);max-width:1600px;padding:var(--space-5) 0 var(--space-6);min-width:0;margin-inline:auto}.app-frame .page-shell>*,.app-frame .panel>*,.app-frame .form-panel>*,.app-frame .detail-grid>*,.app-frame .page-heading>*,.app-frame .page-header>*{min-width:0}.app-frame .page-shell :is(h1,h2,h3,p,dd,label){overflow-wrap:anywhere}.app-frame .page-shell h1{font-family:var(--font-ui);letter-spacing:-.025em;margin:0;font-size:24px;font-weight:650;line-height:1.25}.app-frame .page-shell h2{letter-spacing:-.01em;font-size:16px;line-height:1.4}.app-frame .page-shell h3{font-size:14px}.app-frame :is(.page-heading,.page-header,.commerce-page-header,.operational-heading){align-items:center;gap:16px;margin:0 0 20px}.app-frame :is(.page-heading,.page-header,.commerce-page-intro) p:not(.eyebrow):not(.breadcrumbs){color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.app-frame :is(.eyebrow,.breadcrumbs,.commerce-breadcrumbs){letter-spacing:0;text-transform:none;margin-bottom:6px;font-size:12px;font-weight:450}.app-frame .back-link{margin-bottom:12px;font-size:13px;font-weight:500;display:inline-flex}.app-frame :is(.button,button.button){min-height:var(--control-height);border-radius:var(--radius-control);max-width:100%;box-shadow:none;white-space:normal;text-align:center;padding:7px 12px;font-size:13px;font-weight:550;line-height:1.35}.app-frame .button.primary{border:1px solid var(--olive);background:var(--olive);color:#fff}.app-frame .button.primary:hover{background:var(--olive-dark)}.app-frame .button.secondary{border:1px solid var(--line);background:var(--surface);color:var(--charcoal)}.app-frame .button.secondary:hover{background:var(--surface-subtle)}.app-frame :is(.form-actions,.header-actions,.commerce-page-actions,.reorder-heading-actions){flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-frame :is(.panel,.dashboard-card,.commerce-stat-card,.product-supplier-panel){border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:none}.app-frame .panel+.panel,.app-frame .top-space{margin-top:16px}.app-frame .panel .panel{box-shadow:none;border-radius:var(--radius-control)}.app-frame :is(.table-toolbar,.filter-bar,.section-heading){flex-wrap:wrap;gap:12px;padding:12px 16px}.app-frame :is(.table-toolbar,.section-heading) :is(h2,p){margin:0}.app-frame :is(.table-toolbar,.section-heading) p{color:var(--muted);margin-top:3px;font-size:13px}.app-frame :is(.filter-bar,.search-form,.search-form>div){flex-wrap:wrap;min-width:0}.app-frame :is(.filter-bar input,.filter-bar select,.search-form input){min-width:0;min-height:var(--control-height)}.app-frame .search-field{flex:220px;min-width:0}.app-frame .table-meta{color:var(--muted);flex-wrap:wrap;gap:8px;padding:8px 16px;font-size:12px}.app-frame :is(.badge,.status-badge,.status-pill){white-space:normal;border:0;border-radius:4px;align-items:center;max-width:100%;min-height:22px;padding:3px 6px;font-size:12px;font-weight:550;line-height:1.35;display:inline-flex}.app-frame :is(.status-info,.status-neutral,.badge-inactive){color:#4c554f;background:#eef0ed}.app-frame :is(.status-success,.badge-active){color:#2e5e3e;background:#eaf2eb}.app-frame .status-warning{color:#805617;background:#f8f0df}.app-frame :is(.status-danger,.status-blocking){color:#943c2d;background:#faeae5}.app-frame :is(.commerce-empty-state,.empty-state,.panel-empty){min-height:0;padding:24px 16px}.app-frame .commerce-empty-state>span{background:var(--surface-subtle);border-radius:6px;width:28px;height:28px;font-size:16px}.app-frame :is(.commerce-empty-state,.empty-state) h2{margin:8px 0 4px}.app-frame :is(.commerce-empty-state,.empty-state) p{color:var(--muted);margin:0;font-size:13px}.app-frame .commerce-stat-grid{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:0;margin:0 0 16px;display:flex}.app-frame .commerce-stat-card{background:0 0;border:0;border-radius:0;flex:160px;padding:8px 16px 12px 0;display:block}.app-frame .commerce-stat-icon{display:none}.app-frame .commerce-stat-copy{grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;display:grid}.app-frame .commerce-stat-copy>span{color:var(--muted);font-size:12px}.app-frame .commerce-stat-copy>strong{color:var(--charcoal);font-size:20px}.app-frame .commerce-stat-copy>small{grid-column:1/-1;font-size:12px}.app-frame .table-scroll{width:100%;min-width:0;max-width:100%;overflow:visible}.data-grid{width:100%;min-width:0;container:erp-table/inline-size}.app-frame .data-grid .data-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:0;max-width:100%;margin:0;font-size:13px}.app-frame .data-grid .data-table :is(th,td){border:0;border-bottom:1px solid var(--line);vertical-align:middle;white-space:normal;overflow-wrap:anywhere;width:auto;min-width:0;max-width:none;padding:10px 12px}.app-frame .data-grid .data-table th{background:var(--surface-subtle);color:var(--muted);text-transform:none;letter-spacing:0;font-size:12px;font-weight:550;line-height:1.4;position:static}.app-frame .data-grid .data-table td{height:var(--table-row-height);font-size:13px;line-height:1.45}.app-frame .data-grid .data-table tbody tr:last-child td{border-bottom:0}.app-frame .data-grid .data-table tbody tr:hover{background:#f7f9f6}.app-frame .data-grid .data-table td:before{display:none}.app-frame .data-grid .data-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.app-frame .data-grid .data-table :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;max-width:100%;font-size:14px}.app-frame .data-grid .data-table .table-link{font-size:inherit;color:var(--charcoal);font-weight:550;text-decoration:none}.app-frame .data-grid .data-table .table-link:hover{color:var(--olive);text-decoration:underline}.app-frame .data-grid .data-table small{color:var(--muted);white-space:normal;font-size:12px;line-height:1.45}.app-frame .data-grid .row-disclosure{padding:0}.row-details-button{display:none}.list-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.list-search{min-width:0;max-width:400px;min-height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--muted);flex:220px;align-items:center;gap:8px;padding:0 10px;display:flex}.list-search:focus-within{outline:2px solid var(--olive);outline-offset:2px}.list-search input{background:0 0;border:0;outline:none;width:100%;min-width:0;min-height:0;padding:7px 0;font-size:13px}.list-status select{min-height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);background:#fff;max-width:200px;padding:6px 10px;font-size:13px}.list-count{color:var(--muted);margin-left:auto;font-size:12px}.list-pagination,.list-pagination>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.list-pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:12px 16px;font-size:12px}.app-frame .detail-grid{border-radius:var(--radius-panel);grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px 24px;margin-block:0 16px;padding:12px 16px;display:grid}.app-frame .detail-grid>div{border:0;padding:0}.app-frame .detail-grid dt{color:var(--muted);font-size:12px;font-weight:400}.app-frame .detail-grid dd{overflow-wrap:anywhere;margin:3px 0 0;font-size:13px;font-weight:550}.app-frame .form-panel{padding:20px}.app-frame :is(.product-form,.sales-order-form,.customer-form,.supplier-form,.warehouse-form){gap:16px;min-width:0;max-width:100%}.app-frame .form-panel :is(input,select,textarea),.app-frame .product-form :is(input,select,textarea){min-height:var(--control-height);border-radius:var(--radius-control);border:1px solid #cbd1ca;padding:8px 10px;font-size:14px}.app-frame :is(.form-panel,.product-form) label{font-size:13px;font-weight:550}.app-frame :is(.form-panel,.product-form) input[type=checkbox]{min-height:16px}.app-frame fieldset{min-width:0;max-width:100%}.app-frame legend{white-space:normal;max-width:100%}.app-frame :is(.info-note,.warning-note,.form-error,.compact-note){border-radius:var(--radius-control);padding:10px 12px;font-size:13px;line-height:1.5}.app-frame :is(.product-disclosure-form,.direct-receipt-fields,.receipt-details-grid,.sales-review-layout,.reorder-toolbar,.product-picker-controls){min-width:0}.app-frame :is(.product-picker-controls,.reorder-toolbar){grid-template-columns:minmax(0,1fr) minmax(100px,.6fr) auto}.app-frame .product-supplier-row{padding:14px 16px}.app-frame .product-disclosure>summary{padding:12px 16px}.app-frame .product-procurement-summary{padding:14px 16px}.app-frame .inventory-category-bar{flex-wrap:wrap;gap:12px;padding:8px 16px}.app-frame .inventory-category-bar>p{display:none}.app-frame .reorder-open-orders{border:0;border-bottom:1px solid var(--line);background:0 0;gap:12px;margin-bottom:16px;padding:0 0 12px}.app-frame .reorder-open-orders>div:first-child span{font-size:12px}.app-frame .reorder-open-order-links a{background:0 0;border:0;padding:3px 0;font-size:12px}.app-frame .planning-periods{flex-wrap:wrap;gap:4px;margin:0;padding:8px 12px}.app-frame .planning-periods :is(button,a){color:var(--muted);background:0 0;border:0;border-radius:5px;min-height:32px;padding:6px 10px;font-size:13px;font-weight:500}.app-frame .planning-periods .is-active{color:var(--olive-dark);background:#e8ede7}.app-frame .planning-date{background:var(--surface-subtle);border:0;border-bottom:2px solid #0000;border-radius:4px;padding:10px 5px}.app-frame .planning-date strong{font-size:12px;font-weight:550}.app-frame .planning-date.is-active{border-bottom-color:var(--olive);background:#e8ede7}.app-frame .planning-date span{font-size:12px}.app-frame .planning-agenda .planning-calendar-events{gap:0}.app-frame .planning-agenda .planning-calendar-events button{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 8px}.app-frame .planning-agenda .planning-calendar-events button:hover{background:var(--surface-subtle)}.app-frame .planning-agenda .planning-calendar-events button :is(strong,span){font-size:13px}.app-frame .workspace-dialog{border:1px solid var(--line);width:min(760px,100vw - 32px);max-width:calc(100vw - 32px);box-shadow:var(--shadow-overlay);border-radius:10px;padding:20px}.app-frame .planning-workspace-dialog{width:min(1120px,100vw - 32px);padding:0}.app-frame .planning-dialog-close{padding:12px 16px 0}.app-frame .reorder-day-heading{flex-wrap:wrap;gap:16px;padding:12px 16px}.app-frame .reorder-day-heading h2{font-size:20px}.app-frame .reorder-product-scroll{max-height:none}.app-frame .workspace-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1f232161}.app-frame .receipt-actions{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.app-frame .receipt-note-label{gap:6px;max-width:560px;padding:12px 16px;display:grid}.app-frame .receipt-ready-banner{padding:12px}.app-frame .management-dashboard-grid{gap:16px}.app-frame .management-dashboard-section{box-shadow:none;border:0;border-radius:0}.app-frame .management-dashboard-section>header{background:0 0;padding:12px 0}.app-frame .management-widget-grid{gap:8px;padding:0}.app-frame .management-widget{box-shadow:none;border-radius:6px;padding:12px}.app-frame .management-widget small{white-space:normal}.workflow-status{border-block:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin:0 0 16px;padding:10px 0;font-size:12px;list-style:none;display:flex}.workflow-status li{align-items:center;gap:8px;display:flex}.workflow-status li+li:before{content:"›";color:#858c87;margin-right:4px}.workflow-status [aria-current=step]{color:var(--olive-dark);font-weight:650}.workflow-status .workflow-dot{background:#d2d8d2;border-radius:50%;width:6px;height:6px}.workflow-status [aria-current=step] .workflow-dot{background:var(--olive)}.workflow-status .is-complete .workflow-dot{background:#73937b}.search-workspace-form{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.search-workspace-form input{border:1px solid var(--line);border-radius:6px;flex:220px;min-width:0;padding:10px 12px;font-size:16px}.search-result-group{margin-bottom:24px}.search-result-group h2{border-bottom:1px solid var(--line);padding-bottom:8px}.search-result-list{margin:0;padding:0;list-style:none}.search-result-list a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;text-decoration:none;display:flex}.search-result-list a:hover{background:var(--surface-subtle)}.search-result-list strong{font-weight:550;display:block}.search-result-list small{color:var(--muted)}@container erp-table (max-width:700px){.app-frame .data-grid .data-table,.app-frame .data-grid .data-table tbody{display:block}.app-frame .data-grid .data-table colgroup{display:none}.app-frame .data-grid .data-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-frame .data-grid .data-table tbody tr{border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding:14px 16px;display:grid}.app-frame .data-grid .data-table tbody td{text-align:left;border:0;flex-direction:column;align-items:flex-start;gap:3px;width:auto;height:auto;min-height:0;padding:0;display:flex}.app-frame .data-grid .data-table tbody td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:400;display:block}.app-frame .data-grid .data-table td[data-identity=true]{grid-column:1/-1}.app-frame .data-grid .data-table td[data-priority="3"]{display:none}.app-frame .data-grid .data-table :is([data-expanded=true],[data-entry=true] tr) td[data-priority="3"]{display:flex}.app-frame .data-grid .data-table td[colspan]{grid-column:1/-1}.app-frame .data-grid .data-table td[colspan]:before,.app-frame .data-grid .data-table td.row-disclosure:before{display:none}.app-frame .data-grid .data-table td.row-disclosure{grid-column:1/-1}.row-details-button{min-height:36px;color:var(--olive);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:12px;display:flex}.app-frame .data-grid .data-table tfoot{padding:12px 16px;display:block}.app-frame .data-grid .data-table tfoot tr{justify-content:space-between;display:flex}.app-frame .data-grid .data-table tfoot td{border:0;padding:0}}@container erp-table (min-width:701px) and (max-width:1050px){.app-frame .data-grid .data-table[data-dense=true]{table-layout:auto}.app-frame .data-grid .data-table[data-dense=true] :is(th,td){padding:8px 6px;font-size:12px}}@media (max-width:1100px){.app-frame{grid-template-columns:200px minmax(0,1fr)}:root{--page-padding:20px}.app-frame .topbar-title{flex-basis:150px}.app-frame .user-summary{display:none}.app-frame :is(.sales-review-layout,.document-review-layout,.procurement-dashboard-grid,.manual-order-layout){grid-template-columns:minmax(0,1fr)}}@media (max-width:960px){.app-frame{grid-template-columns:minmax(0,1fr)}.app-frame .app-sidebar{width:min(288px,100vw - 48px);box-shadow:var(--shadow-overlay);position:fixed;inset:0 auto 0 0}.app-frame .app-sidebar:not(.is-open){visibility:hidden}.app-frame .app-sidebar.is-open{visibility:visible}.app-frame .mobile-menu-button{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}.app-frame .topbar-title{flex-basis:240px}}@media (max-width:700px){:root{--page-padding:16px;--control-height:44px;--table-row-height:48px}.app-frame .app-topbar{gap:8px;height:56px;min-height:56px;padding:0 12px}.app-frame .topbar-actions{flex:none;gap:4px}.app-frame .topbar-title{flex:1}.app-frame .topbar-title strong{max-width:none;font-size:14px}.app-frame .topbar-search{display:none}.mobile-search-button{min-width:44px;min-height:44px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.app-frame .user-menu-panel{position:fixed;top:60px;right:8px}.app-frame .page-shell{padding-top:20px;padding-bottom:calc(90px + env(safe-area-inset-bottom))}.app-frame .page-shell h1{font-size:22px}.app-frame :is(.page-heading,.page-header,.commerce-page-header){align-items:stretch;gap:12px}.app-frame .page-shell h2{font-size:16px}.app-frame .form-panel{padding:16px}.app-frame :is(.product-form,.sales-order-form,.customer-form,.supplier-form,.warehouse-form,.product-disclosure-form,.manual-order-layout,.direct-receipt-fields,.receipt-details-grid,.product-picker-controls,.reorder-toolbar,.order-review-inputs){grid-template-columns:minmax(0,1fr)}.app-frame :is(.product-form,.sales-order-form)>*{grid-column:auto;min-width:0}.app-frame :is(.form-panel,.data-grid,.product-form) :is(input:not([type=checkbox]),select,textarea){min-height:44px;font-size:16px}.app-frame .data-grid .data-table :is(button,.button,input,select){min-height:44px}.app-frame .data-grid .data-table input[type=checkbox]{width:22px;height:22px;min-height:22px;margin:8px}.app-frame .data-grid .data-table .table-link{padding-block:5px;display:inline-block}.list-search{flex-basis:100%;max-width:none;min-height:44px}.list-search input{font-size:16px}.list-toolbar{padding:12px}.app-frame .workspace-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.app-frame .planning-workspace-dialog{padding:0}.app-frame .reorder-open-orders{display:block}.app-frame .reorder-open-order-links{margin-top:6px}.app-frame .reorder-panel .planning-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding-inline:8px}.app-frame .planning-date{padding:8px 2px}.app-frame .planning-date strong{font-size:12px;line-height:1.5}.app-frame .planning-date span{display:none}.app-frame .planning-date[data-has-orders=true]:after{content:"";background:var(--olive);border-radius:50%;width:4px;height:4px;margin:2px auto 0}.app-frame .planning-agenda .planning-calendar-events button{min-height:56px}.app-frame .planning-agenda .planning-calendar-events button strong{grid-column:auto}.app-frame .receipt-actions{bottom:60px}.mobile-workflow-nav{z-index:20;padding:4px 8px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.mobile-workflow-nav a{min-height:48px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;text-decoration:none;display:flex}.mobile-workflow-nav a[aria-current=page]{color:var(--olive);background:#eef2ec;border-radius:6px;font-weight:600}.app-frame .commerce-stat-grid{gap:8px 16px}.app-frame .commerce-stat-card{flex-basis:calc(50% - 16px);padding:0 0 8px}.app-frame .commerce-stat-copy>small{display:none}.app-frame .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.app-frame .organization-switch-control{max-width:100%}.workflow-status{gap:6px 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.account-organization{border-bottom:1px solid var(--line);gap:4px;padding:12px 9px;display:grid}.account-organization>small{color:var(--muted);font-size:12px}.account-organization>strong{font-size:13px;font-weight:550}.account-organization .organization-switcher{width:100%;max-width:100%}.app-frame .primary-navigation a.active .navigation-icon{color:var(--olive)}.app-frame .topbar-search kbd{white-space:nowrap;flex-shrink:0}.action-menu{position:relative}.action-menu>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.action-menu>summary::-webkit-details-marker{display:none}.action-menu-items{z-index:25;border:1px solid var(--line);border-radius:var(--radius-panel);width:max-content;max-width:min(300px,100vw - 32px);box-shadow:var(--shadow-overlay);background:#fff;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.action-menu-items a{padding:10px 12px;font-size:13px;text-decoration:none;display:block}.action-menu-items a:hover{background:var(--surface-subtle)}.detail-title-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.history-disclosure{border-top:1px solid var(--line);margin-top:20px;padding:12px 0}.history-disclosure>summary{cursor:pointer;color:var(--muted);font-size:13px}.app-frame .data-grid .data-table .row-attention{box-shadow:none;background:#fdfbf5}@media (max-width:700px){.app-frame .filter-bar .search-field{flex:auto;width:100%;min-height:44px}.app-frame .filter-bar{align-items:stretch}.app-frame .planning-periods{padding:8px 0}.app-frame .header-actions{flex-wrap:nowrap}.app-frame .header-actions .action-menu>summary{min-height:44px}.app-frame .header-actions>.button{flex:1}.app-frame .header-actions .action-menu{flex:none}.app-frame .header-actions .action-menu>summary{white-space:nowrap}.app-frame .filter-bar{flex-direction:row;gap:8px}.app-frame .filter-bar .search-field{flex:160px;width:auto}.app-frame .filter-bar>.button{flex:none;width:auto}.app-frame .planning-periods{margin-bottom:8px}.app-frame .inventory-category-bar{padding:8px 12px}.app-frame .inventory-category-bar .add-category-link{font-size:12px}}@container erp-table (max-width:700px){.app-frame .data-grid .data-table td[data-identity=true]:before{display:none}.app-frame .data-grid .data-table td[data-priority="1"]{order:1}.app-frame .data-grid .data-table td[data-priority="2"]{order:2}.app-frame .data-grid .data-table td[data-priority="3"]{order:3}.app-frame .data-grid .data-table td[data-identity=true]{order:0}.app-frame .data-grid .data-table td:is([data-label=Acties],[data-label=Actie],.row-disclosure){order:4}.app-frame .data-grid .data-table .quantity-cell{flex-flow:wrap;align-items:baseline;gap:2px 4px}.app-frame .data-grid .data-table .quantity-cell:before{width:100%}.app-frame .data-grid .data-table .quantity-cell small{margin:0}.app-frame .data-grid .data-table td[data-label=Beschikbaar] strong{font-size:18px}}.app-frame .review-line-actions{width:100%;min-width:0}.app-frame .review-line-actions :is(details,label,input,select,summary){min-width:0;max-width:100%}.app-frame .inline-policy-form{flex-wrap:wrap;align-items:flex-end;gap:8px;min-width:0;display:flex}.app-frame .inline-policy-form label{flex:70px;min-width:0}.app-frame .inline-policy-form>small{flex-basis:100%;min-width:0}.app-frame .data-table .receipt-product-code{color:var(--muted);font-size:12px;font-weight:400;display:block}.app-frame .data-table .receipt-product-code+strong{font-weight:600;display:block}.app-frame .document-review-summary{padding:16px}.app-frame .document-review-status{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;margin-bottom:12px}.app-frame .document-review-status dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.app-frame .document-review-status dl div{background:0 0;border:0;border-radius:0;padding:0}.app-frame .document-review-status dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;font-weight:550}.app-frame .document-review-status dt,.app-frame .detail-grid dt{text-transform:none;letter-spacing:0;font-size:12px}.app-frame .invoice-issue-review{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.app-frame .invoice-issue-review>.button{width:auto}.app-frame .invoice-correction-panel{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;margin-top:0;padding:12px 0}.app-frame .document-primary-actions{margin:0;padding-block:8px}.app-frame .document-primary-actions:empty{display:none}@media (max-width:700px){.app-frame .document-review-status{grid-template-columns:minmax(0,1fr);gap:12px}.app-frame .document-review-status dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@container erp-table (max-width:700px){.app-frame .data-grid .data-table .stock-policy-controls{grid-column:1/-1}}.app-frame :is(.table-toolbar,.section-heading)>*{min-width:0;max-width:100%}.app-frame :is(.table-toolbar,.section-heading) p{white-space:normal}.app-frame .price-threshold-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.app-frame .price-threshold-panel .commerce-stat-card{flex:300px;padding:0}.app-frame .price-threshold-panel .filter-bar{background:0 0;border:0;flex:0 auto;padding:0}.app-frame .price-threshold-panel input{max-width:90px}.app-frame .planning-periods a{text-decoration:none}.workflow-confirmation{border-radius:var(--radius-control);background:#eef4ed;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.workflow-confirmation>div{gap:2px;display:grid}.workflow-confirmation span{color:var(--muted)}.workflow-confirmation a{font-weight:550}@container erp-table (max-width:700px){.app-frame .data-grid .data-table td[data-field-label=true]:before{display:none}}.pick-lines-disclosure>summary{cursor:pointer;padding:12px 16px;font-size:13px}.pick-lines-disclosure:not(.is-completed)>summary{display:none}.app-frame .pick-checklist:has(.is-completed) .receipt-actions{padding:8px 16px;position:static}.app-frame .data-grid .compact-form{width:100%;min-width:0;max-width:100%}.app-frame .data-grid .compact-form>*{min-width:0}.app-frame .data-grid .stock-count-entry{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:0;display:grid}.app-frame .stock-count-entry details{grid-column:1/-1}.app-frame .stock-count-entry summary{cursor:pointer;color:var(--muted);padding:6px 0;font-size:12px}@container erp-table (max-width:700px){.app-frame .data-grid .data-table td:has(.stock-count-entry){grid-column:1/-1}}.app-frame :is(input:not([type=checkbox]):not([type=radio]),select){min-height:var(--control-height);border-radius:var(--radius-control);padding:7px 10px}.app-frame :is(.topbar-search,.list-search) input{border:0;min-height:0;padding:0}@media (max-width:700px){.app-frame .mobile-menu-button,.app-frame .sidebar-close,.app-frame .user-menu>summary{min-width:44px;min-height:44px}.app-frame .primary-navigation a,.app-frame .row-details-button{min-height:44px}}.planning-add-product>summary{cursor:pointer;color:var(--olive);border-top:1px solid var(--line);padding:12px 16px;font-size:13px}.app-frame .planning-add-product .reorder-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding-top:0}@media (max-width:700px){.app-frame .planning-add-product .reorder-toolbar{grid-template-columns:minmax(0,1fr)}}.app-frame .product-quantity-picker{grid-template-columns:minmax(0,1fr) minmax(80px,120px) auto;align-items:end;display:grid}.app-frame .product-quantity-picker>*{width:100%;min-width:0}@media (max-width:700px){.app-frame .product-quantity-picker{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-inline:0}.app-frame .product-quantity-picker>.search-select{grid-column:1/-1}}@container erp-table (max-width:700px){.app-frame .data-grid .data-table td.numeric{text-align:left}.app-frame .data-grid .data-table td:is([data-label=Actie],[data-label=Acties]) a{align-items:center;min-height:44px;display:inline-flex}}.app-frame .management-page{gap:12px}.app-frame .filter-bar .inventory-category-bar{background:0 0;border:0;flex:0 auto;padding:0}.app-frame .filter-bar .category-filter-menu{width:auto;min-width:0}@media (max-width:700px){.app-frame .filter-bar .inventory-category-bar,.app-frame .filter-bar .category-filter-menu{width:100%}}@container erp-table (min-width:701px){.app-frame .data-grid .data-table td{display:table-cell}}.app-frame{--control-text-size:13px;--control-line-height:20px;--control-padding-block:calc((var(--control-height) - var(--control-line-height) - 2px) / 2)}.app-frame input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=image]):not([type=file]),.app-frame select:not([multiple]):not([size]),.app-frame select[size="1"]:not([multiple]){box-sizing:border-box;height:var(--control-height);min-height:var(--control-height);min-width:0;max-width:100%;padding:var(--control-padding-block) 10px;border-radius:var(--radius-control);font-family:var(--font-ui);font-size:var(--control-text-size);font-weight:400;line-height:var(--control-line-height);vertical-align:middle;border:1px solid #cbd1ca}.app-frame select:not([multiple]):not([size]),.app-frame select[size="1"]:not([multiple]){appearance:none;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23626b65' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:32px}.app-frame :is(.button,button.button,.planning-periods button,.category-filter-menu>summary){box-sizing:border-box;min-height:var(--control-height);height:auto;padding:var(--control-padding-block) 12px;border-radius:var(--radius-control);font-size:var(--control-text-size);line-height:var(--control-line-height);vertical-align:middle;border-style:solid;border-width:1px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.app-frame :is(.topbar-search,.list-search,.search-field,.price-input){box-sizing:border-box;height:var(--control-height);min-height:var(--control-height);border-radius:var(--radius-control);align-items:center;padding-block:0}.app-frame :is(.topbar-search,.list-search,.search-field,.price-input) input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=image]):not([type=file]){background:0 0;border:0;border-radius:0;height:100%;min-height:0;padding:0}.app-frame :is(.topbar-search,.list-search,.search-field) input{padding-inline:0}.app-frame :is(.topbar-search,.list-search,.search-field,.price-input):focus-within{outline:2px solid var(--olive);outline-offset:2px}.app-frame :is(.topbar-search,.list-search,.search-field,.price-input) input:focus{box-shadow:none;outline:none}.app-frame :is(.list-status,.search-select){min-width:0;margin:0}.app-frame .list-status{align-items:center;display:flex}.app-frame :is(.list-toolbar,.filter-bar,.inline-actions,.search-form>div,.search-workspace-form){align-items:center;gap:8px}.app-frame :is(.reorder-toolbar,.product-picker-controls,.platform-filters,.line-form-grid,.sales-price-form,.product-quantity-picker),.app-frame .form-grid{align-items:end}.app-frame .form-grid>label{align-content:start;gap:8px}.app-frame textarea{box-sizing:border-box;min-width:0;max-width:100%;min-height:calc(var(--control-height) * 2);border-radius:var(--radius-control);font-size:var(--control-text-size);line-height:var(--control-line-height);resize:vertical;border:1px solid #cbd1ca;padding:8px 10px}.app-frame input[type=file]{box-sizing:border-box;min-height:var(--control-height);font-size:var(--control-text-size);line-height:var(--control-line-height);border-radius:var(--radius-control);padding:0}.app-frame input[type=file]::file-selector-button{min-height:calc(var(--control-height) - 2px);padding:var(--control-padding-block) 12px;border:0;border-right:1px solid var(--line);background:var(--surface-subtle);color:var(--charcoal);font:inherit;cursor:pointer;margin:0 10px 0 0}.app-frame .document-settings-form{gap:20px;display:grid}.app-frame .document-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0}.app-frame .document-settings-grid .document-settings-long-field{grid-column:1/-1}.app-frame .document-settings-logo{gap:8px;font-size:13px;font-weight:550;display:grid}.app-frame .document-settings-logo-preview{flex-wrap:wrap;align-items:center;gap:16px;display:flex}@media (max-width:700px){.app-frame{--control-text-size:16px}.app-frame .document-settings-grid{grid-template-columns:minmax(0,1fr)}}@media (forced-colors:active){.app-frame select:not([multiple]):not([size]),.app-frame select[size="1"]:not([multiple]){appearance:auto;background-image:none}}.app-frame .form-grid>label:has(textarea){grid-column:1/-1}.app-frame :is(.form-actions,.inline-actions,.list-toolbar,.filter-bar)>.button.top-space{margin-top:0}
.mera-auth{min-height:100dvh;color:var(--charcoal);background:var(--surface);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.mera-auth *,.mera-auth :before,.mera-auth :after{box-sizing:border-box}.mera-auth-brand{background:var(--off-white);border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:48px;min-width:0;padding:40px clamp(32px,5vw,80px);display:flex}.mera-auth-wordmark{align-items:center;gap:12px;display:flex}.mera-auth-mark{border-radius:var(--radius-control);background:var(--olive);color:#fff;place-items:center;width:40px;height:40px;font:16px Georgia,serif;display:grid}.mera-auth-wordmark>div{gap:2px;display:grid}.mera-auth-wordmark strong{letter-spacing:-.04em;font:26px/1 Georgia,serif}.mera-auth-wordmark div>span{color:var(--muted);font-size:11px}.mera-auth-story{max-width:390px}.mera-auth-kicker{color:var(--muted);margin:0 0 12px;font-size:12px;font-weight:500}.mera-auth-story h2{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(28px,2.8vw,38px);font-weight:550;line-height:1.2}.mera-auth-story>p:not(.mera-auth-kicker){max-width:36ch;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.mera-auth-process{gap:0;margin:32px 0 0;padding:0;list-style:none;display:grid}.mera-auth-process li{border-top:1px solid var(--line);align-items:center;gap:16px;padding:16px 0;display:flex}.mera-auth-process .ui-icon{color:var(--olive);width:20px;height:20px}.mera-auth-process li>div{gap:2px;min-width:0;display:grid}.mera-auth-process strong{font-size:13px;font-weight:600}.mera-auth-process span{color:var(--muted);font-size:12px}.mera-auth-credit{color:var(--muted);margin:0;font-size:12px}.mera-auth-workspace{place-items:center;min-width:0;padding:80px 40px;display:grid;position:relative}.mera-auth-content{width:100%;max-width:360px}.mera-auth-heading{margin-bottom:28px}.mera-auth-heading .mera-auth-kicker{margin-bottom:8px}.mera-auth-heading h1{letter-spacing:-.025em;margin:0 0 8px;font-size:26px;font-weight:600;line-height:1.3}.mera-auth-heading>p:last-child{color:var(--muted);margin:0;font-size:14px}.mera-auth .login-form{grid-template-columns:minmax(0,1fr);gap:20px;padding:0;display:grid}.mera-auth .login-form label{color:var(--charcoal);gap:8px;font-size:13px;font-weight:500;display:grid}.mera-auth .login-form input{border-radius:var(--radius-control);width:100%;min-width:0;height:44px;color:var(--charcoal);background:var(--surface);box-shadow:none;border:1px solid #bbc2bb;padding:10px 12px;font-size:15px}.mera-auth .login-form input::placeholder{color:var(--muted)}.mera-auth .login-form input:focus{border-color:var(--olive);outline:2px solid var(--olive);outline-offset:2px}.mera-auth .login-form .button{border:1px solid var(--olive);border-radius:var(--radius-control);background:var(--olive);color:#fff;width:100%;min-height:44px;box-shadow:none;margin:4px 0 0;padding:10px 16px;font-size:14px;font-weight:600}.mera-auth .login-form .button:hover:not(:disabled){background:var(--olive-dark)}.mera-auth .login-form .button:disabled{opacity:.6;cursor:not-allowed}.mera-auth a{color:var(--olive-dark);text-underline-offset:3px;font-size:13px;text-decoration:underline}.mera-auth a:hover{text-decoration-thickness:2px}.mera-auth-label-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.mera-auth-password-input{position:relative}.mera-auth .mera-auth-password-input input{padding-right:76px}.mera-auth-reveal{border-radius:var(--radius-control);min-width:64px;height:44px;color:var(--olive-dark);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:12px;font-weight:500;position:absolute;top:0;right:0}.mera-auth-reveal:hover{background:var(--surface-subtle)}.mera-auth-help{border-top:1px solid var(--line);color:var(--muted);margin:28px 0 0;padding-top:20px;font-size:12px}.mera-auth-footer{color:var(--muted);font-size:11px;position:absolute;bottom:32px}.mera-auth .login-form>p{margin:0;font-size:13px}.mera-auth .login-form>p:empty{display:none}.mera-auth .form-error{border-radius:var(--radius-control);color:var(--danger);overflow-wrap:anywhere;background:#fbf1ee;border:1px solid #e5c7bf;margin:0;padding:12px;font-size:13px}@media (max-width:768px){.mera-auth{flex-direction:column;display:flex}.mera-auth-brand{padding:max(20px, env(safe-area-inset-top)) 24px 20px;border-right:0;border-bottom:1px solid var(--line);gap:0}.mera-auth-story,.mera-auth-credit{display:none}.mera-auth-workspace{padding:40px 24px max(24px, env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:center;gap:48px;display:flex}.mera-auth-content{margin-block:auto}.mera-auth-footer{position:static}.mera-auth .login-form input{font-size:16px}.mera-auth-label-row a{align-items:center;min-height:44px;margin-block:-8px;display:inline-flex}.mera-auth .login-form>a{align-items:center;min-height:44px;display:flex}}@media (max-width:380px){.mera-auth-brand,.mera-auth-workspace{padding-inline:20px}.mera-auth-heading h1{font-size:24px}}