@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#252b27;background:#f5f6f3;font-synthesis:none;--green:#284e3a;--muted:#858b85;--border:#e5e9e1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #9eba51;outline-offset:3px}button,.button{border:1px solid var(--border);background:white;color:#2a332d;border-radius:8px;padding:10px 15px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{background:#f2f4ed}button.primary{background:var(--green);border-color:var(--green);color:white}button.primary:hover{background:#356347}button.small{padding:7px 10px;font-size:12px}.danger{color:#a63e35}.layout{display:grid;grid-template-columns:228px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--border);padding:35px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.logo{font:800 29px 'Manrope',sans-serif;letter-spacing:-1.7px}.logo span{color:#7ca24a}.brand-sub{font-size:9px;letter-spacing:2.8px;color:#777f77;margin-top:7px}.nav-label{font-size:10px;letter-spacing:1.6px;color:#9aa198;margin:43px 12px 15px}nav{display:grid;gap:7px}nav button{border:0;justify-content:flex-start;background:transparent;padding:12px;font-size:13px;color:#707970;font-weight:500}nav button.active{background:#edf2e8;color:#284e3a;font-weight:700}svg.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.side-bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:18px;font-size:12px;color:#778176}.avatar{background:#e9efe3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#45623d;font-size:12px;font-weight:700}.topbar{background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 40px;font-size:12px;color:#7b847b}.topbar select{border:1px solid var(--border);border-radius:7px;background:#fff;padding:8px 10px;color:#364537;font-size:12px;max-width:270px}.flex{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.demo-banner{background:#f0f2e7;color:#667144;padding:9px 40px;font-size:11px;display:flex;justify-content:space-between;gap:10px}.demo-banner button{border:0;padding:0;background:transparent;font-size:11px;text-decoration:underline;color:inherit}main{padding:34px 40px 50px;max-width:1600px;margin:auto}.eyebrow{color:#839079;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700}h1{font:700 29px 'Manrope',sans-serif;letter-spacing:-1px;margin:7px 0 8px}p.sub{font-size:13px;color:#8a9188;margin:0;line-height:1.6}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}h2{font:650 15px 'Manrope',sans-serif;margin:0}h3{font-size:13px;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.card{background:white;border:1px solid var(--border);border-radius:12px;padding:21px}.metric-label{font-size:12px;color:#7d857a}.metric-value{font:650 29px 'Manrope',sans-serif;letter-spacing:-1px;margin:16px 0 10px;white-space:nowrap}.metric-foot{color:#859080;font-size:11px}.card.highlight{background:#2c4d39;color:white;border-color:#2c4d39;position:relative;overflow:hidden}.highlight .metric-label,.highlight .metric-foot{color:#c2d0b5}.highlight:after{content:'';position:absolute;width:100px;height:100px;border:20px solid #ffffff06;border-radius:50%;right:-20px;top:10px}.grid2{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.panel-head{padding:21px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px}.tiny{font-size:11px;color:#90968b}.chart{height:200px;display:flex;gap:20px;align-items:flex-end;padding:16px 25px 30px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 48px,#f1f3ee 49px,#f1f3ee 50px);margin:0 22px 16px}.bar-group{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;height:100%;position:relative}.bar{width:65%;min-width:12px;max-width:60px;border-radius:5px 5px 0 0;background:#a9bf85;position:relative;min-height:2px}.bar-group:last-child .bar{background:#385c42}.bar-group span{position:absolute;bottom:-21px;font-size:10px;color:#929987}.bar-group .tip{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#233b2e;color:white;font:11px 'DM Sans';padding:5px;border-radius:4px;white-space:nowrap}.bar:hover .tip{display:block}.action-card{background:#edf2e7;border:1px solid #e0e8d6;border-radius:9px;padding:17px;margin:0 20px 12px}.action-card p{font-size:12px;color:#76826d;line-height:1.5;margin:8px 0 14px}.action-card .icon{color:#6a8550}.line-item{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid #f0f2ed;font-size:12px}.dot{width:9px;height:9px;border-radius:50%;background:#a9bf85;display:inline-block}.badge{display:inline-flex;border-radius:5px;padding:5px 8px;font-size:10px;white-space:nowrap;background:#edf3e8;color:#527441;font-weight:600}.badge.amber{background:#fbf3df;color:#a18437}.badge.gray{background:#f0f1ee;color:#7d8279}.badge.red{background:#fbece7;color:#a4644b}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#fafbf8;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:13px 20px;color:#8a9284;font-size:10px;letter-spacing:.4px;font-weight:500;white-space:nowrap}td{padding:17px 20px;border-bottom:1px solid #eff2eb}tbody tr:last-child td{border-bottom:0}td strong{font-weight:600}td small{display:block;color:#939b8c;font-size:10px;margin-top:5px}.num{text-align:right;font-variant-numeric:tabular-nums}.product{display:flex;align-items:center;gap:12px}.swatch{width:34px;height:40px;border-radius:7px;background:#f3f4ef;display:grid;place-items:center}.swatch .icon{width:23px;height:23px;fill:var(--shirt);stroke:#8888;stroke-width:.7}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.toolbar input{flex:1;min-width:150px}.toolbar input,.toolbar select{border:1px solid var(--border);border-radius:8px;background:white;padding:10px 13px;font-size:12px}.empty{padding:40px;text-align:center;color:#84907b;font-size:13px}.muted{color:#91998b}.link{color:#466039;cursor:pointer;font-weight:600}.note{font-size:11px;line-height:1.7;color:#909786;margin:15px 0}.tenant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tenant-head{height:80px;background:#eef1e7;display:flex;align-items:center;justify-content:space-between;padding:22px}.tenant-body{padding:20px}.tenant-body .between{font-size:12px;margin-bottom:16px}.progress{height:5px;background:#edf1e7;border-radius:4px;overflow:hidden;margin:13px 0}.progress>div{background:#829f5a;height:100%}.timeline{padding:0 23px 23px}.event{padding:15px 0 15px 23px;border-left:1px solid #dfe7d6;position:relative;font-size:12px}.event:before{content:'';position:absolute;left:-4px;top:18px;background:#809e62;width:7px;height:7px;border-radius:50%}.event small{display:block;margin-top:5px;color:#8d9785}dialog{border:0;border-radius:15px;padding:0;max-width:760px;width:calc(100% - 30px);box-shadow:0 25px 100px #15221430;color:#2a332c}dialog::backdrop{background:#1b2c2570;backdrop-filter:blur(3px)}.modal-head{padding:24px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:20px}.modal-body{padding:25px 28px}.modal-foot{padding:18px 28px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:#fafbf8}label{font-size:12px;display:block;color:#67725f;margin-bottom:7px}input,select{color:#293729}form input,form select{width:100%;border:1px solid #dfe5d8;border-radius:7px;padding:10px;background:white;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-lines input{width:80px;padding:8px}.form-lines th,.form-lines td{padding:10px 8px}.form-lines input.price{width:95px}.callout{background:#eff3e8;padding:13px 16px;border-radius:8px;font-size:12px;line-height:1.6;color:#64724f;margin-bottom:20px}.error{color:#aa4d34;font-size:12px;padding:10px 0}.invoice{padding:32px}.invoice-top{display:flex;justify-content:space-between;margin-bottom:35px}.invoice h1{font-size:27px}.invoice dl{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:13px;margin:25px 0 25px auto;max-width:280px}.invoice dd{margin:0;text-align:right}.invoice .total{font-size:19px;font-weight:700;border-top:1px solid #ddd;padding-top:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#253f30;color:white;border-radius:9px;padding:14px 24px;box-shadow:0 5px 25px #0002;font-size:13px;z-index:100;display:none}.mobile-brand{display:none}.mini-tabs{display:flex;gap:6px}.mini-tabs button{font-size:11px;padding:6px 10px}.mini-tabs .selected{background:#eef2e7;border-color:#dce5d1;color:#476239}@media(min-width:1500px){main{padding:42px 55px}}@media(max-width:1150px){.layout{grid-template-columns:195px 1fr}.sidebar{padding:28px 15px}main{padding:28px 24px}.topbar,.demo-banner{padding-left:24px;padding-right:24px}.cards{gap:10px}.card{padding:17px}.metric-value{font-size:23px}.tenant-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.layout{display:block}.sidebar{position:relative;height:auto;padding:16px;border-right:0;border-bottom:1px solid var(--border)}.brand-sub,.nav-label,.side-bottom{display:none}.sidebar .logo{font-size:24px}.sidebar nav{display:flex;overflow:auto;margin-top:14px;gap:3px}.sidebar nav button{white-space:nowrap;padding:9px;font-size:11px}.sidebar nav button svg{width:15px}.topbar{padding:13px 18px}.topbar>span{display:none}.demo-banner{padding:9px 18px;font-size:10px}.cards{grid-template-columns:1fr 1fr}.grid2,.tenant-grid{grid-template-columns:1fr}.heading{align-items:flex-start;flex-wrap:wrap}main{padding:25px 18px}h1{font-size:25px}.metric-value{font-size:26px}.panel-head{padding:18px}.modal-body{padding:18px}.form-row{grid-template-columns:1fr}.form-lines td,.form-lines th{padding:8px 4px}.form-lines input{width:60px}.form-lines input.price{width:76px}.invoice{padding:20px}}@media print{body>*{display:none!important}body>dialog[open]{display:block!important;position:static;max-width:none;width:100%;box-shadow:none;overflow:visible}.modal-head,.modal-foot{display:none!important}.invoice{padding:0}dialog::backdrop{background:white}button{display:none!important}.invoice table{font-size:11px}}
/* Version 2 — institutional documents and distributor profiles */
.address-summary{font-size:12px;line-height:1.8;color:#77816f;min-height:88px;margin:0 0 18px}.access-status{padding-top:10px;border-top:1px solid var(--border)}.form-section{font:700 12px 'Manrope',sans-serif;letter-spacing:.4px;color:#35533a;padding-bottom:12px;margin:3px 0 18px;border-bottom:1px solid var(--border)}#special-prices input{width:120px}[hidden]{display:none!important}.brand-document{background:#fff;padding:42px 38px 25px;max-width:850px;margin:auto;color:#222a23}.document-masthead{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.document-logo{font:800 42px 'Manrope',sans-serif;letter-spacing:-2.6px;line-height:1}.document-logo span{color:#829c50}.document-tagline{font-size:9px;letter-spacing:3px;margin:12px 0 0;color:#7f8876}.document-kind{text-align:right;display:flex;flex-direction:column;gap:8px}.document-kind>span{font-size:11px;letter-spacing:2px;font-weight:700}.document-kind strong{font:650 19px 'Manrope';color:#33513b}.document-kind small{font-size:10px;color:#7e8778}.document-rule{height:4px;background:#2c4d39;margin:30px 0 21px}.document-intro{font:600 19px 'Manrope';letter-spacing:-.4px;margin-bottom:28px}.document-parties{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:22px}.document-label{font-size:8px;letter-spacing:1.4px;font-weight:700;color:#839276}.document-parties h2{font-size:14px;margin:9px 0 8px}.document-parties p{font-size:10px;line-height:1.7;color:#818879;margin:0;overflow-wrap:anywhere}.document-meta{display:grid;grid-template-columns:1fr 1fr 1fr;background:#f3f5ed;border-radius:6px;padding:16px 18px;margin-bottom:25px;gap:15px}.document-meta span{display:block;font-size:8px;letter-spacing:.8px;color:#8b927f;margin-bottom:7px}.document-meta strong{font-size:10px;font-weight:600}.brand-document table{font-size:11px}.brand-document th{background:#2c4d39;color:#fff;font-size:8px;letter-spacing:.6px;padding:12px 10px;border:0}.brand-document td{padding:16px 10px}.brand-document th:nth-last-child(-n+2),.brand-document td:nth-last-child(-n+2){text-align:right;white-space:nowrap}.document-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;margin-top:18px}.document-conditions{padding-top:22px}.document-conditions p{font-size:9px;line-height:1.8;color:#8b927f}.document-bottom dl{width:100%;font-size:11px}.document-bottom dl .total{font-size:17px;color:#2c4d39}.document-footer{margin-top:32px;border-top:1px solid #dfe5d6;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.document-footer strong{font:800 17px 'Manrope';letter-spacing:-.7px}.document-footer span{font-size:7px;letter-spacing:.4px;color:#9a9d91}@media(max-width:600px){.brand-document{padding:24px 18px}.document-logo{font-size:31px}.document-kind strong{font-size:15px}.document-intro{font-size:17px}.document-bottom{grid-template-columns:1fr}.document-meta{gap:8px;padding:13px 10px}.document-parties{gap:14px}.document-footer{flex-wrap:wrap}.demo-banner{flex-wrap:wrap}}@page{size:A4;margin:14mm}@media print{.brand-document{padding:0;max-width:none;width:100%;print-color-adjust:exact;-webkit-print-color-adjust:exact}.brand-document .document-masthead{display:flex}.brand-document .document-parties{grid-template-columns:1fr 1fr}.brand-document .document-bottom{grid-template-columns:1.2fr 1fr}.document-masthead,.document-meta,.document-parties,.document-bottom,.document-footer{break-inside:avoid}thead{display:table-header-group}tr{break-inside:avoid}.table-wrap{overflow:visible}dialog[open]{max-height:none!important}.document-footer{margin-top:25px}.document-logo{font-size:40px}}
.document-filters{padding:15px;border:1px solid var(--border);border-radius:9px;background:#f8faf5;margin-bottom:13px}.document-search-row{display:flex;gap:12px;align-items:flex-end;margin-bottom:13px}.document-search-row>div{flex:1}.document-search-row button{height:39px;white-space:nowrap}.document-filter-grid{display:grid;grid-template-columns:1.5fr 1fr .7fr 1.2fr;gap:10px}.document-filter-grid label,.document-search-row label{font-size:10px;margin-bottom:5px}.document-filter-grid select{padding:9px 6px;font-size:11px;width:100%}.selection-summary{font-size:11px;line-height:1.7;color:#49613d;padding:9px 0 15px;font-weight:550}.form-lines td:first-child{min-width:160px}@media(max-width:600px){.document-filter-grid{grid-template-columns:1fr 1fr}.document-search-row{align-items:flex-end;gap:7px}.document-search-row button{font-size:10px;padding:8px}.modal-foot{flex-wrap:wrap}.modal-foot button{font-size:12px}}
.inventory-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:18px}.inventory-filters>div{flex:1;min-width:160px}.inventory-filters>div:first-child{flex:2;min-width:220px}.inventory-filters input,.inventory-filters select{width:100%;box-sizing:border-box}.inventory-filters label{display:block;font-size:12px;margin-bottom:7px;color:var(--muted)}tfoot{background:#edf2e8;font-weight:700}tfoot th,tfoot td{border-top:2px solid #d7e1cf;padding:16px;white-space:nowrap}.inventory-totals .metric-value{font-size:25px}
.period-selector{display:flex;align-items:end;flex-wrap:wrap;gap:14px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:20px}.period-copy{margin-right:auto;align-self:center}.period-copy strong{display:block;font-size:13px}.period-copy span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.period-selector label{display:block;font-size:12px;margin-bottom:6px;color:var(--muted)}.period-selector input{min-width:150px;box-sizing:border-box}.period-selector p{flex-basis:100%;margin:0;color:#a63e35;font-size:12px}.chart-period-note{padding:0 20px 14px}.chart .bar-group>span{font-size:9px;line-height:1.35;white-space:normal;text-align:center}@media(max-width:600px){.period-copy{flex-basis:100%}.period-selector>div:not(.period-copy){flex:1;min-width:0}.period-selector input{width:100%;min-width:0}.period-selector>button{width:100%}}
.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.content-card{overflow:hidden;display:flex;flex-direction:column}.content-card img{width:100%;height:220px;object-fit:contain;background:#f0f1ec}.resource-cover{height:115px;background:#e9eee3;padding:22px;color:#536c46;font-size:11px;letter-spacing:2px}.resource-cover strong{display:block;font:700 25px Manrope,sans-serif;margin-top:15px}.resource-info{padding:20px;display:flex;flex-direction:column;align-items:start;flex:1}.resource-info h3{line-height:1.5;margin:12px 0}.resource-info .button{margin-top:auto;text-decoration:none;font-size:12px}.content-toolbar{flex-wrap:wrap}.content-toolbar select{max-width:100%}#usd-price-matrix input{width:90px}.topbar{flex-wrap:wrap}.topbar label{font-size:11px}@media(max-width:1050px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.content-grid{grid-template-columns:1fr}}
.login-card{max-width:640px;margin:8vh auto;padding:42px;background:white;border:1px solid #ddd;border-radius:16px}.login-card h1{font-size:28px;margin-top:32px}.login-card p{line-height:1.7}.login-card .button{display:inline-block;margin:16px 0}.topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:76px}.topbar .tiny{overflow-wrap:anywhere}@media(max-width:600px){.login-card{margin:20px;padding:24px}.topbar{padding:14px}.topbar .flex{flex-wrap:wrap}}
.login-card form{margin-top:28px}.login-card form input{margin-bottom:18px}.login-card form button.primary{width:100%;padding:13px}.login-card h1 small{font-size:16px;font-weight:400;letter-spacing:0}.login-card .error:empty{display:none}

.product-thumbnail{width:52px;height:64px;flex:0 0 52px;border:1px solid #e5e9e1;border-radius:8px;overflow:hidden;background:#fafbf8;display:grid;place-items:center;color:#858b85;font-size:10px;text-align:center}.product-thumbnail img{width:100%;height:100%;object-fit:contain;display:block}

/* Unified control-center navigation, including links to operational modules. */
.sidebar nav{gap:4px}
.sidebar nav button,.sidebar nav .nav-link{display:flex;align-items:center;justify-content:flex-start;gap:11px;width:100%;min-height:43px;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#657066;font-size:13px;font-weight:500;line-height:1.4;text-align:left;text-decoration:none;transition:background-color .15s ease,color .15s ease}
.sidebar nav button:hover,.sidebar nav .nav-link:hover{background:#f2f5ee;color:#284e3a}
.sidebar nav button.active{background:#eaf0e4;color:#284e3a;font-weight:700;box-shadow:inset 3px 0 #65844e}
.sidebar nav .icon{width:18px;height:18px;opacity:.85}
.sidebar nav{overflow-y:auto;min-height:0;padding:3px;margin:0 -3px 20px}
@media(max-width:800px){.sidebar nav{margin:14px -3px 0;padding:3px;overflow-x:auto;overflow-y:hidden;gap:5px}.sidebar nav button,.sidebar nav .nav-link{width:auto;flex:0 0 auto;min-height:38px;padding:9px 11px;font-size:12px;white-space:nowrap;gap:8px}.sidebar nav .icon{width:16px;height:16px}.sidebar nav button.active{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.sidebar nav button,.sidebar nav .nav-link{transition:none}}

/* Company administration, independent from floor staff. */
.company-users{max-width:1280px;margin:0 auto;padding:32px}.company-top,.company-heading,.company-sections{display:flex;align-items:center;justify-content:space-between;gap:16px}.company-top{margin-bottom:30px;font-size:13px}.company-heading{margin-bottom:20px}.company-heading h1{margin:4px 0 10px}.company-heading p{color:var(--muted,#697466)}.company-sections{justify-content:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #dce2d8}.company-sections span{font-weight:700}.company-grid{margin-top:24px;align-items:start}.company-search{display:block;padding:0 20px 18px}.company-search input{margin-top:6px;width:100%;border:1px solid #dfe5d8;border-radius:7px;padding:10px;background:white}.company-member{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-top:1px solid #e7ebe3}.company-member p{margin:6px 0 10px;overflow-wrap:anywhere}.company-member>div{min-width:0}.company-member button{flex-shrink:0}.company-empty{padding:20px;color:#697466}.company-form{padding:24px}.company-form h2{margin-top:0}.company-form fieldset{border:0;padding:0;margin:20px 0 0;min-width:0}.company-form label{display:block;margin-top:16px}.company-form input{margin-top:7px}.company-form .company-toggle{display:flex;align-items:center;gap:10px;margin:20px 0}.company-toggle input{width:auto;margin:0}.company-message{padding:14px 18px;margin-top:16px;border-radius:12px}.company-message.error{background:#fff0ec;color:#8b2f18}.company-message.success{background:#e9f1e3;color:#26482e}@media(max-width:700px){.company-users{padding:20px 14px}.company-heading{align-items:flex-start}.company-heading h1{font-size:27px}.company-sections{flex-wrap:wrap}.company-member{align-items:flex-start;flex-wrap:wrap}.company-grid{grid-template-columns:1fr}.company-top{margin-bottom:22px}}

/* Distribution navigation: spaces, module groups and a clear current page. */
.distribution-layout{grid-template-columns:258px minmax(0,1fr)}
.distribution-layout>.sidebar{padding:27px 17px 16px;min-width:0}
.distribution-layout>.sidebar>.logo,.distribution-layout>.sidebar>.brand-sub{margin-left:11px}
.distribution-layout>.sidebar>.brand-sub{font-size:9px;letter-spacing:2px}
.sidebar nav.portal-navigation{display:block;flex:1;overflow-y:auto;overflow-x:hidden;margin:24px -3px 12px;padding:3px;scrollbar-width:thin;scrollbar-color:#c7d3bf transparent}
.portal-navigation h2{font:700 9px 'DM Sans',sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#88927f;margin:0 10px 8px}
.portal-spaces{margin-bottom:22px}
.sidebar nav .portal-space{display:flex;gap:10px;align-items:center;padding:12px 11px;border:1px solid;border-radius:10px;text-decoration:none;margin-bottom:8px;transition:background-color .15s}
.portal-space>span:nth-child(2){flex:1;min-width:0}
.portal-space strong{font-size:12px;display:block;font-weight:700}
.portal-space small{display:block;font-size:9px;margin-top:4px;line-height:1.4}
.sidebar nav .space-sales{background:#edf1fa;border-color:#dbe2f2;color:#354e7b}
.sidebar nav .space-sales:hover{background:#e2e9f7}
.sidebar nav .space-floor{background:#faf1e6;border-color:#efdfcb;color:#825c2c}
.sidebar nav .space-floor:hover{background:#f6e8d6}
.portal-current-space{display:flex;align-items:center;gap:8px;border-top:1px solid #e2e8dc;padding:18px 10px 15px;font-size:9px;letter-spacing:.9px;font-weight:700;color:#47613e}
.portal-current-dot{width:7px;height:7px;border-radius:50%;background:#6d8d50;flex-shrink:0}
.portal-nav-group{margin-bottom:17px}
.portal-nav-items{display:grid;gap:3px}
.sidebar nav.portal-navigation .portal-nav-items>button,.sidebar nav.portal-navigation .portal-nav-items>.nav-link{min-height:36px;padding:8px 11px;font-size:12px;gap:10px}
.sidebar nav.portal-navigation .portal-nav-items>button.active{background:#284e3a;color:#fff;box-shadow:inset 3px 0 #a4c780;font-weight:700}
.sidebar nav.portal-navigation .portal-nav-items>button.active .icon{opacity:1}
.sidebar nav.portal-navigation .portal-nav-items>button.active:after{content:'';width:6px;height:6px;background:#c2dba1;border-radius:50%;margin-left:auto;flex-shrink:0}
.portal-exit{margin-left:auto;color:#97a08f;font-size:12px}
.portal-nav-settings{border-top:1px solid #e2e8dc;padding-top:10px;margin-top:3px}
.portal-nav-settings summary{list-style:none;display:flex;align-items:center;gap:9px;padding:10px;font-size:11px;color:#73806a;cursor:pointer;border-radius:8px}
.portal-nav-settings summary::-webkit-details-marker{display:none}
.portal-nav-settings summary:hover{background:#f2f5ee}
.portal-nav-settings summary:focus-visible{outline:3px solid #9eba51;outline-offset:1px}
.portal-chevron{margin-left:auto;transition:transform .15s}
.portal-nav-settings[open] .portal-chevron{transform:rotate(180deg)}
.distribution-layout>.sidebar>.side-bottom{padding:13px 10px 0;flex-shrink:0}
.distribution-layout>.sidebar>.side-bottom .note{display:none}
@media(max-width:1150px) and (min-width:801px){.distribution-layout{grid-template-columns:238px minmax(0,1fr)}.distribution-layout>.sidebar{padding:25px 12px 14px}}
@media(max-width:800px){.distribution-layout{display:block}.distribution-layout>.sidebar{padding:18px 16px}.sidebar nav.portal-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;overflow:visible;margin:18px 0 0;padding:0}.portal-spaces{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.portal-spaces h2{grid-column:1/-1;margin-bottom:0}.sidebar nav .portal-space{margin:0;padding:10px 8px;gap:7px}.portal-space small{font-size:8px}.portal-current-space{grid-column:1/-1;padding:14px 8px 0}.portal-nav-group{margin:0}.portal-navigation h2{margin-left:8px}.sidebar nav.portal-navigation .portal-nav-items>button,.sidebar nav.portal-navigation .portal-nav-items>.nav-link{width:100%;white-space:normal;font-size:11px;text-align:left}.portal-nav-settings{grid-column:1/-1;margin:0}.portal-nav-settings .portal-nav-items{grid-template-columns:1fr 1fr}.portal-space strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sidebar nav .portal-space,.portal-chevron{transition:none}}
.replenishment-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.replenishment-steps span{padding:9px 12px;border:1px solid #dde4d6;border-radius:7px;font-size:11px;color:#8a9582;background:#f8faf5}.replenishment-steps span.reached{background:#e9f0df;color:#35542a;border-color:#c4d5b5}form[data-form="requestReplenishment"] textarea{width:100%;min-height:60px}form[data-form="requestReplenishment"] .table-wrap{max-height:45vh;overflow:auto}form[data-form="requestReplenishment"] thead{position:sticky;top:0;background:white}

/* Distributor point of sale */
.pos-context{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}.pos-context select{width:auto;max-width:340px}.pos-context span{color:#647569}.pos-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:24px;align-items:start;margin-bottom:24px}.pos-search{display:flex;gap:10px}.pos-search input{min-width:0}.pos-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pos-product{padding:14px;border:1px solid #dce4dd;border-radius:14px;min-width:0}.pos-product .product{display:block}.pos-product .product-thumbnail{width:100%;height:auto;aspect-ratio:1;background:#f5f6f2;margin-bottom:10px}.pos-product .product-thumbnail img{width:100%;height:100%;object-fit:contain}.pos-product .flex{flex-wrap:wrap;margin-top:12px}.pos-product>small{display:block;overflow-wrap:anywhere;color:#68726d;font-size:10px}.pos-cart{position:sticky;top:18px}.pos-cart-line{padding:16px 0;border-bottom:1px solid #e1e7df}.pos-cart-line>small{display:block;color:#627365;margin:4px 0 12px}.pos-line-inputs{display:grid;grid-template-columns:80px minmax(90px,1fr) auto;gap:10px;align-items:end;margin-bottom:10px}.pos-line-inputs input{width:100%;min-width:0}.pos-total{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:22px 0}.pos-total strong{font-size:26px;color:#244c37}.pos-cart>.primary{width:100%}.pos-receipt{background:white;color:#17231c}.pos-receipt table{min-width:0}.pos-receipt h2{font-size:25px}
@media(max-width:1250px){.pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout{gap:16px}}@media(max-width:850px){.pos-layout{grid-template-columns:1fr}.pos-cart{position:static}.pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* POS spacing and dependent product filters */
.pos-catalog,.pos-cart{padding:24px;min-width:0}.pos-layout{grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);gap:24px}.pos-context{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;padding:20px 24px;border:1px solid var(--border);border-radius:12px;background:#fff;align-items:start}.pos-context label,.pos-filters label,.pos-search label{margin:0;display:grid;gap:8px;min-width:0}.pos-context select{width:100%;max-width:none}.pos-context small,.pos-client-rate small{display:block;margin-top:7px;color:#647569;overflow-wrap:anywhere}.pos-client-rate button{margin-top:10px}.pos-search{align-items:end;margin-bottom:16px}.pos-search label{flex:1}.pos-search input{width:100%;margin:0}.pos-filters{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(70px,.6fr);gap:12px}.pos-filters select{width:100%;min-width:0}.pos-cart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.pos-cart-heading h2{margin:0}.pos-cart>.note{margin:12px 0;line-height:1.55}.pos-product{padding:14px;display:flex;flex-direction:column;gap:8px}.pos-product .product{min-width:0}.pos-product .product strong{overflow-wrap:anywhere;line-height:1.4}.pos-product .flex{margin-top:auto;gap:8px;justify-content:space-between}.pos-product-price{font-size:16px;font-weight:700;color:#244c37}.pos-line-inputs{grid-template-columns:76px minmax(90px,1fr);gap:12px}.pos-line-inputs button{grid-column:1/-1;justify-self:start}.pos-cart-line>strong{overflow-wrap:anywhere}.pos-total{flex-wrap:wrap}.origin-tag{display:inline-block!important;font-size:11px!important;background:#edf3e9;border-radius:5px;padding:4px 7px;margin:5px 4px 0 0;color:#35533a!important;white-space:nowrap}
@media(max-width:1200px){.pos-layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:18px}.pos-catalog,.pos-cart{padding:18px}}@media(max-width:1000px){.pos-layout{grid-template-columns:1fr}.pos-cart{position:static}.pos-products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.pos-context{padding:16px;grid-template-columns:1fr;gap:16px}.pos-catalog,.pos-cart{padding:16px}.pos-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pos-product{padding:10px}.pos-filters{grid-template-columns:1fr 1fr}.pos-filters label:first-child{grid-column:1/-1}}
.pos-price-source{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:8px;color:var(--muted)}
.pos-cart>label{display:block;margin:12px 0 8px}

/* Keep commercial document actions visible while the catalog scrolls. */
@media screen {
 dialog.document-entry[open]{height:90vh;height:90dvh;max-height:calc(100dvh - 24px);overflow:hidden}
 dialog.document-entry>form{height:100%;min-height:0;display:flex;flex-direction:column}
 .document-entry .modal-head{flex:0 0 auto;gap:12px}
 .document-entry .modal-head h2{min-width:0;overflow-wrap:anywhere}
 .document-entry .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:16px}
 .document-entry .modal-foot{flex:0 0 auto;flex-wrap:wrap;align-items:center;box-shadow:0 -4px 14px #15221408;padding-bottom:max(18px,env(safe-area-inset-bottom))}
 .document-entry .modal-foot .error{flex-basis:100%;margin:0;max-height:20dvh;overflow:auto}
 .document-entry .modal-foot .error:empty{display:none}
}