@font-face{font-family:system;src:local('Segoe UI')}*{box-sizing:border-box}body{margin:0;background:#f3f5f4;color:#173039;font:15px system,'Segoe UI',Tahoma,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:11px;padding:12px 17px;background:#0c7376;color:#fff;font-weight:650;transition:.15s}button:hover{filter:brightness(.93)}button:disabled{opacity:.45;cursor:wait}button.secondary{background:#e7eeee;color:#26444b}button.danger{background:#fff0ef;color:#a7332d}button.small{padding:8px 12px;font-size:13px}a{color:#087b7d}input,select,textarea{width:100%;border:1px solid #d6dfde;background:#fff;border-radius:9px;padding:12px;color:#173039;outline:none}input:focus,select:focus,textarea:focus{border-color:#159b96;box-shadow:0 0 0 3px #d6eeea}textarea{min-height:86px}label{display:block;font-size:13px;color:#4f656b;margin-bottom:6px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-.7px}h2{font-size:20px}h3{font-size:16px}small,.muted{color:#74858a}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:#083c48;color:#d4e4e5;padding:28px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-size:23px;color:white;display:flex;align-items:center;gap:10px;letter-spacing:-.5px}.brand img{width:44px;height:44px}.brand em{font-style:normal;font-weight:300}.brand small{font-size:10px;display:block;letter-spacing:2px;color:#83b6b9;margin-top:4px}.shoplabel{padding:21px 8px;margin:24px 0 15px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;font-size:14px}.nav{display:grid;gap:5px;overflow:auto}.nav button{text-align:start;background:transparent;color:#b8d1d5;display:flex;gap:12px;font-weight:500}.nav button.active{background:#ffffff16;color:white;border-inline-start:3px solid #eeb947}.nav .symbol{width:20px}.sidebar footer{margin-top:auto;padding-top:25px;font-size:11px;line-height:1.7;color:#85aeb4}.sidebar footer a{color:#d2e4e7;text-decoration:none}.main{min-width:0}.topbar{height:78px;background:#fff;border-bottom:1px solid #e2e8e6;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:12px}.topbar select{width:135px;padding:9px}.topbar .user{display:flex;align-items:center;gap:12px;font-size:13px}.avatar{background:#e2f0ec;color:#137365;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-weight:bold}.content{max-width:1500px;margin:auto;padding:30px 32px 90px}.heading{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:25px}.heading p{margin-bottom:0;font-size:14px;color:#71878b}.actions{display:flex;gap:8px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.card,.panel{background:white;border:1px solid #e0e7e4;border-radius:16px;padding:22px;box-shadow:0 3px 6px #12332902}.card .value{font-size:27px;font-weight:700;margin:16px 0 8px;direction:ltr;text-align:start}.card .label{color:#6b8083;font-size:13px}.card.accent{background:#0c7376;color:#fff;border-color:#0c7376}.card.accent .label,.card.accent small{color:#b8ddda}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.panel{margin-bottom:20px}.panelhead{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.panelhead h2{margin:0}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:start;color:#789092;font-weight:500;padding:12px;border-bottom:1px solid #dde6e3;white-space:nowrap}td{padding:14px 12px;border-bottom:1px solid #edf0ef;vertical-align:middle}tr:last-child td{border:0}.badge{font-size:11px;border-radius:6px;padding:5px 8px;background:#e7f5ed;color:#268455;white-space:nowrap}.badge.warn{background:#fff3d9;color:#987023}.badge.red{background:#fdecec;color:#a83838}.empty{padding:42px 20px;text-align:center;color:#819294}.banner{padding:14px 18px;border-radius:10px;background:#fff2d8;color:#8d6927;margin-bottom:18px}.toolbar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.toolbar input{max-width:400px}.toolbar select{width:auto;min-width:130px}.productname{display:flex;gap:12px;align-items:center}.thumb{width:44px;height:44px;border-radius:10px;background:#eaf1ee;object-fit:cover;display:grid;place-items:center;color:#669189}.pos{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:22px}.productgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tile{background:#fff;border:1px solid #e0e8e4;border-radius:12px;padding:16px;text-align:start;color:#173039;min-height:150px}.tile .thumb{width:52px;height:52px;margin-bottom:16px}.tile strong{display:block;margin-bottom:5px}.tile .price{color:#087a76;margin-top:12px;font-size:16px;font-weight:700}.cart{position:sticky;top:18px;align-self:start}.cartline{padding:13px 0;border-bottom:1px solid #edf0ed;display:flex;justify-content:space-between;gap:12px}.cartline input{width:65px;padding:7px}.total{display:flex;justify-content:space-between;border-top:1px dashed #becdca;margin:18px 0;padding-top:18px;font-size:21px;font-weight:700}.full{width:100%}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.fullwidth{grid-column:1/-1}.check{display:flex;gap:8px;align-items:center}.check input{width:18px}.check label{margin:0}.formfooter{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.loginart{background:#083c48;color:white;display:flex;flex-direction:column;justify-content:center;padding:10vw 7vw;position:relative;overflow:hidden}.loginart:after{content:'';width:500px;height:500px;border:70px solid #13727b40;border-radius:50%;position:absolute;bottom:-230px;left:-180px}.loginart h1{font-size:51px;line-height:1.2;margin-top:40px}.loginart p{font-size:18px;color:#a9c9cd;max-width:380px;line-height:1.9}.loginbox{display:flex;align-items:center;justify-content:center;padding:35px}.loginbox form{max-width:360px;width:100%}.loginbox .field{margin:20px 0}.loginbox footer{font-size:12px;color:#6a8083;margin-top:40px;line-height:1.8}.loginbox select{margin-bottom:30px}.loginbox h1{font-size:30px}dialog{border:0;border-radius:18px;padding:26px;max-width:650px;width:calc(100% - 28px);max-height:92vh;box-shadow:0 24px 90px #092b3b40}dialog::backdrop{background:#092b3ba8;backdrop-filter:blur(3px)}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.dialoghead h2{margin:0}.close{background:transparent;color:#597178;padding:7px 12px}.error{color:#b42e36;background:#fff0f0;padding:12px;border-radius:8px;margin:12px 0;display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#183d45;color:#fff;padding:14px 24px;border-radius:10px;z-index:50;display:none;max-width:90vw}.chart{height:160px;display:flex;gap:12px;align-items:flex-end;padding:15px 5px}.barcol{flex:1;text-align:center;font-size:10px;color:#7b8f92}.bar{background:#50a6a0;border-radius:5px 5px 0 0;min-height:3px;margin-bottom:9px}.barcol:last-child .bar{background:#edb849}.receipt{background:#fff;color:#17282b;padding:22px;max-width:450px;margin:auto;font-size:13px}.receipt h2,.receipt .center{text-align:center}.receipt .logo{max-height:65px;max-width:130px;display:block;margin:0 auto 10px}.receipt .policy{white-space:pre-wrap;border-top:1px dashed #aaa;padding-top:16px}.receipt footer{text-align:center;margin-top:25px;color:#087777;font-weight:bold}.receipt table{font-size:12px}.receipt td,.receipt th{padding:9px 4px}.receipt .row{display:flex;justify-content:space-between;margin:10px 0}.mobilemenu{display:none}.bars{height:55px}.audit{font-size:12px;line-height:1.8}.dangerzone{border-color:#ecc8c5}.labelsheet{display:flex;flex-wrap:wrap;gap:10px;background:white;color:black}.printlabel{width:240px;padding:14px;text-align:center;border:1px dashed #ccc;break-inside:avoid}.printlabel svg{width:100%;height:65px}.offline{background:#a13c30;color:#fff;text-align:center;padding:8px}.split{display:flex;justify-content:space-between;gap:15px}.statusdot{display:inline-block;width:7px;height:7px;background:#44b581;border-radius:50%;margin-inline-end:6px}
@media(max-width:1100px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:24px 12px}.content{padding:24px 20px 90px}.cards{grid-template-columns:repeat(2,1fr)}.productgrid{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.pos{grid-template-columns:1fr 330px}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;z-index:20;width:260px;inset-inline-start:-280px;transition:.2s}.sidebar.open{inset-inline-start:0;box-shadow:0 0 0 100vmax #082e4866}.mobilemenu{display:block;background:transparent;color:#173039;font-size:22px;padding:5px}.topbar{height:66px;padding:0 16px}.topbar .username{display:none}.topbar select{width:115px}.content{padding:22px 15px 50px}h1{font-size:24px}.heading{align-items:center}.heading .actions button{padding:10px;font-size:12px}.card{padding:16px}.card .value{font-size:23px}.cards{gap:10px}.panel{padding:16px}.pos{display:flex;flex-direction:column}.cart{position:static;width:100%}.productgrid{grid-template-columns:repeat(2,1fr)}.tile{min-height:125px;padding:12px}.tile .thumb{width:38px;height:38px;margin-bottom:10px}.formgrid{gap:12px}.login{display:block}.loginart{padding:25px}.loginart h1,.loginart p{display:none}.loginbox{padding:32px 24px}.toolbar input{max-width:100%}dialog{padding:20px}.brand{font-size:22px}.heading p{font-size:12px}}
@media print{body>*{display:none!important}body #modal[open]{display:block!important;position:static;width:100%;max-width:none;max-height:none;padding:0;box-shadow:none;border:0}#modal .dialoghead,#modal .formfooter,#modal .noprint{display:none!important}.receipt{max-width:80mm;padding:3mm;margin:0 auto}.labelsheet{display:flex}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.receipt .row{flex-wrap:wrap;gap:8px}.receipt th{white-space:normal}.receipt td{overflow-wrap:anywhere}.receipt .tablewrap{overflow:visible}.receipt table{table-layout:fixed}.receipt th:first-child{width:36%}.receipt th:nth-child(2){width:13%}.receipt th:nth-child(3){width:25%}.receipt th:nth-child(4){width:26%}.receipt .row b{unicode-bidi:plaintext}.receipt .row span{unicode-bidi:plaintext}.receipt .row strong{unicode-bidi:plaintext}
@media(max-width:400px){dialog{padding:14px}.receipt{padding:5px;font-size:12px}.receipt table{font-size:10px}.receipt td,.receipt th{padding:8px 2px}.formgrid{grid-template-columns:1fr}.cards .value{font-size:20px}.topbar .avatar{display:none}.content{padding:20px 12px}.receipt .row{display:block}.receipt .row>*{display:block;margin:5px 0}}
.chat-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px}.chat-room{display:flex;align-items:center;gap:8px;width:100%;margin:8px 0;text-align:start}.chat-logo{width:32px;height:32px;object-fit:contain;vertical-align:middle;border-radius:6px}.chat-messages{height:52vh;min-height:260px;overflow-y:auto;overscroll-behavior:contain;margin:12px 0;padding:8px;background:#f3f7f7;border-radius:12px}.chat-message{padding:12px;margin:10px 0;background:white;border:1px solid #d9e4e5;border-radius:12px;overflow-wrap:anywhere}.chat-own{border-inline-start:4px solid #087d80}.chat-message small{color:#637c83}.chat-message p{white-space:normal;margin:8px 0}.chat-image{max-width:100%;max-height:280px;border-radius:8px}.chat-message audio{max-width:100%}.chat-unread:empty{display:none}#chatComposer textarea{width:100%;resize:vertical}#chatHeader h2{display:flex;align-items:center;gap:8px}@media(max-width:760px){.chat-layout{grid-template-columns:1fr}.chat-layout>aside{max-height:240px;overflow:auto}.chat-messages{height:48vh}}
.chat-layout>aside{max-height:75vh;overflow:auto}@media(max-width:760px){.chat-layout>aside{max-height:240px}}

.chat-sender{display:inline-flex;align-items:center;gap:6px;padding:3px 6px;border:0;background:transparent;color:#08777b;font:inherit;font-weight:700;text-align:start;cursor:pointer}.chat-sender:hover{text-decoration:underline;background:#e8f5f4}.chat-sender:focus-visible{outline:2px solid #08777b;outline-offset:2px}
.urgent-notice{border-inline-start:4px solid #b83c2e}.chat-quote{margin:8px 0;padding:8px 12px;border-inline-start:3px solid #08777b;background:#eef5f4;overflow-wrap:anywhere}.chat-product{border:1px solid #badad8;border-radius:8px;padding:10px;margin:8px 0}#debtDraft{width:100%;resize:vertical}#chatHistorySearch{width:100%;margin-bottom:8px}

.range-pair{display:flex;flex-wrap:wrap;gap:12px}.range-date{border:1px solid #cedbdd;border-radius:12px;padding:8px 12px;margin:0;min-width:0}.range-date legend{padding:0 6px}.range-date>div{display:flex;gap:8px}.range-date label{display:flex;flex-direction:column;gap:4px;font-size:13px}.range-date select{width:72px;min-width:0}.range-date input{width:96px;min-width:0}.range-toolbar{align-items:end;flex-wrap:wrap}.range-document{padding:16px}.range-document h1{font-size:23px}.range-document footer{margin-top:24px;text-align:center;font-size:11px}.range-document table{font-size:12px}.range-document td{overflow-wrap:anywhere}.range-document .cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:480px){.range-pair,.range-date{width:100%}.range-date>div>*{flex:1}.range-date select,.range-date input{width:100%}}@media print{#modal:has(.range-document){overflow:visible!important} .range-document{padding:0}.range-document .tablewrap{overflow:visible}.range-document table{width:100%;min-width:0;table-layout:fixed}.range-document th,.range-document td{padding:6px}.range-document thead{display:table-header-group}.range-document tr,.range-document .card{break-inside:avoid}.range-document .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.range-document .card{box-shadow:none;border:1px solid #ccc}.range-document .value{font-size:20px}}

.overview-dates{display:flex;flex-wrap:wrap;gap:16px}.overview-date{border:1px solid #cedbdd;border-radius:12px;padding:10px;min-width:0}.overview-date>div{display:flex;gap:8px}.overview-date label{display:flex;flex-direction:column;gap:4px}.overview-date select{width:74px}.overview-date input{width:100px}.overview-sales .cards{grid-template-columns:repeat(5,minmax(0,1fr))}#overviewRows>.panel{margin-bottom:20px}#overviewRows .value{font-size:clamp(20px,2vw,30px);overflow-wrap:anywhere}#overviewError{color:#b83c2e}.overview-chart{display:grid;gap:16px}.overview-chart-row>div:first-child{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:7px}.overview-track{height:15px;border-radius:8px;background:#edf2f3;overflow:hidden}.overview-bar{height:100%;background:#08777b;border-radius:8px}.overview-bar.negative{background:#b83c2e}@media(max-width:1100px){.overview-sales .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.overview-sales .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-date{width:100%}.overview-date label{flex:1}.overview-date select,.overview-date input{width:100%}}

/* Highlight net sales in the overview sales row. */
.overview-sales .cards > .card:nth-child(4){background:#1e40af;border-color:#1e40af;color:#fff}
.overview-sales .cards > .card:nth-child(4) .label,.overview-sales .cards > .card:nth-child(4) small{color:#dbeafe}
.overview-sales .cards > .card:nth-child(4) .value{color:#fff}

.variant-editor{min-width:0}.variant-row{border:1px solid #cfdddd;border-radius:12px;padding:14px;margin:12px 0}.variant-row legend{padding:0 8px;font-weight:700}.variant-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.variant-fields label{min-width:0}.variant-fields input{min-width:0;width:100%}.variant-remove{margin-top:8px}#variantSummary{margin-bottom:0}@media(max-width:600px){.variant-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-row{padding:10px}}

/* Keep the complete brand inside narrow RTL sidebars. */
.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;width:100%;text-align:center}.brand img{width:80px;height:80px;max-width:100%;object-fit:contain;flex-shrink:0}.brand .brand-name{font-size:22px;font-weight:800;line-height:1.3;letter-spacing:-.5px;max-width:100%;white-space:nowrap}

.dismissible-notice{position:relative}.dismissible-notice>.banner{padding-inline-end:58px}.dismissible-notice .notice-close{position:absolute;inset-inline-end:8px;top:8px;min-width:38px;min-height:38px;padding:2px 9px;background:transparent;color:#795817;font-size:26px;line-height:1;font-weight:600;border-radius:8px;z-index:1}.dismissible-notice .notice-close:hover{background:#0000000d}.dismissible-notice .notice-close:focus-visible{outline:2px solid #087b7d;outline-offset:2px}
.damage-filters{align-items:end}.damage-filters label{min-width:140px;flex:1}.damage-filters input,.damage-filters select{min-width:0}.damage-filters+div td{overflow-wrap:anywhere}

.customer-debt-row>td{background:#fff0ef;color:#a32626;border-bottom-color:#f2ceca}.customer-debt-row>td:nth-child(3){font-weight:700}

.overview-debts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.overview-debts .cards{grid-template-columns:1fr}@media(max-width:600px){.overview-debts{grid-template-columns:1fr;gap:0}}

.brand img.brand-logo{width:100%;max-width:400px;height:auto;max-height:none;object-fit:contain}.sidebar .brand img.brand-logo{max-width:220px}.loginart .brand{width:100%;max-width:440px}
.reset-confirm-text{display:block;overflow-wrap:anywhere;padding:14px;border:1px solid #e1a6a0;border-radius:8px;color:#9d2721;font-weight:700;background:#fff0ef}#modal li{margin-block:7px}