.dashboardKpi.periodSales{border-top:3px solid #315b82}.dashboardKpi.profit{border-top:3px solid #16805a}
#dashboardToolbar .dashboardControls label{display:flex;align-items:center;gap:5px;color:#d7e6ee;font-size:11px;font-weight:700;white-space:nowrap}#dashboardToolbar .dashboardControls label input{height:42px;min-width:128px;padding:0 8px}
#dashboardAnalytics .profitDot{background:#d97706!important}.dashboardChart .profitBar{background:linear-gradient(180deg,#f0b44d,#d97706)}
#dashboardAnalytics .expenseDot{background:#c43d4b!important}.dashboardChart .expenseBar{background:linear-gradient(180deg,#e77b84,#c43d4b)}
#dashboardToolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:22px 24px;border-radius:12px;background:linear-gradient(135deg,#102a43,#1769aa);box-shadow:0 10px 28px rgba(16,42,67,.16);color:#fff}#dashboardToolbar h2{margin:3px 0;font-size:24px}#dashboardToolbar p{margin:0;color:#c6d9e5;font-size:12px}.dashboardControls{display:flex;gap:8px;align-items:center}.dashboardControls select{min-width:150px;background:#fff}.dashboardControls button{height:42px}
@media print{.print80 .invoiceTitle dt,.print58 .invoiceTitle dt{display:block;color:#111;font-weight:700}}
/* POS checkout must wrap inside the workspace */
#pos{min-width:0;overflow:hidden}
#pos .checkout{display:grid!important;grid-template-columns:minmax(160px,210px) minmax(220px,1fr) repeat(3,minmax(112px,auto))!important;min-width:0;width:100%;overflow:hidden}
#pos .checkout h2{min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:18px;line-height:1.3}
#pos .checkout button{min-width:0;width:100%;padding-left:10px;padding-right:10px;font-size:12px}
@media(max-width:1180px) and (min-width:701px){#pos .toolbar:first-of-type{grid-template-columns:140px minmax(200px,1fr) repeat(2,minmax(120px,1fr))!important}#pos .checkout{grid-template-columns:minmax(150px,190px) minmax(180px,1fr) repeat(3,minmax(100px,auto))!important}#pos .checkout h2{font-size:16px}}
@media(max-width:900px) and (min-width:641px){#pos .checkout{grid-template-columns:1fr 1fr!important}#pos .checkout h2{grid-column:1/-1}}
@media(max-width:640px){#pos .checkout{display:grid!important;grid-template-columns:1fr!important}.checkout h2{grid-column:auto!important}}

/* POS billing mobile responsiveness */
#pos .panel{overflow:hidden;display:flex;flex-direction:column;gap:14px}
#pos .toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#pos .toolbar:first-of-type{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1fr 1fr;gap:10px;align-items:center}
#pos .toolbar:first-of-type>*{min-width:0}
#pos .toolbar.compact{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#pos .toolbar.compact .chips{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto;min-width:0}
#pos .quickGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
#posQuickGrid .quickItem{min-height:96px;padding:12px 10px;border-radius:10px;border:1px solid #dbe4ef;background:linear-gradient(180deg,#fff,#f8fafc);font-size:13px;transition:transform .15s ease,box-shadow .15s ease}
#posQuickGrid .quickItem:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.08)}
#posQuickGrid .quickItem b{font-size:14px;line-height:1.3}
#posQuickGrid .quickItem small{display:block;line-height:1.4;margin-top:6px}
#pos table{display:block;overflow-x:auto;white-space:nowrap;min-width:920px}
#pos table thead,#pos table tbody{min-width:920px}
#pos table th:first-child,#pos table td:first-child{min-width:260px;white-space:normal}
#pos table th:nth-child(2),#pos table td:nth-child(2){min-width:110px}
#pos table th:nth-child(3),#pos table td:nth-child(3){min-width:70px}
#pos table th:nth-child(4),#pos table td:nth-child(4){min-width:230px}
#pos table th:nth-child(5),#pos table td:nth-child(5){min-width:125px}
#pos table th:nth-child(6),#pos table td:nth-child(6){min-width:120px}
#pos .itemDiscountInput{width:92px;min-width:92px}
#pos .itemDiscountCell{min-width:150px!important;overflow:visible!important;white-space:nowrap!important}
#pos .itemDiscountCell label{display:block;color:var(--corp-blue);font-size:11px;font-weight:800;margin-bottom:4px}
#pos .itemDiscountCell .itemDiscountInput{display:block!important;width:112px!important;min-width:112px!important;height:40px}
#pos> .panel>table{width:100%!important;min-width:1050px!important;table-layout:auto!important}
#pos> .panel>table th,#pos> .panel>table td{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
#pos> .panel>table th:first-child,#pos> .panel>table td:first-child{width:30%!important;min-width:280px!important;white-space:normal!important}
#pos> .panel>table th:nth-child(2),#pos> .panel>table td:nth-child(2){width:10%!important;min-width:105px!important}
#pos> .panel>table th:nth-child(3),#pos> .panel>table td:nth-child(3){width:8%!important;min-width:70px!important}
#pos> .panel>table th:nth-child(4),#pos> .panel>table td:nth-child(4){width:22%!important;min-width:230px!important}
#pos> .panel>table th:nth-child(5),#pos> .panel>table td:nth-child(5){width:17%!important;min-width:165px!important}
#pos> .panel>table th:nth-child(6),#pos> .panel>table td:nth-child(6){width:10%!important;min-width:125px!important}
#pos> .panel>table th:nth-child(7),#pos> .panel>table td:nth-child(7){width:7%!important;min-width:65px!important}
#pos .posDiscountNotice{display:flex!important;flex-direction:column;justify-content:center;min-width:170px;padding:6px 10px;color:var(--corp-blue);background:#eef6fb;border:1px solid #b9cad7;border-radius:6px;font-size:12px}
#pos .posDiscountNotice small{margin-top:2px;color:#607487;font-size:10px;font-weight:400}
#pos .checkout.posCheckoutHidden{display:grid!important}
.dashboardKpi{position:relative;overflow:hidden;padding:20px 22px;border:1px solid #d6e2e9;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(16,42,67,.07)}.dashboardKpi:after{content:"";position:absolute;right:-28px;top:-28px;width:100px;height:100px;border-radius:50%;background:#eaf3f8}.dashboardKpi small{position:relative;z-index:1;color:#607487;font-size:11px;font-weight:800;letter-spacing:.7px}.dashboardKpi h2{position:relative;z-index:1;margin:9px 0 5px;color:var(--corp-navy);font-size:26px}.dashboardKpi span{position:relative;z-index:1;color:#8a9aaa;font-size:11px}.dashboardKpi.sales{border-top:3px solid #1769aa}.dashboardKpi.purchases{border-top:3px solid #16805a}.dashboardKpi.alerts{border-top:3px solid #d97706}.dashboardKpi.products{border-top:3px solid #7c5cff}
#dashboardAnalytics{margin-top:20px;padding:22px;border:1px solid #d6e2e9;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(16,42,67,.07)}.dashboardChartHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboardChartHeader h2{margin:3px 0;color:var(--corp-navy);font-size:20px}.dashboardChartHeader p{margin:0;color:#607487;font-size:12px}.chartLegend{display:flex;gap:14px;color:#607487;font-size:11px;font-weight:700}.chartLegend span{display:flex;align-items:center;gap:5px}.chartLegend i{display:inline-block;width:9px;height:9px;border-radius:50%}.salesDot{background:#1769aa}.purchaseDot{background:#16805a}.dashboardChart{display:flex;align-items:stretch;gap:clamp(10px,2vw,26px);height:250px;margin-top:24px;padding:12px 8px 0;border-bottom:1px solid #dbe5eb}.chartColumn{display:flex;flex:1;min-width:40px;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.chartBars{display:flex;align-items:flex-end;justify-content:center;gap:4px;width:100%;height:205px}.chartBar{position:relative;width:clamp(12px,2vw,26px);min-height:4px;border-radius:5px 5px 0 0;transition:height .4s ease}.chartBar b{display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;color:#52687b}.chartBar:hover b{display:block}.salesBar{background:linear-gradient(180deg,#4b9ad0,#1769aa)}.purchaseBar{background:linear-gradient(180deg,#46b989,#16805a)}.chartColumn small{color:#7a8d9c;font-size:10px}.emptyChart{display:grid;place-items:center;width:100%;height:100%;color:#7a8d9c;font-size:13px}
@media(max-width:650px){.dashboardKpi{padding:15px}.dashboardKpi h2{font-size:21px}.dashboardChartHeader{flex-direction:column}.dashboardChart{gap:6px;height:210px}.chartBars{height:165px}.chartBar{width:12px}.chartColumn small{font-size:9px}}
@media(max-width:650px){#dashboardToolbar{align-items:stretch;flex-direction:column;padding:18px}.dashboardControls{width:100%}.dashboardControls select,.dashboardControls button{flex:1;min-width:0}}
.invoiceNumberMaster{margin-top:22px;padding:22px;background:linear-gradient(135deg,#f8fbfd,#eef5f9);border:1px solid #cfdee8;border-radius:12px;box-shadow:0 8px 24px rgba(16,42,67,.08)}
.invoiceMasterHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.settingsEyebrow{display:block;margin-bottom:5px;color:#16805a;font-size:10px;font-weight:800;letter-spacing:1.3px}.invoiceMasterHeader h3{margin:0;color:var(--corp-navy);font-size:21px}.invoiceMasterHeader p{margin:6px 0 0;color:#607487;font-size:12px}.invoiceMasterBadge{padding:7px 11px;border-radius:20px;background:#dcefe7;color:#166b4c;font-size:11px;font-weight:800;white-space:nowrap}
.invoiceNumberCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.invoiceNumberCard{display:grid;grid-template-columns:auto 1fr 110px 110px;align-items:center;gap:12px;padding:15px;background:#fff;border:1px solid #d8e4ea;border-radius:9px}.invoiceNumberCard.saleCard{border-top:3px solid #1769aa}.invoiceNumberCard.purchaseCard{border-top:3px solid #16805a}.invoiceCardIcon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e8f2f8;color:#1769aa;font-weight:900}.purchaseCard .invoiceCardIcon{background:#e4f3ec;color:#16805a}.invoiceNumberCard strong{display:block;color:var(--corp-navy);font-size:13px}.invoiceNumberCard small{display:block;margin-top:4px;color:#607487;font-size:10px}.invoiceNumberCard small b{color:#1769aa}.purchaseCard small b{color:#16805a}.invoiceNumberCard label{display:flex;flex-direction:column;gap:5px;color:#607487;font-size:10px;font-weight:800}.invoiceNumberCard input{width:100%;height:38px;padding:0 9px;font-size:13px}.invoiceMasterSave{margin-top:16px;min-width:210px;height:42px}
@media(max-width:800px){.invoiceMasterHeader{flex-direction:column}.invoiceNumberCards{grid-template-columns:1fr}.invoiceNumberCard{grid-template-columns:auto 1fr 1fr}.invoiceNumberCard label{grid-row:2}.invoiceNumberCard label:nth-last-child(2){grid-column:1/3}.invoiceNumberCard label:last-child{grid-column:3/5}}
@media(max-width:480px){.invoiceNumberCard{grid-template-columns:auto 1fr}.invoiceNumberCard label:nth-last-child(2),.invoiceNumberCard label:last-child{grid-column:auto}.invoiceNumberCard label{grid-row:auto}.invoiceMasterSave{width:100%}}
#pos> .panel>table th:nth-child(5),#pos> .panel>table td:nth-child(5){min-width:150px!important;width:150px!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap}
#pos> .panel>table th:nth-child(5){font-size:13px;color:var(--corp-navy)}
#pos .checkout{display:grid;grid-template-columns:minmax(120px,140px) minmax(110px,1fr) repeat(2,minmax(120px,180px));gap:10px;align-items:center;justify-content:stretch;position:sticky;bottom:10px;z-index:3;background:linear-gradient(180deg,#ffffff,#f8fafc);border:1px solid #dbe4ef;border-radius:10px;padding:12px;box-shadow:0 -8px 22px rgba(15,23,42,.06)}
#pos .checkout label{display:flex;align-items:center;gap:8px;min-width:0}
#pos .checkout label input{width:90px;min-width:90px}
#pos .checkout h2{margin:0;text-align:right;white-space:nowrap;word-break:break-word}
#pos .checkout button{min-width:0;height:46px}

@media(max-width:900px){#pos .toolbar:first-of-type{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#pos .toolbar:first-of-type .combo{grid-column:1/-1}#pos .checkout{grid-template-columns:1fr 1fr;gap:8px;bottom:6px}#pos .checkout h2{grid-column:1/-1;text-align:left}#pos .quickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#pos .panel{padding:16px 12px}#pos .toolbar:first-of-type{grid-template-columns:1fr;gap:8px}#pos .toolbar:first-of-type>*{width:100%}#pos .toolbar.compact{flex-direction:column;align-items:stretch}#pos .toolbar.compact #posTypeFilter{width:100%}#pos .quickGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#pos .quickGrid .quickItem{min-height:102px;padding:10px 8px}#pos .checkout{position:sticky;bottom:6px;grid-template-columns:1fr!important;padding:10px 12px;background:#fff;border-color:#d8e1ec}#pos .checkout label{justify-content:space-between}#pos .checkout label input{width:100%;min-width:0}#pos .checkout h2{font-size:20px;margin:0}#pos .checkout button{width:100%}#pos table{display:block;overflow-x:auto;white-space:nowrap}#pos tbody td,#pos thead th{padding:10px 8px};#pos #cartRows tr td:first-child{min-width:155px}}/* POS billing toolbar */
#products .panel:first-child{overflow:hidden}
#products .panel:first-child>.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
#products .panel:first-child>.grid>*{width:100%;min-width:0;flex:none}
#products .panel:first-child>.grid>button{min-height:44px}
#products .panel:first-child>.grid>.variantBox{grid-column:1/-1}
#products .panel:first-child>.grid>.variantBox .variantRow{display:grid;grid-template-columns:2fr 1fr 1fr 2fr auto;gap:8px;align-items:center}
#products .panel:first-child>.grid>.variantBox .variantRow>*{min-width:0;width:100%}
#products .panel:first-child>.grid>.variantBox .variantRow button{height:44px}
#products #productBarcodeScan{min-height:44px}
@media(max-width:900px){#products .panel:first-child>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#products .panel:first-child>.grid{grid-template-columns:1fr}#products .panel:first-child>.grid>.variantBox .variantRow{grid-template-columns:1fr}}
#pos .panel{padding:28px}
.billingPanel{max-width:1280px;margin:0 auto;padding:28px}
.billingHistoryPanel{max-width:1280px;margin:0 auto;padding:28px}.billingHistoryPanel table{margin-top:18px}.billingHistoryPanel td{vertical-align:middle}.billingHistoryPanel button{margin:2px}
.invoiceAddresses{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:14px 0;padding:14px 0;border-top:1px solid #e5e9ee;border-bottom:1px solid #e5e9ee}.invoiceAddresses>div{padding:10px;background:#f8fafc;border-left:3px solid #2563eb}.invoiceAddresses b{color:#1d4ed8}
.billingHeader,.addressTitle,.billingFooter{display:flex;justify-content:space-between;align-items:center;gap:16px}
.billingHeader{border-bottom:1px solid #e5e9ee;padding-bottom:18px;margin-bottom:20px}
.billingHeader h2{margin:0 0 5px}.billingBadge{background:#dbeafe;color:#1d4ed8;padding:6px 10px;border-radius:16px;font-size:12px;font-weight:700}
.billingMeta,.addressGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}
.billingPanel label{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:12px;font-weight:700}.billingPanel input,.billingPanel select,.billingPanel textarea{width:100%;min-width:0}.billingPanel textarea{resize:vertical;font:14px Arial}
.addressGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.addressBox{padding:18px;background:#f8fafc;border:1px solid #dbe4ef;border-radius:8px;display:grid;gap:12px}.addressBox h3{margin:0}.sameAddress{display:flex!important;flex-direction:row!important;align-items:center;white-space:nowrap}.sameAddress input{width:auto}.billingItems{margin-top:18px}.billingItems table{margin-top:12px}.billingFooter{justify-content:flex-end;margin-top:18px}.billingFooter strong{font-size:20px;margin-right:auto}
@media(max-width:700px){.billingPanel{padding:18px 14px}.billingMeta,.addressGrid{grid-template-columns:1fr}.billingHeader,.billingFooter{align-items:stretch;flex-direction:column}.billingFooter strong{margin-right:0}}
@media(max-width:600px){.invoiceAddresses{grid-template-columns:1fr}}
.classificationMaster{margin-top:20px;padding-top:18px;border-top:1px solid #e5e9ee}
.classificationMaster h3{margin:0 0 12px;color:#1d2939}
#settings .whatsappSettingsPanel{margin-top:18px;border-left:4px solid #16a34a}
#settings .whatsappSettingsPanel .masterHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #e5e9ee;padding-bottom:16px}
#settings .whatsappSettingsPanel h2{margin:0 0 5px;color:#1d2939}
#settings .whatsappSettingsPanel h3{margin:0 0 14px;color:#1d2939;font-size:16px}
#settings .whatsappSettingsPanel .settingsSection{padding:20px 0;border-bottom:1px solid #e5e9ee}
#settings .whatsappSettingsPanel .settingsGrid{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:end}
#settings .whatsappSettingsPanel label{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:12px;font-weight:700}
#settings .whatsappSettingsPanel label small{font-weight:400;color:#64748b}
#settings .whatsappSettingsPanel input,#settings .whatsappSettingsPanel textarea{width:100%;min-width:0}
#settings .whatsappSettingsPanel textarea{width:100%;resize:vertical;padding:11px;border:1px solid #d0d7e0;border-radius:6px;font:14px Arial}
#settings .masterStatus{padding:6px 10px;border-radius:16px;background:#dcfce7;color:#166534;font-size:12px;font-weight:700}
#settings .masterStatus.disabled{background:#fee2e2;color:#991b1b}
#settings .toggleField{position:relative;padding-right:60px}
#settings .toggleField input{position:absolute;right:0;bottom:4px;width:42px;height:22px;accent-color:#16a34a}
#settings .messagePreview{margin-top:12px;padding:12px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#166534}
#settings .messagePreview p{margin:7px 0 0;white-space:pre-wrap;color:#1d2939;font-weight:400}
#settings .settingsActions{display:flex;align-items:center;gap:10px;padding-top:20px}
#settings .settingsActions input{max-width:220px}
@media(max-width:650px){#settings .whatsappSettingsPanel .masterHeader{flex-direction:column}#settings .whatsappSettingsPanel .settingsGrid{grid-template-columns:1fr}#settings .settingsActions{flex-wrap:wrap}#settings .settingsActions input{max-width:none;flex:1 1 100%}}
.whatsappButton{background:#16a34a!important}
#pos .checkout{grid-template-columns:minmax(220px,1fr) auto auto auto auto}
#pos .checkout input{height:44px;border:1px solid #d0d7e0;outline:none}
#pos .checkout input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.14)}
#pos .toolbar:first-of-type{display:grid;grid-template-columns:150px minmax(240px,2fr) repeat(3,minmax(130px,1fr));gap:12px;align-items:center}
#pos .toolbar:first-of-type .combo{grid-column:auto;min-width:0;width:auto}
#pos .toolbar:first-of-type .dateField{display:flex;flex-direction:column;gap:5px;min-width:0;color:#64748b;font-size:11px;font-weight:700}
#pos .toolbar:first-of-type .combo input,#pos .toolbar:first-of-type select,#pos .toolbar:first-of-type>input{width:100%;min-width:0;height:44px}
#pos .toolbar:first-of-type .checkOption{min-width:0;height:44px;padding:0 8px;background:#f8fafc;border:1px solid #dbe4ef;border-radius:6px}
#pos .toolbar:first-of-type #posTcsAmount{grid-column:5}
#pos .toolbar.compact{align-items:center;margin-top:12px}
#pos .toolbar.compact .chips{min-width:0;flex:2}
#pos .toolbar.compact #posTypeFilter{max-width:260px}
#pos .quickGrid{margin:16px 0 20px}
@media(max-width:1050px){#pos .toolbar:first-of-type{grid-template-columns:150px minmax(220px,2fr) repeat(2,minmax(130px,1fr))}#pos .toolbar:first-of-type #posTcsAmount{grid-column:auto}}
@media(max-width:700px){#pos .panel{padding:18px 14px}#pos .checkout{grid-template-columns:1fr!important}#pos .toolbar:first-of-type{display:flex;align-items:stretch}#pos .toolbar:first-of-type>*{width:100%;min-width:100%;flex:1 1 100%}#pos .toolbar:first-of-type .checkOption{min-height:44px}#pos .toolbar.compact{display:flex}#pos .toolbar.compact #posTypeFilter{max-width:none}}
aside{z-index:6!important;overflow-y:auto!important;overflow-x:hidden!important}
.checkout{display:grid!important;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:12px;text-align:initial!important}
.checkout label{float:none!important}
.checkout h2{margin:0;white-space:nowrap}
.checkout button{min-height:42px;white-space:nowrap}
@media(max-width:600px){.checkout{grid-template-columns:1fr!important}.checkout label,.checkout h2,.checkout button{width:100%;min-width:0}.checkout h2{font-size:20px}}
main{min-width:0!important}
table{min-width:640px!important}
.tablewrap{max-width:100%;-webkit-overflow-scrolling:touch}
#adminMenu{overflow:hidden}
@media(max-width:900px){aside{position:static;width:100%;height:auto;display:flex;align-items:center;gap:6px;padding:8px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}aside .brand{display:none}aside button{display:inline-block!important;flex:0 0 auto;width:auto;margin:0;padding:10px 12px;white-space:nowrap}#adminMenu{display:contents!important;border:0!important;margin:0!important;padding:0!important}header{position:static;left:auto;height:58px;padding:0 14px;gap:12px}#userInfo{position:static;transform:none;overflow:hidden;text-overflow:ellipsis}.logout-btn{position:static;margin-left:auto;flex:0 0 auto}main{margin-left:0;padding:16px 14px 28px}.panel{padding:16px;border-radius:8px}}
@media(max-width:600px){.grid>*{min-width:100%;flex:1 1 100%}.toolbar>*{min-width:100%;flex:1 1 100%}.toolbar .combo{min-width:100%;flex:1 1 100%}.purchaseMeta{grid-template-columns:1fr}.purchaseActions>*{min-width:100%;width:100%;flex:1 1 100%}.checkout{display:flex;flex-wrap:wrap;align-items:center;gap:10px;text-align:left}.checkout label{float:none;flex:1 1 100%}.checkout h2{margin:0;flex:1 1 100%;font-size:18px}.checkout button{flex:1 1 100%}.cards{grid-template-columns:1fr}.modal{padding:10px}.invoice{padding:12px}}
.modernToolbar{display:grid!important;grid-template-columns:repeat(4,minmax(150px,260px));gap:12px;align-items:stretch;justify-content:start;padding:14px;background:#fff;border:1px solid var(--corp-line,#d7e0e8);border-radius:8px;box-shadow:0 3px 12px rgba(16,42,67,.06)}
.modernToolbar button{width:100%;min-width:0!important;max-width:260px;height:46px;padding:10px 16px;border-radius:6px!important;font-size:14px;white-space:nowrap}
.modernToolbar button:first-child{background:#16805a!important}.modernToolbar button:first-child:hover{background:#106644!important}
.modernToolbar button:nth-child(2),.modernToolbar button:nth-child(3){background:#1769aa!important}.modernToolbar button:nth-child(2):hover,.modernToolbar button:nth-child(3):hover{background:#0b4f83!important}
.modernToolbar button:last-child{background:#647789!important}.modernToolbar button:last-child:hover{background:#4b6072!important}
@media(max-width:900px){.modernToolbar{grid-template-columns:repeat(2,minmax(150px,260px))}}
@media(max-width:600px){.modernToolbar{grid-template-columns:minmax(0,280px);justify-content:center;gap:8px;padding:10px}.modernToolbar button{height:44px;max-width:280px}}
.modal>.modal-body{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;margin:24px auto;background:#fff;border:1px solid var(--corp-line,#d7e0e8);border-radius:10px;padding:24px;box-shadow:0 20px 60px rgba(8,28,46,.25)}
.modal>.modal-body form{display:flex;flex-direction:column;gap:20px;color:var(--corp-text,#1f3347)}
.modal>.modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.modal>.modal-body .form-group{display:flex;flex-direction:column;gap:7px}
.modal>.modal-body label,.modal>.modal-body legend{font-size:13px;font-weight:700;color:#34506a}
.modal>.modal-body fieldset{border:1px solid var(--corp-line,#d7e0e8);border-radius:8px;padding:16px;margin:0}
.modal>.modal-body .transfer-item{display:grid!important;grid-template-columns:1fr 120px auto;gap:10px!important;margin:10px 0!important}
.modal>.modal-body .form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--corp-line,#d7e0e8);padding-top:16px}
.modal>.modal-body .form-actions .btn{min-width:130px}
@media(max-width:600px){.modal>.modal-body{width:calc(100vw - 20px);margin:10px auto;padding:16px}.modal>.modal-body .form-row{grid-template-columns:1fr}.modal>.modal-body .transfer-item{grid-template-columns:1fr!important}.modal>.modal-body .form-actions{flex-direction:column}.modal>.modal-body .form-actions .btn{width:100%}}
@media(max-width:900px){aside{position:static!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;display:flex!important;overflow-x:auto!important;overflow-y:hidden!important}aside .brand{display:none!important}aside button{display:inline-block!important;width:auto!important;flex:0 0 auto!important;margin:0!important;white-space:nowrap!important}header{position:static!important;left:auto!important;right:auto!important;top:auto!important}main{margin-left:0!important}.logout-btn{position:static!important}}
/* Login Section Styles */
.login-section{position:fixed;inset:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;z-index:100;font-family:Arial,sans-serif}
.login-panel{background:#fff;border-radius:12px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,0.3);width:100%;max-width:380px;animation:slideUp 0.3s ease-out}
@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.login-panel h1{margin:0 0 25px;text-align:center;color:#1d2939;font-size:24px}
.login-tabs{display:flex;gap:0;border-bottom:2px solid #e5e9ee;margin-bottom:25px}
.tab-btn{flex:1;padding:12px;border:0;background:transparent;color:#64748b;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all 0.2s}
.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}
.tab-content{display:none}
.tab-content:not(.hidden){display:block}
.tab-content form{display:flex;flex-direction:column;gap:12px}
.tab-content input{padding:12px;border:1px solid #d0d7e0;border-radius:6px;font-size:14px}
.tab-content button{padding:12px;background:#2563eb;color:#fff;border:0;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}
.tab-content button:hover{background:#1d4ed8}
.error{color:#d9363e;font-size:12px;margin-top:8px;min-height:14px}

/* Logout button */
.logout-btn{position:absolute;right:28px;top:20px;padding:8px 16px;background:#d9363e;color:#fff;border:0;border-radius:6px;cursor:pointer;font-size:13px}
.logout-btn:hover{background:#c02430}
#userInfo{position:absolute;left:50%;transform:translateX(-50%);color:#64748b;font-size:13px;white-space:nowrap}

/* Role Badge Styling */
.role-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}
.role-badge.admin{background:#fee2e2;color:#991b1b}
.role-badge.manager{background:#fef3c7;color:#92400e}
.role-badge.operator{background:#d1fae5;color:#065f46}
.active{color:#168448;font-weight:500}
.inactive{color:#d9363e;font-weight:500}

/* Purchase form layout */
.purchaseMeta{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.6fr;gap:10px;width:100%;flex-basis:100%}
.purchaseMeta>*{min-width:0!important;width:100%}
.checkOption{display:flex;align-items:center;gap:7px;min-width:130px;padding:0 8px;white-space:nowrap}
.checkOption input{width:auto;margin:0}
.menuOptions{flex-basis:100%;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px;background:#f8fafc;border:1px solid #dbe4ef;border-radius:6px}
.menuOptions label{display:flex;align-items:center;gap:5px;padding:5px 8px;background:#fff;border:1px solid #dbe4ef;border-radius:4px}
.menuOptions input{width:auto;margin:0}
.taxInput{width:78px!important;min-width:78px!important;padding:7px}
#users .toolbar{align-items:flex-start}
#users .toolbar>input,#users .toolbar>select,#users .toolbar>button{flex:0 1 180px;height:42px}
#users .menuOptions{width:100%;flex:0 0 100%;min-width:0}
.purchaseActions{align-items:stretch}
.purchaseActions>*{flex:1 1 170px;min-width:150px}
.purchaseActions button{min-height:42px}
.alertCard{border-left:4px solid #d97706}.out_of_stock{background:#fff5f5}.low_stock{background:#fffbeb}.badge.warn{background:#fef3c7;color:#92400e}
#purchase .toolbar{align-items:stretch}
#purchase .toolbar>select,#purchase .toolbar>input,#purchase .toolbar>button{flex:0 1 170px;min-width:150px}
#purchase .toolbar>button{min-height:42px}
#purchase table{margin-top:20px}
#purchase table th,#purchase table td{white-space:nowrap}
.variantBox{flex-basis:100%;padding:12px;background:#f8fafc;border:1px solid #dbe4ef;border-radius:6px}
.variantRow{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.variantRow>*{flex:1;min-width:140px}
@media(max-width:800px){.purchaseMeta{grid-template-columns:1fr 1fr}.purchaseMeta>*{min-width:0!important}#purchase .toolbar>select,#purchase .toolbar>input,#purchase .toolbar>button{width:100%;flex:1 1 100%}}

*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#1d2939;font:14px Arial}aside{position:fixed;width:245px;top:0;bottom:0;background:#111c2d;padding:22px 12px;color:#fff}.brand{font-size:20px;font-weight:bold;padding:10px 15px 25px;border-bottom:1px solid #334155;margin-bottom:15px}.brand span{font-size:11px;letter-spacing:3px;color:#9fb3c8}aside button{width:100%;padding:13px 15px;border:0;background:transparent;color:#cbd5e1;text-align:left;border-radius:7px;margin:2px 0;cursor:pointer;font-size:14px}aside button:hover{background:#24334a;color:#fff}header{position:fixed;left:245px;right:0;height:64px;background:#fff;box-shadow:0 1px 8px #d8dde5;display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:2}#health{font-size:12px;color:#178b45}main{margin-left:245px;padding:88px 28px 30px}.hidden{display:none}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.card{background:#fff;border-radius:10px;padding:22px;box-shadow:0 3px 12px #dde3eb}.card small{color:#64748b}.card h2{margin:12px 0 0}.panel{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #e1e6ed}.grid,.toolbar{display:flex;gap:10px;flex-wrap:wrap}.grid>*{min-width:150px;flex:1}.toolbar>*{min-width:150px;flex:1}input,select,button{padding:11px;border:1px solid #d0d7e0;border-radius:6px;font-size:14px}button{background:#2563eb;color:#fff;border:0;cursor:pointer}.gray{background:#64748b}.success{background:#168448}.danger{background:#d9363e}.search{width:100%;margin:18px 0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff;margin-top:12px}th{background:#f0f4f8;color:#475569}th,td{padding:12px;border-bottom:1px solid #e5e9ee;text-align:left}td input{max-width:90px;padding:7px}.checkout{background:#fff;padding:18px;margin-top:15px;text-align:right;border-radius:8px}.checkout label{float:left}.modal{position:fixed;inset:0;background:#0008;z-index:10;padding:25px;overflow:auto}.invoice{background:#fff;max-width:850px;margin:auto;padding:30px}.invoice h2{text-align:center}.actions{text-align:center;padding:15px}.actions button{margin:4px}@media(max-width:800px){aside{position:static;width:100%;height:auto}.brand{padding:5px}header{left:0;top:150px}.main{margin-left:0;padding:230px 12px 20px}.grid,.toolbar{display:block}.grid>*,.toolbar>*{width:100%;margin:4px 0}}@media print{body>*:not(#modal){display:none!important}.modal{position:static;background:#fff;padding:0;display:block!important}.actions{display:none}.print58 .invoice{width:58mm;font-size:9px;padding:3mm}.print80 .invoice{width:80mm;font-size:10px;padding:4mm}.printa4 .invoice{width:190mm}.invoice table{font-size:inherit}}
.combo{flex:2;min-width:260px}.combo input{width:100%}.camera{margin:15px 0;padding:12px;background:#111;border-radius:8px;max-width:600px}.camera video{width:100%;max-height:380px;background:#000}.cameraHelp{color:#fff;padding:8px 0}.hidden{display:none!important}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 13px;background:#e8eef7;color:#27415f;border:1px solid #cbd7e6}.chip.active{background:#2563eb;color:#fff}.quickGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:14px 0}.quickItem{display:flex;flex-direction:column;gap:6px;text-align:left;background:#f8fafc;color:#172b4d;border:1px solid #dbe4ef}.quickItem small,.muted{color:#64748b;font-size:12px}.qtyInput{width:70px!important}.fileButton{display:inline-block;padding:11px;background:#0f766e;color:#fff;border-radius:6px;cursor:pointer;text-align:center}.fileButton input{display:none}
.invoice{width:210mm;max-width:100%;min-height:120mm;margin:0 auto;padding:16mm 14mm;color:#172b4d;background:#fff;font:13px/1.45 Arial,sans-serif}.invoice>h2{margin:0 0 12px;padding-bottom:12px;border-bottom:2px solid #2563eb;text-align:center;font-size:22px;letter-spacing:.2px;color:#132238}.invoice>p{margin:7px 0}.invoice>table{min-width:0!important;width:100%;margin:18px 0 12px;border:0;border-collapse:collapse}.invoice>table th{background:#eef3f8;color:#344b65;text-transform:uppercase;font-size:11px;letter-spacing:.3px}.invoice>table th,.invoice>table td{padding:9px 10px;border-bottom:1px solid #dbe4ef}.invoice>table th:not(:first-child),.invoice>table td:not(:first-child){text-align:right}.invoice>h3{text-align:right;margin:16px 0 0;font-size:17px;color:#132238}.invoiceAddresses{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0 18px;padding:14px 0;border-top:1px solid #dbe4ef;border-bottom:1px solid #dbe4ef}.invoiceAddresses>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:#f8fafc;border-left:3px solid #2563eb}.invoiceAddresses b{margin-bottom:4px;color:#2563eb;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.invoiceAddresses strong{color:#132238;font-size:14px}.invoiceAddresses span{color:#475569;white-space:pre-wrap}.print80 .invoice,.print58 .invoice{min-height:0;padding:5mm 4mm;font-size:10px}.print80 .invoice>h2,.print58 .invoice>h2{font-size:15px}.print80 .invoiceAddresses,.print58 .invoiceAddresses{grid-template-columns:1fr;gap:6px;margin:8px 0}.print80 .invoice>table,.print58 .invoice>table{font-size:9px}.print80 .invoice>table th,.print80 .invoice>table td,.print58 .invoice>table th,.print58 .invoice>table td{padding:5px 3px}
@media print{body{background:#fff!important}.modal{background:#fff!important}.invoice{box-shadow:none!important}.invoiceAddresses{break-inside:avoid}.invoice table{break-inside:auto}.invoice tr{break-inside:avoid;break-after:auto}}
.invoiceHeader{display:flex;justify-content:space-between;gap:28px;border-bottom:1px solid #cbd5df;padding-bottom:18px;margin-bottom:18px}.invoiceCompany{flex:1}.invoiceCompany h2{margin:0 0 8px!important;padding:0!important;border:0!important;text-align:left!important;font-size:24px!important}.invoiceCompany p{margin:2px 0;font-size:12px;color:#52687b}.invoiceTitle{min-width:190px;text-align:right}.invoiceTitle>strong{display:block;color:#1769aa;font-size:30px;letter-spacing:1px}.invoiceTitle dl{display:grid;grid-template-columns:auto 110px;gap:4px 8px;margin:12px 0 0;font-size:11px}.invoiceTitle dt{color:#52687b;font-weight:700}.invoiceTitle dd{margin:0;padding:3px 6px;background:#edf3f7;color:#1f3347}.invoiceBillTo{display:flex;flex-direction:column;gap:2px;width:46%;margin:18px 0 20px;padding:8px 12px;border-left:4px solid #1769aa;background:#edf3f7}.invoiceBillTo b{margin-bottom:3px;color:#1769aa;font-size:11px}.invoiceBillTo span{font-size:12px}.invoiceItems{margin-top:0!important}.invoiceItems th:first-child{width:55%;text-align:left!important}.invoiceBottom{display:grid;grid-template-columns:1fr 230px;gap:30px;margin-top:22px}.invoiceComments{border:1px solid #cbd5df;min-height:74px}.invoiceComments b{display:block;padding:6px 10px;background:#315b82;color:#fff;font-size:11px}.invoiceComments p{padding:0 10px;font-size:12px}.invoiceTotals p{display:flex;justify-content:space-between;gap:20px;margin:4px 0;font-size:12px}.invoiceTotals .invoiceGrand{margin-top:10px;padding:7px 8px;background:#dbe8f2;border-top:2px solid #315b82;font-size:15px;font-weight:800;color:#132238}@media(max-width:600px){.invoiceHeader{flex-direction:column;gap:12px}.invoiceTitle{text-align:left}.invoiceTitle dl{grid-template-columns:auto 1fr}.invoiceBillTo{width:100%}.invoiceBottom{grid-template-columns:1fr;gap:14px}}
.print80 .invoice,.print58 .invoice{font-family:"Courier New",monospace!important;color:#111!important;text-align:left!important;background:#fff!important}.print80 .invoiceHeader,.print58 .invoiceHeader{display:block;border-bottom:1px dashed #111;padding:0 0 8px;margin:0 0 8px;text-align:center}.print80 .invoiceCompany h2,.print58 .invoiceCompany h2{font-family:Arial,sans-serif!important;text-align:center!important;font-size:15px!important;line-height:1.2!important;margin:0 0 5px!important;color:#111!important}.print80 .invoiceCompany p,.print58 .invoiceCompany p{font-size:9px;margin:0;line-height:1.25;color:#111}.print80 .invoiceTitle,.print58 .invoiceTitle{min-width:0;text-align:left;margin-top:8px}.print80 .invoiceTitle>strong,.print58 .invoiceTitle>strong{display:none}.print80 .invoiceTitle dl,.print58 .invoiceTitle dl{display:grid;grid-template-columns:70px 1fr;gap:0;margin:0;font-size:9px}.print80 .invoiceTitle dt,.print58 .invoiceTitle dt{display:none}.print80 .invoiceTitle dd,.print58 .invoiceTitle dd{padding:0;background:none;color:#111}.print80 .invoiceTitle dd:before,.print58 .invoiceTitle dd:before{content:""}.print80 .invoiceBillTo,.print58 .invoiceBillTo{display:none}.print80 .invoiceItems,.print58 .invoiceItems{border-top:1px dashed #111!important;border-bottom:1px dashed #111!important;margin:8px 0!important;font-size:9px!important}.print80 .invoiceItems th,.print58 .invoiceItems th{background:#fff!important;color:#111!important;text-transform:none!important;font-size:9px!important;padding:4px 2px!important;border-bottom:1px dashed #111!important}.print80 .invoiceItems td,.print58 .invoiceItems td{padding:4px 2px!important;border-bottom:0!important;color:#111!important}.print80 .invoiceItems th:first-child,.print58 .invoiceItems th:first-child{width:auto}.print80 .invoiceItems th:not(:first-child),.print80 .invoiceItems td:not(:first-child),.print58 .invoiceItems th:not(:first-child),.print58 .invoiceItems td:not(:first-child){text-align:right}.print80 .invoiceBottom,.print58 .invoiceBottom{display:block;margin-top:8px}.print80 .invoiceComments,.print58 .invoiceComments{display:none}.print80 .invoiceTotals,.print58 .invoiceTotals{width:100%;margin-left:auto}.print80 .invoiceTotals p,.print58 .invoiceTotals p{font-size:9px;margin:2px 0}.print80 .invoiceTotals .invoiceGrand,.print58 .invoiceTotals .invoiceGrand{margin-top:5px;padding:3px 0;background:#fff;border-top:1px dashed #111;border-bottom:1px dashed #111;font-size:12px;color:#111}.print80 .invoice:after,.print58 .invoice:after{content:"Thank You - Visit Again";display:block;text-align:center;font-size:9px;margin-top:10px;padding-top:7px;border-top:1px dashed #111}.print58 .invoice{font-size:8px!important;padding:4mm 3mm!important}.print58 .invoiceItems{font-size:8px!important}.print58 .invoiceItems th,.print58 .invoiceItems td,.print58 .invoiceTitle dl{font-size:8px!important}

/* Corporate visual system */
:root{--corp-navy:#102a43;--corp-blue:#1769aa;--corp-blue-dark:#0b4f83;--corp-bg:#eef2f6;--corp-line:#d7e0e8;--corp-text:#1f3347}
body{background:var(--corp-bg);color:var(--corp-text);font-family:"Manrope","Segoe UI",Tahoma,sans-serif}
aside{background:var(--corp-navy)!important;padding:20px 12px!important;border-right:1px solid #24445e}
.brand{color:#fff;border-bottom-color:#36536b!important}.brand span{color:#a9c7da!important}

/* Cashier mobile kiosk mode: fullscreen responsive POS, no sidebar/header */
body.pos-kiosk #appContainer{margin:0!important}
body.pos-kiosk aside{display:none!important}
body.pos-kiosk header{position:static!important;height:44px!important;padding:0 10px!important}
body.pos-kiosk header #title{display:none!important}
body.pos-kiosk main{margin-left:0!important;padding:8px!important;min-height:100vh}
body.pos-kiosk #pos{display:block!important}
body.pos-kiosk main>section:not(#pos){display:none!important}
body.pos-kiosk #pos .panel{padding:10px 8px;border-radius:0;box-shadow:none;min-height:calc(100vh - 60px)}
body.pos-kiosk #pos .quickGrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}

aside button{border-radius:6px!important;color:#d6e3ec!important;font-weight:600!important}aside button:hover{background:#1d4663!important;color:#fff!important}
header{background:#fff!important;border-bottom:1px solid var(--corp-line)!important;box-shadow:0 2px 10px rgba(16,42,67,.08)!important}#title{color:var(--corp-navy);font-weight:800}#health{color:#16805a!important}
.panel,.card{border:1px solid var(--corp-line);border-radius:8px!important;box-shadow:0 3px 14px rgba(16,42,67,.06)!important}.panel h2,.panel h3{color:var(--corp-navy)}
input,select,textarea{border-color:#c8d5df!important;border-radius:6px!important;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--corp-blue)!important;outline:3px solid rgba(23,105,170,.14)!important}
button{border-radius:6px!important;background:var(--corp-blue);font-weight:700}button:hover{background:var(--corp-blue-dark)}.success{background:#16805a!important}.success:hover{background:#106644!important}.danger{background:#c43d4b!important}.danger:hover{background:#a82d3a!important}.gray{background:#647789!important}.gray:hover{background:#4b6072!important}
th{background:#edf3f7!important;color:#34506a!important}th,td{border-bottom-color:#e0e7ed!important}.card small,.muted{color:#607487}.quickItem{background:#fff;border-color:#d5e1e9;color:var(--corp-text)}.quickItem:hover{border-color:#7aa9c7;box-shadow:0 4px 10px rgba(16,42,67,.08)}.chip.active{background:var(--corp-blue)!important;border-color:var(--corp-blue)!important}
.login-section{background:linear-gradient(135deg,#102a43 0%,#1769aa 100%)!important}.login-panel{border-radius:8px!important;border-top:4px solid #1769aa;box-shadow:0 20px 55px rgba(8,28,46,.28)!important}.tab-content button{background:var(--corp-blue)!important}.logout-btn{background:#c43d4b!important}

#pos .toolbar:first-of-type{grid-template-columns:minmax(0,1fr) auto auto!important;padding:14px;background:#f5f9fc;border:1px solid var(--corp-line);border-radius:8px}
#pos .toolbar:first-of-type .combo{grid-column:auto!important}
#pos .toolbar:first-of-type>button{height:46px;min-width:120px}
#pos .toolbar:first-of-type>.checkOption,
#pos .toolbar:first-of-type>#posTcsAmount,
#pos .toolbar.compact,
#pos #posQuickGrid{display:none!important}
#pos .toolbar:first-of-type .combo input{height:46px;font-size:16px}
#pos .camera{margin:0;padding:12px;border:1px solid #29465d}
#pos table th:nth-child(2),#pos table td:nth-child(2),
#pos table th:nth-child(3),#pos table td:nth-child(3){display:none}
#pos .checkout{grid-template-columns:minmax(0,1fr) auto auto!important}
#pos .checkout>label{display:flex}
#pos .checkout h2{text-align:left;font-size:20px}
@media(max-width:600px){#pos .toolbar:first-of-type{display:grid!important;grid-template-columns:1fr!important;padding:10px}#pos .toolbar:first-of-type>button{width:100%}#pos .checkout{grid-template-columns:1fr!important}}

#pos{background:transparent}
#pos .panel{max-width:1180px;margin:0 auto;padding:0;background:transparent;border:0;box-shadow:none;gap:18px}
#pos .panel>h2{margin:0;padding:18px 22px;color:#fff;background:var(--corp-navy);border-radius:8px;font-size:20px;letter-spacing:0}
#pos .toolbar:first-of-type{grid-template-columns:minmax(0,1fr) 145px 145px!important;gap:10px;padding:14px;background:#fff;border:1px solid var(--corp-line);border-radius:8px;box-shadow:0 3px 14px rgba(16,42,67,.06)}
#pos .toolbar:first-of-type .combo input{height:48px;border:2px solid #b9cad7!important;font-size:15px;padding:0 15px}
#pos .toolbar:first-of-type .combo input:focus{border-color:var(--corp-blue)!important}
#pos .toolbar:first-of-type>button{height:48px;min-width:0;font-size:13px}
#pos .toolbar:first-of-type>button:last-of-type{background:#16805a}
#pos .toolbar:first-of-type>button:last-of-type:hover{background:#106644}
#pos .camera{width:100%;max-width:620px;margin:0 auto;padding:14px;background:#102a43;border-radius:8px;box-shadow:0 8px 20px rgba(16,42,67,.16)}
#pos .camera video{border-radius:5px}
#pos table{margin-top:0;border:1px solid var(--corp-line);border-radius:8px;overflow:hidden;box-shadow:0 3px 14px rgba(16,42,67,.06)}
#pos table th{padding:13px 15px;font-size:12px;text-transform:uppercase;letter-spacing:.35px}
#pos table td{padding:14px 15px;background:#fff;vertical-align:middle}
#pos table td:first-child{font-weight:700;color:var(--corp-navy);white-space:normal}
#pos table td:first-child small{display:block;margin-top:4px;font-weight:400}
#pos table td:nth-child(4){white-space:nowrap}
#pos table td button{padding:7px 10px}
#pos .checkout{margin-top:0;padding:14px 16px;background:#fff;border:1px solid var(--corp-line);border-radius:8px;box-shadow:0 3px 14px rgba(16,42,67,.06)}
#pos .checkout h2{font-size:18px;color:var(--corp-navy)}
#pos .checkout button{height:46px;font-size:12px;letter-spacing:.2px}
@media(max-width:700px){#pos .panel>h2{padding:15px 16px;font-size:18px}#pos .toolbar:first-of-type{grid-template-columns:1fr!important;padding:12px}#pos .toolbar:first-of-type>button{width:100%}#pos table th,#pos table td{padding:11px 9px}#pos .checkout{padding:12px}.camera{max-width:none}}

#pos .toolbar:first-of-type{grid-template-columns:minmax(220px,1fr) 125px 125px minmax(180px,1fr) 125px auto!important}
#pos #posCustomer{min-width:0;height:48px}
#pos .addCustomerButton{height:48px;padding:0 12px;background:#e8f1f6;color:var(--corp-blue);border:1px solid #b9cad7;font-size:12px;white-space:nowrap}
#pos .addCustomerButton:hover{background:#d7e7ef;color:var(--corp-blue-dark)}
@media(max-width:1050px){#pos .toolbar:first-of-type{grid-template-columns:minmax(200px,1fr) 120px 120px minmax(170px,1fr) 120px auto!important}}
@media(max-width:600px){#pos .toolbar:first-of-type{grid-template-columns:1fr!important}#pos .toolbar:first-of-type>button,#pos .addCustomerButton{width:100%}}

#pos .toolbar:first-of-type{display:flex!important;align-items:stretch;flex-wrap:wrap;gap:10px}
#pos .toolbar:first-of-type .combo{flex:2 1 300px}
#pos .toolbar:first-of-type>button{flex:0 1 125px}
#pos .toolbar:first-of-type>select{display:block!important;flex:1 1 170px;min-width:150px;height:48px}
#pos .toolbar:first-of-type>.checkOption{display:flex!important;flex:0 1 auto;height:48px;min-width:115px}
#pos .toolbar:first-of-type>#posTcsAmount{display:block!important;flex:0 1 130px;height:48px}
#pos .toolbar.compact{display:flex!important;padding:12px 14px;margin:0;background:#fff;border:1px solid var(--corp-line);border-radius:8px;box-shadow:0 3px 14px rgba(16,42,67,.06)}
#pos .toolbar.compact .chips{display:flex!important;flex:1 1 500px;gap:8px}
#pos .toolbar.compact #posTypeFilter{display:block!important;flex:0 1 180px;min-width:160px}
#pos #posQuickGrid{display:grid!important;margin:0;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
#pos table th:nth-child(2),#pos table td:nth-child(2),#pos table th:nth-child(3),#pos table td:nth-child(3){display:table-cell}
@media(max-width:700px){#pos .toolbar:first-of-type>.checkOption,#pos .toolbar:first-of-type>#posTcsAmount{width:100%;flex:1 1 100%}#pos .toolbar.compact{padding:10px;flex-direction:column}#pos .toolbar.compact #posTypeFilter{width:100%;max-width:none}#pos #posQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

#pos .toolbar.compact,#pos #posQuickGrid{display:none!important}
#pos .panel{display:flex!important;flex-direction:column!important;gap:12px!important}
#pos .panel>table{order:3!important;width:100%!important;min-width:0!important;table-layout:fixed!important}
#pos .panel>.checkout{order:4!important;width:100%!important}
#pos .panel>.recentSalesPanel{order:5!important;width:100%!important;max-height:280px!important;overflow:auto!important}
#pos> .panel>table th:first-child,#pos> .panel>table td:first-child{width:27%!important;min-width:0!important}
#pos> .panel>table th:nth-child(2),#pos> .panel>table td:nth-child(2){width:10%!important;min-width:0!important}
#pos> .panel>table th:nth-child(3),#pos> .panel>table td:nth-child(3){width:7%!important;min-width:0!important}
#pos> .panel>table th:nth-child(4),#pos> .panel>table td:nth-child(4){width:22%!important;min-width:0!important}
#pos> .panel>table th:nth-child(5),#pos> .panel>table td:nth-child(5){width:16%!important;min-width:0!important}
#pos> .panel>table th:nth-child(6),#pos> .panel>table td:nth-child(6){width:12%!important;min-width:0!important}
#pos> .panel>table th:nth-child(7),#pos> .panel>table td:nth-child(7){width:6%!important;min-width:0!important}
#pos> .panel>table th:nth-child(5){white-space:normal!important;line-height:1.15;font-size:11px!important}
#pos> .panel>table th,#pos> .panel>table td{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
#pos> .panel>table th:first-child,#pos> .panel>table td:first-child{white-space:normal!important}
#pos> .panel>table th:nth-child(2),#pos> .panel>table td:nth-child(2){min-width:105px!important}
#pos> .panel>table th:nth-child(3),#pos> .panel>table td:nth-child(3){min-width:70px!important}
#pos> .panel>table th:nth-child(4),#pos> .panel>table td:nth-child(4){min-width:230px!important}
#pos> .panel>table th:nth-child(5),#pos> .panel>table td:nth-child(5){min-width:165px!important}
#pos> .panel>table th:nth-child(6),#pos> .panel>table td:nth-child(6){min-width:125px!important}
#pos> .panel>table th:nth-child(7),#pos> .panel>table td:nth-child(7){min-width:65px!important}
#pos .panel{display:flex!important;flex-direction:column!important;gap:12px!important}
#pos .panel>table{order:3!important;width:100%!important;min-width:0!important;table-layout:fixed!important}
#pos .panel>.recentSalesPanel{order:5!important;width:100%!important;max-height:280px!important;overflow:auto!important}
#pos> .panel>table th:first-child,#pos> .panel>table td:first-child{width:27%!important;min-width:0!important}
#pos> .panel>table th:nth-child(2),#pos> .panel>table td:nth-child(2){width:10%!important;min-width:0!important}
#pos> .panel>table th:nth-child(3),#pos> .panel>table td:nth-child(3){width:7%!important;min-width:0!important}
#pos> .panel>table th:nth-child(4),#pos> .panel>table td:nth-child(4){width:22%!important;min-width:0!important}
#pos> .panel>table th:nth-child(5),#pos> .panel>table td:nth-child(5){width:16%!important;min-width:0!important}
#pos> .panel>table th:nth-child(6),#pos> .panel>table td:nth-child(6){width:12%!important;min-width:0!important}
#pos> .panel>table th:nth-child(7),#pos> .panel>table td:nth-child(7){width:6%!important;min-width:0!important}
#pos> .panel>table th,#pos> .panel>table td{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
#pos> .panel>table th:first-child,#pos> .panel>table td:first-child{white-space:normal!important}
#pos> .panel>table th:nth-child(2),#pos> .panel>table td:nth-child(2){min-width:105px!important}
#pos> .panel>table th:nth-child(3),#pos> .panel>table td:nth-child(3){min-width:70px!important}
#pos> .panel>table th:nth-child(4),#pos> .panel>table td:nth-child(4){min-width:230px!important}
#pos> .panel>table th:nth-child(5),#pos> .panel>table td:nth-child(5){min-width:165px!important}
#pos> .panel>table th:nth-child(6),#pos> .panel>table td:nth-child(6){min-width:125px!important}
#pos> .panel>table th:nth-child(7),#pos> .panel>table td:nth-child(7){min-width:65px!important}
#loginSection{visibility:hidden}

/* Purchase history, supplier accounts and cash-session controls */
#purchaseHistory .panel{max-width:1380px;margin:0 auto;padding:24px}
#purchaseHistory .historyHeader,#purchaseHistory .modalHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
#purchaseHistory .historyHeader h2,#purchaseHistory .modalHeader h2,#purchaseHistory .modalHeader h3{margin:0 0 5px;color:var(--corp-navy)}
#purchaseHistory .historyActions{display:flex;gap:8px;flex-wrap:wrap}
#purchaseHistory .purchaseSummaryCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
#purchaseHistory .purchaseSummaryCards>div{padding:16px;border:1px solid var(--corp-line);border-left:4px solid var(--corp-blue);border-radius:8px;background:#f8fbfd}
#purchaseHistory .purchaseSummaryCards small,#purchaseHistory .purchaseStats small{display:block;color:#607487;font-size:12px}
#purchaseHistory .purchaseSummaryCards b{display:block;margin-top:7px;font-size:20px;color:var(--corp-navy)}
#purchaseHistory .pendingAmount{color:#b45309!important}
#purchaseHistoryRows td:last-child{white-space:nowrap;min-width:250px}
#purchaseHistoryRows td:last-child button{display:inline-flex;width:auto;min-width:0;margin:2px 4px 2px 0;white-space:nowrap;vertical-align:middle}
#purchaseHistory .supplierPayableTitle{margin:28px 0 10px;color:var(--corp-navy)}
#purchaseHistory .supplierAccountPanel{margin:18px 0;padding:18px;border:1px solid var(--corp-line);border-left:4px solid var(--corp-blue);border-radius:8px;background:#f8fbfd}
#purchaseHistory .supplierAccountPanel.hidden{display:none}
#purchaseHistory .supplierForm,#purchaseHistory .paymentForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
#purchaseHistory .supplierForm input,#purchaseHistory .paymentForm input,#purchaseHistory .paymentForm select{width:100%;min-width:0}
#purchaseHistory .supplierForm .wide{grid-column:span 2}
#purchaseHistory .supplierForm button{align-self:end;min-height:42px}
#purchaseHistory .purchaseDetail{min-width:min(100%,900px);padding:4px}
#purchaseHistory .purchaseDetail .dueTotal{color:#b45309;font-size:18px}
#purchaseHistory .purchaseStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
#purchaseHistory .purchaseStats>div{padding:12px;background:#f8fbfd;border:1px solid var(--corp-line);border-radius:6px}
#purchaseHistory .purchaseStats b{display:block;margin-top:5px;color:var(--corp-navy)}
#purchasePaymentModal .purchasePaymentSheet{max-width:820px;margin:4vh auto;padding:24px;background:#fff;border-radius:8px;box-shadow:0 18px 48px rgba(16,42,67,.2)}
#purchasePaymentModal .purchasePaymentSheet>button{margin-top:16px;min-width:180px}
@media(max-width:800px){#purchaseHistory .historyHeader,#purchaseHistory .modalHeader{flex-direction:column}#purchaseHistory .historyActions{width:100%}#purchaseHistory .historyActions button{flex:1}#purchaseHistory .purchaseSummaryCards{grid-template-columns:repeat(2,minmax(0,1fr))}#purchaseHistory .supplierForm,#purchaseHistory .paymentForm{grid-template-columns:1fr}#purchaseHistory .supplierForm .wide{grid-column:auto}}
@media(max-width:480px){#purchaseHistory .panel{padding:16px 12px}#purchaseHistory .purchaseSummaryCards{grid-template-columns:1fr}}
#dailyCashControl{position:fixed;right:18px;bottom:18px;z-index:8;padding:10px 14px;background:var(--corp-navy);box-shadow:0 5px 18px rgba(16,42,67,.2)}
.dailyCashSheet{width:min(620px,100%);margin:5vh auto;padding:24px;background:#fff;border-radius:8px;box-shadow:0 18px 48px rgba(16,42,67,.2)}
.dailyCashSheet label{display:flex;flex-direction:column;gap:6px;margin-top:16px;color:#405a70;font-size:12px;font-weight:800}.dailyCashSheet label input{width:100%}.cashOpeningCard{margin:18px 0;padding:16px;background:#f5f9fc;border:1px solid var(--corp-line);border-left:4px solid var(--corp-blue);border-radius:7px}.cashOpeningCard small,.cashReconciliation small{display:block;color:#607487}.cashOpeningCard b{display:block;margin-top:5px;font-size:22px;color:var(--corp-navy)}.dailyCashSheet>button{margin-top:18px;min-width:160px}.cashReconciliation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0}.cashReconciliation>div{padding:11px;background:#f8fbfd;border:1px solid var(--corp-line);border-radius:6px}.cashReconciliation b{display:block;margin-top:5px;color:var(--corp-navy)}
@media(max-width:700px){#dailyCashControl{right:10px;bottom:10px}.dailyCashSheet{margin:2vh 10px;padding:18px 14px}.cashReconciliation{grid-template-columns:repeat(2,minmax(0,1fr))}.cashReconciliation>div:last-child{grid-column:1/-1}}
.dailyCashHistory{margin-top:24px;padding-top:18px;border-top:1px solid var(--corp-line)}.dailyCashHistory h3{margin:0 0 10px;color:var(--corp-navy)}.dailyCashHistory table{min-width:980px;font-size:12px}.dailyCashHistory th,.dailyCashHistory td{padding:9px 8px;white-space:nowrap}.cashBalanced{color:#16805a;font-weight:800}.cashVariance{color:#b45309;font-weight:800}

/* Latest transaction list in the POS workspace */
#pos .recentSalesPanel{position:static;width:auto;height:auto;margin:0;padding:8px;background:#f5f9fc;border:1px solid var(--corp-line);border-radius:8px;color:var(--corp-text);overflow:hidden}
#pos .recentSalesHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}
#pos .recentSalesHeader h3{margin:0;color:var(--corp-navy);font-size:13px}#pos .recentSalesHeader small{color:#607487}
#pos .recentSalesHeader button{padding:5px 8px;font-size:10px}#pos .recentSalesList{display:grid;gap:4px}
#pos .recentSaleRow{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:6px 8px;background:#fff;border:1px solid #d8e4ea;border-radius:6px;text-align:left;color:var(--corp-text);font-size:11px}
#pos .recentSaleRow:hover{border-color:#7aa9c7;background:#fbfeff}#pos .recentSaleRow span{min-width:0}#pos .recentSaleRow b,#pos .recentSaleRow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#pos .recentSaleRow b{color:var(--corp-navy)}#pos .recentSaleRow small{max-width:220px;margin-top:2px;color:#607487;font-size:9px}#pos .recentSaleRow strong{flex:0 0 auto;color:#16805a;font-size:11px}
@media(min-width:1001px){#pos .panel>.recentSalesPanel{grid-column:1;grid-row:3 / span 2;align-self:start;max-height:360px;overflow:auto}#pos .panel>table{grid-column:2;grid-row:3 / span 2}}
@media(max-width:1000px){#pos .recentSalesPanel{display:block!important;max-height:none}}

/* Modern login and registration experience */
.login-section{background:#eaf2f5!important;align-items:center;padding:24px;overflow:auto;font-family:"Trebuchet MS","Segoe UI",sans-serif!important}
.login-section::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0d3448 0 38%,transparent 38%),radial-gradient(circle at 88% 14%,rgba(24,145,139,.22),transparent 30%);pointer-events:none}
.login-panel{position:relative;z-index:1;max-width:430px!important;padding:38px 42px 42px!important;border:1px solid #d4e2e7;border-top:5px solid #168f8a!important;border-radius:16px!important;box-shadow:0 22px 60px rgba(13,52,72,.18)!important}
.login-panel::before{content:"RETAIL OPERATIONS";display:block;margin-bottom:12px;color:#168f8a;font-size:11px;font-weight:800;letter-spacing:2.2px}
.login-panel h1{margin:0 0 30px!important;color:#0d3448!important;text-align:left!important;font-family:Georgia,"Times New Roman",serif;font-size:32px!important;letter-spacing:-.5px}
.login-tabs{gap:4px!important;margin:0 0 26px!important;padding:4px;background:#edf4f5;border:1px solid #d7e4e7;border-bottom:0!important;border-radius:9px}
.tab-btn{padding:11px 12px!important;border:0!important;border-radius:7px;margin:0!important;color:#61727a!important;font-size:14px!important;font-weight:700!important;transition:background .2s ease,color .2s ease,box-shadow .2s ease!important}
.tab-btn.active{color:#fff!important;background:#0d6670!important;box-shadow:0 4px 10px rgba(13,102,112,.2)!important}
.tab-content form{gap:14px!important}
.tab-content input,.tab-content select{height:48px!important;padding:0 14px!important;border:1px solid #c6d8dd!important;border-radius:8px!important;color:#183b4b!important;background:#fbfdfd!important;font-size:14px!important;transition:border-color .2s ease,box-shadow .2s ease!important}
.tab-content input:focus,.tab-content select:focus{border-color:#168f8a!important;box-shadow:0 0 0 4px rgba(22,143,138,.13)!important;outline:0!important}
.tab-content button{height:50px!important;margin-top:4px;padding:0 16px!important;border-radius:8px!important;background:#0d6670!important;font-size:15px!important;font-weight:800!important;letter-spacing:.2px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important}
.tab-content button:hover{background:#084c56!important;box-shadow:0 8px 16px rgba(13,102,112,.2);transform:translateY(-1px)}
.error{min-height:18px;margin-top:10px!important;color:#b42332!important;font-weight:600}
@media(max-width:520px){.login-section{padding:12px}.login-panel{width:100%;padding:30px 22px 28px!important;border-radius:13px!important}.login-panel h1{font-size:28px!important;margin-bottom:24px!important}.login-tabs{margin-bottom:22px!important}}
#pos .toolbar:first-of-type .dateField{display:flex!important;flex:0 1 150px;justify-content:center;gap:4px;color:#607487;font-size:11px;font-weight:700}
#pos .toolbar:first-of-type .dateField input{width:100%;height:48px}
@media(max-width:700px){#pos .toolbar:first-of-type .dateField{width:100%;flex:1 1 100%;justify-content:stretch}}

#productPagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:14px 0;color:#607487;font-size:13px}
#productPagination button{min-width:88px;padding:9px 12px}
#productPagination button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:600px){#productPagination{justify-content:space-between;flex-wrap:wrap}#productPagination span{order:-1;width:100%;text-align:center}}

#inventory .inventoryToolbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px;margin-bottom:12px}
#inventory #stockAdjustment{margin-bottom:16px}
#inventory #stockAdjustment.toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) 140px 140px minmax(180px,1fr) 150px}
#inventory #stockAdjustment>*{min-width:0;width:100%}
#inventory td:last-child button{white-space:nowrap;font-size:12px;padding:8px 10px}
.stockHistoryModal{margin-top:18px;padding:16px;background:#f8fafc;border:1px solid var(--corp-line);border-radius:8px}
.stockHistoryHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.stockHistoryHeader h3{margin:0;color:var(--corp-navy)}
.inventoryPagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px;color:#607487;font-size:13px}
.inventoryPagination button{min-width:86px;padding:9px 12px}
.inventoryPagination button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){#inventory .inventoryToolbar,#inventory #stockAdjustment.toolbar{grid-template-columns:1fr}#inventory .inventoryToolbar>*{width:100%}.stockHistoryHeader{align-items:stretch;flex-direction:column}}
@media(max-width:600px){.inventoryPagination{justify-content:space-between;flex-wrap:wrap}.inventoryPagination span{order:-1;width:100%;text-align:center}}
/* POS scan-first product search */
.reportProductSummary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.reportMetric{padding:16px 18px;border:1px solid #d7e4e7;border-top:3px solid #168f8a;border-radius:10px;background:linear-gradient(145deg,#fff,#f4faf9);box-shadow:0 8px 24px rgba(13,52,72,.06)}.reportMetric small{display:block;color:#607487;font-size:11px;font-weight:800;letter-spacing:.8px}.reportMetric strong{display:block;margin-top:7px;color:#0d3448;font-size:22px}.reportProductToolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 10px}.reportProductToolbar h3{margin:0}.reportProductTable{border:1px solid #d7e4e7;border-radius:10px;overflow:auto}.reportProductTable table{min-width:980px}.reportProductTable thead th{position:sticky;top:0;background:#0d6670;color:#fff;z-index:1}.reportProductTable tbody tr:hover{background:#f0f8f7}.reportProductTable td:nth-child(4),.reportProductTable td:nth-child(5),.reportProductTable td:nth-child(8),.reportProductTable td:nth-child(9){font-variant-numeric:tabular-nums;font-weight:700}.reportProductTable td:nth-child(6){color:#0d6670;font-weight:800}.reportExportButton{background:#0d6670!important;color:#fff!important}@media(max-width:900px){.reportProductSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.reportProductToolbar{align-items:stretch;flex-direction:column}}@media(max-width:520px){.reportProductSummary{grid-template-columns:1fr}.reportMetric strong{font-size:19px}}
.modernReports .panel{background:linear-gradient(145deg,#ffffff,#f5faf9)}.modernReports h2{margin-bottom:6px}.modernReports .panel>h2:after{content:'  |  Clear business view';font-size:12px;color:#168f8a;font-weight:600;vertical-align:middle}.reportFilters{display:grid!important;grid-template-columns:minmax(250px,1fr) 170px 170px auto;align-items:end;gap:10px;padding:14px;background:#edf7f5;border:1px solid #d5e9e5;border-radius:10px}.reportFilterHint{grid-column:1/-1;color:#46646b;font-size:13px;font-weight:600}.reportFilters input{width:100%;min-width:0}.reportGenerateButton{background:#0d6670!important;color:#fff!important;font-weight:800}.modernReports h3{margin-top:24px;padding-bottom:9px;border-bottom:1px solid #dce9e8;color:#0d3448}.modernReports .tablewrap{box-shadow:0 8px 24px rgba(13,52,72,.05)}@media(max-width:800px){.reportFilters{grid-template-columns:1fr 1fr}.reportFilterHint{grid-column:1/-1}}@media(max-width:520px){.reportFilters{grid-template-columns:1fr}.reportFilterHint{font-size:12px}}
@media(min-width:701px){#pos .toolbar:first-of-type{display:grid!important;grid-template-columns:minmax(360px,1fr) 140px 165px 210px 150px auto auto!important;gap:10px!important}#pos .toolbar:first-of-type .combo input{height:54px!important;font-size:18px!important;padding:0 18px!important;border:2px solid var(--corp-blue)!important}#pos .toolbar:first-of-type .posAddButton,#pos .toolbar:first-of-type .posScanButton{height:54px!important;min-width:0!important;width:100%!important;padding:0 10px!important;font-size:13px!important;white-space:normal!important;line-height:1.15}}
@media(max-width:700px){#pos .toolbar:first-of-type .combo input{height:50px!important;font-size:16px!important}.posAddButton,.posScanButton{width:100%!important}}
/* Keep POS search and actions compact on corporate screens */
@media(min-width:701px){#pos .toolbar:first-of-type{display:grid!important;grid-template-columns:minmax(280px,1fr) 140px 140px 210px 150px auto auto!important;gap:10px!important}#pos .toolbar:first-of-type .combo{min-width:0!important;width:auto!important}#pos .toolbar:first-of-type>button{width:140px!important;min-width:140px!important;padding:0 10px!important;font-size:13px!important}#pos .toolbar:first-of-type>select{width:100%!important;min-width:0!important}#pos .toolbar:first-of-type .checkOption{width:auto!important;min-width:0!important;padding:0 10px!important}}
@media(max-width:700px){#pos .toolbar:first-of-type>button{width:100%!important;min-width:0!important}}
/* POS product catalog and cart workspace */
@media(min-width:1001px){#pos .panel{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(520px,1.5fr);gap:14px}#pos .panel>h2,#pos .panel>.toolbar:first-of-type,#pos .panel>.camera,#pos .panel>.checkout{grid-column:1/-1}#pos .panel>.toolbar.compact{grid-column:1;display:flex!important;align-content:start;margin:0;padding:12px;box-shadow:none}#pos .panel>#posQuickGrid{grid-column:1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;max-height:510px;overflow:auto;margin:0;padding:12px;background:#f5f9fc;border:1px solid var(--corp-line);border-radius:8px}#pos .panel>table{grid-column:2;grid-row:3 / span 2;margin:0;min-height:170px;align-self:start}#pos #posQuickGrid .quickItem{min-height:82px;padding:10px;font-size:12px}#pos #posQuickGrid .quickItem b{font-size:13px}}
#pos .checkout{min-height:74px}
@media(max-width:1000px){#pos .toolbar.compact,#pos #posQuickGrid{display:none!important}}
.companyTaxSettings{margin-top:22px;padding:18px;background:#f5f9fc;border:1px solid var(--corp-line);border-left:4px solid var(--corp-blue);border-radius:8px}.companyTaxSettings h3{margin:0 0 14px}.companyTaxSettings label{display:inline-flex;align-items:center;gap:8px;margin:0 22px 14px 0;font-weight:700;color:var(--corp-text)}.companyTaxSettings input{width:auto!important}.companyTaxSettings button{display:block;min-width:170px}

/* Corporate POS billing surface */
#pos .panel{max-width:1280px;margin:0 auto;gap:14px}
#pos .panel>h2{padding:16px 20px;font-size:20px}
#pos .toolbar:first-of-type{display:grid!important;grid-template-columns:150px minmax(260px,1fr) 130px 130px 190px 140px 130px!important;gap:10px!important;padding:14px!important;align-items:stretch!important}
#pos .toolbar:first-of-type>*{width:100%!important;min-width:0!important}
#pos .toolbar:first-of-type .dateField{justify-content:center!important}
#pos .toolbar:first-of-type .combo input,#pos .toolbar:first-of-type>button,#pos .toolbar:first-of-type>select{height:46px!important}
#pos .toolbar:first-of-type>.checkOption{height:46px!important;white-space:nowrap}
#pos .checkout{display:grid!important;grid-template-columns:170px minmax(0,1fr) 150px 240px!important;gap:12px!important;align-items:center!important}
#pos .checkout>label{grid-column:1;display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap}
#pos .checkout .checkoutDate{grid-column:1;grid-row:1}
#pos .checkout .checkoutDate input{width:120px!important;min-width:120px!important;height:42px!important}
#pos .checkout>label:not(.checkoutDate){grid-column:2;grid-row:1}
#pos .checkout>h2{grid-column:3;text-align:right!important;overflow:hidden;text-overflow:ellipsis}
#pos .checkout>button{height:46px!important;width:100%!important;min-width:0!important;white-space:normal!important;line-height:1.2}
#pos .checkout>button.success{grid-column:5}
#pos .checkout>#holdSaleButton{grid-column:4;grid-row:1;background:#647789!important}
#pos .checkout>#holdSaleButton:hover{background:#4b6072!important}
@media(max-width:1150px){#pos .toolbar:first-of-type{grid-template-columns:140px minmax(220px,1fr) 120px 120px 180px 130px!important}#pos .checkout{grid-template-columns:140px 150px minmax(0,1fr) 130px 210px!important}}
@media(max-width:700px){#pos .toolbar:first-of-type{display:flex!important;padding:10px!important}#pos .checkout{grid-template-columns:1fr!important;gap:10px!important}#pos .checkout>label,#pos .checkout>h2,#pos .checkout>button,#pos .checkout>button.success,#pos .checkout>#holdSaleButton{grid-column:1;grid-row:auto;text-align:left!important}#pos .checkout>h2{font-size:19px}}

/* POS checkout standard layout */
#pos .toolbar:first-of-type{display:grid!important;grid-template-columns:150px minmax(240px,1fr) 140px 140px 200px!important;gap:10px!important;align-items:stretch!important}
#pos .toolbar:first-of-type>*{min-width:0!important;width:100%!important}
#pos .toolbar:first-of-type .combo input,#pos .toolbar:first-of-type>button,#pos .toolbar:first-of-type>select{height:46px!important}
#pos .toolbar:first-of-type .dateField{justify-content:center!important}
#pos .checkout{display:grid!important;grid-template-columns:180px minmax(0,1fr) 240px!important;gap:16px!important;align-items:center!important}
#pos .checkout label{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap}
#pos .checkout label input{width:92px!important;min-width:92px!important}
#pos .checkout h2{overflow:hidden;text-overflow:ellipsis}
#pos .checkout button{width:100%!important;min-width:0!important;white-space:normal!important;line-height:1.2}
@media(max-width:1050px){#pos .toolbar:first-of-type{grid-template-columns:145px minmax(0,1fr) 130px 130px!important}#pos .checkout{grid-template-columns:160px minmax(0,1fr) 220px!important}}
@media(max-width:700px){#pos .toolbar:first-of-type{display:flex!important}#pos .checkout{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}#pos .checkout label{justify-content:space-between}#pos .checkout h2{text-align:left!important}}

#products .panel:first-child .grid{align-items:end;gap:14px}
#products .productFieldLabel{display:flex;flex-direction:column;gap:6px;min-width:0;color:#405a70;font-size:12px;font-weight:800}
#products .productFieldLabel input,#products .productFieldLabel select{width:100%;min-width:0;height:42px}
#products .panel:first-child .grid>button{display:block!important;min-height:42px;align-self:end;padding:11px 14px}
#products .panel:first-child .grid>.gray{background:#647789}
#products .panel:first-child + .toolbar{align-items:end;padding:14px;background:#fff;border:1px solid var(--corp-line);border-radius:8px}
#products .productFilterLabel{flex:1 1 160px}
#products .productFilterLabel input,#products .productFilterLabel select{height:42px}
#products .panel:first-child + .toolbar .fileButton{align-self:end;height:42px}
@media(max-width:600px){#products .productFieldLabel,#products .productFilterLabel{width:100%;min-width:100%;flex:1 1 100%}#products .panel:first-child .grid>button{width:100%}}

/* Product master standard layout */
#products{max-width:1240px;margin:0 auto}
#products .panel:first-child{padding:0;overflow:hidden}
#products .panel:first-child>h2{margin:0;padding:18px 22px;background:var(--corp-navy);color:#fff;font-size:20px}
#products .panel:first-child>.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:22px;background:#fff;align-items:end}
#products .productFieldLabel{min-width:0;width:100%;gap:6px;color:#405a70;font-size:12px;font-weight:800;line-height:1.2}
#products .productFieldLabel input,#products .productFieldLabel select{height:42px;width:100%;padding:0 11px;font-size:14px}
#products .panel:first-child>.grid>button{height:42px;width:100%;min-width:0;align-self:end}
#products .panel:first-child>.grid>.variantBox{grid-column:1/-1}
#products .panel:first-child + .toolbar{display:grid!important;grid-template-columns:minmax(260px,2fr) repeat(5,minmax(130px,1fr)) auto;gap:10px;align-items:end;margin:18px 0 0;padding:16px;background:#fff;border:1px solid var(--corp-line);border-radius:8px;box-shadow:0 3px 14px rgba(16,42,67,.06)}
#products .productFilterLabel{width:100%;min-width:0;gap:6px;color:#405a70;font-size:12px;font-weight:800}
#products .productFilterLabel input,#products .productFilterLabel select{width:100%;height:42px}
#products .panel:first-child + .toolbar .fileButton{height:42px;white-space:nowrap}
#products .panel:first-child + .toolbar>small{grid-column:1/-1}
#products #productPagination{margin:14px 0}

/* Large scan-first search field */
#pos .toolbar:first-of-type .combo{flex:3 1 420px}
#pos .toolbar:first-of-type .combo input{height:60px!important;font-size:19px!important;padding:0 20px!important;border-width:2px!important}
@media(max-width:700px){#pos .toolbar:first-of-type .combo{flex-basis:100%}#pos .toolbar:first-of-type .combo input{height:56px!important;font-size:18px!important}}
#pos .toolbar:first-of-type .combo{display:flex;flex-direction:column;justify-content:center;gap:5px}
#pos .toolbar:first-of-type .combo::before{content:"Product Search / Scan";color:var(--corp-navy);font-size:12px;font-weight:800;line-height:1}
#pos .toolbar:first-of-type .combo input{background:#fff!important;color:var(--corp-navy)!important;border-color:var(--corp-blue)!important;box-shadow:0 2px 6px rgba(16,42,67,.08)}
#pos .toolbar:first-of-type .combo input::placeholder{color:#607487;opacity:1}
#pos .masterLink{background:#fff!important;color:var(--corp-blue)!important;border:2px solid var(--corp-blue)!important;font-weight:800}
#pos .masterLink:hover{background:#e8f1f6!important;color:var(--corp-blue-dark)!important}
#pos #posCategoryChips{display:none!important}
#liquorMasterChips{margin:0 0 20px;padding:16px;background:#f5f9fc;border:1px solid var(--corp-line);border-radius:8px}
#liquorMasterChips h3{margin:0 0 12px;color:var(--corp-navy)}
#liquorMasterChips .masterChipList{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:700px){#pos .toolbar:first-of-type .combo input{font-size:16px!important}}
#pos .toolbar:first-of-type .posAddButton{flex:0 0 140px!important;width:140px!important;min-width:140px!important}
#pos .toolbar:first-of-type .posScanButton{flex:0 0 150px!important;width:150px!important;min-width:150px!important}
@media(max-width:700px){#pos .toolbar:first-of-type .posAddButton{flex:0 0 140px!important;width:140px!important;min-width:140px!important;justify-self:start}#pos .toolbar:first-of-type .posScanButton{flex:0 0 150px!important;width:150px!important;min-width:150px!important;justify-self:start}}
#pos .toolbar:first-of-type{display:flex!important;align-items:stretch!important;flex-wrap:wrap!important}
#pos .toolbar:first-of-type .combo{flex:2 1 520px!important;min-width:0!important;width:auto!important}
#pos .toolbar:first-of-type .combo input{width:100%!important}
@media(max-width:700px){#pos .toolbar:first-of-type .combo{flex:1 1 100%!important;width:100%!important;min-width:100%!important}}
#pos> .panel>table{display:table!important;width:100%!important;min-width:100%!important;table-layout:fixed}
#pos> .panel>table th,#pos> .panel>table td{overflow:hidden;text-overflow:ellipsis}
#pos> .panel>table th:first-child,#pos> .panel>table td:first-child{width:30%}
#pos> .panel>table th:nth-child(4),#pos> .panel>table td:nth-child(4){width:24%}
@media(max-width:700px){#pos> .panel>table{display:block!important;width:100%!important;min-width:680px!important;table-layout:auto}#pos> .panel>table th,#pos> .panel>table td{overflow:visible;text-overflow:clip}}
#products> .tablewrap{margin-top:14px;border:1px solid var(--corp-line);border-radius:8px;background:#fff;box-shadow:0 3px 14px rgba(16,42,67,.06)}
#products> .tablewrap table{margin:0;min-width:1100px}
#products> .tablewrap th{padding:12px;font-size:11px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}
#products> .tablewrap td{padding:12px;vertical-align:middle;background:#fff}
#products> .tablewrap td:first-child{font-weight:800;color:var(--corp-navy)}
#products> .tablewrap td button{padding:8px 10px;font-size:12px;margin:2px}
@media(max-width:1050px){#products .panel:first-child>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}#products .panel:first-child + .toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}#products .panel:first-child + .toolbar>small{grid-column:1/-1}}
@media(max-width:650px){#products .panel:first-child>.grid{grid-template-columns:1fr;padding:16px}#products .panel:first-child + .toolbar{display:flex!important;flex-direction:column;align-items:stretch;margin-top:12px;padding:12px}#products .productFilterLabel,#products .panel:first-child + .toolbar>*{width:100%;min-width:100%}#products .panel:first-child + .toolbar .fileButton{width:100%;text-align:center}}

/* Keep the POS catalog readable while it reflows on touch screens. */
#pos{scroll-behavior:smooth;overscroll-behavior-y:contain}
#pos #posQuickGrid{align-items:stretch;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#pos #posQuickGrid .quickItem{height:auto;min-height:96px;justify-content:flex-start;overflow:hidden;white-space:normal;word-break:break-word}
#pos #posQuickGrid .quickItem b{display:block;overflow-wrap:anywhere;line-height:1.25}
#pos #posQuickGrid .quickItem small{display:block;overflow-wrap:anywhere;line-height:1.35}
@media(max-width:700px){
 #pos .panel{gap:12px}
 #pos .toolbar.compact{display:flex!important;flex-direction:column;align-items:stretch}
 #pos #posQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}
 #pos #posQuickGrid{display:grid!important}
 #pos #posQuickGrid .quickItem{min-height:112px;padding:12px 10px}
}
@media(max-width:380px){#pos #posQuickGrid{grid-template-columns:1fr}}

/* Final POS cart layout */
#pos .panel{display:flex!important;flex-direction:column!important;gap:12px!important}
#pos .panel>table{order:3!important;width:100%!important;min-width:0!important;table-layout:fixed!important}
#pos .panel>.recentSalesPanel{order:5!important;width:100%!important;max-height:280px!important;overflow:auto!important}
#pos> .panel>table th,#pos> .panel>table td{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
#pos> .panel>table th:first-child,#pos> .panel>table td:first-child{width:27%!important;min-width:0!important;white-space:normal!important}
#pos> .panel>table th:nth-child(2),#pos> .panel>table td:nth-child(2){width:10%!important;min-width:0!important}
#pos> .panel>table th:nth-child(3),#pos> .panel>table td:nth-child(3){width:7%!important;min-width:0!important}
#pos> .panel>table th:nth-child(4),#pos> .panel>table td:nth-child(4){width:22%!important;min-width:0!important}
#pos> .panel>table th:nth-child(5),#pos> .panel>table td:nth-child(5){width:16%!important;min-width:0!important}
#pos> .panel>table th:nth-child(6),#pos> .panel>table td:nth-child(6){width:12%!important;min-width:0!important}
#pos> .panel>table th:nth-child(7),#pos> .panel>table td:nth-child(7){width:6%!important;min-width:0!important}
#pos> .panel>table th:nth-child(5){white-space:normal!important;line-height:1.15;font-size:11px!important}

/* POS uses search and barcode scanning; keep the product card catalog hidden. */
#pos .toolbar.compact,#pos #posQuickGrid{display:none!important}
#pos> .panel>table th,#pos> .panel>table td{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
#pos> .panel>table th:first-child,#pos> .panel>table td:first-child{white-space:normal!important}
#pos> .panel>table th:nth-child(2),#pos> .panel>table td:nth-child(2){min-width:105px!important}
#pos> .panel>table th:nth-child(3),#pos> .panel>table td:nth-child(3){min-width:70px!important}
#pos> .panel>table th:nth-child(4),#pos> .panel>table td:nth-child(4){min-width:230px!important}
#pos> .panel>table th:nth-child(5),#pos> .panel>table td:nth-child(5){min-width:165px!important}
#pos> .panel>table th:nth-child(6),#pos> .panel>table td:nth-child(6){min-width:125px!important}
#pos> .panel>table th:nth-child(7),#pos> .panel>table td:nth-child(7){min-width:65px!important}