:root{
    --win-blue-1:#d7ebff;
    --win-blue-2:#8cb9e8;
    --win-blue-3:#3d75b6;
    --win-border:#6f9ed1;
    --win-dark:#1f3552;
    --panel:#f6f8fb;
    --panel-2:#eef3f8;
    --line:#b9c7d6;
    --text:#111827;
    --muted:#607286;
    --soft:#f8fbfe;
    --white:#ffffff;
    --danger:#dc3545;
    --success:#198754;
    --warning:#b7791f;
    --shadow:0 8px 24px rgba(15,23,42,.06);
}
*{box-sizing:border-box}
body{
    margin:0;
    min-height:100vh;
    color:var(--text);
    font-size:13px;
    font-family:"Segoe UI",Tahoma,Arial,sans-serif;
    background:linear-gradient(135deg,#9ec7ef 0%,#dcecff 45%,#f7fbff 100%);
}
a{color:#064f9e;text-decoration:none}
.desktop-shell{min-height:100vh;padding:8px 8px 28px}
.win-titlebar{
    height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#fff;
    border:1px solid #2d5f9a;border-radius:7px 7px 0 0;background:linear-gradient(#5c9ddd,#2f6fb2 50%,#225c9a 51%,#4f91d1);
    box-shadow:inset 0 1px 0 #c9e3ff;text-shadow:0 1px 0 #123;
}
.win-title-left,.win-title-right{display:flex;align-items:center;gap:8px}.app-icon{font-size:15px}.app-subtitle{opacity:.88;font-size:12px}
.win-btn{color:#fff;text-decoration:none;border:1px solid #174d83;border-radius:4px;padding:2px 10px;background:linear-gradient(#ffb3a8,#d94735);box-shadow:inset 0 1px 0 #ffd6d0}
.win-btn:hover{color:#fff;filter:brightness(.96);text-decoration:none}
.win-navbar{min-height:34px;padding:0;border-left:1px solid var(--win-border);border-right:1px solid var(--win-border);border-bottom:1px solid #829fbd;background:linear-gradient(#ffffff,#d7e7f7 48%,#c1d8ef 52%,#eef7ff)}
.win-navbar .nav-link{padding:7px 12px;color:#111;border-right:1px solid #c4d2df}
.win-navbar .nav-link:hover,.win-navbar .nav-link:focus{color:#000;background:linear-gradient(#fff8d8,#ffd86a);box-shadow:inset 0 0 0 1px #f0b400;text-decoration:none}
.dropdown-menu{font-size:13px;border:1px solid #7e9fbd;box-shadow:2px 4px 10px #0003}.dropdown-item{padding:6px 18px}.dropdown-item:hover{background:#dcebff}.shortcut-help{font-size:12px;color:#344b60;padding-right:6px}
.desktop-window{margin:8px 0 0;padding:12px;min-height:calc(100vh - 112px);border:1px solid var(--win-border);border-radius:0 0 6px 6px;background:linear-gradient(#ffffff,#f4f8fc);box-shadow:0 6px 18px #26476644,inset 0 1px 0 #fff}
.statusbar{position:fixed;left:8px;right:8px;bottom:4px;height:22px;display:flex;align-items:center;gap:10px;padding:2px 8px;border:1px solid #88a4bf;background:linear-gradient(#f8fbff,#d9e7f4);font-size:12px;color:#293c4f}
h1,h2,h3,h4,h5{font-weight:600;color:#173b63}.card{border:1px solid #9fb9d3;border-radius:6px;background:#fff;box-shadow:inset 0 1px 0 #fff,0 1px 4px #0001}.card-header{padding:8px 11px;border-bottom:1px solid #9fb9d3;background:linear-gradient(#fdfefe,#dfeaf5);font-weight:600;color:#173b63}.card-body{padding:12px}
.table{background:#fff;border:1px solid #b7c6d5}.table th{background:linear-gradient(#fff,#dce9f5)!important;border-color:#b7c6d5;color:#173b63;font-weight:600;white-space:nowrap}.table td{border-color:#d8e0e8;vertical-align:middle}
.form-control,.form-select{border:1px solid #8fa9c1;border-radius:4px;font-size:13px;padding:6px 8px;background:#fff}.form-control:focus,.form-select:focus{border-color:#3b7fc1;box-shadow:0 0 0 2px #8fc7ff66}.btn{border-radius:4px;font-size:13px;padding:6px 11px}.btn-dark{color:#fff;background:linear-gradient(#4b83bf,#1f5d9f);border-color:#174d83;box-shadow:inset 0 1px 0 #a7cff5}.btn-dark:hover{background:linear-gradient(#3f77b4,#174f8d)}.btn-outline-dark{border-color:#607d99;color:#173b63;background:linear-gradient(#fff,#e5edf5)}.btn-outline-dark:hover{background:#dcebff;color:#000;border-color:#3b7fc1}.btn-outline-danger{background:#fff}.alert{border-radius:4px;padding:8px 10px}.invoice-print{background:#fff;color:#000}.shortcut-badge{font-size:11px;border:1px solid #9fb9d3;background:#eef6ff;padding:2px 7px;border-radius:999px;color:#173b63;font-weight:700}.navbar-toggler{padding:2px 7px;margin:3px;border-color:#799fc5}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8cb9e8,#e8f4ff)}.login-card{width:380px;background:#fff;padding:26px;border:1px solid #6f9ed1;border-radius:7px;box-shadow:0 12px 35px #1f355255}

/* =========================
   1) DASHBOARD CSS FIRST
   ========================= */
.dash-wrap{max-width:1600px;margin:0 auto}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dash-muted{color:#5b6f82;font-size:12px}.dash-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.dash-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dash-kpi{position:relative;overflow:hidden;min-height:102px;padding:15px 16px;border:1px solid #d6e2ee;border-radius:14px;background:linear-gradient(180deg,#fff 0%,#f5faff 100%);box-shadow:var(--shadow)}.dash-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#3d75b6}.dash-kpi-good:before{background:#2f8f52}.dash-kpi-info:before{background:#3d75b6}.dash-kpi-warn:before{background:#c28a18}.dash-kpi-bad:before{background:#b43b31}.dash-kpi-label{font-size:12px;color:#40566d;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.dash-kpi-value{font-size:27px;line-height:1.15;font-weight:800;color:#173b63;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-kpi-sub{font-size:12px;color:#6f7f8f;margin-top:6px}.dash-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.dash-card{height:100%;border-color:#d6e2ee;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.dash-card .card-header{min-height:38px;background:linear-gradient(180deg,#fff 0%,#edf5fd 100%)}.dash-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.dash-summary-grid div{padding:12px;border:1px solid #d9e4ef;background:linear-gradient(#fff,#f5f8fc);border-radius:11px;min-height:72px}.dash-summary-grid span{display:block;color:#607286;font-size:12px;margin-bottom:6px;font-weight:700}.dash-summary-grid strong{display:block;font-size:18px;color:#173b63;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-chart{display:flex;flex-direction:column;gap:9px}.dash-bar-row{display:grid;grid-template-columns:56px 1fr 92px;gap:9px;align-items:center}.dash-bar-label{font-size:12px;color:#52677b}.dash-bar-track{height:19px;border:1px solid #b7c6d5;background:#fff;border-radius:999px;overflow:hidden}.dash-bar-track span{display:block;height:100%;background:linear-gradient(#9ec7ef,#3d75b6)}.dash-bar-row strong{text-align:right;font-size:12px;color:#173b63}.dash-table{border:0}.dash-table th,.dash-table td{padding:8px 10px}.dash-table td:first-child{max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-pill{display:inline-block;padding:3px 8px;border:1px solid #9fb9d3;border-radius:999px;background:#eef6ff;color:#173b63;font-size:11px;font-weight:700}.dash-pill-danger{border-color:#e2a29c;background:#fff0ee;color:#a62f25}
@media(max-width:1200px){.dash-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-main-grid{grid-template-columns:1fr}.dash-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:576px){.dash-head{align-items:flex-start;flex-direction:column}.dash-actions{justify-content:flex-start}.dash-kpi-grid,.dash-summary-grid{grid-template-columns:1fr}.dash-kpi-value{font-size:22px}.dash-bar-row{grid-template-columns:48px 1fr 74px}.dash-table td:first-child{max-width:180px}}

/* =========================
   2) POS CSS SECOND
   ========================= */
.pos-page-title h4{margin:0;color:#14395f}.pos-page-subtitle{display:block;color:#60758a;font-size:12px;margin-top:2px}.pos-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:14px;align-items:start}.pos-grid>.card{min-width:0;border-color:#d5e2ef;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.pos-grid>.card:first-child .card-body{padding:12px}.pos-grid>.card:last-child{position:sticky;top:10px}.pos-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,#ffffff 0%,#edf6ff 100%)}.pos-section-title span{font-size:14px;font-weight:800}.pos-section-title small{color:#6d7f91;font-weight:600}.pos-search-wrap{position:relative}.pos-search-wrap:before{content:"Search";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:11px;color:#7a8fa3;pointer-events:none}.pos-search-wrap #productSearch.search-box{height:46px;padding-left:62px;border-radius:11px;border-color:#c4d7e8;font-size:15px;font-weight:600}.pos-search-wrap #productSearch.search-box:focus{border-color:#1f5d9f;box-shadow:0 0 0 3px rgba(31,93,159,.12)}.pos-product-results{min-height:calc(100vh - 270px);max-height:calc(100vh - 245px);overflow:auto;border:1px solid #cfdeec;background:#fff;border-radius:12px}.pos-product-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:0;border-bottom:1px solid #edf2f7;background:#fff;text-align:left;cursor:pointer;transition:.15s ease}.pos-product-row:hover,.pos-product-row.active{background:#eef6ff}.pos-product-name{font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-product-rate{flex:0 0 auto;color:#173b63;font-weight:800;font-size:12px;background:#f3f8fd;border:1px solid #d6e5f4;border-radius:999px;padding:4px 8px}.pos-product-empty{padding:14px;color:#6c757d}.pos-customer-balance-box{padding:8px 10px;border:1px solid #dbe7f2;border-radius:10px;background:#f8fbfe;color:#526b82}.pos-cart-table-wrap{max-height:calc(100vh - 430px);overflow:auto;border:1px solid #d8e4ef;background:#fff;border-radius:12px}.pos-cart-table-wrap .table{margin-bottom:0;border:0}.pos-cart-table-wrap thead th{position:sticky;top:0;z-index:2;background:#f1f7fd!important}.pos-cart-table-wrap td,.pos-cart-table-wrap th{padding:8px 7px}.pos-qty{min-width:58px}.pos-rate{min-width:76px}.pos-discount{min-width:72px}.pos-cart-item-name{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.pos-total-strip{border:1px solid #d0dfed;background:#fff;padding:10px 12px;border-radius:12px}.pos-total-strip .mini-lines{padding:3px 0;color:#60758a}.pos-total-strip .grand-line{margin:8px -4px 6px;padding:10px 9px;border-radius:10px;background:#102a43;color:#fff!important;font-size:20px!important}.pos-total-strip .grand-line strong{color:#fff}.pos-payment-panel{padding:12px;border:1px solid #cbdcea;border-radius:12px;background:#f8fbfe}.pos-payment-panel label{color:#234b6f;font-size:12px;font-weight:800}.pos-payment-methods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:7px 0 10px}.pos-pay-option{position:relative;display:flex;align-items:center;justify-content:center;min-height:38px;margin:0;cursor:pointer}.pos-pay-option input{position:absolute;opacity:0;pointer-events:none}.pos-pay-option span{width:100%;padding:9px 6px;border:1px solid #b8cde0;border-radius:9px;background:#fff;color:#234b6f;font-size:12px;font-weight:800;text-align:center;box-shadow:0 1px 2px #18324d0d}.pos-pay-option input:checked+span{border-color:#1f5d9f;background:linear-gradient(#3f7fbd,#1f5d9f);color:#fff;box-shadow:0 5px 12px #1f5d9f30}.pos-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}#paidAmount{height:42px;font-size:18px;font-weight:800;text-align:right;border-radius:9px}#dueAmountView{height:42px;display:flex;align-items:center;justify-content:flex-end;border-radius:9px;font-size:18px;color:#9a3412}.paid-readonly-note{margin-top:4px;color:#71869a;font-size:11px;line-height:1.3}.pos-credit-warning{margin:10px 0 0;border-radius:9px}.pos-save-actions{grid-template-columns:1.35fr .85fr .85fr}.pos-save-actions .btn{min-height:42px;border-radius:10px;font-weight:800}.pos-save-actions .btn-save{font-size:15px;background:linear-gradient(#2f7cc4,#155895);border-color:#155895}.pos-sticky-bottom-note{margin-top:8px;padding:8px 10px;border:1px solid #d8e5f1;border-radius:9px;background:#fff;color:#60758a;font-size:12px}
@media(max-width:1300px){.pos-grid{grid-template-columns:minmax(0,1fr) 410px}.pos-payment-methods{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-cart-table-wrap{max-height:360px}}
@media(max-width:1100px){.pos-grid{grid-template-columns:1fr}.pos-grid>.card:last-child{position:static}.pos-product-results{min-height:260px;max-height:360px}.pos-cart-table-wrap{max-height:360px}}
@media(max-width:576px){.pos-grid .card-body{padding:10px}.pos-grid .card-header.pos-section-title{align-items:flex-start;flex-direction:column}#productSearch.search-box{height:44px;padding-left:12px;font-size:14px}.pos-search-wrap:before{display:none}.pos-product-row{align-items:flex-start;flex-direction:column}.pos-product-rate{width:100%;text-align:left}.pos-payment-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-payment-grid{grid-template-columns:1fr}.pos-save-actions{grid-template-columns:1fr}.pos-cart-item-name{max-width:160px}}

/* =========================
   3) SALES LIST CSS THIRD
   ========================= */
.sales-list-page{padding-bottom:18px}.sales-list-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;border:1px solid #dce7f2;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:var(--shadow)}.sales-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6c757d;font-weight:800;margin-bottom:4px}.sales-summary-card{background:#fff;border:1px solid #dce7f2;border-radius:14px;padding:16px;min-height:92px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.sales-summary-card span{color:#6c757d;font-size:13px;font-weight:700}.sales-summary-card strong{color:#111827;font-size:24px;line-height:1.25;margin-top:5px}.sales-summary-card.danger strong{color:#dc3545}.sales-filter-card,.sales-table-card{border:1px solid #dce7f2;border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.sales-filter-card .form-label{font-size:13px;font-weight:800;color:#495057}.sales-filter-card .form-control,.sales-filter-card .form-select{min-height:42px;border-radius:10px;border-color:#cfdce8}.sales-filter-card .form-control:focus,.sales-filter-card .form-select:focus{border-color:#1f5d9f;box-shadow:0 0 0 .18rem rgba(31,93,159,.10)}.sales-table{border:0}.sales-table thead th{background:#f1f7fd!important;color:#495b6b;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e1eaf3;padding:13px 14px;white-space:nowrap}.sales-table tbody td{padding:13px 14px;border-color:#eef3f8;vertical-align:middle}.sales-table tbody tr:hover{background:#fbfdff}.sales-table .badge{padding:7px 10px;border-radius:999px;font-weight:800}.returned-sale-row{background:#fff8f8}.returned-sale-row td:first-child{border-left:4px solid #dc3545}.sales-table .btn-group .btn{border-radius:9px;margin-left:4px}
@media(max-width:768px){.sales-list-hero{align-items:flex-start;flex-direction:column}.sales-summary-card strong{font-size:20px}.sales-table thead th,.sales-table tbody td{padding:11px 10px}}

@media print{.no-print,.win-titlebar,.win-navbar,.statusbar{display:none!important}.desktop-shell{padding:0}.desktop-window{margin:0;border:0;box-shadow:none;padding:0;min-height:0;background:#fff}.card{border:0;box-shadow:none}.table th{background:#fff!important}}
@media(max-width:992px){.desktop-shell{padding:0 0 28px}.win-titlebar{border-radius:0}.shortcut-help{display:none}.desktop-window{margin:0;border-left:0;border-right:0}.win-navbar .nav-link{border-right:0}}

/* =========================
   SALES LIST PAGINATION + COMPANY PRINT
   ========================= */
.sales-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sales-summary-card small{display:block;margin-top:7px;color:#7a8794;font-size:12px}.sales-summary-card.success strong{color:#198754}.sales-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #e4edf6;background:#fbfdff}.sales-table-toolbar strong{display:block;color:#172b3d}.sales-table-toolbar span{display:block;color:#718091;font-size:12px;margin-top:2px}.sales-pagination-wrap{display:flex;justify-content:flex-end;padding:12px 14px;border-top:1px solid #e8eef5;background:#fbfdff}.sales-pagination-wrap .page-link{color:#1f2937;border-color:#d7e2ec}.sales-pagination-wrap .page-item.active .page-link{background:#1f2937;border-color:#1f2937;color:#fff}@media(max-width:768px){.sales-hero-actions{justify-content:flex-start}.sales-table-toolbar{align-items:flex-start;flex-direction:column}.sales-pagination-wrap{justify-content:flex-start;overflow:auto}}

.company-print-page{margin:0;background:#eef2f6;color:#111827;font-family:Arial,Helvetica,sans-serif;font-size:12px}.print-actions{position:sticky;top:0;z-index:5;display:flex;gap:8px;justify-content:center;padding:10px;background:#111827}.print-actions button{border:0;border-radius:6px;background:#fff;color:#111827;font-weight:700;padding:8px 14px;cursor:pointer}.company-print-sheet{width:210mm;min-height:297mm;margin:14px auto;background:#fff;padding:12mm;box-shadow:0 8px 30px rgba(15,23,42,.18);box-sizing:border-box}.company-print-header{display:flex;align-items:center;gap:14px;border-bottom:2px solid #111827;padding-bottom:12px;margin-bottom:14px}.company-print-header img{width:70px;height:70px;object-fit:contain;border:1px solid #e5e7eb;padding:4px}.company-print-header h1{font-size:24px;line-height:1.15;margin:0 0 5px;color:#111827;text-transform:uppercase}.company-print-header p{margin:2px 0;color:#374151}.print-report-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:12px 0 14px}.print-report-title h2{margin:0;font-size:20px;color:#111827}.print-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.print-stats-grid div{border:1px solid #d1d5db;border-radius:8px;padding:9px 10px;background:#f9fafb}.print-stats-grid span{display:block;color:#6b7280;font-size:11px;text-transform:uppercase;font-weight:700}.print-stats-grid strong{display:block;color:#111827;font-size:16px;margin-top:3px}.company-print-table{width:100%;border-collapse:collapse}.company-print-table th,.company-print-table td{border:1px solid #d1d5db;padding:7px 8px;vertical-align:top}.company-print-table th{background:#f3f4f6;color:#111827;text-transform:uppercase;font-size:10px;letter-spacing:.03em}.company-print-table small{color:#6b7280}.right{text-align:right}.center{text-align:center}.muted{color:#6b7280}.company-print-footer{margin-top:16px;padding-top:12px;border-top:1px solid #d1d5db;text-align:center;color:#374151}.invoice-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.invoice-title-row h2{margin:0;font-size:22px}.invoice-title-row span{color:#6b7280}.invoice-no-box{border:2px solid #111827;padding:8px 12px;text-align:right;min-width:160px}.invoice-no-box span{display:block;font-size:10px;text-transform:uppercase;color:#6b7280;font-weight:700}.invoice-no-box strong{display:block;font-size:17px}.invoice-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.invoice-meta-grid div{border:1px solid #d1d5db;background:#f9fafb;padding:8px;border-radius:7px}.invoice-meta-grid span{display:block;font-size:10px;color:#6b7280;text-transform:uppercase;font-weight:700}.invoice-meta-grid strong{display:block;margin-top:3px;color:#111827}.invoice-total-box{width:78mm;margin:14px 0 0 auto;border:1px solid #d1d5db}.invoice-total-box div{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;border-bottom:1px solid #e5e7eb}.invoice-total-box div:last-child{border-bottom:0}.invoice-total-box .grand{background:#111827;color:#fff;font-size:14px}.invoice-notes{margin-top:14px;border:1px solid #e5e7eb;background:#f9fafb;padding:8px}.signature-row{display:flex;justify-content:space-between;gap:30mm;margin-top:24mm;text-align:center}.signature-row span{flex:1;border-top:1px solid #111827;padding-top:6px}@page{size:A4;margin:8mm}@media print{.company-print-page{background:#fff}.no-print,.print-actions{display:none!important}.company-print-sheet{width:auto;min-height:auto;margin:0;padding:0;box-shadow:none}.company-print-header{break-inside:avoid}.print-stats-grid,.invoice-meta-grid,.invoice-total-box{break-inside:avoid}.company-print-table tr{break-inside:avoid}.company-print-table th{background:#f3f4f6!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-total-box .grand{background:#111827!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}


/* ===== HARD FIX: Dashboard / POS / Sales pages CSS apply reliably ===== */
.main.desktop-window{background:#f5f7fb!important;}
.modules-dashboard-index .desktop-window,
.dash-wrap,
.pos-grid,
.sales-list-page{font-family:"Segoe UI",Tahoma,Arial,sans-serif;}

.dash-wrap .card,
.pos-grid .card,
.sales-list-page .card{border:1px solid #d9e3ee!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important;background:#fff!important;}
.dash-wrap .card-header,
.pos-grid .card-header,
.sales-list-page .card-header{background:linear-gradient(180deg,#ffffff 0%,#eef6ff 100%)!important;border-bottom:1px solid #d9e3ee!important;color:#173b63!important;}

.dash-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
.dash-kpi{border-radius:14px!important;background:#fff!important;border:1px solid #d9e3ee!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important;}
.dash-main-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}

.pos-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 430px!important;gap:14px!important;align-items:start!important;}
.pos-product-results{border:1px solid #cfdeec!important;border-radius:12px!important;background:#fff!important;overflow:auto!important;}
.pos-cart-table-wrap{border:1px solid #d8e4ef!important;border-radius:12px!important;overflow:auto!important;background:#fff!important;}
.pos-payment-box{border:1px solid #d9e6f2!important;border-radius:13px!important;background:#f8fbff!important;padding:12px!important;}

.sales-list-page .sales-list-hero{border:1px solid #dce7f2!important;border-radius:16px!important;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important;}
.sales-list-page .sales-table-card{border-radius:14px!important;overflow:hidden!important;}
.sales-list-page .sales-table thead th{background:#f1f7fd!important;color:#495b6b!important;text-transform:uppercase!important;font-size:12px!important;}
.sales-list-page .sales-table tbody td{padding:13px 14px!important;border-color:#eef3f8!important;}

@media(max-width:1200px){.dash-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dash-main-grid,.pos-grid{grid-template-columns:1fr!important}.pos-grid>.card:last-child{position:static!important}}
@media(max-width:576px){.dash-kpi-grid{grid-template-columns:1fr!important}.sales-list-page .sales-list-hero{flex-direction:column!important;align-items:flex-start!important}}


/* Sales list simple row/table layout - 2026-06-06 */
.sales-list-page .sales-list-hero{
    background:#fff!important;
    border:1px solid #d9d9d9!important;
    border-radius:4px!important;
    box-shadow:none!important;
    padding:12px 14px!important;
}
.sales-list-page .sales-list-hero h4{font-size:18px!important;margin:0 0 2px!important;color:#111!important;}
.sales-list-page .sales-kicker{font-size:11px!important;color:#555!important;letter-spacing:.04em!important;}
.sales-list-page .sales-hero-actions .btn{border-radius:3px!important;padding:6px 10px!important;font-size:13px!important;}
.sales-summary-grid{display:none!important;}
.sales-summary-row{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    background:#fff!important;
    border:1px solid #d9d9d9!important;
    border-radius:4px!important;
    overflow:hidden!important;
}
.sales-summary-row>div{padding:10px 12px!important;border-right:1px solid #d9d9d9!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
.sales-summary-row>div:last-child{border-right:0!important;}
.sales-summary-row span{font-size:12px!important;color:#555!important;font-weight:600!important;}
.sales-summary-row strong{font-size:14px!important;color:#111!important;font-weight:700!important;white-space:nowrap!important;}
.sales-filter-card,.sales-table-card{border:1px solid #d9d9d9!important;border-radius:4px!important;box-shadow:none!important;overflow:hidden!important;background:#fff!important;}
.sales-filter-card .card-body{padding:12px!important;}
.sales-filter-card .form-label{font-size:12px!important;font-weight:600!important;margin-bottom:4px!important;color:#222!important;}
.sales-filter-card .form-control,.sales-filter-card .form-select{min-height:34px!important;height:34px!important;border-radius:3px!important;border:1px solid #cfcfcf!important;font-size:13px!important;padding:5px 8px!important;}
.sales-table-toolbar{padding:8px 10px!important;background:#f8f8f8!important;border-bottom:1px solid #d9d9d9!important;}
.sales-table-toolbar strong{font-size:14px!important;color:#111!important;}
.sales-table-toolbar span{font-size:12px!important;color:#666!important;}
.sales-list-page .sales-table{border-collapse:collapse!important;margin:0!important;font-size:13px!important;}
.sales-list-page .sales-table thead th{background:#f3f3f3!important;color:#111!important;border:1px solid #d6d6d6!important;padding:7px 8px!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important;white-space:nowrap!important;}
.sales-list-page .sales-table tbody td{border:1px solid #e1e1e1!important;padding:6px 8px!important;color:#111!important;vertical-align:middle!important;}
.sales-list-page .sales-table tbody tr:nth-child(even){background:#fafafa!important;}
.sales-list-page .sales-table tbody tr:hover{background:#f5f5f5!important;}
.sales-list-page .sales-table .badge{border-radius:3px!important;padding:4px 6px!important;font-size:11px!important;font-weight:600!important;}
.sales-list-page .sales-table .btn-group .btn{border-radius:3px!important;margin-left:3px!important;padding:4px 7px!important;font-size:12px!important;}
.returned-sale-row{background:#fff7f7!important;}
.returned-sale-row td:first-child{border-left:2px solid #c00!important;}
.sales-pagination-wrap{padding:8px 10px!important;background:#f8f8f8!important;border-top:1px solid #d9d9d9!important;}
.sales-pagination-wrap .page-link{padding:4px 8px!important;border-radius:2px!important;color:#111!important;}

/* Simple sales invoice print table */
.invoice-print-page .invoice-title-row{margin-bottom:10px!important;align-items:flex-start!important;}
.invoice-print-page .invoice-title-row h2{font-size:18px!important;font-weight:700!important;margin:0 0 2px!important;color:#111!important;}
.invoice-print-page .invoice-no-box{border:1px solid #111!important;padding:6px 10px!important;min-width:130px!important;background:#fff!important;}
.invoice-print-page .invoice-meta-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;border:1px solid #d0d0d0!important;margin-bottom:10px!important;}
.invoice-print-page .invoice-meta-grid div{border:0!important;border-right:1px solid #d0d0d0!important;border-radius:0!important;background:#fff!important;padding:6px 8px!important;}
.invoice-print-page .invoice-meta-grid div:last-child{border-right:0!important;}
.invoice-print-page .company-print-table.invoice-items-table{width:100%!important;border-collapse:collapse!important;font-size:12px!important;}
.invoice-print-page .invoice-items-table th{background:#f2f2f2!important;color:#111!important;border:1px solid #999!important;padding:6px 7px!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;}
.invoice-print-page .invoice-items-table td{border:1px solid #bdbdbd!important;padding:6px 7px!important;vertical-align:top!important;}
.invoice-print-page .invoice-items-table td strong{font-weight:600!important;}
.invoice-print-page .invoice-total-box{width:72mm!important;margin:10px 0 0 auto!important;border:1px solid #999!important;background:#fff!important;}
.invoice-print-page .invoice-total-box div{padding:5px 8px!important;border-bottom:1px solid #ccc!important;background:#fff!important;color:#111!important;}
.invoice-print-page .invoice-total-box .grand{background:#f2f2f2!important;color:#111!important;font-weight:700!important;}
.invoice-print-page .invoice-notes{border:1px solid #ccc!important;background:#fff!important;padding:6px!important;margin-top:10px!important;}
@media(max-width:768px){.sales-summary-row{grid-template-columns:1fr 1fr!important}.sales-summary-row>div:nth-child(2){border-right:0!important}.sales-summary-row>div:nth-child(1),.sales-summary-row>div:nth-child(2){border-bottom:1px solid #d9d9d9!important}.sales-list-page .sales-table{min-width:980px!important}}
@media(max-width:520px){.sales-summary-row{grid-template-columns:1fr!important}.sales-summary-row>div{border-right:0!important;border-bottom:1px solid #d9d9d9!important}.sales-summary-row>div:last-child{border-bottom:0!important}}

/* Sale return page - scoped; does not affect sales list */
.sale-return-page{max-width:1500px;margin:0 auto;color:#111827}.sr-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #d6dee8;border-radius:8px;background:#fff;box-shadow:none}.sr-hero h4{margin:0;color:#111827;font-size:22px}.sr-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-weight:700}.sr-hero-total{min-width:190px;border:1px solid #d1d5db;background:#f9fafb;border-radius:6px;padding:10px 12px;text-align:right}.sr-hero-total span{display:block;font-size:11px;color:#6b7280;text-transform:uppercase;font-weight:700}.sr-hero-total strong{display:block;font-size:22px;color:#111827;line-height:1.25}.sr-card{border:1px solid #d1d5db!important;border-radius:7px!important;box-shadow:none!important;background:#fff!important;overflow:hidden}.sr-card>.card-header{background:#f3f4f6!important;border-bottom:1px solid #d1d5db!important;color:#111827!important;font-weight:700;padding:10px 12px}.sr-card .card-body{padding:12px}.sr-card .form-label{font-weight:700;color:#374151;margin-bottom:4px}.sr-card .form-control,.sr-card .form-select{border:1px solid #cbd5e1!important;border-radius:5px!important;box-shadow:none!important;background:#fff!important}.sr-card .form-control:focus,.sr-card .form-select:focus{border-color:#111827!important;box-shadow:0 0 0 2px rgba(17,24,39,.08)!important}.sr-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sr-info-grid div{border:1px solid #d1d5db;background:#f9fafb;border-radius:6px;padding:9px 10px}.sr-info-grid span{display:block;font-size:11px;color:#6b7280;text-transform:uppercase;font-weight:700}.sr-info-grid strong{display:block;margin-top:3px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-items-table,.sr-history-table{border-collapse:collapse!important;margin-bottom:0}.sr-items-table th,.sr-items-table td,.sr-history-table th,.sr-history-table td{border:1px solid #d1d5db!important;padding:8px 9px!important;vertical-align:middle}.sr-items-table thead th,.sr-history-table thead th{background:#f3f4f6!important;color:#111827!important;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.sr-items-table tbody tr:nth-child(even),.sr-history-table tbody tr:nth-child(even){background:#fbfbfb}.sr-items-table tfoot th{background:#f9fafb!important;color:#111827!important;font-size:14px}.sr-submit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.sale-return-page .btn-dark{background:#111827!important;border-color:#111827!important;color:#fff!important;box-shadow:none!important;border-radius:5px!important}.sale-return-page .badge{border-radius:999px;padding:6px 10px}.return-qty[readonly]{background:#f3f4f6!important;color:#6b7280}@media(max-width:992px){.sr-hero{align-items:flex-start;flex-direction:column}.sr-hero-total{text-align:left;width:100%}.sr-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:576px){.sr-info-grid{grid-template-columns:1fr}.sr-submit-row{align-items:stretch;flex-direction:column}.sr-submit-row .btn{width:100%}}

/* =========================
   CUSTOMERS + CUSTOMER PAYMENTS CSS
   Scoped only for customers/customer-payments pages
   ========================= */
.customers-page,
.customer-payments-page{
    max-width:1500px;
    margin:0 auto;
    color:#111827;
    font-family:"Segoe UI",Tahoma,Arial,sans-serif;
}

.customers-page .page-head,
.customer-payments-page .page-head,
.customers-page .customers-hero,
.customer-payments-page .payments-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 16px;
    margin-bottom:12px;
    border:1px solid #d1d5db;
    border-radius:6px;
    background:#fff;
    box-shadow:none;
}

.customers-page .page-head h4,
.customer-payments-page .page-head h4,
.customers-page .customers-hero h4,
.customer-payments-page .payments-hero h4{
    margin:0;
    color:#111827;
    font-size:21px;
    font-weight:700;
}

.customers-page .page-head p,
.customer-payments-page .page-head p,
.customers-page .customers-hero p,
.customer-payments-page .payments-hero p{
    margin:3px 0 0;
    color:#6b7280;
    font-size:12px;
}

.customers-page .head-actions,
.customer-payments-page .head-actions,
.customers-page .hero-actions,
.customer-payments-page .hero-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.customers-page .customer-stats,
.customer-payments-page .payment-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    margin-bottom:12px;
    border:1px solid #d1d5db;
    border-radius:6px;
    overflow:hidden;
    background:#fff;
}

.customers-page .customer-stats > div,
.customer-payments-page .payment-stats > div{
    padding:10px 12px;
    border-right:1px solid #d1d5db;
    background:#fff;
}

.customers-page .customer-stats > div:last-child,
.customer-payments-page .payment-stats > div:last-child{
    border-right:0;
}

.customers-page .customer-stats span,
.customer-payments-page .payment-stats span{
    display:block;
    color:#6b7280;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.04em;
    font-weight:700;
}

.customers-page .customer-stats strong,
.customer-payments-page .payment-stats strong{
    display:block;
    margin-top:4px;
    color:#111827;
    font-size:17px;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.customers-page .card,
.customer-payments-page .card,
.customers-page .customer-card,
.customer-payments-page .payment-card{
    border:1px solid #d1d5db!important;
    border-radius:6px!important;
    box-shadow:none!important;
    background:#fff!important;
    overflow:hidden;
}

.customers-page .card-header,
.customer-payments-page .card-header,
.customers-page .customer-card-header,
.customer-payments-page .payment-card-header{
    padding:9px 12px!important;
    background:#f3f4f6!important;
    border-bottom:1px solid #d1d5db!important;
    color:#111827!important;
    font-weight:700!important;
}

.customers-page .card-body,
.customer-payments-page .card-body{
    padding:12px!important;
}

.customers-page .form-label,
.customer-payments-page .form-label{
    margin-bottom:4px;
    color:#374151;
    font-size:12px;
    font-weight:700;
}

.customers-page .form-control,
.customers-page .form-select,
.customer-payments-page .form-control,
.customer-payments-page .form-select{
    min-height:34px!important;
    height:34px;
    border:1px solid #cbd5e1!important;
    border-radius:4px!important;
    background:#fff!important;
    color:#111827!important;
    font-size:13px!important;
    box-shadow:none!important;
}

.customers-page textarea.form-control,
.customer-payments-page textarea.form-control{
    height:auto!important;
    min-height:70px!important;
}

.customers-page .form-control:focus,
.customers-page .form-select:focus,
.customer-payments-page .form-control:focus,
.customer-payments-page .form-select:focus{
    border-color:#111827!important;
    box-shadow:0 0 0 2px rgba(17,24,39,.08)!important;
}

.customers-page .btn,
.customer-payments-page .btn{
    border-radius:4px!important;
    box-shadow:none!important;
    font-size:13px!important;
    padding:6px 10px!important;
}

.customers-page .btn-dark,
.customer-payments-page .btn-dark{
    background:#111827!important;
    border-color:#111827!important;
    color:#fff!important;
}

.customers-page .btn-outline-dark,
.customer-payments-page .btn-outline-dark{
    background:#fff!important;
    border-color:#9ca3af!important;
    color:#111827!important;
}

.customers-page .btn-outline-dark:hover,
.customer-payments-page .btn-outline-dark:hover{
    background:#f3f4f6!important;
    color:#111827!important;
}

.customers-page .filter-card,
.customer-payments-page .filter-card,
.customers-page .customer-filter-card,
.customer-payments-page .payment-filter-card{
    margin-bottom:12px;
}

.customers-page .table-responsive,
.customer-payments-page .table-responsive{
    border:1px solid #d1d5db;
    border-radius:6px;
    background:#fff;
    overflow:auto;
}

.customers-page .table,
.customer-payments-page .table,
.customers-page .customers-table,
.customer-payments-page .payments-table{
    width:100%;
    margin:0!important;
    border:0!important;
    border-collapse:collapse!important;
    background:#fff!important;
    font-size:13px;
}

.customers-page .table thead th,
.customer-payments-page .table thead th,
.customers-page .customers-table thead th,
.customer-payments-page .payments-table thead th{
    padding:8px 9px!important;
    border:1px solid #d1d5db!important;
    background:#f3f4f6!important;
    color:#111827!important;
    font-size:12px!important;
    font-weight:700!important;
    text-transform:none!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
}

.customers-page .table tbody td,
.customer-payments-page .table tbody td,
.customers-page .customers-table tbody td,
.customer-payments-page .payments-table tbody td{
    padding:7px 9px!important;
    border:1px solid #e5e7eb!important;
    color:#111827!important;
    vertical-align:middle!important;
}

.customers-page .table tbody tr:nth-child(even),
.customer-payments-page .table tbody tr:nth-child(even),
.customers-page .customers-table tbody tr:nth-child(even),
.customer-payments-page .payments-table tbody tr:nth-child(even){
    background:#fafafa!important;
}

.customers-page .table tbody tr:hover,
.customer-payments-page .table tbody tr:hover,
.customers-page .customers-table tbody tr:hover,
.customer-payments-page .payments-table tbody tr:hover{
    background:#f5f5f5!important;
}

.customers-page .customer-name,
.customer-payments-page .customer-name{
    font-weight:700;
    color:#111827;
}

.customers-page .customer-phone,
.customers-page .customer-address,
.customer-payments-page .payment-meta,
.customer-payments-page .customer-phone{
    color:#6b7280;
    font-size:12px;
}

.customers-page .balance-positive,
.customer-payments-page .balance-positive,
.customer-payments-page .amount-paid{
    color:#15803d!important;
    font-weight:800;
}

.customers-page .balance-due,
.customer-payments-page .balance-due,
.customer-payments-page .amount-due{
    color:#b91c1c!important;
    font-weight:800;
}

.customers-page .balance-zero,
.customer-payments-page .balance-zero{
    color:#374151!important;
    font-weight:700;
}

.customers-page .badge,
.customer-payments-page .badge{
    border-radius:999px!important;
    padding:5px 8px!important;
    font-size:11px!important;
    font-weight:700!important;
}

.customers-page .action-buttons,
.customer-payments-page .action-buttons{
    display:flex;
    gap:5px;
    justify-content:flex-end;
    flex-wrap:wrap;
}

.customers-page .action-buttons .btn,
.customer-payments-page .action-buttons .btn,
.customers-page .btn-group .btn,
.customer-payments-page .btn-group .btn{
    padding:4px 7px!important;
    font-size:12px!important;
    border-radius:3px!important;
}

.customer-payments-page .payment-form-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:10px;
    align-items:end;
}

.customer-payments-page .payment-summary-box{
    border:1px solid #d1d5db;
    border-radius:6px;
    background:#f9fafb;
    padding:10px 12px;
}

.customer-payments-page .payment-summary-box span{
    display:block;
    color:#6b7280;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
}

.customer-payments-page .payment-summary-box strong{
    display:block;
    margin-top:4px;
    color:#111827;
    font-size:18px;
}

.customer-payments-page .payment-receipt-box{
    max-width:80mm;
    margin:0 auto;
    background:#fff;
    color:#111;
    border:1px solid #d1d5db;
    padding:10px;
    font-size:12px;
}

.customer-payments-page .payment-receipt-box h3{
    margin:0 0 6px;
    color:#111;
    text-align:center;
    font-size:16px;
}

.customer-payments-page .payment-receipt-box table{
    width:100%;
    border-collapse:collapse;
}

.customer-payments-page .payment-receipt-box td{
    border-bottom:1px dashed #cbd5e1;
    padding:5px 0;
}

.customer-payments-page .payment-receipt-box td:last-child{
    text-align:right;
    font-weight:700;
}

@media(max-width:992px){
    .customers-page .customer-stats,
    .customer-payments-page .payment-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .customers-page .customer-stats > div:nth-child(2),
    .customer-payments-page .payment-stats > div:nth-child(2){
        border-right:0;
    }
    .customers-page .customer-stats > div:nth-child(1),
    .customers-page .customer-stats > div:nth-child(2),
    .customer-payments-page .payment-stats > div:nth-child(1),
    .customer-payments-page .payment-stats > div:nth-child(2){
        border-bottom:1px solid #d1d5db;
    }
    .customer-payments-page .payment-form-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:576px){
    .customers-page .page-head,
    .customer-payments-page .page-head,
    .customers-page .customers-hero,
    .customer-payments-page .payments-hero{
        align-items:flex-start;
        flex-direction:column;
    }
    .customers-page .head-actions,
    .customer-payments-page .head-actions,
    .customers-page .hero-actions,
    .customer-payments-page .hero-actions{
        justify-content:flex-start;
    }
    .customers-page .customer-stats,
    .customer-payments-page .payment-stats,
    .customer-payments-page .payment-form-grid{
        grid-template-columns:1fr;
    }
    .customers-page .customer-stats > div,
    .customer-payments-page .payment-stats > div{
        border-right:0!important;
        border-bottom:1px solid #d1d5db;
    }
    .customers-page .customer-stats > div:last-child,
    .customer-payments-page .payment-stats > div:last-child{
        border-bottom:0;
    }
    .customers-page .table,
    .customer-payments-page .table,
    .customers-page .customers-table,
    .customer-payments-page .payments-table{
        min-width:850px;
    }
}

@media print{
    .customers-page .page-head,
    .customer-payments-page .page-head,
    .customers-page .customers-hero,
    .customer-payments-page .payments-hero,
    .customers-page .filter-card,
    .customer-payments-page .filter-card,
    .customers-page .customer-filter-card,
    .customer-payments-page .payment-filter-card,
    .customers-page .head-actions,
    .customer-payments-page .head-actions,
    .customers-page .hero-actions,
    .customer-payments-page .hero-actions,
    .customers-page .action-buttons,
    .customer-payments-page .action-buttons{
        display:none!important;
    }
    .customers-page .card,
    .customer-payments-page .card,
    .customers-page .table-responsive,
    .customer-payments-page .table-responsive{
        border:0!important;
        box-shadow:none!important;
    }
    .customers-page .table thead th,
    .customer-payments-page .table thead th{
        background:#f3f4f6!important;
        -webkit-print-color-adjust:exact;
        print-color-adjust:exact;
    }
}

/* =========================================================
   CUSTOMERS + CUSTOMER PAYMENTS PAGES - CLEAN CSS FIX
   Uses page detection by form fields, so it will not affect
   Dashboard / POS / Sales / Sale Return pages.
   ========================================================= */

/* Page detection */
main.desktop-window:has(form [name="opening_balance"]),
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]),
.customers-page,
.customer-payments-page{
    background:#f4f6f9!important;
    padding:14px!important;
    color:#111827!important;
}

/* Header row: Customers page */
main.desktop-window:has(form [name="opening_balance"]) > .d-flex.mb-3,
.customers-page .customer-header,
.customer-payments-page .customer-header{
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:12px!important;
    padding:13px 15px!important;
    background:#fff!important;
    border:1px solid #d7dce3!important;
    border-radius:6px!important;
    box-shadow:none!important;
}
main.desktop-window:has(form [name="opening_balance"]) > .d-flex.mb-3 h4,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) > h4,
.customers-page h4,
.customer-payments-page h4{
    margin:0!important;
    color:#111827!important;
    font-size:20px!important;
    font-weight:700!important;
    letter-spacing:0!important;
}
main.desktop-window:has(form [name="opening_balance"]) > .d-flex.mb-3 .small{
    color:#6b7280!important;
    font-size:12px!important;
}

/* Customer Payments standalone title */
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) > h4{
    padding:13px 15px!important;
    margin-bottom:12px!important;
    background:#fff!important;
    border:1px solid #d7dce3!important;
    border-radius:6px!important;
}

/* Cards */
main.desktop-window:has(form [name="opening_balance"]) > .card,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) > .card,
.customers-page .card,
.customer-payments-page .card{
    background:#fff!important;
    border:1px solid #d7dce3!important;
    border-radius:6px!important;
    box-shadow:none!important;
    overflow:hidden!important;
    margin-bottom:12px!important;
}
main.desktop-window:has(form [name="opening_balance"]) > .card > .card-header,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) > .card > .card-header,
.customers-page .card-header,
.customer-payments-page .card-header{
    padding:10px 12px!important;
    background:#f3f4f6!important;
    color:#111827!important;
    border-bottom:1px solid #d7dce3!important;
    font-size:14px!important;
    font-weight:700!important;
}
main.desktop-window:has(form [name="opening_balance"]) .card-body,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) .card-body,
.customers-page .card-body,
.customer-payments-page .card-body{
    padding:12px!important;
}

/* Forms */
main.desktop-window:has(form [name="opening_balance"]) form.row,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) form.row,
.customers-page form.row,
.customer-payments-page form.row{
    row-gap:10px!important;
}
main.desktop-window:has(form [name="opening_balance"]) form label,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) form label,
.customers-page form label,
.customer-payments-page form label{
    display:block!important;
    margin-bottom:4px!important;
    color:#374151!important;
    font-size:12px!important;
    font-weight:700!important;
}
main.desktop-window:has(form [name="opening_balance"]) .form-control,
main.desktop-window:has(form [name="opening_balance"]) .form-select,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) .form-control,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) .form-select,
.customers-page .form-control,
.customers-page .form-select,
.customer-payments-page .form-control,
.customer-payments-page .form-select{
    height:36px!important;
    min-height:36px!important;
    padding:6px 9px!important;
    border:1px solid #c7ccd3!important;
    border-radius:4px!important;
    background:#fff!important;
    color:#111827!important;
    font-size:13px!important;
    box-shadow:none!important;
}
main.desktop-window:has(form [name="opening_balance"]) .form-control:focus,
main.desktop-window:has(form [name="opening_balance"]) .form-select:focus,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) .form-control:focus,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) .form-select:focus,
.customers-page .form-control:focus,
.customers-page .form-select:focus,
.customer-payments-page .form-control:focus,
.customer-payments-page .form-select:focus{
    border-color:#111827!important;
    box-shadow:0 0 0 2px rgba(17,24,39,.08)!important;
}
main.desktop-window:has(form [name="opening_balance"]) textarea.form-control,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) textarea.form-control,
.customers-page textarea.form-control,
.customer-payments-page textarea.form-control{
    height:auto!important;
    min-height:36px!important;
}

/* Buttons */
main.desktop-window:has(form [name="opening_balance"]) .btn,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) .btn,
.customers-page .btn,
.customer-payments-page .btn{
    border-radius:4px!important;
    box-shadow:none!important;
    font-weight:700!important;
}
main.desktop-window:has(form [name="opening_balance"]) .btn-dark,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) .btn-dark,
.customers-page .btn-dark,
.customer-payments-page .btn-dark{
    height:36px!important;
    background:#111827!important;
    border-color:#111827!important;
    color:#fff!important;
    background-image:none!important;
}
main.desktop-window:has(form [name="opening_balance"]) .btn-dark:hover,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) .btn-dark:hover,
.customers-page .btn-dark:hover,
.customer-payments-page .btn-dark:hover{
    background:#000!important;
    border-color:#000!important;
}

/* Tables */
main.desktop-window:has(form [name="opening_balance"]) .table-responsive,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) .table-responsive,
.customers-page .table-responsive,
.customer-payments-page .table-responsive{
    padding:0!important;
    border:0!important;
}
main.desktop-window:has(form [name="opening_balance"]) table.table,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) table.table,
.customers-page table.table,
.customer-payments-page table.table{
    width:100%!important;
    margin:0!important;
    border-collapse:collapse!important;
    border:0!important;
    background:#fff!important;
    font-size:13px!important;
}
main.desktop-window:has(form [name="opening_balance"]) table.table th,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) table.table th,
.customers-page table.table th,
.customer-payments-page table.table th{
    padding:8px 9px!important;
    background:#f3f4f6!important;
    background-image:none!important;
    color:#111827!important;
    border:1px solid #d7dce3!important;
    font-size:12px!important;
    font-weight:700!important;
    text-transform:none!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
}
main.desktop-window:has(form [name="opening_balance"]) table.table td,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) table.table td,
.customers-page table.table td,
.customer-payments-page table.table td{
    padding:7px 9px!important;
    color:#111827!important;
    border:1px solid #e2e5ea!important;
    vertical-align:middle!important;
    background:transparent!important;
}
main.desktop-window:has(form [name="opening_balance"]) table.table tbody tr:nth-child(even),
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) table.table tbody tr:nth-child(even),
.customers-page table.table tbody tr:nth-child(even),
.customer-payments-page table.table tbody tr:nth-child(even){
    background:#fafafa!important;
}
main.desktop-window:has(form [name="opening_balance"]) table.table tbody tr:hover,
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) table.table tbody tr:hover,
.customers-page table.table tbody tr:hover,
.customer-payments-page table.table tbody tr:hover{
    background:#f5f6f8!important;
}

/* Balance colors on customer list */
main.desktop-window:has(form [name="opening_balance"]) .text-danger,
.customers-page .text-danger{
    color:#b42318!important;
}
main.desktop-window:has(form [name="opening_balance"]) .text-success,
.customers-page .text-success{
    color:#067647!important;
}

/* Customer payment amount column */
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) table.table td:nth-child(4),
.customer-payments-page table.table td:nth-child(4){
    font-weight:700!important;
    color:#067647!important;
    text-align:right!important;
}
main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) table.table th:nth-child(4),
.customer-payments-page table.table th:nth-child(4){
    text-align:right!important;
}

/* Responsive */
@media(max-width:768px){
    main.desktop-window:has(form [name="opening_balance"]),
    main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]),
    .customers-page,
    .customer-payments-page{
        padding:10px!important;
    }
    main.desktop-window:has(form [name="opening_balance"]) > .d-flex.mb-3{
        flex-direction:column!important;
        align-items:flex-start!important;
    }
    main.desktop-window:has(form [name="opening_balance"]) table.table,
    main.desktop-window:has(form select[name="customer_id"]):has(form select[name="account_id"]) table.table,
    .customers-page table.table,
    .customer-payments-page table.table{
        min-width:850px!important;
    }
}

/* ==========================
   CUSTOMERS
   ========================== */

.customer-hero{
    background:#fff;
    border:1px solid #d8d8d8;
    border-radius:6px;
    padding:15px 18px;
}

.page-kicker{
    font-size:11px;
    text-transform:uppercase;
    color:#666;
    font-weight:700;
    letter-spacing:.05em;
}

.customer-hero h4{
    margin:0;
    color:#111;
    font-size:22px;
    font-weight:700;
}

.customer-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}

.customer-stat{
    background:#fff;
    border:1px solid #d9d9d9;
    border-radius:6px;
    padding:12px;
}

.customer-stat span{
    display:block;
    color:#666;
    font-size:11px;
    text-transform:uppercase;
}

.customer-stat strong{
    display:block;
    margin-top:6px;
    font-size:22px;
    color:#111;
    font-weight:700;
}

.customer-stat.success strong{
    color:#198754;
}

.customer-stat.danger strong{
    color:#dc3545;
}

.customer-card{
    border:1px solid #d9d9d9 !important;
    border-radius:6px !important;
    box-shadow:none !important;
}

.customer-card .card-header{
    background:#f5f5f5 !important;
    border-bottom:1px solid #d9d9d9 !important;
    color:#111 !important;
}

.customer-table{
    margin:0 !important;
}

.customer-table th{
    background:#f2f2f2 !important;
    color:#111 !important;
    border:1px solid #d8d8d8 !important;
    padding:8px !important;
    font-size:12px;
}

.customer-table td{
    border:1px solid #e5e5e5 !important;
    padding:8px !important;
}

.customer-table tr:nth-child(even){
    background:#fafafa;
}

.balance-pill{
    display:inline-block;
    padding:4px 8px;
    border-radius:4px;
    font-weight:700;
}

.balance-pill.due{
    background:#fff0f0;
    color:#c62828;
}

.balance-pill.advance{
    background:#edfdf2;
    color:#198754;
}

/* ==========================
   CUSTOMER PAYMENTS
   ========================== */

.customer-payments-page .customer-card{
    border:1px solid #d9d9d9 !important;
}

.customer-payments-page .table th{
    background:#f2f2f2 !important;
    border:1px solid #d8d8d8 !important;
}

.customer-payments-page .table td{
    border:1px solid #e5e5e5 !important;
}

.customer-payments-page .fw-bold{
    color:#198754;
}

.customer-payments-page .form-control,
.customer-payments-page .form-select{
    height:36px;
    border-radius:4px;
}

.customer-payments-page .btn-dark{
    background:#111;
    border-color:#111;
}

.customer-payments-page .btn-dark:hover{
    background:#222;
}
/* =========================
   PURCHASE PAGE PERFORMANCE UI
   Scoped only for modules/purchases/index.php
   ========================= */
.purchase-page{max-width:1600px;margin:0 auto;color:#111827;font-family:"Segoe UI",Tahoma,Arial,sans-serif}.purchase-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #d1d5db;border-radius:7px;background:#fff}.purchase-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;font-weight:800}.purchase-hero h4{margin:0;color:#111827;font-size:22px;font-weight:800}.purchase-hero p{margin:3px 0 0;color:#6b7280;font-size:12px}.purchase-po-badge{padding:9px 12px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:6px;color:#1e3a8a}.purchase-card{border:1px solid #d1d5db!important;border-radius:7px!important;box-shadow:none!important;background:#fff!important;overflow:visible!important}.purchase-card>.card-header{background:#f3f4f6!important;border-bottom:1px solid #d1d5db!important;color:#111827!important;padding:10px 12px!important}.purchase-top-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:10px}.purchase-page .form-label{font-size:12px;font-weight:700;color:#374151;margin-bottom:4px}.purchase-page .form-control,.purchase-page .form-select{height:35px!important;border:1px solid #cbd5e1!important;border-radius:4px!important;background:#fff!important;font-size:13px!important;box-shadow:none!important}.purchase-page textarea.form-control{height:auto!important;min-height:70px!important}.purchase-page .form-control:focus,.purchase-page .form-select:focus{border-color:#111827!important;box-shadow:0 0 0 2px rgba(17,24,39,.08)!important}.purchase-items-wrap{border:1px solid #d1d5db;border-radius:6px;overflow:visible!important;background:#fff}.purchase-items-table{margin:0!important;border-collapse:collapse!important;font-size:13px}.purchase-items-table th{background:#f3f4f6!important;color:#111827!important;border:1px solid #d1d5db!important;padding:8px!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important}.purchase-items-table td{border:1px solid #e5e7eb!important;padding:7px!important;vertical-align:top!important}.purchase-items-table tbody tr:nth-child(even){background:#fafafa}.purchase-items-table tfoot th{background:#f9fafb!important;color:#111827!important;border:1px solid #d1d5db!important}.purchase-item-row td:first-child{position:relative}.product-results{display:none;position:absolute;left:7px;right:7px;top:43px;z-index:1000;max-height:260px;overflow:auto;border:1px solid #9ca3af;border-radius:5px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.18)}.product-result-item{display:block;width:100%;border:0;border-bottom:1px solid #e5e7eb;background:#fff;text-align:left;padding:8px 10px;cursor:pointer}.product-result-item:hover{background:#f3f4f6}.product-result-item strong{display:block;color:#111827;font-size:13px;line-height:1.25}.product-result-item small{display:block;margin-top:2px;color:#6b7280;font-size:11px}.product-result-empty{padding:10px;color:#6b7280}.purchase-pack-info{display:inline-block;min-width:70px;padding:4px 7px;border:1px solid #d1d5db;border-radius:4px;background:#f9fafb;color:#374151}.purchase-list-table{margin:0!important;border-collapse:collapse!important}.purchase-list-table th{background:#f3f4f6!important;color:#111827!important;border:1px solid #d1d5db!important;padding:8px!important;font-size:12px!important}.purchase-list-table td{border:1px solid #e5e7eb!important;padding:8px!important}.purchase-list-table tbody tr:nth-child(even){background:#fafafa}.purchase-page .btn{border-radius:4px!important;box-shadow:none!important}.purchase-page .btn-dark{background:#111827!important;border-color:#111827!important;color:#fff!important}@media(max-width:1200px){.purchase-top-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.purchase-hero{align-items:flex-start;flex-direction:column}.purchase-top-grid{grid-template-columns:1fr}.purchase-items-table{min-width:1100px}.purchase-items-wrap{overflow:auto!important}.product-results{position:fixed;left:12px;right:12px;top:auto;bottom:12px;max-height:50vh}}

/* Purchase page lightweight AJAX search fix */
.purchase-page{max-width:1500px;margin:0 auto}.purchase-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #d6d6d6;border-radius:6px;padding:14px 16px}.purchase-hero h4{margin:0;color:#111;font-size:22px;font-weight:700}.purchase-hero p{margin:3px 0 0;color:#666}.purchase-card{border:1px solid #d6d6d6!important;border-radius:6px!important;box-shadow:none!important;background:#fff!important}.purchase-items-wrap{overflow:visible!important}.purchase-items-table{border-collapse:collapse!important;margin-bottom:8px!important}.purchase-items-table th{background:#f3f3f3!important;color:#111!important;border:1px solid #d6d6d6!important;padding:7px 8px!important}.purchase-items-table td{border:1px solid #e1e1e1!important;padding:6px!important;vertical-align:top!important}.purchase-page .form-control,.purchase-page .form-select{height:34px!important;border-radius:4px!important;border:1px solid #cbd5e1!important;box-shadow:none!important}.purchase-page textarea.form-control{height:auto!important}.product-results{position:absolute;z-index:1000;left:0;right:0;top:100%;background:#fff;border:1px solid #aaa;box-shadow:0 6px 16px rgba(0,0,0,.12);max-height:260px;overflow:auto}.purchase-items-table td:first-child{position:relative}.product-result-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #eee;background:#fff;padding:7px 9px;cursor:pointer}.product-result-item:hover{background:#f3f4f6}.product-result-item strong{display:block;color:#111;font-size:13px}.product-result-item small{display:block;color:#666;font-size:11px;margin-top:2px}.product-result-muted{padding:8px;color:#666;font-size:12px}.line-total{white-space:nowrap}.page-kicker{font-size:11px;text-transform:uppercase;color:#666;font-weight:700;letter-spacing:.05em}

/* =========================
   PURCHASE RETURN PAGE - scoped
   ========================= */
.purchase-return-page{max-width:1500px;margin:0 auto;color:#111827;font-family:"Segoe UI",Tahoma,Arial,sans-serif}.pr-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #d1d5db;border-radius:7px;background:#fff;box-shadow:none}.pr-hero h4{margin:0;color:#111827;font-size:22px;font-weight:800}.pr-hero p{margin:3px 0 0;color:#6b7280;font-size:12px}.pr-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-weight:800}.pr-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pr-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #d1d5db;border-radius:7px;overflow:hidden;background:#fff}.pr-stat{padding:11px 12px;border-right:1px solid #d1d5db;background:#fff}.pr-stat:last-child{border-right:0}.pr-stat span{display:block;color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.pr-stat strong{display:block;margin-top:4px;color:#111827;font-size:18px;font-weight:800}.pr-stat.danger strong{color:#b91c1c}.pr-card{border:1px solid #d1d5db!important;border-radius:7px!important;box-shadow:none!important;background:#fff!important;overflow:hidden}.pr-card>.card-header{background:#f3f4f6!important;border-bottom:1px solid #d1d5db!important;color:#111827!important;font-weight:800!important;padding:10px 12px!important}.pr-card .card-body{padding:12px}.pr-card .form-label{font-size:12px;font-weight:800;color:#374151;margin-bottom:4px}.pr-card .form-control,.pr-card .form-select{border:1px solid #cbd5e1!important;border-radius:5px!important;box-shadow:none!important;background:#fff!important;color:#111827!important;font-size:13px!important}.pr-card .form-control:focus,.pr-card .form-select:focus{border-color:#111827!important;box-shadow:0 0 0 2px rgba(17,24,39,.08)!important}.pr-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pr-info-grid div{border:1px solid #d1d5db;background:#fff;border-radius:7px;padding:9px 10px}.pr-info-grid span{display:block;font-size:11px;color:#6b7280;text-transform:uppercase;font-weight:800}.pr-info-grid strong{display:block;margin-top:3px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pr-return-total{display:inline-block;border:1px solid #d1d5db;background:#fff;border-radius:5px;padding:5px 9px;color:#374151}.pr-return-total b{color:#b91c1c}.pr-items-table,.pr-history-table{border-collapse:collapse!important;margin-bottom:0!important}.pr-items-table th,.pr-items-table td,.pr-history-table th,.pr-history-table td{border:1px solid #d1d5db!important;padding:8px 9px!important;vertical-align:middle!important}.pr-items-table thead th,.pr-history-table thead th{background:#f3f4f6!important;color:#111827!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important;font-weight:800!important;white-space:nowrap}.pr-items-table tbody tr:nth-child(even),.pr-history-table tbody tr:nth-child(even){background:#fafafa!important}.pr-items-table tbody tr:hover,.pr-history-table tbody tr:hover{background:#f5f5f5!important}.pr-items-table small{color:#6b7280}.pr-items-table .return-qty{min-width:90px;height:32px!important}.pr-items-table .return-qty[readonly]{background:#f3f4f6!important;color:#6b7280}.pr-submit-row{border-top:1px solid #e5e7eb;background:#fbfbfb}.purchase-return-page .btn{border-radius:5px!important;box-shadow:none!important}.purchase-return-page .btn-dark{background:#111827!important;border-color:#111827!important;color:#fff!important}.purchase-return-page .btn-outline-dark{background:#fff!important;border-color:#9ca3af!important;color:#111827!important}.purchase-return-page .btn-outline-dark:hover{background:#f3f4f6!important;color:#111827!important}@media(max-width:992px){.pr-hero{align-items:flex-start;flex-direction:column}.pr-hero-actions{justify-content:flex-start}.pr-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-stat:nth-child(2){border-right:0}.pr-stat:nth-child(1),.pr-stat:nth-child(2){border-bottom:1px solid #d1d5db}.pr-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-items-table{min-width:960px}}@media(max-width:576px){.pr-stats-grid,.pr-info-grid{grid-template-columns:1fr}.pr-stat{border-right:0!important;border-bottom:1px solid #d1d5db}.pr-stat:last-child{border-bottom:0}.pr-card .card-header{align-items:flex-start!important;flex-direction:column}.pr-submit-row .row>div{width:100%}}


/* Blank page after save fix: purchase/purchase-return scoped visual safety */
.purchase-page .purchase-card,
.purchase-return-page .pr-card{
    background:#fff!important;
    border:1px solid #d1d5db!important;
    border-radius:6px!important;
    box-shadow:none!important;
}
.purchase-page .purchase-card .card-header,
.purchase-return-page .pr-card .card-header{
    background:#f3f4f6!important;
    border-bottom:1px solid #d1d5db!important;
    color:#111827!important;
}
.purchase-page .btn-dark,
.purchase-return-page .btn-dark{
    background:#111827!important;
    border-color:#111827!important;
    color:#fff!important;
}

/* =========================
   SUPPLIERS + SUPPLIER PAYMENTS
   Scoped only; does not affect sales/purchase/customer pages
   ========================= */
.suppliers-page,
.supplier-payments-page{
    max-width:1500px;
    margin:0 auto;
    color:#111827;
    font-family:"Segoe UI",Tahoma,Arial,sans-serif;
}
.suppliers-page .supplier-hero,
.supplier-payments-page .supplier-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:15px 18px;
    border:1px solid #d7dce2;
    border-radius:7px;
    background:#fff;
    box-shadow:none;
}
.suppliers-page .supplier-kicker,
.supplier-payments-page .supplier-kicker{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:#6b7280;
    font-weight:800;
    margin-bottom:3px;
}
.suppliers-page .supplier-hero h4,
.supplier-payments-page .supplier-hero h4{
    margin:0;
    color:#111827;
    font-size:22px;
    font-weight:750;
}
.suppliers-page .supplier-hero p,
.supplier-payments-page .supplier-hero p{
    color:#6b7280!important;
    font-size:12px;
}
.suppliers-page .supplier-hero-actions,
.supplier-payments-page .supplier-hero-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.suppliers-page .supplier-stats-grid,
.supplier-payments-page .supplier-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.suppliers-page .supplier-stat,
.supplier-payments-page .supplier-stat{
    background:#fff;
    border:1px solid #d7dce2;
    border-radius:7px;
    padding:12px 13px;
    min-height:76px;
    box-shadow:none;
}
.suppliers-page .supplier-stat span,
.supplier-payments-page .supplier-stat span{
    display:block;
    color:#6b7280;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.04em;
    font-weight:800;
}
.suppliers-page .supplier-stat strong,
.supplier-payments-page .supplier-stat strong{
    display:block;
    margin-top:5px;
    color:#111827;
    font-size:22px;
    line-height:1.2;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.suppliers-page .supplier-stat.success strong,
.supplier-payments-page .supplier-stat.success strong{color:#15803d;}
.suppliers-page .supplier-stat.danger strong,
.supplier-payments-page .supplier-stat.danger strong{color:#b91c1c;}
.suppliers-page .supplier-card,
.supplier-payments-page .supplier-card{
    border:1px solid #d7dce2!important;
    border-radius:7px!important;
    box-shadow:none!important;
    background:#fff!important;
    overflow:hidden;
}
.suppliers-page .supplier-card>.card-header,
.supplier-payments-page .supplier-card>.card-header{
    padding:10px 12px!important;
    background:#f4f5f7!important;
    border-bottom:1px solid #d7dce2!important;
    color:#111827!important;
    font-weight:750!important;
}
.suppliers-page .supplier-card .card-body,
.supplier-payments-page .supplier-card .card-body{padding:12px!important;}
.suppliers-page .form-label,
.supplier-payments-page .form-label{
    margin-bottom:4px;
    color:#374151;
    font-size:12px;
    font-weight:700;
}
.suppliers-page .form-control,
.suppliers-page .form-select,
.supplier-payments-page .form-control,
.supplier-payments-page .form-select{
    min-height:35px!important;
    height:35px;
    border:1px solid #c8d1dc!important;
    border-radius:4px!important;
    background:#fff!important;
    color:#111827!important;
    font-size:13px!important;
    box-shadow:none!important;
}
.suppliers-page .form-control:focus,
.suppliers-page .form-select:focus,
.supplier-payments-page .form-control:focus,
.supplier-payments-page .form-select:focus{
    border-color:#111827!important;
    box-shadow:0 0 0 2px rgba(17,24,39,.08)!important;
}
.suppliers-page .btn,
.supplier-payments-page .btn{
    border-radius:4px!important;
    box-shadow:none!important;
    font-size:13px!important;
    padding:6px 10px!important;
}
.suppliers-page .btn-dark,
.supplier-payments-page .btn-dark{
    background:#111827!important;
    border-color:#111827!important;
    color:#fff!important;
}
.suppliers-page .btn-outline-dark,
.supplier-payments-page .btn-outline-dark{
    background:#fff!important;
    border-color:#9ca3af!important;
    color:#111827!important;
}
.suppliers-page .btn-outline-dark:hover,
.supplier-payments-page .btn-outline-dark:hover,
.suppliers-page .btn-outline-secondary:hover,
.supplier-payments-page .btn-outline-secondary:hover{
    background:#f3f4f6!important;
    color:#111827!important;
}
.suppliers-page .table-responsive,
.supplier-payments-page .table-responsive{
    border:0;
    background:#fff;
    overflow:auto;
}
.suppliers-page .supplier-table,
.supplier-payments-page .supplier-table{
    width:100%;
    margin:0!important;
    border:0!important;
    border-collapse:collapse!important;
    background:#fff!important;
    font-size:13px;
}
.suppliers-page .supplier-table thead th,
.supplier-payments-page .supplier-table thead th{
    padding:8px 9px!important;
    border:1px solid #d1d5db!important;
    background:#f3f4f6!important;
    color:#111827!important;
    font-size:12px!important;
    font-weight:750!important;
    text-transform:none!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
}
.suppliers-page .supplier-table tbody td,
.supplier-payments-page .supplier-table tbody td,
.suppliers-page .supplier-table tfoot th,
.supplier-payments-page .supplier-table tfoot th{
    padding:7px 9px!important;
    border:1px solid #e5e7eb!important;
    color:#111827!important;
    vertical-align:middle!important;
}
.suppliers-page .supplier-table tbody tr:nth-child(even),
.supplier-payments-page .supplier-table tbody tr:nth-child(even){background:#fafafa!important;}
.suppliers-page .supplier-table tbody tr:hover,
.supplier-payments-page .supplier-table tbody tr:hover{background:#f5f5f5!important;}
.suppliers-page .supplier-table small,
.supplier-payments-page .supplier-table small{color:#6b7280;}
.suppliers-page .supplier-balance-pill,
.supplier-payments-page .supplier-balance-pill{
    display:inline-block;
    min-width:86px;
    padding:4px 8px;
    border-radius:4px;
    background:#f3f4f6;
    color:#111827;
    font-weight:800;
    text-align:right;
}
.suppliers-page .supplier-balance-pill.payable,
.supplier-payments-page .supplier-balance-pill.payable{
    background:#fff1f2;
    color:#b91c1c;
}
.suppliers-page .supplier-balance-pill.advance,
.supplier-payments-page .supplier-balance-pill.advance{
    background:#ecfdf3;
    color:#15803d;
}
.supplier-payments-page .supplier-payment-amount{color:#b91c1c!important;}
.suppliers-page .badge,
.supplier-payments-page .badge{
    border-radius:999px;
    padding:5px 8px;
    font-size:11px;
    font-weight:750;
}
.suppliers-page .btn-group .btn,
.supplier-payments-page .btn-group .btn{
    margin-left:3px;
}
@media(max-width:992px){
    .suppliers-page .supplier-hero,
    .supplier-payments-page .supplier-hero{align-items:flex-start;flex-direction:column;}
    .suppliers-page .supplier-hero-actions,
    .supplier-payments-page .supplier-hero-actions{justify-content:flex-start;}
    .suppliers-page .supplier-stats-grid,
    .supplier-payments-page .supplier-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .suppliers-page .supplier-table,
    .supplier-payments-page .supplier-table{min-width:900px;}
}
@media(max-width:576px){
    .suppliers-page .supplier-stats-grid,
    .supplier-payments-page .supplier-stats-grid{grid-template-columns:1fr;}
    .suppliers-page .supplier-stat strong,
    .supplier-payments-page .supplier-stat strong{font-size:19px;}
}

/* =========================
   WINDOWS 7 MODULE STYLE - CATEGORIES
   Scoped: categories page only
   ========================= */
.categories-page.win7-module-page{
    max-width:1500px;
    margin:0 auto;
    font-family:"Segoe UI",Tahoma,Arial,sans-serif;
    color:#111827;
}
.categories-page .win7-module-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:13px 15px;
    border:1px solid #8fa9c1;
    border-radius:7px;
    background:linear-gradient(#ffffff 0%,#eef6ff 48%,#dcebf8 52%,#f7fbff 100%);
    box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(31,53,82,.12);
}
.categories-page .win7-kicker{
    color:#40566d;
    font-size:11px;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.categories-page .win7-module-hero h4{
    margin:1px 0 2px;
    color:#173b63;
    font-size:22px;
    font-weight:700;
    text-shadow:0 1px 0 #fff;
}
.categories-page .win7-module-hero p{
    color:#52677b;
    font-size:12px;
}
.categories-page .win7-hero-actions{
    display:flex;
    justify-content:flex-end;
    gap:7px;
    flex-wrap:wrap;
}
.categories-page .win7-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
}
.categories-page .win7-stat{
    min-height:76px;
    padding:11px 12px;
    border:1px solid #9fb9d3;
    border-radius:7px;
    background:linear-gradient(#ffffff,#edf5fd);
    box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(31,53,82,.10);
}
.categories-page .win7-stat span{
    display:block;
    color:#52677b;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.categories-page .win7-stat strong{
    display:block;
    margin-top:5px;
    color:#173b63;
    font-size:22px;
    line-height:1.2;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.categories-page .win7-stat.success strong{color:#198754;}
.categories-page .win7-stat.danger strong{color:#b91c1c;}
.categories-page .win7-card{
    border:1px solid #8fa9c1!important;
    border-radius:7px!important;
    background:#fff!important;
    box-shadow:inset 0 1px 0 #fff,0 1px 4px rgba(31,53,82,.12)!important;
    overflow:hidden;
}
.categories-page .win7-card>.card-header{
    padding:8px 10px!important;
    border-bottom:1px solid #9fb9d3!important;
    background:linear-gradient(#ffffff,#dfeaf5)!important;
    color:#173b63!important;
    font-weight:700!important;
}
.categories-page .win7-card .card-body{
    padding:12px!important;
}
.categories-page .form-label{
    margin-bottom:4px;
    color:#243b53;
    font-size:12px;
    font-weight:700;
}
.categories-page .form-control,
.categories-page .form-select{
    min-height:34px!important;
    height:34px;
    border:1px solid #8fa9c1!important;
    border-radius:4px!important;
    background:#fff!important;
    color:#111827!important;
    font-size:13px!important;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.06)!important;
}
.categories-page .form-control:focus,
.categories-page .form-select:focus{
    border-color:#3b7fc1!important;
    box-shadow:0 0 0 2px rgba(143,199,255,.45), inset 0 1px 2px rgba(15,23,42,.06)!important;
}
.categories-page .btn{
    border-radius:4px!important;
    font-size:13px!important;
    padding:6px 10px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important;
}
.categories-page .btn-dark{
    color:#fff!important;
    border-color:#174d83!important;
    background:linear-gradient(#4b83bf,#1f5d9f)!important;
}
.categories-page .btn-dark:hover{
    background:linear-gradient(#3f77b4,#174f8d)!important;
}
.categories-page .btn-outline-dark,
.categories-page .btn-outline-secondary,
.categories-page .btn-outline-primary,
.categories-page .btn-outline-danger,
.categories-page .btn-outline-success{
    background:linear-gradient(#ffffff,#e9f1f8)!important;
    border-color:#8fa9c1!important;
    color:#173b63!important;
}
.categories-page .btn-outline-danger{color:#a62f25!important;border-color:#cfa7a2!important;}
.categories-page .btn-outline-success{color:#17633b!important;border-color:#9fc8ae!important;}
.categories-page .btn:hover{
    filter:brightness(.98);
    text-decoration:none;
}
.categories-page .win7-table{
    width:100%;
    margin:0!important;
    border:0!important;
    border-collapse:collapse!important;
    background:#fff!important;
    font-size:13px;
}
.categories-page .win7-table thead th{
    padding:7px 8px!important;
    border:1px solid #b7c6d5!important;
    background:linear-gradient(#ffffff,#dce9f5)!important;
    color:#173b63!important;
    font-size:12px!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-transform:none!important;
    letter-spacing:0!important;
}
.categories-page .win7-table tbody td{
    padding:7px 8px!important;
    border:1px solid #d8e0e8!important;
    color:#111827!important;
    vertical-align:middle!important;
}
.categories-page .win7-table tbody tr:nth-child(even){background:#f8fbfe!important;}
.categories-page .win7-table tbody tr:hover{background:#eaf4ff!important;}
.categories-page .category-name{
    color:#173b63;
    font-weight:800;
}
.categories-page .category-description{
    color:#4b5f72;
    max-width:520px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.categories-page .win7-count-pill,
.categories-page .win7-badge,
.categories-page .win7-status{
    display:inline-block;
    padding:4px 8px;
    border-radius:999px;
    font-size:11px;
    line-height:1.15;
    font-weight:800;
    border:1px solid #9fb9d3;
    background:#eef6ff;
    color:#173b63;
}
.categories-page .win7-badge.dark{
    border-color:#173b63;
    background:#173b63;
    color:#fff;
}
.categories-page .win7-status.active{
    border-color:#9fc8ae;
    background:#effaf3;
    color:#17633b;
}
.categories-page .win7-status.inactive{
    border-color:#d2d6dc;
    background:#f3f4f6;
    color:#4b5563;
}
.categories-page .btn-group .btn{margin-left:3px;}
@media(max-width:992px){
    .categories-page .win7-module-hero{align-items:flex-start;flex-direction:column;}
    .categories-page .win7-hero-actions{justify-content:flex-start;}
    .categories-page .win7-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .categories-page .win7-table{min-width:880px;}
}
@media(max-width:576px){
    .categories-page .win7-stats-grid{grid-template-columns:1fr;}
    .categories-page .win7-stat strong{font-size:19px;}
}

/* =========================================================
   WIN7 PROFESSIONAL MODULES: Brands, Units, Stock, Batches,
   Stock Adjustment, Stock Transfer, Barcode
   Scoped classes only; does not override POS/Sales modules.
   ========================================================= */
.win7-module-page{max-width:1600px;margin:0 auto;color:#111827;font-family:"Segoe UI",Tahoma,Arial,sans-serif}.win7-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #7ea0c3;border-radius:6px;background:linear-gradient(#ffffff,#dceaf8 50%,#c7ddf2 51%,#f6fbff);box-shadow:inset 0 1px 0 #fff}.win7-hero h4{margin:0;color:#173b63;font-size:21px;font-weight:700;text-shadow:0 1px 0 #fff}.win7-hero p{margin:3px 0 0;color:#41586f;font-size:12px}.win7-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#315b86;font-weight:800}.win7-hero-actions{display:flex;gap:7px;flex-wrap:wrap}.win7-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.win7-stats>div{border:1px solid #9fb9d3;border-radius:5px;background:linear-gradient(#fff,#edf5fc);padding:9px 11px;box-shadow:inset 0 1px 0 #fff}.win7-stats span{display:block;color:#52677c;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.win7-stats strong{display:block;margin-top:4px;color:#173b63;font-size:18px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win7-card{border:1px solid #8fa9c1!important;border-radius:6px!important;background:#fff!important;box-shadow:inset 0 1px 0 #fff,0 1px 4px rgba(0,0,0,.08)!important;overflow:visible!important}.win7-card>.card-header{background:linear-gradient(#fdfefe,#dfeaf5)!important;border-bottom:1px solid #9fb9d3!important;color:#173b63!important;padding:8px 10px!important;font-weight:700!important}.win7-card>.card-body{padding:10px!important}.win7-module-page .form-label{font-size:12px;font-weight:700;color:#263f58;margin-bottom:4px}.win7-module-page .form-control,.win7-module-page .form-select{height:34px;border:1px solid #8fa9c1!important;border-radius:3px!important;background:#fff!important;font-size:13px!important;box-shadow:none!important}.win7-module-page .form-control:focus,.win7-module-page .form-select:focus{border-color:#2f6fb2!important;box-shadow:0 0 0 2px rgba(143,199,255,.38)!important}.win7-module-page .btn{border-radius:3px!important;font-size:13px!important;padding:5px 10px!important;box-shadow:none!important}.win7-module-page .btn-dark{background:linear-gradient(#4b83bf,#1f5d9f)!important;border-color:#174d83!important;color:#fff!important}.win7-module-page .btn-outline-dark,.win7-module-page .btn-outline-secondary{background:linear-gradient(#fff,#e5edf5)!important;border-color:#8fa9c1!important;color:#173b63!important}.win7-table{width:100%;border-collapse:collapse!important;margin:0!important;background:#fff!important;font-size:13px}.win7-table th{background:linear-gradient(#ffffff,#dce9f5)!important;color:#173b63!important;border:1px solid #b7c6d5!important;padding:7px 8px!important;font-size:12px!important;font-weight:700!important;white-space:nowrap;text-transform:none!important;letter-spacing:0!important}.win7-table td{border:1px solid #d8e0e8!important;padding:6px 8px!important;vertical-align:middle!important;color:#111827!important}.win7-table tbody tr:nth-child(even){background:#f8fbfe!important}.win7-table tbody tr:hover{background:#eef6ff!important}.win7-table small{color:#607286}.win7-badge{display:inline-block;min-width:64px;text-align:center;padding:3px 7px;border-radius:999px;border:1px solid #9fb9d3;background:#eef6ff;color:#173b63;font-size:11px;font-weight:800}.win7-badge.ok{border-color:#86b795;background:#effaf2;color:#146c2e}.win7-badge.off{border-color:#b8bec5;background:#f3f4f6;color:#4b5563}.win7-badge.warn{border-color:#d9b35d;background:#fff8e5;color:#8a5b00}.win7-badge.danger{border-color:#e0aaa6;background:#fff1f0;color:#b42318}.win7-entry-table th,.win7-entry-table td{padding:6px!important}.win7-product-results{position:absolute;z-index:5000;left:0;right:0;margin-top:2px;max-height:240px;overflow:auto;border:1px solid #7ea0c3;background:#fff;box-shadow:2px 4px 12px rgba(0,0,0,.18);border-radius:3px}.win7-product-option{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e5edf5;background:#fff;padding:7px 9px;cursor:pointer}.win7-product-option:hover{background:#dcebff}.win7-product-option strong{display:block;color:#111827;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win7-product-option small{display:block;color:#607286;font-size:11px;margin-top:2px}.win7-product-empty{padding:8px 9px;color:#607286;background:#fff}.win7-product-search{position:relative}.barcode-print-area{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:start}.barcode-label{border:1px solid #111;background:#fff;padding:7px 8px;text-align:center;min-height:86px;break-inside:avoid;font-family:Arial,Helvetica,sans-serif}.barcode-label strong{display:block;font-size:12px;line-height:1.2;height:30px;overflow:hidden}.barcode-bars{font-family:monospace;font-size:28px;letter-spacing:2px;line-height:1;color:#000}.barcode-code{font-family:monospace;font-size:12px;margin-top:2px}.barcode-label small{display:block;font-size:10px;color:#111;margin-top:2px}@media(max-width:992px){.win7-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.win7-hero{align-items:flex-start;flex-direction:column}.barcode-print-area{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.win7-stats{grid-template-columns:1fr}.win7-table{min-width:900px}.barcode-print-area{grid-template-columns:1fr}}@media print{.win7-module-page.no-print,.no-print,.win-titlebar,.win-navbar,.statusbar{display:none!important}.desktop-shell,.desktop-window{padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important}.barcode-print-area{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4mm!important}.barcode-label{height:30mm;padding:2mm!important}.barcode-bars{font-size:22px!important}@page{size:A4;margin:8mm}}

/* =========================
   WIN7 FINANCE MODULES
   Accounts / Cashbook / Expenses / Ledgers
   ========================= */
.win7-finance-page{max-width:1600px;margin:0 auto;color:#111827;font-family:"Segoe UI",Tahoma,Arial,sans-serif}.win7-module-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid #7f9db9;border-radius:6px;background:linear-gradient(#ffffff 0%,#eef6ff 48%,#dbeaf8 52%,#f8fbff 100%);box-shadow:inset 0 1px 0 #fff}.win7-module-title h4{margin:0;color:#173b63;font-size:21px;font-weight:700}.win7-module-title p{margin:3px 0 0;color:#4d6377;font-size:12px}.win7-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#315b83;font-weight:800}.win7-title-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.win7-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.win7-stat{min-height:74px;padding:10px 12px;border:1px solid #9fb9d3;border-radius:6px;background:linear-gradient(#ffffff,#eef5fc);box-shadow:inset 0 1px 0 #fff}.win7-stat span{display:block;color:#52677b;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.win7-stat strong{display:block;margin-top:6px;color:#173b63;font-size:20px;line-height:1.15;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win7-stat.success strong{color:#198754}.win7-stat.danger strong{color:#b91c1c}.win7-panel{border:1px solid #8faac3!important;border-radius:6px!important;background:#fff!important;box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(0,0,0,.08)!important;overflow:hidden}.win7-panel>.card-header{background:linear-gradient(#fefefe,#dfeaf5)!important;border-bottom:1px solid #9fb9d3!important;color:#173b63!important;padding:8px 10px!important}.win7-panel>.card-body{padding:11px}.win7-finance-page .form-label{font-size:12px;font-weight:700;color:#304b66;margin-bottom:3px}.win7-finance-page .form-control,.win7-finance-page .form-select{height:33px!important;min-height:33px!important;border:1px solid #8fa9c1!important;border-radius:3px!important;background:#fff!important;font-size:13px!important;padding:5px 7px!important;box-shadow:none!important}.win7-finance-page .form-control:focus,.win7-finance-page .form-select:focus{border-color:#2f6fb2!important;box-shadow:0 0 0 2px rgba(47,111,178,.16)!important}.win7-finance-page .btn{border-radius:3px!important;font-size:13px!important;padding:5px 10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important}.win7-finance-page .btn-dark{background:linear-gradient(#4b83bf,#1f5d9f)!important;border-color:#174d83!important;color:#fff!important}.win7-finance-page .btn-outline-dark,.win7-finance-page .btn-outline-secondary{background:linear-gradient(#fff,#e6eef6)!important;border-color:#8fa9c1!important;color:#173b63!important}.win7-table{border-collapse:collapse!important;margin:0!important;background:#fff!important;font-size:12.5px}.win7-table thead th{background:linear-gradient(#ffffff,#dce9f5)!important;color:#173b63!important;border:1px solid #b7c6d5!important;padding:7px 8px!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important}.win7-table tbody td{border:1px solid #d8e0e8!important;padding:6px 8px!important;vertical-align:middle!important;color:#111827!important}.win7-table tbody tr:nth-child(even){background:#f8fbfe!important}.win7-table tbody tr:hover{background:#eaf4ff!important}.win7-table tfoot th{background:#edf5fc!important;border:1px solid #b7c6d5!important;color:#173b63!important;padding:7px 8px!important}.win7-badge{display:inline-block;min-width:48px;text-align:center;padding:3px 7px;border-radius:10px;font-size:11px;font-weight:800;border:1px solid #9fb9d3;background:#eef6ff;color:#173b63}.win7-badge.ok{border-color:#9ac5a8;background:#effaf2;color:#146c43}.win7-badge.danger{border-color:#e7aaa4;background:#fff0ef;color:#b42318}.win7-badge.off{border-color:#bfc7d1;background:#f3f4f6;color:#6b7280}.cashbook-page .win7-table td:nth-child(5),.cashbook-page .win7-table td:nth-child(6),.expenses-page .win7-table td:nth-child(5),.accounts-page .win7-table td:nth-child(4),.accounts-page .win7-table td:nth-child(5),.ledgers-page .win7-table td:nth-child(3),.ledgers-page .win7-table td:nth-child(4),.ledgers-page .win7-table td:nth-child(5){font-variant-numeric:tabular-nums}@media(max-width:1100px){.win7-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.win7-module-title{align-items:flex-start;flex-direction:column}.win7-title-actions{justify-content:flex-start}}@media(max-width:576px){.win7-stats-grid{grid-template-columns:1fr}.win7-module-title h4{font-size:18px}.win7-finance-page .table-responsive{overflow:auto}.win7-table{min-width:850px}}@media print{.win7-finance-page .no-print,.win7-title-actions,.win-titlebar,.win-navbar,.statusbar{display:none!important}.win7-module-title,.win7-stat,.win7-panel{box-shadow:none!important;background:#fff!important;border-color:#999!important}.win7-table thead th,.win7-table tfoot th{background:#f2f2f2!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* =========================
   WIN7 INDIVIDUAL LEDGER PAGES
   ========================= */
.win7-ledger-page .ledger-party-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border:1px solid #9fb9d3;
    border-radius:6px;
    overflow:hidden;
    background:#fff;
    box-shadow:inset 0 1px 0 #fff;
}
.win7-ledger-page .ledger-party-strip>div{
    padding:9px 11px;
    border-right:1px solid #c7d7e8;
    background:linear-gradient(#ffffff,#f1f6fb);
}
.win7-ledger-page .ledger-party-strip>div:last-child{border-right:0}
.win7-ledger-page .ledger-party-strip span{
    display:block;
    color:#607286;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.win7-ledger-page .ledger-party-strip strong{
    display:block;
    margin-top:3px;
    color:#173b63;
    font-size:13px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ledger-table tfoot th{
    background:linear-gradient(#fff,#dce9f5)!important;
    border:1px solid #b7c6d5!important;
    color:#173b63!important;
}
.ledger-debit{color:#b91c1c!important;font-weight:700}
.ledger-credit{color:#15803d!important;font-weight:700}
@media(max-width:992px){.win7-ledger-page .ledger-party-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.win7-ledger-page .ledger-party-strip>div:nth-child(2){border-right:0}.win7-ledger-page .ledger-party-strip>div:nth-child(1),.win7-ledger-page .ledger-party-strip>div:nth-child(2){border-bottom:1px solid #c7d7e8}}
@media(max-width:576px){.win7-ledger-page .ledger-party-strip{grid-template-columns:1fr}.win7-ledger-page .ledger-party-strip>div{border-right:0;border-bottom:1px solid #c7d7e8}.win7-ledger-page .ledger-party-strip>div:last-child{border-bottom:0}}

/* =========================
   LEDGER PRINT REPORT - SALES REPORT FORMAT
   Matches professional sales list report sample
   ========================= */
.ledger-report-print-page{
    margin:0;
    background:#eef2f6;
    color:#111;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
}
.ledger-report-sheet{
    width:210mm;
    min-height:297mm;
    margin:14px auto;
    background:#fff;
    padding:9mm 10mm;
    box-shadow:0 8px 30px rgba(15,23,42,.18);
    box-sizing:border-box;
}
.ledger-report-header{
    border-bottom:3px solid #111;
    padding-bottom:7px;
    margin-bottom:8px;
}
.ledger-report-header h1{
    margin:0 0 3px;
    color:#111;
    font-size:24px;
    line-height:1;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
}
.ledger-report-header p{
    margin:1px 0;
    color:#333;
    font-size:12px;
    line-height:1.2;
}
.ledger-report-title{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin:7px 0 6px;
}
.ledger-report-title h2{
    margin:0;
    color:#111;
    font-size:20px;
    line-height:1.1;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.6px;
}
.ledger-report-title p{
    margin:2px 0 0;
    color:#555;
    font-size:12px;
}
.ledger-report-meta{
    min-width:190px;
    text-align:right;
    color:#111;
    font-size:12px;
    line-height:1.45;
}
.ledger-report-info,
.ledger-report-summary,
.ledger-report-table{
    width:100%;
    border-collapse:collapse;
    margin:0 0 8px;
}
.ledger-report-info th,
.ledger-report-info td{
    border:1px solid #999;
    padding:5px 7px;
    vertical-align:top;
    color:#111;
}
.ledger-report-info th{
    width:72px;
    background:#f7f7f7;
    text-align:right;
    font-weight:900;
}
.ledger-report-info td{
    font-weight:700;
}
.ledger-report-info small{
    color:#555;
    font-weight:400;
}
.ledger-report-summary th,
.ledger-report-summary td{
    border:1px solid #999;
    padding:7px 8px;
    text-align:center;
}
.ledger-report-summary th{
    background:#f2f2f2;
    color:#111;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}
.ledger-report-summary td{
    font-size:14px;
    font-weight:900;
    color:#111;
}
.ledger-report-table th,
.ledger-report-table td{
    border:1px solid #999;
    padding:5px 7px;
    vertical-align:top;
    color:#111;
}
.ledger-report-table th{
    background:#f2f2f2;
    color:#111;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.02em;
}
.ledger-report-table td{
    font-size:12px;
}
.ledger-report-table small{
    color:#555;
}
.ledger-report-table tfoot th{
    background:#f2f2f2;
    color:#111;
    font-size:12px;
}
.ledger-report-table tbody tr:nth-child(even){background:#fbfbfb;}
.ledger-report-footer{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-top:10px;
    padding-top:7px;
    border-top:1px solid #999;
    color:#333;
    font-size:12px;
}
.ledger-report-print-page .right{text-align:right;}
.ledger-report-print-page .center{text-align:center;}
.ledger-report-print-page .muted{color:#666;}
@page{size:A4;margin:8mm;}
@media print{
    .ledger-report-print-page{background:#fff;}
    .ledger-report-print-page .no-print,
    .ledger-report-print-page .print-actions{display:none!important;}
    .ledger-report-sheet{width:auto;min-height:auto;margin:0;padding:0;box-shadow:none;}
    .ledger-report-header,.ledger-report-title,.ledger-report-info,.ledger-report-summary{break-inside:avoid;}
    .ledger-report-table tr{break-inside:avoid;}
    .ledger-report-info th,
    .ledger-report-summary th,
    .ledger-report-table th,
    .ledger-report-table tfoot th{
        background:#f2f2f2!important;
        -webkit-print-color-adjust:exact;
        print-color-adjust:exact;
    }
}

/* =========================
   WIN7 MULTI REPORTS MODULE
   ========================= */
.reports-win7-page{max-width:1600px;margin:0 auto;color:#111827}.rpt-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #7fa6ce;border-radius:7px;background:linear-gradient(#ffffff,#dceaf7 48%,#c8ddf2);box-shadow:inset 0 1px 0 #fff}.rpt-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#385a7b;font-weight:800}.rpt-hero h4{margin:2px 0;color:#123a62;font-size:22px;font-weight:700}.rpt-hero p{margin:0;color:#52677b}.rpt-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.rpt-filter-panel{padding:12px;border:1px solid #9fb9d3;border-radius:7px;background:linear-gradient(#fff,#f1f7fd);box-shadow:inset 0 1px 0 #fff}.rpt-filter-panel .form-label{font-size:12px;font-weight:700;color:#173b63}.rpt-filter-panel .form-control,.rpt-filter-panel .form-select{height:35px;border-radius:4px;border-color:#8fa9c1}.rpt-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rpt-card{display:block;min-height:112px;padding:14px;border:1px solid #9fb9d3;border-radius:8px;background:linear-gradient(#fff,#eef6ff);box-shadow:0 2px 6px rgba(31,53,82,.12),inset 0 1px 0 #fff;text-decoration:none;color:#111827}.rpt-card:hover{text-decoration:none;background:linear-gradient(#fff8d8,#e9f4ff);border-color:#3d75b6}.rpt-card span{display:block;font-size:16px;color:#173b63;font-weight:800}.rpt-card strong{display:block;margin-top:8px;min-height:36px;color:#52677b;font-size:13px;font-weight:600}.rpt-card em{display:inline-block;margin-top:10px;padding:4px 8px;border:1px solid #9fb9d3;border-radius:999px;background:#fff;color:#173b63;font-size:11px;font-style:normal;font-weight:800}.rpt-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid #9fb9d3;border-radius:7px;overflow:hidden;background:#fff}.rpt-summary-grid div{padding:10px 12px;border-right:1px solid #c7d5e3;background:linear-gradient(#fff,#f3f8fd)}.rpt-summary-grid div:last-child{border-right:0}.rpt-summary-grid span{display:block;color:#52677b;font-size:11px;text-transform:uppercase;font-weight:800}.rpt-summary-grid strong{display:block;margin-top:6px;color:#111827;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rpt-table-card{border:1px solid #9fb9d3!important;border-radius:7px!important;box-shadow:none!important}.rpt-table-card .card-header{background:linear-gradient(#fff,#dce9f5)!important;border-bottom:1px solid #9fb9d3!important}.rpt-table{border-collapse:collapse!important;font-size:12px}.rpt-table th{background:#eaf2fb!important;color:#173b63!important;border:1px solid #b7c6d5!important;padding:7px 8px!important;white-space:nowrap}.rpt-table td{border:1px solid #d8e0e8!important;padding:6px 8px!important;vertical-align:top}.rpt-table tbody tr:nth-child(even){background:#fbfdff}.rpt-table tbody tr:hover{background:#fff8d8}@media(max-width:1200px){.rpt-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rpt-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rpt-summary-grid div{border-bottom:1px solid #c7d5e3}}@media(max-width:768px){.rpt-hero{align-items:flex-start;flex-direction:column}.rpt-card-grid{grid-template-columns:1fr}.rpt-summary-grid{grid-template-columns:1fr}.rpt-summary-grid div{border-right:0}.rpt-table{min-width:980px}}

/* =========================
   WINDOWS 7 ADMIN / SETTINGS MODULES
   Business Profile, Preferences, System Settings, Users, Roles, Branches, Warehouses, Backup
   Scoped to .admin-win7-page only
   ========================= */
.admin-win7-page{max-width:1600px;margin:0 auto;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#111827;font-size:13px}.admin-win7-page .win7-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:13px 15px;border:1px solid #8daed0;border-radius:7px;background:linear-gradient(#ffffff,#dfeaf5 48%,#c9ddef 52%,#f6fbff);box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(0,0,0,.08)}.admin-win7-page .win7-head h4{margin:0;color:#173b63;font-size:21px;font-weight:700}.admin-win7-page .win7-head p{margin:3px 0 0;color:#4f6478;font-size:12px}.admin-win7-page .win7-kicker{font-size:11px;color:#315c87;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.admin-win7-page .win7-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-win7-page .win7-panel{border:1px solid #9fb9d3;border-radius:6px;background:#fff;box-shadow:inset 0 1px 0 #fff,0 1px 4px rgba(0,0,0,.08);overflow:hidden}.admin-win7-page .win7-panel-title{padding:8px 11px;border-bottom:1px solid #9fb9d3;background:linear-gradient(#fdfefe,#dfeaf5);font-weight:700;color:#173b63}.admin-win7-page .win7-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.admin-win7-page .win7-form-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-win7-page .win7-form-grid .span-2{grid-column:span 2}.admin-win7-page label{font-weight:700;color:#314a64;font-size:12px;margin-bottom:4px}.admin-win7-page .form-control,.admin-win7-page .form-select{min-height:34px;height:34px;border:1px solid #8fa9c1;border-radius:4px;background:#fff;font-size:13px;color:#111827;box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}.admin-win7-page textarea.form-control{height:auto!important;min-height:72px}.admin-win7-page .form-control:focus,.admin-win7-page .form-select:focus{border-color:#2f6fb2;box-shadow:0 0 0 2px rgba(61,117,182,.16)}.admin-win7-page small{display:block;margin-top:3px;color:#607286}.admin-win7-page .win7-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-win7-page .btn{border-radius:4px;font-size:13px;padding:6px 11px;box-shadow:none}.admin-win7-page .btn-dark{color:#fff!important;background:linear-gradient(#4b83bf,#1f5d9f)!important;border-color:#174d83!important;box-shadow:inset 0 1px 0 #a7cff5!important}.admin-win7-page .btn-dark:hover{background:linear-gradient(#3f77b4,#174f8d)!important}.admin-win7-page .btn-outline-dark,.admin-win7-page .btn-outline-secondary{border-color:#607d99!important;color:#173b63!important;background:linear-gradient(#fff,#e5edf5)!important}.admin-win7-page .btn-outline-dark:hover,.admin-win7-page .btn-outline-secondary:hover{background:#dcebff!important;color:#000!important;border-color:#3b7fc1!important}.admin-win7-page .win7-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #9fb9d3;border-radius:6px;overflow:hidden;background:#fff}.admin-win7-page .win7-stats>div{padding:10px 12px;border-right:1px solid #c4d4e4;background:linear-gradient(#fff,#f5f8fc)}.admin-win7-page .win7-stats>div:last-child{border-right:0}.admin-win7-page .win7-stats span{display:block;color:#607286;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.admin-win7-page .win7-stats strong{display:block;margin-top:4px;color:#173b63;font-size:20px}.admin-win7-page .win7-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.admin-win7-page .win7-check-grid.permissions{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 10px}.admin-win7-page .win7-check{display:flex;align-items:center;gap:7px;min-height:32px;padding:6px 8px;border:1px solid #d5e1ec;border-radius:5px;background:linear-gradient(#fff,#f8fbff);font-weight:600!important;color:#1f2937!important;margin:0}.admin-win7-page .win7-check input{margin:0}.admin-win7-page .win7-inline-checks,.admin-win7-page .win7-check-one{display:flex;align-items:center;gap:15px;padding-top:22px}.admin-win7-page .win7-inline-checks label,.admin-win7-page .win7-check-one label{font-weight:700;color:#314a64}.admin-win7-page .permission-box{margin:10px 12px;border:1px solid #d5e1ec;border-radius:5px;background:#fff;overflow:hidden}.admin-win7-page .permission-title{padding:7px 10px;background:#f2f7fc;border-bottom:1px solid #d5e1ec;color:#173b63;font-weight:800}.admin-win7-page .win7-toolbar{display:flex;gap:8px;padding:10px;border-bottom:1px solid #d5e1ec;background:#f8fbff}.admin-win7-page .win7-toolbar .form-control{max-width:360px}.admin-win7-page .win7-table{width:100%;margin:0!important;border-collapse:collapse!important;background:#fff!important;font-size:13px}.admin-win7-page .win7-table th{padding:8px 9px!important;border:1px solid #b7c6d5!important;background:linear-gradient(#fff,#dce9f5)!important;color:#173b63!important;font-size:12px!important;font-weight:800!important;white-space:nowrap}.admin-win7-page .win7-table td{padding:7px 9px!important;border:1px solid #d8e0e8!important;color:#111827!important;vertical-align:middle!important}.admin-win7-page .win7-table tbody tr:nth-child(even){background:#fafcff!important}.admin-win7-page .win7-table tbody tr:hover{background:#eef6ff!important}.admin-win7-page .win7-badge{display:inline-block;min-width:64px;text-align:center;padding:3px 8px;border-radius:999px;border:1px solid #9fb9d3;background:#eef6ff;color:#173b63;font-size:11px;font-weight:800}.admin-win7-page .win7-badge.ok{border-color:#9fc9a9;background:#eefaf0;color:#17633a}.admin-win7-page .win7-badge.muted{border-color:#c6ccd2;background:#f3f4f6;color:#4b5563}.admin-win7-page .win7-backup-row{display:flex;align-items:center;gap:12px;padding:12px}.admin-win7-page .win7-backup-row span{color:#607286;font-size:12px}@media(max-width:1200px){.admin-win7-page .win7-form-grid,.admin-win7-page .win7-form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-win7-page .win7-check-grid,.admin-win7-page .win7-check-grid.permissions{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-win7-page .win7-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-win7-page .win7-stats>div:nth-child(2){border-right:0}.admin-win7-page .win7-stats>div:nth-child(1),.admin-win7-page .win7-stats>div:nth-child(2){border-bottom:1px solid #c4d4e4}}@media(max-width:576px){.admin-win7-page .win7-head{align-items:flex-start;flex-direction:column}.admin-win7-page .win7-form-grid,.admin-win7-page .win7-form-grid.compact,.admin-win7-page .win7-check-grid,.admin-win7-page .win7-check-grid.permissions,.admin-win7-page .win7-stats{grid-template-columns:1fr}.admin-win7-page .win7-form-grid .span-2{grid-column:span 1}.admin-win7-page .win7-toolbar{align-items:stretch;flex-direction:column}.admin-win7-page .win7-toolbar .form-control{max-width:none}.admin-win7-page .win7-stats>div{border-right:0!important;border-bottom:1px solid #c4d4e4}.admin-win7-page .win7-stats>div:last-child{border-bottom:0}.admin-win7-page .win7-backup-row{align-items:flex-start;flex-direction:column}}
/* =========================
   PRODUCTS MODULE - WINDOWS 7 PROFESSIONAL
   Scoped to products page only
   ========================= */
.products-page{max-width:1600px;margin:0 auto;color:#111827;font-family:"Segoe UI",Tahoma,Arial,sans-serif}.win7-module-titlebar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid #8eaed0;border-radius:6px;background:linear-gradient(#ffffff,#dceaf8 48%,#c6def3 52%,#edf7ff);box-shadow:inset 0 1px 0 #fff}.win7-module-titlebar h4{margin:0;color:#173b63;font-size:22px;font-weight:700}.win7-module-titlebar p{margin:2px 0 0;color:#4f6478;font-size:12px}.win7-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#355d88;font-weight:800}.win7-title-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.win7-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.win7-stat{border:1px solid #a9bdd1;border-radius:5px;background:linear-gradient(#ffffff,#eef5fc);padding:10px 12px;box-shadow:inset 0 1px 0 #fff}.win7-stat span{display:block;color:#52677b;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.04em}.win7-stat strong{display:block;margin-top:4px;color:#173b63;font-size:21px;line-height:1.2}.win7-stat.success strong{color:#166534}.win7-stat.danger strong{color:#b91c1c}.win7-stat.muted strong{color:#4b5563}.products-page .win7-card{border:1px solid #9fb9d3!important;border-radius:6px!important;background:#fff!important;box-shadow:0 2px 8px rgba(31,53,82,.12)!important;overflow:hidden}.products-page .win7-card>.card-header{background:linear-gradient(#fdfefe,#dfeaf5)!important;border-bottom:1px solid #9fb9d3!important;color:#173b63!important;padding:8px 11px!important}.products-page .form-label{margin-bottom:3px;font-size:12px;color:#273f57;font-weight:700}.products-page .form-control,.products-page .form-select{height:34px!important;min-height:34px!important;border:1px solid #8fa9c1!important;border-radius:4px!important;background:#fff!important;font-size:13px!important;padding:5px 7px!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.04)!important}.products-page .form-control:focus,.products-page .form-select:focus{border-color:#2f6fb2!important;box-shadow:0 0 0 2px rgba(143,199,255,.45)!important}.products-page .btn{border-radius:4px!important;font-size:12px!important;padding:5px 9px!important}.products-page .btn-dark{background:linear-gradient(#4b83bf,#1f5d9f)!important;border-color:#174d83!important;color:#fff!important;box-shadow:inset 0 1px 0 #a7cff5!important}.products-page .btn-outline-dark,.products-page .btn-outline-secondary,.products-page .btn-outline-primary{background:linear-gradient(#fff,#e5edf5)!important;border-color:#8ca6bf!important;color:#173b63!important}.products-page .btn-outline-dark:hover,.products-page .btn-outline-secondary:hover,.products-page .btn-outline-primary:hover{background:#dcebff!important;color:#000!important;border-color:#3b7fc1!important}.product-checks label{font-size:12px;font-weight:700;color:#334155;white-space:nowrap}.win7-filter-header{background:linear-gradient(#fbfdff,#dfeaf5)!important}.product-grid{border-collapse:collapse!important;border:0!important;font-size:12px!important}.product-grid thead th{position:sticky;top:0;z-index:2;background:linear-gradient(#ffffff,#dce9f5)!important;color:#173b63!important;border:1px solid #b7c6d5!important;padding:7px 8px!important;font-weight:700!important;white-space:nowrap!important}.product-grid tbody td{border:1px solid #d8e0e8!important;padding:7px 8px!important;color:#111827!important;vertical-align:middle!important}.product-grid tbody tr:nth-child(even){background:#fbfdff!important}.product-grid tbody tr:hover{background:#fff8d8!important}.product-grid small{color:#66788a}.product-low-stock{background:#fff7f7!important}.stock-pill{display:inline-block;min-width:66px;text-align:right;border-radius:4px;padding:3px 7px;font-weight:800;border:1px solid #a9bdd1;background:#f8fbff;color:#173b63}.stock-pill.low{border-color:#efb4ad;background:#fff0ee;color:#a62f25}.stock-pill.ok{border-color:#a7d7b5;background:#f0fff4;color:#166534}.win7-pagination-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-top:1px solid #b7c6d5;background:linear-gradient(#f8fbff,#dfeaf5)}.win7-pagination-row .page-link{padding:4px 8px;color:#173b63;border-color:#9fb9d3}.win7-pagination-row .page-item.active .page-link{background:#2f6fb2;border-color:#174d83;color:#fff}.products-page .table-responsive{max-height:560px;overflow:auto}@media(max-width:1200px){.win7-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.win7-module-titlebar{align-items:flex-start;flex-direction:column}.win7-title-actions{justify-content:flex-start}.product-grid{min-width:1180px!important}}@media(max-width:576px){.win7-stats-grid{grid-template-columns:1fr}.win7-pagination-row{align-items:flex-start;flex-direction:column}.products-page .product-form .col-md-1,.products-page .product-form .col-md-2,.products-page .product-form .col-md-3,.products-page .product-form .col-md-7{width:100%}.product-checks{align-items:flex-start!important;flex-direction:column}}
/* =========================
   WINDOWS 7 PROFESSIONAL LOGIN
   Scoped only for login page
   ========================= */
.win7-login-body{min-height:100vh!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.75),transparent 28%),linear-gradient(135deg,#76a9df 0%,#cfe8ff 42%,#f7fbff 100%)!important;color:#111827!important;overflow:auto!important}.win7-login-screen{width:100%;padding:22px;display:flex;justify-content:center;align-items:center;min-height:100vh}.win7-login-window{width:min(960px,96vw);border:1px solid #2b5d91;border-radius:8px;background:#f7fbff;box-shadow:0 18px 45px rgba(13,42,79,.35),inset 0 1px 0 #fff;overflow:hidden}.win7-login-titlebar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#fff;background:linear-gradient(#6eb1ee,#2f74b8 49%,#1f5e9f 50%,#4f94d3);border-bottom:1px solid #174d83;text-shadow:0 1px 0 #123}.win7-login-title-left{display:flex;align-items:center;gap:9px;font-size:14px}.win7-login-orb{width:18px;height:18px;border-radius:50%;display:inline-block;background:radial-gradient(circle at 32% 28%,#fff,#68c35e 38%,#1c7f2d 70%);border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 2px rgba(0,0,0,.3)}.win7-login-build{font-size:12px;opacity:.9}.win7-login-content{display:grid;grid-template-columns:1.15fr .85fr;gap:0;background:linear-gradient(#ffffff,#eef6ff)}.win7-login-brand-panel{padding:34px 34px 28px;border-right:1px solid #b7cbe0;background:linear-gradient(145deg,#ffffff 0%,#eaf5ff 100%)}.win7-login-logo-box{width:92px;height:92px;border:1px solid #8fb3d5;border-radius:18px;background:linear-gradient(#fff,#dcecff);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 #fff,0 6px 18px rgba(31,93,159,.18);margin-bottom:18px;overflow:hidden}.win7-login-logo-box img{max-width:78px;max-height:78px;object-fit:contain}.win7-login-logo-box span{font-size:34px;color:#1f5d9f;font-weight:800}.win7-login-brand-panel h1{margin:0;color:#173b63;font-size:31px;line-height:1.12;font-weight:700}.win7-login-subtitle{margin:7px 0 20px;color:#607286;font-size:13px}.win7-login-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.win7-login-info-grid div{min-height:62px;border:1px solid #c8d8e8;border-radius:7px;background:linear-gradient(#fff,#f1f7fd);padding:9px 10px;overflow:hidden}.win7-login-info-grid span{display:block;color:#607286;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.04em;margin-bottom:4px}.win7-login-info-grid strong{display:block;color:#173b63;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win7-login-info-grid .status-ok{color:#16703a}.win7-login-form-panel{padding:34px 30px;background:linear-gradient(#f8fbff,#e8f2fc)}.win7-user-icon{width:58px;height:58px;margin:0 auto 13px;border:1px solid #8fb3d5;border-radius:50%;background:linear-gradient(#fff,#dcecff);display:flex;align-items:center;justify-content:center;font-size:25px;box-shadow:inset 0 1px 0 #fff}.win7-login-form-panel h2{margin:0;text-align:center;color:#173b63;font-size:22px;font-weight:700}.win7-login-form-panel p{text-align:center;margin:6px 0 16px;color:#607286;font-size:12px}.win7-login-alert{padding:8px 10px;border-radius:5px;font-size:13px}.win7-field-label{display:block;font-size:12px;color:#1f3552;font-weight:700;margin:9px 0 4px}.win7-input-wrap{position:relative;display:flex;align-items:center}.win7-input-wrap>span{position:absolute;left:10px;color:#607286;font-size:13px;z-index:2}.win7-input-wrap .form-control{height:39px!important;padding-left:34px!important;padding-right:58px!important;border:1px solid #8fa9c1!important;border-radius:5px!important;background:#fff!important;font-size:14px!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)!important}.win7-input-wrap .form-control:focus{border-color:#2f74b8!important;box-shadow:0 0 0 3px rgba(47,116,184,.18)!important}.win7-pass-toggle{position:absolute;right:5px;height:29px;border:1px solid #9fb9d3;border-radius:4px;background:linear-gradient(#fff,#e5edf5);color:#173b63;font-size:11px;font-weight:700;padding:0 8px}.win7-login-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 12px;font-size:12px;color:#344b60}.win7-login-row label{display:flex;align-items:center;gap:6px;margin:0}.win7-demo-btn{border:1px solid #9fb9d3;border-radius:4px;background:linear-gradient(#fff,#e5edf5);color:#173b63;font-size:12px;font-weight:700;padding:4px 8px}.win7-demo-btn:hover,.win7-pass-toggle:hover{background:#dcebff}.win7-caps-warning{border:1px solid #e5b64b;background:#fff8db;color:#7c5600;border-radius:5px;padding:6px 8px;margin-bottom:10px;font-size:12px;font-weight:700}.win7-login-btn{height:42px;border:1px solid #174d83!important;border-radius:5px!important;color:#fff!important;background:linear-gradient(#4b91d1,#1f5d9f)!important;box-shadow:inset 0 1px 0 #a7cff5!important;font-size:15px!important;font-weight:800!important}.win7-login-btn:hover{background:linear-gradient(#3f83c4,#174f8d)!important}.win7-login-footer{height:30px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border-top:1px solid #b7cbe0;background:linear-gradient(#f8fbff,#d9e7f4);color:#344b60;font-size:12px}@media(max-width:820px){.win7-login-content{grid-template-columns:1fr}.win7-login-brand-panel{border-right:0;border-bottom:1px solid #b7cbe0;padding:24px}.win7-login-form-panel{padding:24px}.win7-login-info-grid{grid-template-columns:1fr 1fr}.win7-login-brand-panel h1{font-size:25px}}@media(max-width:520px){.win7-login-screen{padding:10px}.win7-login-titlebar{height:auto;min-height:38px;align-items:flex-start;flex-direction:column;padding:7px 10px}.win7-login-info-grid{grid-template-columns:1fr}.win7-login-row{align-items:flex-start;flex-direction:column}.win7-login-footer{height:auto;align-items:flex-start;flex-direction:column;padding:7px 10px}.win7-login-logo-box{width:76px;height:76px}.win7-login-brand-panel,.win7-login-form-panel{padding:18px}}