:root{font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#192233;background:#f4f5f7;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 7%,#fde3e3 0,transparent 28%),radial-gradient(circle at 8% 88%,#dfe4eb 0,transparent 28%),#f7f8fa}.hidden{display:none!important}button,input,select{font:inherit}button{border:0;cursor:pointer;transition:.18s ease}button:hover{transform:translateY(-2px)}input,select{width:100%;height:48px;border:1px solid #d5dbe5;border-radius:13px;background:#fff;color:#182234;padding:0 14px;font-size:1rem}input:focus,select:focus{outline:0;border-color:#c81e25;box-shadow:0 0 0 4px #fee2e2}label{display:grid;gap:7px;color:#364152;font-weight:700}p{color:#687489}.page{min-height:100vh;padding:28px}.login-page{display:grid;place-items:center}.login-card{width:min(100%,430px);padding:42px 34px 34px;border:1px solid #dbe0e7;border-radius:30px;background:#fff;box-shadow:0 25px 65px #25304724;text-align:center}.brand-mark{width:76px;height:76px;margin:0 auto 24px;display:grid;place-items:center;border-radius:23px;background:linear-gradient(145deg,#ad1820,#f2474a);color:white;font-weight:900;letter-spacing:.08em;box-shadow:0 16px 32px #c51c324d}.login-card h1{margin:0;font-size:2.55rem}.login-card p{margin:9px 0 27px}.login-form,.user-form-card{display:grid;gap:15px;text-align:right}.primary-button,button[type=submit]{min-height:50px;border-radius:14px;background:linear-gradient(120deg,#b51d24,#f04447);color:#fff;font-weight:850;box-shadow:0 14px 28px #c821353b}.ghost-button,.small-button{background:#edf1f5;color:#2c394c;box-shadow:none;font-weight:800}.ghost-button{min-width:105px;height:46px;border-radius:13px;padding:0 18px}.small-button{height:38px;border-radius:11px;padding:0 14px}.dashboard-page{display:flex;flex-direction:column;gap:28px}.dashboard-header,.page-header{width:min(1180px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 30px;border:1px solid #dfe3e9;border-radius:29px;background:#ffffffd9;box-shadow:0 19px 48px #1f29371a}.header-actions{display:flex;align-items:center;gap:10px}.dashboard-header h1,.page-header h1{margin:0;font-size:clamp(2rem,4vw,2.8rem)}.dashboard-header p,.page-header p{margin:5px 0 0}.eyebrow{margin:0!important;color:#bd1d25!important;font-size:.83rem;font-weight:900}.apps-grid,.stations-grid{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.app-card{min-height:180px;padding:25px;border-radius:28px;color:white;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 20px 43px #202a3a24}.app-card:after,.station-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#ffffff2b;left:-45px;bottom:-60px}.app-card h2{margin:20px 0 7px;font-size:1.55rem}.app-card p{margin:0;color:#ffffffd6}.app-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:#ffffff31;font-size:1.65rem}.users{background:linear-gradient(135deg,#84191e,#bf2229)}.promotions{background:linear-gradient(135deg,#b21d24,#e93639)}.accounting,.reports{background:linear-gradient(135deg,#313c4f,#687283)}.inventory{background:linear-gradient(135deg,#4b1014,#951c23)}.sales{background:linear-gradient(135deg,#d12429,#f36062)}.pos{background:linear-gradient(135deg,#181e2b,#8e1c24)}.purchasing{background:linear-gradient(135deg,#4b3136,#9a3339)}.settings{background:linear-gradient(135deg,#182334,#485361)}.stations-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.station-card{min-height:250px;padding:22px;border-radius:25px;border:1px solid #d9dfe7;background:#fff;box-shadow:0 16px 36px #1f29371a;position:relative;overflow:hidden}.station-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.station-number{color:#a61d24;font-weight:900}.station-icon{width:58px;height:58px;margin:24px 0 14px;display:grid;place-items:center;border-radius:18px;background:#fee2e2;font-size:1.7rem}.station-card h3{margin:0 0 8px;font-size:1.3rem}.station-card p{margin:0 0 13px;font-size:.92rem}.station-state{display:inline-block;padding:7px 10px;border-radius:999px;background:#edf0f3;color:#596273;font-size:.8rem;font-weight:800}.station-state.linked{background:#fee2e2;color:#a71920}.dots-button{width:36px;height:36px;border-radius:11px;background:#f0f2f5;color:#364152;font-size:1.4rem;box-shadow:none}.station-settings-panel{position:absolute;z-index:5;top:55px;right:14px;left:14px;padding:12px;border:1px solid #e0e4e9;border-radius:15px;background:#fff;box-shadow:0 12px 28px #17203322}.station-settings-panel select{height:40px}.station-settings-panel .small-button{margin-top:9px;width:100%}.management-layout,.inventory-layout,.reports-layout{width:min(1180px,100%);margin:22px auto;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.7fr);gap:22px;align-items:start}.inventory-layout,.reports-layout{grid-template-columns:1fr}.panel-card{padding:24px;border:1px solid #dfe4eb;border-radius:25px;background:#fffffff0;box-shadow:0 18px 45px #202b3a17}.panel-card h2{margin:7px 0 18px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title-row h2{margin:0}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-check,.switch-label{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:11px;background:#f5f6f8;font-size:.9rem}.permission-check input,.switch-label input{width:17px;height:17px}.form-actions{display:flex;gap:10px}.form-actions button{flex:1}.table-row{display:grid;gap:10px;align-items:center;padding:13px;border-radius:14px;background:#f7f8fa;margin-bottom:8px}.users-row{grid-template-columns:1fr 1.2fr .8fr .7fr .6fr}.products-row{grid-template-columns:.8fr .8fr 1.3fr .6fr .8fr .6fr .55fr}.branch-row{grid-template-columns:1fr .45fr .3fr}.station-link-row{grid-template-columns:.7fr 1fr .3fr}.movement-row{grid-template-columns:.85fr 1fr .75fr .55fr .4fr .6fr}.report-stock-row{grid-template-columns:1.2fr .8fr .4fr .8fr}.expiry-row{grid-template-columns:1.2fr .7fr .7fr .35fr .7fr}.status{padding:6px 9px;border-radius:999px;text-align:center;font-size:.8rem;font-weight:800}.status.active{background:#fee2e2;color:#a61920}.status.inactive{background:#e7e9ed;color:#596273}.tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.inventory-tab{height:40px;padding:0 15px;border-radius:12px;background:#edf0f4;color:#485466;box-shadow:none}.inventory-tab.active{background:#b91f26;color:#fff}.inventory-panel{display:block}.stock-toolbar{display:flex;gap:12px;margin-bottom:12px}.stock-row{display:grid;grid-template-columns:1.2fr .25fr .8fr 1.4fr;gap:12px;align-items:center;padding:13px;margin-bottom:8px;border-radius:15px;background:#f7f8fa}.stock-row small,.cart-row small{display:block;margin-top:4px;color:#697589}.stock-row details{font-size:.88rem;color:#525d6d}.stock-row details div{padding:3px 0}.count-entry{display:grid;grid-template-columns:1fr 1fr auto;gap:7px}.count-entry input{height:39px;padding:0 8px;font-size:.88rem}.positive{color:#16803f;font-weight:800}.negative{color:#c82228;font-weight:800}.warning{color:#b56a00;font-weight:800}.cashier-layout{width:min(1180px,100%);margin:22px auto;display:grid;grid-template-columns:1fr 340px;gap:20px}.cashier-main,.cart-panel{padding:22px;border:1px solid #dde3ea;border-radius:25px;background:#fffffff0;box-shadow:0 18px 45px #202b3a17}.cashier-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.cashier-toolbar input{flex:1}.cashier-toolbar .small-button{white-space:nowrap}.pos-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.pos-product{min-height:112px;padding:13px;text-align:right;border-radius:16px;background:#f5f6f8;color:#293345;box-shadow:none}.pos-product:hover{background:#fee9e9}.pos-product span,.pos-product small,.pos-product strong{display:block}.pos-product small{margin:6px 0;color:#6c7787;text-align:right}.pos-product strong{color:#b82027}.cart-panel h2{margin:0 0 15px}.cart-row{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #e7eaf0}.quantity-actions{display:flex;align-items:center;gap:7px}.quantity-actions button{width:28px;height:28px;border-radius:8px;background:#e9edf2;color:#303b4e;box-shadow:none;font-size:1.1rem}.cart-total{display:flex;justify-content:space-between;margin:18px 0;font-size:1.2rem}.cart-panel>.primary-button{width:100%}.empty-state{padding:20px;text-align:center;color:#7a8492}.toast{position:fixed;z-index:99;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 18px;border-radius:13px;color:#fff;font-weight:800;box-shadow:0 12px 28px #17203333}.toast.success{background:#19864a}.toast.error{background:#bd2228}@media(max-width:1050px){.stations-grid{grid-template-columns:repeat(2,1fr)}.pos-products{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.apps-grid{grid-template-columns:repeat(2,1fr)}.management-layout,.cashier-layout{grid-template-columns:1fr}.table-row,.stock-row{grid-template-columns:1fr!important}.page{padding:16px}.dashboard-header,.page-header{padding:20px;align-items:flex-start;flex-direction:column}.header-actions{width:100%;justify-content:space-between}.cashier-toolbar,.stock-toolbar{flex-direction:column;align-items:stretch}.count-entry{grid-template-columns:1fr 1fr auto}}@media(max-width:520px){.apps-grid,.stations-grid,.pos-products,.permission-grid{grid-template-columns:1fr}.login-card{padding:34px 22px}.login-card h1{font-size:2.1rem}}
.is-hidden{display:none!important}.report-grid{width:min(1180px,100%);margin:22px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.report-grid .wide{grid-column:1/-1}.cashier-page{min-height:100vh;padding:28px}.cashier-header{width:min(1180px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-radius:25px;background:#fffffff0;border:1px solid #dfe4eb;box-shadow:0 18px 45px #202b3a17}.cashier-header h1{margin:0}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.products-grid .pos-product{min-height:112px;padding:13px;text-align:right;border-radius:16px;background:#f5f6f8;color:#293345;box-shadow:none}.products-grid .pos-product:hover{background:#fee9e9}.products-grid .pos-product span,.products-grid .pos-product small,.products-grid .pos-product strong{display:block}.products-grid .pos-product small{margin:6px 0;color:#6c7787;text-align:right}.products-grid .pos-product strong{color:#b82027}@media(max-width:800px){.report-grid{grid-template-columns:1fr}.cashier-page{padding:16px}.cashier-header{flex-direction:column;align-items:flex-start}.products-grid{grid-template-columns:repeat(2,1fr)}}
.app-loading main{visibility:hidden}
.purchase-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.purchase-form{display:grid;gap:14px}.purchase-line-entry{display:grid;grid-template-columns:1.4fr .7fr .8fr .9fr auto;gap:8px;align-items:end;padding:13px;border-radius:16px;background:#f5f6f8}.purchase-line-entry input,.purchase-line-entry select{height:42px}.purchase-line{grid-template-columns:1.3fr .45fr .6fr .8fr .6fr .35fr}.purchase-history{grid-template-columns:.3fr 1fr .7fr .7fr .5fr .5fr .5fr .62fr .58fr .35fr}.supplier-row{grid-template-columns:1.2fr .8fr 1fr .6fr .45fr}@media(max-width:800px){.purchase-meta,.purchase-line-entry{grid-template-columns:1fr}.purchase-line,.purchase-history,.supplier-row{grid-template-columns:1fr!important}}
#purchasesPage .management-layout{grid-template-columns:minmax(0,1.8fr) minmax(320px,.9fr)}
@media(max-width:800px){#purchasesPage .management-layout{grid-template-columns:1fr}}
.transfer-panel{display:grid;gap:14px}.transfer-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:12px;align-items:end}.transfer-line{grid-template-columns:1.2fr .45fr .8fr .35fr}.transfer-history{grid-template-columns:.35fr 1fr .25fr 1fr .8fr 1fr}@media(max-width:800px){.transfer-meta{grid-template-columns:1fr}.transfer-line,.transfer-history{grid-template-columns:1fr!important}}

.transfer-line-entry{display:grid;grid-template-columns:1.3fr 1fr .35fr auto;gap:12px;align-items:end}.transfer-line{grid-template-columns:1.2fr .7fr .9fr .35fr auto}@media(max-width:760px){.transfer-line-entry{grid-template-columns:1fr}.transfer-line{grid-template-columns:1fr 1fr}}

.purchase-report-row{grid-template-columns:.35fr 1fr .8fr .8fr .6fr .8fr .7fr}
@media(max-width:800px){.purchase-report-row{grid-template-columns:1fr!important}}

.purchases-view{width:min(1180px,100%);margin:0 auto}.wide-panel{width:100%}.compact-action{min-height:46px;padding:0 18px;box-shadow:0 12px 24px #c8213524}

.promotion-row{grid-template-columns:1.1fr .75fr .55fr .55fr .9fr .55fr .35fr}.promotion-product-row{grid-template-columns:1.2fr .8fr .35fr}.promotion-report-row{grid-template-columns:1.2fr .8fr .55fr .6fr}
@media(max-width:800px){.promotion-row,.promotion-product-row,.promotion-report-row{grid-template-columns:1fr!important}}

.pos-product.has-promo{background:linear-gradient(135deg,#fff1f1,#ffffff);border:1px solid #f5b7ba}.pos-product em{display:inline-block;margin-top:7px;padding:4px 8px;border-radius:999px;background:#fee2e2;color:#a71920;font-style:normal;font-size:.78rem;font-weight:900}.pos-product del{color:#8a94a3}.promo-note{color:#b82027!important;font-weight:850}.promotion-usage-row{grid-template-columns:1.1fr .75fr .55fr .55fr .55fr .65fr}@media(max-width:800px){.promotion-usage-row{grid-template-columns:1fr!important}}

.pos-sales-report-row{grid-template-columns:.35fr .8fr .55fr .7fr .65fr .55fr .65fr .55fr .8fr}@media(max-width:900px){.pos-sales-report-row{grid-template-columns:1fr!important}}

.sales-history{grid-template-columns:.35fr 1.1fr .8fr .65fr .65fr .65fr .35fr}.sales-line{grid-template-columns:1.3fr .45fr .65fr .65fr .35fr}.b2b-sales-report-row{grid-template-columns:.35fr 1fr .8fr .7fr .65fr .65fr .65fr}@media(max-width:800px){.sales-history,.sales-line,.b2b-sales-report-row{grid-template-columns:1fr!important}}

.customer-row{grid-template-columns:1fr .8fr 1fr .5fr .35fr}.customer-list-title{margin-top:22px}@media(max-width:800px){.customer-row{grid-template-columns:1fr!important}}

.customer-balance-report-row{grid-template-columns:1fr .8fr .7fr .6fr}.b2b-sales-report-row{grid-template-columns:.35fr 1fr .8fr .7fr .65fr .65fr .65fr .65fr}.customer-row{grid-template-columns:1fr .8fr 1fr .55fr .5fr .35fr}@media(max-width:800px){.customer-balance-report-row{grid-template-columns:1fr!important}}
.customer-management-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.customer-management-head h2{margin:4px 0 0}.customer-management-head p{margin:4px 0 0}.customer-management-tools{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;margin-bottom:12px}.customer-bulk-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding:12px;border:1px solid #f0d8db;border-radius:16px;background:#fff7f7}.customer-bulk-bar strong{margin-inline-end:auto;color:#9f1b22}.danger-action{color:#b91c1c;background:#fee2e2}.customer-table-head,.customer-directory-row{grid-template-columns:.55fr 1.25fr .8fr 1.15fr .55fr .5fr .45fr}.customer-table-head{display:grid;gap:10px;align-items:center;margin-bottom:8px;padding:0 13px;color:#687489;font-weight:900;font-size:.86rem}.customer-directory-row input[type=checkbox],.customer-select-all input{width:18px;height:18px}.customer-select-all{display:flex;align-items:center;gap:7px;font-weight:900;color:#39465a}@media(max-width:900px){.customer-management-head{align-items:flex-start;flex-direction:column}.customer-management-tools{grid-template-columns:1fr}.customer-table-head{display:none}.customer-directory-row{grid-template-columns:1fr!important}}
#accountingCustomerForm{display:none!important}

.customer-payment-row{grid-template-columns:.35fr 1fr .6fr .55fr .7fr 1fr}@media(max-width:800px){.customer-payment-row{grid-template-columns:1fr!important}}

.supplier-payment-row{grid-template-columns:.35fr 1fr .6fr .55fr .7fr 1fr}.supplier-balance-report-row{grid-template-columns:1fr .8fr .65fr .65fr .65fr}@media(max-width:800px){.supplier-payment-row,.supplier-balance-report-row{grid-template-columns:1fr!important}}

.payment-account-row{grid-template-columns:1.25fr 1fr 1fr 1fr 1fr .7fr}
.payment-account-row strong{color:#a5161b}

.payment-report-row{grid-template-columns:.55fr 1.2fr .8fr 1.2fr .9fr 1fr}
.payment-report-row strong{color:#a5161b}

.chart-account-row{grid-template-columns:.65fr 1.4fr .9fr 1.2fr .85fr .7fr}
.chart-account-row strong{color:#a5161b}
.chart-account-row.level-child{background:#fbfcfe}

.journal-entry-row{grid-template-columns:.9fr .8fr .8fr .8fr .8fr 1.4fr}
.journal-line-row{grid-template-columns:.7fr 1.2fr .8fr .8fr 1.2fr .55fr}
.journal-entry-row strong,.journal-line-row strong{color:#a5161b}

.journal-entry-report-row{grid-template-columns:.8fr .75fr .7fr .65fr .8fr .8fr 1.4fr}
.journal-entry-report-row strong{color:#a5161b}

.opening-balance-row{grid-template-columns:.7fr 1.5fr .9fr .9fr}
.opening-balance-row strong{color:#a5161b}
.opening-balance-row input{border:1px solid #ccd3df;border-radius:14px;padding:10px;text-align:center}
.reports-apps-grid .app-card{min-height:165px}.reports-workspace{width:min(1180px,100%);margin:0 auto}.report-toolbar{display:grid;gap:16px}.report-toolbar h2{margin:4px 0 0}.report-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.report-actions{display:flex;gap:10px;flex-wrap:wrap}.report-actions button{min-width:120px}.report-section{position:relative}.report-section h2{padding-bottom:12px;border-bottom:1px solid #eef1f5}.purchase-report-row{grid-template-columns:.35fr 1fr .75fr .75fr .5fr .5fr .5fr .62fr .6fr}.b2b-sales-report-row{grid-template-columns:.35fr 1fr .75fr .62fr .52fr .52fr .55fr .55fr .52fr .65fr}.pos-sales-report-row{grid-template-columns:.35fr .75fr .48fr .62fr .48fr .48fr .48fr .55fr .75fr .75fr}.payment-report-row{grid-template-columns:.35fr 1fr .55fr .9fr .65fr 1fr}.journal-entry-report-row{grid-template-columns:.85fr .65fr .55fr .55fr .55fr .55fr 1.3fr}.promotion-report-row,.promotion-usage-row{grid-template-columns:1fr .8fr .65fr .8fr .65fr .65fr}.low-stock-row{grid-template-columns:1.2fr .8fr .4fr .55fr .8fr}@media(max-width:900px){.report-filters{grid-template-columns:repeat(2,1fr)}.report-actions button{flex:1}.purchase-report-row,.b2b-sales-report-row,.pos-sales-report-row,.payment-report-row,.journal-entry-report-row,.promotion-report-row,.promotion-usage-row,.low-stock-row{grid-template-columns:1fr!important}}@media print{body[data-print-report] .dashboard-header,body[data-print-report] #reportsHub,body[data-print-report] .report-toolbar .report-filters,body[data-print-report] .report-toolbar .report-actions,body[data-print-report] .toast{display:none!important}body[data-print-report]{background:#fff}body[data-print-report] .page{padding:0}body[data-print-report] .reports-workspace{width:100%;margin:0}body[data-print-report] .report-section{display:none!important;box-shadow:none;border:1px solid #ddd;break-inside:avoid}body[data-print-report="inventory"] [data-report-section="inventory"],body[data-print-report="pos"] [data-report-section="pos"],body[data-print-report="sales"] [data-report-section="sales"],body[data-print-report="purchasing"] [data-report-section="purchasing"],body[data-print-report="accounting"] [data-report-section="accounting"],body[data-print-report="promotions"] [data-report-section="promotions"]{display:block!important}body[data-print-report] .report-grid{display:block;width:100%;margin:0}body[data-print-report] .table-row{box-shadow:none;border:1px solid #ececec;background:#fff;page-break-inside:avoid}}
.accounting-apps-grid .app-card{min-height:165px}.accounting-workspace{width:min(1180px,100%);margin:0 auto}.accounting-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.accounting-toolbar h2{margin:4px 0 0}.accounting-service-layout{width:100%;margin:0;grid-template-columns:minmax(280px,.82fr) minmax(0,1.7fr)}.accounting-service-layout [data-accounting-section].wide-panel{grid-column:1/-1}@media(max-width:900px){.accounting-toolbar{align-items:flex-start;flex-direction:column}.accounting-service-layout{grid-template-columns:1fr}}
.promotion-card-row{display:grid;grid-template-columns:1.1fr 1.4fr 1.3fr .8fr .55fr .45fr;gap:12px;align-items:center;padding:15px;border-radius:18px;background:linear-gradient(135deg,#fff,#fff7f7);border:1px solid #f0d8db;margin-bottom:10px;box-shadow:0 10px 24px #7a1a2212}.promotion-card-row strong{font-size:1.08rem;color:#981b22}.promotion-card-row small{display:block;color:#6b7585;margin-top:4px}.promotion-card-row p{margin:0;color:#374151}.promo-metric{display:inline-flex;margin:3px;padding:6px 9px;border-radius:999px;background:#fee2e2;color:#a71920;font-size:.82rem;font-weight:800}.promotion-usage-row{grid-template-columns:1fr 1fr .75fr .6fr .55fr .65fr .65fr .65fr .65fr .5fr}@media(max-width:1000px){.promotion-card-row,.promotion-usage-row{grid-template-columns:1fr!important}}
.product-card-line {
  grid-template-columns: 0.75fr 0.8fr 1.15fr 0.85fr 0.65fr 0.75fr 0.85fr 0.85fr 0.65fr 0.85fr 1fr 0.65fr auto;
  gap: 10px;
  align-items: center;
}
.product-card-line span,
.product-card-line strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1180px) {
  .product-card-line {
    grid-template-columns: 1fr 1fr;
  }
}

.shift-panel {
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e8edf3;
}
.shift-panel .section-title-row {
  margin-bottom: 12px;
}
.shift-panel h2 {
  margin: 3px 0 0;
  font-size: 1.05rem;
}
.shift-panel label {
  margin-bottom: 10px;
}
.shift-panel button {
  width: 100%;
  margin-top: 4px;
}
.shift-info {
  margin: 0 0 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #fff1f2;
  color: #8f1d24;
  font-weight: 800;
}
button:disabled {
  cursor: not-allowed;
  opacity: .55;
  transform: none !important;
}
.pos-shift-report-row {
  grid-template-columns: .35fr .85fr .55fr .55fr .7fr .65fr .65fr .65fr .65fr .55fr;
}
@media(max-width:900px){.pos-shift-report-row{grid-template-columns:1fr!important}}
.detail-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:22px;background:#11182775;backdrop-filter:blur(6px)}.detail-modal-card{width:min(920px,100%);max-height:88vh;overflow:auto;padding:24px;border:1px solid #e3e7ee;border-radius:26px;background:#fffffff5;box-shadow:0 25px 70px #1118274a}.detail-modal-body{display:grid;gap:14px}.detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-summary span{padding:10px 12px;border-radius:13px;background:#f5f6f8;color:#526071}.journal-detail-row{grid-template-columns:.55fr 1.25fr .55fr .55fr 1fr}.clickable-row{cursor:pointer;transition:.16s ease}.clickable-row:hover{background:#fff1f1;box-shadow:0 10px 24px #bf1d2b16}@media(max-width:800px){.detail-summary{grid-template-columns:1fr}.journal-detail-row{grid-template-columns:1fr!important}}
.invoice-detail-row{grid-template-columns:1.2fr .8fr .35fr .55fr .6fr .8fr}.invoice-detail-row b{color:#192233}@media(max-width:800px){.invoice-detail-row{grid-template-columns:1fr!important}}
.promotion-product-detail-row{grid-template-columns:1.2fr .7fr .8fr}@media(max-width:800px){.promotion-product-detail-row{grid-template-columns:1fr!important}}
.report-print-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.report-print-meta span{padding:7px 10px;border-radius:999px;background:#f5f6f8;color:#4d596b;font-size:.84rem;font-weight:800}@media print{body{background:#fff}.dashboard-header,.reportsHub,.report-actions,.ghost-button,.small-button,.detail-modal{display:none!important}.page{padding:0}.reports-workspace,.report-grid,.panel-card{width:100%!important;margin:0!important;box-shadow:none!important;border-color:#d6dbe3!important}.report-toolbar{display:block!important;border:0!important;padding:0 0 14px!important}.report-print-meta{display:flex!important;margin:10px 0 18px!important}.report-section{break-inside:avoid;margin-bottom:16px!important}.report-section.is-hidden{display:none!important}.table-row{background:#fff!important;border:1px solid #e1e5eb!important;box-shadow:none!important}.clickable-row:hover{background:#fff!important;box-shadow:none!important}}
.transfer-detail-row{grid-template-columns:1.25fr .9fr .8fr .35fr}.transfer-detail-row b{color:#192233}@media(max-width:800px){.transfer-detail-row{grid-template-columns:1fr!important}}
.transfer-report-row{grid-template-columns:.35fr 1fr .25fr 1fr .85fr 1fr}@media(max-width:900px){.transfer-report-row{grid-template-columns:1fr!important}}
.pos-sale-detail-row{grid-template-columns:1.1fr .85fr .35fr .55fr .55fr .6fr .9fr}.pos-sale-detail-row b{color:#192233}@media(max-width:900px){.pos-sale-detail-row{grid-template-columns:1fr!important}}
.pos-sale-detail-row{grid-template-columns:1.05fr .8fr .32fr .52fr .52fr .52fr .58fr .85fr}
.station-card.is-open{border-color:#ef4444;box-shadow:0 20px 44px #c81e2530}.station-state.active{background:#dcfce7;color:#166534}.station-open-button{position:relative;z-index:2;width:100%;margin-top:14px;min-height:42px;border-radius:13px}.station-payment-box{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #eef1f5}.checkbox-row.compact{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:10px;background:#f6f7f9;font-size:.86rem;font-weight:700;color:#364152}.checkbox-row.compact input{width:16px;height:16px}.empty-state.small{padding:8px;margin:0;font-size:.82rem}.station-settings-panel{max-height:310px;overflow:auto}
.payment-change{display:flex;justify-content:space-between;align-items:center;margin:10px 0 14px;padding:10px 12px;border-radius:13px;background:#f6f7f9;color:#334155;font-weight:800}.recent-pos-sales{margin-top:20px;padding-top:16px;border-top:1px solid #e7eaf0}.section-title-row.compact{margin-bottom:10px}.section-title-row.compact h2{font-size:1rem}.recent-pos-sales-list{display:grid;gap:8px}.recent-sale-row{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;text-align:right;padding:10px 11px;border-radius:13px;background:#f7f8fa;color:#263244;box-shadow:none}.recent-sale-row strong{color:#b91f26}.recent-sale-row small{grid-column:1/-1;color:#697589}.cart-panel .small-button{height:34px}.compact-action{width:100%;margin-top:14px}
@media print{body{background:#fff}.page header,.apps-grid,.products-panel,.cart-panel>:not(.detail-modal),.detail-modal .ghost-button{display:none!important}.detail-modal{position:static;background:#fff;padding:0}.detail-modal-card{box-shadow:none;border:0;width:100%;max-width:none}.detail-modal-body{max-height:none}}
.cashier-page{height:100vh;overflow:hidden;padding:16px}.cashier-header{width:min(1180px,100%);margin:0 auto 12px;padding:14px 20px;border:1px solid #dfe3e9;border-radius:22px;background:#ffffffea;box-shadow:0 14px 35px #1f293716;display:flex;justify-content:space-between;align-items:center}.cashier-header h1{margin:0;font-size:1.75rem}.cashier-header p{margin:3px 0 0}.cashier-layout{height:calc(100vh - 118px);margin:0 auto;grid-template-columns:minmax(0,1fr) 330px}.products-panel,.cart-panel{height:100%;overflow:hidden}.products-panel{display:flex;flex-direction:column}.products-grid{overflow:auto;padding-left:4px}.cart-panel{display:flex;flex-direction:column;gap:10px}.cart-panel h2{margin:0}.cart-lines{min-height:90px;max-height:28vh;overflow:auto;border-radius:14px}.pos-quick-status{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.cashier-collapse{border:1px solid #e5e9f0;border-radius:14px;background:#f8fafc;padding:0 10px}.cashier-collapse summary{cursor:pointer;padding:10px 2px;font-weight:900;color:#344054}.cashier-collapse[open]{padding-bottom:10px}.cashier-collapse label{margin-top:8px}.recent-pos-sales{margin-top:4px;padding-top:0;border-top:0}.recent-pos-sales-list{max-height:150px;overflow:auto}.payment-change{margin:0}.cart-total{margin:4px 0;font-size:1.05rem}@media(max-width:900px){.cashier-page{height:auto;overflow:auto}.cashier-layout{height:auto;grid-template-columns:1fr}.products-panel,.cart-panel{height:auto}.cart-lines{max-height:none}.cashier-header{flex-direction:column;align-items:flex-start}}
.products-grid{display:block}.pos-products-table{display:grid;gap:6px}.pos-product-row{display:grid;grid-template-columns:1.35fr 1fr .45fr .55fr 1.25fr;gap:10px;align-items:center;width:100%;min-height:38px;padding:8px 10px;border-radius:11px;background:#fff;color:#263244;text-align:right;box-shadow:none;border:1px solid #e8edf3}.pos-product-row:hover{background:#fff1f1;border-color:#f2b3b7;transform:none}.pos-product-row strong{font-size:.92rem}.pos-product-row span,.pos-product-row small,.pos-product-row b{font-size:.84rem}.pos-product-row b{color:#b91f26}.pos-product-row small{color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-product-head{position:sticky;top:0;z-index:2;background:#111827;color:#fff;font-weight:900;border-color:#111827}.pos-product-head span{font-size:.8rem;color:#fff}.pos-product-row.has-promo{background:#fff7f7;border-color:#fecaca}.pos-product-row del{color:#9aa4b2;font-size:.78rem;margin-inline-start:4px}.products-grid .pos-product{min-height:auto}@media(max-width:900px){.pos-product-row{grid-template-columns:1.2fr .8fr .4fr .55fr}.pos-product-row small,.pos-product-head span:last-child{display:none}}
.sale-first-layout{grid-template-columns:300px minmax(0,1fr);direction:ltr}.sale-first-layout>*{direction:rtl}.side-products-panel{padding:14px}.side-products-panel .cashier-search{height:42px;margin-bottom:10px}.side-products-panel .products-grid{display:grid;gap:6px;max-height:calc(100vh - 190px);overflow:auto}.pos-pick-row{display:grid;gap:4px;width:100%;min-height:48px;padding:8px 10px;border-radius:12px;background:#fff;color:#263244;text-align:right;box-shadow:none;border:1px solid #e8edf3}.pos-pick-row:hover{background:#fff1f1;border-color:#f2b3b7;transform:none}.pos-pick-row strong{font-size:.9rem}.pos-pick-row small{color:#667085;font-size:.78rem}.sale-sheet-panel{padding:16px}.sale-sheet{display:grid;gap:5px;min-height:180px}.sale-sheet-row{display:grid;grid-template-columns:1.4fr .75fr .75fr .55fr .65fr .9fr;gap:8px;align-items:center;min-height:38px;padding:7px 9px;border-radius:10px;background:#fff;border:1px solid #e8edf3}.sale-sheet-head{position:sticky;top:0;z-index:2;background:#111827;color:#fff;font-weight:900}.sale-sheet-head span{font-size:.8rem;color:#fff}.sale-sheet-row strong,.sale-sheet-row span,.sale-sheet-row b,.sale-sheet-row small{font-size:.84rem}.sale-sheet-row small{color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-sheet-empty{min-height:180px;display:grid;place-items:center;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:#667085;font-weight:800}.sale-sheet-panel .cart-lines{max-height:40vh}@media(max-width:900px){.sale-first-layout{grid-template-columns:1fr;direction:rtl}.side-products-panel .products-grid{max-height:220px}.sale-sheet-row{grid-template-columns:1.2fr .7fr .6fr .55fr}.sale-sheet-row small,.sale-sheet-head span:last-child,.sale-sheet-row span:nth-child(2),.sale-sheet-head span:nth-child(2){display:none}}
.sale-sheet-panel{gap:7px}.sale-sheet-panel .cart-lines{flex:1;min-height:0;max-height:none;overflow:auto;border:1px solid #e8edf3;background:#fff;border-radius:14px}.sale-sheet{gap:2px;min-height:0}.sale-sheet-row{min-height:28px;padding:4px 7px;border-radius:0;border-width:0 0 1px 0;grid-template-columns:1.6fr .75fr .55fr .5fr .55fr .8fr}.sale-sheet-row strong,.sale-sheet-row span,.sale-sheet-row b,.sale-sheet-row small{font-size:.76rem;line-height:1.15}.sale-sheet-head{min-height:30px;border-radius:12px 12px 0 0}.sale-sheet-head span{font-size:.72rem}.sale-sheet-empty{min-height:130px;font-size:.9rem}.sale-sheet-row .quantity-actions{gap:4px}.sale-sheet-row .quantity-actions button{width:22px;height:22px;border-radius:6px;font-size:.9rem}.side-products-panel .products-grid{max-height:calc(100vh - 170px)}.cart-total{font-size:1rem}.sale-sheet-panel label input,.sale-sheet-panel label select{height:40px}.sale-sheet-panel #completeSaleButton{min-height:42px}
.modal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}@media(max-width:700px){.modal-form-grid{grid-template-columns:1fr}}
.station-settings-modal {
  grid-template-columns: 1fr;
}
.station-settings-modal label {
  margin: 0;
}
.modal-pick-box {
  border: 1px solid #e7eaf0;
  border-radius: 18px;
  padding: 14px;
  background: linear-gradient(135deg, #ffffff, #fff6f6);
}
.modal-pick-box p {
  margin: 4px 0 10px;
  color: #667085;
  font-size: .86rem;
}
.modal-pick-box .checkbox-row.compact {
  justify-content: flex-start;
  border: 1px solid #edf0f5;
}
.settings-hub-grid .app-card {
  cursor: pointer;
}
.settings-hub-grid .app-card:focus-visible {
  outline: 3px solid #ef4444;
  outline-offset: 4px;
}
.detail-modal-body .panel-card {
  width: 100%;
  box-shadow: none;
  margin: 0;
}
.detail-modal-body .settings-tax-form,
.detail-modal-body .settings-pos-employee-form {
  display: grid;
  gap: 12px;
}
.settings-flow {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 18px;
}
.settings-flow-step {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-radius: 22px;
  background: linear-gradient(135deg, #ffffff, #fff5f5);
  border: 1px solid #eadde0;
  box-shadow: 0 14px 32px #7f1d1d10;
}
.settings-flow-step span {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #b91f26;
  color: #fff;
  font-weight: 900;
  box-shadow: 0 10px 24px #b91f2630;
}
.settings-flow-step h2 {
  margin: 0 0 4px;
}
.settings-flow-step p {
  margin: 0;
  color: #667085;
}
.flow-tag {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff1f2;
  color: #a5161b;
  font-weight: 900;
}
.settings-admin-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.settings-stations-list {
  margin-top: 14px;
}
@media(max-width:800px){.settings-admin-grid{grid-template-columns:1fr}}
.receipt-logo-preview{display:flex;align-items:center;justify-content:center;min-height:86px;border:1px dashed #d7dde8;border-radius:18px;background:#fff7f7;padding:12px}
.receipt-logo-preview img{max-width:96px;max-height:72px;object-fit:contain}
.receipt-print{width:min(380px,100%);margin:0 auto;padding:18px;background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 12px 30px #11182714;font-family:inherit}
.receipt-header{text-align:center;border-bottom:1px dashed #cbd5e1;padding-bottom:12px;margin-bottom:12px}
.receipt-header img{max-width:90px;max-height:90px;object-fit:contain;margin-bottom:8px}
.receipt-header h2{margin:0;color:#a5161b;font-size:1.35rem}
.receipt-header p{margin:3px 0;color:#475569;font-size:.86rem}
.receipt-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;font-size:.82rem}
.receipt-meta span{background:#f8fafc;border-radius:10px;padding:7px}
.receipt-lines{width:100%;border-collapse:collapse;font-size:.78rem}
.receipt-lines th{background:#111827;color:#fff;padding:7px 5px}
.receipt-lines td{border-bottom:1px dashed #d8dee8;padding:7px 5px;vertical-align:top}
.receipt-lines td:first-child{font-weight:800}
.receipt-lines small,.receipt-lines em{display:block;color:#64748b;font-size:.72rem;font-style:normal;margin-top:2px}
.receipt-lines em{color:#b91f26}
.receipt-totals{display:grid;gap:6px;margin-top:12px;border-top:1px dashed #cbd5e1;padding-top:10px}
.receipt-totals div{display:flex;justify-content:space-between;gap:10px}
.receipt-totals .grand{font-size:1.08rem;color:#a5161b;font-weight:900}
.receipt-footer{text-align:center;margin-top:12px;border-top:1px dashed #cbd5e1;padding-top:10px;color:#475569;font-weight:800}
.receipt-print-button{width:min(380px,100%);margin-inline:auto}
@media print{
  body{background:#fff}
  body *{visibility:hidden}
  .receipt-print,.receipt-print *{visibility:visible}
  .receipt-print{position:absolute;inset:0 auto auto 0;width:80mm;max-width:80mm;margin:0;padding:8mm;border:0;border-radius:0;box-shadow:none}
  .receipt-print-button,.detail-modal-card>header{display:none!important}
}
.cashier-header{padding:10px 16px;margin-bottom:8px}
.cashier-header h1{font-size:1.45rem}
.cashier-header p{font-size:.82rem;color:#667085;line-height:1.2}
.cashier-layout{height:calc(100vh - 92px)}
.sale-sheet-panel{gap:7px}
.pos-quick-status{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:6px 8px;border:1px solid #eef1f5;border-radius:12px;background:#fafbfc}
.pos-quick-status .status{padding:4px 8px;font-size:.72rem;min-width:auto}
.pos-quick-status .small-button,.pos-quick-status .ghost-button{height:28px;min-width:auto;padding:0 10px;border-radius:9px;font-size:.78rem}
.cashier-collapse{border:0;background:transparent;padding:0;margin:-2px 0 0}
.cashier-collapse summary{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#f4f6f8;color:#667085;font-size:.76rem;font-weight:800;list-style:none}
.cashier-collapse summary::-webkit-details-marker{display:none}
.cashier-collapse[open]{padding-bottom:4px}
.cashier-collapse[open] summary{margin-bottom:5px}
.cashier-collapse label{margin-top:5px;max-width:210px}
.cashier-collapse input{height:34px;border-radius:10px;font-size:.82rem}
.shift-info{margin:0;display:inline-flex;padding:4px 8px;border-radius:999px;background:#fff7f7;color:#9f1d24;font-size:.76rem;font-weight:800}
.sale-sheet-row{grid-template-columns:.26fr 1.35fr .75fr .75fr .55fr .65fr .9fr}
.cart-line-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;background:#111827;color:#fff;font-size:.76rem;font-weight:900}
@media(max-width:900px){.sale-sheet-row{grid-template-columns:.25fr 1.2fr .7fr .6fr .55fr}.sale-sheet-head span:nth-child(3),.sale-sheet-row span:nth-child(3),.sale-sheet-head span:last-child,.sale-sheet-row small{display:none}}
.pos-customer-strip{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto;gap:8px;align-items:end;padding:8px;border:1px solid #eef1f5;border-radius:14px;background:#fbfcfd}
.pos-customer-strip label{gap:4px;font-size:.82rem}
.pos-customer-strip input,.pos-customer-strip select{height:36px;border-radius:10px;font-size:.86rem}
.pos-customer-strip .small-button{height:36px;white-space:nowrap}
@media(max-width:900px){.pos-customer-strip{grid-template-columns:1fr}.pos-customer-strip .small-button{width:100%}}
.compact-search-panel{height:auto;max-height:210px;align-self:start;padding:14px;gap:8px}.compact-search-panel .eyebrow{margin-bottom:2px!important}.compact-search-panel .cashier-search{height:44px;margin-bottom:8px}.compact-search-results{display:grid!important;gap:6px;max-height:118px!important;overflow:auto;padding:0}.compact-search-results .empty-state{padding:12px;font-size:.82rem}.compact-search-results .pos-pick-row{min-height:42px;padding:7px 9px}.compact-search-results .pos-pick-row strong{font-size:.82rem}.compact-search-results .pos-pick-row small{font-size:.72rem}.sale-first-layout{grid-template-columns:230px minmax(0,1fr)}.sale-sheet-panel .cart-lines{min-height:0}@media(max-width:900px){.compact-search-panel{max-height:none}.compact-search-results{max-height:160px!important}}


/* POS single-column cart search */
.sale-first-layout{grid-template-columns:minmax(0,1fr);position:relative}
.pos-cart-search{position:relative;z-index:12}
.pos-cart-search .cashier-search{height:42px;padding-inline:42px 14px;border-radius:12px;background:#f8fafc}
.pos-cart-search::before{content:'⌕';position:absolute;right:14px;top:6px;z-index:1;color:#a61d24;font-size:1.35rem;font-weight:900;pointer-events:none}
.pos-cart-search .compact-search-results{display:none!important;position:absolute;top:48px;right:0;left:0;max-height:220px;overflow:auto;padding:7px;border:1px solid #dfe4eb;border-radius:14px;background:#fff;box-shadow:0 18px 40px #1720332b}
.pos-cart-search .compact-search-results.is-open{display:grid!important;gap:5px}
.pos-cart-search .empty-state{margin:0;padding:12px}
.sale-sheet-panel{width:100%}
@media(max-width:900px){.pos-cart-search .compact-search-results{max-height:180px}}


/* Compact POS checkout */
.pos-checkout-grid{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(180px,.8fr) minmax(120px,.45fr);gap:8px;padding:9px;border:1px solid #e5e9f0;border-radius:14px;background:#f8fafc;align-items:end}
.pos-customer-strip{grid-column:1/-1;display:grid;grid-template-columns:minmax(240px,1.3fr) minmax(210px,1fr) auto;gap:8px;align-items:end;padding:0;border:0;background:transparent}
.pos-checkout-grid label{gap:4px;font-size:.76rem}
.pos-checkout-grid label>span{color:#667085;font-weight:800}
.pos-checkout-grid input,.pos-checkout-grid select{height:36px;border-radius:10px;padding-block:0;font-size:.88rem}
.pos-checkout-grid .small-button{height:36px;white-space:nowrap}
.pos-change-field{height:36px;margin:0;padding:0 12px;border-radius:10px;background:#eef1f5;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.82rem}
.pos-change-field strong{font-size:1rem;color:#111827}
.sale-sheet-panel .cart-total{padding:0 4px}
.sale-sheet-panel #completeSaleButton{width:100%;min-height:40px}
@media(max-width:760px){.pos-checkout-grid{grid-template-columns:1fr 1fr}.pos-customer-strip{grid-template-columns:1fr 1fr}.pos-customer-strip .small-button{grid-column:1/-1}.pos-change-field{grid-column:1/-1}}


/* POS payment modal */
.pos-checkout-dock{display:none}
.pos-pay-button{width:100%;min-height:46px;border-radius:13px;background:linear-gradient(120deg,#a9161e,#e5383b);color:#fff;font-weight:900;box-shadow:0 10px 22px #c8213530}
.payment-modal-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:14px 16px;border-radius:14px;background:#111827;color:#fff}
.payment-modal-summary span{font-weight:800;color:#d1d5db}
.payment-modal-summary strong{font-size:1.55rem}
#posCheckoutModalSlot .pos-checkout-grid{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(170px,.8fr) minmax(120px,.5fr);padding:14px;background:#f8fafc}
#posCheckoutModalSlot .pos-customer-strip{grid-column:1/-1}
.payment-modal-actions{display:grid;grid-template-columns:auto minmax(240px,1fr);gap:10px;margin-top:14px}
.payment-modal-actions .primary-button{min-height:46px;border:0;border-radius:13px}
@media(max-width:700px){#posCheckoutModalSlot .pos-checkout-grid{grid-template-columns:1fr}#posCheckoutModalSlot .pos-customer-strip{grid-template-columns:1fr}.payment-modal-actions{grid-template-columns:1fr}}


/* Compact POS header */
.cashier-header{min-height:64px;padding:9px 14px;gap:14px}
.cashier-header h1{font-size:1.28rem;line-height:1.2}
.cashier-header .eyebrow{font-size:.68rem}
.cashier-header p{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:440px}
.cashier-header-actions{gap:6px;flex-wrap:nowrap}
.cashier-header-actions .pos-quick-status{display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid #e5e9f0;border-radius:12px;background:#f8fafc}
.cashier-header-actions .status{padding:5px 9px;white-space:nowrap}
.cashier-header-actions .small-button{height:32px;padding:0 11px;border-radius:9px;font-size:.78rem;white-space:nowrap}
.cashier-icon-action{min-width:0;width:auto;height:38px;padding:0 11px;display:flex;align-items:center;gap:5px;font-size:.82rem}
.cashier-layout{height:calc(100vh - 88px)}
@media(max-width:780px){.cashier-header{align-items:stretch}.cashier-header-actions{width:100%;overflow-x:auto;padding-bottom:2px}.cashier-header p{max-width:none}.cashier-icon-action span{display:none}.cashier-icon-action{width:38px;justify-content:center;padding:0}.cashier-layout{height:auto}}


/* POS cart editing and held sales */
.cart-toolbar-actions{display:flex;align-items:center;gap:6px}
#heldSalesButton span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-inline-start:4px;border-radius:999px;background:#fff;color:#a71920;font-size:.72rem}
.sale-sheet-row{grid-template-columns:34px minmax(140px,1.5fr) minmax(90px,.75fr) minmax(112px,.78fr) minmax(65px,.55fr) minmax(72px,.65fr) minmax(100px,.8fr) 30px}
.cart-qty-input{width:48px!important;height:25px!important;padding:0 4px!important;border-radius:6px!important;text-align:center;font-size:.76rem!important}
.cart-note-input{width:100%!important;height:26px!important;padding:0 7px!important;border-radius:6px!important;font-size:.72rem!important}
.cart-remove-button{width:26px;height:26px;border-radius:7px;background:#fee2e2;color:#b4232a;font-size:1rem;font-weight:900;box-shadow:none}
.cart-remove-button:hover{transform:none;background:#fecaca}
.held-sales-list{display:grid;gap:9px}
.held-sale-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid #e5e9f0;border-radius:14px;background:#f8fafc}
.held-sale-card strong,.held-sale-card small{display:block}.held-sale-card small{margin-top:4px;color:#667085}
.held-sale-actions{display:flex;gap:7px}.held-sale-actions .ghost-button{height:38px;min-width:62px}.held-delete{color:#b4232a;background:#fee2e2}
@media(max-width:900px){.sale-sheet-row{grid-template-columns:30px minmax(120px,1fr) 105px 65px 28px}.sale-sheet-row>span:nth-child(3),.sale-sheet-row>span:nth-child(5),.sale-sheet-row>.cart-note-input{display:none}.held-sale-card{align-items:flex-start;flex-direction:column}.held-sale-actions{width:100%}.held-sale-actions button{flex:1}}


/* POS split payment */
.pos-payment-split{grid-column:1/3;border:1px solid #e5e9f0;border-radius:12px;background:#fff;padding:10px;display:grid;gap:8px}
.pos-payment-split-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#667085;font-weight:900;font-size:.78rem}
.pos-payment-rows{display:grid;gap:7px}
.pos-payment-row{display:grid;grid-template-columns:1fr 120px 34px;gap:7px;align-items:center}
.pos-payment-row select,.pos-payment-row input{height:34px;border-radius:9px}
.icon-button{width:34px;height:34px;border:0;border-radius:9px;background:#f1f4f8;color:#b32024;font-weight:900;cursor:pointer}
.pos-change-field small{display:block;margin-top:4px;color:#667085;font-weight:800}
@media(max-width:700px){.pos-payment-split{grid-column:1/-1}.pos-payment-row{grid-template-columns:1fr 90px 32px}}


/* POS returns */
.receipt-actions{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:12px}
.danger-action{color:#b32024;border-color:#f1c8ca;background:#fff5f5}
.return-banner{padding:10px 12px;border-radius:10px;background:#fff1f1;color:#9d191d;font-weight:900;text-align:center}
.recent-sale-row.is-returned{opacity:.72;background:#fff5f5}


/* Receipt payment breakdown */
.receipt-payments{display:grid;gap:6px;margin-top:10px;border-top:1px dashed #cbd5e1;padding-top:10px}
.receipt-payments h3{margin:0 0 2px;color:#111827;font-size:.9rem}
.receipt-payments div{display:flex;justify-content:space-between;gap:10px;background:#f8fafc;border-radius:9px;padding:6px 8px;font-size:.86rem}
.receipt-payments b{color:#111827}


/* Shift close receipt */
.shift-receipt-print{width:min(520px,100%);margin:0 auto;padding:18px;background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 12px 30px #11182714}
.shift-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.shift-kpi-grid div{background:#f8fafc;border-radius:10px;padding:8px;display:grid;gap:4px}
.shift-kpi-grid span{color:#667085;font-size:.78rem;font-weight:800}
.shift-kpi-grid b{font-size:1rem}
.shift-sales-list{display:grid;gap:6px;margin-top:10px;border-top:1px dashed #cbd5e1;padding-top:10px}
.shift-sales-list h3{margin:0;color:#111827;font-size:.9rem}
.shift-sale-row{display:grid;grid-template-columns:.5fr 1.2fr .8fr 1fr;gap:6px;align-items:center;background:#f8fafc;border-radius:9px;padding:6px 8px;font-size:.82rem}
.shift-sale-row.is-returned{background:#fff5f5;color:#9d191d}
@media print{.shift-receipt-print,.shift-receipt-print *{visibility:visible}.shift-receipt-print{position:absolute;inset:0 auto auto 0;width:80mm;max-width:80mm;margin:0;padding:8mm;border:0;border-radius:0;box-shadow:none}.shift-kpi-grid{grid-template-columns:1fr 1fr}.shift-sale-row{grid-template-columns:.5fr 1fr .8fr}}


/* Dedicated document printing */
@media print{
  body[data-print-mode]{background:#fff!important;margin:0!important}
  body[data-print-mode] *{visibility:hidden!important}
  body[data-print-mode] .detail-modal,
  body[data-print-mode] .detail-modal-card,
  body[data-print-mode] .detail-modal-body{display:block!important;position:static!important;inset:auto!important;width:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
  body[data-print-mode="receipt"] .receipt-print,
  body[data-print-mode="receipt"] .receipt-print *,
  body[data-print-mode="shift"] .shift-receipt-print,
  body[data-print-mode="shift"] .shift-receipt-print *{visibility:visible!important}
  body[data-print-mode="receipt"] .receipt-print,
  body[data-print-mode="shift"] .shift-receipt-print{position:absolute!important;inset:0 auto auto 0!important;width:80mm!important;max-width:80mm!important;min-height:auto!important;margin:0!important;padding:6mm!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#111827!important;background:#fff!important}
  body[data-print-mode] .receipt-actions,
  body[data-print-mode] .detail-modal-card>.section-title-row,
  body[data-print-mode] .detail-modal-card>header{display:none!important}
}


/* Final modal document print override */
@media print{
  body[data-print-mode]{background:#fff!important;margin:0!important}
  body[data-print-mode] *{visibility:hidden!important}
  body[data-print-mode] .detail-modal,
  body[data-print-mode] .detail-modal-card,
  body[data-print-mode] .detail-modal-body{display:block!important;position:static!important;inset:auto!important;width:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
  body[data-print-mode="receipt"] .receipt-print,
  body[data-print-mode="receipt"] .receipt-print *,
  body[data-print-mode="shift"] .shift-receipt-print,
  body[data-print-mode="shift"] .shift-receipt-print *{visibility:visible!important}
  body[data-print-mode="receipt"] .receipt-print,
  body[data-print-mode="shift"] .shift-receipt-print{position:absolute!important;inset:0 auto auto 0!important;width:80mm!important;max-width:80mm!important;min-height:auto!important;margin:0!important;padding:6mm!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#111827!important;background:#fff!important}
  body[data-print-mode] .receipt-actions,
  body[data-print-mode] .detail-modal-card>.section-title-row,
  body[data-print-mode] .detail-modal-card>header{display:none!important}
}


/* POS cart offer note */
.cart-product-name{display:grid;gap:2px}
.cart-promo-note{display:inline-block;width:max-content;max-width:100%;padding:2px 6px;border-radius:999px;background:#fff1f1;color:#b91f26;font-size:.68rem!important;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* POS return invoices */
.return-invoices-list{display:grid;gap:8px}
.return-invoice-row{display:grid;grid-template-columns:.45fr 1fr .8fr .65fr .8fr;gap:8px;align-items:center;width:100%;padding:10px 12px;border:1px solid #e8edf3;border-radius:12px;background:#fff;color:#172033;text-align:right;box-shadow:none}
.return-invoice-row:hover{background:#fff1f1;border-color:#f2b3b7;transform:none}
.return-invoice-row.is-returned{opacity:.7;background:#fff5f5;color:#9d191d}
@media(max-width:760px){.return-invoice-row{grid-template-columns:1fr 1fr}}


/* POS partial return cart */
.return-cart-list{display:grid;gap:8px}
.return-cart-row{display:grid;grid-template-columns:1.4fr .55fr .55fr .55fr;gap:8px;align-items:center;padding:10px 12px;border:1px solid #e8edf3;border-radius:12px;background:#fff}
.return-cart-row strong{display:grid;gap:2px}
.return-cart-row small{color:#667085;font-size:.75rem}
.return-cart-row input{height:36px;border-radius:9px}
@media(max-width:760px){.return-cart-row{grid-template-columns:1fr 1fr}}


.receipt-document-title {
  margin: 6px 0 4px;
  color: var(--danger);
  font-weight: 900;
  font-size: 15px;
}


.return-receipt-summary {
  border: 1px solid rgba(190, 24, 35, 0.2);
  background: rgba(239, 68, 68, 0.06);
  border-radius: 14px;
  padding: 10px 12px;
  margin: 10px 0;
  display: grid;
  gap: 5px;
  color: var(--ink);
}

.return-receipt-summary strong {
  color: var(--danger);
  font-weight: 900;
}

.return-receipt-summary p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.count-session-row {
  grid-template-columns: .85fr .4fr .9fr .45fr .45fr .55fr .6fr .55fr;
}

.count-session-line-row {
  grid-template-columns: 1.1fr .75fr .7fr .55fr .55fr .45fr .55fr;
}

.count-session-report-row {
  grid-template-columns: .45fr .85fr .85fr .45fr .45fr .55fr .65fr;
}

.count-entry {
  grid-template-columns: .8fr .8fr 1fr auto auto;
}

@media(max-width:800px) {
  .count-session-row,
  .count-session-line-row,
  .count-session-report-row {
    grid-template-columns: 1fr !important;
  }
}

.report-summary-cards {
  width: min(1180px, 100%);
  margin: -8px auto 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.report-summary-card {
  padding: 16px;
  border: 1px solid #e0e5ec;
  border-radius: 18px;
  background: linear-gradient(135deg, #ffffff, #f7f8fb);
  box-shadow: 0 12px 28px #1f293714;
}
.report-summary-card span,
.report-summary-card small {
  display: block;
  color: #667388;
  font-weight: 800;
}
.report-summary-card strong {
  display: block;
  margin: 7px 0 4px;
  color: #172033;
  font-size: 1.35rem;
}
.report-summary-card.ok strong { color: #16803f; }
.report-summary-card.warn strong { color: #b56a00; }
@media(max-width:900px){.report-summary-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.report-summary-cards{grid-template-columns:1fr}}

.report-section-tabs {
  width: min(1180px, 100%);
  margin: 0 auto -8px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
}
.report-section-tabs button {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  background: #edf1f5;
  color: #364152;
  box-shadow: none;
  font-weight: 900;
  white-space: nowrap;
}
.report-section-tabs button.active {
  background: #b91f26;
  color: #fff;
}
.report-section-tabs small {
  margin-inline-start: 6px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #ffffff55;
}
.report-section-hidden {
  display: none !important;
}
@media print {
  .report-section-tabs { display: none !important; }
  .report-section-hidden { display: block !important; }
}

.app-card.analytics { background: linear-gradient(135deg, #111827, #334155); color: #fff; }
.analytics-filters { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px; }
.analytics-filters label { display: grid; gap: 6px; font-weight: 800; color: #334155; }
.analytics-filters select, .analytics-filters input { min-width: 150px; border: 1px solid #dbe3ef; border-radius: 14px; padding: 10px 12px; background: #fff; font-weight: 800; }
.analytics-range-buttons { display: flex; gap: 8px; flex-wrap: wrap; }
.analytics-range-buttons button { border: 1px solid #e2e8f0; background: #f8fafc; color: #334155; border-radius: 999px; padding: 10px 14px; font-weight: 900; cursor: pointer; }
.analytics-range-buttons button.active { background: #dc2626; color: white; border-color: #dc2626; box-shadow: 0 12px 28px rgba(220,38,38,.22); }
.analytics-custom-dates { display: flex; gap: 10px; align-items: end; flex-wrap: wrap; }
.analytics-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(180px, 1fr)); gap: 16px; margin-bottom: 18px; }
.analytics-kpi { position: relative; overflow: hidden; min-height: 126px; border-radius: 24px; padding: 18px; color: #0f172a; background: #fff; box-shadow: 0 18px 45px rgba(15,23,42,.08); border: 1px solid #eef2f7; }
.analytics-kpi::after { content: ''; position: absolute; left: -38px; bottom: -48px; width: 120px; height: 120px; border-radius: 50%; background: rgba(220,38,38,.09); }
.analytics-kpi span { display: block; color: #64748b; font-size: .9rem; font-weight: 900; }
.analytics-kpi strong { display: block; margin: 10px 0 6px; font-size: 1.85rem; line-height: 1; letter-spacing: -.03em; }
.analytics-kpi small { color: #475569; font-weight: 800; }
.analytics-kpi.primary { background: linear-gradient(135deg, #dc2626, #991b1b); color: #fff; }
.analytics-kpi.primary span, .analytics-kpi.primary small { color: rgba(255,255,255,.86); }
.analytics-kpi.profit { background: linear-gradient(135deg, #0f172a, #475569); color: #fff; }
.analytics-kpi.profit span, .analytics-kpi.profit small { color: rgba(255,255,255,.84); }
.analytics-kpi.warn { background: linear-gradient(135deg, #fff7ed, #ffffff); border-color: #fed7aa; }
.analytics-charts-grid { display: grid; grid-template-columns: repeat(2, minmax(280px, 1fr)); gap: 18px; }
.analytics-chart { min-height: 310px; overflow: hidden; }
.analytics-chart.wide { grid-column: 1 / -1; }
.analytics-svg { width: 100%; height: 260px; color: #dc2626; overflow: visible; }
.analytics-svg path { stroke: #e2e8f0; stroke-width: 2; fill: none; }
.analytics-svg circle { fill: #dc2626; }
.analytics-svg text { fill: #64748b; font-size: 13px; font-weight: 800; }
.analytics-bars { display: grid; gap: 12px; }
.analytics-bar-row { display: grid; grid-template-columns: minmax(110px, 1fr) 2fr 86px; align-items: center; gap: 12px; font-weight: 900; }
.analytics-bar-row span { color: #334155; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.analytics-bar-row div { height: 13px; border-radius: 999px; background: #f1f5f9; overflow: hidden; direction: ltr; }
.analytics-bar-row i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #991b1b, #ef4444); }
.analytics-bar-row b { text-align: left; color: #0f172a; }
.analytics-donut-wrap { display: grid; grid-template-columns: 170px 1fr; align-items: center; gap: 18px; min-height: 220px; }
.analytics-donut { width: 170px; height: 170px; transform: rotate(-90deg); }
.analytics-donut circle { fill: none; stroke-width: 18; }
.analytics-donut .track { stroke: #f1f5f9; }
.analytics-legend { display: grid; gap: 10px; }
.analytics-legend span { display: flex; align-items: center; gap: 8px; color: #334155; font-weight: 900; }
.analytics-legend i { width: 12px; height: 12px; border-radius: 4px; }
@media (max-width: 1100px) { .analytics-kpi-grid { grid-template-columns: repeat(2, minmax(160px, 1fr)); } .analytics-charts-grid { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .analytics-kpi-grid { grid-template-columns: 1fr; } .analytics-bar-row { grid-template-columns: 1fr; } .analytics-donut-wrap { grid-template-columns: 1fr; justify-items: center; } }

.dashboard-hero{position:relative;overflow:hidden;align-items:stretch;min-height:156px;padding:28px 34px;background:linear-gradient(135deg,#ffffff 0%,#fff7f7 58%,#ffe8e8 100%)}
.dashboard-hero:before{content:"";position:absolute;inset:auto -70px -115px auto;width:260px;height:260px;border-radius:50%;background:#c81e2510}
.hero-main{position:relative;z-index:1;display:grid;gap:8px;align-content:center;text-align:right}
.hero-main h1{letter-spacing:-.04em;color:#101827}
.hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.meta-pill{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:999px;background:#f3f5f8;color:#344056;font-size:.88rem;font-weight:800}
.hero-actions{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;min-width:350px}
.quick-action-button,.logout-button{height:46px;border-radius:14px;padding:0 18px;font-weight:900;box-shadow:none;white-space:nowrap}
.quick-action-button{background:#eef2f6;color:#263447;border:1px solid #dce3ec}
.quick-action-button:hover{background:#e3e9f1}
.logout-button{min-width:112px;background:linear-gradient(135deg,#b91f26,#ef4444);color:#fff;box-shadow:0 12px 26px #c8213530}
html[dir="ltr"] .hero-main{text-align:left}
html[dir="ltr"] .dashboard-hero:before{right:auto;left:-70px}
@media(max-width:800px){.dashboard-hero{min-height:auto}.hero-actions{width:100%;min-width:0;justify-content:stretch}.quick-action-button,.logout-button{flex:1}.hero-meta{width:100%}.meta-pill{flex:1;justify-content:center;text-align:center}}

.analytics-filters{width:min(1180px,100%);margin:0 auto 18px;justify-content:flex-start;box-shadow:0 18px 42px rgba(15,23,42,.08)}
.analytics-kpi-grid{width:min(1180px,100%);margin:0 auto 18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.analytics-kpi{min-height:118px;padding:18px 20px;text-align:right}
.analytics-kpi strong{font-size:1.78rem}.analytics-kpi small{font-size:.85rem}
.analytics-charts-grid{width:min(1180px,100%);margin:0 auto 32px;display:block}
.analytics-executive-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px;margin-bottom:18px;align-items:stretch}
.analytics-side-stack{display:grid;gap:18px}
.analytics-lists-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.analytics-integrity-details{margin-top:10px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
.analytics-integrity-details summary{cursor:pointer;font-weight:800;color:#334155}
.analytics-integrity-details .analytics-insight-card{margin-top:8px}
.analytics-chart{min-height:unset;padding:22px;border-radius:24px;overflow:hidden}
.analytics-chart.wide{grid-column:auto}.analytics-chart.main-chart{min-height:340px}.analytics-chart.main-chart .analytics-svg{height:270px}.analytics-chart.list-chart.wide{grid-column:span 2}.analytics-chart.mini-chart{min-height:160px}.analytics-chart.mini-line .analytics-svg{height:180px}
.analytics-chart-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.analytics-chart-head h2{margin:3px 0 0;font-size:1.08rem}.analytics-chart-head .eyebrow{font-size:.75rem}
.analytics-line-wrap{display:grid;gap:6px}.analytics-svg{width:100%;height:220px;color:#dc2626;overflow:visible}.analytics-svg .axis{stroke:#e2e8f0;stroke-width:2;fill:none}.analytics-svg .area{fill:url(#none);opacity:.06}.analytics-svg circle{fill:#dc2626;stroke:#fff;stroke-width:3}.analytics-svg .value-label{fill:#475569;font-size:13px;font-weight:900}.chart-label-strip{display:flex;justify-content:space-between;gap:12px;color:#64748b;font-size:.8rem;font-weight:900}.chart-label-strip span{white-space:nowrap}
.analytics-bars.pro{display:grid;gap:10px}.analytics-bar-row{grid-template-columns:28px minmax(90px,1fr) minmax(120px,2fr) 72px;gap:10px;padding:0}.analytics-bar-row .rank{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:.78rem}.analytics-bar-row .bar-name{color:#0f172a;font-size:.92rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-bar-row div{height:12px}.analytics-bar-row b{text-align:left;font-size:.88rem}
.analytics-donut-wrap.compact{grid-template-columns:132px 1fr;gap:14px;min-height:132px}.analytics-donut-wrap.compact .analytics-donut{width:132px;height:132px}.analytics-legend span{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center}.analytics-legend b{font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-legend em{font-style:normal;color:#0f172a;font-weight:900}.analytics-empty{padding:28px 12px;background:#f8fafc;border-radius:16px}
@media(max-width:1100px){.analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-executive-grid,.analytics-lists-grid{grid-template-columns:1fr}.analytics-chart.list-chart.wide{grid-column:auto}}
@media(max-width:720px){.analytics-kpi-grid{grid-template-columns:1fr}.analytics-bar-row{grid-template-columns:28px 1fr 72px}.analytics-bar-row div{grid-column:2/-1}.analytics-donut-wrap.compact{grid-template-columns:1fr;justify-items:center}.analytics-range-buttons{width:100%}.analytics-range-buttons button{flex:1}}

/* Dashboard polish v5 */
#analyticsPage{gap:22px}.analytics-filters{width:min(1220px,calc(100% - 28px));border-radius:28px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.9);padding:18px 22px}.analytics-range-buttons button{height:44px;background:#fff;border-color:#e3e9f2;box-shadow:0 8px 18px rgba(15,23,42,.04)}.analytics-range-buttons button.active{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 16px 34px rgba(220,38,38,.25)}.analytics-filters select{height:48px;min-width:150px;background:#fff}
.analytics-kpi-grid{width:min(1220px,calc(100% - 28px));grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.analytics-kpi{display:flex;align-items:center;gap:14px;min-height:118px;border:1px solid rgba(226,232,240,.95);background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 22px 48px rgba(15,23,42,.08);transition:.18s ease}.analytics-kpi:hover{transform:translateY(-3px);box-shadow:0 26px 58px rgba(15,23,42,.12)}.analytics-kpi::after{width:112px;height:112px;opacity:.72}.kpi-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:#f1f5f9;font-size:1.25rem;flex:0 0 auto}.analytics-kpi strong{font-size:1.72rem}.analytics-kpi.primary{background:linear-gradient(135deg,#991b1b,#dc2626 55%,#ef4444);box-shadow:0 24px 54px rgba(220,38,38,.24)}.analytics-kpi.primary .kpi-icon,.analytics-kpi.profit .kpi-icon{background:rgba(255,255,255,.18)}.analytics-kpi.profit{background:linear-gradient(135deg,#111827,#334155)}.analytics-kpi.warn{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#fed7aa}.analytics-kpi.warn .kpi-icon{background:#ffedd5}
.analytics-charts-grid{width:min(1220px,calc(100% - 28px))}.analytics-executive-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.78fr);gap:20px}.analytics-lists-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.analytics-chart{border:1px solid rgba(226,232,240,.95);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 24px 58px rgba(15,23,42,.08);border-radius:28px}.analytics-chart.main-chart{min-height:370px;padding:26px}.analytics-chart.main-chart .analytics-svg{height:285px}.analytics-chart.mini-chart{min-height:178px}.analytics-chart.list-chart{padding:22px}.analytics-chart-head{padding-bottom:10px;border-bottom:1px solid #f1f5f9}.analytics-chart-head h2{font-size:1.15rem;color:#0f172a}.analytics-chart-head .eyebrow{letter-spacing:.01em}
.analytics-svg{height:226px;color:#dc2626}.analytics-svg .axis{stroke:#dce3ec;stroke-width:2}.analytics-svg .area{fill:url(#salesAreaGradient)}.analytics-svg polyline{filter:drop-shadow(0 8px 10px rgba(220,38,38,.18))}.analytics-svg .value-label{fill:#334155;font-size:12px;font-weight:900}.chart-label-strip{padding:0 28px;color:#64748b}.analytics-donut text{transform:rotate(90deg);transform-origin:50px 50px}.donut-total{font-size:12px;font-weight:900;fill:#0f172a}.donut-caption{font-size:6px;font-weight:800;fill:#64748b}.analytics-donut-wrap.compact{grid-template-columns:120px 1fr}.analytics-donut-wrap.compact .analytics-donut{width:120px;height:120px}.analytics-legend{gap:8px}.analytics-legend span{padding:6px 0;border-bottom:1px solid #f1f5f9}.analytics-legend span:last-child{border-bottom:0}.analytics-legend b{font-size:.84rem}.analytics-legend em{font-size:.86rem}
.analytics-bars.pro{gap:11px}.analytics-bar-row{grid-template-columns:30px minmax(120px,1.1fr) minmax(120px,1.7fr) 78px}.analytics-bar-row .rank{background:#eef2f7;color:#475569;font-weight:900}.analytics-bar-row .bar-name{font-size:.91rem}.analytics-bar-row div{height:13px;background:#eef2f7}.analytics-bar-row i{background:linear-gradient(90deg,#991b1b,#dc2626,#fb7185);box-shadow:0 6px 12px rgba(220,38,38,.18)}.analytics-bar-row b{font-size:.88rem;color:#0f172a}.analytics-chart.list-chart.wide .analytics-bar-row{grid-template-columns:30px minmax(180px,1.1fr) minmax(220px,2fr) 78px}
@media(max-width:1180px){.analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-executive-grid,.analytics-lists-grid{grid-template-columns:1fr}.analytics-chart.list-chart.wide{grid-column:auto}}
@media(max-width:720px){.analytics-kpi-grid{grid-template-columns:1fr}.analytics-kpi{min-height:106px}.analytics-bar-row,.analytics-chart.list-chart.wide .analytics-bar-row{grid-template-columns:30px 1fr 74px}.analytics-bar-row div{grid-column:2/-1}.analytics-donut-wrap.compact{grid-template-columns:1fr;justify-items:center}.analytics-filters{padding:16px}.analytics-range-buttons button{min-width:calc(50% - 5px)}}

/* Dashboard 3D premium v6 */
#analyticsPage{background:radial-gradient(circle at 82% 3%,rgba(248,113,113,.20),transparent 28%),radial-gradient(circle at 8% 65%,rgba(148,163,184,.18),transparent 34%),linear-gradient(135deg,#f8fafc,#fff7f7 62%,#f1f5f9);padding-bottom:34px}.analytics-filters{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.68));box-shadow:0 28px 70px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.7)}.analytics-filters:before{content:"";position:absolute;inset:1px;border-radius:27px;background:linear-gradient(135deg,rgba(255,255,255,.55),transparent 46%);pointer-events:none}.analytics-range-buttons button,.analytics-filters select{transform:translateZ(0);box-shadow:0 10px 18px rgba(15,23,42,.08),inset 0 1px 0 #fff}.analytics-range-buttons button:hover{transform:translateY(-3px);box-shadow:0 16px 26px rgba(15,23,42,.11),inset 0 1px 0 #fff}.analytics-range-buttons button.active{box-shadow:0 20px 38px rgba(220,38,38,.30),inset 0 1px 0 rgba(255,255,255,.35)}
.analytics-kpi{position:relative;isolation:isolate;transform-style:preserve-3d;border:1px solid rgba(255,255,255,.72);background:linear-gradient(145deg,#ffffff,#eef3f8);box-shadow:0 22px 0 -12px rgba(148,163,184,.22),0 34px 70px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.95)}.analytics-kpi:before{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(130deg,rgba(255,255,255,.65),transparent 38%,rgba(255,255,255,.12));z-index:-1}.analytics-kpi:hover{transform:translateY(-6px) rotateX(1.2deg);box-shadow:0 26px 0 -12px rgba(148,163,184,.28),0 42px 80px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.95)}.analytics-kpi.primary{background:linear-gradient(145deg,#7f1d1d 0%,#dc2626 58%,#fb7185 100%);box-shadow:0 26px 0 -12px rgba(127,29,29,.32),0 42px 80px rgba(220,38,38,.25),inset 0 1px 0 rgba(255,255,255,.28)}.analytics-kpi.profit{background:linear-gradient(145deg,#020617,#1e293b 58%,#475569);box-shadow:0 26px 0 -12px rgba(15,23,42,.34),0 42px 80px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.18)}.analytics-kpi.warn{background:linear-gradient(145deg,#fff7ed,#ffffff 60%,#ffedd5);box-shadow:0 26px 0 -12px rgba(251,146,60,.22),0 36px 70px rgba(154,52,18,.12),inset 0 1px 0 rgba(255,255,255,.95)}.kpi-icon{box-shadow:0 12px 22px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.85);transform:translateZ(18px)}.analytics-kpi strong,.analytics-kpi span,.analytics-kpi small{transform:translateZ(14px)}
.analytics-chart{position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.72);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,252,.90));box-shadow:0 26px 0 -13px rgba(148,163,184,.18),0 42px 85px rgba(15,23,42,.13),inset 0 1px 0 rgba(255,255,255,.96)}.analytics-chart:before{content:"";position:absolute;inset:0;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.72),transparent 42%);pointer-events:none;z-index:-1}.analytics-chart:hover{transform:translateY(-3px);box-shadow:0 30px 0 -13px rgba(148,163,184,.22),0 48px 90px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.96)}.analytics-chart.main-chart{background:linear-gradient(145deg,#ffffff,#f8fafc 68%,#fff1f2)}.analytics-svg polyline{filter:drop-shadow(0 12px 10px rgba(220,38,38,.24))}.analytics-svg circle{filter:drop-shadow(0 6px 8px rgba(220,38,38,.28))}.analytics-donut{filter:drop-shadow(0 18px 18px rgba(15,23,42,.14))}.analytics-donut circle:not(.track){filter:drop-shadow(0 3px 3px rgba(15,23,42,.12))}.analytics-bars.pro .analytics-bar-row div{box-shadow:inset 0 2px 5px rgba(15,23,42,.06)}.analytics-bar-row i{background:linear-gradient(90deg,#7f1d1d,#dc2626 55%,#fb7185);box-shadow:0 8px 16px rgba(220,38,38,.23),inset 0 1px 0 rgba(255,255,255,.35)}.analytics-bar-row .rank{box-shadow:0 7px 14px rgba(15,23,42,.08),inset 0 1px 0 #fff}.analytics-legend span{border-bottom-color:rgba(226,232,240,.75)}
.dashboard-hero{box-shadow:0 30px 80px rgba(15,23,42,.13),inset 0 1px 0 rgba(255,255,255,.95);background:linear-gradient(145deg,#ffffff 0%,#fff7f7 56%,#ffe4e6 100%)}.dashboard-hero:after{content:"";position:absolute;inset:0;border-radius:29px;background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 45%);pointer-events:none}.quick-action-button,.logout-button{box-shadow:0 12px 22px rgba(15,23,42,.09),inset 0 1px 0 rgba(255,255,255,.8)}.logout-button{box-shadow:0 18px 34px rgba(220,38,38,.28),inset 0 1px 0 rgba(255,255,255,.28)}
@media(prefers-reduced-motion:no-preference){.analytics-kpi,.analytics-chart,.analytics-range-buttons button{transition:transform .2s ease,box-shadow .2s ease}.analytics-kpi.primary .kpi-icon{animation:kpiFloat 4s ease-in-out infinite}@keyframes kpiFloat{0%,100%{transform:translateZ(18px) translateY(0)}50%{transform:translateZ(18px) translateY(-4px)}}}

/* Analytics intelligence v7 */
.analytics-executive-grid.v7{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr);gap:20px;margin-bottom:18px}.analytics-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:18px}.analytics-lists-grid.v7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.analytics-lists-grid.v7 .hero-list{grid-column:span 2}.insight-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.insight-strip article{padding:13px;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(15,23,42,.06);border:1px solid #eef2f7}.insight-strip span{display:block;color:#64748b;font-size:.78rem;font-weight:900}.insight-strip strong{display:block;margin:6px 0 2px;color:#0f172a;font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-strip small{color:#475569;font-weight:800}.analytics-alerts{display:grid;gap:9px;margin-top:13px}.analytics-alert{display:grid;gap:3px;padding:11px 13px;border-radius:16px;border:1px solid #e2e8f0;background:#f8fafc}.analytics-alert b{color:#0f172a}.analytics-alert span{color:#64748b;font-size:.86rem;font-weight:800}.analytics-alert.danger{background:#fef2f2;border-color:#fecaca}.analytics-alert.warn{background:#fff7ed;border-color:#fed7aa}.analytics-alert.info{background:#eff6ff;border-color:#bfdbfe}.analytics-alert.ok{background:#f0fdf4;border-color:#bbf7d0}.analytics-score{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center}.score-ring{--score:70;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#dc2626 calc(var(--score)*1%),#e2e8f0 0);position:relative;box-shadow:0 18px 30px rgba(220,38,38,.16)}.score-ring:after{content:"";position:absolute;inset:14px;border-radius:50%;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:inset 0 2px 8px rgba(15,23,42,.08)}.score-ring strong,.score-ring span{position:relative;z-index:1}.score-ring strong{font-size:1.45rem;color:#0f172a}.score-ring span{margin-top:32px;font-size:.7rem;color:#64748b;font-weight:900}.analytics-score h3{margin:0 0 7px;color:#0f172a}.analytics-score p{margin:0;color:#64748b;font-weight:800;line-height:1.7}.score-panel,.insights-panel{min-height:0}.analytics-mini-grid .mini-chart{min-height:210px}.analytics-lists-grid.v7 .analytics-chart{min-height:255px}
@media(max-width:1180px){.analytics-executive-grid.v7,.analytics-mini-grid,.analytics-lists-grid.v7{grid-template-columns:1fr}.analytics-lists-grid.v7 .hero-list{grid-column:auto}}
@media(max-width:620px){.insight-strip{grid-template-columns:1fr}.analytics-score{grid-template-columns:1fr;justify-items:center;text-align:center}}

/* Fix visible analytics numbers v8 */
.analytics-bars.pro{gap:12px}.analytics-bar-row,.analytics-chart.list-chart.wide .analytics-bar-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"rank name value" "rank bar bar";align-items:center;gap:7px 10px;padding:2px 0;direction:rtl}.analytics-bar-row .rank{grid-area:rank}.analytics-bar-row .bar-name{grid-area:name;min-width:0;text-align:right}.analytics-bar-row b{grid-area:value;min-width:64px;text-align:left;direction:ltr;justify-self:end;color:#071225;font-variant-numeric:tabular-nums}.analytics-bar-row div{grid-area:bar;width:100%;min-width:0;height:12px;direction:ltr}.analytics-chart.list-chart{overflow:visible}.analytics-chart{overflow:hidden}.analytics-lists-grid.v7 .analytics-chart{min-width:0}.analytics-bars.pro .analytics-bar-row:first-child b,.analytics-bars.pro .analytics-bar-row b{display:block;opacity:1;visibility:visible}.analytics-empty{overflow-wrap:anywhere}
@media(max-width:720px){.analytics-bar-row,.analytics-chart.list-chart.wide .analytics-bar-row{grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"rank name value" "bar bar bar"}.analytics-bar-row b{min-width:58px}}

/* Analytics hints v9 */
.analytics-chart-head{align-items:flex-start}.analytics-hint{margin:8px 0 0!important;max-width:620px;color:#64748b!important;font-size:.86rem;line-height:1.7;font-weight:800}.analytics-chart.mini-chart .analytics-hint,.analytics-chart.score-panel .analytics-hint,.analytics-chart.insights-panel .analytics-hint{font-size:.8rem;line-height:1.55}.analytics-chart-head h2{margin-bottom:0}.analytics-chart-head{gap:12px}.analytics-chart-head>div{min-width:0}

/* Themed analysis backgrounds v10 */
.analytics-chart{--a1:#ffffff;--a2:#f8fafc;--glow:rgba(220,38,38,.08);background:radial-gradient(circle at 92% 12%,var(--glow),transparent 34%),linear-gradient(145deg,var(--a1),var(--a2) 76%,#fff)}.analytics-chart.main-chart{--a1:#fff7f7;--a2:#ffffff;--glow:rgba(220,38,38,.18);background:radial-gradient(circle at 84% 10%,rgba(220,38,38,.16),transparent 32%),radial-gradient(circle at 8% 92%,rgba(248,113,113,.11),transparent 34%),linear-gradient(145deg,#fff,#fff5f5 64%,#fee2e2)}.analytics-chart.insights-panel{--a1:#ffffff;--a2:#f1f5f9;--glow:rgba(71,85,105,.14);background:radial-gradient(circle at 12% 16%,rgba(71,85,105,.13),transparent 32%),radial-gradient(circle at 90% 88%,rgba(220,38,38,.10),transparent 28%),linear-gradient(145deg,#fff,#f8fafc)}.analytics-chart.score-panel{--a1:#fff7ed;--a2:#ffffff;--glow:rgba(249,115,22,.16);background:radial-gradient(circle at 86% 18%,rgba(249,115,22,.18),transparent 30%),linear-gradient(145deg,#fff,#fff7ed 72%,#ffedd5)}.analytics-chart.mini-chart:nth-child(1),.analytics-mini-grid .analytics-chart:nth-child(1){--a1:#fff5f5;--a2:#ffffff;--glow:rgba(220,38,38,.16);background:radial-gradient(circle at 82% 18%,rgba(220,38,38,.16),transparent 31%),linear-gradient(145deg,#fff,#fff5f5 70%,#ffe4e6)}.analytics-chart.mini-chart:nth-child(2),.analytics-mini-grid .analytics-chart:nth-child(2){--a1:#f8fafc;--a2:#fff7ed;--glow:rgba(249,115,22,.16);background:radial-gradient(circle at 86% 18%,rgba(249,115,22,.16),transparent 30%),radial-gradient(circle at 6% 90%,rgba(71,85,105,.12),transparent 32%),linear-gradient(145deg,#fff,#f8fafc 55%,#fff7ed)}.analytics-lists-grid.v7 .analytics-chart:nth-child(1){background:radial-gradient(circle at 88% 12%,rgba(220,38,38,.13),transparent 32%),linear-gradient(145deg,#fff,#fff5f5 70%,#ffe4e6)}.analytics-lists-grid.v7 .analytics-chart:nth-child(2){background:radial-gradient(circle at 14% 16%,rgba(71,85,105,.12),transparent 32%),radial-gradient(circle at 90% 85%,rgba(220,38,38,.10),transparent 30%),linear-gradient(145deg,#fff,#f8fafc)}.analytics-lists-grid.v7 .analytics-chart:nth-child(3){background:radial-gradient(circle at 88% 16%,rgba(154,52,18,.13),transparent 30%),linear-gradient(145deg,#fff,#fff7ed 72%,#ffedd5)}.analytics-lists-grid.v7 .analytics-chart:nth-child(4){background:radial-gradient(circle at 88% 16%,rgba(15,23,42,.12),transparent 30%),linear-gradient(145deg,#fff,#f1f5f9 74%,#e2e8f0)}.analytics-lists-grid.v7 .analytics-chart:nth-child(5){background:radial-gradient(circle at 90% 15%,rgba(249,115,22,.18),transparent 32%),linear-gradient(145deg,#fff,#fff7ed 72%,#ffedd5)}.analytics-lists-grid.v7 .analytics-chart:nth-child(6){background:radial-gradient(circle at 88% 16%,rgba(220,38,38,.14),transparent 31%),radial-gradient(circle at 8% 86%,rgba(249,115,22,.12),transparent 30%),linear-gradient(145deg,#fff,#fff5f5)}.analytics-chart-head{border-bottom-color:rgba(148,163,184,.18)}.analytics-chart:after{content:"";position:absolute;inset:0;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.45),transparent 42%,rgba(255,255,255,.12));pointer-events:none}.analytics-chart>*{position:relative;z-index:1}.analytics-chart .eyebrow{background:linear-gradient(90deg,#b91c1c,#ef4444);-webkit-background-clip:text;background-clip:text;color:transparent!important}.analytics-lists-grid.v7 .analytics-chart:nth-child(3) .eyebrow,.analytics-lists-grid.v7 .analytics-chart:nth-child(5) .eyebrow,.score-panel .eyebrow{background:linear-gradient(90deg,#c2410c,#f97316);-webkit-background-clip:text;background-clip:text}.analytics-lists-grid.v7 .analytics-chart:nth-child(4) .eyebrow,.insights-panel .eyebrow{background:linear-gradient(90deg,#0f172a,#64748b);-webkit-background-clip:text;background-clip:text}

/* Advanced analytics additions v11 */
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.comparison-card{padding:13px;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e8eef6;box-shadow:0 10px 22px rgba(15,23,42,.06),inset 0 1px 0 #fff}.comparison-card span{display:block;color:#64748b;font-size:.78rem;font-weight:900}.comparison-card strong{display:block;margin:6px 0;font-size:1.25rem;color:#0f172a;direction:ltr}.comparison-card small{font-weight:900;color:#64748b}.comparison-card.up strong{color:#16a34a}.comparison-card.down strong{color:#dc2626}.comparison-card.flat strong{color:#64748b}.analytics-bar-row i.negative-bar{background:linear-gradient(90deg,#475569,#94a3b8)!important;box-shadow:0 8px 16px rgba(71,85,105,.22),inset 0 1px 0 rgba(255,255,255,.35)}.profit-panel{background:radial-gradient(circle at 90% 12%,rgba(22,163,74,.12),transparent 32%),radial-gradient(circle at 8% 90%,rgba(220,38,38,.10),transparent 30%),linear-gradient(145deg,#fff,#f0fdf4 62%,#dcfce7)!important}.comparison-panel{background:radial-gradient(circle at 88% 14%,rgba(59,130,246,.14),transparent 32%),linear-gradient(145deg,#fff,#eff6ff 72%,#dbeafe)!important}.analytics-lists-grid.v7 .analytics-chart:nth-child(2){background:radial-gradient(circle at 88% 14%,rgba(71,85,105,.16),transparent 32%),linear-gradient(145deg,#fff,#f8fafc 72%,#e2e8f0)!important}.analytics-lists-grid.v7 .analytics-chart:nth-child(4){background:radial-gradient(circle at 88% 14%,rgba(220,38,38,.14),transparent 32%),linear-gradient(145deg,#fff,#fff5f5 72%,#ffe4e6)!important}.analytics-lists-grid.v7 .analytics-chart:nth-child(5){background:radial-gradient(circle at 88% 14%,rgba(59,130,246,.13),transparent 32%),linear-gradient(145deg,#fff,#eff6ff 72%,#dbeafe)!important}.analytics-lists-grid.v7 .analytics-chart:nth-child(6){background:radial-gradient(circle at 88% 14%,rgba(249,115,22,.16),transparent 32%),linear-gradient(145deg,#fff,#fff7ed 72%,#ffedd5)!important}@media(max-width:620px){.comparison-grid{grid-template-columns:1fr}}

/* Wider launcher/dashboard layout v12 */
.dashboard-page > .dashboard-header.dashboard-hero{width:min(1540px,calc(100% - 56px))}.dashboard-page > .apps-grid{width:min(1540px,calc(100% - 56px));grid-template-columns:repeat(3,minmax(280px,1fr));gap:22px}.dashboard-page > .apps-grid .app-card{min-height:188px}.dashboard-page > .apps-grid .app-card h2{font-size:1.68rem}.dashboard-page > .apps-grid .app-icon{width:58px;height:58px}.analytics-filters,.analytics-kpi-grid,.analytics-charts-grid{width:min(1540px,calc(100% - 56px))}@media(min-width:1500px){.dashboard-page > .apps-grid{grid-template-columns:repeat(4,minmax(280px,1fr))}.dashboard-page > .apps-grid .app-card{min-height:178px}}@media(max-width:980px){.dashboard-page > .dashboard-header.dashboard-hero,.dashboard-page > .apps-grid,.analytics-filters,.analytics-kpi-grid,.analytics-charts-grid{width:min(100% - 28px,100%)}.dashboard-page > .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.dashboard-page > .apps-grid{grid-template-columns:1fr}.dashboard-page > .apps-grid .app-card{min-height:160px}}

/* Full-width launcher/dashboard layout v12b */
#dashboardPage > .dashboard-header.dashboard-hero{width:calc(100% - 56px);max-width:none}
#dashboardPage > .apps-grid{width:calc(100% - 56px);max-width:none;grid-template-columns:repeat(3,minmax(280px,1fr));gap:22px}
#dashboardPage > .apps-grid .app-card{min-height:188px}
#dashboardPage > .apps-grid .app-card h2{font-size:1.68rem}
#dashboardPage > .apps-grid .app-icon{width:58px;height:58px}
.analytics-filters,.analytics-kpi-grid,.analytics-charts-grid{width:calc(100% - 56px);max-width:none}
@media(min-width:1450px){#dashboardPage > .apps-grid{grid-template-columns:repeat(4,minmax(260px,1fr))}#dashboardPage > .apps-grid .app-card{min-height:178px}}
@media(max-width:980px){#dashboardPage > .dashboard-header.dashboard-hero,#dashboardPage > .apps-grid,.analytics-filters,.analytics-kpi-grid,.analytics-charts-grid{width:min(100% - 28px,100%)}#dashboardPage > .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#dashboardPage > .apps-grid{grid-template-columns:1fr}#dashboardPage > .apps-grid .app-card{min-height:160px}}

/* Purchasing center v14 */
.purchases-view{width:calc(100% - 56px);max-width:none;margin:0 auto;display:grid;gap:22px}.purchase-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.purchase-summary-card{position:relative;overflow:hidden;min-height:116px;padding:18px;border:1px solid #e5eaf1;border-radius:24px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 18px 36px rgba(15,23,42,.10),inset 0 1px 0 #fff}.purchase-summary-card:after{content:"";position:absolute;left:-34px;bottom:-48px;width:110px;height:110px;border-radius:50%;background:rgba(220,38,38,.10)}.purchase-summary-card span,.purchase-summary-card small{display:block;color:#64748b;font-weight:900}.purchase-summary-card strong{display:block;margin:8px 0 5px;font-size:1.55rem;color:#0f172a}.purchase-summary-card.primary{background:linear-gradient(135deg,#991b1b,#ef4444);color:#fff}.purchase-summary-card.primary span,.purchase-summary-card.primary small,.purchase-summary-card.primary strong{color:#fff}.purchase-summary-card.warn{border-color:#fed7aa;background:linear-gradient(145deg,#fff,#fff7ed)}.purchase-summary-card.paid{background:linear-gradient(145deg,#fff,#f0fdf4)}.purchase-service-grid{width:100%;max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.purchase-service-grid .app-card{min-height:145px}.purchase-work-panel{scroll-margin-top:18px}.purchase-filters{display:grid;grid-template-columns:1.5fr repeat(3,minmax(150px,.7fr));gap:12px;margin-bottom:14px}.purchase-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.purchase-mini-row{grid-template-columns:.25fr 1fr .8fr .6fr}.purchase-payment-mini-row{grid-template-columns:.35fr 1fr .65fr .7fr}.purchase-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.purchase-analytics-grid article{padding:18px;border:1px solid #e8eef6;border-radius:22px;background:radial-gradient(circle at 95% 15%,rgba(220,38,38,.12),transparent 34%),linear-gradient(145deg,#fff,#f8fafc);box-shadow:inset 0 1px 0 #fff}.purchase-analytics-grid h3{margin:5px 0 14px}.purchase-analytic-bar{display:grid;grid-template-columns:1fr 2fr .7fr;gap:12px;align-items:center;margin:11px 0}.purchase-analytic-bar span{font-weight:900;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-analytic-bar i{height:12px;border-radius:999px;background:#edf2f7;overflow:hidden}.purchase-analytic-bar em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#991b1b,#ef4444,#fb7185);box-shadow:0 8px 16px rgba(220,38,38,.22)}.purchase-analytic-bar b{direction:ltr;color:#0f172a}@media(max-width:1150px){.purchase-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-filters,.purchase-lower-grid,.purchase-analytics-grid{grid-template-columns:1fr}}@media(max-width:620px){.purchases-view{width:min(100% - 28px,100%)}.purchase-summary-grid,.purchase-service-grid{grid-template-columns:1fr}.purchase-mini-row,.purchase-payment-mini-row{grid-template-columns:1fr!important}}

/* Purchase returns v15 */
.purchase-service-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.purchase-return-form{display:grid;gap:14px;margin-bottom:16px;padding:16px;border:1px solid #fee2e2;border-radius:22px;background:linear-gradient(145deg,#fff,#fff5f5)}.purchase-return-row{grid-template-columns:.35fr 1fr .8fr .6fr .6fr 1fr}.purchase-return-line{grid-template-columns:1.2fr .7fr .6fr .8fr .6fr}.purchase-return-line input{height:38px;border-radius:10px}.purchase-return-row:hover{background:#fff1f1}@media(max-width:1150px){.purchase-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.purchase-return-row,.purchase-return-line{grid-template-columns:1fr!important}.purchase-service-grid{grid-template-columns:1fr}}

/* Purchase quick payment v16 */
#quickSupplierPaymentButton{background:linear-gradient(120deg,#991b1b,#ef4444);color:#fff;box-shadow:0 10px 20px rgba(220,38,38,.22)}
.quick-supplier-payment{display:grid;gap:16px;direction:rtl}.quick-payment-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #e7edf5;border-radius:24px;background:radial-gradient(circle at 8% 12%,rgba(220,38,38,.15),transparent 32%),radial-gradient(circle at 96% 4%,rgba(15,23,42,.12),transparent 34%),linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 18px 34px rgba(15,23,42,.10),inset 0 1px 0 #fff}.quick-payment-hero h3{margin:5px 0 6px;color:#0f172a}.quick-payment-hero p{margin:0;color:#64748b;font-weight:800;line-height:1.7}.quick-payment-hero>strong{white-space:nowrap;padding:10px 13px;border-radius:999px;background:#fff1f2;color:#991b1b;box-shadow:inset 0 1px 0 #fff;font-size:.86rem}.quick-supplier-payment .wide-field{grid-column:1/-1}.quick-payment-impact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border:1px solid #e7edf5;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fafc)}.quick-payment-impact div{padding:12px;border-radius:14px;background:#fff;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(15,23,42,.06)}.quick-payment-impact span{display:block;color:#64748b;font-weight:900}.quick-payment-impact b{display:block;margin-top:6px;color:#0f172a;font-size:1.2rem;font-variant-numeric:tabular-nums}.quick-payment-impact p{grid-column:1/-1;margin:0;color:#475569;font-weight:800;line-height:1.7}.quick-payment-impact .negative{color:#b91c1c}.quick-payment-impact .positive{color:#15803d}.quick-supplier-payment [aria-invalid=true]{border-color:#dc2626!important;background:#fff7f7}@media(max-width:620px){.quick-payment-hero{display:grid}.quick-payment-impact{grid-template-columns:1fr}.quick-payment-hero>strong{white-space:normal;text-align:center}}

/* Supplier profile in purchases v17 */
.supplier-profile-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-profile-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}.supplier-profile-grid article{padding:14px;border:1px solid #e8eef6;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fafc)}.supplier-profile-grid h3{margin:5px 0 10px}.supplier-profile-row{grid-template-columns:.35fr .7fr 1fr .65fr 1fr}.purchase-mini-row.clickable-row:hover,.supplier-profile-row.clickable-row:hover{background:#fff1f1}@media(max-width:760px){.supplier-profile-summary,.supplier-profile-row{grid-template-columns:1fr!important}}

/* Purchase cost analytics v18 */
.purchase-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-analytic-bar span small{display:block;margin-top:3px;color:#64748b;font-size:.72rem;font-weight:800;white-space:normal}.purchase-analytics-grid article:nth-child(3){background:radial-gradient(circle at 92% 12%,rgba(15,23,42,.12),transparent 34%),linear-gradient(145deg,#fff,#f8fafc)}.purchase-analytics-grid article:nth-child(4){background:radial-gradient(circle at 92% 12%,rgba(249,115,22,.16),transparent 34%),linear-gradient(145deg,#fff,#fff7ed)}@media(max-width:900px){.purchase-analytics-grid{grid-template-columns:1fr}}

/* Editable purchasing rows and session recovery */
.purchase-lines-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px}.purchase-lines-heading h3{margin:0 0 5px;color:#0f172a}.purchase-lines-heading small{color:#64748b;line-height:1.7}.purchase-item-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(60px,.4fr) minmax(75px,.5fr) minmax(110px,.75fr) minmax(80px,.55fr) auto;align-items:center;gap:14px;padding:16px;margin:10px 0;border:1px solid #e2e8f0;border-radius:20px;background:radial-gradient(circle at 92% 12%,rgba(220,38,38,.05),transparent 36%),linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 10px 24px rgba(15,23,42,.05),inset 0 1px 0 #fff;min-width:0}.purchase-item-name{display:flex;align-items:center;gap:10px;min-width:0}.purchase-item-name>div{min-width:0}.purchase-item-name strong{display:block;color:#0f172a;overflow-wrap:anywhere;line-height:1.6}.purchase-item-name small{display:block;color:#64748b;overflow-wrap:anywhere;font-size:.76rem;line-height:1.6}.purchase-item-rank{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:#eef2f7;color:#475569;font-size:.78rem;font-weight:900}.purchase-item-metric{display:grid;gap:5px;min-width:0}.purchase-item-metric>span,.purchase-edit-total>span{color:#64748b;font-size:.76rem;font-weight:800}.purchase-item-metric b{color:#0f172a;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.6;text-align:start}.purchase-item-total b{color:#b91c1c}.purchase-item-actions{display:flex;gap:6px;flex-wrap:wrap}.purchase-item-actions button{padding:0 12px;min-height:36px;border-radius:11px}.purchase-item-actions .remove-purchase-line{color:#991b1b}.purchase-line-editor{display:grid;gap:16px;padding:20px;margin:10px 0;border:1px solid #fecaca;border-radius:22px;background:radial-gradient(circle at 92% 8%,rgba(220,38,38,.11),transparent 40%),linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 18px 34px rgba(15,23,42,.08),inset 0 1px 0 #fff}.purchase-line-editor-head h3{margin:5px 0;color:#0f172a;overflow-wrap:anywhere}.purchase-line-editor-head small{color:#64748b;line-height:1.7}.purchase-line-editor-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(120px,.8fr);gap:12px;align-items:end}.purchase-line-editor-fields label{min-width:0}.purchase-line-editor-fields input{min-width:0;width:100%;direction:ltr;font-variant-numeric:tabular-nums}.purchase-edit-total{display:grid;align-content:center;gap:8px;min-height:74px;padding:12px 15px;border-radius:15px;background:#fff1f2}.purchase-edit-total strong{color:#991b1b;font-size:1.2rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.purchase-line-editor .form-actions{flex-wrap:wrap}.purchase-resume-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:20px 22px;border:1px solid #fed7aa;border-radius:24px;background:radial-gradient(circle at 92% 5%,rgba(220,38,38,.08),transparent 42%),linear-gradient(135deg,#fff,#fff7ed);box-shadow:0 18px 34px rgba(15,23,42,.07),inset 0 1px 0 #fff}.purchase-resume-notice>div{min-width:0}.purchase-resume-notice strong{color:#9a3412;line-height:1.7}.purchase-resume-notice p{margin:5px 0;color:#475569;overflow-wrap:anywhere}.purchase-resume-notice small{color:#64748b;line-height:1.7}.purchase-resume-notice b{display:inline-block;font-variant-numeric:tabular-nums}.purchase-resume-notice button{flex-shrink:0}.purchase-item-actions button:disabled{opacity:.5;cursor:default}@media(max-width:1100px){.purchase-item-row{grid-template-columns:repeat(4,minmax(0,1fr))}.purchase-item-name,.purchase-item-actions{grid-column:1/-1}.purchase-item-actions{justify-content:flex-end}.purchase-line-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.purchase-item-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.purchase-line-editor-fields{grid-template-columns:1fr}.purchase-line-editor .form-actions button{width:100%}.purchase-resume-notice{display:grid}.purchase-resume-notice button{width:100%}.purchase-lines-heading{align-items:flex-start}}

/* Product 360 profile UX */
.product-row-actions{display:flex;gap:7px;justify-content:flex-end;align-items:center}.product-row-actions .small-button{height:34px;padding:0 11px}.product-profile{display:grid;gap:16px}.product-profile-hero{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px;border-radius:24px;background:radial-gradient(circle at 92% 10%,rgba(239,68,68,.20),transparent 34%),radial-gradient(circle at 8% 95%,rgba(71,85,105,.14),transparent 32%),linear-gradient(135deg,#111827,#334155);color:#fff;box-shadow:0 24px 48px rgba(15,23,42,.24),inset 0 1px 0 rgba(255,255,255,.16)}.product-profile-hero:after{content:"";position:absolute;left:-46px;bottom:-72px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.11)}.product-profile-hero h2{position:relative;margin:7px 0 6px;color:#fff;font-size:1.7rem}.product-profile-hero p{position:relative;margin:0;color:#dbe4ef;font-weight:800}.product-profile-hero .eyebrow{color:#fecaca!important}.product-profile-badge{position:relative;z-index:1;padding:8px 13px;border-radius:999px;background:#ffffff1c;color:#fff;font-weight:900}.product-profile-badge.inactive{background:#64748b;color:#fff}.product-profile-actions{display:flex;flex-wrap:wrap;gap:9px}.product-profile-actions button{min-height:40px}.product-profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-profile-metric{position:relative;overflow:hidden;min-height:104px;padding:15px;border:1px solid #e6ebf2;border-radius:20px;background:radial-gradient(circle at 90% 18%,rgba(220,38,38,.10),transparent 32%),linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 16px 32px rgba(15,23,42,.09),inset 0 1px 0 #fff}.product-profile-metric:after{content:"";position:absolute;left:-26px;bottom:-36px;width:86px;height:86px;border-radius:50%;background:rgba(220,38,38,.08)}.product-profile-metric span,.product-profile-metric small{display:block;color:#64748b;font-weight:900}.product-profile-metric strong{display:block;margin:7px 0 5px;color:#0f172a;font-size:1.4rem;direction:ltr}.product-profile-metric.ok strong{color:#15803d}.product-profile-metric.warn{border-color:#fed7aa;background:linear-gradient(145deg,#fff,#fff7ed)}.product-profile-metric.warn strong{color:#b45309}.product-profile-metric.danger{border-color:#fecaca;background:linear-gradient(145deg,#fff,#fef2f2)}.product-profile-metric.danger strong{color:#dc2626}.product-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-profile-panel{padding:16px;border:1px solid #e6ebf2;border-radius:22px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 16px 32px rgba(15,23,42,.08),inset 0 1px 0 #fff}.product-profile-panel h3{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #edf1f6;color:#0f172a}.product-profile-row{display:grid;grid-template-columns:minmax(0,1fr) .28fr .42fr;gap:10px;align-items:center;width:100%;margin:8px 0;padding:10px 12px;border:1px solid #edf1f6;border-radius:15px;background:#fff;text-align:right;color:#0f172a}.product-profile-row.clickable{cursor:pointer}.product-profile-row.clickable:hover{background:#fff1f1;border-color:#fecaca;transform:translateY(-1px)}.product-profile-row strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-profile-row small{display:block;margin-top:3px;color:#64748b;font-size:.78rem;font-weight:800}.product-profile-row b{direction:ltr}.product-profile-row.ok{border-color:#dcfce7}.product-profile-row.warn{border-color:#fed7aa;background:#fffbeb}.product-profile-row.danger{border-color:#fecaca;background:#fff5f5}.product-profile-loading{display:grid;place-items:center;gap:10px;min-height:220px;text-align:center}.product-profile-loading strong{font-size:1.1rem;color:#0f172a}.product-profile-loading span{color:#64748b;font-weight:800}.profile-loader{width:54px;height:54px;border-radius:50%;border:5px solid #fee2e2;border-top-color:#dc2626;animation:profileSpin .85s linear infinite}@keyframes profileSpin{to{transform:rotate(360deg)}}@media(max-width:900px){.product-profile-metrics,.product-profile-grid{grid-template-columns:1fr}.product-profile-hero{flex-direction:column}.product-row-actions{justify-content:stretch}.product-row-actions button{flex:1}.product-profile-row{grid-template-columns:1fr .35fr .45fr}}@media(max-width:560px){.product-profile-row{grid-template-columns:1fr}.product-profile-actions button{flex:1}.product-profile-metric{min-height:92px}}

/* Purchasing 360 UX */
.supplier-360,.purchase-detail-pro{display:grid;gap:18px;direction:rtl}.supplier-hero,.purchase-detail-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border:1px solid rgba(226,232,240,.92);border-radius:28px;background:radial-gradient(circle at 12% 22%,rgba(220,38,38,.16),transparent 34%),radial-gradient(circle at 92% 6%,rgba(15,23,42,.13),transparent 30%),linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 24px 42px rgba(15,23,42,.14),inset 0 1px 0 #fff}.supplier-hero:after,.purchase-detail-hero:after{content:"";position:absolute;left:-44px;bottom:-54px;width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,rgba(220,38,38,.16),rgba(251,113,133,.08))}.supplier-hero h2,.purchase-detail-hero h2{margin:4px 0 6px;font-size:1.8rem;color:#0f172a}.supplier-hero p,.purchase-detail-hero p{margin:0;color:#64748b;font-weight:800}.supplier-risk,.purchase-status{min-width:138px;padding:14px 16px;border-radius:22px;text-align:center;background:#fff;box-shadow:inset 0 1px 0 #fff,0 14px 28px rgba(15,23,42,.12);font-weight:900}.supplier-risk span,.supplier-risk small{display:block;color:#64748b}.supplier-risk strong{display:block;margin:4px 0;font-size:1.2rem;color:#0f172a}.supplier-risk.warn,.purchase-status.warn{background:linear-gradient(145deg,#fff7ed,#fff);border:1px solid #fed7aa;color:#9a3412}.supplier-risk.ok,.purchase-status.ok{background:linear-gradient(145deg,#f0fdf4,#fff);border:1px solid #bbf7d0;color:#166534}.supplier-actions{display:flex;flex-wrap:wrap;gap:10px}.supplier-actions button{box-shadow:0 12px 24px rgba(15,23,42,.10)}.purchase-profile-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.supplier-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.purchase-profile-metric{position:relative;overflow:hidden;min-height:105px;padding:16px;border:1px solid #e7edf5;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,250,252,.92));box-shadow:0 18px 34px rgba(15,23,42,.10),inset 0 1px 0 #fff}.purchase-profile-metric:after{content:"";position:absolute;left:-28px;bottom:-42px;width:92px;height:92px;border-radius:50%;background:rgba(220,38,38,.09)}.purchase-profile-metric span,.purchase-profile-metric small{display:block;color:#64748b;font-weight:900}.purchase-profile-metric strong{display:block;margin:8px 0 4px;font-size:1.45rem;color:#0f172a}.purchase-profile-metric.primary{background:linear-gradient(135deg,#991b1b,#ef4444);border-color:#ef4444}.purchase-profile-metric.primary span,.purchase-profile-metric.primary strong,.purchase-profile-metric.primary small{color:#fff}.purchase-profile-metric.warn{border-color:#fed7aa;background:linear-gradient(145deg,#fff,#fff7ed)}.purchase-profile-metric.ok,.purchase-profile-metric.paid{background:linear-gradient(145deg,#fff,#f0fdf4);border-color:#dcfce7}.supplier-profile-grid.pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.supplier-profile-grid.pro article,.purchase-profile-panel,.purchase-profile-note{padding:18px;border:1px solid #e7edf5;border-radius:24px;background:radial-gradient(circle at 96% 10%,rgba(220,38,38,.10),transparent 30%),linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 16px 32px rgba(15,23,42,.10),inset 0 1px 0 #fff}.supplier-profile-grid.pro h3,.purchase-profile-panel h3{margin:4px 0 8px;color:#0f172a}.supplier-profile-grid.pro p,.purchase-panel-head p{margin:0 0 12px;color:#64748b;font-weight:800}.supplier-profile-row{grid-template-columns:.35fr .7fr 1fr .65fr 1fr}.purchase-detail-line{grid-template-columns:1.1fr .75fr .45fr .65fr .65fr .75fr}.purchase-profile-note{display:grid;grid-template-columns:.2fr 1fr;gap:12px;align-items:center}.purchase-profile-note b{color:#b91c1c}.purchase-profile-note span{color:#475569;font-weight:800}@media(max-width:1050px){.purchase-profile-metrics,.supplier-metrics,.supplier-profile-grid.pro{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.supplier-hero,.purchase-detail-hero{display:grid}.purchase-profile-metrics,.supplier-metrics,.supplier-profile-grid.pro{grid-template-columns:1fr}.supplier-profile-row,.purchase-detail-line,.purchase-profile-note{grid-template-columns:1fr!important}}

/* Purchase review and validation */
.purchase-validation-notice{display:grid;gap:5px;margin:0 0 18px;padding:15px 18px;border:1px solid #fecaca;border-inline-start:4px solid #dc2626;border-radius:16px;background:linear-gradient(135deg,#fff7f7,#fff);color:#991b1b;line-height:1.7;overflow-wrap:anywhere}.purchase-validation-notice strong{font-size:1rem}#purchaseCreateView [data-purchase-invalid]{border:2px solid #dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.1)}#purchaseCreateView[aria-busy="true"]{cursor:progress}#purchaseCreateView button:disabled{opacity:.6;cursor:progress}.purchase-review{display:grid;gap:16px;direction:rtl;min-width:0}.purchase-review-warning{padding:18px;border:1px solid #fed7aa;border-radius:20px;background:radial-gradient(circle at 90% 5%,rgba(249,115,22,.12),transparent 60%),linear-gradient(145deg,#fff,#fff7ed);color:#9a3412}.purchase-review-warning strong{font-size:1.1rem}.purchase-review-warning p{margin:7px 0 0;line-height:1.8}.purchase-review-context{display:flex;flex-wrap:wrap;gap:10px 20px;color:#475569;font-size:.9rem;line-height:1.8}.purchase-review-context b{color:#0f172a}.purchase-review-context b[dir="ltr"],.purchase-review-row b{display:inline-block;font-variant-numeric:tabular-nums}.purchase-review-list{display:grid;gap:10px;max-height:340px;overflow:auto;padding:2px}.purchase-review-row{padding:15px;border:1px solid #e2e8f0;border-radius:17px;background:linear-gradient(145deg,#fff,#f8fafc);min-width:0}.purchase-review-row>strong{display:block;overflow-wrap:anywhere;color:#0f172a}.purchase-review-row>div{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:9px;color:#64748b;font-size:.9rem;line-height:1.8}.purchase-review-row .purchase-cost-increase{color:#9a3412}.purchase-review-impact{margin:0;padding:12px 15px;border-radius:14px;background:#f1f5f9;color:#475569;line-height:1.8}.purchase-review .form-actions{flex-wrap:wrap}.purchase-assistant-card:last-child strong{white-space:normal;overflow:visible;font-size:.92rem;line-height:1.7}.purchase-assistant-card small{overflow-wrap:anywhere;line-height:1.6}@media(max-width:620px){.purchase-review .form-actions button{width:100%}.purchase-review-row>div{display:grid;gap:4px}}

/* Purchase assistant v19 */
.purchase-assistant{position:relative;overflow:hidden;padding:18px;border:1px solid #e6edf6;border-radius:26px;background:radial-gradient(circle at 8% 18%,rgba(220,38,38,.14),transparent 32%),radial-gradient(circle at 94% 8%,rgba(15,23,42,.12),transparent 34%),linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 20px 38px rgba(15,23,42,.12),inset 0 1px 0 #fff}.purchase-assistant:after{content:"";position:absolute;left:-42px;bottom:-54px;width:130px;height:130px;border-radius:50%;background:rgba(220,38,38,.08)}.purchase-assistant-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.purchase-assistant-head h3{margin:3px 0 6px;color:#0f172a}.purchase-assistant-head p{margin:0;color:#64748b;font-weight:800}.purchase-assistant-status{white-space:nowrap;padding:10px 14px;border-radius:999px;background:#eef2f7;color:#475569;font-weight:1000;box-shadow:inset 0 1px 0 #fff}.purchase-assistant-status.warn{background:#fff7ed;color:#9a3412}.purchase-assistant-status.ok{background:#f0fdf4;color:#166534}.purchase-assistant-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.purchase-assistant-card{min-height:98px;padding:13px;border:1px solid #edf2f7;border-radius:20px;background:rgba(255,255,255,.86);box-shadow:0 12px 22px rgba(15,23,42,.08),inset 0 1px 0 #fff}.purchase-assistant-card span,.purchase-assistant-card small{display:block;color:#64748b;font-weight:900}.purchase-assistant-card strong{display:block;margin:6px 0 4px;font-size:1.12rem;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-assistant-card.warn{border-color:#fed7aa;background:linear-gradient(145deg,#fff,#fff7ed)}.purchase-assistant-card.ok{border-color:#bbf7d0;background:linear-gradient(145deg,#fff,#f0fdf4)}.purchase-assistant-card.compare{background:linear-gradient(145deg,#fff,#fef2f2)}.purchase-assistant-card.muted{opacity:.78}@media(max-width:1200px){.purchase-assistant-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.purchase-assistant-head{display:grid}.purchase-assistant-cards{grid-template-columns:1fr}}

/* Purchase return review and quantity selection */
.purchase-return-form{padding:24px;gap:20px;background:radial-gradient(circle at 95% 5%,rgba(220,38,38,.08),transparent 40%),linear-gradient(135deg,#fff,#f8fafc);box-shadow:inset 0 1px 0 #fff,0 14px 32px rgba(15,23,42,.05)}
.purchase-return-heading{display:flex;justify-content:space-between;gap:18px;align-items:start}
.purchase-return-heading h3{margin:0;color:#0f172a;font-size:1.2rem}
.purchase-return-heading p{margin:8px 0 0;line-height:1.8;font-size:.9rem}
.purchase-return-badge{flex-shrink:0;padding:8px 12px;border-radius:12px;background:#fff1f2;color:#991b1b;font-weight:800;font-size:.8rem}
.purchase-return-context{padding:16px 18px;background:rgba(255,255,255,.85);border:1px solid #e2e8f0;border-radius:18px;min-width:0}
.purchase-return-context p{margin:8px 0 0;line-height:1.8;font-size:.86rem;color:#475569}
.purchase-return-context p:first-child{margin-top:0}
.purchase-return-context button{margin-top:10px}
.purchase-return-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#475569;font-size:.85rem}
.purchase-return-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}
.purchase-return-toolbar button{min-height:38px;height:auto;padding:10px 12px;font-size:.8rem}
.purchase-return-items{display:grid;gap:12px;min-width:0}
.purchase-return-item{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr) minmax(130px,.7fr) minmax(90px,.5fr);align-items:center;gap:20px;padding:18px;border:1px solid #e2e8f0;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 8px 20px rgba(15,23,42,.04);min-width:0}
.purchase-return-limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;min-width:0}
.purchase-return-limits>span{display:grid;gap:5px;min-width:0;font-size:.76rem;color:#64748b;line-height:1.6}
.purchase-return-limits b{color:#334155;font-size:.88rem;text-align:start;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.purchase-return-quantity{min-width:0;font-size:.85rem}
.purchase-return-quantity input{direction:ltr;font-variant-numeric:tabular-nums;min-width:0}
.purchase-return-item .purchase-item-total b{font-size:1.15rem;text-align:start}
.purchase-return-issue{font-size:.75rem;color:#991b1b;line-height:1.7;font-weight:600;min-height:1.7em;overflow-wrap:anywhere}
.purchase-return-quantity input[aria-invalid=true]{border-color:#dc2626;background:#fff7f7}
.purchase-return-item.is-unavailable{background:#f1f5f9}
.purchase-return-item.is-unavailable input{background:#e2e8f0;cursor:default}
.purchase-return-validation{margin:0;padding:12px 16px;border:1px solid #fecaca;border-radius:14px;background:#fff1f2;color:#991b1b;line-height:1.7}
.purchase-return-form .form-actions{flex-wrap:wrap}
.purchase-return-form button:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}
@media(max-width:1100px){.purchase-return-item{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-return-item .purchase-item-name{grid-column:1/-1}.purchase-return-limits{grid-column:1/-1}.purchase-return-toolbar{align-items:start;flex-direction:column}}
@media(max-width:620px){.purchase-return-form{padding:16px}.purchase-return-heading{flex-direction:column}.purchase-return-item{padding:14px;gap:14px}.purchase-return-form .form-actions button{width:100%}.purchase-return-toolbar>div{width:100%}.purchase-return-toolbar button{flex:1}.purchase-return-badge{font-size:.75rem}}

/* Sales customer 360 */
.customer-360 .customer-hero{background:radial-gradient(circle at 12% 18%,rgba(220,38,38,.18),transparent 34%),radial-gradient(circle at 94% 8%,rgba(15,23,42,.16),transparent 32%),linear-gradient(145deg,#fff,#f8fafc)}
.customer-360 .customer-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.customer-profile-grid article{min-width:0}
.customer-profile-row{grid-template-columns:.35fr .65fr 1fr .55fr .55fr .65fr;min-width:0}
.customer-profile-row small,.customer-profile-row span,.customer-profile-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-profile-row[data-profile-payment]{grid-template-columns:.35fr .7fr 1fr .55fr 1fr}
.customer-360 .supplier-actions{justify-content:flex-start}
@media(max-width:1050px){.customer-360 .customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-profile-grid{grid-template-columns:1fr!important}}
@media(max-width:680px){.customer-profile-row,.customer-profile-row[data-profile-payment]{grid-template-columns:1fr!important}.customer-360 .customer-metrics{grid-template-columns:1fr}}

/* Sales invoice follow-up board */
.sales-followup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.sales-followup-card{position:relative;overflow:hidden;min-height:94px;padding:15px;border:1px solid #e7edf5;border-radius:20px;background:radial-gradient(circle at 92% 12%,rgba(220,38,38,.10),transparent 34%),linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 16px 30px rgba(15,23,42,.08),inset 0 1px 0 #fff}
.sales-followup-card:after{content:"";position:absolute;left:-28px;bottom:-42px;width:90px;height:90px;border-radius:50%;background:rgba(220,38,38,.08)}
.sales-followup-card span,.sales-followup-card small{display:block;color:#64748b;font-weight:900;position:relative;z-index:1}
.sales-followup-card strong{display:block;margin:7px 0 4px;color:#0f172a;font-size:1.35rem;font-variant-numeric:tabular-nums;position:relative;z-index:1}
.sales-followup-card.primary{background:linear-gradient(135deg,#991b1b,#ef4444);border-color:#ef4444}.sales-followup-card.primary span,.sales-followup-card.primary strong,.sales-followup-card.primary small{color:#fff}
.sales-followup-card.paid{border-color:#bbf7d0;background:linear-gradient(145deg,#fff,#f0fdf4)}.sales-followup-card.risk,.sales-followup-card.draft{border-color:#fed7aa;background:linear-gradient(145deg,#fff,#fff7ed)}
.sales-invoice-card{display:grid;gap:12px;margin:10px 0;padding:16px;border:1px solid #e6edf6;border-radius:22px;background:radial-gradient(circle at 96% 8%,rgba(220,38,38,.08),transparent 34%),linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 14px 30px rgba(15,23,42,.07),inset 0 1px 0 #fff;transition:.16s ease}
.sales-invoice-card:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(15,23,42,.11),inset 0 1px 0 #fff;background:radial-gradient(circle at 96% 8%,rgba(220,38,38,.12),transparent 34%),linear-gradient(145deg,#fff,#fff7f7)}
.sales-invoice-card.risk{border-color:#fecaca}.sales-invoice-card.draft{border-color:#fed7aa}.sales-invoice-card.paid{border-color:#dcfce7}
.sales-invoice-main,.sales-invoice-money,.sales-invoice-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.sales-invoice-main>div{min-width:0;flex:1}.sales-invoice-main strong{display:block;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-invoice-main small{display:block;margin-top:4px;color:#64748b;font-weight:800}.sales-invoice-number{padding:8px 10px;border-radius:12px;background:#eef2f7;color:#475569;font-weight:1000}
.sales-invoice-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;border-radius:16px;background:rgba(255,255,255,.76);border:1px solid #eef2f7}.sales-invoice-money div{min-width:0}.sales-invoice-money span{display:block;color:#64748b;font-size:.78rem;font-weight:900}.sales-invoice-money b{display:block;margin-top:4px;color:#0f172a;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sales-invoice-progress{height:8px;border-radius:999px;background:#edf2f7;overflow:hidden}.sales-invoice-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#991b1b,#ef4444,#fb7185);box-shadow:0 6px 14px rgba(220,38,38,.25)}
.sales-health{padding:7px 10px;border-radius:999px;background:#eef2f7;color:#475569;font-size:.78rem;font-weight:1000}.sales-health.paid{background:#dcfce7;color:#166534}.sales-health.risk,.sales-health.open{background:#fee2e2;color:#991b1b}.sales-health.draft{background:#ffedd5;color:#9a3412}.sales-detail-hint{color:#64748b;font-size:.82rem;font-weight:900}
@media(max-width:1050px){.sales-followup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-invoice-money{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.sales-followup-grid,.sales-invoice-money{grid-template-columns:1fr}.sales-invoice-main,.sales-invoice-footer{align-items:flex-start;flex-direction:column}.sales-invoice-footer button{width:100%}}

/* Sales invoice creation assistant */
.sales-invoice-assistant{display:grid;gap:12px;margin:4px 0 8px;direction:rtl}
.sales-assistant-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid #e7edf5;border-radius:24px;background:radial-gradient(circle at 12% 18%,rgba(220,38,38,.16),transparent 34%),radial-gradient(circle at 94% 8%,rgba(15,23,42,.13),transparent 34%),linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 18px 36px rgba(15,23,42,.10),inset 0 1px 0 #fff}
.sales-assistant-hero:after{content:"";position:absolute;left:-38px;bottom:-52px;width:126px;height:126px;border-radius:50%;background:rgba(220,38,38,.08)}
.sales-assistant-hero h3{position:relative;z-index:1;margin:4px 0 5px;color:#0f172a;font-size:1.25rem}.sales-assistant-hero p{position:relative;z-index:1;margin:0;color:#64748b;font-weight:900;line-height:1.7}.sales-assistant-hero>strong{position:relative;z-index:1;max-width:420px;padding:10px 13px;border-radius:16px;background:#fff;color:#475569;box-shadow:inset 0 1px 0 #fff,0 12px 24px rgba(15,23,42,.08);font-size:.88rem;line-height:1.7}.sales-assistant-hero.ready>strong{background:#dcfce7;color:#166534}.sales-assistant-hero.open>strong{background:#fff7ed;color:#9a3412}.sales-assistant-hero.warn>strong{background:#fee2e2;color:#991b1b}
.sales-assistant-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sales-assistant-metrics div{padding:13px;border:1px solid #edf2f7;border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 12px 24px rgba(15,23,42,.07),inset 0 1px 0 #fff}.sales-assistant-metrics span{display:block;color:#64748b;font-size:.78rem;font-weight:900}.sales-assistant-metrics b{display:block;margin-top:5px;color:#0f172a;font-size:1.15rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media(max-width:900px){.sales-assistant-hero{display:grid}.sales-assistant-hero>strong{max-width:none}.sales-assistant-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sales-assistant-metrics{grid-template-columns:1fr}}

/* Editable sales invoice lines */
.sales-line-editable{grid-template-columns:minmax(0,1.35fr) minmax(90px,.55fr) minmax(105px,.65fr) minmax(85px,.45fr) auto;align-items:center;gap:12px;padding:14px;border-radius:18px;background:radial-gradient(circle at 96% 10%,rgba(220,38,38,.06),transparent 36%),linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e7edf5;box-shadow:0 10px 24px rgba(15,23,42,.06),inset 0 1px 0 #fff}
.sales-line-editable strong{min-width:0}.sales-line-editable strong span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-line-editable strong small{display:block;margin-top:4px;color:#64748b;font-size:.76rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-line-editable label{display:grid;gap:5px;margin:0}.sales-line-editable label span{color:#64748b;font-size:.74rem;font-weight:900}.sales-line-input{width:100%;height:38px;border-radius:12px;text-align:center;direction:ltr;font-weight:900;font-variant-numeric:tabular-nums}.sales-line-editable b{font-variant-numeric:tabular-nums;color:#991b1b}.sales-line-editable .remove-sales-line{height:38px;min-width:64px}
@media(max-width:760px){.sales-line-editable{grid-template-columns:1fr 1fr}.sales-line-editable strong,.sales-line-editable b,.sales-line-editable button{grid-column:1/-1}.sales-line-editable .remove-sales-line{width:100%}}

/* Sales invoice filters */
.sales-invoice-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(140px,.35fr) minmax(140px,.35fr);gap:10px;margin:0 0 16px;padding:12px;border:1px solid #e7edf5;border-radius:20px;background:radial-gradient(circle at 96% 8%,rgba(220,38,38,.08),transparent 34%),linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 12px 26px rgba(15,23,42,.06),inset 0 1px 0 #fff}.sales-invoice-filters input,.sales-invoice-filters select{height:42px;border-radius:14px;background:#fff}.sales-filter-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;color:#64748b;font-weight:900}.sales-filter-meta span{padding:7px 10px;border-radius:999px;background:#eef2f7}.sales-filter-meta button{min-height:34px}
@media(max-width:760px){.sales-invoice-filters{grid-template-columns:1fr}.sales-filter-meta{align-items:stretch;flex-direction:column}.sales-filter-meta button{width:100%}}

/* Professional dashboard launcher refresh */
#dashboardPage{position:relative;overflow:hidden;padding-block:10px 34px;background:radial-gradient(circle at 92% 2%,rgba(220,38,38,.13),transparent 30%),radial-gradient(circle at 3% 92%,rgba(15,23,42,.10),transparent 30%)}
#dashboardPage:before{content:"";position:absolute;inset:18px 24px auto 24px;height:270px;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(255,255,255,0));pointer-events:none}
#dashboardPage > .dashboard-header.dashboard-hero{position:relative;isolation:isolate;overflow:hidden;min-height:205px;padding:34px 38px;border:1px solid rgba(226,232,240,.92);border-radius:34px;background:radial-gradient(circle at 12% 18%,rgba(220,38,38,.12),transparent 32%),radial-gradient(circle at 92% 4%,rgba(15,23,42,.10),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,247,247,.88));box-shadow:0 34px 90px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.96)}
#dashboardPage > .dashboard-header.dashboard-hero:before{content:"";position:absolute;right:-80px;bottom:-135px;width:330px;height:330px;border-radius:50%;background:linear-gradient(135deg,rgba(220,38,38,.16),rgba(251,113,133,.06));z-index:-1}
#dashboardPage > .dashboard-header.dashboard-hero:after{content:"";position:absolute;left:38px;top:34px;width:150px;height:150px;border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,.08));transform:rotate(-10deg);z-index:-1}
#dashboardPage .hero-main h1{letter-spacing:-.03em;text-shadow:0 10px 28px rgba(15,23,42,.08)}
#dashboardPage .hero-main p{max-width:620px;color:#64748b;font-weight:800;line-height:1.8}
#dashboardPage .hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.meta-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.82);color:#334155;font-weight:900;box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(15,23,42,.07)}
#dashboardPage .hero-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:11px}.quick-action-button,.logout-button{min-height:48px;border-radius:15px;padding:0 18px;font-weight:1000}.quick-action-button{background:rgba(248,250,252,.92);border:1px solid rgba(226,232,240,.9);color:#0f172a}.logout-button{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}
#dashboardPage > .apps-grid{position:relative;z-index:1;align-items:stretch}.dashboard-page > .apps-grid .app-card{isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:205px;padding:26px 28px;border:1px solid rgba(255,255,255,.22);border-radius:30px;box-shadow:0 24px 58px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.18);transform-style:preserve-3d;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.dashboard-page > .apps-grid .app-card:hover{transform:translateY(-7px) scale(1.01);box-shadow:0 34px 72px rgba(15,23,42,.24),inset 0 1px 0 rgba(255,255,255,.22);filter:saturate(1.06)}
.dashboard-page > .apps-grid .app-card:before{content:"";position:absolute;inset:0;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 45%);z-index:-1}.dashboard-page > .apps-grid .app-card:after{width:190px;height:190px;left:-62px;bottom:-82px;background:rgba(255,255,255,.20)}
.dashboard-page > .apps-grid .app-icon{position:absolute;top:24px;right:24px;width:60px;height:60px;border-radius:19px;background:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 30px rgba(15,23,42,.14);backdrop-filter:blur(6px)}
.dashboard-page > .apps-grid .app-card h2{margin:0 0 8px;font-size:1.78rem;line-height:1.15;text-shadow:0 10px 24px rgba(0,0,0,.14)}.dashboard-page > .apps-grid .app-card p{max-width:92%;font-weight:800;line-height:1.65;color:rgba(255,255,255,.88)}
.dashboard-page > .apps-grid .app-card h2:before{content:"جاهز";display:block;width:max-content;margin:0 0 12px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.18);color:rgba(255,255,255,.88);font-size:.72rem;font-weight:1000;letter-spacing:0;text-shadow:none}.dashboard-page > .apps-grid .app-card.analytics h2:before{content:"لوحة"}.dashboard-page > .apps-grid .app-card.settings h2:before{content:"تهيئة"}.dashboard-page > .apps-grid .app-card.pos h2:before{content:"تشغيل"}
@media(max-width:980px){#dashboardPage > .dashboard-header.dashboard-hero{min-height:auto;padding:26px}.dashboard-page > .apps-grid .app-card{min-height:180px}.dashboard-page > .apps-grid .app-icon{position:relative;top:auto;right:auto;margin-bottom:24px}}
@media(max-width:560px){#dashboardPage{padding-block:0 22px}.dashboard-page > .apps-grid .app-card{min-height:168px}.quick-action-button,.logout-button{flex:1}}

/* Dashboard balance polish - no analytics */
#dashboardPage > .dashboard-header.dashboard-hero{min-height:168px;padding:28px 34px;margin-top:0}
#dashboardPage .hero-main h1{font-size:clamp(2.15rem,3.4vw,3.15rem)}
#dashboardPage .hero-main p{font-size:1rem;margin-top:6px}
#dashboardPage .hero-meta{margin-top:12px}
#dashboardPage > .apps-grid{grid-auto-flow:dense;align-items:stretch}
@media(min-width:1450px){#dashboardPage > .apps-grid .app-card.settings,#dashboardPage > .apps-grid .app-card.analytics{grid-column:span 2;min-height:178px}#dashboardPage > .apps-grid .app-card.settings h2,#dashboardPage > .apps-grid .app-card.analytics h2{font-size:1.95rem}#dashboardPage > .apps-grid .app-card.settings p,#dashboardPage > .apps-grid .app-card.analytics p{max-width:78%}}
@media(min-width:981px) and (max-width:1449px){#dashboardPage > .apps-grid .app-card.settings,#dashboardPage > .apps-grid .app-card.analytics{grid-column:span 1}}
@media(max-width:980px){#dashboardPage > .dashboard-header.dashboard-hero{padding:24px;min-height:auto}#dashboardPage > .apps-grid .app-card.settings,#dashboardPage > .apps-grid .app-card.analytics{grid-column:auto}}

/* Dashboard app search - no analytics */
.dashboard-launcher-tools{position:relative;z-index:2;width:calc(100% - 56px);max-width:none;margin:-8px auto -8px;display:flex;gap:10px;padding:12px;border:1px solid rgba(226,232,240,.92);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 18px 38px rgba(15,23,42,.08),inset 0 1px 0 #fff;backdrop-filter:blur(8px)}.dashboard-launcher-tools input{height:44px;border-radius:15px;background:#fff}.dashboard-launcher-tools .ghost-button{height:44px;min-width:92px;border-radius:14px}@media(max-width:680px){.dashboard-launcher-tools{width:min(100% - 28px,100%);display:grid}.dashboard-launcher-tools .ghost-button{width:100%}}


/* Dashboard launchpad usability - no analytics */
#dashboardPage > .apps-grid .app-card{outline:0}
#dashboardPage > .apps-grid .app-card:focus-visible{box-shadow:0 0 0 4px rgba(239,68,68,.20),0 34px 72px rgba(15,23,42,.24),inset 0 1px 0 rgba(255,255,255,.22)}
:is(#dashboardPage,#inventoryHub,#accountingHub,#reportsHub,#settingsPage,#purchasesPage) .app-card:focus-visible{outline:3px solid #dc2626;outline-offset:4px}
#dashboardPage > .apps-grid .app-card:before{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
#dashboardPage > .apps-grid .app-card .app-icon:after{content:var(--app-index);position:absolute;top:-8px;left:-8px;min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.92);color:#0f172a;font-size:.78rem;font-weight:1000;box-shadow:0 10px 22px rgba(15,23,42,.18)}
#dashboardPage > .apps-grid .app-card.last-used{box-shadow:0 28px 70px rgba(220,38,38,.24),inset 0 1px 0 rgba(255,255,255,.24);border-color:rgba(255,255,255,.42)}
#dashboardPage > .apps-grid .app-card.last-used h2:after{content:"آخر استخدام";display:inline-flex;margin-inline-start:10px;vertical-align:middle;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.20);color:#fff;font-size:.72rem;font-weight:1000;text-shadow:none}
.dashboard-launcher-tools:before{content:"/";width:34px;height:34px;display:grid;place-items:center;align-self:center;border-radius:11px;background:#f1f5f9;color:#64748b;font-weight:1000;box-shadow:inset 0 1px 0 #fff}
.dashboard-empty-state{position:relative;z-index:2;width:calc(100% - 56px);max-width:none;margin:-4px auto 0;padding:26px;border:1px dashed rgba(148,163,184,.7);border-radius:24px;background:rgba(255,255,255,.76);text-align:center;box-shadow:0 18px 38px rgba(15,23,42,.07)}
.dashboard-empty-state strong,.dashboard-empty-state span{display:block}.dashboard-empty-state strong{color:#0f172a;font-size:1.1rem}.dashboard-empty-state span{margin-top:7px;color:#64748b;font-weight:800}
@media(max-width:680px){.dashboard-launcher-tools:before{display:none}.dashboard-empty-state{width:min(100% - 28px,100%)}}


/* Dashboard launcher category filters - no analytics */
.dashboard-launcher-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-inline-start:4px}
.dashboard-launcher-filters button{height:40px;padding:0 14px;border-radius:999px;background:#f1f5f9;color:#475569;border:1px solid rgba(226,232,240,.92);box-shadow:none;font-weight:1000}
.dashboard-launcher-filters button.active{background:linear-gradient(135deg,#991b1b,#ef4444);border-color:#ef4444;color:#fff;box-shadow:0 12px 24px rgba(220,38,38,.20)}
.dashboard-launcher-filters button:hover{transform:translateY(-1px)}
@media(max-width:980px){.dashboard-launcher-tools{flex-wrap:wrap}.dashboard-launcher-tools input{min-width:min(100%,360px);flex:1}.dashboard-launcher-filters{width:100%;order:3}.dashboard-launcher-filters button{flex:1}}
@media(max-width:680px){.dashboard-launcher-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-launcher-filters button{width:100%}}


/* Dashboard favorites launcher - no analytics */
.dashboard-favorite-button{position:absolute;top:24px;left:24px;z-index:3;width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.18);color:rgba(255,255,255,.70);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 24px rgba(15,23,42,.12);backdrop-filter:blur(6px);font-size:1.05rem;line-height:1}
.dashboard-favorite-button:hover{transform:translateY(-2px) scale(1.03);background:rgba(255,255,255,.26);color:#fff}
.app-card.is-favorite .dashboard-favorite-button{background:linear-gradient(135deg,#f59e0b,#facc15);color:#451a03;border-color:rgba(250,204,21,.85);box-shadow:0 14px 30px rgba(245,158,11,.28)}
.app-card.is-favorite:before{background:linear-gradient(145deg,rgba(250,204,21,.20),rgba(255,255,255,.12) 36%,transparent 62%)}
.app-card.is-favorite h2:after{content:"مفضل";display:inline-flex;margin-inline-start:10px;vertical-align:middle;padding:5px 9px;border-radius:999px;background:rgba(250,204,21,.22);color:#fff;font-size:.72rem;font-weight:1000;text-shadow:none}
.app-card.last-used.is-favorite h2:after{content:"آخر استخدام · مفضل"}
@media(max-width:980px){.dashboard-favorite-button{top:18px;left:18px}.dashboard-page > .apps-grid .app-icon{margin-top:8px}}


/* Dashboard launcher usage hint - no analytics */
.dashboard-launcher-hint{width:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#64748b;font-size:.86rem;font-weight:900;padding:2px 4px 0}
.dashboard-launcher-hint span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(248,250,252,.86);border:1px solid rgba(226,232,240,.9);box-shadow:inset 0 1px 0 #fff}
.dashboard-launcher-hint span:first-child{color:#92400e;background:rgba(254,243,199,.72);border-color:rgba(253,230,138,.9)}
@media(max-width:680px){.dashboard-launcher-hint{display:grid;grid-template-columns:1fr}.dashboard-launcher-hint span{justify-content:center}}


/* Dashboard premium visual layer - no analytics */
#dashboardPage{background:radial-gradient(circle at 88% 6%,rgba(239,68,68,.18),transparent 30%),radial-gradient(circle at 9% 94%,rgba(15,23,42,.14),transparent 32%),linear-gradient(135deg,#f8fafc 0%,#f1f5f9 48%,#fff1f2 100%)}
#dashboardPage:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.24),transparent 28%,rgba(255,255,255,.18) 52%,transparent 74%);mix-blend-mode:screen;opacity:.7}
#dashboardPage > .dashboard-header.dashboard-hero{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.62)),radial-gradient(circle at 91% 8%,rgba(239,68,68,.22),transparent 31%),radial-gradient(circle at 13% 18%,rgba(15,23,42,.16),transparent 35%);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.72);box-shadow:0 32px 90px rgba(15,23,42,.18),0 1px 0 rgba(255,255,255,.92) inset,0 -1px 0 rgba(15,23,42,.04) inset}
#dashboardPage > .dashboard-header.dashboard-hero:before{background:conic-gradient(from 180deg,rgba(239,68,68,.28),rgba(251,113,133,.08),rgba(15,23,42,.10),rgba(239,68,68,.22));filter:blur(.2px)}
#dashboardPage > .dashboard-header.dashboard-hero:after{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.10));box-shadow:0 18px 44px rgba(15,23,42,.08)}
#dashboardPage .hero-main h1{background:linear-gradient(135deg,#020617,#172033 54%,#991b1b);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
#dashboardPage .eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(254,226,226,.70);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
#dashboardPage .eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#dc2626;box-shadow:0 0 0 5px rgba(220,38,38,.12)}
#dashboardPage .meta-pill,.quick-action-button,.logout-button{backdrop-filter:blur(10px)}
.dashboard-launcher-tools{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(248,250,252,.72));border-color:rgba(255,255,255,.76);box-shadow:0 22px 55px rgba(15,23,42,.12),inset 0 1px 0 #fff;backdrop-filter:blur(16px)}
.dashboard-launcher-tools input{border-color:rgba(226,232,240,.96);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 10px 24px rgba(15,23,42,.04)}
#dashboardPage > .apps-grid{perspective:1200px}
#dashboardPage > .apps-grid .app-card{animation:dashboardCardIn .45s ease both;animation-delay:calc(var(--card-order,0) * 42ms);will-change:transform;min-height:198px;border-color:rgba(255,255,255,.34);box-shadow:0 24px 70px rgba(15,23,42,.20),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.08)}
#dashboardPage > .apps-grid .app-card:nth-child(1){--card-order:1}#dashboardPage > .apps-grid .app-card:nth-child(2){--card-order:2}#dashboardPage > .apps-grid .app-card:nth-child(3){--card-order:3}#dashboardPage > .apps-grid .app-card:nth-child(4){--card-order:4}#dashboardPage > .apps-grid .app-card:nth-child(5){--card-order:5}#dashboardPage > .apps-grid .app-card:nth-child(6){--card-order:6}#dashboardPage > .apps-grid .app-card:nth-child(7){--card-order:7}#dashboardPage > .apps-grid .app-card:nth-child(8){--card-order:8}#dashboardPage > .apps-grid .app-card:nth-child(9){--card-order:9}#dashboardPage > .apps-grid .app-card:nth-child(10){--card-order:10}
#dashboardPage > .apps-grid .app-card:hover{transform:translateY(-9px) rotateX(2deg) rotateY(-2deg) scale(1.012);box-shadow:0 38px 90px rgba(15,23,42,.28),0 0 0 1px rgba(255,255,255,.18) inset,0 0 48px rgba(239,68,68,.14)}
#dashboardPage > .apps-grid .app-card:before{background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(255,255,255,.08) 35%,transparent 62%)}
#dashboardPage > .apps-grid .app-card .app-icon{background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.14));box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 18px 36px rgba(15,23,42,.18)}
#dashboardPage > .apps-grid .app-card h2,#dashboardPage > .apps-grid .app-card p{position:relative;z-index:2}
.dashboard-empty-state{backdrop-filter:blur(14px);background:rgba(255,255,255,.76)}
@keyframes dashboardCardIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){#dashboardPage > .apps-grid .app-card{animation:none}#dashboardPage > .apps-grid .app-card:hover{transform:none}}
@media(max-width:680px){#dashboardPage > .dashboard-header.dashboard-hero{border-radius:26px}.dashboard-launcher-tools{border-radius:20px}#dashboardPage > .apps-grid .app-card{min-height:168px}}


/* Dashboard compact centered hero - no analytics */
#dashboardPage{padding-top:8px;gap:20px}
#dashboardPage > .dashboard-header.dashboard-hero{min-height:126px;padding:20px 26px;display:grid;grid-template-columns:minmax(220px,.62fr) minmax(360px,1fr);align-items:center;gap:22px}
#dashboardPage .hero-main{text-align:center;justify-self:center;width:min(720px,100%);display:grid;justify-items:center;gap:6px}
#dashboardPage .hero-main h1{font-size:clamp(2rem,3vw,2.85rem);line-height:1.05;margin:0}
#dashboardPage .hero-main p{margin:0;font-size:.96rem;line-height:1.45;max-width:none}
#dashboardPage .hero-main .eyebrow{margin:0 auto 2px!important;padding:5px 10px;font-size:.78rem}
#dashboardPage .hero-meta{justify-content:center;margin-top:6px;gap:7px}
#dashboardPage .meta-pill{padding:7px 11px;font-size:.86rem}
#dashboardPage .hero-actions{justify-self:start;align-self:center;display:flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:520px}
#dashboardPage .quick-action-button,#dashboardPage .logout-button{min-height:42px;border-radius:14px;padding:0 16px;font-size:.92rem}
#dashboardPage > .dashboard-header.dashboard-hero:before{width:250px;height:250px;right:-65px;bottom:-130px;opacity:.9}
#dashboardPage > .dashboard-header.dashboard-hero:after{left:28px;top:24px;width:98px;height:98px;border-radius:26px;opacity:.55}
.dashboard-launcher-tools{margin:-2px auto -2px;padding:11px 12px;align-items:center}
.dashboard-launcher-hint{justify-content:center;padding-top:0}
#dashboardPage > .apps-grid{gap:20px}
#dashboardPage > .apps-grid .app-card{min-height:176px;padding:22px 26px}
#dashboardPage > .apps-grid .app-card h2{font-size:1.56rem;text-align:right}
#dashboardPage > .apps-grid .app-card p{text-align:right;font-size:.94rem;line-height:1.55}
@media(min-width:1450px){#dashboardPage > .dashboard-header.dashboard-hero{min-height:132px}#dashboardPage > .apps-grid .app-card{min-height:172px}}
@media(max-width:980px){#dashboardPage > .dashboard-header.dashboard-hero{grid-template-columns:1fr;min-height:auto;padding:20px}.hero-actions{justify-content:center!important;justify-self:center!important}#dashboardPage .hero-main{order:1}#dashboardPage .hero-actions{order:2}#dashboardPage > .apps-grid .app-card{min-height:166px}}
@media(max-width:560px){#dashboardPage .hero-actions{width:100%}#dashboardPage .quick-action-button,#dashboardPage .logout-button{flex:1;min-width:0}#dashboardPage .hero-meta{display:grid;width:100%}.dashboard-launcher-hint span{font-size:.82rem}}


/* Dashboard compact launcher toolbar - no analytics */
.dashboard-launcher-tools{display:grid;grid-template-columns:minmax(320px,1fr) auto auto;grid-template-areas:"search clear filters" "hint hint hint";gap:10px 12px;align-items:center;min-height:0;padding:12px 14px;margin:-4px auto 0;border-radius:24px}
.dashboard-launcher-tools:before{grid-area:search;justify-self:start;z-index:2;margin-inline-start:9px;pointer-events:none}
.dashboard-launcher-tools input{grid-area:search;padding-inline-start:52px;height:42px;min-width:0}
.dashboard-launcher-tools .ghost-button{grid-area:clear;height:42px;min-width:86px}
.dashboard-launcher-filters{grid-area:filters;justify-content:flex-end;gap:7px;padding:0;white-space:nowrap}
.dashboard-launcher-filters button{height:38px;padding:0 13px;font-size:.9rem}
.dashboard-launcher-hint{grid-area:hint;justify-content:center;gap:7px;padding:0;margin-top:-2px}
.dashboard-launcher-hint span{padding:6px 10px;font-size:.82rem;line-height:1.1}
#dashboardPage > .apps-grid{margin-top:0}
@media(max-width:1180px){.dashboard-launcher-tools{grid-template-columns:1fr auto;grid-template-areas:"search clear" "filters filters" "hint hint"}.dashboard-launcher-filters{justify-content:center;white-space:normal}}
@media(max-width:680px){.dashboard-launcher-tools{grid-template-columns:1fr;grid-template-areas:"search" "clear" "filters" "hint";padding:12px}.dashboard-launcher-tools input{padding-inline-start:14px}.dashboard-launcher-tools:before{display:none}.dashboard-launcher-tools .ghost-button{width:100%}.dashboard-launcher-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dashboard-launcher-filters button{width:100%}.dashboard-launcher-hint{grid-template-columns:1fr}}


/* Dashboard final compact hero alignment - no analytics */
#dashboardPage{gap:18px;padding-top:6px}
#dashboardPage > .dashboard-header.dashboard-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:106px;padding:16px 28px;margin-top:0}
#dashboardPage .hero-main{width:min(680px,58vw);margin-inline:auto;text-align:center;display:grid;justify-items:center;gap:5px;transform:translateX(-18px)}
#dashboardPage .hero-main h1{font-size:clamp(1.9rem,2.7vw,2.65rem);line-height:1;margin:0}
#dashboardPage .hero-main p{font-size:.92rem;line-height:1.35;margin:0;color:#64748b}
#dashboardPage .hero-main .eyebrow{padding:4px 9px;font-size:.75rem;margin-bottom:1px!important}
#dashboardPage .hero-meta{margin-top:5px;gap:6px;justify-content:center}
#dashboardPage .meta-pill{padding:6px 10px;font-size:.82rem;line-height:1.15}
#dashboardPage .hero-actions{position:absolute;left:28px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;max-width:42%;justify-content:flex-start}
#dashboardPage .quick-action-button,#dashboardPage .logout-button{min-height:40px;height:40px;padding:0 14px;border-radius:13px;font-size:.88rem;white-space:nowrap}
#dashboardPage > .dashboard-header.dashboard-hero:before{width:220px;height:220px;right:-54px;bottom:-120px;opacity:.72}
#dashboardPage > .dashboard-header.dashboard-hero:after{left:24px;top:18px;width:74px;height:74px;border-radius:21px;opacity:.34}
#dashboardPage .hero-main .eyebrow:before{width:7px;height:7px;box-shadow:0 0 0 4px rgba(220,38,38,.10)}
.dashboard-launcher-tools{margin:-2px auto 0;padding:10px 12px;border-radius:22px}
.dashboard-launcher-tools input,.dashboard-launcher-tools .ghost-button{height:40px}
.dashboard-launcher-filters button{height:36px;padding:0 12px;font-size:.86rem}
.dashboard-launcher-hint span{padding:5px 9px;font-size:.8rem}
@media(max-width:1180px){#dashboardPage > .dashboard-header.dashboard-hero{display:grid;grid-template-columns:1fr;justify-items:center;padding:17px 22px;gap:12px}#dashboardPage .hero-main{width:100%;transform:none;order:1}#dashboardPage .hero-actions{position:static;transform:none;order:2;max-width:100%;justify-content:center;flex-wrap:wrap}}
@media(max-width:560px){#dashboardPage > .dashboard-header.dashboard-hero{padding:15px 16px;min-height:auto}#dashboardPage .hero-main h1{font-size:2rem}#dashboardPage .hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.hero-actions #lastAppButton{grid-column:1/-1}.hero-actions #logoutButton,.hero-actions #languageToggleButton{width:100%}}

/* Keep the wide settings and analytics cards visually centered. */
@media(min-width:981px){
  #dashboardPage > .apps-grid .app-card.settings,
  #dashboardPage > .apps-grid .app-card.analytics{justify-content:center;align-items:center;text-align:center}
  #dashboardPage > .apps-grid .app-card.settings h2,
  #dashboardPage > .apps-grid .app-card.analytics h2,
  #dashboardPage > .apps-grid .app-card.settings p,
  #dashboardPage > .apps-grid .app-card.analytics p{width:min(100%,520px);max-width:100%;text-align:center}
}


/* Dashboard action dropdown - no analytics */
#dashboardPage .dashboard-actions-menu{position:absolute;left:28px;top:50%;transform:translateY(-50%);z-index:8;max-width:none}
#dashboardPage .dashboard-menu-button{min-width:126px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,250,252,.84));border:1px solid rgba(226,232,240,.95);box-shadow:0 16px 34px rgba(15,23,42,.11),inset 0 1px 0 #fff;color:#0f172a}
.dashboard-menu-panel{position:absolute;left:0;top:calc(100% + 10px);min-width:210px;display:grid;gap:8px;padding:10px;border:1px solid rgba(226,232,240,.94);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 24px 60px rgba(15,23,42,.18),inset 0 1px 0 #fff;backdrop-filter:blur(16px)}
.dashboard-menu-panel button{width:100%;justify-content:center;margin:0;box-shadow:none}.dashboard-menu-panel .logout-button{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.dashboard-menu-panel .quick-action-button{background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a}
#dashboardPage .dashboard-menu-button[aria-expanded="true"]{background:linear-gradient(135deg,#991b1b,#ef4444);color:#fff;border-color:#ef4444}
@media(max-width:1180px){#dashboardPage .dashboard-actions-menu{position:relative;left:auto;top:auto;transform:none;order:2;justify-self:center}.dashboard-menu-panel{left:50%;transform:translateX(-50%)}}
@media(max-width:560px){#dashboardPage .dashboard-actions-menu{width:100%}#dashboardPage .dashboard-menu-button{width:100%}.dashboard-menu-panel{left:0;right:0;transform:none;min-width:0}}


/* POS full screen cashier workspace */
body:has(#cashierPage:not(.is-hidden)){overflow:hidden;background:linear-gradient(135deg,#f8fafc,#eef2f7 52%,#fff1f2)}
.cashier-page{height:100vh;width:100vw;max-width:none;padding:10px 14px;overflow:hidden;background:radial-gradient(circle at 92% 4%,rgba(220,38,38,.12),transparent 30%),radial-gradient(circle at 4% 95%,rgba(15,23,42,.10),transparent 32%),#f8fafc}
.cashier-header{width:100%;max-width:none;margin:0 0 8px;padding:10px 16px;min-height:58px;border-radius:20px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(15,23,42,.10),inset 0 1px 0 #fff}
.cashier-header h1{font-size:1.35rem}.cashier-header p{max-width:none}.cashier-header-actions{gap:7px}.cashier-icon-action{height:34px;min-width:0;padding:0 11px;border-radius:10px}.cashier-icon-action span{font-size:.78rem}
.cashier-layout.sale-first-layout,.cashier-layout{width:100%;max-width:none;height:calc(100vh - 76px);margin:0;display:grid;grid-template-columns:minmax(0,1fr)!important;gap:10px}
.sale-sheet-panel{width:100%;height:100%;padding:12px 16px;border-radius:20px;box-shadow:0 18px 44px rgba(15,23,42,.11),inset 0 1px 0 #fff;display:flex;flex-direction:column;gap:8px}
.pos-cart-search{display:grid;gap:6px}.pos-cart-search .cashier-search{height:44px;border-radius:14px;font-size:1rem;background:#fff}.compact-search-results{max-height:92px!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.compact-search-results .pos-pick-row{min-height:38px;padding:7px 9px}
.cashier-collapse{display:none}.section-title-row.compact{margin:0}.section-title-row.compact h2{font-size:1.05rem}.cart-lines{flex:1;min-height:0!important;max-height:none!important;border-radius:16px}.sale-sheet-row{grid-template-columns:1.7fr .78fr .55fr .55fr .62fr .9fr;min-height:34px;padding:6px 9px}.sale-sheet-head{min-height:34px}.sale-sheet-row strong,.sale-sheet-row span,.sale-sheet-row b,.sale-sheet-row small{font-size:.82rem}.sale-sheet-row .quantity-actions button{width:26px;height:26px}.sale-sheet-row .quantity-actions input{height:30px}
.sale-sheet-panel .cart-total{margin:2px 0;padding:0 4px;font-size:1.06rem}.pos-pay-button{min-height:46px;border-radius:14px;font-size:1.05rem}.recent-pos-sales{display:none}.compact-action{margin-top:0}
.detail-modal{padding:16px}.detail-modal-card{width:min(1120px,calc(100vw - 34px));max-height:92vh;border-radius:28px;padding:24px;background:rgba(255,255,255,.96);box-shadow:0 34px 90px rgba(15,23,42,.34)}
#posCheckoutModalSlot .pos-checkout-grid{grid-template-columns:minmax(300px,1.2fr) minmax(260px,1fr) minmax(180px,.55fr);gap:12px;padding:16px;border-radius:18px}.payment-modal-summary{padding:16px 18px;border-radius:17px}.payment-modal-summary strong{font-size:1.75rem}.payment-modal-actions{grid-template-columns:auto minmax(320px,1fr)}
@media(max-width:980px){.cashier-page{height:auto;min-height:100vh;overflow:auto}.cashier-layout.sale-first-layout,.cashier-layout{height:auto}.compact-search-results{grid-template-columns:1fr;max-height:160px!important}.sale-sheet-row{grid-template-columns:1.2fr .7fr .6fr .55fr}.sale-sheet-row small,.sale-sheet-row span:nth-child(2),.sale-sheet-head span:nth-child(2){display:none}.cashier-collapse,.recent-pos-sales{display:block}.detail-modal-card{width:min(100%,calc(100vw - 22px));padding:18px}#posCheckoutModalSlot .pos-checkout-grid,.payment-modal-actions{grid-template-columns:1fr}}
@media(max-width:640px){.cashier-page{padding:8px}.cashier-header{align-items:stretch}.cashier-header-actions{overflow-x:auto}.sale-sheet-panel{padding:10px}.cashier-icon-action span{display:none}.cashier-icon-action{width:38px;padding:0}.sale-sheet-row{grid-template-columns:1fr .62fr}.sale-sheet-head span:nth-child(n+3),.sale-sheet-row b,.sale-sheet-row .quantity-actions{grid-column:auto}.payment-modal-summary strong{font-size:1.45rem}}


/* POS cashier speed controls */
.last-added-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid #fee2e2;border-radius:14px;background:linear-gradient(135deg,#fff7f7,#fff);box-shadow:inset 0 1px 0 #fff;color:#0f172a}.last-added-item span{color:#dc2626;font-weight:1000;font-size:.78rem}.last-added-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-added-item b{font-variant-numeric:tabular-nums}.last-added-item small{color:#64748b;font-weight:900}.pos-quick-qty-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px 10px;border:1px solid #e5e9f0;border-radius:14px;background:#f8fafc}.pos-quick-qty-bar span{margin-inline-end:auto;color:#64748b;font-size:.8rem;font-weight:1000}.pos-quick-qty-bar button{height:32px;min-width:52px;border-radius:10px;background:#fff;color:#0f172a;border:1px solid #e2e8f0;box-shadow:0 8px 16px rgba(15,23,42,.06);font-weight:1000}.pos-quick-qty-bar button:hover{background:#fee2e2;color:#991b1b;transform:translateY(-1px)}
@media(max-width:700px){.last-added-item{grid-template-columns:1fr 1fr}.last-added-item strong{grid-column:1/-1}.pos-quick-qty-bar span{width:100%;margin:0}.pos-quick-qty-bar button{flex:1}}


/* POS quick payment buttons */
.quick-payment-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-4px 0 14px}.quick-payment-buttons button{min-height:44px;border-radius:14px;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;color:#0f172a;font-weight:1000;box-shadow:0 12px 24px rgba(15,23,42,.08),inset 0 1px 0 #fff}.quick-payment-buttons button:hover{background:linear-gradient(135deg,#991b1b,#ef4444);color:#fff;border-color:#ef4444;transform:translateY(-2px)}
@media(max-width:700px){.quick-payment-buttons{grid-template-columns:1fr}}


/* POS held sales visible controls */
.cart-toolbar-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cart-toolbar-actions .small-button{min-width:72px}.cart-toolbar-actions #holdSaleButton{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.cart-toolbar-actions #holdSaleButton:hover{background:#ffedd5}#heldSalesButton b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-inline-start:4px;border-radius:999px;background:#fff;color:#a71920;font-size:.72rem;font-weight:1000}.held-sales-list{display:grid;gap:10px}.held-sale-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #e7edf5;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 12px 24px rgba(15,23,42,.06)}.held-sale-card strong,.held-sale-card small{display:block}.held-sale-card small{margin-top:4px;color:#64748b;font-weight:800}.held-sale-actions{display:flex;gap:8px}.held-delete{color:#991b1b;background:#fee2e2}@media(max-width:700px){.held-sale-card{display:grid}.held-sale-actions{display:grid;grid-template-columns:1fr 1fr}}


/* POS touch mode */
#posTouchModeButton.active{background:linear-gradient(135deg,#991b1b,#ef4444);color:#fff;border-color:#ef4444}.pos-touch-mode .cashier-page{padding:12px 16px}.pos-touch-mode .cashier-header{min-height:68px}.pos-touch-mode .cashier-icon-action,.pos-touch-mode .cashier-header-actions .small-button{height:44px;border-radius:13px;font-size:.9rem}.pos-touch-mode .pos-cart-search .cashier-search{height:56px;font-size:1.15rem}.pos-touch-mode .compact-search-results{max-height:150px!important}.pos-touch-mode .compact-search-results .pos-pick-row{min-height:54px;padding:10px 12px}.pos-touch-mode .sale-sheet-row{min-height:46px;padding:9px 11px}.pos-touch-mode .sale-sheet-row strong,.pos-touch-mode .sale-sheet-row span,.pos-touch-mode .sale-sheet-row b,.pos-touch-mode .sale-sheet-row small{font-size:.92rem}.pos-touch-mode .sale-sheet-row .quantity-actions button{width:38px;height:38px;border-radius:11px;font-size:1.15rem}.pos-touch-mode .sale-sheet-row .quantity-actions input{height:38px;font-size:1rem}.pos-touch-mode .pos-quick-qty-bar button{height:44px;min-width:70px;font-size:1rem}.pos-touch-mode .cart-toolbar-actions .small-button{height:42px;min-width:88px}.pos-touch-mode .pos-pay-button{min-height:58px;font-size:1.2rem}.pos-touch-mode .last-added-item{padding:12px 14px}.pos-touch-mode .cart-total{font-size:1.22rem}.pos-touch-mode .detail-modal-card{width:min(1180px,calc(100vw - 28px))}.pos-touch-mode .quick-payment-buttons button{min-height:56px;font-size:1rem}.pos-touch-mode #posCheckoutModalSlot .pos-checkout-grid input,.pos-touch-mode #posCheckoutModalSlot .pos-checkout-grid select{height:46px;font-size:1rem}.pos-touch-mode .payment-modal-actions .primary-button,.pos-touch-mode .payment-modal-actions .ghost-button{min-height:54px;font-size:1rem}
@media(max-width:700px){.pos-touch-mode .cashier-icon-action{min-width:44px}.pos-touch-mode .sale-sheet-row{min-height:54px}}

/* Dashboard actions dropdown fix */
#dashboardPage > .dashboard-header.dashboard-hero{overflow:visible!important;z-index:30}
#dashboardPage .dashboard-actions-menu{z-index:80}
.dashboard-menu-panel{z-index:90;display:grid}
.dashboard-menu-panel.is-hidden{display:none!important}
.dashboard-menu-panel:not(.is-hidden){animation:dashboardMenuPop .16s ease both}
@keyframes dashboardMenuPop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1180px){.dashboard-menu-panel:not(.is-hidden){animation:dashboardMenuPopCentered .16s ease both}@keyframes dashboardMenuPopCentered{from{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}}
@media(max-width:560px){.dashboard-menu-panel:not(.is-hidden){animation:dashboardMenuPop .16s ease both}}


/* Dashboard actions click-only behavior */
#dashboardPage .dashboard-menu-panel.is-hidden{display:none!important}
#dashboardPage .dashboard-menu-panel:not(.is-hidden){display:grid!important;opacity:1;visibility:visible;pointer-events:auto}

/* POS stations professional launcher */
#posStationsPage{min-height:100vh;padding:12px 0 42px;background:radial-gradient(circle at 88% 4%,rgba(220,38,38,.14),transparent 32%),radial-gradient(circle at 8% 88%,rgba(15,23,42,.10),transparent 32%),#f8fafc}
#posStationsPage>.dashboard-header{width:min(1380px,calc(100% - 48px));min-height:132px;padding:22px 30px;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,247,247,.88));box-shadow:0 28px 70px rgba(15,23,42,.13),inset 0 1px 0 #fff;overflow:hidden;position:relative}
#posStationsPage>.dashboard-header:after{content:"";position:absolute;right:-72px;bottom:-130px;width:260px;height:260px;border-radius:50%;background:linear-gradient(135deg,rgba(220,38,38,.14),rgba(251,113,133,.06))}
#posStationsPage>.dashboard-header>div,#posStationsPage>.dashboard-header>button{position:relative;z-index:1}
#posStationsPage>.dashboard-header h1{font-size:clamp(2.1rem,4.2vw,3.35rem);letter-spacing:-.04em}
#posStationsPage>.dashboard-header p{font-weight:800;color:#64748b}.stations-grid{width:min(1380px,calc(100% - 48px));grid-template-columns:repeat(4,minmax(240px,1fr));gap:22px;align-items:stretch}.stations-command-panel{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border:1px solid rgba(226,232,240,.92);border-radius:26px;background:rgba(255,255,255,.82);box-shadow:0 18px 44px rgba(15,23,42,.09),inset 0 1px 0 #fff;backdrop-filter:blur(14px)}.stations-command-panel h2{margin:3px 0 5px;color:#0f172a}.stations-command-panel p{margin:0;font-weight:800}.stations-command-stats{display:flex;flex-wrap:wrap;gap:10px}.stations-command-stats span{min-width:94px;padding:10px 13px;border-radius:16px;background:#f8fafc;border:1px solid #e5eaf1;text-align:center;color:#475569;font-weight:900}.stations-command-stats b{display:block;font-size:1.2rem;color:#0f172a}.stations-command-stats .active{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.station-card.pro{min-height:330px;display:flex;flex-direction:column;padding:20px;border-radius:30px;border:1px solid rgba(226,232,240,.98);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,250,252,.92));box-shadow:0 24px 54px rgba(15,23,42,.13),inset 0 1px 0 #fff;transition:.2s ease}.station-card.pro:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(15,23,42,.18),inset 0 1px 0 #fff}.station-card.pro.is-open{border-color:#ef4444;background:radial-gradient(circle at 16% 16%,rgba(220,38,38,.10),transparent 34%),linear-gradient(145deg,#fff,#fff7f7);box-shadow:0 30px 70px rgba(220,38,38,.18),inset 0 1px 0 #fff}.station-card.pro.needs-link{opacity:.78}.station-top.pro{display:flex;align-items:center;justify-content:space-between}.station-number-badge{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:#111827;color:#fff;box-shadow:0 14px 28px rgba(15,23,42,.18)}.station-number-badge span{font-size:.62rem;font-weight:1000;color:#cbd5e1}.station-number-badge strong{font-size:1.35rem;line-height:.8}.station-card.pro.is-open .station-number-badge{background:linear-gradient(135deg,#991b1b,#ef4444)}.station-visual{display:flex;justify-content:center;align-items:center;margin:14px 0 8px;position:relative}.station-icon.pro{width:78px;height:78px;margin:0;border-radius:26px;background:linear-gradient(145deg,#fff1f2,#fee2e2);box-shadow:0 18px 34px rgba(220,38,38,.13),inset 0 1px 0 #fff;font-size:2rem}.station-pulse{position:absolute;width:104px;height:104px;border-radius:50%;border:1px solid rgba(226,232,240,.9)}.station-pulse.on{border-color:rgba(34,197,94,.35);box-shadow:0 0 0 10px rgba(34,197,94,.08)}.station-body{text-align:center;position:relative;z-index:2}.station-kicker{display:inline-flex;margin-bottom:7px;padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:.78rem;font-weight:1000}.station-card.pro.is-open .station-kicker{background:#dcfce7;color:#166534}.station-body h3{margin:0 0 7px;font-size:1.45rem;color:#0f172a}.station-body p{margin:0;color:#64748b;font-weight:900}.station-body strong{color:#0f172a}.station-status-line{display:grid;gap:8px;margin-top:auto;padding-top:16px;text-align:center}.station-status-line small{color:#64748b;font-weight:800}.station-card.pro .station-state{justify-self:center}.station-open-button{min-height:52px;margin-top:15px;font-size:1rem;border-radius:16px}.station-card.pro.is-open .station-open-button{background:linear-gradient(135deg,#991b1b,#ef4444)}.station-card.pro.needs-link .station-open-button{background:linear-gradient(135deg,#475569,#64748b)}
@media(max-width:1180px){.stations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stations-command-panel{display:grid;text-align:center}.stations-command-stats{justify-content:center}}
@media(max-width:680px){#posStationsPage>.dashboard-header,.stations-grid{width:calc(100% - 24px)}.stations-grid{grid-template-columns:1fr}.stations-command-stats{display:grid;grid-template-columns:repeat(3,1fr)}.station-card.pro{min-height:300px}}

/* POS stations toolbar */
.stations-toolbar{width:min(1380px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(226,232,240,.92);border-radius:24px;background:rgba(255,255,255,.86);box-shadow:0 18px 44px rgba(15,23,42,.08),inset 0 1px 0 #fff}.stations-toolbar input{height:50px;border-radius:16px;background:#fff}.station-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.station-filter-tabs button{height:42px;padding:0 16px;border-radius:14px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;font-weight:1000;box-shadow:none}.station-filter-tabs button.active{background:linear-gradient(135deg,#991b1b,#ef4444);color:#fff;border-color:#ef4444;box-shadow:0 14px 28px rgba(220,38,38,.22)}.stations-empty{grid-column:1/-1;min-height:190px;display:grid;place-items:center;text-align:center;border:1px dashed #cbd5e1;border-radius:28px;background:rgba(255,255,255,.7);color:#64748b}.stations-empty strong{display:block;color:#0f172a;font-size:1.2rem;margin-bottom:6px}@media(max-width:760px){.stations-toolbar{width:calc(100% - 24px);grid-template-columns:1fr}.station-filter-tabs{display:grid;grid-template-columns:repeat(2,1fr)}}

/* POS stations quick last used */
.stations-command-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.last-station-button{height:48px;padding:0 18px;border-radius:16px;background:linear-gradient(135deg,#111827,#475569);color:#fff;font-weight:1000;box-shadow:0 16px 32px rgba(15,23,42,.18)}.station-card.pro.is-last-used:before{content:"آخر استخدام";position:absolute;top:16px;left:18px;z-index:3;padding:6px 10px;border-radius:999px;background:rgba(17,24,39,.86);color:#fff;font-size:.72rem;font-weight:1000;box-shadow:0 10px 20px rgba(15,23,42,.16)}.station-card.pro{position:relative}.stations-toolbar input::placeholder{color:#94a3b8}.stations-toolbar:after{content:"Enter يفتح أول نتيجة";justify-self:end;color:#64748b;font-size:.8rem;font-weight:900;grid-column:1/-1;margin-top:-6px}@media(max-width:760px){.stations-command-actions{justify-content:center}.last-station-button{width:100%}.stations-toolbar:after{justify-self:center}}

/* POS stations readiness polish */
.station-card.pro.needs-link{border-style:dashed;background:linear-gradient(145deg,#fff,#f8fafc);filter:saturate(.85)}.station-card.pro.needs-link .station-kicker{background:#fff7ed;color:#9a3412}.station-card.pro.needs-link .station-number-badge{background:linear-gradient(135deg,#475569,#94a3b8)}.station-card.pro.needs-link .station-state{background:#fff7ed;color:#9a3412}.station-card.pro.needs-link .station-open-button{background:linear-gradient(135deg,#334155,#64748b);box-shadow:0 14px 28px rgba(51,65,85,.20)}.station-card.pro.needs-link .station-pulse{border-color:#fed7aa;box-shadow:0 0 0 8px rgba(251,146,60,.08)}

/* POS stations keyboard shortcuts */
.station-shortcut{width:32px;height:28px;display:grid;place-items:center;border-radius:999px;background:#fff;color:#0f172a;font-weight:1000;box-shadow:0 10px 20px rgba(15,23,42,.12);border:1px solid #e2e8f0}.station-card.pro.is-open .station-shortcut{background:#fee2e2;color:#991b1b;border-color:#fecaca}.stations-toolbar:before{content:"/ للبحث · 1-9 فتح سريع";grid-column:1/-1;color:#64748b;font-size:.8rem;font-weight:1000;margin-bottom:-6px;justify-self:start}@media(max-width:760px){.stations-toolbar:before{justify-self:center}}

/* Users professional center */
#usersPage{min-height:100vh;padding-bottom:40px;background:radial-gradient(circle at 86% 5%,rgba(220,38,38,.13),transparent 32%),radial-gradient(circle at 8% 92%,rgba(15,23,42,.10),transparent 32%),#f8fafc}#usersPage>.dashboard-header{width:min(1320px,calc(100% - 48px));min-height:128px;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,247,247,.88));box-shadow:0 28px 70px rgba(15,23,42,.13),inset 0 1px 0 #fff}.users-summary-strip{width:min(1320px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.users-summary-strip article{padding:16px 18px;border:1px solid #e6ebf2;border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 16px 36px rgba(15,23,42,.08),inset 0 1px 0 #fff}.users-summary-strip span{display:block;color:#64748b;font-weight:900}.users-summary-strip strong{display:block;margin-top:6px;font-size:1.55rem;color:#0f172a}.users-toolbar{width:min(1320px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid #e6ebf2;border-radius:24px;background:rgba(255,255,255,.86);box-shadow:0 16px 36px rgba(15,23,42,.08),inset 0 1px 0 #fff}.user-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.user-filter-tabs button{height:42px;padding:0 15px;border-radius:14px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;font-weight:1000;box-shadow:none}.user-filter-tabs button.active{background:linear-gradient(135deg,#991b1b,#ef4444);color:#fff;border-color:#ef4444;box-shadow:0 14px 28px rgba(220,38,38,.22)}.users-pro-layout{width:min(1320px,calc(100% - 48px));grid-template-columns:minmax(360px,.82fr) minmax(0,1.55fr)}#usersPage .user-form-card,#usersPage .users-table-card{border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 22px 54px rgba(15,23,42,.12),inset 0 1px 0 #fff}.user-status-toggle .switch-line.pro{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:12px;border:1px solid #e6ebf2;border-radius:18px;background:#f8fafc}.switch-line.pro input{grid-row:1/3;width:28px;height:28px}.switch-line.pro b{color:#0f172a}.switch-line.pro small{color:#64748b;font-weight:800}.permission-picker{display:grid;gap:10px}.permission-actions{display:flex;flex-wrap:wrap;gap:8px}.permission-actions button{height:36px;padding:0 11px;border-radius:12px;background:#f1f5f9;color:#475569;font-weight:900;box-shadow:none}.permission-group-card{padding:12px;border:1px solid #e8edf4;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fafc);margin-bottom:10px}.permission-group-card>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.permission-group-card strong{color:#0f172a}.permission-group-card small{color:#64748b;font-weight:900}.permission-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.permission-group-list .permission-check{margin:0;background:#fff;border:1px solid #edf2f7}.user-card-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto auto auto;gap:12px;align-items:center;padding:13px;margin-bottom:10px;border:1px solid #e8edf4;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 10px 24px rgba(15,23,42,.06)}.user-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#991b1b,#ef4444);color:#fff;font-size:1.25rem;font-weight:1000}.user-main{min-width:0}.user-main strong,.user-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-main small{color:#64748b;font-weight:900}.user-role-pill,.user-perm-count{padding:8px 10px;border-radius:999px;background:#f1f5f9;color:#475569;font-weight:900;font-size:.86rem}.user-perm-count{background:#fff7ed;color:#9a3412}@media(max-width:1000px){.users-pro-layout{grid-template-columns:1fr}.users-summary-strip{grid-template-columns:repeat(2,1fr)}.users-toolbar{grid-template-columns:1fr}.user-card-row{grid-template-columns:52px minmax(0,1fr) auto}.user-role-pill,.user-perm-count{display:none}.permission-group-list{grid-template-columns:1fr}}@media(max-width:560px){#usersPage>.dashboard-header,.users-summary-strip,.users-toolbar,.users-pro-layout{width:calc(100% - 24px)}.users-summary-strip{grid-template-columns:1fr}.user-filter-tabs{display:grid;grid-template-columns:repeat(2,1fr)}}

/* Users pro editing polish */
.user-edit-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #fed7aa;border-radius:16px;background:linear-gradient(145deg,#fff7ed,#fff);color:#9a3412;font-weight:900}.user-edit-notice strong{color:#9a3412}.user-edit-notice span{color:#475569;font-size:.88rem}.users-toolbar:before{content:"/ للبحث · Esc لمسح البحث";grid-column:1/-1;color:#64748b;font-size:.8rem;font-weight:1000;margin-bottom:-6px;justify-self:start}.user-form-card input:required:placeholder-shown{border-color:#e2e8f0}.user-form-card input:required:not(:placeholder-shown){border-color:#cbd5e1}@media(max-width:760px){.users-toolbar:before{justify-self:center}.user-edit-notice{display:grid;text-align:center}}

/* User permissions popup */
.permission-source-hidden{display:none!important}.permission-summary-card{display:grid;gap:7px;padding:14px;border:1px solid #e6ebf2;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fafc)}.permission-summary-card strong{color:#0f172a;font-size:1.05rem}.permission-summary-card small{color:#64748b;font-weight:800}.permission-summary-card button{margin-top:4px}.user-permissions-modal{display:grid;gap:16px}.permission-modal-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border:1px solid #e7edf5;border-radius:24px;background:radial-gradient(circle at 12% 20%,rgba(220,38,38,.13),transparent 34%),linear-gradient(145deg,#fff,#f8fafc);box-shadow:inset 0 1px 0 #fff}.permission-modal-hero h3{margin:4px 0 6px;color:#0f172a}.permission-modal-hero p{margin:0;font-weight:800}.permission-modal-hero strong{min-width:108px;text-align:center;padding:10px 12px;border-radius:16px;background:#111827;color:#fff}.modal-permission-actions{display:flex;flex-wrap:wrap;gap:8px}.modal-permission-actions button{height:38px;padding:0 12px;border-radius:12px;background:#f1f5f9;color:#475569;font-weight:1000;box-shadow:none}.modal-permission-groups{max-height:58vh;overflow:auto;padding-inline-end:4px}.detail-modal-card:has(.user-permissions-modal){width:min(1120px,calc(100vw - 32px))}@media(max-width:760px){.permission-modal-hero{display:grid;text-align:center}.permission-modal-hero strong{width:100%}.modal-permission-groups{max-height:52vh}}

/* User edit modal */
.user-edit-modal{display:grid;gap:16px}.user-edit-modal-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.user-edit-permission-groups{max-height:46vh}.detail-modal-card:has(.user-edit-modal){width:min(1160px,calc(100vw - 32px))}.user-edit-modal .payment-modal-actions{position:sticky;bottom:-24px;background:linear-gradient(180deg,rgba(255,255,255,.86),#fff);padding-top:12px}@media(max-width:760px){.user-edit-modal-fields{grid-template-columns:1fr}.user-edit-permission-groups{max-height:42vh}}

/* Product edit modal */
.section-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.product-edit-modal{display:grid;gap:16px}.product-modal-hero strong{font-size:2rem}.product-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-modal-grid .wide{grid-column:1/-1}.detail-modal-card:has(.product-edit-modal){width:min(1040px,calc(100vw - 32px))}.product-edit-modal .payment-modal-actions{position:sticky;bottom:-24px;background:linear-gradient(180deg,rgba(255,255,255,.86),#fff);padding-top:12px}@media(max-width:760px){.product-modal-grid{grid-template-columns:1fr}.product-modal-grid .wide{grid-column:auto}}

/* Product modal v2 */
.product-modal-live-preview{display:grid;gap:12px}.product-live-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product-live-summary article{padding:12px;border:1px solid #e6ebf2;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 14px 30px rgba(15,23,42,.07)}.product-live-summary article span{display:block;color:#64748b;font-weight:900;font-size:.82rem}.product-live-summary article strong{display:block;margin-top:4px;color:#0f172a;font-size:1.25rem}.product-live-summary article small{color:#64748b;font-weight:800}.product-live-summary article.ok{border-color:#bbf7d0;background:linear-gradient(145deg,#fff,#f0fdf4)}.product-live-summary article.warn{border-color:#fed7aa;background:linear-gradient(145deg,#fff,#fff7ed)}.product-live-summary article.danger{border-color:#fecaca;background:linear-gradient(145deg,#fff,#fef2f2)}.product-pos-preview{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border-radius:22px;background:linear-gradient(135deg,#111827,#26364b);color:#fff;box-shadow:0 18px 42px rgba(15,23,42,.18)}.product-pos-preview span,.product-pos-preview small{display:block;color:#cbd5e1;font-weight:900}.product-pos-preview strong{display:block;margin:4px 0;font-size:1.18rem}.product-pos-preview b{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.14);font-size:1.7rem}.product-modal-actions{grid-template-columns:auto auto minmax(180px,1fr)}@media(max-width:860px){.product-live-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.product-modal-actions{grid-template-columns:1fr}}@media(max-width:560px){.product-live-summary{grid-template-columns:1fr}.product-pos-preview{align-items:flex-start}}

/* Product profile v2 */
.product-decision-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-decision-strip article{padding:13px 15px;border-radius:18px;border:1px solid #e6ebf2;background:#fff;box-shadow:0 14px 30px rgba(15,23,42,.07)}.product-decision-strip strong,.product-decision-strip span{display:block}.product-decision-strip strong{color:#0f172a}.product-decision-strip span{margin-top:5px;color:#64748b;font-weight:800}.product-decision-strip .ok{border-color:#bbf7d0;background:#f0fdf4}.product-decision-strip .warn{border-color:#fed7aa;background:#fff7ed}.product-decision-strip .danger{border-color:#fecaca;background:#fef2f2}.product-profile-grid.featured{grid-template-columns:1fr 1fr 1fr}.product-channel-grid,.product-supply-box{display:grid;gap:10px}.product-channel-grid article,.product-supply-box article{position:relative;overflow:hidden;padding:13px;border-radius:16px;background:#fff;border:1px solid #edf1f6}.product-channel-grid span,.product-channel-grid small,.product-supply-box span,.product-supply-box small{display:block;color:#64748b;font-weight:900}.product-channel-grid strong,.product-supply-box strong{display:block;margin:4px 0;color:#0f172a;font-size:1.15rem}.product-channel-grid i{display:block;height:8px;margin-top:10px;border-radius:999px;background:linear-gradient(90deg,#991b1b,#ef4444)}@media(max-width:980px){.product-decision-strip,.product-profile-grid.featured{grid-template-columns:1fr}}

/* Promotions modal workflow */
.promotions-management-layout{grid-template-columns:320px minmax(0,1fr)}
.promotion-action-card{position:sticky;top:18px;display:grid;gap:12px;align-content:start;background:linear-gradient(145deg,#fff,#fff7f7);overflow:hidden}
.promotion-action-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:999px;background:linear-gradient(135deg,#fee2e2,#fff0);left:-55px;bottom:-70px;pointer-events:none}
.promotion-action-card>*{position:relative;z-index:1}.promotion-action-card p{margin:0 0 8px;line-height:1.8}.promotions-list-card{min-height:520px}.promotion-modal-form{display:grid;gap:18px}.promotion-modal-hero{display:flex;gap:16px;align-items:center;padding:18px;border:1px solid #f5cfd1;border-radius:22px;background:linear-gradient(135deg,#fff1f2,#fff)}.promotion-modal-hero h3{margin:4px 0;font-size:1.35rem}.promotion-modal-hero p{margin:0;line-height:1.7}.promotion-modal-section{display:grid;gap:12px;padding:16px;border:1px solid #e7ebf0;border-radius:18px;background:#fbfcfd}.promotion-switch{justify-content:flex-start;background:#f7f8fa}.sticky-modal-actions{position:sticky;bottom:-24px;z-index:2;padding-top:12px;background:linear-gradient(180deg,#ffffff00,#fff 35%)}
@media(max-width:900px){.promotions-management-layout{grid-template-columns:1fr}.promotion-action-card{position:relative;top:auto}}

/* Backup manager */
.backup-manager{display:grid;gap:16px}.backup-hero{display:flex;gap:16px;align-items:center;padding:18px;border:1px solid #dfe4eb;border-radius:22px;background:linear-gradient(135deg,#fff,#f7fafc)}.backup-hero h3{margin:4px 0;font-size:1.35rem}.backup-hero p{margin:0;line-height:1.7}.backup-latest{padding:16px;border:1px solid #f4c9cc;border-radius:18px;background:linear-gradient(135deg,#fff6f6,#fff)}.backup-latest div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.backup-restore-box{display:grid;gap:12px;padding:16px;border:1px dashed #f0b8bc;border-radius:20px;background:linear-gradient(135deg,#fffafa,#fff 58%,#fff2f2);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}.backup-restore-box h3{margin:0;font-size:1.1rem}.backup-restore-box p{margin:0;color:#64748b;line-height:1.75}.backup-restore-box input{width:100%;height:auto;padding:12px;border:1px solid #d9e1ea;border-radius:14px;background:#fff;font-weight:800;color:#0f172a}.backup-row{grid-template-columns:1.4fr .8fr .45fr .35fr}.backup-download-link{text-align:center;text-decoration:none;display:grid;place-items:center}
@media(max-width:800px){.backup-row{grid-template-columns:1fr!important}.backup-hero{align-items:flex-start}}

.billing-manager{display:grid;gap:18px}.billing-settings-form{background:linear-gradient(135deg,#fff,#fff7f7);border:1px solid #e5edf5;border-radius:22px;padding:18px}.billing-settings-form .wide{grid-column:1/-1}.billing-invoices-panel{padding:18px;border:1px solid #e5edf5;border-radius:22px;background:#fff}.billing-row{grid-template-columns:.9fr .8fr .8fr 1fr .5fr .55fr .4fr .45fr 1fr}.status.pending{background:#eef2ff;color:#334155}.report-filters.compact{display:flex;gap:8px;flex-wrap:wrap}.report-filters.compact label{min-width:130px}@media(max-width:900px){.billing-row{grid-template-columns:1fr!important}}

.billing-report-summary{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin:12px 0 14px}.billing-report-summary article{padding:14px;border-radius:18px;border:1px solid #e5edf5;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 14px 28px rgba(15,23,42,.06)}.billing-report-summary span{display:block;color:#64748b;font-weight:800;font-size:.82rem}.billing-report-summary strong{display:block;font-size:1.55rem;margin-top:6px;color:#0f172a}.billing-report-summary small{color:#475569;font-weight:800}.billing-report-summary .sent{background:linear-gradient(135deg,#ecfdf5,#fff)}.billing-report-summary .failed{background:linear-gradient(135deg,#fff1f2,#fff)}.billing-report-summary .pending{background:linear-gradient(135deg,#fff7ed,#fff)}.billing-report-note{padding:10px 12px;border-radius:14px;background:#f8fafc;color:#64748b;font-weight:800;margin-bottom:10px}@media(max-width:1100px){.billing-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* POS BANK Pro Brand Theme */
:root{
  --posbank-navy:#0b1f44;
  --posbank-navy-2:#111827;
  --posbank-slate:#2e3a4a;
  --posbank-red:#e10600;
  --posbank-red-2:#ff3d47;
  --posbank-blue:#0ea5ff;
  --posbank-ink:#0f172a;
  --posbank-muted:#667085;
  --posbank-line:#dce3ee;
  --posbank-surface:#ffffffea;
  --posbank-glass:rgba(255,255,255,.74);
  --posbank-shadow:0 26px 70px rgba(11,31,68,.16);
  --posbank-soft-shadow:0 16px 42px rgba(11,31,68,.12);
}
html{background:#eef2f7}
body{
  color:var(--posbank-ink);
  background:
    radial-gradient(circle at 92% 0%, rgba(225,6,0,.20) 0, transparent 29%),
    radial-gradient(circle at 8% 12%, rgba(14,165,255,.10) 0, transparent 25%),
    linear-gradient(135deg,#f8fafc 0%,#eef2f7 48%,#fff1f2 100%);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 62%,rgba(11,31,68,.05) 62% 63%,transparent 63%),
    radial-gradient(circle at 88% 22%,rgba(11,31,68,.08),transparent 17%);
  z-index:-1;
}
.posbank-logo-lockup{display:inline-flex;align-items:center;gap:12px;direction:ltr;text-align:left}
.posbank-mark{position:relative;width:58px;height:58px;display:grid;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);gap:5px;align-content:center;justify-content:center;border-radius:18px;background:linear-gradient(145deg,#071426,#172338);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 14px 28px rgba(11,31,68,.24)}
.posbank-mark:before{content:"";position:absolute;inset:7px -11px 7px 22px;border-radius:12px 20px 20px 12px;background:linear-gradient(135deg,#ff545b 0%,#e10600 48%,#7c0f16 100%);clip-path:polygon(0 0,100% 0,70% 50%,100% 100%,0 100%,32% 50%);box-shadow:0 0 22px rgba(225,6,0,.35)}
.posbank-mark i{position:relative;z-index:2;width:12px;height:12px;border-radius:4px;background:linear-gradient(145deg,#ffffff,#8b97a8);box-shadow:0 3px 8px rgba(0,0,0,.24)}
.posbank-mark i:nth-child(2){background:linear-gradient(145deg,#ff4b4f,#c31820)}
.posbank-word{display:grid;gap:0;line-height:1;letter-spacing:-.04em;font-weight:950;color:#111827}
.posbank-word b{color:var(--posbank-red);font-size:1.35rem;text-shadow:0 8px 18px rgba(225,6,0,.22)}
.posbank-word strong{font-size:1.35rem;color:#25303d;margin-top:-3px}
.posbank-word small{margin-top:4px;font-size:.62rem;letter-spacing:.05em;color:#667085;font-weight:800;white-space:nowrap}
.posbank-login-card .posbank-logo-lockup{justify-content:center;margin:0 auto 20px}.posbank-login-card h1{letter-spacing:-.04em;color:#111827}.posbank-login-card h1:after{content:"";display:block;width:70px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--posbank-red),var(--posbank-red-2));margin:10px auto 0}.brand-mark{display:none}
.dashboard-page{padding:0 18px 24px}.dashboard-header,.page-header,.cashier-header{position:relative;overflow:hidden;border-color:rgba(220,227,238,.9);background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.76));backdrop-filter:blur(16px);box-shadow:var(--posbank-shadow)}
.dashboard-header:before,.page-header:before,.cashier-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 58%,rgba(225,6,0,.08) 74%,rgba(11,31,68,.08));pointer-events:none}.dashboard-header>*{position:relative;z-index:1}
.dashboard-hero{min-height:178px;align-items:center;text-align:center;justify-content:center}.dashboard-hero .hero-main{display:grid;justify-items:center;gap:5px}.dashboard-brand{margin-bottom:3px}.dashboard-header h1,.page-header h1{letter-spacing:-.055em;color:#0f172a;font-weight:950}.dashboard-header p,.page-header p{font-weight:650;color:#667085}.eyebrow{letter-spacing:.02em}.meta-pill,.quick-action-button,.dashboard-menu-panel button{border:1px solid #e3e9f2;background:rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(11,31,68,.08)}
.primary-button,button[type=submit],.logout-button{background:linear-gradient(135deg,#b5121b,#e10600 55%,#ff4b55);box-shadow:0 18px 36px rgba(225,6,0,.25)}
.ghost-button,.small-button{border:1px solid #e3e9f2;background:linear-gradient(135deg,#f8fafc,#edf2f7);color:#263244}.panel-card,.cashier-main,.cart-panel{background:rgba(255,255,255,.88);border-color:rgba(220,227,238,.92);box-shadow:var(--posbank-soft-shadow);backdrop-filter:blur(12px)}
.apps-grid{width:min(1540px,100%);grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.app-card{min-height:172px;border:1px solid rgba(255,255,255,.20);box-shadow:0 24px 50px rgba(11,31,68,.18), inset 0 1px 0 rgba(255,255,255,.16);transform:translateZ(0)}.app-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px rgba(11,31,68,.22)}.app-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 44%,rgba(0,0,0,.12));pointer-events:none}.app-card h2,.app-card p,.app-card .app-icon,.app-card small{position:relative;z-index:1}.app-icon{margin-inline-start:auto;background:rgba(255,255,255,.20);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 12px 28px rgba(0,0,0,.13)}
.users,.promotions{background:linear-gradient(135deg,#8b1118,#e10600 62%,#ff4b55)}.sales{background:linear-gradient(135deg,#c41620,#ff4b55)}.inventory,.purchasing{background:linear-gradient(135deg,#4b141b,#9c1f27 58%,#2e3a4a)}.accounting,.reports{background:linear-gradient(135deg,#172338,#405064 65%,#748195)}.pos{background:linear-gradient(135deg,#151924,#681823 58%,#b91f26)}.settings,.analytics{background:linear-gradient(135deg,#0b1f44,#1f2a3a 62%,#445166)}
.dashboard-launcher-tools{width:min(1540px,100%);border:1px solid rgba(220,227,238,.9);background:rgba(255,255,255,.82);backdrop-filter:blur(14px);box-shadow:var(--posbank-soft-shadow)}
input,select{border-color:#d8e0ec;background:rgba(255,255,255,.92)}input:focus,select:focus{border-color:var(--posbank-red);box-shadow:0 0 0 4px rgba(225,6,0,.11)}
@media(max-width:1250px){.apps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero{min-height:150px}.posbank-word small{display:none}}
@media(max-width:560px){.apps-grid{grid-template-columns:1fr}.dashboard-page{padding:0 12px 18px}.dashboard-hero{text-align:center}.posbank-logo-lockup{transform:scale(.9)}}

.shift-info span{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:#fff;color:#9f1d24;border:1px solid #f1c7cb}
.product-components-section{margin:1rem 0;padding:1rem;border:1px solid rgba(15,23,42,.12);border-radius:18px;background:rgba(248,250,252,.88)}
.product-components-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.75rem}
.product-components-head h3{margin:.1rem 0 .25rem;font-size:1rem}
.product-components-table{display:grid;gap:.55rem}
.product-component-row{grid-template-columns:minmax(220px,1.5fr) minmax(150px,.8fr) 100px minmax(120px,.8fr) auto;align-items:end}
.product-component-row select,.product-component-row input{width:100%}
.product-component-cost{font-size:1rem;color:#0f766e;white-space:nowrap}
.manufactured-cost-preview{margin-top:.85rem}
@media (max-width: 900px){.product-components-head{display:block}.product-component-row{grid-template-columns:1fr}.product-component-row .remove-component{width:100%}}

.product-template-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
  padding: 0.75rem;
  margin: 0.8rem 0;
  border: 1px dashed rgba(37, 99, 235, 0.25);
  border-radius: 16px;
  background: rgba(37, 99, 235, 0.06);
}
.product-template-bar span {
  font-weight: 800;
  color: #1e3a8a;
}
.manufactured-cost-row,
.component-consumption-row {
  grid-template-columns: minmax(180px, 1.5fr) repeat(4, minmax(90px, 1fr));
}
.low-stock-row small {
  color: #92400e;
  font-weight: 700;
}

.product-option-row {
  grid-template-columns: minmax(140px,1.2fr) minmax(90px,.6fr) minmax(180px,1.4fr) minmax(90px,.6fr) auto;
  gap: .6rem;
}
.product-option-row input,
.product-option-row select {
  width: 100%;
  border: 1px solid rgba(148,163,184,.35);
  border-radius: 12px;
  padding: .55rem .65rem;
  background: #fff;
}

/* Accounting customers directory: full-width organized table */
.accounting-service-layout > section[data-accounting-section="customers"].panel-card{
  grid-column:1 / -1;
  width:100%;
  overflow:hidden;
}
.accounting-service-layout > section[data-accounting-section="customers"] #accountingCustomersTable{
  width:100%;
  display:grid;
  gap:10px;
}
.accounting-service-layout > section[data-accounting-section="customers"] .customer-table-head,
.accounting-service-layout > section[data-accounting-section="customers"] .customer-directory-row{
  width:100%;
  grid-template-columns:88px minmax(210px,1.45fr) minmax(135px,.85fr) minmax(220px,1.2fr) 110px 100px 105px;
  gap:12px;
  align-items:center;
}
.accounting-service-layout > section[data-accounting-section="customers"] .customer-directory-row{
  min-height:72px;
  padding:14px 16px;
  background:linear-gradient(135deg,#fff,#f8fafc);
  border:1px solid #eef2f7;
  box-shadow:0 10px 24px rgba(11,31,68,.06);
}
.accounting-service-layout > section[data-accounting-section="customers"] .customer-directory-row strong,
.accounting-service-layout > section[data-accounting-section="customers"] .customer-directory-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.accounting-service-layout > section[data-accounting-section="customers"] .customer-directory-row strong{
  white-space:normal;
  line-height:1.35;
}
.accounting-service-layout > section[data-accounting-section="customers"] .customer-directory-row span,
.accounting-service-layout > section[data-accounting-section="customers"] .customer-directory-row b{
  white-space:nowrap;
}
.accounting-service-layout > section[data-accounting-section="customers"] .customer-management-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
}
#inventoryWorkspace .product-management-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
}
#inventoryWorkspace #productForm,
#inventoryWorkspace #inventoryProductsTab > .users-table-card > .section-title-row{
  display:none!important;
}
#inventoryWorkspace #inventoryProductsTab.management-layout{
  display:block;
}
#inventoryWorkspace #inventoryProductsTab > .users-table-card{
  width:100%;
  overflow:hidden;
}
#inventoryWorkspace #inventoryProductsTable{
  width:100%;
  display:grid;
  gap:10px;
}
#inventoryWorkspace .product-table-head,
#inventoryWorkspace .product-directory-row{
  width:100%;
  grid-template-columns:84px minmax(220px,1.35fr) minmax(140px,.9fr) minmax(130px,.9fr) 90px 85px 110px 110px 95px 145px;
  gap:12px;
  align-items:center;
}
#inventoryWorkspace .product-directory-row{
  min-height:72px;
  padding:14px 16px;
  background:linear-gradient(135deg,#fff,#f8fafc);
  border:1px solid #eef2f7;
  box-shadow:0 10px 24px rgba(11,31,68,.06);
}
#inventoryWorkspace .product-directory-row input[type=checkbox]{
  width:18px;
  height:18px;
}
#inventoryWorkspace .product-directory-row strong,
#inventoryWorkspace .product-directory-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
#inventoryWorkspace .product-directory-row strong{
  white-space:normal;
  line-height:1.35;
}
#inventoryWorkspace .product-directory-row .product-name-cell{
  color:#0f172a;
}
#inventoryWorkspace .product-directory-row .product-sku-cell,
#inventoryWorkspace .product-directory-row .product-barcode-cell{
  direction:ltr;
  text-align:left;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-size:.86rem;
}
#inventoryWorkspace .product-directory-row span,
#inventoryWorkspace .product-directory-row b{
  white-space:nowrap;
}
@media(max-width:1100px){
  .accounting-service-layout > section[data-accounting-section="customers"] .customer-table-head,
  .accounting-service-layout > section[data-accounting-section="customers"] .customer-directory-row{
    grid-template-columns:72px minmax(180px,1.3fr) minmax(120px,.8fr) minmax(180px,1fr) 95px 90px 90px;
    font-size:.92rem;
  }
}
@media(max-width:900px){
  .accounting-service-layout > section[data-accounting-section="customers"] .customer-management-head{grid-template-columns:1fr;justify-items:stretch;}
  .accounting-service-layout > section[data-accounting-section="customers"] .customer-management-head .primary-button{width:100%;}
  #inventoryWorkspace .product-management-head{grid-template-columns:1fr;justify-items:stretch;}
  #inventoryWorkspace .product-management-head .primary-button{width:100%;}
  #inventoryWorkspace .product-table-head{display:none;}
  #inventoryWorkspace .product-directory-row{grid-template-columns:1fr!important;}
}
.customer-statement-print{display:grid;gap:16px;color:#111827}.customer-statement-header{padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#fff1f2,#fff);border:1px solid #f5cfd1}.customer-statement-header h2{margin:4px 0 6px}.customer-statement-header p{margin:0;color:#64748b;font-weight:800}.customer-statement-table{width:100%;border-collapse:separate;border-spacing:0 8px}.customer-statement-table th{padding:8px 10px;color:#64748b;text-align:right;font-size:.85rem}.customer-statement-table td{padding:12px 10px;background:#f8fafc;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;font-weight:800}.customer-statement-table td:first-child{border-right:1px solid #e5e7eb;border-radius:0 14px 14px 0}.customer-statement-table td:last-child{border-left:1px solid #e5e7eb;border-radius:14px 0 0 14px}
@media print{body[data-print-mode="customer-statement"] .customer-statement-print,body[data-print-mode="customer-statement"] .customer-statement-print *{visibility:visible!important}body[data-print-mode="customer-statement"] .customer-statement-print{position:absolute!important;inset:0!important;width:100%!important;margin:0!important;padding:18px!important;background:#fff!important}body[data-print-mode="customer-statement"] .receipt-actions{display:none!important}}
@media print{body[data-print-mode="product-statement"] .product-statement-print,body[data-print-mode="product-statement"] .product-statement-print *{visibility:visible!important}body[data-print-mode="product-statement"] .product-statement-print{position:absolute!important;inset:0!important;width:100%!important;margin:0!important;padding:18px!important;background:#fff!important}body[data-print-mode="product-statement"] .receipt-actions{display:none!important}}

/* Accounting suppliers directory mirrors the customer directory */
#supplierForm{display:none!important}
.accounting-service-layout > section[data-accounting-section="suppliers"].panel-card{grid-column:1 / -1;width:100%;overflow:hidden}
.accounting-service-layout > section[data-accounting-section="suppliers"] #suppliersTable{width:100%;display:grid;gap:10px}
.accounting-service-layout > section[data-accounting-section="suppliers"] .supplier-table-head,
.accounting-service-layout > section[data-accounting-section="suppliers"] .supplier-directory-row{width:100%;grid-template-columns:88px minmax(210px,1.45fr) minmax(135px,.85fr) minmax(220px,1.2fr) 110px 100px 105px;gap:12px;align-items:center}
.accounting-service-layout > section[data-accounting-section="suppliers"] .supplier-directory-row{min-height:72px;padding:14px 16px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #eef2f7;box-shadow:0 10px 24px rgba(11,31,68,.06)}
.accounting-service-layout > section[data-accounting-section="suppliers"] .supplier-directory-row strong,
.accounting-service-layout > section[data-accounting-section="suppliers"] .supplier-directory-row span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.accounting-service-layout > section[data-accounting-section="suppliers"] .supplier-directory-row strong{white-space:normal;line-height:1.35}
.accounting-service-layout > section[data-accounting-section="suppliers"] .supplier-directory-row span,
.accounting-service-layout > section[data-accounting-section="suppliers"] .supplier-directory-row b{white-space:nowrap}
@media(max-width:1100px){.accounting-service-layout > section[data-accounting-section="suppliers"] .supplier-table-head,.accounting-service-layout > section[data-accounting-section="suppliers"] .supplier-directory-row{grid-template-columns:72px minmax(180px,1.3fr) minmax(120px,.8fr) minmax(180px,1fr) 95px 90px 90px;font-size:.92rem}}
@media(max-width:900px){.accounting-service-layout > section[data-accounting-section="suppliers"] .supplier-table-head{display:none}.accounting-service-layout > section[data-accounting-section="suppliers"] .supplier-directory-row{grid-template-columns:1fr!important}.accounting-service-layout > section[data-accounting-section="suppliers"] .supplier-management-head{grid-template-columns:1fr;justify-items:stretch}.accounting-service-layout > section[data-accounting-section="suppliers"] .supplier-management-head .primary-button{width:100%}}
@media print{body[data-print-mode="supplier-statement"] .supplier-statement-print,body[data-print-mode="supplier-statement"] .supplier-statement-print *{visibility:visible!important}body[data-print-mode="supplier-statement"] .supplier-statement-print{position:absolute!important;inset:0!important;width:100%!important;margin:0!important;padding:18px!important;background:#fff!important}body[data-print-mode="supplier-statement"] .receipt-actions{display:none!important}}

/* Payment accounts are created from a popup */
#paymentAccountForm{display:none!important}

/* Product directory: keep every field readable and scroll the complete grid as one table. */
#inventoryWorkspace #inventoryProductsTab > .users-table-card{
  overflow-x:auto!important;
  overflow-y:visible!important;
}
#inventoryWorkspace #inventoryProductsTable{
  width:max-content!important;
  min-width:100%!important;
  overflow:visible!important;
}
#inventoryWorkspace .product-table-head,
#inventoryWorkspace .product-directory-row{
  width:906px!important;
  min-width:906px!important;
  grid-template-columns:34px minmax(130px,1.4fr) 96px 110px 58px 62px 78px 84px 70px 112px!important;
  gap:8px!important;
}
#inventoryWorkspace .product-table-head{
  display:grid!important;
  padding-inline:16px;
}
#inventoryWorkspace .product-directory-row{
  grid-template-rows:minmax(44px,auto)!important;
}
#inventoryWorkspace .product-directory-row > *{
  min-width:0!important;
}
#inventoryWorkspace .product-directory-row .product-name-cell,
#inventoryWorkspace .product-directory-row .product-sku-cell,
#inventoryWorkspace .product-directory-row .product-barcode-cell{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#inventoryWorkspace .product-row-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  min-width:160px!important;
}
#inventoryWorkspace .product-row-actions button{white-space:nowrap!important}
#inventoryWorkspace .product-directory-row .status{
  justify-self:start!important;
  min-width:82px!important;
}
#inventoryWorkspace .inventory-product-select{
  justify-self:center!important;
}
.accounting-service-layout > section[data-accounting-section="payment-accounts"].wide-panel{grid-column:1 / -1;width:100%}
.accounting-service-layout > section[data-accounting-section="payment-accounts"] .section-title-row{align-items:center}

/* Chart accounts are managed from a popup */
.accounting-service-layout > section[data-accounting-section="chart"] .section-title-row{align-items:center}
.accounting-service-layout > section[data-accounting-section="chart"] .section-title-row .compact-action{width:auto;margin-top:0;padding:0 22px}
.accounting-service-layout > section[data-accounting-section="chart"] .chart-account-row{grid-template-columns:.65fr 1.35fr .8fr 1.1fr .8fr .65fr auto}
@media(max-width:900px){.accounting-service-layout > section[data-accounting-section="chart"] .section-title-row{align-items:stretch;flex-direction:column}.accounting-service-layout > section[data-accounting-section="chart"] .section-title-row .compact-action{width:100%}.accounting-service-layout > section[data-accounting-section="chart"] .chart-account-row{grid-template-columns:1fr!important}}
.product-hero-actions{display:flex;align-items:center;gap:12px}.product-barcode-preview{display:grid;gap:16px}.product-barcode-preview>label{display:grid;gap:6px;max-width:180px}.product-barcode-preview input{padding:10px;border:1px solid #cbd5e1;border-radius:10px}.product-barcode-labels{display:flex;flex-wrap:wrap;gap:12px;max-height:360px;overflow:auto}.product-barcode-label-print{direction:rtl;box-sizing:border-box;width:50mm;min-height:30mm;padding:3mm;border:1px dashed #9ca3af;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2mm;color:#111;background:#fff;break-inside:avoid}.product-barcode-label-print strong{font:700 11pt Arial,sans-serif;text-align:center}.product-barcode-label-print span{font:10pt Arial,sans-serif;letter-spacing:1px}.barcode-code128{width:100%;height:15mm;display:block}
@media print{body[data-print-mode="barcode-label"] .product-barcode-labels,body[data-print-mode="barcode-label"] .product-barcode-labels *{visibility:visible!important}body[data-print-mode="barcode-label"] .product-barcode-labels{position:absolute!important;top:0!important;left:0!important;display:flex!important;flex-wrap:wrap!important;gap:2mm!important;max-height:none!important;overflow:visible!important;width:100%!important}body[data-print-mode="barcode-label"] .product-barcode-label-print{border:0!important;page-break-inside:avoid!important}body[data-print-mode="barcode-label"] .product-barcode-preview>.section-title-row,body[data-print-mode="barcode-label"] .product-barcode-preview>label,body[data-print-mode="barcode-label"] .product-barcode-preview>.form-actions{display:none!important}}
.product-image-picker{display:grid;justify-items:center;gap:3px;cursor:pointer}.product-image-picker span{width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:#172033;color:#fff;font-size:30px}.product-image-picker img{width:100%;height:100%;object-fit:cover}.product-image-picker small{font-size:.72rem;font-weight:800;color:#475569}.product-image-picker input{position:absolute;width:1px;height:1px;opacity:0}.product-image-picker:focus-within span{outline:3px solid #ef4444}.pos-pick-row:has(.pos-product-image){grid-template-columns:46px minmax(0,1fr);align-items:center}.pos-product-image{width:46px;height:46px;object-fit:cover;border-radius:8px}.pos-product-copy{min-width:0;display:grid;gap:3px}
.product-import-modal{display:grid;gap:14px}.product-import-modal>p{margin:0;color:#475569}.product-import-modal>label{display:grid;gap:8px;font-weight:800}.product-import-modal input[type=file]{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}.product-import-errors{max-height:180px;overflow:auto;padding:12px 32px;margin:8px 0;color:#b91c1c;background:#fff1f2;border-radius:12px}.product-import-table-wrap{overflow:auto;max-height:320px}.product-import-table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.product-import-table-wrap th,.product-import-table-wrap td{padding:9px 12px;border-bottom:1px solid #e5e7eb;text-align:right}.product-import-table-wrap th{background:#f8fafc}
#inventoryTransfersTab>.panel-card:not(.transfer-workspace-actions){display:none}.transfer-workspace-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:160px}.transfer-workspace-actions p{margin:6px 0 0;color:#64748b}.transfer-workspace-modal{position:fixed;inset:0;z-index:115;display:grid;place-items:center;padding:18px;background:#11182780;backdrop-filter:blur(6px)}.transfer-workspace-modal-card{width:min(1150px,100%);max-height:92vh;overflow:auto;padding:24px;border:1px solid #e3e7ee;border-radius:24px;background:#fff;box-shadow:0 25px 70px #1118274a}.transfer-workspace-modal-card>.section-title-row{position:sticky;top:-24px;z-index:2;margin:-24px -24px 16px;padding:18px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.transfer-workspace-modal-body{display:grid;gap:14px}.transfer-workspace-modal-card .panel-card{box-shadow:none;border:0;padding:0}.transfer-report-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}.transfer-report-filters label{display:grid;gap:6px;font-weight:800}.transfer-report-filters input,.transfer-report-filters select{width:100%;min-width:0;padding:11px;border:1px solid #cbd5e1;border-radius:11px;background:#fff}.transfer-report-actions{margin:0 0 12px}@media(max-width:850px){.transfer-workspace-actions{display:grid}.transfer-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.transfer-workspace-modal-card{padding:16px}.transfer-workspace-modal-card>.section-title-row{top:-16px;margin:-16px -16px 12px;padding:14px 16px}}@media(max-width:560px){.transfer-report-filters{grid-template-columns:1fr}}
@media print{body[data-print-mode="transfer-history"]>*:not(#inventoryPage){display:none!important}body[data-print-mode="transfer-history"] #inventoryPage{display:block!important}body[data-print-mode="transfer-history"] #inventoryPage>*:not(#inventoryWorkspace){display:none!important}body[data-print-mode="transfer-history"] #inventoryWorkspace>*:not(#inventoryTransfersTab){display:none!important}body[data-print-mode="transfer-history"] #inventoryTransfersTab>*:not(#transferWorkspaceModal){display:none!important}body[data-print-mode="transfer-history"] #transferWorkspaceModal{position:static!important;padding:0!important;background:#fff!important}body[data-print-mode="transfer-history"] .transfer-workspace-modal-card{width:100%!important;max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important}body[data-print-mode="transfer-history"] #closeTransferWorkspaceModal,body[data-print-mode="transfer-history"] .transfer-report-filters,body[data-print-mode="transfer-history"] .transfer-report-actions{display:none!important}}
.inventory-popup-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:160px}.inventory-popup-actions p{color:#64748b}.inventory-workspace-modal{position:fixed;inset:0;z-index:115;display:grid;place-items:center;padding:18px;background:#11182780;backdrop-filter:blur(6px)}.inventory-workspace-modal-card{width:min(1200px,100%);max-height:92vh;overflow:auto;padding:24px;border:1px solid #e3e7ee;border-radius:24px;background:#fff;box-shadow:0 25px 70px #1118274a}.inventory-workspace-modal-card>.section-title-row{position:sticky;top:-24px;z-index:2;margin:-24px -24px 16px;padding:18px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.inventory-workspace-modal-card .panel-card{padding:0;border:0;box-shadow:none}.inventory-workspace-modal-actions{display:flex;gap:10px;margin-bottom:12px}.inventory-workspace-modal-card .report-filters{display:flex;flex-wrap:wrap;gap:12px}.inventory-workspace-modal-card .report-filters label{min-width:140px;flex:1}.inventory-workspace-modal-card #movementsTable{max-height:55vh;overflow:auto}#inventoryMovementsTab>.panel-card:not(.inventory-popup-actions),#inventoryProductionTab>.panel-card:not(.inventory-popup-actions){display:none}@media(max-width:760px){.inventory-popup-actions{display:grid}.inventory-workspace-modal-card{padding:16px}.inventory-workspace-modal-card>.section-title-row{top:-16px;margin:-16px -16px 12px;padding:14px 16px}}
@media print{body[data-print-mode="movement-report"]>*:not(#inventoryPage){display:none!important}body[data-print-mode="movement-report"] #inventoryPage{display:block!important}body[data-print-mode="movement-report"] #inventoryPage>*:not(#inventoryWorkspace){display:none!important}body[data-print-mode="movement-report"] #inventoryWorkspace>*:not(#inventoryMovementsTab){display:none!important}body[data-print-mode="movement-report"] #inventoryMovementsTab>*:not(#movementWorkspaceModal){display:none!important}body[data-print-mode="movement-report"] #movementWorkspaceModal{display:block!important;position:static!important;padding:0!important;background:#fff!important}body[data-print-mode="movement-report"] .inventory-workspace-modal-card{width:100%!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;box-shadow:none!important}body[data-print-mode="movement-report"] #movementWorkspaceModal .section-title-row,body[data-print-mode="movement-report"] #movementWorkspaceModalBody,body[data-print-mode="movement-report"] .inventory-workspace-modal-actions{display:none!important}body[data-print-mode="movement-report"] #movementPrintTable{display:block!important}body[data-print-mode="movement-report"] #movementPrintTable table{width:100%;border-collapse:collapse;font-size:10px}body[data-print-mode="movement-report"] #movementPrintTable th,body[data-print-mode="movement-report"] #movementPrintTable td{border:1px solid #ccc;padding:5px}body[data-print-mode="movement-report"] #movementPrintTable tr{break-inside:avoid}}
#inventoryCountsTab>.panel-card:not(.count-workspace-actions){display:none}.count-workspace-actions{display:grid;gap:18px;min-height:170px}.count-workspace-actions p{margin:6px 0 0;color:#64748b}.count-workspace-modal{position:fixed;inset:0;z-index:115;display:grid;place-items:center;padding:18px;background:#11182780;backdrop-filter:blur(6px)}.count-workspace-modal-card{width:min(1180px,100%);max-height:92vh;overflow:auto;padding:24px;border:1px solid #e3e7ee;border-radius:24px;background:#fff;box-shadow:0 25px 70px #1118274a}.count-workspace-modal-card>.section-title-row{position:sticky;top:-24px;z-index:2;margin:-24px -24px 16px;padding:18px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.count-workspace-modal-card #countHistoryPanel{padding:0;border:0;box-shadow:none}.count-operation{display:grid;gap:16px}.count-operation-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.count-operation-intro label,.count-operation-draft label,.count-excel-tools label{display:grid;gap:7px;font-weight:800}.count-operation-intro input,.count-operation-intro select,.count-operation-draft input,.count-excel-tools input{width:100%;min-width:0;padding:11px;border:1px solid #cbd5e1;border-radius:11px;background:#fff}.count-operation-products{display:grid;gap:8px;max-height:360px;overflow:auto}.count-operation-row{display:grid;grid-template-columns:minmax(190px,1.7fr) minmax(105px,.7fr) minmax(130px,.8fr) minmax(125px,.8fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc}.count-operation-row>div{display:grid;gap:4px;min-width:0}.count-operation-row strong,.count-operation-row small{overflow:hidden;text-overflow:ellipsis}.count-operation-row input{width:100%;min-width:0;padding:9px;border:1px solid #cbd5e1;border-radius:9px}.count-operation-row>small{grid-column:1/-1;color:#b91c1c}.count-operation-draft{display:grid;gap:12px;padding:16px;border:1px solid #e5e7eb;border-radius:16px}.count-operation-draft h3{margin:0}.count-operation-draft-row{grid-template-columns:1.5fr .9fr .7fr 1fr auto}.count-excel-tools{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px;border:1px dashed #b4c6e6;border-radius:15px;background:#f1f5ff}.count-excel-tools label{min-width:220px;flex:1}.count-excel-tools #openingCountFileResult{width:100%}@media(max-width:850px){.count-operation-row{grid-template-columns:repeat(2,minmax(0,1fr))}.count-operation-row>div{grid-column:1/-1}.count-operation-draft-row{grid-template-columns:1fr!important}.count-workspace-modal-card{padding:16px}.count-workspace-modal-card>.section-title-row{top:-16px;margin:-16px -16px 12px;padding:14px 16px}}@media(max-width:560px){.count-operation-intro,.count-operation-row{grid-template-columns:1fr}}
.branch-settings-directory{display:grid;gap:14px}.branch-settings-directory h3{margin:8px 0 0}.branch-settings-row{grid-template-columns:minmax(180px,1.5fr) .6fr .7fr auto}.station-settings-row{grid-template-columns:minmax(180px,1.3fr) minmax(140px,1fr) .7fr auto}.branch-settings-form{display:grid;gap:16px;max-width:600px}.branch-settings-form>label:not(.switch-line){display:grid;gap:8px;font-weight:800}.branch-settings-form input:not([type=checkbox]),.branch-settings-form select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:12px}.detail-modal-card:has(.branch-settings-directory){width:min(1050px,calc(100vw - 32px))}@media(max-width:700px){.branch-settings-row,.station-settings-row{grid-template-columns:1fr!important}}
/* Keep the service list and back controls together in application headers. */
.app-navigation-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.app-navigation-actions .ghost-button{width:auto;min-width:0;height:40px;padding:0 14px;white-space:nowrap}
.app-hub-button{display:none}
#inventoryPage:has(#inventoryWorkspace:not(.is-hidden)) .app-hub-button,
#accountingPage:has(#accountingWorkspace:not(.is-hidden)) .app-hub-button,
#reportsPage:has(#reportsWorkspace:not(.is-hidden)) .app-hub-button{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:600px){.dashboard-header:has(.app-navigation-actions){flex-wrap:wrap}.app-navigation-actions{width:100%}.app-navigation-actions .ghost-button{flex:0 1 auto;font-size:.85rem;padding:0 10px}}

/* Compact the dashboard banner while keeping every detail visible. */
#dashboardPage > .dashboard-header.dashboard-hero{min-height:0;padding:12px 24px;border-radius:28px}
#dashboardPage .hero-main{gap:3px}
#dashboardPage .dashboard-brand{margin-bottom:0;gap:9px}
#dashboardPage .dashboard-brand .posbank-mark{width:46px;height:46px;border-radius:14px}
#dashboardPage .dashboard-brand .posbank-word b,#dashboardPage .dashboard-brand .posbank-word strong{font-size:1.12rem}
#dashboardPage .dashboard-brand .posbank-word small{font-size:.54rem}
#dashboardPage .hero-main h1{font-size:clamp(1.65rem,2.25vw,2.15rem)}
#dashboardPage .hero-main p{font-size:.84rem}
#dashboardPage .hero-main .eyebrow{padding:3px 8px;font-size:.68rem;margin-bottom:0!important}
#dashboardPage .hero-meta{margin-top:2px;gap:5px}
#dashboardPage .meta-pill{padding:4px 8px;font-size:.75rem}
#dashboardPage .dashboard-menu-button{min-height:36px;height:36px;padding:0 12px;font-size:.82rem}
@media(max-width:1180px){#dashboardPage > .dashboard-header.dashboard-hero{padding:14px 20px;gap:8px}}
@media(max-width:560px){#dashboardPage > .dashboard-header.dashboard-hero{padding:12px 14px}#dashboardPage .hero-main h1{font-size:1.65rem}#dashboardPage .hero-meta{gap:5px}}

/* The service title is already shown in the page content; navigation lives in the header. */
#inventoryWorkspace > .accounting-toolbar,
#accountingWorkspace > .accounting-toolbar{display:none}

/* POSBANK UX/UI polish layer — unified professional shell */
:root{
  --pb-bg:#f5f7fb;
  --pb-surface:#ffffff;
  --pb-surface-soft:#f8fafc;
  --pb-border:#e3e8f0;
  --pb-border-strong:#d4dce8;
  --pb-text:#111827;
  --pb-muted:#64748b;
  --pb-red:#c91f2b;
  --pb-red-dark:#991b1f;
  --pb-shadow-sm:0 8px 22px rgba(15,23,42,.07);
  --pb-shadow-md:0 18px 48px rgba(15,23,42,.10);
  --pb-radius-lg:26px;
  --pb-radius-md:18px;
}
html{scroll-behavior:smooth}
body{
  color:var(--pb-text);
  background:
    radial-gradient(circle at 88% 10%,rgba(201,31,43,.12),transparent 30%),
    radial-gradient(circle at 8% 92%,rgba(51,65,85,.10),transparent 28%),
    linear-gradient(180deg,#fbfcfe 0%,var(--pb-bg) 55%,#eef2f7 100%);
}
.page,.cashier-page{padding:22px 28px 34px}
button:hover{transform:translateY(-1px)}
button:active{transform:translateY(0)}
button:disabled{opacity:.62;cursor:not-allowed;transform:none!important}
input,select,textarea{
  border-color:var(--pb-border-strong)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:inset 0 1px 0 rgba(15,23,42,.02);
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(201,31,43,.72)!important;
  box-shadow:0 0 0 4px rgba(201,31,43,.11)!important;
}
.primary-button,button[type=submit]{
  background:linear-gradient(135deg,#b91c1c,var(--pb-red) 58%,#ef4444)!important;
  box-shadow:0 14px 28px rgba(201,31,43,.22)!important;
}
.ghost-button,.small-button{
  border:1px solid var(--pb-border)!important;
  background:linear-gradient(180deg,#fff,#f1f5f9)!important;
  color:#243247!important;
}
.ghost-button:hover,.small-button:hover{border-color:#cbd5e1!important;background:#fff!important}
.dashboard-header,.page-header,.cashier-header{
  border:1px solid rgba(226,232,240,.92)!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:var(--pb-shadow-md)!important;
  backdrop-filter:blur(14px);
}
.dashboard-header h1,.page-header h1,.cashier-header h1{letter-spacing:-.03em;color:#0f172a}
.dashboard-header p,.page-header p,.cashier-header p,.panel-card p{color:var(--pb-muted)}
.panel-card,.cashier-main,.cart-panel,.users-table-card,.report-section,.wide-panel{
  border:1px solid rgba(226,232,240,.95)!important;
  border-radius:var(--pb-radius-lg)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:var(--pb-shadow-sm)!important;
}
.panel-card:hover,.cashier-main:hover,.cart-panel:hover,.users-table-card:hover,.report-section:hover{
  box-shadow:var(--pb-shadow-md)!important;
}
.section-title-row,.customer-management-head,.product-management-head,.supplier-management-head{
  padding-bottom:12px;
  border-bottom:1px solid #eef2f7;
}
.section-title-row h2,.panel-card h2{color:#0f172a;letter-spacing:-.02em}
.eyebrow{color:var(--pb-red)!important;letter-spacing:.02em}
.apps-grid,.stations-grid{gap:18px}
.app-card{
  min-height:156px!important;
  border:1px solid rgba(255,255,255,.25);
  border-radius:26px!important;
  box-shadow:0 18px 36px rgba(15,23,42,.15)!important;
  isolation:isolate;
}
.app-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 46%);
  pointer-events:none;
  z-index:0;
}
.app-card>*{position:relative;z-index:1}
.app-card:hover{filter:saturate(1.05);box-shadow:0 24px 48px rgba(15,23,42,.20)!important}
.app-card h2{font-size:1.45rem!important;letter-spacing:-.02em}
.app-icon,.station-icon{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 22px rgba(15,23,42,.12);
}
.table-row,.stock-row,.cart-row,.count-operation-row,.promotion-card-row{
  border:1px solid #e8edf5!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}
.table-row:hover,.stock-row:hover,.promotion-card-row:hover{
  border-color:#d8e0eb!important;
  background:#fff!important;
}
.clickable-row{cursor:pointer}
.table-row strong,.stock-row strong{color:#101827}
.table-row small,.stock-row small{color:var(--pb-muted)}
.status{border:1px solid transparent;font-weight:900}
.status.active{background:#fff1f2!important;color:#b91c1c!important;border-color:#fecdd3}
.status.inactive{background:#f1f5f9!important;color:#475569!important;border-color:#e2e8f0}
.tabs,.filter-tabs,.dashboard-filters,.report-filters,.customer-management-tools,.stock-toolbar,.cashier-toolbar,.transfer-report-filters{
  padding:10px;
  border:1px solid #e6ebf2;
  border-radius:20px;
  background:rgba(248,250,252,.82);
}
.inventory-tab,.filter-chip,.tab-button{
  border:1px solid #e2e8f0!important;
  background:#fff!important;
  color:#334155!important;
}
.inventory-tab.active,.filter-chip.active,.tab-button.active{
  border-color:rgba(201,31,43,.35)!important;
  background:linear-gradient(135deg,#b91c1c,#ef4444)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(201,31,43,.22)!important;
}
.empty-state{
  border:1px dashed #cbd5e1;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  color:#64748b!important;
  font-weight:800;
}
.detail-modal-card,.transfer-workspace-modal-card,.inventory-workspace-modal-card,.count-workspace-modal-card{
  border-radius:28px!important;
  border:1px solid rgba(226,232,240,.95)!important;
  box-shadow:0 30px 80px rgba(15,23,42,.30)!important;
}
.toast{border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 45px rgba(15,23,42,.22)!important}
.positive{color:#15803d!important}.negative{color:#b91c1c!important}.warning{color:#b45309!important}
@media(max-width:900px){
  .page,.cashier-page{padding:16px}
  .dashboard-header,.page-header,.cashier-header{border-radius:22px!important}
  .panel-card,.cashier-main,.cart-panel,.users-table-card,.report-section,.wide-panel{border-radius:22px!important}
  .apps-grid,.stations-grid{gap:12px}
  .app-card{min-height:136px!important;padding:20px!important}
  .section-title-row{align-items:stretch;flex-direction:column}
}
@media(max-width:560px){
  input,select{height:44px}
  .primary-button,button[type=submit],.ghost-button{min-height:44px}
  .app-card h2{font-size:1.25rem!important}
}

/* POSBANK Executive theme — same brand colors, existing features only */
:root{
  --exec-sidebar:#07111f;
  --exec-sidebar-2:#0d1a2d;
  --exec-ink:#0f172a;
  --exec-muted:#64748b;
  --exec-line:#e2e8f0;
  --exec-red:#d61f2b;
  --exec-red-2:#a5161d;
  --exec-blue:#1e3a5f;
  --exec-card:#ffffff;
  --exec-work:#f4f7fb;
  --exec-shadow:0 18px 45px rgba(15,23,42,.10);
}
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]){
  background:
    radial-gradient(circle at 88% 8%,rgba(214,31,43,.10),transparent 30%),
    linear-gradient(180deg,#f8fafc 0%,var(--exec-work) 100%);
}
.app-shell-sidebar{display:none}
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-sidebar{
  position:fixed;
  z-index:90;
  inset:0 auto 0 0;
  width:250px;
  display:flex;
  flex-direction:column;
  gap:20px;
  padding:22px 16px;
  color:#fff;
  background:
    radial-gradient(circle at 0 0,rgba(214,31,43,.28),transparent 34%),
    linear-gradient(180deg,var(--exec-sidebar),var(--exec-sidebar-2));
  box-shadow:18px 0 45px rgba(15,23,42,.22);
}
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .dashboard-page,
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .cashier-page{
  padding-left:278px;
}
.app-shell-brand{padding:4px 6px 14px;border-bottom:1px solid rgba(255,255,255,.13)}
.app-shell-sidebar .posbank-word b{color:#fff!important}.app-shell-sidebar .posbank-word strong{color:#fff!important}.app-shell-sidebar .posbank-word small{color:#b9c6d8!important}
.app-shell-nav{display:grid;gap:7px}
.app-shell-nav button{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:16px;
  color:#dbe7f7;
  background:transparent;
  box-shadow:none;
  text-align:right;
}
.app-shell-nav button span{width:26px;height:26px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.08);font-weight:900;color:#fff}
.app-shell-nav button b{font-size:.95rem}
.app-shell-nav button:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.10)}
.app-shell-nav button.active{
  color:#fff;
  border-color:rgba(255,255,255,.18);
  background:linear-gradient(135deg,var(--exec-red-2),var(--exec-red));
  box-shadow:0 14px 30px rgba(214,31,43,.28);
}
.app-shell-note{margin-top:auto;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.06)}
.app-shell-note strong,.app-shell-note small{display:block}.app-shell-note small{margin-top:5px;color:#b9c6d8;line-height:1.5}
#dashboardPage.dashboard-page{gap:18px}
#dashboardPage .dashboard-launcher-tools{
  order:-1;
  width:min(1220px,100%);
  min-height:64px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(240px,1fr) auto auto;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  border:1px solid rgba(226,232,240,.95);
  border-radius:24px;
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 30px rgba(15,23,42,.07);
  backdrop-filter:blur(14px);
}
#dashboardPage #dashboardAppSearch{height:44px;border-radius:999px!important;background:#f8fafc!important}
#dashboardPage #dashboardClearSearch{height:42px;min-height:42px;border-radius:999px}
#dashboardPage .dashboard-launcher-filters{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}
#dashboardPage .dashboard-launcher-filters button{
  height:36px;
  padding:0 14px;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:#fff;
  color:#334155;
  box-shadow:none;
  font-weight:900;
}
#dashboardPage .dashboard-launcher-filters button.active{background:linear-gradient(135deg,var(--exec-red-2),var(--exec-red));color:#fff;border-color:transparent}
#dashboardPage .dashboard-launcher-hint{grid-column:1/-1;display:flex;justify-content:center;gap:10px;color:#7c8798;font-size:.82rem}
#dashboardPage>.dashboard-header.dashboard-hero{
  width:min(1220px,100%);
  min-height:260px;
  padding:34px 44px!important;
  border:0!important;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(7,17,31,.98) 0%,rgba(12,27,48,.92) 48%,rgba(119,24,30,.38) 100%),
    radial-gradient(circle at 82% 30%,rgba(255,255,255,.16),transparent 20%),
    linear-gradient(135deg,#07111f,#12233b)!important;
  box-shadow:0 24px 60px rgba(15,23,42,.22)!important;
}
#dashboardPage>.dashboard-header.dashboard-hero:before{
  content:"";
  position:absolute;
  inset:24px 56% 24px 40px;
  border-radius:28px;
  opacity:.75;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.02)),
    radial-gradient(circle at 30% 30%,rgba(214,31,43,.45),transparent 32%);
  border:1px solid rgba(255,255,255,.14);
}
#dashboardPage>.dashboard-header.dashboard-hero:after{
  content:"";
  position:absolute;
  left:72px;
  top:54px;
  width:310px;
  height:150px;
  border-radius:24px;
  background:
    linear-gradient(180deg,#1e3a5f,#091527 62%,#050b13 63%),
    linear-gradient(135deg,rgba(255,255,255,.18),transparent);
  box-shadow:0 24px 50px rgba(0,0,0,.28);
  transform:perspective(500px) rotateY(-13deg) rotateX(3deg);
}
#dashboardPage .hero-main{position:relative;z-index:2;max-width:620px;align-items:flex-start;text-align:right}
#dashboardPage .dashboard-brand{display:none}
#dashboardPage #dashboardCompany{display:inline-flex;margin-bottom:12px!important;padding:7px 12px;border-radius:999px;background:rgba(214,31,43,.20);color:#fecdd3!important;border:1px solid rgba(254,205,211,.22)}
#dashboardPage #dashboardTitle{color:#fff;font-size:clamp(2.2rem,4vw,3.7rem);text-shadow:0 10px 30px rgba(0,0,0,.20)}
#dashboardPage #dashboardSubtitle{max-width:520px;color:#e7eef9;font-size:1.05rem}
#dashboardPage .hero-meta{margin-top:18px}.hero-meta .meta-pill{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff}
#dashboardPage .dashboard-actions-menu{position:absolute;z-index:3;top:24px;left:26px}
#dashboardPage .dashboard-menu-button{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}
#dashboardPage .dashboard-menu-panel{background:#fff;color:#0f172a;border:1px solid #e2e8f0;box-shadow:0 20px 45px rgba(15,23,42,.18)}
#dashboardPage .apps-grid{
  width:min(1220px,100%);
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
#dashboardPage .app-card{
  min-height:148px!important;
  padding:22px!important;
  border-radius:22px!important;
  box-shadow:0 14px 32px rgba(15,23,42,.11)!important;
}
#dashboardPage .app-card h2{margin:18px 0 6px!important;color:#fff}
#dashboardPage .app-card p{color:rgba(255,255,255,.86)!important;font-weight:750}
#dashboardPage .app-card:after{width:180px;height:180px;left:-72px;bottom:-90px;background:rgba(255,255,255,.18)}
#dashboardPage .app-icon{width:52px;height:52px;border-radius:17px;background:rgba(255,255,255,.20)}
.app-card.users{background:linear-gradient(135deg,#8f1720,#df2c3a)!important}
.app-card.promotions{background:linear-gradient(135deg,#9d1d21,#f06b3f)!important}
.app-card.sales{background:linear-gradient(135deg,#0f766e,#22c55e)!important}
.app-card.pos{background:linear-gradient(135deg,#0f172a,#a5161d)!important}
.app-card.inventory{background:linear-gradient(135deg,#38111a,#8c1d28)!important}
.app-card.purchasing{background:linear-gradient(135deg,#582333,#c3324f)!important}
.app-card.accounting,.app-card.reports,.app-card.analytics{background:linear-gradient(135deg,#17233a,#41516a)!important}
.app-card.settings{background:linear-gradient(135deg,#111827,#334155)!important}
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .dashboard-header:not(.dashboard-hero),
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .page-header{
  width:min(1220px,100%);
  border:1px solid rgba(226,232,240,.95)!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .management-layout,
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .inventory-layout,
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .reports-layout,
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .purchases-view,
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .reports-workspace,
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .report-grid{
  width:min(1220px,100%);
}
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .panel-card,
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .users-table-card,
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .wide-panel{
  background:rgba(255,255,255,.94)!important;
}
@media(max-width:1180px){
  body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-sidebar{width:82px;padding:18px 10px}
  .app-shell-sidebar .posbank-word,.app-shell-note{display:none}
  .app-shell-nav button{justify-content:center;padding:0}.app-shell-nav button b{display:none}.app-shell-nav button span{width:38px;height:38px}
  body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .dashboard-page{padding-left:104px}
  #dashboardPage .apps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-sidebar{position:sticky;inset:auto;top:0;width:100%;height:auto;flex-direction:row;overflow:auto;padding:10px;border-radius:0;box-shadow:0 10px 25px rgba(15,23,42,.14)}
  .app-shell-brand{display:none}.app-shell-nav{display:flex;gap:8px}.app-shell-nav button{min-width:56px;height:44px}.app-shell-nav button span{width:32px;height:32px}
  body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .dashboard-page{padding-left:16px;padding-top:12px}
  #dashboardPage .dashboard-launcher-tools{grid-template-columns:1fr;gap:9px}
  #dashboardPage>.dashboard-header.dashboard-hero{min-height:220px;padding:26px 24px!important}
  #dashboardPage>.dashboard-header.dashboard-hero:before,#dashboardPage>.dashboard-header.dashboard-hero:after{display:none}
  #dashboardPage .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){#dashboardPage .apps-grid{grid-template-columns:1fr}}

/* Executive theme refinement pass — cleaner dashboard hierarchy */
body[data-active-page="dashboardPage"]{
  background:
    radial-gradient(circle at 94% 8%,rgba(214,31,43,.13),transparent 28%),
    radial-gradient(circle at 3% 88%,rgba(15,23,42,.10),transparent 30%),
    linear-gradient(180deg,#f8fafc 0%,#f3f6fa 100%)!important;
}
body[data-active-page="dashboardPage"] .dashboard-page{
  gap:16px!important;
  padding-top:18px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-launcher-tools{
  order:0!important;
  width:min(1240px,100%)!important;
  min-height:66px!important;
  margin:0 auto 2px!important;
  padding:10px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto!important;
  grid-template-areas:"search filters" "hint hint"!important;
  gap:8px 14px!important;
  border-radius:24px!important;
  border:1px solid rgba(226,232,240,.95)!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 16px 42px rgba(15,23,42,.08)!important;
  backdrop-filter:blur(16px)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-launcher-tools:before{display:none!important}
body[data-active-page="dashboardPage"] #dashboardAppSearch{
  grid-area:search!important;
  height:44px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:#f8fafc!important;
}
body[data-active-page="dashboardPage"] #dashboardClearSearch{display:none!important}
body[data-active-page="dashboardPage"] #dashboardLauncherFilters{
  grid-area:filters!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  white-space:nowrap!important;
}
body[data-active-page="dashboardPage"] #dashboardLauncherFilters button{
  height:38px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  border:1px solid #e2e8f0!important;
  background:#fff!important;
  color:#334155!important;
  box-shadow:none!important;
}
body[data-active-page="dashboardPage"] #dashboardLauncherFilters button.active{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#a5161d,#d61f2b)!important;
  box-shadow:0 10px 22px rgba(214,31,43,.22)!important;
}
body[data-active-page="dashboardPage"] #dashboardLauncherHint{
  grid-area:hint!important;
  display:flex!important;
  justify-content:center!important;
  gap:9px!important;
  color:#64748b!important;
  font-size:.80rem!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero{
  order:1!important;
  position:relative!important;
  width:min(1240px,100%)!important;
  min-height:228px!important;
  margin:0 auto!important;
  padding:36px 46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  border-radius:30px!important;
  color:#fff!important;
  background:
    linear-gradient(90deg,rgba(6,15,28,.98) 0%,rgba(13,25,43,.96) 50%,rgba(75,20,33,.92) 100%)!important;
  box-shadow:0 28px 70px rgba(15,23,42,.25)!important;
  transform:none!important;
  z-index:3!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero:before{
  content:""!important;
  position:absolute!important;
  inset:auto 58px 34px auto!important;
  width:330px!important;
  height:122px!important;
  border-radius:28px!important;
  opacity:.95!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.02)),
    linear-gradient(135deg,rgba(30,58,95,.88),rgba(18,24,38,.96))!important;
  box-shadow:0 25px 55px rgba(0,0,0,.22)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero:after{
  content:""!important;
  position:absolute!important;
  inset:34px 84px auto auto!important;
  width:250px!important;
  height:86px!important;
  border-radius:24px!important;
  opacity:.55!important;
  background:
    radial-gradient(circle at 25% 45%,rgba(214,31,43,.45),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.10),transparent)!important;
  transform:none!important;
  box-shadow:none!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .hero-main{
  position:relative!important;
  z-index:2!important;
  width:min(590px,62%)!important;
  max-width:590px!important;
  margin:0!important;
  transform:none!important;
  display:grid!important;
  justify-items:start!important;
  text-align:right!important;
  gap:7px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-brand{display:none!important}
body[data-active-page="dashboardPage"] #dashboardCompany{
  margin:0 0 4px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  color:#fecdd3!important;
  background:rgba(214,31,43,.18)!important;
  border:1px solid rgba(254,205,211,.20)!important;
  font-size:.78rem!important;
}
body[data-active-page="dashboardPage"] #dashboardTitle{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(2.5rem,4.2vw,4.25rem)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  text-shadow:0 16px 34px rgba(0,0,0,.24)!important;
}
body[data-active-page="dashboardPage"] #dashboardSubtitle{
  margin:0!important;
  color:#e7eef9!important;
  font-size:1.05rem!important;
  font-weight:750!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .hero-meta{
  margin-top:14px!important;
  display:flex!important;
  gap:8px!important;
  justify-content:flex-start!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .meta-pill{
  padding:8px 12px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-actions-menu{
  position:absolute!important;
  z-index:4!important;
  top:24px!important;
  left:24px!important;
  transform:none!important;
  max-width:none!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-menu-button{
  height:42px!important;
  min-height:42px!important;
  min-width:132px!important;
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:none!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid{
  order:2!important;
  width:min(1240px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card{
  min-height:158px!important;
  padding:21px 22px!important;
  border-radius:24px!important;
  display:grid!important;
  align-content:space-between!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 18px 40px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.12)!important;
  transform:none!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 25px 55px rgba(15,23,42,.21), inset 0 1px 0 rgba(255,255,255,.14)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card .app-icon{
  width:50px!important;
  height:50px!important;
  margin:0 0 8px auto!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.18)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card h2{
  margin:0 0 4px!important;
  color:#fff!important;
  font-size:1.35rem!important;
  line-height:1.1!important;
  text-align:right!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card p{
  margin:0!important;
  color:rgba(255,255,255,.84)!important;
  font-size:.88rem!important;
  line-height:1.45!important;
  text-align:right!important;
}
body[data-active-page="dashboardPage"] .dashboard-favorite-button{
  right:auto!important;
  left:14px!important;
  bottom:14px!important;
  width:34px!important;
  height:34px!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
body[data-active-page="dashboardPage"] .app-shell-sidebar{
  background:
    radial-gradient(circle at 14% 10%,rgba(214,31,43,.28),transparent 28%),
    linear-gradient(180deg,#250c19 0%,#07111f 34%,#07111f 100%)!important;
}
body[data-active-page="dashboardPage"] .app-shell-brand{
  display:grid!important;
  justify-items:start!important;
  gap:0!important;
}
body[data-active-page="dashboardPage"] .app-shell-nav button{
  min-height:48px!important;
  padding:0 13px!important;
  border-radius:15px!important;
}
body[data-active-page="dashboardPage"] .app-shell-nav button span{
  margin-inline-start:auto!important;
  background:rgba(255,255,255,.10)!important;
}
body[data-active-page="dashboardPage"] .app-shell-nav button.active span{background:rgba(255,255,255,.18)!important}
@media(max-width:1180px){
  body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-active-page="dashboardPage"] #dashboardPage .hero-main{width:70%!important}
}
@media(max-width:820px){
  body[data-active-page="dashboardPage"] #dashboardPage .dashboard-launcher-tools{grid-template-columns:1fr!important;grid-template-areas:"search" "filters" "hint"!important}
  body[data-active-page="dashboardPage"] #dashboardLauncherFilters{justify-content:center!important;flex-wrap:wrap!important;white-space:normal!important}
  body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero{min-height:auto!important;padding:28px 24px!important}
  body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero:before,body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero:after{display:none!important}
  body[data-active-page="dashboardPage"] #dashboardPage .hero-main{width:100%!important;justify-items:center!important;text-align:center!important}
  body[data-active-page="dashboardPage"] #dashboardPage .hero-meta{justify-content:center!important}
  body[data-active-page="dashboardPage"] #dashboardPage .dashboard-actions-menu{position:static!important;margin-top:16px!important;justify-self:center!important}
  body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid{grid-template-columns:1fr!important}
  body[data-active-page="dashboardPage"] #dashboardTitle{font-size:2.4rem!important}
}

/* Executive theme premium pass — calmer hero, sharper app cards */
body[data-active-page="dashboardPage"] #dashboardPage{
  --premium-max:1280px;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-launcher-tools{
  width:min(var(--premium-max),100%)!important;
  min-height:58px!important;
  margin:0 auto 6px!important;
  padding:8px 10px!important;
  grid-template-columns:auto minmax(340px,1fr)!important;
  grid-template-areas:"filters search" "hint hint"!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.07), inset 0 1px 0 #fff!important;
}
body[data-active-page="dashboardPage"] #dashboardAppSearch{
  height:42px!important;
  box-shadow:inset 0 1px 0 rgba(15,23,42,.02)!important;
}
body[data-active-page="dashboardPage"] #dashboardLauncherFilters button{
  height:40px!important;
  min-width:64px!important;
  font-size:.9rem!important;
}
body[data-active-page="dashboardPage"] #dashboardLauncherHint{
  justify-content:flex-start!important;
  padding-inline-start:12px!important;
  opacity:.86!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero{
  width:min(var(--premium-max),100%)!important;
  min-height:236px!important;
  padding:34px 42px!important;
  border-radius:32px!important;
  justify-content:flex-end!important;
  background:
    linear-gradient(90deg,rgba(8,15,28,.98) 0%,rgba(14,26,44,.97) 45%,rgba(97,28,40,.95) 100%)!important;
  box-shadow:0 26px 70px rgba(15,23,42,.24), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero:before{
  inset:28px auto 28px 38px!important;
  width:430px!important;
  height:auto!important;
  border-radius:30px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.015)),
    linear-gradient(160deg,#0e2139 0%,#111827 58%,#421924 100%)!important;
  transform:skewX(-4deg)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero:after{
  inset:48px auto auto 92px!important;
  width:260px!important;
  height:112px!important;
  border-radius:28px!important;
  opacity:.72!important;
  background:
    radial-gradient(circle at 28% 42%,rgba(214,31,43,.45),transparent 25%),
    linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.02))!important;
  transform:skewX(-4deg)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .hero-main{
  width:min(620px,58%)!important;
  justify-items:end!important;
  text-align:right!important;
  margin-inline-start:auto!important;
}
body[data-active-page="dashboardPage"] #dashboardCompany{
  font-size:.82rem!important;
  background:rgba(214,31,43,.22)!important;
}
body[data-active-page="dashboardPage"] #dashboardTitle{
  font-size:clamp(3rem,4.6vw,4.85rem)!important;
  letter-spacing:-.065em!important;
}
body[data-active-page="dashboardPage"] #dashboardSubtitle{
  font-size:1.08rem!important;
  color:#f2f6fb!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .hero-meta{
  justify-content:flex-end!important;
  gap:9px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-actions-menu{
  top:25px!important;
  left:34px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid{
  width:min(var(--premium-max),100%)!important;
  gap:18px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card{
  min-height:152px!important;
  padding:20px 22px 18px!important;
  border-radius:26px!important;
  align-content:end!important;
  isolation:isolate!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 18px 38px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.15)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card:before{
  background:
    linear-gradient(135deg,rgba(255,255,255,.18),transparent 48%),
    radial-gradient(circle at 16% 92%,rgba(255,255,255,.16),transparent 28%)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card:after{
  width:155px!important;
  height:155px!important;
  left:-58px!important;
  bottom:-74px!important;
  opacity:.72!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card .app-icon{
  position:absolute!important;
  z-index:2!important;
  top:20px!important;
  left:20px!important;
  margin:0!important;
  width:48px!important;
  height:48px!important;
  border-radius:18px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card h2,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card p{
  max-width:78%!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card h2{
  font-size:1.42rem!important;
  font-weight:950!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card p{
  font-size:.90rem!important;
  font-weight:800!important;
}
body[data-active-page="dashboardPage"] .dashboard-favorite-button{
  top:auto!important;
  left:18px!important;
  bottom:14px!important;
  width:32px!important;
  height:32px!important;
  opacity:.88!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.hidden{display:none!important}
body[data-active-page="dashboardPage"] .app-card.users{background:linear-gradient(135deg,#9e1722 0%,#d61f2b 55%,#ef4444 100%)!important}
body[data-active-page="dashboardPage"] .app-card.promotions{background:linear-gradient(135deg,#a51d21 0%,#dc4a2f 58%,#f97316 100%)!important}
body[data-active-page="dashboardPage"] .app-card.sales{background:linear-gradient(135deg,#0f766e 0%,#16a34a 58%,#22c55e 100%)!important}
body[data-active-page="dashboardPage"] .app-card.pos{background:linear-gradient(135deg,#3b1821 0%,#7f1d1d 60%,#b91c1c 100%)!important}
body[data-active-page="dashboardPage"] .app-card.inventory{background:linear-gradient(135deg,#43131c 0%,#7f1d2a 58%,#991b1b 100%)!important}
body[data-active-page="dashboardPage"] .app-card.purchasing{background:linear-gradient(135deg,#5b2134 0%,#a62b46 60%,#be3455 100%)!important}
body[data-active-page="dashboardPage"] .app-card.accounting,
body[data-active-page="dashboardPage"] .app-card.reports,
body[data-active-page="dashboardPage"] .app-card.analytics{background:linear-gradient(135deg,#1f2937 0%,#334155 60%,#53657b 100%)!important}
body[data-active-page="dashboardPage"] .app-card.settings{background:linear-gradient(135deg,#101827 0%,#263449 60%,#39475d 100%)!important}
body[data-active-page="dashboardPage"] .app-shell-sidebar{
  width:248px!important;
  padding:24px 16px!important;
}
body[data-active-page="dashboardPage"] .app-shell-brand{
  padding-bottom:16px!important;
}
body[data-active-page="dashboardPage"] .app-shell-nav{gap:9px!important}
body[data-active-page="dashboardPage"] .app-shell-nav button{
  min-height:46px!important;
  padding:0 13px!important;
  font-weight:900!important;
}
body[data-active-page="dashboardPage"] .app-shell-nav button.active{
  background:linear-gradient(135deg,#a5161d,#d61f2b)!important;
  box-shadow:0 16px 34px rgba(214,31,43,.26)!important;
}
body[data-active-page="dashboardPage"] .app-shell-note{
  border-color:rgba(255,255,255,.14)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;
}
@media(max-width:1180px){
  body[data-active-page="dashboardPage"] .app-shell-sidebar{width:82px!important;padding:18px 10px!important}
  body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero:before{width:300px!important}
}
@media(max-width:820px){
  body[data-active-page="dashboardPage"] #dashboardPage .dashboard-launcher-tools{grid-template-columns:1fr!important;grid-template-areas:"search" "filters" "hint"!important}
  body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero{justify-content:center!important;padding:30px 22px!important}
  body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero:before,
  body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero:after{display:none!important}
  body[data-active-page="dashboardPage"] #dashboardPage .hero-main{width:100%!important;justify-items:center!important;text-align:center!important;margin:0!important}
  body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid{grid-template-columns:1fr!important}}

/* Hero compact alignment fix */
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero{
  min-height:150px!important;
  height:150px!important;
  padding:22px 34px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:28px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero:before,
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero:after{
  display:none!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .hero-main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
  gap:6px!important;
}
body[data-active-page="dashboardPage"] #dashboardCompany{
  margin:0!important;
  padding:5px 11px!important;
  font-size:.76rem!important;
}
body[data-active-page="dashboardPage"] #dashboardTitle{
  font-size:clamp(2.15rem,3.3vw,3.25rem)!important;
  line-height:1!important;
  text-align:center!important;
}
body[data-active-page="dashboardPage"] #dashboardSubtitle{
  font-size:.95rem!important;
  text-align:center!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .hero-meta{
  margin-top:8px!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .meta-pill{
  padding:6px 10px!important;
  font-size:.80rem!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-actions-menu{
  top:18px!important;
  left:22px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-menu-button{
  height:38px!important;
  min-height:38px!important;
}
@media(max-width:820px){
  body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero{
    height:auto!important;
    min-height:150px!important;
    padding:24px 18px!important;
  }
  body[data-active-page="dashboardPage"] #dashboardPage .dashboard-actions-menu{
    position:static!important;
    margin-top:10px!important;
  }
}

/* Hero vertical layout fix */
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero{
  height:168px!important;
  min-height:168px!important;
  padding:20px 32px 18px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .hero-main{
  width:min(680px,72%)!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  text-align:center!important;
  padding-top:4px!important;
}
body[data-active-page="dashboardPage"] #dashboardCompany{
  position:static!important;
  order:0!important;
  margin:0!important;
  transform:none!important;
}
body[data-active-page="dashboardPage"] #dashboardTitle{
  order:1!important;
  margin:0!important;
  font-size:clamp(2.25rem,3.4vw,3.45rem)!important;
  line-height:.95!important;
}
body[data-active-page="dashboardPage"] #dashboardSubtitle{
  order:2!important;
  margin:0!important;
  line-height:1.25!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .hero-meta{
  order:3!important;
  margin-top:6px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  max-width:100%!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .meta-pill{
  height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 10px!important;
  font-size:.78rem!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-actions-menu{
  position:absolute!important;
  top:20px!important;
  left:24px!important;
  z-index:6!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-menu-button{
  height:36px!important;
  min-height:36px!important;
  min-width:126px!important;
  border-radius:14px!important;
}
@media(max-width:820px){
  body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero{
    height:auto!important;
    min-height:178px!important;
    padding:24px 18px!important;
  }
  body[data-active-page="dashboardPage"] #dashboardPage .hero-main{width:100%!important;padding-top:0!important}
  body[data-active-page="dashboardPage"] #dashboardPage .dashboard-actions-menu{position:static!important;margin-top:10px!important}
}

/* Executive theme final polish — balanced dashboard shell */
body[data-active-page="dashboardPage"] #dashboardPage{
  gap:14px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-launcher-tools{
  width:min(1260px,100%)!important;
  min-height:56px!important;
  margin:0 auto 8px!important;
  padding:8px 12px!important;
  grid-template-columns:minmax(360px,1fr) auto!important;
  grid-template-areas:"search filters" "hint hint"!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,250,252,.88))!important;
}
body[data-active-page="dashboardPage"] #dashboardAppSearch{
  height:40px!important;
  max-width:none!important;
}
body[data-active-page="dashboardPage"] #dashboardLauncherFilters{justify-content:flex-end!important}
body[data-active-page="dashboardPage"] #dashboardLauncherHint{
  justify-content:center!important;
  padding:0!important;
  transform:translateY(-1px)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero{
  width:min(1260px,100%)!important;
  height:138px!important;
  min-height:138px!important;
  padding:18px 28px!important;
  border-radius:30px!important;
  display:grid!important;
  grid-template-columns:160px minmax(0,1fr) 160px!important;
  align-items:center!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 82% 50%,rgba(214,31,43,.28),transparent 26%),
    linear-gradient(90deg,#07111f 0%,#111b2d 54%,#5b1f2d 100%)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero:before,
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero:after{display:none!important}
body[data-active-page="dashboardPage"] #dashboardPage .hero-main{
  grid-column:2!important;
  width:100%!important;
  height:auto!important;
  padding:0!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  gap:4px!important;
}
body[data-active-page="dashboardPage"] #dashboardCompany{
  padding:4px 10px!important;
  font-size:.72rem!important;
}
body[data-active-page="dashboardPage"] #dashboardTitle{
  font-size:clamp(2.05rem,2.9vw,3rem)!important;
  letter-spacing:-.055em!important;
}
body[data-active-page="dashboardPage"] #dashboardSubtitle{
  font-size:.88rem!important;
  font-weight:750!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .hero-meta{
  margin-top:4px!important;
  gap:6px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .meta-pill{
  height:27px!important;
  padding:0 9px!important;
  font-size:.72rem!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-actions-menu{
  grid-column:1!important;
  position:static!important;
  justify-self:start!important;
  align-self:start!important;
  margin:0!important;
  transform:none!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-menu-button{
  height:34px!important;
  min-height:34px!important;
  min-width:118px!important;
  border-radius:13px!important;
  font-size:.82rem!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid{
  width:min(1260px,100%)!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card{
  min-height:140px!important;
  padding:18px 20px!important;
  border-radius:22px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card .app-icon{
  top:17px!important;
  left:17px!important;
  width:44px!important;
  height:44px!important;
  border-radius:16px!important;
  font-size:1.35rem!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card h2{
  font-size:1.27rem!important;
  line-height:1.1!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card p{
  font-size:.84rem!important;
  line-height:1.38!important;
}
body[data-active-page="dashboardPage"] .dashboard-favorite-button{
  width:30px!important;
  height:30px!important;
  bottom:12px!important;
  left:14px!important;
}
body[data-active-page="dashboardPage"] .app-shell-sidebar{
  width:238px!important;
}
body[data-active-page="dashboardPage"] .dashboard-page{padding-left:268px!important}
@media(max-width:1180px){
  body[data-active-page="dashboardPage"] .app-shell-sidebar{width:82px!important}
  body[data-active-page="dashboardPage"] .dashboard-page{padding-left:104px!important}
  body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  body[data-active-page="dashboardPage"] .dashboard-page{padding-left:16px!important}
  body[data-active-page="dashboardPage"] #dashboardPage .dashboard-launcher-tools{grid-template-columns:1fr!important;grid-template-areas:"search" "filters" "hint"!important}
  body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero{height:auto!important;min-height:152px!important;grid-template-columns:1fr!important;padding:22px 18px!important}
  body[data-active-page="dashboardPage"] #dashboardPage .hero-main{grid-column:1!important}
  body[data-active-page="dashboardPage"] #dashboardPage .dashboard-actions-menu{grid-column:1!important;justify-self:center!important;order:2!important;margin-top:10px!important}
  body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid{grid-template-columns:1fr!important}}

/* Business readiness pass 1 — unified internal screens */
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]){
  background:
    radial-gradient(circle at 94% 10%,rgba(214,31,43,.10),transparent 28%),
    linear-gradient(180deg,#f8fafc 0%,#f2f5f9 100%)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .dashboard-page{
  gap:18px!important;
  padding-top:20px!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .dashboard-header,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .page-header{
  position:relative!important;
  min-height:118px!important;
  padding:24px 30px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.92))!important;
  box-shadow:0 18px 45px rgba(15,23,42,.08)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .dashboard-header:before,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .page-header:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:9px;
  background:linear-gradient(180deg,#a5161d,#d61f2b);
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .dashboard-header h1,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .page-header h1{
  font-size:clamp(1.65rem,2.6vw,2.35rem)!important;
  color:#0f172a!important;
  letter-spacing:-.04em!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .dashboard-header p,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .page-header p{
  font-weight:750!important;
  color:#64748b!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .header-actions,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .section-actions,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .report-actions,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .form-actions{
  gap:9px!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .panel-card,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .users-table-card,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .wide-panel,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .report-section{
  border-radius:24px!important;
  border:1px solid rgba(226,232,240,.96)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.065)!important;
  backdrop-filter:blur(12px)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .panel-card:hover,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .users-table-card:hover,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .report-section:hover{
  box-shadow:0 18px 45px rgba(15,23,42,.09)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .section-title-row{
  min-height:58px!important;
  margin-bottom:14px!important;
  padding-bottom:13px!important;
  border-bottom:1px solid #eef2f7!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .section-title-row h2,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .panel-card h2{
  font-size:1.25rem!important;
  color:#0f172a!important;
  letter-spacing:-.025em!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:24px!important;
  padding:3px 9px!important;
  border-radius:999px!important;
  background:#fff1f2!important;
  color:#b91c1c!important;
  border:1px solid #fecdd3!important;
  font-size:.74rem!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .users-toolbar,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .stations-toolbar,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .report-toolbar,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .analytics-filters,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .report-filters,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .customer-management-tools,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .stock-toolbar,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .transfer-report-filters{
  width:min(1220px,100%);
  margin:0 auto!important;
  padding:12px!important;
  border:1px solid rgba(226,232,240,.96)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.055)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) input,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) select,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) textarea{
  height:44px!important;
  border-radius:13px!important;
  border-color:#d8e0eb!important;
  color:#0f172a!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .primary-button,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) button[type=submit]{
  min-height:44px!important;
  border-radius:13px!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .ghost-button,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .small-button{
  height:40px!important;
  min-height:40px!important;
  border-radius:12px!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .table-row,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .stock-row,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .customer-directory-row,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .supplier-directory-row,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .product-directory-row,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .user-card-row{
  min-height:58px!important;
  margin-bottom:8px!important;
  padding:12px 14px!important;
  border:1px solid #e6edf5!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .table-row:hover,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .stock-row:hover,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .customer-directory-row:hover,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .supplier-directory-row:hover,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .product-directory-row:hover,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .user-card-row:hover{
  border-color:#cbd5e1!important;
  transform:translateY(-1px)!important;
  box-shadow:0 12px 26px rgba(15,23,42,.075)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .users-table{
  display:grid!important;
  gap:8px!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .status,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .count-badge,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .user-role-pill,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .user-perm-count{
  border-radius:999px!important;
  font-weight:950!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .apps-grid:not(#dashboardPage .apps-grid){
  width:min(1220px,100%)!important;
  gap:16px!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .app-card{
  min-height:146px!important;
  border-radius:23px!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .detail-modal-card,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .transfer-workspace-modal-card,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .inventory-workspace-modal-card,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .count-workspace-modal-card{
  border-radius:26px!important;
  background:#fff!important;
}
@media(max-width:900px){
  body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .dashboard-header,
  body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .page-header{
    min-height:auto!important;
    padding:20px!important;
  }
  body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .users-toolbar,
  body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .stations-toolbar,
  body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .report-toolbar,
  body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .analytics-filters{
    width:calc(100% - 24px)!important;
  }
}

/* Business readiness pass 2 — auditable analytics KPIs */
.analytics-kpi.is-clickable{
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.analytics-kpi.is-clickable:hover{
  transform:translateY(-3px);
  border-color:#cbd5e1!important;
  box-shadow:0 20px 46px rgba(15,23,42,.12)!important;
}
.analytics-kpi.is-clickable:focus-visible{
  outline:3px solid rgba(214,31,43,.24);
  outline-offset:3px;
}
.analytics-kpi.is-clickable small::after{
  content:' ↗';
  font-weight:1000;
  color:inherit;
}

/* Business readiness pass 3 — analytics trust bar */
.analytics-trust-bar{
  width:min(1220px,100%);
  margin:0 auto 14px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.analytics-trust-bar article{
  min-height:74px;
  padding:13px 14px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  box-shadow:0 10px 24px rgba(15,23,42,.055);
}
.analytics-trust-bar span{display:block;color:#64748b;font-size:.78rem;font-weight:950;margin-bottom:6px}
.analytics-trust-bar strong{display:block;color:#0f172a;font-size:.92rem;line-height:1.35}
.analytics-trust-bar article.ok{border-color:#bbf7d0;background:linear-gradient(180deg,#f0fdf4,#fff)}
.analytics-trust-bar article.warn{border-color:#fed7aa;background:linear-gradient(180deg,#fff7ed,#fff)}
.analytics-trust-bar article.warn strong{color:#9a3412}
@media(max-width:1100px){.analytics-trust-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.analytics-trust-bar{grid-template-columns:1fr}}

/* Purchases workspace modal */
#purchasesListView > .purchase-work-panel,
#purchasesListView > .purchase-lower-grid,
#purchasesListView > #purchaseReturnsPanel,
#purchasesListView > #purchaseAnalyticsPanel{display:none!important}
.purchase-service-modal{position:fixed;inset:0;z-index:125;display:grid;place-items:center;padding:22px;background:rgba(15,23,42,.62);backdrop-filter:blur(8px)}
.purchase-service-modal.is-hidden{display:none!important}
.purchase-service-modal-card{width:min(1240px,calc(100vw - 40px));max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #e2e8f0;border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.34)}
.purchase-service-modal-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:16px;align-items:center;padding:20px 22px;border-bottom:1px solid #e8eef6;background:linear-gradient(135deg,#fff,#f8fafc)}
.purchase-service-modal-head h2{margin:4px 0 4px;font-size:1.65rem;color:#0f172a}.purchase-service-modal-head p{margin:0;color:#64748b;font-weight:800}
.purchase-service-modal-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center}.purchase-service-modal-actions input{height:42px}
.purchase-service-modal-body{overflow:auto;padding:18px;background:#f8fafc}.purchase-service-modal-body>.panel-card{display:block!important;margin:0!important;box-shadow:none!important;border-radius:22px!important}.purchase-service-modal-body .purchase-filters{display:grid!important;position:sticky;top:0;z-index:2;background:#fff;padding:12px;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 25px rgba(15,23,42,.07)}
.purchase-service-modal-body .users-table{max-height:none!important}.purchase-service-modal-body .is-hidden{display:none!important}
@media(max-width:800px){.purchase-service-modal{padding:12px}.purchase-service-modal-card{width:100%;max-height:94vh}.purchase-service-modal-head{grid-template-columns:1fr}.purchase-service-modal-actions{grid-template-columns:1fr}.purchase-service-modal-actions button{width:100%}}
@media print{body:has(#purchaseServiceModal:not(.is-hidden))>*:not(#purchaseServiceModal){display:none!important}.purchase-service-modal{position:static!important;display:block!important;padding:0!important;background:#fff!important}.purchase-service-modal-card{width:100%!important;max-height:none!important;box-shadow:none!important;border:0!important}.purchase-service-modal-head{display:none!important}.purchase-service-modal-body{padding:0!important;background:#fff!important;overflow:visible!important}}


/* Sales modal workspace */
.sales-service-grid{grid-template-columns:repeat(4,minmax(180px,1fr));margin:10px 0 24px}.sales-service-card{border:0;text-align:inherit;cursor:pointer;min-height:150px}.sales-service-card.green{background:linear-gradient(135deg,#0f9f6e,#20c66a)}.sales-service-card.navy{background:linear-gradient(135deg,#334155,#0f172a)}.sales-service-card.slate{background:linear-gradient(135deg,#475569,#253245)}#salesListView>#customerForm,#salesListView>#salesInvoicesPanel,#salesListView>#salesCustomersPanel,#salesListView>#salesPaymentsPanel{display:none!important}.sales-workspace-modal{position:fixed;inset:0;z-index:1200;background:rgba(8,15,28,.54);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px}.sales-workspace-modal.is-hidden{display:none}.sales-workspace-card,.sales-customer-card,.sales-invoice-card{width:min(1180px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto;border-radius:30px;background:linear-gradient(135deg,#fff,#fff7f7);box-shadow:0 30px 90px rgba(15,23,42,.34);border:1px solid rgba(226,232,240,.95);padding:24px}.sales-customer-card{width:min(520px,calc(100vw - 32px))}.sales-invoice-card{width:min(1220px,calc(100vw - 36px));background:linear-gradient(135deg,#ffffff,#f8fafc)}.sales-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.28)}.sales-modal-header h2{margin:4px 0;font-size:28px;color:#111827}.sales-modal-header p{margin:0;color:#64748b}.sales-modal-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sales-modal-actions input{min-width:260px;border:1px solid #dbe4ef;border-radius:16px;padding:12px 14px;background:#fff}.sales-workspace-body>.panel-card{box-shadow:none;border-radius:24px}.sales-workspace-body #customerPaymentForm{margin-top:18px;max-width:none}.invoice-steps{display:flex;gap:8px;flex-wrap:wrap}.invoice-steps span{border-radius:999px;background:#eef2f7;color:#334155;font-weight:800;padding:9px 13px}.sales-invoice-modal #salesCreateView{display:block}.sales-invoice-modal .purchase-form{width:100%;max-width:none}.sales-invoice-modal .section-title-row{align-items:center}.modal-open{overflow:hidden}@media (max-width:900px){.sales-service-grid{grid-template-columns:1fr 1fr}.sales-modal-header{align-items:flex-start;flex-direction:column}.sales-modal-actions input{min-width:0;width:100%}.sales-workspace-card,.sales-invoice-card{width:calc(100vw - 20px);padding:16px;border-radius:22px}}@media (max-width:620px){.sales-service-grid{grid-template-columns:1fr}.sales-workspace-modal{padding:10px}.invoice-steps{width:100%}}


/* Purchase modal advanced filters */
.purchase-service-modal-actions label{display:grid;gap:4px;color:#64748b;font-weight:800;font-size:12px}.purchase-service-modal-actions label span{padding-inline-start:4px}.purchase-service-modal-actions input[type="date"],.purchase-service-modal-actions select{border:1px solid #dbe4ef;border-radius:14px;background:#fff;padding:9px 10px;color:#0f172a;min-width:140px}.purchase-service-supplier-filter select{min-width:190px;max-width:240px;min-height:74px}.purchase-service-supplier-filter select option{padding:5px 7px}.purchase-service-modal-actions #purchaseServiceQuickFilter{min-width:240px}@media (max-width:900px){.purchase-service-modal-actions label,.purchase-service-modal-actions input,.purchase-service-modal-actions select,.purchase-service-modal-actions #purchaseServiceQuickFilter{width:100%;min-width:0}.purchase-service-supplier-filter select{max-width:none}}


/* Sales workspace advanced filters */
.sales-modal-actions label{display:grid;gap:4px;color:#64748b;font-weight:800;font-size:12px}.sales-modal-actions label span{padding-inline-start:4px}.sales-modal-actions input[type="date"],.sales-modal-actions select{border:1px solid #dbe4ef;border-radius:14px;background:#fff;padding:10px 11px;color:#0f172a;min-width:135px}.sales-workspace-customer-filter select{min-width:190px;max-width:240px;min-height:74px}.sales-workspace-customer-filter select option{padding:5px 7px}.sales-modal-actions #salesWorkspaceFilter{min-width:230px}@media (max-width:900px){.sales-modal-actions label,.sales-modal-actions input,.sales-modal-actions select,.sales-modal-actions #salesWorkspaceFilter{width:100%;min-width:0}.sales-workspace-customer-filter select{max-width:none}}


/* Inventory service modal */
.inventory-service-modal{position:fixed;inset:0;z-index:1190;background:rgba(8,15,28,.54);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px}.inventory-service-modal.is-hidden{display:none}.inventory-service-card{width:min(1220px,calc(100vw - 40px));max-height:calc(100vh - 44px);overflow:auto;border-radius:30px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 30px 90px rgba(15,23,42,.34);border:1px solid rgba(226,232,240,.95);padding:24px}.inventory-service-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.28)}.inventory-service-head h2{margin:4px 0;font-size:28px;color:#111827}.inventory-service-head p{margin:0;color:#64748b}.inventory-service-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inventory-service-actions input{min-width:290px;border:1px solid #dbe4ef;border-radius:16px;padding:12px 14px;background:#fff}.inventory-service-body>.inventory-tab{display:grid;gap:18px}.inventory-service-body .panel-card{box-shadow:none;border-radius:24px}.inventory-service-body .inventory-tab.is-hidden{display:grid!important}@media (max-width:900px){.inventory-service-modal{padding:10px}.inventory-service-card{width:calc(100vw - 20px);padding:16px;border-radius:22px}.inventory-service-head{align-items:flex-start;flex-direction:column}.inventory-service-actions,.inventory-service-actions input{width:100%;min-width:0}}


/* Report trust card */
.report-trust-card{margin:0 0 16px;padding:16px;border:1px solid #e5edf5;border-radius:20px;background:linear-gradient(135deg,#ffffff,#f8fafc);box-shadow:0 14px 30px rgba(15,23,42,.08)}.report-trust-card h3{margin:4px 0 0;color:#111827}.report-trust-card p{margin:12px 0 0;color:#64748b}.report-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.report-trust-grid span{display:grid;gap:4px;padding:10px 12px;border-radius:14px;background:#f1f5f9;color:#64748b;font-weight:800}.report-trust-grid b{color:#0f172a}@media(max-width:760px){.report-trust-grid{grid-template-columns:1fr}}


/* Accounting service modal */
.accounting-service-modal{position:fixed;inset:0;z-index:1190;background:rgba(8,15,28,.54);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px}.accounting-service-modal.is-hidden{display:none}.accounting-service-card{width:min(1220px,calc(100vw - 40px));max-height:calc(100vh - 44px);overflow:auto;border-radius:30px;background:linear-gradient(135deg,#fff,#fff7f7);box-shadow:0 30px 90px rgba(15,23,42,.34);border:1px solid rgba(226,232,240,.95);padding:24px}.accounting-service-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.28)}.accounting-service-head h2{margin:4px 0;font-size:28px;color:#111827}.accounting-service-head p{margin:0;color:#64748b}.accounting-service-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.accounting-service-actions input{min-width:290px;border:1px solid #dbe4ef;border-radius:16px;padding:12px 14px;background:#fff}.accounting-service-body .accounting-service-layout{width:100%;margin:0;grid-template-columns:minmax(260px,.82fr) minmax(0,1.7fr)}.accounting-service-body .panel-card{box-shadow:none;border-radius:24px}@media (max-width:900px){.accounting-service-modal{padding:10px}.accounting-service-card{width:calc(100vw - 20px);padding:16px;border-radius:22px}.accounting-service-head{align-items:flex-start;flex-direction:column}.accounting-service-actions,.accounting-service-actions input{width:100%;min-width:0}.accounting-service-body .accounting-service-layout{grid-template-columns:1fr}}

/* POSBANK ERP UX Phase 1 - Odoo inspired, POSBANK identity */
.erp-workspace {
  --erp-navy: #071426;
  --erp-navy-2: #10233b;
  --erp-red: #d21f2b;
  --erp-red-2: #ef3340;
  --erp-soft: rgba(255,255,255,.82);
}
.erp-app-ribbon {
  width: min(1220px, calc(100% - 28px));
  margin: 18px auto 22px;
  padding: 18px 20px;
  border: 1px solid rgba(15, 35, 65, .10);
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,246,247,.86));
  box-shadow: 0 22px 55px rgba(15, 35, 65, .10);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  position: relative;
  overflow: hidden;
}
.erp-app-ribbon::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  top: 18px;
  bottom: 18px;
  width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--erp-red), var(--erp-navy));
}
.erp-app-ribbon-main {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.erp-app-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--erp-navy), var(--erp-red));
  color: #fff;
  box-shadow: 0 16px 28px rgba(210,31,43,.20);
  font-size: 24px;
}
.erp-app-ribbon small,
.erp-muted,
.erp-card-open-hint,
.erp-settings-item small,
.erp-timeline-row small,
.erp-timeline-row em,
.trust-check small {
  color: #617089;
}
.erp-app-ribbon h2 {
  margin: 0 0 3px;
  color: #101a2d;
  font-size: clamp(22px, 3vw, 34px);
  font-weight: 900;
}
.erp-app-ribbon p { margin: 0; color: #5d6a80; font-weight: 700; }
.erp-header-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.erp-trust-button { background: linear-gradient(135deg, var(--erp-red), var(--erp-red-2)); box-shadow: 0 14px 28px rgba(210,31,43,.18); }
.erp-entry-card { position: relative; isolation: isolate; }
.erp-card-status {
  position: absolute;
  top: 14px;
  inset-inline-start: 18px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  color: rgba(255,255,255,.94);
  font-size: 12px;
  font-weight: 900;
  backdrop-filter: blur(8px);
}
.erp-card-open-hint {
  position: absolute;
  bottom: 16px;
  inset-inline-start: 18px;
  color: rgba(255,255,255,.82);
  font-size: 12px;
  font-weight: 800;
}
.erp-detail-frame,
.erp-modal-shell {
  display: grid;
  gap: 16px;
}
.erp-statusbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  border-radius: 18px;
  background: #f5f7fb;
  border: 1px solid #e5ebf5;
}
.erp-statusbar span {
  text-align: center;
  padding: 9px 8px;
  border-radius: 14px;
  color: #738199;
  font-weight: 900;
  background: #fff;
}
.erp-statusbar span.active {
  color: #fff;
  background: linear-gradient(135deg, var(--erp-navy), var(--erp-red));
  box-shadow: 0 10px 22px rgba(15, 35, 65, .13);
}
.erp-smart-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  gap: 10px;
}
.erp-smart-button {
  border: 1px solid #e1e8f3;
  background: #fff;
  border-radius: 16px;
  padding: 12px;
  text-align: start;
  box-shadow: 0 12px 28px rgba(15, 35, 65, .07);
}
.erp-smart-button small { display: block; color: #6a788e; font-weight: 800; }
.erp-smart-button b { display: block; color: #111b2f; font-size: 18px; margin-top: 2px; }
.erp-detail-content {
  border: 1px solid #e7edf6;
  background: rgba(255,255,255,.72);
  border-radius: 20px;
  padding: 14px;
}
.erp-chatter {
  border: 1px solid #e7edf6;
  border-radius: 20px;
  padding: 14px;
  background: linear-gradient(180deg, #fff, #f8fafc);
}
.erp-chatter h4 { margin: 0 0 10px; color: #111b2f; }
.erp-timeline-row { display: grid; grid-template-columns: 16px 1fr; gap: 10px; padding: 8px 0; }
.erp-timeline-row > span { width: 10px; height: 10px; border-radius: 999px; background: var(--erp-red); margin-top: 6px; box-shadow: 0 0 0 4px rgba(210,31,43,.10); }
.erp-timeline-row b, .erp-timeline-row small, .erp-timeline-row em { display: block; }
.erp-timeline-row em { font-style: normal; font-size: 12px; margin-top: 2px; }
.erp-settings-list { display: grid; gap: 10px; }
.erp-settings-item {
  display: grid;
  grid-template-columns: 38px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 13px;
  border: 1px solid #e6edf7;
  border-radius: 18px;
  background: #fff;
}
.erp-settings-item > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(210,31,43,.10);
  color: var(--erp-red);
  font-weight: 900;
}
.erp-settings-item b, .erp-settings-item small { display: block; }
.erp-settings-item em {
  font-style: normal;
  color: #8a5a11;
  background: #fff4d8;
  padding: 5px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
}
.trust-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.trust-metric {
  border-radius: 18px;
  padding: 14px;
  background: #fff;
  border: 1px solid #e5ebf5;
  box-shadow: 0 12px 26px rgba(15, 35, 65, .06);
}
.trust-metric span, .trust-metric b { display: block; }
.trust-metric b { font-size: 26px; color: #111b2f; }
.trust-metric.ok { border-color: rgba(18, 166, 102, .22); }
.trust-metric.warn { border-color: rgba(245, 158, 11, .30); }
.trust-metric.bad { border-color: rgba(210, 31, 43, .30); }
.trust-check-list { display: grid; gap: 9px; }
.trust-check {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid #e7edf6;
  background: #fff;
}
.trust-check b, .trust-check small { display: block; }
.trust-check > span { font-weight: 900; color: #111b2f; }
.trust-check-rows {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px dashed rgba(100, 116, 139, .22);
}
.trust-check-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 8px;
  padding: 9px;
  border-radius: 12px;
  background: #f8fafc;
}
.trust-check-row span {
  display: block;
  min-width: 0;
}
.trust-check-row small {
  color: #64748b;
  font-size: 11px;
  margin-bottom: 2px;
}
.trust-check-row b {
  color: #111827;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.trust-check-rows em {
  font-style: normal;
  color: #64748b;
  font-weight: 900;
}
.trust-check-actions,
.trust-center-toolbar {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start;
}
.trust-center-toolbar {
  margin: 4px 0 12px;
}
.trust-detail-shell {
  gap: 14px;
}
.trust-detail-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  border: 1px solid #e5ebf5;
  border-radius: 18px;
  background: linear-gradient(135deg, #ffffff, #f8fafc);
}
.trust-detail-title h3 {
  margin: 3px 0;
  color: #111b2f;
  font-size: 22px;
}
.trust-detail-title p {
  margin: 0;
  color: #64748b;
}
.trust-detail-title strong {
  min-width: 58px;
  min-height: 58px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: #f8fafc;
  color: #111827;
  font-size: 22px;
}
.trust-detail-title strong.warn { background: #fff7ed; color: #b45309; }
.trust-detail-title strong.bad { background: #fef2f2; color: #b91c1c; }
.trust-detail-title strong.ok { background: #ecfdf5; color: #047857; }
.trust-action-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  border: 1px solid #e5ebf5;
  border-radius: 16px;
  background: #fff;
}
.trust-detail-table {
  display: grid;
  gap: 7px;
  max-height: 55vh;
  overflow: auto;
  padding-inline-end: 4px;
}
.trust-detail-head,
.trust-detail-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 8px;
  align-items: center;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid #e5ebf5;
}
.trust-detail-head {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
  color: #334155;
  font-weight: 900;
}
.trust-detail-row {
  background: #fff;
  color: #111827;
}
.trust-detail-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.trust-check.ok { box-shadow: inset 4px 0 0 rgba(18,166,102,.45); }
.trust-check.warn { box-shadow: inset 4px 0 0 rgba(245,158,11,.55); }
.trust-check.bad { box-shadow: inset 4px 0 0 rgba(210,31,43,.60); }
@media (max-width: 760px) {
  .erp-app-ribbon { align-items: stretch; flex-direction: column; }
  .erp-header-actions, .trust-summary, .erp-statusbar { grid-template-columns: 1fr; display: grid; }
  .erp-settings-item { grid-template-columns: 34px 1fr; }
  .erp-settings-item em { grid-column: 2; width: max-content; }
}

/* POSBANK ERP UX Phase 3 - per app settings */
.erp-app-settings-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.erp-setting-field {
  display: grid;
  gap: 7px;
  border: 1px solid #e5ebf5;
  background: #fff;
  border-radius: 16px;
  padding: 12px;
  font-weight: 900;
  color: #111b2f;
}
.erp-setting-field input[type="text"],
.erp-setting-field input[type="number"] {
  width: 100%;
  border: 1px solid #d8e2ef;
  border-radius: 13px;
  padding: 10px 12px;
  background: #f8fafc;
  color: #111b2f;
  font-weight: 800;
}
.erp-setting-field.switch-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.erp-setting-field.switch-line input {
  width: 22px;
  height: 22px;
  accent-color: #d21f2b;
}
/* Sales workspace: a persistent ledger and document layout. */
#salesPage { --sales-accent:#714b67; --sales-border:#e2e5e9; max-width:none; }
#salesPage .dashboard-header { border-radius:10px; box-shadow:none; background:#fff; margin-bottom:12px; }
#salesPage .dashboard-header h1 { font-size:1.6rem; }
#salesPage .primary-button { background:var(--sales-accent); border-color:var(--sales-accent); }
#salesListView { display:block; }
.sales-module-nav { display:flex; align-items:center; gap:6px; padding:0 16px; background:#fff; border:1px solid var(--sales-border); border-radius:8px 8px 0 0; min-height:58px; flex-wrap:wrap; }
.sales-module-name { font-weight:900; padding-inline-end:22px; color:var(--sales-accent); }
.sales-module-nav button { color:#4b5563; background:transparent; border:0; border-bottom:3px solid transparent; border-radius:0; padding:18px 14px; font-weight:700; box-shadow:none; }
.sales-module-nav button[aria-current="page"] { color:var(--sales-accent); border-bottom-color:var(--sales-accent); background:#faf7fa; }
.sales-module-nav .sales-nav-create { margin-inline-start:auto; color:var(--sales-accent); }
.sales-workspace-inline { background:white; border:1px solid var(--sales-border); border-top:0; border-radius:0 0 8px 8px; }
.sales-workspace-inline.is-hidden { display:none; }
.sales-workspace-inline #salesWorkspaceClose { display:none; }
.sales-workspace-inline .sales-workspace-body>.sales-work-panel { display:block!important; width:100%; max-width:none; margin:0; }
.sales-workspace-inline .sales-workspace-card { width:100%; max-height:none; overflow:visible; border:0; border-radius:0; box-shadow:none; background:#fff; padding:20px; }
.sales-workspace-inline .sales-modal-header { align-items:flex-start; margin-bottom:14px; gap:16px; flex-wrap:wrap; }
.sales-workspace-inline .sales-modal-header h2 { font-size:1.2rem; }
.sales-workspace-inline .sales-modal-actions { gap:8px; }
.sales-workspace-inline .sales-modal-actions input,.sales-workspace-inline .sales-modal-actions select { border-radius:5px; }
.sales-workspace-modal #salesWorkspaceClose { display:inline-flex; }
.sales-workspace-inline[data-workspace="invoices"] .sales-modal-actions { display:none; }
.sales-workspace-inline .sales-workspace-body>.panel-card { padding:0; border:0; border-radius:0; box-shadow:none; background:white; }
.sales-workspace-inline[data-workspace="invoices"] #salesInvoicesPanel>.section-title-row { display:none; }
#salesPage .sales-invoice-filters { background:#f8f9fa; box-shadow:none; border-radius:6px; margin-bottom:12px; }
#salesPage .sales-invoice-filters input,#salesPage .sales-invoice-filters select { border-radius:5px; }
.sales-ledger-summary { display:flex; gap:24px; padding:12px 2px; flex-wrap:wrap; border-bottom:1px solid #eceef0; margin-bottom:12px; color:#64748b; font-size:.88rem; }
.sales-ledger-summary b { margin-inline-start:8px; color:#202632; font-variant-numeric:tabular-nums; }
#salesPage .sales-filter-meta { font-size:.8rem; font-weight:500; }
#salesPage .sales-filter-meta span { background:transparent; padding:4px 0; }
.sales-ledger-scroll { overflow-x:auto; border:1px solid #e5e7eb; border-radius:5px; }
.sales-ledger { width:100%; min-width:850px; border-collapse:collapse; font-size:.88rem; }
.sales-ledger th { text-align:start; background:#f6f7f9; color:#4b5563; padding:13px 12px; border-bottom:1px solid #dde1e5; white-space:nowrap; }
.sales-ledger td { padding:13px 12px; border-bottom:1px solid #eceef1; white-space:nowrap; }
.sales-ledger tbody tr { cursor:pointer; }
.sales-ledger tbody tr:nth-child(even) { background:#fbfcfd; }
.sales-ledger tbody tr:hover,.sales-ledger tbody tr:focus-within { background:#f3edf2; }
.sales-ledger .sales-number { font-variant-numeric:tabular-nums; }
.sales-document-link { border:0; background:transparent; color:#714b67; box-shadow:none; padding:2px; min-height:28px; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.sales-state { display:inline-block; border-radius:4px; padding:4px 9px; font-size:.77rem; font-weight:700; background:#fff1cf; color:#805b11; }
.sales-state.paid { background:#e6f4ed; color:#176d4b; }.sales-state.draft { background:#edf0f3; color:#596574; }
.sales-empty { text-align:center; padding:54px 16px; color:#64748b; }.sales-empty strong { color:#334155; font-size:1.1rem; }
.sales-document-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px; background:white; border-bottom:1px solid #e2e5e9; flex-wrap:wrap; }
.sales-document-heading h2 { margin:5px 0 0; font-size:1.45rem; }
.sales-stage-track { display:flex; padding:0; margin:0; list-style:none; gap:0; flex-wrap:wrap; }
.sales-stage-track li { padding:10px 18px; border:1px solid #e2e5e9; background:#f7f8f9; color:#7a818c; font-size:.85rem; }
.sales-stage-track li[aria-current="step"] { background:#714b67; color:#fff; border-color:#714b67; }
.sales-stage-track li.done:not([aria-current]) { color:#257457; background:#edf7f1; }
.sales-document-view,.sales-document-editor { margin-top:14px; border:1px solid #e2e5e9; border-radius:8px; overflow:hidden; background:#f5f6f8; }
.sales-document-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:14px 20px; border-bottom:1px solid #e2e5e9; background:#fff; }
.sales-document-actions span { margin-inline-start:auto; color:#64748b; font-size:.85rem; }
.sales-document-sheet { background:white; margin:24px auto; padding:28px; width:min(1080px,calc(100% - 40px)); border:1px solid #e2e5e9; border-radius:4px; }
.sales-document-sheet .detail-summary { border-radius:4px; background:#f8fafb; box-shadow:none; }
.sales-document-sheet .users-table { overflow:auto; }
.sales-document-editor>.purchase-form { margin:22px auto; width:min(1100px,calc(100% - 40px)); max-width:none; border-radius:5px; box-shadow:none; background:white; }
.sales-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#salesPage button:focus-visible,#salesPage input:focus-visible,#salesPage select:focus-visible { outline:3px solid #b894ae; outline-offset:2px; }
@media(max-width:760px) { .sales-module-nav { padding:0 8px; gap:0; }.sales-module-name { width:100%; padding:12px 8px 0; }.sales-module-nav button { padding:13px 8px; font-size:.83rem; }.sales-module-nav .sales-nav-create { margin-inline-start:0; }.sales-workspace-inline .sales-workspace-card { padding:12px; }.sales-ledger-summary { gap:10px 20px; }.sales-document-sheet { width:calc(100% - 20px); padding:14px; margin:10px; }.sales-document-editor>.purchase-form { width:calc(100% - 20px); }.sales-document-heading { padding:14px; }.sales-stage-track li { padding:8px 12px; } }
body[data-active-page="salesPage"] #salesPage { padding-top:16px!important; }
body[data-active-page="salesPage"] #salesPage>.dashboard-header { min-height:0!important; padding:16px 22px!important; margin-bottom:8px!important; border-radius:8px!important; background:#fff!important; box-shadow:none!important; }
body[data-active-page="salesPage"] #salesPage>.dashboard-header:before,body[data-active-page="salesPage"] #salesPage>.dashboard-header:after { display:none!important; }
body[data-active-page="salesPage"] #salesPage>.dashboard-header h1 { font-size:1.5rem!important; }
body[data-active-page="salesPage"] #salesPage>.dashboard-header .eyebrow { display:none; }
#salesPage>.erp-app-ribbon { min-height:0; padding:6px 0 12px; margin:0; border:0; background:transparent; border-radius:0; box-shadow:none; justify-content:flex-end; }
#salesPage>.erp-app-ribbon:before,#salesPage .erp-app-ribbon-main { display:none; }
#salesPage>.erp-app-ribbon .erp-header-actions button { min-height:32px; padding:6px 12px; font-size:.8rem; background:#fff; border:1px solid #ddd; color:#525866; box-shadow:none; border-radius:5px; }
#salesPage .primary-button { background:#714b67!important; box-shadow:none!important; border-radius:5px!important; }
#salesPage .sales-workspace-inline .sales-modal-header { padding-bottom:12px; }
#salesPage .sales-workspace-inline .sales-modal-header .eyebrow { display:none; }
.sales-workspace-inline:not([data-workspace="invoices"]) #salesWorkspaceStatusFilter { display:none; }
.sales-workspace-inline[data-workspace="customers"] label:has(#salesWorkspaceDateFrom),.sales-workspace-inline[data-workspace="customers"] label:has(#salesWorkspaceDateTo),.sales-workspace-inline[data-workspace="customers"] .sales-workspace-customer-filter { display:none; }
#salesDocumentView .sales-document-heading h2 { font-size:1.4rem; }
#salesPage>.erp-app-ribbon .erp-trust-button { color:#fff!important; }
body[data-active-page="salesPage"] #salesPage>.dashboard-header .eyebrow,#salesPage .sales-workspace-inline .sales-modal-header .eyebrow { display:none!important; }
#salesPage .sales-workspace-inline .customer-list-title { margin:12px 0; }
#salesPage .sales-workspace-inline .customer-row,#salesPage .sales-workspace-inline .customer-payment-row { border-radius:4px; box-shadow:none; background:#fff; border-bottom:1px solid #e2e5e9; }
#salesPage .sales-workspace-inline .sales-modal-header { margin-bottom:10px; }
#salesPage .sales-document-editor .sales-assistant-hero { border-radius:5px; box-shadow:none; background:#f7f8fa; padding:12px; }
#quotationWorkspace { margin-top:12px; border:1px solid #d9d7da; border-radius:6px; background:#f7f7f7; box-shadow:0 2px 8px rgba(38,35,40,.08); }
#quotationWorkspace button:hover { transform:none; }
#quotationWorkspace .sales-document-heading { padding:18px 22px; background:#fff; border-bottom:1px solid #d9d7da; }
#quotationWorkspace .sales-document-heading h2 { color:#38323a; font-size:1.35rem; font-weight:700; }
#quotationWorkspace .sales-document-heading .eyebrow { color:#714b67!important; font-size:.72rem; letter-spacing:.04em; text-transform:uppercase; }
#quotationWorkspace .section-actions { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
#quotationWorkspace .section-actions .small-button { height:34px; border:1px solid #d7d3d7; border-radius:4px; background:#fff; color:#4b454c; font-size:.82rem; font-weight:600; }
#quotationWorkspace .section-actions .small-button:hover,#quotationWorkspace .section-actions .small-button.is-active { background:#714b67; border-color:#714b67; color:#fff; }
#quotationWorkspace .section-actions .primary-button { min-height:34px; height:34px; padding:0 14px; border-radius:4px!important; font-size:.82rem; font-weight:700; }
#quotationWorkspace .sales-document-sheet { margin:14px; width:calc(100% - 28px); padding:20px; border:1px solid #dedade; border-radius:5px; box-shadow:0 1px 3px rgba(38,35,40,.04); }
#quotationWorkspace #quotationSearchForm { padding-bottom:14px; border-bottom:1px solid #eceaec; }
#quotationWorkspace #quotationSearchForm>input { height:38px; border-radius:4px; border-color:#d6d2d6; font-size:.9rem; }
#quotationWorkspace #quotationSearchForm>button { min-height:38px; height:38px; border-radius:4px; background:#714b67; font-size:.85rem; }
#quotationWorkspace .quotation-status-chip { border-radius:4px; padding:6px 10px; background:#fff; font-size:.82rem; }
#quotationWorkspace .quotation-status-chip.is-active { background:#714b67; border-color:#714b67; }
#quotationWorkspace .sales-ledger-scroll { border:1px solid #e2dfe2; border-radius:4px; }
#quotationWorkspace .sales-ledger th { background:#f3f2f3; color:#625b63; font-size:.8rem; font-weight:700; }
#quotationWorkspace .sales-ledger td { font-size:.86rem; }
#quotationWorkspace .quotation-kanban-column { border-radius:5px; background:#eeecef; border-color:#ddd9de; }
#quotationWorkspace .quotation-kanban-column-head { color:#514952; font-size:.85rem; }
#quotationWorkspace .quotation-kanban-card { border-radius:5px; box-shadow:0 1px 3px rgba(38,35,40,.08); }
#salesPage .sales-document-editor .sales-assistant-metrics>div { border-radius:5px; box-shadow:none; }
#salesPage .sales-document-editor .sales-line-editable { border-radius:5px; box-shadow:none; background:#fbfcfd; }
#salesPage .sales-ledger-extra-filters { grid-column:1/-1; display:flex; align-items:end; gap:10px; flex-wrap:wrap; }
#salesPage .sales-ledger-extra-filters label { display:grid; gap:4px; font-size:.78rem; color:#64748b; flex:1; min-width:130px; }
#salesPage .sales-ledger-extra-filters input,#salesPage .sales-ledger-extra-filters select { height:36px; }
#salesPage .sales-ledger-extra-filters button { min-height:36px; font-size:.8rem; border-radius:5px; }
.quote-edit-line { display:grid; grid-template-columns:2fr 1fr 1fr auto; gap:12px; align-items:end; padding:12px 0; border-bottom:1px solid #e2e5e9; }
.quote-edit-line label { display:grid; gap:6px; }
@media(max-width:700px){.quote-edit-line{grid-template-columns:1fr 1fr}.quote-edit-line label:first-child{grid-column:1/-1}}
#salesPage #quotationSearchForm { display:grid; grid-template-columns:minmax(180px,1fr) auto; align-items:center; gap:12px; }
#salesPage #quotationSearchForm>button { min-height:40px; height:40px; padding:8px 20px; border-radius:5px; background:#714b67; box-shadow:none; }
#salesPage #quotationSearchForm .sales-ledger-extra-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; align-items:end; }
#salesPage #quotationSearchForm label { min-width:0; }
#salesPage #quotationSearchForm input,#salesPage #quotationSearchForm select { width:100%; min-width:0; box-sizing:border-box; }
#salesPage #quotationReset { justify-self:start; grid-column:1/-1; }
.quotation-status-strip { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 16px; }
.quotation-status-chip { display:inline-flex; align-items:center; gap:8px; border:1px solid #d9d2d8; border-radius:999px; background:#fff; color:#4a3b46; padding:7px 12px; cursor:pointer; }
.quotation-status-chip strong { min-width:1.6em; border-radius:999px; background:#f0ebef; padding:2px 6px; text-align:center; font-variant-numeric:tabular-nums; }
.quotation-status-chip.is-active { border-color:#714b67; background:#714b67; color:#fff; }
.quotation-status-chip.is-active strong { background:rgba(255,255,255,.2); color:#fff; }
.section-actions .small-button.is-active { background:#714b67; border-color:#714b67; color:#fff; }
.quotation-kanban { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; align-items:start; }
.quotation-kanban-column { min-width:0; background:#f7f5f6; border:1px solid #e2dce1; border-radius:10px; padding:10px; }
.quotation-kanban-column-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; color:#4a3b46; }
.quotation-kanban-column-head span { min-width:1.8em; border-radius:999px; background:#e8e1e6; padding:2px 7px; text-align:center; font-size:.8rem; }
.quotation-kanban-cards { display:grid; gap:9px; }
.quotation-kanban-card { display:grid; gap:7px; background:#fff; border:1px solid #e3dfe2; border-radius:8px; padding:11px; box-shadow:0 2px 5px rgba(38,27,35,.04); }
.quotation-kanban-card-head { display:flex; justify-content:space-between; gap:8px; align-items:center; }
.quotation-kanban-card-head span,.quotation-kanban-card small { color:#64748b; font-size:.78rem; }
.quote-kanban-customer { padding:0; border:0; background:transparent; color:#714b67; text-align:right; cursor:pointer; font-weight:700; }
.quotation-kanban-total { color:#202631; font-variant-numeric:tabular-nums; }
@media(max-width:1050px){.quotation-kanban{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.quotation-kanban{grid-template-columns:1fr}}
@media(max-width:760px){#salesPage #quotationSearchForm .sales-ledger-extra-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
.quote-edit-line [data-q-line-total]{grid-column:1/-1;color:#64748b;font-variant-numeric:tabular-nums}
#quotationForm :disabled{cursor:wait;opacity:.7}

/* Sales workspace polish — full-width ledger, stable filters, readable dialogs */
#salesPage > .dashboard-header,
#salesPage > .sales-module-nav,
#salesPage > #salesListView,
#salesPage > #salesCreateView{
  width:min(1540px,calc(100% - 56px));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}
#salesPage > .dashboard-header{margin-bottom:8px}
#salesPage > #salesListView{width:min(1540px,calc(100% - 56px));margin-top:0}
#salesPage #salesServiceGrid{width:100%;margin:0;border-radius:16px 16px 0 0;padding-inline:18px}
#salesPage #salesServiceGrid .sales-module-name{min-width:120px}
#salesPage #salesServiceGrid button{min-height:54px;padding-inline:16px;white-space:nowrap}
#salesPage #salesServiceGrid .sales-nav-create{margin-inline-start:auto}
#salesPage #salesWorkspaceModal .sales-modal-actions input,
#salesPage .sales-invoice-filters{grid-template-columns:minmax(260px,2fr) minmax(150px,.8fr) minmax(150px,.8fr);align-items:center;gap:10px;padding:14px;margin-bottom:14px;border-radius:14px}
#salesPage .sales-invoice-filters input,#salesPage .sales-invoice-filters select{width:100%;min-width:0;box-sizing:border-box;height:44px}
#salesPage .sales-ledger-extra-filters{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:10px;margin-top:2px}
#salesPage .sales-ledger-extra-filters label{min-width:0}
#salesPage .sales-ledger-extra-filters button{height:40px;white-space:nowrap}
#salesPage .sales-ledger-summary{justify-content:flex-start;gap:10px 28px;padding:13px 4px;font-size:.9rem}
#salesPage .sales-ledger-scroll{width:100%;max-width:100%;overflow:auto;border-radius:12px}
#salesPage .sales-ledger{min-width:940px;font-size:.9rem}
#salesPage .sales-ledger th,#salesPage .sales-ledger td{padding:14px 15px}
#salesPage .sales-workspace-modal{padding:24px}
#salesPage .sales-customer-card{width:min(680px,calc(100vw - 48px));max-height:92vh;padding:28px}
#salesPage .sales-invoice-card{width:min(1380px,calc(100vw - 48px));max-height:94vh;padding:28px}
#salesPage .sales-invoice-card .sales-modal-header{align-items:flex-start}
#salesPage .sales-invoice-card .sales-workspace-body{max-height:calc(94vh - 150px);overflow:auto}
#salesPage .sales-workspace-modal .sales-modal-header{flex-wrap:wrap}
.erp-trust-button{display:none!important}
@media(max-width:1180px){
  #salesPage > .dashboard-header,#salesPage > #salesListView,#salesPage > #salesCreateView{width:calc(100% - 32px)}
}
@media(max-width:760px){
  #salesPage > .dashboard-header,#salesPage > #salesListView,#salesPage > #salesCreateView{width:calc(100% - 24px)}
  #salesPage #salesServiceGrid{padding-inline:8px}
  #salesPage #salesServiceGrid .sales-module-name{width:100%;padding:10px 8px 0}
  #salesPage #salesServiceGrid button{min-height:46px;padding-inline:9px;font-size:.84rem}
  #salesPage #salesServiceGrid .sales-nav-create{margin-inline-start:0}
  #salesPage .sales-invoice-filters{grid-template-columns:1fr;padding:10px}
  #salesPage .sales-ledger-extra-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  #salesPage .sales-ledger-extra-filters button{grid-column:1/-1}
  #salesPage .sales-workspace-modal{padding:10px}
  #salesPage .sales-customer-card,#salesPage .sales-invoice-card{width:100%;padding:18px;border-radius:22px}
  #salesPage .sales-invoice-card .sales-workspace-body{max-height:none}
}

/* Keep the main application shell focused on navigation; actions open from their own app. */
.erp-app-ribbon .erp-header-actions,
.erp-app-ribbon .erp-settings-button{display:none!important}
@media(max-width:460px){
  #salesPage .sales-ledger-extra-filters{grid-template-columns:1fr}
}

/* Odoo-inspired visual refinement — calm shell, focused navigation, readable app cards */
body[data-active-page="dashboardPage"] #dashboardPage{
  --odoo-red:#c81e2b;
  --odoo-ink:#1f2937;
  --odoo-muted:#64748b;
  --odoo-line:#e5e7eb;
  background:#f5f6f8!important;
}
body[data-active-page="dashboardPage"] .app-shell-sidebar{
  width:224px!important;
  padding:20px 14px!important;
  background:#111827!important;
  box-shadow:10px 0 30px rgba(15,23,42,.12)!important;
}
body[data-active-page="dashboardPage"] .app-shell-brand{
  padding:0 8px 18px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
body[data-active-page="dashboardPage"] .app-shell-nav{gap:5px!important}
body[data-active-page="dashboardPage"] .app-shell-nav button{
  min-height:43px!important;
  border-radius:10px!important;
  color:#cbd5e1!important;
  font-size:.92rem!important;
  box-shadow:none!important;
}
body[data-active-page="dashboardPage"] .app-shell-nav button:hover{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
}
body[data-active-page="dashboardPage"] .app-shell-nav button.active{
  background:var(--odoo-red)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(200,30,43,.22)!important;
}
body[data-active-page="dashboardPage"] .app-shell-note{
  border-radius:12px!important;
  background:#1f2937!important;
  box-shadow:none!important;
}
body[data-active-page="dashboardPage"] .dashboard-page{padding-left:250px!important}
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero{
  width:min(1260px,100%)!important;
  height:122px!important;
  min-height:122px!important;
  padding:16px 28px!important;
  border:1px solid var(--odoo-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
  grid-template-columns:150px minmax(0,1fr) 150px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero:before{
  display:block!important;
  inset:0 auto 0 0!important;
  width:5px!important;
  height:auto!important;
  border-radius:0!important;
  background:var(--odoo-red)!important;
  transform:none!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-brand{display:none!important}
body[data-active-page="dashboardPage"] #dashboardCompany{
  color:var(--odoo-red)!important;
  background:#fff1f2!important;
  border:1px solid #fecdd3!important;
  font-weight:800!important;
}
body[data-active-page="dashboardPage"] #dashboardTitle{
  color:var(--odoo-ink)!important;
  font-size:clamp(1.9rem,2.7vw,2.75rem)!important;
  letter-spacing:-.045em!important;
}
body[data-active-page="dashboardPage"] #dashboardSubtitle{color:var(--odoo-muted)!important;font-size:.86rem!important}
body[data-active-page="dashboardPage"] #dashboardPage .meta-pill{
  color:#475569!important;
  background:#f8fafc!important;
  border:1px solid var(--odoo-line)!important;
  box-shadow:none!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-menu-button{
  color:#475569!important;
  background:#fff!important;
  border:1px solid #dbe1e8!important;
  box-shadow:none!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-launcher-tools{
  width:min(1260px,100%)!important;
  min-height:52px!important;
  margin:0 auto 4px!important;
  padding:6px 8px!important;
  border:1px solid var(--odoo-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(15,23,42,.045)!important;
}
body[data-active-page="dashboardPage"] #dashboardAppSearch{
  height:38px!important;
  border-color:#dbe1e8!important;
  background:#fff!important;
  box-shadow:none!important;
}
body[data-active-page="dashboardPage"] #dashboardLauncherFilters{gap:4px!important}
body[data-active-page="dashboardPage"] #dashboardLauncherFilters button{
  height:34px!important;
  min-width:58px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#64748b!important;
  box-shadow:none!important;
  font-weight:800!important;
}
body[data-active-page="dashboardPage"] #dashboardLauncherFilters button:hover{background:#f8fafc!important;color:#334155!important}
body[data-active-page="dashboardPage"] #dashboardLauncherFilters button.active{
  background:#fff1f2!important;
  border-color:#fecdd3!important;
  color:var(--odoo-red)!important;
}
body[data-active-page="dashboardPage"] #dashboardLauncherHint{color:#94a3b8!important;font-size:.75rem!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid{
  width:min(1260px,100%)!important;
  gap:14px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card{
  min-height:142px!important;
  padding:18px 20px!important;
  border:1px solid var(--odoo-line)!important;
  border-top:3px solid var(--app-accent)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--odoo-ink)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card:before,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card:after{display:none!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card:hover{
  transform:translateY(-2px)!important;
  border-color:#cbd5e1!important;
  box-shadow:0 14px 28px rgba(15,23,42,.10)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card h2{color:var(--odoo-ink)!important;font-size:1.18rem!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card p{color:var(--odoo-muted)!important;font-size:.82rem!important;font-weight:700!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card .app-icon{
  top:16px!important;
  left:16px!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:var(--app-soft)!important;
  color:var(--app-accent)!important;
  box-shadow:none!important;
  font-size:1.2rem!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.users{--app-accent:#c81e2b;--app-soft:#fff1f2!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.promotions{--app-accent:#d97706;--app-soft:#fff7ed!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.sales{--app-accent:#16803c;--app-soft:#ecfdf3!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.pos{--app-accent:#b42318;--app-soft:#fef2f2!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.inventory{--app-accent:#7f1d1d;--app-soft:#fef2f2!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.purchasing{--app-accent:#9f1239;--app-soft:#fff1f2!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.accounting,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.reports,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.analytics{--app-accent:#475569;--app-soft:#f1f5f9!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.settings{--app-accent:#334155;--app-soft:#f1f5f9!important}
body[data-active-page="dashboardPage"] .dashboard-favorite-button{
  color:#94a3b8!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  box-shadow:none!important;
}
@media(max-width:1180px){
  body[data-active-page="dashboardPage"] .app-shell-sidebar{width:78px!important;padding:16px 9px!important}
  body[data-active-page="dashboardPage"] .dashboard-page{padding-left:96px!important}
}
@media(max-width:820px){
  body[data-active-page="dashboardPage"] .dashboard-page{padding-left:14px!important}
  body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero{height:auto!important;min-height:132px!important;grid-template-columns:1fr!important;padding:20px!important}
  body[data-active-page="dashboardPage"] #dashboardPage .hero-main{grid-column:1!important}
}

/* Odoo-inspired visual refinement — density and contrast pass */
body[data-active-page="dashboardPage"] .app-shell-nav button.active,
body[data-active-page="dashboardPage"] .app-shell-nav button[data-shell-route="#/"].active{
  background:#c81e2b!important;
  border-color:#ef4444!important;
  color:#fff!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card{
  min-height:126px!important;
  align-content:center!important;
  text-align:right!important;
  padding:16px 22px 16px 72px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card h2{
  margin:0 0 5px!important;
  line-height:1.2!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card p{
  margin:0!important;
  max-width:100%!important;
  line-height:1.45!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card .app-icon{
  left:auto!important;
  right:16px!important;
  top:16px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card .dashboard-favorite-button{
  left:auto!important;
  right:16px!important;
  bottom:12px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card small,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card .app-status{
  color:#64748b!important;
}
@media(max-width:820px){
  body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card{padding-inline-start:64px!important}
}

/* Odoo theme correction — keep the workspace inside the viewport and restore useful color */
body[data-active-page="dashboardPage"] #dashboardPage{
  width:calc(100% - 224px)!important;
  margin-left:224px!important;
  box-sizing:border-box!important;
  padding-left:18px!important;
  padding-right:18px!important;
  overflow-x:hidden!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-header.dashboard-hero,
body[data-active-page="dashboardPage"] #dashboardPage>.dashboard-launcher-tools,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid{
  width:100%!important;
  max-width:1260px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card{
  background:var(--app-bg)!important;
  border-top-width:4px!important;
  box-shadow:0 9px 24px rgba(15,23,42,.08)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.users{--app-bg:#fff4f5!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.promotions{--app-bg:#fff8ed!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.sales{--app-bg:#effbf3!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.pos{--app-bg:#fff3f3!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.inventory{--app-bg:#fff6f6!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.purchasing{--app-bg:#fff3f7!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.accounting,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.reports,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.analytics,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.settings{--app-bg:#f3f6fb!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card h2{color:#182230!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card p{color:#52647d!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card .app-icon{filter:saturate(1.15)!important}
@media(max-width:1180px){
  body[data-active-page="dashboardPage"] #dashboardPage{
    width:calc(100% - 78px)!important;
    margin-left:78px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
}
@media(max-width:820px){
  body[data-active-page="dashboardPage"] #dashboardPage{
    width:100%!important;
    margin-left:0!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* Odoo theme refinement — page identity colors for internal workspaces */
body[data-active-page="salesPage"]{--page-accent:#c81e2b}
body[data-active-page="purchasesPage"]{--page-accent:#9f1239}
body[data-active-page="inventoryPage"]{--page-accent:#7f1d1d}
body[data-active-page="accountingPage"]{--page-accent:#475569}
body[data-active-page="reportsPage"]{--page-accent:#334155}
body[data-active-page="usersPage"]{--page-accent:#7c3aed}
body[data-active-page="promotionsPage"]{--page-accent:#d97706}
body[data-active-page="settingsPage"]{--page-accent:#1e3a5f}
body[data-active-page="analyticsPage"]{--page-accent:#0f766e}
body[data-active-page="posStationsPage"]{--page-accent:#b42318}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .dashboard-header,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .page-header{
  border-top:4px solid var(--page-accent,#c81e2b)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .dashboard-header .eyebrow,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .page-header .eyebrow{
  color:var(--page-accent,#c81e2b)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .tabs button.active,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .inventory-tab.active{
  background:var(--page-accent,#c81e2b)!important;
  border-color:var(--page-accent,#c81e2b)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]):not([data-active-page="cashierPage"]) .section-title-row{
  border-bottom-color:color-mix(in srgb,var(--page-accent,#c81e2b) 18%,#e5e7eb)!important;
}

/* Odoo theme refinement — restore contrast on the calm launcher palette */
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card h2:before{
  background:#e8edf4!important;
  color:#475569!important;
  border:1px solid #d9e1eb!important;
  text-shadow:none!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.users h2:before{background:#f3e8ff!important;color:#6d28d9!important;border-color:#e9d5ff!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.promotions h2:before{background:#ffedd5!important;color:#9a3412!important;border-color:#fed7aa!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.sales h2:before{background:#dcfce7!important;color:#166534!important;border-color:#bbf7d0!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.pos h2:before{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.inventory h2:before{background:#fee2e2!important;color:#7f1d1d!important;border-color:#fecaca!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.purchasing h2:before{background:#fce7f3!important;color:#9d174d!important;border-color:#fbcfe8!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.accounting h2:before,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.reports h2:before,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.analytics h2:before,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.settings h2:before{background:#e2e8f0!important;color:#334155!important;border-color:#cbd5e1!important}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.last-used h2:after{
  background:#e0f2fe!important;
  color:#075985!important;
  border:1px solid #bae6fd!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .dashboard-favorite-button{
  background:#f8fafc!important;
  color:#64748b!important;
  border-color:#d8e0ea!important;
  box-shadow:0 7px 15px rgba(15,23,42,.08)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.is-favorite .dashboard-favorite-button{
  background:linear-gradient(135deg,#f59e0b,#facc15)!important;
  color:#451a03!important;
  border-color:#fbbf24!important;
}
body[data-active-page="dashboardPage"] #dashboardPage .dashboard-hero .eyebrow{
  background:#fff1f2!important;
  border-color:#fecdd3!important;
  color:#be123c!important;
}

/* Odoo theme refinement — consistent launcher rhythm and interaction states */
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card{
  --app-accent:#64748b;
  min-height:168px!important;
  padding:22px 20px 18px!important;
  border:1px solid #dfe6ee!important;
  border-top:4px solid var(--app-accent)!important;
  border-radius:20px!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.users{--app-accent:#7c3aed}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.promotions{--app-accent:#d97706}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.sales{--app-accent:#15803d}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.pos{--app-accent:#b42318}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.inventory{--app-accent:#7f1d1d}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.purchasing{--app-accent:#9f1239}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.accounting,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.reports,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.analytics,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card.settings{--app-accent:#475569}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card:hover,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card:focus-visible{
  transform:translateY(-3px)!important;
  border-color:color-mix(in srgb,var(--app-accent) 42%,#dfe6ee)!important;
  box-shadow:0 16px 32px rgba(15,23,42,.12)!important;
  outline:none!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card .app-icon{
  border:1px solid color-mix(in srgb,var(--app-accent) 20%,#e5e7eb)!important;
  background:color-mix(in srgb,var(--app-accent) 8%,#fff)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card h2{
  line-height:1.22!important;
  margin-top:8px!important;
}
@media(prefers-reduced-motion:reduce){
  body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card{transition:none!important}
}

/* Odoo theme refinement — calm internal workspace surfaces */
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) .dashboard-header,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) .page-header{
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(15,23,42,.06)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) .panel-card,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) .users-table-card,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) .report-section{
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(15,23,42,.055)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) .table-row,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) .stock-row{
  border:1px solid #edf1f5!important;
  background:#f8fafc!important;
  border-radius:12px!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) .table-row:hover,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) .stock-row:hover{
  background:#fff!important;
  border-color:color-mix(in srgb,var(--page-accent,#c81e2b) 24%,#e5e7eb)!important;
  transform:translateY(-1px)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) .tabs button,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) .inventory-tab{
  border:1px solid #e2e8f0!important;
  background:#f8fafc!important;
  color:#475569!important;
  border-radius:10px!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) .tabs button.active,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) .inventory-tab.active{
  color:#fff!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--page-accent,#c81e2b) 22%,transparent)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) input,
body:not([data-active-page="loginPage"]):not([data-active-page="dashboardPage"]) select{
  border-color:#dbe3ec!important;
  border-radius:10px!important;
}

/* Odoo theme refinement — finish the entry and navigation shell */
.login-page{background:#f5f6f8!important}
.login-page .login-card{
  border-radius:18px!important;
  border-color:#e2e8f0!important;
  box-shadow:0 18px 42px rgba(15,23,42,.09)!important;
}
.login-page .login-card button[type="submit"]{
  border-radius:10px!important;
  box-shadow:0 8px 18px rgba(200,30,43,.18)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-sidebar{
  border-inline-end:1px solid rgba(255,255,255,.08)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav button span{
  border:1px solid rgba(255,255,255,.08)!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav button.active{
  outline:1px solid rgba(255,255,255,.12)!important;
  outline-offset:1px!important;
}

/* Odoo theme refinement — accessible micro polish */
:root{--pb-focus:#c81e2b}
::selection{background:#fecdd3;color:#7f1d1d}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--pb-focus)!important;
  outline-offset:2px!important;
}
body:not([data-active-page="loginPage"]){scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}
body:not([data-active-page="loginPage"])::-webkit-scrollbar{width:10px;height:10px}
body:not([data-active-page="loginPage"])::-webkit-scrollbar-track{background:#f8fafc}
body:not([data-active-page="loginPage"])::-webkit-scrollbar-thumb{background:#cbd5e1;border:3px solid #f8fafc;border-radius:999px}
body:not([data-active-page="loginPage"])::-webkit-scrollbar-thumb:hover{background:#94a3b8}

/* Odoo theme refinement — local illustrations for every application */
.app-card .app-icon{
  font-size:0!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
}
.app-card.users .app-icon{background-image:url('/assets/app-icons/users.svg')!important}
.app-card.promotions .app-icon{background-image:url('/assets/app-icons/promotions.svg')!important}
.app-card.accounting .app-icon{background-image:url('/assets/app-icons/accounting.svg')!important}
.app-card.inventory .app-icon{background-image:url('/assets/app-icons/inventory.svg')!important}
.app-card.sales .app-icon{background-image:url('/assets/app-icons/sales.svg')!important}
.app-card.pos .app-icon{background-image:url('/assets/app-icons/pos.svg')!important}
.app-card.purchasing .app-icon{background-image:url('/assets/app-icons/purchasing.svg')!important}
.app-card.reports .app-icon{background-image:url('/assets/app-icons/reports.svg')!important}
.app-card.analytics .app-icon{background-image:url('/assets/app-icons/analytics.svg')!important}
.app-card.settings .app-icon{background-image:url('/assets/app-icons/settings.svg')!important}

/* Odoo theme refinement — prominent application artwork on the launcher */
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-image{
  position:absolute!important;
  inset-block-start:14px!important;
  inset-inline-end:14px!important;
  width:58px!important;
  height:58px!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:15px!important;
  border:1px solid #e2e8f0!important;
  background:#fff!important;
  box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card h2,
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card p{
  padding-inline-end:72px!important;
}
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card h2:before{margin-inline-end:0!important}
@media(max-width:820px){
  body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-image{width:52px!important;height:52px!important}
  body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card h2,
  body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card p{padding-inline-end:64px!important}
}

/* Odoo theme refinement — keep the favorite action in a dedicated corner */
body[data-active-page="dashboardPage"] #dashboardPage>.apps-grid .app-card .dashboard-favorite-button{
  inset-block-start:14px!important;
  inset-block-end:auto!important;
  inset-inline-start:14px!important;
  inset-inline-end:auto!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  border-radius:10px!important;
  z-index:5!important;
  display:grid!important;
  place-items:center!important;
}

/* Odoo theme refinement — center sidebar labels with a medium weight */
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav button{
  justify-content:center!important;
  text-align:center!important;
  gap:9px!important;
  padding-inline:10px!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav button b{
  font-weight:600!important;
  letter-spacing:0!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav button span{
  flex:0 0 auto!important;
}

/* Odoo theme refinement — readable Arabic typography and decorated application titles */
html[lang="ar"] body{
  font-family:"Segoe UI","Noto Sans Arabic",Tahoma,Arial,sans-serif!important;
  text-rendering:optimizeLegibility;
  font-feature-settings:"kern","liga";
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] button,
html[lang="ar"] label,
html[lang="ar"] .eyebrow{
  letter-spacing:-.012em;
}
body:not([data-active-page="dashboardPage"]) .apps-grid .app-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:190px!important;
  padding:22px!important;
  text-align:right!important;
}
body:not([data-active-page="dashboardPage"]) .apps-grid .app-card .app-icon{
  align-self:flex-start!important;
  flex:0 0 auto!important;
  margin:0 0 4px!important;
}
body:not([data-active-page="dashboardPage"]) .apps-grid .app-card h2{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  max-width:100%!important;
  color:inherit!important;
  font-size:clamp(1.26rem,1.7vw,1.56rem)!important;
  font-weight:850!important;
  line-height:1.28!important;
  text-shadow:0 1px 8px rgba(15,23,42,.14)!important;
  text-wrap:balance;
}
body:not([data-active-page="dashboardPage"]) .apps-grid .app-card h2::after{
  content:"";
  width:42px;
  height:3px;
  border-radius:999px;
  background:currentColor;
  opacity:.42;
  box-shadow:0 2px 8px currentColor;
}
body:not([data-active-page="dashboardPage"]) .apps-grid .app-card p{
  margin:0!important;
  max-width:100%!important;
  min-height:2.8em;
  color:rgba(255,255,255,.88)!important;
  font-size:.94rem!important;
  font-weight:650!important;
  line-height:1.7!important;
  text-wrap:balance;
  text-shadow:0 1px 7px rgba(15,23,42,.16)!important;
}
body:not([data-active-page="dashboardPage"]) .apps-grid .app-card small,
body:not([data-active-page="dashboardPage"]) .apps-grid .app-card .flow-tag{
  font-weight:650!important;
  letter-spacing:-.01em!important;
}
@media(max-width:560px){
  body:not([data-active-page="dashboardPage"]) .apps-grid .app-card{min-height:176px!important;padding:18px!important}
  body:not([data-active-page="dashboardPage"]) .apps-grid .app-card h2{font-size:1.25rem!important}
  body:not([data-active-page="dashboardPage"]) .apps-grid .app-card p{font-size:.9rem!important}
}

body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .inventory-service-modal.is-hidden,
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .accounting-service-modal.is-hidden,
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .purchase-service-modal.is-hidden{
  display:none!important;
}

/* Odoo theme refinement — keep desktop sidebar labels on one fixed center line */
@media(min-width:1181px){
  body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav button{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    gap:0!important;
    padding:0!important;
    text-align:center!important;
  }
  body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav button b{
    display:block!important;
    width:100%!important;
    margin:0!important;
    text-align:center!important;
    line-height:1.25!important;
    white-space:nowrap!important;
  }
  body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav button span{
    position:absolute!important;
    inset-inline-start:12px!important;
    top:50%!important;
    width:26px!important;
    height:26px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
  }
}

/* Keep the cashier total and payment action inside the viewport. */
body:has(#cashierPage:not(.is-hidden)){overflow:hidden}
.cashier-page{height:100vh;min-height:0;padding:10px 14px;overflow:hidden;display:flex;flex-direction:column}
.cashier-page .cashier-header{flex:0 0 auto}
.cashier-page .cashier-layout,.cashier-page .cashier-layout.sale-first-layout{flex:1 1 auto;min-height:0;height:auto!important}
.cashier-page .sale-sheet-panel{min-height:0}
.cashier-page .cart-lines{min-height:0!important;overflow:auto}

/* Final dashboard alignment for the two wide launcher cards. */
@media(min-width:981px){
  #dashboardPage > .apps-grid .app-card.settings,
  #dashboardPage > .apps-grid .app-card.analytics{justify-content:center!important;align-items:center!important;text-align:center!important}
  #dashboardPage > .apps-grid .app-card.settings h2,
  #dashboardPage > .apps-grid .app-card.analytics h2,
  #dashboardPage > .apps-grid .app-card.settings p,
  #dashboardPage > .apps-grid .app-card.analytics p{align-self:stretch!important;width:auto!important;max-width:none!important;text-align:center!important}
}

/* Purchase service dialog: keep the title and filters readable without overlap. */
.purchase-service-modal-head{display:flex!important;flex-direction:column;align-items:stretch!important;gap:16px!important}
.purchase-service-modal-head>div:first-child{width:100%;text-align:right;align-self:stretch}
.purchase-service-modal-actions{display:flex!important;flex-wrap:wrap;align-items:flex-end!important;gap:10px!important;width:100%}
.purchase-service-modal-actions>label{display:grid!important;flex:1 1 150px;min-width:145px;gap:4px;min-height:74px}
.purchase-service-modal-actions>label span{display:block;line-height:1.2}
.purchase-service-modal-actions .purchase-service-supplier-filter{flex:1.35 1 210px;min-width:190px}
.purchase-service-modal-actions input[type="date"],
.purchase-service-modal-actions select,
.purchase-service-modal-actions #purchaseServiceQuickFilter{box-sizing:border-box;width:100%;min-width:0!important;max-width:none!important}
.purchase-service-modal-actions .purchase-service-supplier-filter select{min-height:74px;height:74px}
.purchase-service-modal-actions #purchaseServiceQuickFilter{flex:1.8 1 240px;height:42px}
.purchase-service-modal-actions>button{flex:0 1 112px;min-width:100px;height:42px;white-space:nowrap}
@media(max-width:760px){
  .purchase-service-modal-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end!important}
  .purchase-service-modal-actions>label,.purchase-service-modal-actions .purchase-service-supplier-filter,.purchase-service-modal-actions #purchaseServiceQuickFilter{min-width:0;width:100%;flex:none}
  .purchase-service-modal-actions #purchaseServiceQuickFilter{grid-column:1/-1}
  .purchase-service-modal-actions>button{width:100%;min-width:0}
}

/* Purchases workspace: use the available desktop width and keep every service card in one rhythm. */
#purchasesPage .purchases-view{width:calc(100% - 56px);max-width:1540px}
#purchasesPage .purchase-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
#purchasesPage .purchase-service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
#purchasesPage .purchase-service-grid .app-card{min-height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
#purchasesPage .purchase-service-grid .app-card h2,
#purchasesPage .purchase-service-grid .app-card p{width:100%;text-align:center}
#purchasesPage .purchase-service-grid .app-card p{line-height:1.55}
.detail-modal-card:has(.supplier-360),
.detail-modal-card:has(.purchase-detail-pro),
.detail-modal-card:has(.quick-supplier-payment),
.detail-modal-card:has(.purchase-review){width:min(1240px,calc(100vw - 36px));max-height:92vh;overflow:auto}
@media(max-width:1150px){
  #purchasesPage .purchases-view{width:calc(100% - 28px)}
  #purchasesPage .purchase-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #purchasesPage .purchase-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  #purchasesPage .purchases-view{width:calc(100% - 20px)}
  #purchasesPage .purchase-summary-grid,#purchasesPage .purchase-service-grid{grid-template-columns:1fr}
}

/* POS cashier premium visual system */
body:has(#cashierPage:not(.is-hidden)){background:radial-gradient(circle at 92% 0%,rgba(220,38,38,.12),transparent 28%),linear-gradient(135deg,#eef2f7 0%,#f8fafc 52%,#fff1f2 100%)}
#cashierPage .cashier-header{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#0b1220 0%,#172236 62%,#3b1720 100%);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 42px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.14);color:#fff}
#cashierPage .cashier-header:after{content:"";position:absolute;inset:auto -60px -100px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.27),transparent 68%);z-index:-1}
#cashierPage .cashier-header h1{color:#fff;font-size:1.5rem;letter-spacing:-.02em}
#cashierPage .cashier-header p{color:#cbd5e1;font-weight:700}
#cashierPage .cashier-header .eyebrow{color:#fca5a5}
#cashierPage .cashier-header .cashier-icon-action{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);color:#f8fafc;box-shadow:none}
#cashierPage .cashier-header .cashier-icon-action:hover{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.35);transform:translateY(-1px)}
#cashierPage .cashier-header .pos-quick-status .status.active{background:#fee2e2;color:#991b1b;border-color:#fecaca}
#cashierPage .sale-sheet-panel{position:relative;border:1px solid rgba(203,213,225,.85);background:rgba(255,255,255,.94);box-shadow:0 24px 60px rgba(15,23,42,.13),inset 0 1px 0 #fff}
#cashierPage .pos-cart-search{padding:2px;border-radius:16px;background:linear-gradient(135deg,rgba(220,38,38,.12),rgba(148,163,184,.12))}
#cashierPage .pos-cart-search .cashier-search{height:48px;border:1px solid #d9e1eb;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.06);font-weight:700}
#cashierPage .pos-cart-search .cashier-search:focus{border-color:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.12),0 10px 24px rgba(15,23,42,.08)}
#cashierPage .section-title-row.compact{padding:4px 4px 8px;border-bottom:1px solid #edf0f5}
#cashierPage .section-title-row.compact .eyebrow{color:#b91c1c;font-weight:900}
#cashierPage .section-title-row.compact h2{font-size:1.15rem;letter-spacing:-.02em;color:#0f172a}
#cashierPage .cart-toolbar-actions .small-button{background:#f8fafc;border-color:#dce4ee;color:#334155;box-shadow:none}
#cashierPage .cart-toolbar-actions #holdSaleButton{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
#cashierPage .cart-lines{border:1px solid #dfe6ef;background:#f8fafc;box-shadow:inset 0 1px 3px rgba(15,23,42,.03)}
#cashierPage .sale-sheet-head{background:linear-gradient(135deg,#0b1220,#1e293b);border:0;box-shadow:0 8px 18px rgba(15,23,42,.13)}
#cashierPage .sale-sheet-row{background:#fff;border-color:#e7edf4}
#cashierPage .sale-sheet-row:not(.sale-sheet-head):hover{background:#fff8f8;box-shadow:inset 3px 0 0 #dc2626}
#cashierPage .sale-sheet-empty{min-height:230px;margin:10px;border:1px dashed #cbd5e1;background:radial-gradient(circle at 50% 38%,#fff,#f8fafc 72%);color:#64748b}
#cashierPage .sale-sheet-empty:before{content:"🧾";display:block;margin-bottom:7px;font-size:2rem;filter:grayscale(.2)}
#cashierPage .pos-quick-qty-bar{border-color:#e2e8f0;background:linear-gradient(135deg,#f8fafc,#eef2f7);box-shadow:inset 0 1px 0 #fff}
#cashierPage .pos-quick-qty-bar span{color:#475569}
#cashierPage .cart-total{display:flex;align-items:center;justify-content:space-between;margin:4px 0;padding:12px 16px;border-radius:16px;background:linear-gradient(135deg,#111827,#263449);color:#fff;box-shadow:0 14px 28px rgba(15,23,42,.18)}
#cashierPage .cart-total span{color:#cbd5e1;font-weight:900}
#cashierPage .cart-total strong{color:#fff;font-size:1.45rem;font-variant-numeric:tabular-nums}
#cashierPage .pos-pay-button{min-height:54px;border-radius:16px;background:linear-gradient(135deg,#b91c1c,#ef4444);box-shadow:0 16px 30px rgba(185,28,28,.25);font-size:1.12rem;letter-spacing:.01em}
#cashierPage .pos-pay-button:hover{background:linear-gradient(135deg,#991b1b,#dc2626);box-shadow:0 20px 36px rgba(185,28,28,.32);transform:translateY(-2px)}
@media(max-width:640px){#cashierPage .cashier-header h1{font-size:1.25rem}#cashierPage .cart-total strong{font-size:1.25rem}}

/* Resolve legacy header override: keep cashier identity high-contrast. */
#cashierPage .cashier-header{
  background:linear-gradient(135deg,#0b1220 0%,#172236 62%,#3b1720 100%) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:0 18px 42px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.14) !important;
}
#cashierPage .cashier-header .eyebrow{color:#fca5a5 !important}
#cashierPage .cashier-header h1{color:#fff !important}
#cashierPage .cashier-header p{color:#cbd5e1 !important}

/* Refined empty-cart experience: turn unused space into a guided first-sale state. */
#cashierPage .sale-sheet-empty{
  min-height:250px;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:10px;
  padding:34px 24px;
  text-align:center;
  background:radial-gradient(circle at 50% 25%,rgba(254,242,242,.95),rgba(248,250,252,.98) 62%),linear-gradient(135deg,#fff,#f8fafc);
  border:1px dashed #cbd5e1;
  color:#475569;
  font-size:1rem;
  line-height:1.7;
}
#cashierPage .sale-sheet-empty:before{
  content:"🧾";
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  margin:0;
  border-radius:18px;
  background:linear-gradient(145deg,#fff1f2,#fee2e2);
  box-shadow:0 12px 24px rgba(185,28,28,.12);
  font-size:1.7rem;
  filter:none;
}
#cashierPage .sale-sheet-empty:after{
  content:"ابحث باسم الصنف أو امسح الباركود للبدء  •  الكمية السريعة تظهر بعد إضافة الصنف";
  display:block;
  color:#94a3b8;
  font-size:.82rem;
  font-weight:700;
}

/* Modern POS surface: softer glass layers, pill controls, and a cleaner checkout rhythm. */
#cashierPage.cashier-page{
  background:linear-gradient(135deg,#eef2f7 0%,#f8fafc 52%,#fff3f4 100%);
}
#cashierPage .cashier-header{
  min-height:72px;
  padding:12px 18px;
  border-radius:24px !important;
  background:linear-gradient(110deg,#0b1220 0%,#16243a 60%,#3a1822 100%) !important;
  box-shadow:0 16px 34px rgba(15,23,42,.2),inset 0 1px 0 rgba(255,255,255,.16) !important;
}
#cashierPage .cashier-header-actions{gap:8px}
#cashierPage .cashier-header .cashier-icon-action,
#cashierPage .cashier-header .pos-quick-status{
  border-radius:14px;
}
#cashierPage .cashier-header .cashier-icon-action{min-height:38px}
#cashierPage .sale-sheet-panel{
  border-radius:24px;
  background:rgba(255,255,255,.92);
  box-shadow:0 24px 60px rgba(15,23,42,.12),inset 0 1px 0 #fff;
}
#cashierPage .pos-cart-search{
  position:relative;
  padding:0;
  background:transparent;
}
#cashierPage .pos-cart-search:after{
  content:"⌕";
  position:absolute;
  inset-inline-start:17px;
  top:50%;
  transform:translateY(-50%);
  color:#b91c1c;
  font-size:1.25rem;
  font-weight:900;
  pointer-events:none;
}
#cashierPage .pos-cart-search .cashier-search{
  height:56px;
  padding-inline-start:48px;
  border-radius:18px;
  border:1px solid #dbe3ee;
  background:linear-gradient(180deg,#fff,#f8fafc);
  box-shadow:0 10px 22px rgba(15,23,42,.06),inset 0 1px 0 #fff;
  font-size:1rem;
}
#cashierPage .section-title-row.compact{
  padding:8px 2px 10px;
  border-bottom:0;
}
#cashierPage .section-title-row.compact h2{font-size:1.2rem}
#cashierPage .cart-toolbar-actions .small-button{
  min-height:36px;
  border-radius:999px;
  padding-inline:16px;
}
#cashierPage .pos-quick-qty-bar{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:52px;
  padding:7px 9px;
  border-radius:17px;
}
#cashierPage .pos-quick-qty-bar span{margin-inline-end:auto;font-size:.82rem;font-weight:800}
#cashierPage .pos-quick-qty-bar button{
  min-width:44px;
  height:36px;
  padding:0 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid #dbe3ee;
  color:#1e293b;
  box-shadow:0 5px 12px rgba(15,23,42,.06);
  font-weight:900;
}
#cashierPage .pos-quick-qty-bar button:hover{background:#fff1f2;border-color:#fca5a5;color:#991b1b}
#cashierPage .cart-lines{
  border-radius:20px;
  background:linear-gradient(145deg,#f8fafc,#fff);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(226,232,240,.45);
}
#cashierPage .sale-sheet-empty{
  border-radius:18px;
  background:radial-gradient(circle at 50% 26%,rgba(255,241,242,.96),rgba(248,250,252,.98) 64%);
  box-shadow:inset 0 1px 0 #fff;
}
#cashierPage .cart-total{
  min-height:58px;
  padding:12px 18px;
  border-radius:18px;
}
#cashierPage .pos-pay-button{
  min-height:58px;
  border-radius:18px;
  font-size:1.16rem;
  letter-spacing:.01em;
}

/* Final modern desktop polish for POSBANK cashier only. */
#cashierPage.cashier-page{padding-inline:20px}
#cashierPage .cashier-header,
#cashierPage .cashier-layout{
  width:min(100%,1680px);
  margin-inline:auto;
}
#cashierPage .cashier-header{
  background:
    radial-gradient(circle at 8% 20%,rgba(239,68,68,.18),transparent 24%),
    radial-gradient(circle at 86% 0%,rgba(148,163,184,.18),transparent 28%),
    linear-gradient(110deg,#0a1220 0%,#16243a 58%,#3b1722 100%) !important;
}
#cashierPage .cashier-header:before{
  background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 38%,rgba(239,68,68,.1));
  opacity:.8;
}
#cashierPage .sale-sheet-panel{backdrop-filter:blur(18px)}
#cashierPage .sale-sheet-empty{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 22%,rgba(255,241,242,.98),rgba(248,250,252,.98) 62%),
    repeating-linear-gradient(135deg,rgba(148,163,184,.035) 0 1px,transparent 1px 14px);
}
#cashierPage .sale-sheet-empty:after{
  position:relative;
  z-index:1;
  max-width:620px;
  padding:7px 14px;
  border:1px solid rgba(203,213,225,.7);
  border-radius:999px;
  background:rgba(255,255,255,.65);
}
#cashierPage .cart-total,
#cashierPage .pos-pay-button{box-shadow:0 16px 30px rgba(15,23,42,.15)}
@media(max-width:760px){
  #cashierPage.cashier-page{padding-inline:10px}
  #cashierPage .cashier-header,#cashierPage .cashier-layout{width:100%}
}

/* Modern POS workspace: dedicated search rail + focused cart canvas. */
@media(min-width:981px){
  #cashierPage .sale-sheet-panel{
    display:grid;
    grid-template-columns:minmax(300px,340px) minmax(0,1fr);
    grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto auto;
    align-items:stretch;
    gap:10px 14px;
    overflow:hidden;
  }
  #cashierPage .pos-cart-search{
    grid-column:1;
    grid-row:1 / -1;
    display:flex;
    flex-direction:column;
    gap:12px;
    min-height:0;
    padding:14px;
    border:1px solid #e2e8f0;
    border-radius:20px;
    background:linear-gradient(165deg,#f8fafc 0%,#fff 56%,#fff1f2 100%);
    box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(15,23,42,.05);
  }
  #cashierPage .pos-cart-search:before{
    content:"البحث عن صنف";
    display:block;
    color:#0f172a;
    font-size:1.05rem;
    font-weight:900;
    letter-spacing:-.02em;
  }
  #cashierPage .pos-cart-search:after{top:74px;inset-inline-start:29px}
  #cashierPage .pos-cart-search .cashier-search{flex:0 0 52px;padding-inline-start:48px}
  #cashierPage .pos-cart-search .compact-search-results{
    flex:1;
    min-height:0;
    max-height:none!important;
    align-content:start;
    overflow:auto;
    padding:2px;
  }
  #cashierPage .compact-search-results:empty{
    display:grid!important;
    place-items:center;
    min-height:170px;
    padding:24px 18px;
    border:1px dashed #cbd5e1;
    border-radius:16px;
    background:rgba(255,255,255,.64);
  }
  #cashierPage .compact-search-results:empty:after{
    content:"اكتب اسم الصنف أو امسح الباركود للبحث";
    max-width:190px;
    color:#94a3b8;
    font-size:.84rem;
    font-weight:800;
    line-height:1.7;
    text-align:center;
  }
  #cashierPage .compact-search-results .pos-pick-row{
    min-height:64px;
    padding:11px 12px;
    border-radius:14px;
    background:#fff;
    border:1px solid #e2e8f0;
    box-shadow:0 6px 14px rgba(15,23,42,.045);
  }
  #cashierPage .compact-search-results .pos-pick-row:hover{border-color:#fca5a5;background:#fff7f7}
  #cashierPage .cashier-collapse,
  #cashierPage .section-title-row.compact,
  #cashierPage .last-added-item,
  #cashierPage .pos-quick-qty-bar,
  #cashierPage .cart-lines,
  #cashierPage .cart-total,
  #cashierPage #posCheckoutDock,
  #cashierPage .pos-pay-button,
  #cashierPage #saleMessage,
  #cashierPage .recent-pos-sales{grid-column:2}
  #cashierPage .cashier-collapse{grid-row:1}
  #cashierPage .section-title-row.compact{grid-row:2}
  #cashierPage .last-added-item{grid-row:3}
  #cashierPage .pos-quick-qty-bar{grid-row:3}
  #cashierPage .cart-lines{grid-row:4;min-height:0!important;max-height:none!important}
  #cashierPage .cart-total{grid-row:5}
  #cashierPage #posCheckoutDock{grid-row:6}
  #cashierPage .pos-pay-button{grid-row:7}
  #cashierPage #saleMessage{grid-row:8}
  #cashierPage .recent-pos-sales{grid-row:9}
}
@media(max-width:980px){
  #cashierPage .sale-sheet-panel{display:flex;flex-direction:column}
  #cashierPage .pos-cart-search:before{display:none}
  #cashierPage .compact-search-results:empty{display:none!important}
}
@media(min-width:981px){
  #cashierPage .sale-sheet-panel{grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto auto auto auto}
  #cashierPage .pos-quick-qty-bar{grid-row:4}
  #cashierPage .cart-lines{grid-row:5}
  #cashierPage .cart-total{grid-row:6}
  #cashierPage #posCheckoutDock{grid-row:7}
  #cashierPage .pos-pay-button{grid-row:8}
  #cashierPage #saleMessage{grid-row:9}
  #cashierPage .recent-pos-sales{grid-row:10}
}

/* Search rail readability refinement for the modern cashier layout. */
@media(min-width:981px){
  #cashierPage .pos-cart-search{min-width:0;padding:16px}
  #cashierPage .pos-cart-search:before{padding-inline:4px;margin-bottom:1px}
  #cashierPage .pos-cart-search .cashier-search{width:100%;min-width:0;flex-basis:52px}
  #cashierPage .compact-search-results:empty:after{
    content:"اكتب اسم الصنف أو امسح الباركود للبحث\A\A⌕ بحث بالاسم   •   ▣ باركود   •   +1 كمية سريعة";
    width:100%;
    max-width:270px;
    white-space:pre-line;
    line-height:1.8;
  }
}

/* Split payment controls for POSBANK cashier. */
.split-payment-hint{margin:-5px 0 12px;padding:9px 12px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;color:#9a3412;font-size:.86rem;font-weight:800;text-align:center}
.pos-payment-row.is-split{grid-template-columns:72px minmax(180px,1fr) 130px 34px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
.pos-payment-method-label{color:#334155;font-weight:900;text-align:right}
.quick-payment-buttons button.is-selected,.quick-payment-buttons button.is-selected:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 4px 12px rgba(220,38,38,.2)}
.pos-payment-selection{margin:0 0 12px;color:#b91c1c;font-weight:900;text-align:right}
.pos-payment-row{grid-template-columns:72px minmax(0,1fr) 120px 34px}
@media(max-width:700px){.pos-payment-row{grid-template-columns:54px minmax(0,1fr) 80px 32px}}
@media(max-width:700px){.pos-payment-row.is-split{grid-template-columns:64px minmax(0,1fr) 96px 32px}.pos-payment-method-label{font-size:.82rem}}

/* Keep a product thumbnail visible after it is added to the POS cart. */
.cart-product-cell{display:grid;align-items:center;min-width:0}
.cart-product-cell .cart-product-name{min-width:0}
.cart-product-image,.cart-product-image-placeholder{width:38px;height:38px;justify-self:center;object-fit:cover;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 3px 8px rgba(15,23,42,.1);background:#f8fafc}
.cart-product-image-placeholder{display:grid;place-items:center;color:#94a3b8;font-weight:900;box-shadow:none}
.sale-sheet-image-head{font-size:0}
@media(min-width:981px){#cashierPage .sale-sheet-row{grid-template-columns:34px 46px minmax(160px,1.5fr) minmax(90px,.75fr) minmax(112px,.78fr) minmax(65px,.55fr) minmax(72px,.65fr) minmax(100px,.8fr) 30px}}
@media(max-width:700px){.cart-product-image,.cart-product-image-placeholder{width:30px;height:30px}}

/* Final search rail cleanup: keep the title, field, and empty state readable. */
@media(min-width:981px){
  #cashierPage .pos-cart-search{
    padding:16px;
    gap:10px;
    align-content:start;
  }
  #cashierPage .pos-cart-search:before{
    font-size:1.05rem;
    line-height:1.25;
    padding:0 4px;
    margin:0;
  }
  #cashierPage .pos-cart-search:after{
    top:78px;
    inset-inline-start:30px;
  }
  #cashierPage .pos-cart-search .cashier-search{
    flex:0 0 52px;
    height:52px;
    padding-inline:44px 14px;
  }
  #cashierPage .compact-search-results:empty{
    display:grid!important;
    min-height:220px;
    margin-top:2px;
    padding:22px 14px;
    place-items:center;
    overflow:hidden;
  }
  #cashierPage .compact-search-results:empty:after{
    content:"ابحث عن صنف للبدء";
    max-width:100%;
    width:100%;
    white-space:nowrap;
    text-align:center;
    line-height:1.7;
    font-size:.84rem;
    color:#94a3b8;
  }
  #cashierPage .pos-cart-search{
    grid-row:1 / -1;
    align-self:start;
    max-height:380px;
    overflow:visible;
  }
  #cashierPage .pos-cart-search .compact-search-results{
    position:static;
    inset:auto;
    width:100%;
    flex:0 1 auto;
    max-height:240px!important;
    overflow:auto;
  }
  #cashierPage .compact-search-results:empty{min-height:150px}
}

/* Recent product shortcuts under the POS search field. */
#cashierPage .compact-search-results:empty{
  display:none!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#cashierPage .compact-search-results:empty:after{content:none!important}
#cashierPage .recent-pos-products-title{
  margin:2px 2px 0;
  color:#64748b;
  font-size:.8rem;
  font-weight:900;
}
#cashierPage .recent-pos-products{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
#cashierPage .recent-pos-product{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:center;
  gap:7px;
  min-width:0;
  width:100%;
  padding:7px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#fff;
  color:#1e293b;
  text-align:right;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
#cashierPage .recent-pos-product:hover,
#cashierPage .recent-pos-product:focus-visible{
  border-color:#fca5a5;
  background:#fff7f7;
  box-shadow:0 6px 14px rgba(15,23,42,.08);
  transform:translateY(-1px);
  outline:none;
}
#cashierPage .recent-pos-product img,
#cashierPage .recent-pos-product-placeholder{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  object-fit:cover;
  border-radius:8px;
  background:#f1f5f9;
  color:#94a3b8;
  font-size:1rem;
}
#cashierPage .recent-pos-product>span:last-child{display:grid;gap:2px;min-width:0}
#cashierPage .recent-pos-product strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cashierPage .recent-pos-product small{color:#64748b;font-size:.7rem;font-weight:800}
#cashierPage .recent-pos-products-empty{
  padding:11px 8px;
  border:1px dashed #cbd5e1;
  border-radius:12px;
  color:#94a3b8;
  text-align:center;
  font-size:.78rem;
  font-weight:800;
}
@media(max-width:640px){
  #cashierPage .recent-pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Keep cart rows clean: quantity only, with a compact trash action at the far left. */
#cashierPage .cart-remove-button{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  padding:0;
  border:1px solid #fecaca;
  border-radius:9px;
  background:#fff1f2;
  color:#dc2626;
  box-shadow:none;
}
#cashierPage .cart-remove-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#cashierPage .cart-remove-button:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c;transform:translateY(-1px)}
#cashierPage .cart-remove-button:focus-visible{outline:3px solid rgba(239,68,68,.2);outline-offset:2px}
@media(min-width:981px){
  #cashierPage .sale-sheet-row{grid-template-columns:34px 46px minmax(160px,1.5fr) minmax(90px,.75fr) minmax(112px,.78fr) minmax(65px,.55fr) minmax(72px,.65fr) 30px}
}
@media(max-width:980px){
  #cashierPage .sale-sheet-row{grid-template-columns:30px 38px minmax(120px,1fr) 105px 65px 30px}
  #cashierPage .sale-sheet-head span:nth-child(4),
  #cashierPage .sale-sheet-row>span:nth-of-type(2),
  #cashierPage .sale-sheet-head span:nth-child(6),
  #cashierPage .sale-sheet-row>b:nth-of-type(2){display:none}
  #cashierPage .cart-remove-button{width:28px;height:28px}
}

/* POSBANK cashier modern workspace: calm canvas, glass header, and clear selling hierarchy. */
#cashierPage{
  min-height:100vh;
  padding:14px 18px 24px;
  background:
    radial-gradient(circle at 88% 4%,rgba(239,68,68,.14),transparent 25%),
    radial-gradient(circle at 8% 86%,rgba(30,41,59,.12),transparent 28%),
    linear-gradient(135deg,#f8fafc 0%,#eef2f7 52%,#fff1f2 100%);
}
#cashierPage .cashier-header{
  width:100%;
  max-width:none;
  min-height:82px;
  margin:0 auto 12px;
  padding:14px 18px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:24px;
  color:#fff;
  background:linear-gradient(112deg,#0b1220 0%,#172238 48%,#4b1d32 100%);
  box-shadow:0 18px 34px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.12);
  overflow:hidden;
}
#cashierPage .cashier-header:before{background:linear-gradient(90deg,transparent 8%,rgba(255,255,255,.06) 52%,rgba(251,113,133,.22) 100%);pointer-events:none}
#cashierPage .cashier-header>div:first-child{position:relative;z-index:1}
#cashierPage .cashier-header .eyebrow{color:#fda4af;font-size:.72rem;font-weight:900}
#cashierPage .cashier-header h1{margin:2px 0 1px;color:#fff;font-size:1.9rem;letter-spacing:-.04em;font-weight:950}
#cashierPage .cashier-header p{margin:0;color:#cbd5e1;font-size:.78rem;font-weight:700}
#cashierPage .cashier-header-actions{position:relative;z-index:2;gap:7px}
#cashierPage .cashier-header-actions .small-button,
#cashierPage .cashier-header-actions .ghost-button,
#cashierPage .cashier-header-actions .cashier-icon-action{
  min-height:38px;
  border:1px solid rgba(203,213,225,.48);
  border-radius:12px;
  background:rgba(255,255,255,.94);
  color:#172033;
  box-shadow:0 6px 14px rgba(2,6,23,.13);
  font-weight:900;
}
#cashierPage .cashier-header-actions .cashier-icon-action:hover,
#cashierPage .cashier-header-actions .small-button:hover{background:#fff1f2;border-color:#fda4af;color:#9f1239;transform:translateY(-1px)}
#cashierPage .pos-quick-status{gap:7px}
#cashierPage #shiftStatus{min-height:30px;padding:6px 10px;border-radius:999px;background:#fff1f2;color:#be123c;border-color:#fecdd3;font-size:.76rem;font-weight:950}
#cashierPage .cashier-layout{width:100%;max-width:none;height:calc(100vh - 126px);margin:0;gap:12px}
#cashierPage .sale-sheet-panel{
  padding:14px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:26px;
  background:rgba(255,255,255,.82);
  box-shadow:0 24px 60px rgba(15,23,42,.14),inset 0 1px 0 #fff;
  backdrop-filter:blur(16px);
}
#cashierPage .pos-cart-search{
  padding:15px;
  gap:10px;
  border:1px solid #e2e8f0;
  border-radius:20px;
  background:linear-gradient(155deg,#f8fafc 0%,#fff 56%,#fff1f2 100%);
  box-shadow:0 12px 24px rgba(15,23,42,.08),inset 0 1px 0 #fff;
}
#cashierPage .pos-cart-search:before{color:#0f172a;font-size:1.05rem;letter-spacing:-.03em}
#cashierPage .pos-cart-search .cashier-search{
  height:54px;
  border:1px solid #dbe3ee;
  border-radius:15px;
  background:#fff;
  color:#0f172a;
  box-shadow:0 8px 18px rgba(15,23,42,.07);
  font-size:.96rem;
  font-weight:800;
}
#cashierPage .pos-cart-search .cashier-search::placeholder{color:#94a3b8}
#cashierPage .pos-cart-search .cashier-search:focus{border-color:#fb7185;box-shadow:0 0 0 4px rgba(251,113,133,.14),0 10px 22px rgba(15,23,42,.08)}
#cashierPage .recent-pos-products-title{color:#475569;font-size:.78rem;letter-spacing:.01em}
#cashierPage .recent-pos-products{gap:7px}
#cashierPage .recent-pos-product{min-height:54px;border-color:#e2e8f0;border-radius:13px;background:rgba(255,255,255,.88);box-shadow:0 5px 12px rgba(15,23,42,.04)}
#cashierPage .recent-pos-product img,#cashierPage .recent-pos-product-placeholder{width:36px;height:36px;border-radius:10px}
#cashierPage .recent-pos-product strong{color:#1e293b;font-size:.76rem}
#cashierPage .section-title-row.compact{margin:0;padding:8px 4px 9px;border-bottom:1px solid #edf0f5}
#cashierPage .section-title-row.compact h2{margin:2px 0 0;color:#0f172a;font-size:1.2rem;letter-spacing:-.03em}
#cashierPage .section-title-row.compact .eyebrow{color:#dc2626;font-size:.7rem;font-weight:950}
#cashierPage .cart-toolbar-actions{gap:7px}
#cashierPage .cart-toolbar-actions .small-button{height:34px;border-radius:11px;border-color:#dbe3ee;background:#fff;color:#334155;font-weight:900}
#cashierPage .last-added-item{border:1px solid #fecdd3;border-radius:15px;background:linear-gradient(105deg,#fff7f7,#fff);box-shadow:0 8px 16px rgba(190,24,93,.07)}
#cashierPage .pos-quick-qty-bar{border:1px solid #e2e8f0;border-radius:15px;background:linear-gradient(135deg,#f8fafc,#eef2f7);box-shadow:inset 0 1px 0 #fff}
#cashierPage .pos-quick-qty-bar button{height:34px;min-width:48px;border-radius:10px;border-color:#dbe3ee;background:#fff;color:#172033}
#cashierPage .cart-lines{border:1px solid #e2e8f0;border-radius:18px;background:rgba(248,250,252,.9);box-shadow:inset 0 1px 3px rgba(15,23,42,.04)}
#cashierPage .sale-sheet{gap:0;padding:3px}
#cashierPage .sale-sheet-head{min-height:36px;border-radius:13px;background:linear-gradient(110deg,#0b1220,#1e293b 72%,#334155);box-shadow:0 8px 18px rgba(15,23,42,.16)}
#cashierPage .sale-sheet-head span{font-size:.7rem;color:#cbd5e1}
#cashierPage .sale-sheet-row:not(.sale-sheet-head){min-height:58px;margin-top:3px;border:1px solid #edf1f5;border-radius:13px;background:#fff;box-shadow:0 4px 10px rgba(15,23,42,.035);transition:background .15s ease,box-shadow .15s ease,transform .15s ease}
#cashierPage .sale-sheet-row:not(.sale-sheet-head):hover{background:#fff7f7;box-shadow:0 8px 16px rgba(15,23,42,.08);transform:translateY(-1px)}
#cashierPage .cart-line-number{width:26px;height:26px;border-radius:9px;background:#172033;font-size:.72rem}
#cashierPage .cart-product-image,#cashierPage .cart-product-image-placeholder{width:40px;height:40px;border-radius:11px;box-shadow:0 5px 12px rgba(15,23,42,.1)}
#cashierPage .cart-product-name{color:#172033;font-size:.8rem;font-weight:950}
#cashierPage .cart-promo-note{color:#94a3b8;font-size:.68rem}
#cashierPage .quantity-actions{gap:5px}
#cashierPage .quantity-actions button{width:27px;height:27px;border-radius:9px;border:1px solid #e2e8f0;background:#f8fafc;color:#334155}
#cashierPage .quantity-actions input{height:29px;border:1px solid #dbe3ee;border-radius:9px;background:#fff}
#cashierPage .cart-total{min-height:62px;margin:2px 0;padding:12px 17px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:linear-gradient(110deg,#0b1220,#1e293b 70%,#334155);color:#fff;box-shadow:0 13px 24px rgba(15,23,42,.18)}
#cashierPage .cart-total span{color:#cbd5e1;font-size:.88rem;font-weight:900}
#cashierPage .cart-total strong{font-size:1.65rem;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
#cashierPage #posCheckoutDock{padding:10px;border:1px solid #e2e8f0;border-radius:18px;background:rgba(248,250,252,.8)}
#cashierPage .pos-checkout-grid{gap:9px;padding:0;border:0;background:transparent}
#cashierPage .pos-customer-strip,#cashierPage .pos-payment-split,#cashierPage .pos-change-field{border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 4px 10px rgba(15,23,42,.035)}
#cashierPage .pos-customer-strip{padding:9px}
#cashierPage .pos-payment-split{padding:9px}
#cashierPage .pos-change-field{padding:10px 12px}
#cashierPage .pos-pay-button{min-height:54px;border:0;border-radius:16px;background:linear-gradient(110deg,#b91c1c,#ef3340 58%,#fb7185);box-shadow:0 16px 30px rgba(220,38,38,.28);font-size:1.12rem;font-weight:950;letter-spacing:.01em}
#cashierPage .pos-pay-button:hover{background:linear-gradient(110deg,#991b1b,#dc2626 58%,#f43f5e);box-shadow:0 20px 36px rgba(220,38,38,.34);transform:translateY(-2px)}
#cashierPage .sale-sheet-empty{min-height:190px;margin:8px;border-radius:16px;background:radial-gradient(circle at 50% 35%,#fff,#f8fafc 72%);font-size:.88rem}
@media(max-width:980px){
  #cashierPage{padding:8px}
  #cashierPage .cashier-header{min-height:76px;padding:12px 13px;border-radius:20px}
  #cashierPage .cashier-header h1{font-size:1.5rem}
  #cashierPage .cashier-header-actions{overflow-x:auto;padding-bottom:2px}
  #cashierPage .cashier-layout{height:auto}
  #cashierPage .sale-sheet-panel{padding:10px;border-radius:20px}
  #cashierPage .pos-cart-search{padding:12px;border-radius:17px}
}
@media(max-width:640px){
  #cashierPage .cashier-header{align-items:stretch;gap:10px;flex-direction:column}
  #cashierPage .cashier-header-actions{width:100%}
  #cashierPage .cashier-header-actions .cashier-icon-action{flex:0 0 auto}
  #cashierPage .sale-sheet-row:not(.sale-sheet-head){min-height:50px}
  #cashierPage .cart-total strong{font-size:1.35rem}
}

/* Cashier search and favorite shortcuts, September 2026. */
#cashierPage .pos-cart-search{display:flex;flex-direction:column;gap:14px;max-height:none;overflow:auto;align-self:stretch}
#cashierPage .pos-cart-search:before{position:static;display:block;content:"البحث عن صنف";margin:0;padding:0;font-size:1.1rem;flex:none}
#cashierPage .pos-cart-search:after{display:none}
#cashierPage .pos-cart-search .cashier-search{flex:0 0 54px;width:100%;padding:12px;font-size:1rem;min-height:54px}
#cashierPage .pos-cart-search .compact-search-results{display:grid;grid-template-columns:1fr;flex:0 0 auto;max-height:320px!important;overflow:auto;gap:8px;padding:0;border:0;background:transparent;box-shadow:none}
#cashierPage .pos-cart-search .compact-search-results:empty{display:none!important}
#posProductShortcuts h3{margin:10px 0;font-size:.98rem;color:#172033}
.pos-shortcuts-help{font-size:.86rem;line-height:1.8;color:#64748b;padding:14px;background:#fff;border:1px dashed #cbd5e1;border-radius:12px}
.pos-shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pos-shortcut-tile{position:relative;border:1px solid #e2e8f0;border-radius:14px;background:#fff;overflow:hidden}
.pos-shortcut-tile>button:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:100%;min-height:116px;padding:14px 12px 12px;padding-inline-end:38px;background:#fff;color:#172033;border:0;box-shadow:none;text-align:start}
.pos-shortcut-tile strong{font-size:.96rem;overflow-wrap:anywhere}
.pos-shortcut-tile b{color:#b91c1c;font-size:1.05rem}
.pos-shortcut-tile small{font-size:.74rem;color:#64748b}
.pos-shortcut-tile>button:first-child:hover{background:#fff7f7}
.pos-shortcut-tile>button:first-child:disabled{opacity:.5;cursor:not-allowed}
#cashierPage .pos-favorite-toggle{width:36px;min-width:36px;height:38px;padding:0;border:0;background:#f8fafc;color:#64748b;font-size:1.45rem;box-shadow:none;border-radius:9px}
#cashierPage .pos-favorite-toggle[aria-pressed=true]{background:#fff1f2;color:#b91c1c}
.pos-shortcut-tile .pos-favorite-toggle{position:absolute;inset-inline-end:3px;top:4px}
.pos-search-result{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:5px;align-items:center}
#cashierPage .pos-search-result .pos-pick-row{width:100%;min-width:0;padding:12px;text-align:start}
#cashierPage .pos-product-copy strong{white-space:normal;font-size:1rem}
#cashierPage .pos-product-copy small{white-space:normal;line-height:1.7}
#cashierPage .cart-product-name{font-size:1rem;line-height:1.5}
#cashierPage .quantity-actions button{width:34px;height:36px;font-size:1.1rem}
#cashierPage .quantity-actions input{height:36px}
#cashierPage .sale-sheet-row.is-last-added{border-color:#fca5a5;background:#fff7f7;animation:pos-added-highlight 1.2s ease-out}
#posCartSummary{font-size:.82rem;color:#cbd5e1;flex:1;padding-inline:16px}
#cashierPage .pos-pay-button:disabled{background:#e2e8f0;color:#64748b;box-shadow:none;cursor:not-allowed;transform:none}
@keyframes pos-added-highlight{from{background:#fecaca}to{background:#fff7f7}}
@media(prefers-reduced-motion:reduce){#cashierPage .sale-sheet-row.is-last-added{animation:none}}
@media(min-width:1200px){#cashierPage .sale-sheet-panel{grid-template-columns:minmax(350px,28%) minmax(0,1fr)}}
@media(max-width:980px){#cashierPage .pos-cart-search{max-height:420px}#cashierPage .cart-total{position:sticky;bottom:76px;z-index:3}#cashierPage .pos-pay-button{position:sticky;bottom:12px;z-index:3}}
@media(max-width:640px){#cashierPage .cart-product-name{font-size:.88rem}#posCartSummary{font-size:.72rem;padding-inline:8px}.pos-shortcut-tile>button:first-child{min-height:96px}}
@media(max-width:980px){#cashierPage{height:auto;min-height:100vh;overflow:visible}#cashierPage .cashier-layout{flex:none;min-height:0}#cashierPage .sale-sheet-panel{height:auto;overflow:visible}#cashierPage .pos-cart-search{flex:none}#cashierPage .cart-lines{flex:none;min-height:200px!important;max-height:420px!important}}

/* Cash tender shortcuts and a readable change summary. */
#posCashShortcuts{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}
#posCashShortcuts[hidden]{display:none}
#posCashShortcuts>span{display:block;margin-bottom:8px;color:#475569;font-weight:800;font-size:.85rem}
#posCashShortcuts>div{display:flex;flex-wrap:wrap;gap:8px}
#posCashShortcuts button{min-height:44px;min-width:64px;padding:8px 14px;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;color:#991b1b;font-weight:900;box-shadow:none}
#posCashShortcuts button:hover{background:#dc2626;color:#fff}
#posCheckoutModalSlot .pos-change-field{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:8px;padding:16px;min-width:170px;background:#f0fdf4;border:1px solid #bbf7d0}
#posCheckoutModalSlot .pos-change-field>strong{font-size:1.5rem}
#posCheckoutModalSlot .pos-change-field small{font-size:.95rem;line-height:2;color:#166534}
#posCheckoutModalSlot #changeDue{font-size:1.6rem;font-variant-numeric:tabular-nums}
#posCheckoutModalSlot .pos-change-field.has-remaining{background:#fff7ed;border-color:#fed7aa}
#posCheckoutModalSlot .has-remaining #paymentRemaining{color:#c2410c;font-size:1.25rem}
#confirmSaleButton:disabled{opacity:.65;cursor:wait}

#cashierPage .cashier-header{flex-wrap:wrap}
#posConnectionStatus{flex:0 0 100%;padding:7px 12px;border-radius:10px;background:#ecfdf5;color:#166534;font-size:.78rem;font-weight:800;line-height:1.7}
#posConnectionStatus[data-state=warning]{background:#fff7ed;color:#9a3412}
#posConnectionStatus[data-state=pending]{background:#f1f5f9;color:#475569}
#syncPosButton[aria-busy=true]{opacity:.6;cursor:wait}

#posLiveAnalytics{margin-top:16px;padding:16px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.pos-analytics-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
#posLiveAnalytics h3{margin:0;font-size:1rem;color:#0f172a}
.pos-analytics-heading>span{color:#64748b;font-size:.8rem}
.pos-analytics-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pos-analytics-kpis>div{padding:10px;border-radius:12px;background:#f8fafc;display:grid;gap:5px}
.pos-analytics-kpis span{font-size:.76rem;color:#64748b}
.pos-analytics-kpis strong{font-size:1.2rem;color:#172033;font-variant-numeric:tabular-nums}
.pos-analytics-kpis .pos-analytics-net{grid-column:1/-1;background:#172033;display:flex;justify-content:space-between;align-items:center}
.pos-analytics-net span,.pos-analytics-net strong{color:#fff}
.pos-analytics-chart{display:grid;gap:13px;margin:16px 0}
.pos-analytics-bar>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:.85rem;color:#334155;margin-bottom:6px}
.pos-analytics-track{height:10px;border-radius:8px;background:#f1f5f9;overflow:hidden}
.pos-analytics-track i{display:block;height:100%;background:#dc2626;border-radius:8px;transition:width .25s}
.pos-analytics-bar.card i{background:#334155}.pos-analytics-bar.other i{background:#0f766e}
.pos-analytics-insight{font-size:.82rem;font-weight:800;color:#334155;margin:10px 0}
.pos-analytics-note{font-size:.72rem;line-height:1.8;color:#64748b;margin:8px 0}
.pos-analytics-updated{font-size:.7rem;color:#64748b}.pos-analytics-updated.is-stale{color:#b45309}
@media(prefers-reduced-motion:reduce){.pos-analytics-track i{transition:none}}

.pos-payment-donut-wrap{margin-top:16px;padding-top:14px;border-top:1px solid #e2e8f0;text-align:center}
.pos-payment-donut-wrap h4{margin:0 0 14px;color:#334155;font-size:.9rem}
.pos-payment-donut{width:170px;height:170px;max-width:100%;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;box-shadow:0 6px 16px rgba(15,23,42,.08)}
.pos-payment-donut>div{width:126px;height:126px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.pos-payment-donut small{color:#64748b;font-size:.72rem}
.pos-payment-donut strong{font-size:1.55rem;color:#172033;font-variant-numeric:tabular-nums}
.pos-donut-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 16px;font-size:.78rem;color:#475569}
.pos-donut-legend span{display:flex;align-items:center;gap:5px}.pos-donut-legend i{width:9px;height:9px;border-radius:50%;background:#dc2626}.pos-donut-legend .card{background:#334155}.pos-donut-legend .other{background:#0f766e}
#cashierPage #returnInvoicesButton{display:inline-flex;min-width:105px;width:auto;padding:0 12px;background:#fff1f2;color:#991b1b;border:1px solid #fecdd3}
#cashierPage #returnInvoicesButton span{display:inline}
.return-cart-row input{min-width:90px;min-height:44px;font-size:1.05rem}

/* Keep product search visible while the shortcut rail scrolls. */
#cashierPage .pos-cart-search:before{position:sticky;top:-16px;z-index:5;background:#f8fafc;padding:8px 0;margin-top:-8px;min-height:34px}
#cashierPage .pos-cart-search .cashier-search{position:sticky;top:26px;z-index:5;background:#fff;box-shadow:0 4px 10px rgba(15,23,42,.08)}
#cashierPage #returnInvoicesButton{order:-1;background:#b91c1c;color:#fff;border-color:#b91c1c;flex-shrink:0;font-weight:900}
#cashierPage .cashier-header-actions{flex-wrap:wrap;overflow:visible}

#posTouchKeyboard{position:fixed;bottom:12px;inset-inline-start:50%;transform:translateX(50%);z-index:10000;width:min(740px,calc(100vw - 24px));padding:12px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:18px;box-shadow:0 12px 50px rgba(15,23,42,.3);direction:rtl}
.pos-keyboard-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#172033}
.pos-keyboard-row{display:flex;gap:5px;direction:ltr;margin-top:6px}
#posTouchKeyboard button{flex:1;min-width:0;min-height:45px;padding:6px;border:1px solid #dbe3ee;border-radius:9px;background:#fff;color:#172033;font-size:1.05rem;box-shadow:none;touch-action:manipulation}
#posTouchKeyboard button:active{background:#dc2626;color:#fff}
#posTouchKeyboard [data-pos-key=enter]{background:#b91c1c;color:#fff;font-size:.85rem}
#posTouchKeyboard [data-pos-key=close]{flex:none;font-size:.85rem;min-height:34px}
@media(max-width:600px){#posTouchKeyboard{padding:7px;bottom:4px}.pos-keyboard-row{gap:3px}#posTouchKeyboard button{font-size:.9rem;min-height:42px;padding:3px}.pos-keyboard-row:last-child button{font-size:.7rem}}

/* Compact station launcher, clear session states. */
#posStationsPage{gap:16px}
#posStationsPage>.dashboard-header{padding:18px 24px;min-height:0;border-radius:20px}
#posStationsPage>.dashboard-header h1{font-size:1.8rem}
#posStationsPage>.dashboard-header p{font-size:.86rem;margin-top:5px}
#posStationsPage .stations-toolbar{width:min(1380px,calc(100% - 48px));margin:0 auto;padding:14px 18px;gap:10px;border-radius:18px}
#posStationsPage .stations-toolbar:before,#posStationsPage .stations-toolbar:after{display:none}
#posStationsPage .stations-command-panel{padding:12px 18px;gap:12px;border-radius:16px;box-shadow:none}
#posStationsPage .stations-command-panel .eyebrow,#posStationsPage .stations-command-panel p{display:none}
#posStationsPage .stations-command-panel h2{font-size:1rem;margin:0}
#posStationsPage .stations-command-stats span{min-width:72px;padding:7px 12px;border-radius:10px;font-size:.8rem}
#posStationsPage .stations-command-stats b{display:inline;font-size:1rem;margin-inline-end:5px}
#posStationsPage .stations-grid{gap:16px}
#posStationsPage .station-card.pro{min-height:245px;padding:18px;border-radius:20px;box-shadow:0 8px 22px rgba(15,23,42,.07)}
#posStationsPage .station-visual,#posStationsPage .station-kicker{display:none}
#posStationsPage .station-body{text-align:start;margin-top:18px}
#posStationsPage .station-body h3{font-size:1.22rem}
#posStationsPage .station-number-badge{width:48px;height:48px;border-radius:14px;box-shadow:none}
#posStationsPage .station-status-line{padding-top:14px;text-align:start}
#posStationsPage .station-state{justify-self:start}
#posStationsPage .station-status-line small{font-size:.75rem;font-weight:500}
#posStationsPage .station-card.pro.is-open{border-color:#86efac;background:#f0fdf4;box-shadow:0 8px 22px rgba(22,101,52,.08)}
#posStationsPage .station-card.pro.is-open .station-number-badge,#posStationsPage .station-card.pro.is-open .station-open-button{background:#166534}
#posStationsPage .station-card.pro.is-last-used:before{top:27px;left:64px;font-size:.62rem;padding:4px 6px;box-shadow:none}
#posStationsPage .station-open-button{min-height:46px;margin-top:14px;border-radius:12px}
@media(max-width:680px){#posStationsPage .stations-toolbar{width:calc(100% - 24px)}#posStationsPage .stations-command-panel{display:flex;flex-wrap:wrap}#posStationsPage .station-card.pro{min-height:230px}}

.station-session-summary{margin-top:12px;padding:12px;border:1px solid #dbe7df;border-radius:12px;background:#fff;font-size:.8rem;color:#475569}
.station-session-meta{line-height:1.8;margin-bottom:10px}
.station-session-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;text-align:center}
.station-session-totals span{font-size:.72rem;background:#f8fafc;padding:8px 4px;border-radius:8px}
.station-session-totals b{display:block;margin-top:5px;color:#172033;font-size:1rem;font-variant-numeric:tabular-nums}
.station-session-summary>small{display:block;margin-top:8px;font-size:.68rem;color:#64748b}
#stationOverviewStatus{color:#64748b;font-size:.72rem}

.station-actions-menu{display:grid;gap:12px}.station-actions-menu button{padding:18px;text-align:start;min-height:54px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#172033;font-weight:800}.station-actions-menu button:hover{background:#fff1f2;border-color:#fca5a5}
.station-history-list{display:grid;gap:10px;max-height:60vh;overflow:auto}.station-history-list button{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px;text-align:start;border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:12px}.station-history-list button strong{grid-column:1/-1;color:#172033}.station-history-list button small{color:#64748b}
@media(max-width:600px){.station-history-list button{grid-template-columns:1fr}}
.station-history-tools{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:12px 0}.station-history-tools label{font-size:.85rem}.station-history-tools p{grid-column:1/-1;margin:0;padding:12px;background:#f1f5f9;border-radius:10px;color:#334155;font-weight:800;font-size:.85rem}@media(max-width:600px){.station-history-tools{grid-template-columns:1fr}}

.variance-scroll{overflow-x:auto}.variance-table{width:100%;border-collapse:collapse;min-width:1050px}.variance-table th,.variance-table td{padding:12px;text-align:right;border-bottom:1px solid #e2e8f0}.variance-table th{background:#172033;color:white}.variance-table tbody tr:nth-child(even){background:#f8fafc}@media print{.variance-table{min-width:0;font-size:10px}.variance-table th,.variance-table td{padding:4px}.variance-scroll{overflow:visible}}

@media print{body[data-print-report] .report-section-hidden{display:none!important}#posShiftsReportTable .small-button{display:inline!important;border:0;padding:0;background:none;color:#000}#posShiftsReportTable .variance-table{font-size:7pt;table-layout:fixed;overflow-wrap:anywhere}#posShiftsReportTable .variance-table th,#posShiftsReportTable .variance-table td{padding:2px}#posShiftsReportTable tr{break-inside:avoid}.report-section:has(#posShiftsReportTable){break-inside:auto;page:session-report}}@page session-report{size:A3 landscape;margin:10mm}

/* Report studio */
.detail-modal-card:has(.report-studio){width:min(1440px,96vw)!important;max-width:96vw!important;padding:24px!important;max-height:94vh!important;overflow:hidden!important;display:flex;flex-direction:column}.detail-modal-card:has(.report-studio)>.section-title-row{flex-shrink:0;border-bottom:1px solid #e5e9f0;padding-bottom:15px}.detail-modal-body:has(.report-studio){overflow:hidden!important;min-height:0;display:flex;flex-direction:column}.report-studio{display:flex;flex-direction:column;min-height:0;overflow:hidden;direction:rtl}.report-studio-intro p{margin:6px 0 14px;color:#64748b}.report-studio-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;background:#f6f8fc;border:1px solid #e4e9f1;border-radius:18px;flex-shrink:0}.report-studio-filters label{display:grid;gap:6px;font-weight:700;font-size:13px}.report-studio-filters input,.report-studio-filters select{width:100%;min-height:46px;box-sizing:border-box;border:1px solid #dce3ee;border-radius:10px;padding:9px;background:white;color:#172033;font:inherit}.report-quick-dates{grid-column:span 2;display:flex;gap:7px;align-items:end}.report-quick-dates button{flex:1;min-height:46px;background:white;border:1px solid #dce3ee;border-radius:10px;color:#334155;font-weight:700;cursor:pointer}.report-quick-dates button.active{background:#172033;color:white}.report-search-label{min-width:0}#reportPopupStatus{font-size:12px;color:#64748b;padding:12px 4px;flex-shrink:0}.report-studio-results{overflow:auto;min-height:180px;max-height:48vh;padding:2px 4px 18px}.report-studio-results.is-stale{opacity:.45}.report-studio-empty{text-align:center;padding:35px;color:#64748b}.report-studio-empty>span{font-size:38px;color:#c71923}.report-studio-empty h3{color:#172033}.report-preview-section{min-width:0}.report-studio-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0;padding:16px 0 0;border-top:1px solid #e5e9f0;background:white}.report-studio-footer>div{display:flex;gap:10px}.report-studio-footer button{min-height:48px;min-width:150px}.report-studio-footer>span{font-size:13px;color:#64748b}.report-studio button:disabled{opacity:.45;cursor:wait}.report-studio-results .variance-table{min-width:1800px}.report-studio-results .shift-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:700px){.detail-modal-card:has(.report-studio){padding:12px!important}.report-studio-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px}.report-studio-intro{display:none}.report-studio-footer{align-items:stretch;flex-direction:column;gap:8px}.report-studio-footer>div>button{flex:1;min-width:0}.report-studio-results .shift-kpi-grid{grid-template-columns:repeat(2,1fr)}.report-studio-results{max-height:40vh}.report-studio-filters input,.report-studio-filters select,.report-quick-dates button{min-height:42px}}
.report-studio-results{min-height:0;flex:1 1 auto}.report-studio-intro{flex-shrink:0}.detail-modal-card:has(.report-studio)>.section-title-row{display:flex!important;flex-direction:row!important;justify-content:space-between}.detail-modal-card:has(.report-studio)>.section-title-row>.ghost-button{width:auto!important}

/* Purchase invoice creation modal */
.purchase-invoice-modal{position:fixed;inset:0;z-index:1250;background:rgba(8,15,28,.56);backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px;direction:rtl}
.purchase-invoice-modal.is-hidden{display:none!important}
.purchase-invoice-modal-card{width:min(1240px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:hidden;display:grid;grid-template-rows:auto 1fr;border-radius:30px;background:linear-gradient(135deg,#fff,#fff7f7);box-shadow:0 30px 90px rgba(15,23,42,.34);border:1px solid rgba(226,232,240,.95)}
.purchase-invoice-modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid rgba(148,163,184,.28);background:linear-gradient(135deg,#fff,#f8fafc)}
.purchase-invoice-modal-head h2{margin:4px 0;color:#111827;font-size:28px}.purchase-invoice-modal-head p{margin:0;color:#64748b;font-weight:700}.purchase-invoice-modal-body{overflow:auto;padding:22px;background:linear-gradient(180deg,#ffffff,#f8fafc)}
.purchase-invoice-modal-body #purchaseCreateView{display:block!important}.purchase-invoice-modal-body .purchase-form{box-shadow:none;border-radius:24px;background:#fff;width:100%;max-width:none}.purchase-invoice-modal-body .purchase-form>.section-title-row{margin-bottom:4px}.purchase-invoice-modal-body .purchase-line-entry{position:sticky;top:0;z-index:2;box-shadow:0 12px 26px rgba(15,23,42,.08)}
@media(max-width:900px){.purchase-invoice-modal{padding:10px}.purchase-invoice-modal-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:22px}.purchase-invoice-modal-head{align-items:flex-start;flex-direction:column;padding:16px}.purchase-invoice-modal-body{padding:14px}.purchase-invoice-modal-body .purchase-line-entry{position:static}}



/* POSBANK sales popup cleanup */
.sales-workspace-modal{position:fixed;inset:0;z-index:1240;background:rgba(8,15,28,.56);backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px;direction:rtl}
.sales-workspace-modal.is-hidden{display:none!important}
.sales-workspace-modal .sales-workspace-card{width:min(1240px,calc(100vw - 40px));max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.34);border:1px solid #e2e8f0;padding:0}
.sales-workspace-modal .sales-modal-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:16px;align-items:center;margin:0;padding:20px 22px;border-bottom:1px solid #e8eef6;background:linear-gradient(135deg,#fff,#f8fafc)}
.sales-workspace-modal .sales-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr)) minmax(160px,1fr) minmax(130px,.8fr) minmax(180px,1.1fr) auto auto;gap:9px;align-items:end}
.sales-workspace-modal .sales-workspace-body{overflow:auto;padding:18px;background:#f8fafc;min-width:0}
.sales-workspace-modal .sales-workspace-body>.panel-card{display:block!important;margin:0!important;box-shadow:none!important;border-radius:22px!important;width:100%!important;max-width:none!important}
.sales-invoice-modal .sales-invoice-card{width:min(1240px,calc(100vw - 40px));max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;padding:0}
.sales-invoice-modal #salesInvoiceModalBody{overflow:auto;padding:18px;background:#f8fafc}
.sales-invoice-modal #salesCreateView{display:block!important;width:100%;max-width:none;margin:0}
.sales-invoice-modal #salesCreateView>.panel-card{box-shadow:none;margin:0;border-radius:22px;width:100%;max-width:none}
@media(max-width:900px){.sales-workspace-modal{padding:12px}.sales-workspace-modal .sales-workspace-card,.sales-invoice-modal .sales-invoice-card{width:100%;max-height:94vh}.sales-workspace-modal .sales-modal-header{grid-template-columns:1fr}.sales-workspace-modal .sales-modal-actions{grid-template-columns:1fr}.sales-workspace-modal .sales-modal-actions button{width:100%}}

.promotion-list-tools{align-items:end;margin-bottom:10px}.promotion-list-tools #clearPromotionFilters{height:48px;align-self:end}.promotion-list-summary{margin:0 0 12px;color:#64748b;font-weight:900;font-size:.9rem}

.simple-form-modal .detail-modal-card{width:min(980px,calc(100vw - 32px))}.simple-form-modal .detail-modal-body{display:block}.simple-form-modal .section-title-row{margin-bottom:16px;border-bottom:1px solid #eef2f7;padding-bottom:12px}
.promotion-modal-form .field-hint{display:block;margin-top:6px;color:#64748b;font-weight:800;font-size:.82rem;line-height:1.5}
.dashboard-buyer-path{position:relative;z-index:2;width:calc(100% - 56px);max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 auto}.dashboard-buyer-path article{display:grid;gap:7px;padding:16px 18px;border:1px solid rgba(226,232,240,.92);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 18px 42px rgba(15,23,42,.10),inset 0 1px 0 #fff}.dashboard-buyer-path span{color:#dc2626;font-weight:1000;font-size:.78rem}.dashboard-buyer-path strong{color:#0f172a;font-size:1.08rem}.dashboard-buyer-path small{color:#64748b;font-weight:800;line-height:1.55}.dashboard-buyer-path button{justify-self:start;min-height:36px;border:0;border-radius:12px;padding:0 12px;background:linear-gradient(135deg,#991b1b,#ef4444);color:#fff;font-weight:1000;cursor:pointer}.dashboard-buyer-path button:hover{filter:brightness(1.05);transform:translateY(-1px)}@media(max-width:1100px){.dashboard-buyer-path{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100% - 28px,100%)}}@media(max-width:620px){.dashboard-buyer-path{grid-template-columns:1fr}}
.dashboard-search-summary{grid-column:1/-1;margin:0;color:#64748b;font-weight:900;font-size:.86rem}.dashboard-search-summary b{color:#0f172a}

.dashboard-search-chips {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.dashboard-search-chips button {
  min-height: 32px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 0 12px;
  background: #ffffff;
  color: #334155;
  font-weight: 1000;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
  transition: border-color .16s ease, color .16s ease, background .16s ease, transform .16s ease;
}

.dashboard-search-chips button:hover {
  border-color: #ef4444;
  color: #991b1b;
  background: #fff1f2;
  transform: translateY(-1px);
}

/* Keep confirmation and detail dialogs above workspace editors. */
#detailModal{z-index:1400}



/* Compact promotions workspace: keep record columns inside the list. */
#promotionsPage>.dashboard-header{min-height:0;padding:16px 20px;margin-bottom:12px}
#promotionsPage>.dashboard-header h1{font-size:1.5rem;margin:4px 0}
#promotionsPage>.dashboard-header p{font-size:.85rem;margin:4px 0}
#promotionsPage>.erp-app-ribbon{padding:10px 16px;min-height:0;margin:0 0 14px}
#promotionsPage>.erp-app-ribbon h2{font-size:1.15rem;margin:2px 0}
#promotionsPage>.erp-app-ribbon p{font-size:.82rem;margin:0}
#promotionsPage .promotions-management-layout{grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
#promotionsPage .promotion-action-card{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;min-height:0}
#promotionsPage .promotion-action-card:after,#promotionsPage .promotion-action-card>.eyebrow{display:none}
#promotionsPage .promotion-action-card h2{margin:0;font-size:1rem}
#promotionsPage .promotion-action-card p{flex:1;min-width:180px;margin:0;font-size:.82rem;line-height:1.5}
#promotionsPage .promotion-action-card button{width:auto;min-height:36px;padding:8px 14px;font-size:.85rem}
#promotionsPage .promotions-list-card{min-width:0;min-height:0;padding:16px}
#promotionsPage .promotions-list-card h2{font-size:1.15rem;margin:2px 0}
#promotionsPage #promotionsTable{min-width:0;display:block}
#promotionsPage .promotion-card-row{width:100%;min-width:0;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,1.2fr) minmax(0,.8fr) auto auto!important;gap:10px;padding:10px 12px;margin-bottom:8px;border-radius:12px;align-items:center}
#promotionsPage .promotion-card-row>*{min-width:0;overflow-wrap:anywhere}
#promotionsPage .promotion-card-row strong{font-size:.88rem;line-height:1.4}
#promotionsPage .promotion-card-row small{font-size:.72rem;line-height:1.4;margin-top:2px}
#promotionsPage .promotion-card-row p{font-size:.8rem;line-height:1.4}
#promotionsPage .promo-metric{font-size:.72rem;font-weight:700;padding:3px 6px;margin:2px}
#promotionsPage .promotion-card-row .status{font-size:.72rem;white-space:nowrap}
#promotionsPage .promotion-card-row button{min-height:32px;padding:5px 10px;font-size:.78rem;white-space:nowrap}
#detailModal .detail-modal-card:has(.promotion-modal-form){width:min(760px,calc(100vw - 28px));padding:18px;max-height:90vh}
#detailModal .promotion-modal-form{gap:12px}
#detailModal .promotion-modal-hero{padding:10px 12px;gap:10px;border-radius:14px}
#detailModal .promotion-modal-hero h3{font-size:1.05rem;margin:2px 0}
#detailModal .promotion-modal-hero p{font-size:.8rem;line-height:1.5}
#detailModal .promotion-modal-section{padding:10px 12px;gap:8px}
#detailModal .promotion-modal-form .modal-form-grid{margin-top:0;gap:10px}
#detailModal .promotion-modal-form label{font-size:.82rem}
#detailModal .promotion-modal-form input:not([type=checkbox]),#detailModal .promotion-modal-form select{min-height:36px;height:36px;padding:6px 10px;font-size:.85rem}
#detailModal .promotion-modal-form .switch-line,#detailModal .promotion-modal-form .branch-checkbox{display:flex;align-items:center;gap:8px;padding:8px;min-height:0}
#detailModal .promotion-modal-form input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;padding:0;margin:0;flex:0 0 18px}
#detailModal .promotion-modal-form .sticky-modal-actions{bottom:-18px;padding-top:8px}
@media(max-width:900px){
 #promotionsPage .promotion-card-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important}
 #promotionsPage .promotion-card-row>div:first-child{grid-column:1/3}
 #promotionsPage .promotion-card-row>div:nth-child(2){grid-column:1/3;grid-row:2}
 #promotionsPage .promotion-card-row>p{grid-column:1/3;grid-row:3}
 #promotionsPage .promotion-card-row>small{grid-column:1/3;grid-row:4}
 #promotionsPage .promotion-card-row>.status{grid-column:3;grid-row:1}
 #promotionsPage .promotion-card-row>button{grid-column:3;grid-row:2}
}
@media(max-width:500px){
 #promotionsPage .promotions-list-card{padding:10px}
 #promotionsPage .promotion-action-card p{display:none}
 #promotionsPage .promotion-action-card button{margin-inline-start:auto}
 #promotionsPage .promotion-card-row{gap:4px 8px;padding:8px 10px}
 #promotionsPage .promotion-card-row>div:first-child small{display:none}
 #detailModal .promotion-modal-form .modal-form-grid{grid-template-columns:minmax(0,1fr)}
}

#detailModal .promotion-modal-form input:not([type=checkbox]),#detailModal .promotion-modal-form select{height:36px!important;min-height:36px!important;padding:6px 10px!important}
#detailModal .promotion-modal-form input[type=checkbox]{height:18px!important;min-height:18px!important;width:18px!important}
#detailModal .promotion-modal-form .modal-form-grid>label{gap:4px}
#detailModal .promotion-modal-section:has(#addPromotionProductButton){grid-template-columns:minmax(0,1fr) auto;align-items:end}
#detailModal #addPromotionProductButton{height:36px;min-height:36px;padding:6px 12px}
#detailModal #promotionProductsSelected{grid-column:1/-1;min-height:0}
#detailModal #promotionProductsSelected .empty-state{padding:8px;margin:0;font-size:.82rem}
@media(max-width:500px){#detailModal .promotion-modal-section:has(#addPromotionProductButton){grid-template-columns:minmax(0,1fr)}}

#promotionsPage .promotion-card-row button{height:32px!important;min-height:32px!important}
@media(min-width:600px) and (max-width:900px){
 #promotionsPage .promotion-card-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,1.2fr) minmax(0,.8fr) auto auto!important}
 #promotionsPage .promotion-card-row>*{grid-column:auto!important;grid-row:auto!important}
}

/* Inventory workspaces fill the viewport and scroll inside the content area. */
#inventoryServiceModal .inventory-service-card{width:calc(100vw - 48px)!important;max-width:1600px!important;height:calc(100dvh - 48px)!important;max-height:calc(100dvh - 48px)!important;display:flex!important;flex-direction:column;overflow:hidden;padding:20px;box-sizing:border-box}
#inventoryServiceModal .inventory-service-head{flex:0 0 auto;margin-bottom:12px;padding-bottom:12px}
#inventoryServiceModal .inventory-service-body{flex:1 1 auto;min-height:0;height:auto!important;max-height:none!important;overflow:auto;min-width:0;display:block}
#inventoryServiceModal .inventory-service-body>.inventory-tab{width:100%;height:auto!important;max-height:none!important;min-height:0;grid-template-columns:minmax(0,1fr)!important;align-content:start}
#inventoryServiceModal .inventory-service-body .panel-card{min-width:0;width:100%;max-width:none;box-sizing:border-box}
@media(max-width:900px){#inventoryServiceModal{padding:8px}#inventoryServiceModal .inventory-service-card{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:12px;border-radius:16px}#inventoryServiceModal .inventory-service-head{gap:8px}#inventoryServiceModal .inventory-service-head h2{font-size:22px}}

/* Inventory modal fullscreen polish: tighter frame, more workspace, calmer controls. */
#inventoryServiceModal{padding:4px!important;place-items:stretch!important}
#inventoryServiceModal .inventory-service-card{width:calc(100vw - 8px)!important;max-width:none!important;height:calc(100dvh - 8px)!important;max-height:calc(100dvh - 8px)!important;margin:4px!important;padding:12px!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 48px rgba(15,23,42,.28)!important}
#inventoryServiceModal .inventory-service-head{min-height:0!important;margin:0 0 8px!important;padding:0 0 8px!important;gap:10px!important;align-items:center!important;border-bottom:1px solid #e2e8f0!important}
#inventoryServiceModal .inventory-service-head h2{font-size:22px!important;line-height:1.15!important;margin:2px 0!important}
#inventoryServiceModal .inventory-service-head p{font-size:13px!important;line-height:1.35!important;margin:0!important;white-space:normal!important}
#inventoryServiceModal .inventory-service-actions{gap:8px!important;flex:0 1 auto!important;justify-content:flex-start!important}
#inventoryServiceModal .inventory-service-actions input{height:36px!important;min-height:36px!important;min-width:240px!important;padding:7px 12px!important;border-radius:10px!important}
#inventoryServiceModal .inventory-service-actions .btn,#inventoryServiceModal .inventory-service-actions button{height:36px!important;min-height:36px!important;padding:7px 12px!important;border-radius:10px!important}
#inventoryServiceModal .inventory-service-body{border-radius:10px!important;background:#fff!important;scrollbar-gutter:stable!important}
#inventoryServiceModal .inventory-service-body>.inventory-tab{gap:10px!important;padding:0!important}
#inventoryServiceModal .inventory-service-body .panel-card{border-radius:10px!important;padding:12px!important}
#inventoryServiceModal .inventory-service-body .table-wrapper,#inventoryServiceModal .inventory-service-body .data-table-wrap{border-radius:10px!important;max-height:none!important}
@media(max-width:900px){#inventoryServiceModal{padding:2px!important}#inventoryServiceModal .inventory-service-card{width:calc(100vw - 4px)!important;height:calc(100dvh - 4px)!important;max-height:calc(100dvh - 4px)!important;margin:2px!important;padding:8px!important;border-radius:10px!important}#inventoryServiceModal .inventory-service-head{align-items:stretch!important;margin-bottom:6px!important;padding-bottom:6px!important}#inventoryServiceModal .inventory-service-head h2{font-size:20px!important}#inventoryServiceModal .inventory-service-head p{display:none!important}#inventoryServiceModal .inventory-service-actions input{min-width:0!important;width:100%!important}}

/* Inventory modal true fullscreen pass: use the whole viewport for heavy inventory work. */
#inventoryServiceModal{padding:0!important;place-items:stretch!important;background:rgba(15,23,42,.42)!important}
#inventoryServiceModal .inventory-service-card{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:10px!important;border-radius:0!important;border:0!important;background:#fff!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important}
#inventoryServiceModal .inventory-service-head{min-height:0!important;margin:0 0 6px!important;padding:0 0 6px!important;gap:8px!important;align-items:center!important;border-bottom:1px solid #e5e7eb!important}
#inventoryServiceModal .inventory-service-head>div:first-child{min-width:0!important;display:grid!important;gap:2px!important}
#inventoryServiceModal .inventory-service-head h2{font-size:20px!important;line-height:1.1!important;margin:0!important;color:#111827!important}
#inventoryServiceModal .inventory-service-head p{font-size:12px!important;line-height:1.25!important;margin:0!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:48vw!important}
#inventoryServiceModal .inventory-service-actions{gap:6px!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important}
#inventoryServiceModal .inventory-service-actions input{height:34px!important;min-height:34px!important;min-width:min(360px,32vw)!important;padding:6px 10px!important;border-radius:8px!important;font-size:13px!important}
#inventoryServiceModal .inventory-service-actions .btn,#inventoryServiceModal .inventory-service-actions button{height:34px!important;min-height:34px!important;padding:6px 10px!important;border-radius:8px!important;font-size:13px!important;white-space:nowrap!important}
#inventoryServiceModal .inventory-service-body{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:auto!important;border-radius:0!important;background:#fff!important;scrollbar-gutter:stable!important}
#inventoryServiceModal .inventory-service-body>.inventory-tab{gap:8px!important;padding:0!important;width:100%!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important}
#inventoryServiceModal .inventory-service-body .panel-card{border-radius:8px!important;padding:10px!important;min-width:0!important;width:100%!important;max-width:none!important;box-shadow:none!important}
#inventoryServiceModal .inventory-service-body .panel-card h3,#inventoryServiceModal .inventory-service-body .panel-card h2{margin-top:0!important}
#inventoryServiceModal .inventory-service-body .table-wrapper,#inventoryServiceModal .inventory-service-body .data-table-wrap{border-radius:8px!important;max-height:none!important}
@media(max-width:900px){#inventoryServiceModal .inventory-service-card{padding:6px!important}#inventoryServiceModal .inventory-service-head{align-items:stretch!important;gap:6px!important}#inventoryServiceModal .inventory-service-head h2{font-size:19px!important}#inventoryServiceModal .inventory-service-head p{display:none!important}#inventoryServiceModal .inventory-service-actions{flex-wrap:wrap!important}#inventoryServiceModal .inventory-service-actions input{min-width:0!important;width:100%!important}}

/* Inventory inner detail modal fullscreen pass: product forms should use the viewport too. */
#detailModal.detail-modal{padding:0!important;align-items:stretch!important;justify-content:stretch!important;background:rgba(15,23,42,.46)!important}
#detailModal .detail-modal-card{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;padding:10px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important;background:#fff!important;box-shadow:none!important}
#detailModal .section-title-row{flex:0 0 auto!important;min-height:0!important;margin:0 0 6px!important;padding:0 0 6px!important;border-bottom:1px solid #e5e7eb!important;align-items:center!important;gap:8px!important}
#detailModal .section-title-row h2,#detailModalTitle{font-size:20px!important;line-height:1.1!important;margin:0!important}
#detailModalEyebrow{font-size:12px!important;line-height:1.1!important;padding:3px 8px!important}
#detailModal #closeDetailModalButton{height:34px!important;min-height:34px!important;border-radius:8px!important;padding:6px 12px!important}
#detailModal #detailModalBody{flex:1 1 auto!important;min-height:0!important;width:100%!important;height:auto!important;max-height:none!important;overflow:auto!important;padding:0!important;box-sizing:border-box!important}
#detailModal .erp-detail-frame{width:100%!important;max-width:none!important;min-height:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
#detailModal .detail-modal-body .panel-card,#detailModal .erp-detail-frame .panel-card{border-radius:8px!important;padding:10px!important;box-shadow:none!important}
#detailModal .product-modal-live-preview{position:sticky!important;bottom:0!important;z-index:3!important;background:#fff!important;border-top:1px solid #e5e7eb!important;padding-top:8px!important}
#detailModal #saveModalProductButton,#detailModal #cancelModalProductButton{height:36px!important;min-height:36px!important;border-radius:8px!important}
@media(max-width:900px){#detailModal .detail-modal-card{padding:6px!important}#detailModal .section-title-row{gap:6px!important}#detailModal .section-title-row h2,#detailModalTitle{font-size:19px!important}}

/* Inventory import and transfer modal polish: balanced controls and true fullscreen tools. */
#detailModal .product-import-modal{display:grid!important;gap:12px!important;align-content:start!important;max-width:none!important;width:100%!important}
#detailModal .product-import-modal>p{max-width:900px!important;line-height:1.55!important;color:#475569!important}
#detailModal .product-import-modal .section-actions{display:flex!important;justify-content:flex-start!important;gap:8px!important;margin:0!important}
#detailModal .product-import-modal input[type=file]{height:42px!important;padding:8px 10px!important;border-radius:8px!important;box-sizing:border-box!important}
#detailModal .product-import-modal .payment-modal-actions{display:flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;margin-top:4px!important;flex-wrap:wrap!important}
#detailModal .product-import-modal .payment-modal-actions button{width:auto!important;min-width:118px!important;height:36px!important;min-height:36px!important;padding:6px 12px!important;border-radius:8px!important;flex:0 0 auto!important}
#detailModal .product-import-modal #confirmInventoryProductImport{min-width:140px!important}
#detailModal .product-import-table-wrap{max-height:calc(100dvh - 310px)!important;border:1px solid #e5e7eb!important;border-radius:8px!important;background:#fff!important}
#detailModal .product-import-table-wrap th,#detailModal .product-import-table-wrap td{padding:8px 10px!important}
.transfer-workspace-modal{position:fixed!important;inset:0!important;z-index:1300!important;display:grid!important;place-items:stretch!important;padding:0!important;background:rgba(15,23,42,.48)!important;backdrop-filter:blur(6px)!important}
.transfer-workspace-modal-card{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:10px!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;background:#fff!important}
.transfer-workspace-modal-card>.section-title-row{position:static!important;flex:0 0 auto!important;margin:0 0 6px!important;padding:0 0 6px!important;border-bottom:1px solid #e5e7eb!important;background:#fff!important}
.transfer-workspace-modal-card form,.transfer-workspace-modal-card .transfer-lines,.transfer-workspace-modal-card .panel-card{min-width:0!important;max-width:none!important}
.transfer-workspace-modal-card .transfer-lines{flex:1 1 auto!important;min-height:0!important;overflow:auto!important}
@media(max-width:900px){#detailModal .product-import-modal .payment-modal-actions{align-items:stretch!important}#detailModal .product-import-modal .payment-modal-actions button{width:100%!important}.transfer-workspace-modal-card{padding:6px!important}}

/* Inventory transfer fullscreen final specificity override. */
html body.modal-open[data-active-page="inventoryPage"] .transfer-workspace-modal.transfer-workspace-modal .transfer-workspace-modal-card.transfer-workspace-modal-card{border-radius:0!important;border:0!important;box-shadow:none!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:100dvh!important;margin:0!important}
html body.modal-open[data-active-page="inventoryPage"] .transfer-workspace-modal.transfer-workspace-modal{padding:0!important;place-items:stretch!important}

/* Inventory workspace action buttons polish: avoid full-row stretched commands. */
#inventoryServiceModal .section-actions,#inventoryServiceModal .form-actions,#inventoryServiceModal .panel-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important}
#inventoryServiceModal .compact-action,#inventoryServiceModal .section-actions .primary-button,#inventoryServiceModal .section-actions .small-button,#inventoryServiceModal .section-actions .ghost-button,#inventoryServiceModal .form-actions .primary-button,#inventoryServiceModal .form-actions .small-button,#inventoryServiceModal .form-actions .ghost-button{width:auto!important;min-width:118px!important;max-width:260px!important;flex:0 0 auto!important;height:38px!important;min-height:38px!important;padding:7px 12px!important;border-radius:8px!important;white-space:nowrap!important}
#inventoryServiceModal #openOpeningCount,#inventoryServiceModal #openMovementReport,#inventoryServiceModal #newInventoryProductButton{width:auto!important;min-width:150px!important;max-width:260px!important;justify-self:start!important;align-self:start!important}
#inventoryServiceModal .panel-card:has(#openOpeningCount),#inventoryServiceModal .panel-card:has(#openMovementReport){display:grid!important;align-content:start!important;justify-items:start!important;gap:10px!important}
@media(max-width:700px){#inventoryServiceModal .compact-action,#inventoryServiceModal .section-actions button,#inventoryServiceModal .form-actions button{width:100%!important;max-width:none!important}}
/* Inventory count and report workspaces fullscreen. */
@media screen {
  html body[data-active-page="posStationsPage"] .station-card.pro {
    position: relative !important;
    text-align: center !important;
  }
  html body[data-active-page="posStationsPage"] .station-card.pro .station-top.pro {
    display: block !important;
    min-height: 48px !important;
    text-align: center !important;
  }
  html body[data-active-page="posStationsPage"] .station-card.pro .station-number-badge {
    margin: 0 auto !important;
  }
  html body[data-active-page="posStationsPage"] .station-card.pro .station-shortcut,
  html body[data-active-page="posStationsPage"] .station-card.pro .station-menu-button {
    position: absolute !important;
    top: 14px !important;
    inset-inline-start: 14px !important;
  }
  html body[data-active-page="posStationsPage"] .station-card.pro .station-body {
    width: 100% !important;
    margin-top: 8px !important;
    text-align: center !important;
  }
  html body[data-active-page="posStationsPage"] .station-card.pro .station-body h3,
  html body[data-active-page="posStationsPage"] .station-card.pro .station-body p,
  html body[data-active-page="posStationsPage"] .station-card.pro .station-status-line,
  html body[data-active-page="posStationsPage"] .station-card.pro .station-status-line small {
    text-align: center !important;
  }
  html body[data-active-page="posStationsPage"] .station-card.pro .station-state,
  html body[data-active-page="posStationsPage"] .station-card.pro .station-open-button {
    justify-self: center !important;
    margin-inline: auto !important;
  }
}

@media screen {
  html body[data-active-page="posStationsPage"] #posStationsPage > .dashboard-header,
  html body[data-active-page="posStationsPage"] #posStationsPage > .dashboard-header > div,
  html body[data-active-page="posStationsPage"] .stations-toolbar,
  html body[data-active-page="posStationsPage"] .stations-command-panel,
  html body[data-active-page="posStationsPage"] .station-card.pro {
    text-align: center !important;
  }
  html body[data-active-page="posStationsPage"] #posStationsPage > .dashboard-header {
    justify-content: center !important;
  }
  html body[data-active-page="posStationsPage"] #posStationsPage > .dashboard-header .header-actions {
    justify-content: center !important;
  }
  html body[data-active-page="posStationsPage"] .stations-toolbar {
    justify-items: center !important;
  }
  html body[data-active-page="posStationsPage"] .stations-toolbar input {
    text-align: center !important;
  }
  html body[data-active-page="posStationsPage"] .station-filter-tabs,
  html body[data-active-page="posStationsPage"] .stations-command-stats,
  html body[data-active-page="posStationsPage"] .stations-command-actions {
    justify-content: center !important;
  }
  html body[data-active-page="posStationsPage"] .station-body,
  html body[data-active-page="posStationsPage"] .station-status-line {
    text-align: center !important;
  }
  html body[data-active-page="posStationsPage"] .station-state {
    justify-self: center !important;
  }
  html body[data-active-page="posStationsPage"] .station-card.pro.is-last-used:before {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media screen {
  html body[data-active-page="posStationsPage"] #posStationsPage {
    gap: 10px !important;
    padding-top: 14px !important;
  }
  html body[data-active-page="posStationsPage"] #posStationsPage > .dashboard-header {
    width: min(1180px, calc(100% - 28px)) !important;
    padding: 13px 18px !important;
    min-height: 0 !important;
    border-radius: 16px !important;
    border-top: 3px solid #714b67 !important;
    background: linear-gradient(135deg,#fff,#f4edf4) !important;
  }
  html body[data-active-page="posStationsPage"] #posStationsPage > .dashboard-header h1 { font-size: 1.65rem !important; }
  html body[data-active-page="posStationsPage"] .stations-toolbar {
    width: min(1180px, calc(100% - 28px)) !important;
    padding: 9px 12px !important;
    border-radius: 13px !important;
    background: #f4edf4 !important;
    border-color: #d5c2d3 !important;
    box-shadow: none !important;
  }
  html body[data-active-page="posStationsPage"] .station-filter-tabs button.active {
    background: #714b67 !important;
    border-color: #5c3a54 !important;
    box-shadow: 0 6px 14px rgba(92,58,84,.2) !important;
  }
  html body[data-active-page="posStationsPage"] .stations-command-panel {
    width: min(1180px, calc(100% - 28px)) !important;
    padding: 9px 12px !important;
    border-radius: 13px !important;
    background: #f4edf4 !important;
    border-color: #d5c2d3 !important;
  }
  html body[data-active-page="posStationsPage"] .stations-grid {
    width: min(1180px, calc(100% - 28px)) !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  html body[data-active-page="posStationsPage"] .station-card.pro {
    min-height: 218px !important;
    padding: 14px !important;
    border-radius: 15px !important;
    border-color: #d5c2d3 !important;
    background: linear-gradient(145deg,#fff,#f6f0f6) !important;
    box-shadow: 0 7px 16px rgba(59,35,56,.08) !important;
  }
  html body[data-active-page="posStationsPage"] .station-card.pro .station-body h3 { font-size: 1.1rem !important; }
  html body[data-active-page="posStationsPage"] .station-card.pro .station-number-badge { background:#3b2338 !important; }
  html body[data-active-page="posStationsPage"] .station-card.pro .station-open-button {
    min-height: 40px !important;
    margin-top: 9px !important;
    border-radius: 10px !important;
    background: #714b67 !important;
    box-shadow: none !important;
  }
  html body[data-active-page="posStationsPage"] .station-card.pro.is-open { border-color:#b9d8c2 !important; background:#f2faf4 !important; }
  html body[data-active-page="posStationsPage"] .station-card.pro.is-open .station-number-badge,
  html body[data-active-page="posStationsPage"] .station-card.pro.is-open .station-open-button { background:#28734b !important; }
}
@media (max-width: 1050px) {
  html body[data-active-page="posStationsPage"] .stations-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 600px) {
  html body[data-active-page="posStationsPage"] .stations-grid { grid-template-columns: 1fr !important; }
}

@media screen {
  html body[data-active-page="salesPage"] #salesPaymentsPanel {
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr) !important;
    gap: 14px !important;
    align-items: start !important;
    padding: 16px !important;
    background: #f1edf2 !important;
    border: 1px solid #d4c3d1 !important;
    border-radius: 14px !important;
  }
  html body[data-active-page="salesPage"] #salesPaymentsPanel > .section-title-row,
  html body[data-active-page="salesPage"] #salesPaymentsPanel > #customerPaymentsTable {
    grid-column: 1 !important;
  }
  html body[data-active-page="salesPage"] #salesPaymentsPanel > .section-title-row {
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg,#3b2338,#714b67) !important;
    color: #fff !important;
  }
  html body[data-active-page="salesPage"] #salesPaymentsPanel > .section-title-row h2,
  html body[data-active-page="salesPage"] #salesPaymentsPanel > .section-title-row .eyebrow { color:#fff !important; }
  html body[data-active-page="salesPage"] #salesPaymentsPanel #customerPaymentsTable {
    display: grid !important;
    gap: 7px !important;
  }
  html body[data-active-page="salesPage"] #salesPaymentsPanel .customer-payment-row {
    display: grid !important;
    grid-template-columns: .35fr 1.5fr .55fr .8fr .7fr 1fr !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border: 1px solid #dfd2de !important;
    border-radius: 10px !important;
    background: #fff !important;
  }
  html body[data-active-page="salesPage"] #salesPaymentsPanel #customerPaymentForm {
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 14px !important;
    border: 1px solid #cdb9ca !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(59,35,56,.08) !important;
  }
  html body[data-active-page="salesPage"] #salesPaymentsPanel #customerPaymentForm h2 {
    color:#563b52 !important;
    margin: 0 !important;
  }
  html body[data-active-page="salesPage"] #salesPaymentsPanel #customerPaymentForm input,
  html body[data-active-page="salesPage"] #salesPaymentsPanel #customerPaymentForm select {
    min-height: 34px !important;
    height: 34px !important;
    padding: 6px 9px !important;
  }
  html body[data-active-page="salesPage"] #salesPaymentsPanel #customerPaymentForm > button {
    background:#714b67 !important;
    color:#fff !important;
    border-color:#5c3a54 !important;
  }
}
@media (max-width: 900px) {
  html body[data-active-page="salesPage"] #salesPaymentsPanel { grid-template-columns: 1fr !important; }
  html body[data-active-page="salesPage"] #salesPaymentsPanel #customerPaymentForm { grid-column:1 !important; grid-row:auto !important; }
  html body[data-active-page="salesPage"] #salesPaymentsPanel .customer-payment-row { grid-template-columns:1fr 1fr !important; }
}

@media screen {
  html body[data-active-page="salesPage"] #salesCustomerModal {
    padding: 18px !important;
    place-items: center !important;
  }
  html body[data-active-page="salesPage"] #salesCustomerModal .sales-customer-card {
    display: block !important;
    width: min(680px, calc(100vw - 36px)) !important;
    max-width: 680px !important;
    max-height: calc(100vh - 36px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 18px !important;
    border-radius: 18px !important;
    background: #fbf9fc !important;
    border: 1px solid #cdb9ca !important;
  }
  html body[data-active-page="salesPage"] #salesCustomerModal .sales-modal-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
    padding: 10px 12px !important;
    background: linear-gradient(135deg,#3b2338,#714b67) !important;
    border-radius: 12px !important;
    color: #fff !important;
  }
  html body[data-active-page="salesPage"] #salesCustomerModal .sales-modal-header h2,
  html body[data-active-page="salesPage"] #salesCustomerModal .sales-modal-header p,
  html body[data-active-page="salesPage"] #salesCustomerModal .sales-modal-header .eyebrow {
    color: #fff !important;
  }
  html body[data-active-page="salesPage"] #salesCustomerModal #salesCustomerModalBody,
  html body[data-active-page="salesPage"] #salesCustomerModal #customerForm {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  html body[data-active-page="salesPage"] #salesCustomerModal #customerForm {
    display: grid !important;
    gap: 9px !important;
    padding: 14px !important;
    margin: 0 !important;
    border: 1px solid #e0d4df !important;
    border-radius: 14px !important;
    background: #fff !important;
  }
  html body[data-active-page="salesPage"] #salesCustomerModal #customerForm input,
  html body[data-active-page="salesPage"] #salesCustomerModal #customerForm textarea {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

@media screen {
html body[data-active-page="inventoryPage"] .count-workspace-modal,
html body[data-active-page="inventoryPage"] .inventory-workspace-modal{padding:0!important;place-items:stretch!important;}
html body[data-active-page="inventoryPage"] .count-workspace-modal-card.count-workspace-modal-card,
html body[data-active-page="inventoryPage"] .inventory-workspace-modal-card.inventory-workspace-modal-card{box-sizing:border-box!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;padding:20px 24px!important;overflow:auto!important;overscroll-behavior:contain;}
html body[data-active-page="inventoryPage"] .count-workspace-modal-card>.section-title-row,
html body[data-active-page="inventoryPage"] .inventory-workspace-modal-card>.section-title-row{top:-20px!important;margin:-20px -24px 20px!important;padding:14px 24px!important;gap:12px;flex-wrap:wrap;}
html body[data-active-page="inventoryPage"] .count-operation,
html body[data-active-page="inventoryPage"] .inventory-workspace-modal-card .panel-card{min-width:0;}
html body[data-active-page="inventoryPage"] .count-operation-products{max-height:45vh;}
@media(max-width:600px){html body[data-active-page="inventoryPage"] .count-workspace-modal-card.count-workspace-modal-card,html body[data-active-page="inventoryPage"] .inventory-workspace-modal-card.inventory-workspace-modal-card{padding:16px!important;}html body[data-active-page="inventoryPage"] .count-workspace-modal-card>.section-title-row,html body[data-active-page="inventoryPage"] .inventory-workspace-modal-card>.section-title-row{top:-16px!important;margin:-16px -16px 16px!important;padding:12px 16px!important;}}
}

@media screen { html body.modal-open[data-active-page="inventoryPage"] .count-workspace-modal .count-workspace-modal-card.count-workspace-modal-card.count-workspace-modal-card, html body.modal-open[data-active-page="inventoryPage"] .inventory-workspace-modal .inventory-workspace-modal-card.inventory-workspace-modal-card.inventory-workspace-modal-card {border-radius:0!important;} }

/* Inventory production workspace actions polish. */
@media screen {
  html body[data-active-page="inventoryPage"] #productionWorkspaceModal #saveProductionOrderButton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 170px !important;
    max-width: 100% !important;
    min-height: 42px !important;
    height: auto !important;
    padding: 10px 18px !important;
    border: 1px solid rgba(185, 28, 28, 0.24) !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #b91c1c, #dc2626) !important;
    color: #fff !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 20px rgba(185, 28, 28, 0.16) !important;
    justify-self: start !important;
    flex: 0 0 auto !important;
  }
  html body[data-active-page="inventoryPage"] #productionWorkspaceModal #saveProductionOrderButton:disabled {
    opacity: 0.55 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
  }
}

/* Inventory product modal footer actions polish. */
@media screen {
  html body[data-active-page="inventoryPage"] .product-modal-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
  }
  html body[data-active-page="inventoryPage"] .product-modal-actions > button {
    width: auto !important;
    min-width: 110px !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html body[data-active-page="inventoryPage"] .product-modal-actions #saveAndNewProductButton {
    min-width: 165px !important;
  }
  html body[data-active-page="inventoryPage"] .product-modal-actions #cancelModalProductButton {
    min-width: 105px !important;
  }
}

/* Inventory hidden workspace guard. */
@media screen {
  html body[data-active-page="inventoryPage"] .transfer-workspace-modal.is-hidden,
  html body[data-active-page="inventoryPage"] .inventory-workspace-modal.is-hidden,
  html body[data-active-page="inventoryPage"] .count-workspace-modal.is-hidden,
  html body[data-active-page="inventoryPage"] .detail-modal.is-hidden {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* Inventory transfer workspace submit action polish. */
@media screen {
  html body[data-active-page="inventoryPage"] #transferWorkspaceModal #saveTransferButton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 155px !important;
    max-width: 100% !important;
    min-height: 42px !important;
    height: auto !important;
    padding: 10px 18px !important;
    border: 1px solid rgba(185, 28, 28, 0.24) !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #b91c1c, #dc2626) !important;
    color: #fff !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 20px rgba(185, 28, 28, 0.16) !important;
    flex: 0 0 auto !important;
    justify-self: start !important;
  }
}

/* Inventory alert filters polish. */
@media screen {
  html body[data-active-page="inventoryPage"] #alertBranchSelect {
    width: min(360px, 100%) !important;
    max-width: 100% !important;
    flex: 0 1 360px !important;
  }
}

/* Promotions list density and card polish. */
@media screen {
  html body[data-active-page="promotionsPage"] .promotion-action-card,
  html body[data-active-page="promotionsPage"] .promotions-list-card {
    border-radius: 8px !important;
  }
  html body[data-active-page="promotionsPage"] .promotion-card-row {
    min-height: 58px !important;
    padding: 8px 12px !important;
    gap: 10px !important;
    border-radius: 8px !important;
    align-items: center !important;
  }
  html body[data-active-page="promotionsPage"] .promotion-card-row strong {
    font-size: 0.94rem !important;
    line-height: 1.25 !important;
  }
  html body[data-active-page="promotionsPage"] .promotion-card-row small,
  html body[data-active-page="promotionsPage"] .promotion-card-row p {
    margin: 2px 0 0 !important;
    line-height: 1.25 !important;
  }
  html body[data-active-page="promotionsPage"] .promo-metric {
    min-height: 20px !important;
    padding: 3px 8px !important;
    font-size: 0.8rem !important;
  }
  html body[data-active-page="promotionsPage"] .edit-promotion {
    min-height: 30px !important;
    height: 30px !important;
    padding: 5px 10px !important;
  }
}

/* Promotions list density selector fix. */
@media screen {
  #promotionsPage .promotion-action-card,
  #promotionsPage .promotions-list-card {
    border-radius: 8px !important;
  }
  #promotionsPage .promotion-card-row {
    min-height: 58px !important;
    padding: 8px 12px !important;
    gap: 10px !important;
    border-radius: 8px !important;
    align-items: center !important;
  }
  #promotionsPage .promotion-card-row strong {
    font-size: 0.94rem !important;
    line-height: 1.25 !important;
  }
  #promotionsPage .promotion-card-row small,
  #promotionsPage .promotion-card-row p {
    margin: 2px 0 0 !important;
    line-height: 1.25 !important;
  }
  #promotionsPage .promo-metric {
    min-height: 20px !important;
    padding: 3px 8px !important;
    font-size: 0.8rem !important;
  }
  #promotionsPage .edit-promotion {
    min-height: 30px !important;
    height: 30px !important;
    padding: 5px 10px !important;
  }
}

/* Promotions row text ellipsis polish. */
@media screen {
  #promotionsPage .promotion-card-row {
    min-height: 58px !important;
    padding: 6px 10px !important;
    gap: 8px !important;
  }
  #promotionsPage .promotion-card-row > * {
    min-width: 0 !important;
  }
  #promotionsPage .promotion-card-row strong,
  #promotionsPage .promotion-card-row small,
  #promotionsPage .promotion-card-row p {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  #promotionsPage .promotion-card-row .promo-metric {
    white-space: nowrap !important;
  }
}

/* Promotions modal fullscreen and action polish. */
@media screen {
  html body[data-active-page="promotionsPage"] #detailModal.simple-form-modal {
    padding: 0 !important;
    overflow-x: hidden !important;
    place-items: stretch !important;
  }
  html body[data-active-page="promotionsPage"] #detailModal.simple-form-modal .detail-modal-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
  }
  html body[data-active-page="promotionsPage"] #detailModal.simple-form-modal .form-actions.sticky-modal-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
  }
  html body[data-active-page="promotionsPage"] #detailModal.simple-form-modal .form-actions.sticky-modal-actions > button {
    width: auto !important;
    min-width: 118px !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Reports modal fullscreen alignment polish. */
@media screen {
  html body[data-active-page="reportsPage"] #detailModal {
    padding: 0 !important;
    overflow-x: hidden !important;
    place-items: stretch !important;
  }
  html body[data-active-page="reportsPage"] #detailModal .detail-modal-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
  }
}

/* Reports filter action button polish. */
@media screen {
  html body[data-active-page="reportsPage"] #detailModal .report-filters .primary-button,
  html body[data-active-page="reportsPage"] #detailModal .report-filters button[type="submit"] {
    min-height: 46px !important;
    height: 46px !important;
    padding: 10px 16px !important;
    align-self: end !important;
  }
}

/* Reports studio action button polish. */
@media screen {
  html body[data-active-page="reportsPage"] #detailModal .report-studio-filters .primary-button {
    min-height: 46px !important;
    height: 46px !important;
    padding: 10px 16px !important;
    align-self: end !important;
  }
}

/* Sales invoice modal fullscreen and action polish. */
@media screen {
  html body[data-active-page="salesPage"] #salesInvoiceModal.sales-workspace-modal {
    padding: 0 !important;
    place-items: stretch !important;
    overflow-x: hidden !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-invoice-card {
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow: auto !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal #salesInvoiceModalClose {
    width: auto !important;
    min-width: 105px !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-invoice-card .form-actions,
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-invoice-card .purchase-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal #saveDraftSalesButton,
  html body[data-active-page="salesPage"] #salesInvoiceModal #approveSalesButton {
    width: auto !important;
    min-width: 170px !important;
    max-width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 10px 18px !important;
    border-radius: 10px !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Sales invoice header and assistant overflow polish. */
@media screen {
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-modal-header {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 12px !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal #salesInvoiceModalClose {
    width: 105px !important;
    min-width: 105px !important;
    justify-self: start !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-assistant-hero {
    overflow-x: hidden !important;
    min-width: 0 !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-assistant-hero * {
    min-width: 0 !important;
  }
}

/* Purchases summary cards density polish. */
@media screen {
  #purchasesPage #purchaseSummaryCards {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
  }
  #purchasesPage #purchaseSummaryCards .purchase-summary-card {
    min-width: 0 !important;
    min-height: 112px !important;
    height: auto !important;
    padding: 16px !important;
    border-radius: 8px !important;
    overflow-x: hidden !important;
  }
  #purchasesPage #purchaseSummaryCards .purchase-summary-card * {
    min-width: 0 !important;
  }
}

/* Purchases summary text overflow polish. */
@media screen {
  #purchasesPage #purchaseSummaryCards .purchase-summary-card {
    overflow: hidden !important;
  }
  #purchasesPage #purchaseSummaryCards .purchase-summary-card h3,
  #purchasesPage #purchaseSummaryCards .purchase-summary-card strong,
  #purchasesPage #purchaseSummaryCards .purchase-summary-card span,
  #purchasesPage #purchaseSummaryCards .purchase-summary-card p,
  #purchasesPage #purchaseSummaryCards .purchase-summary-card small {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Purchase invoice modal fullscreen and action polish. */
@media screen {
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-modal {
    padding: 0 !important;
    place-items: stretch !important;
    overflow-x: hidden !important;
  }
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal .purchase-invoice-modal-card {
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow: auto !important;
  }
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal .purchase-invoice-modal-head {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 12px !important;
  }
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #closePurchaseInvoiceModal {
    width: 105px !important;
    min-width: 105px !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal .purchase-assistant {
    overflow-x: hidden !important;
    min-width: 0 !important;
    border-radius: 8px !important;
  }
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #saveDraftPurchaseButton,
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #savePurchaseButton {
    width: auto !important;
    min-width: 170px !important;
    max-width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 10px 18px !important;
    border-radius: 10px !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Purchase assistant inner overflow polish. */
@media screen {
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseAssistant,
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseAssistant * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseAssistant h3,
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseAssistant strong,
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseAssistant p,
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseAssistant span,
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseAssistant small {
    overflow-wrap: anywhere !important;
  }
}

/* Accounting service modal and hub polish. */
@media screen {
  #accountingPage .accounting-apps-grid .erp-entry-card {
    border-radius: 8px !important;
    overflow: hidden !important;
    min-width: 0 !important;
  }
  #accountingPage .accounting-apps-grid .erp-entry-card * {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html body[data-active-page="accountingPage"] #accountingServiceModal.accounting-service-modal {
    padding: 0 !important;
    place-items: stretch !important;
    overflow-x: hidden !important;
  }
  html body[data-active-page="accountingPage"] #accountingServiceModal .accounting-service-card {
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow: auto !important;
  }
  html body[data-active-page="accountingPage"] #accountingServiceModal .accounting-service-head {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html body[data-active-page="accountingPage"] #accountingServiceModal .accounting-service-body {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html body[data-active-page="accountingPage"] #accountingServiceModal .panel-card {
    border-radius: 8px !important;
  }
}

/* Accounting hub card text overflow polish. */
@media screen {
  #accountingPage .accounting-apps-grid .erp-entry-card h2,
  #accountingPage .accounting-apps-grid .erp-entry-card h3,
  #accountingPage .accounting-apps-grid .erp-entry-card p,
  #accountingPage .accounting-apps-grid .erp-entry-card span,
  #accountingPage .accounting-apps-grid .erp-entry-card strong {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  #accountingPage .accounting-apps-grid .erp-entry-card p {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }
}

/* Users modal and layout polish. */
@media screen {
  html body[data-active-page="usersPage"] #detailModal {
    padding: 0 !important;
    overflow-x: hidden !important;
    place-items: stretch !important;
  }
  html body[data-active-page="usersPage"] #detailModal .detail-modal-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
  }
  #usersPage .user-form-card,
  #usersPage .users-table-card,
  #usersPage .permission-summary-card,
  #usersPage .permission-group-card {
    border-radius: 8px !important;
  }
}

/* Settings hub card layout polish. */
@media screen {
  #settingsPage .settings-hub-grid {
    align-items: stretch !important;
    gap: 16px !important;
  }

  #settingsPage .erp-entry-card,
  #settingsPage .app-card.settings,
  #settingsPage .app-card.inventory,
  #settingsPage .app-card.purchasing,
  #settingsPage .app-card.sales,
  #settingsPage .app-card.accounting,
  #settingsPage .app-card.pos {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: clip !important;
    border-radius: 12px !important;
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  #settingsPage .erp-entry-card * ,
  #settingsPage .app-card * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  #settingsPage .erp-entry-card p,
  #settingsPage .erp-entry-card .erp-card-open-hint,
  #settingsPage .app-card p,
  #settingsPage .app-card small {
    line-height: 1.65 !important;
  }

  #settingsPage .erp-card-status {
    align-self: flex-start !important;
    flex: 0 0 auto !important;
  }
}

/* Settings modal fullscreen polish. */
@media screen {
  html body[data-active-page="settingsPage"] #detailModal {
    padding: 0 !important;
    overflow-x: hidden !important;
    place-items: stretch !important;
  }

  html body[data-active-page="settingsPage"] #detailModal .detail-modal-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    border-radius: 0 !important;
  }

  html body[data-active-page="settingsPage"] #detailModalBody {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  html body[data-active-page="settingsPage"] #closeDetailModalButton {
    margin-inline-start: 12px !important;
  }
}

/* Sales buttons and tabs visual polish. */
@media screen {
  #salesPage #newSalesButton.primary-button.compact-action {
    border-radius: 12px !important;
    min-height: 44px !important;
    padding-inline: 18px !important;
    box-shadow: 0 12px 24px rgba(174, 24, 48, 0.16) !important;
  }

  #salesPage .sales-nav button,
  #salesPage [class*="sales-nav"] button,
  #salesPage #salesListView button:not(.primary-button):not(.ghost-button):not(.small-button) {
    border-radius: 12px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #salesPage .sales-nav-create {
    border-radius: 12px !important;
  }

  .sales-invoice-workspace,
  #salesInvoiceForm,
  #salesInvoiceModal {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .sales-invoice-workspace * {
    box-sizing: border-box !important;
  }
}

/* Dashboard cards visual polish. */
@media screen {
  html body[data-active-page="dashboardPage"] #dashboardBuyerPath article,
  html body[data-active-page="dashboardPage"] .dashboard-buyer-path article,
  html body[data-active-page="dashboardPage"] .app-card,
  html body[data-active-page="dashboardPage"] .dashboard-launcher-tools {
    border-radius: 12px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body[data-active-page="dashboardPage"] .app-card *,
  html body[data-active-page="dashboardPage"] #dashboardBuyerPath article *,
  html body[data-active-page="dashboardPage"] .dashboard-buyer-path article * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-active-page="dashboardPage"] .dashboard-favorite-button {
    border-radius: 10px !important;
  }

  html body[data-active-page="dashboardPage"] .apps-grid {
    gap: 14px !important;
  }
}

/* Compact sales invoice editor: keep the whole form visible without the oversized gaps. */
@media screen {
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-invoice-card .sales-modal-header {
    padding: 8px 16px !important;
    margin-bottom: 0 !important;
    gap: 8px !important;
    background: linear-gradient(135deg,#3b2338,#714b67) !important;
    color: #fff !important;
    border-bottom: 0 !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-invoice-card {
    background: #f1edf2 !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-modal-header .eyebrow,
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-modal-header h2,
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-modal-header p { color:#fff !important; }
  html body[data-active-page="salesPage"] #salesInvoiceModal .invoice-steps {
    display:flex !important;
    flex-direction:row !important;
    gap:5px !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .invoice-steps span {
    padding:5px 8px !important;
    border-radius:7px !important;
    background:rgba(255,255,255,.16) !important;
    color:#fff !important;
    font-size:.72rem !important;
    white-space:nowrap !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal #salesInvoiceModalClose {
    min-width:64px !important;
    width:64px !important;
    min-height:30px !important;
    height:30px !important;
    padding:4px 8px !important;
    background:rgba(255,255,255,.14) !important;
    border-color:rgba(255,255,255,.45) !important;
    color:#fff !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-modal-header h2 {
    margin: 2px 0 !important;
    font-size: 1.35rem !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-modal-header p {
    margin: 0 !important;
    line-height: 1.35 !important;
    font-size: .82rem !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal #salesInvoiceModalBody {
    padding: 8px 14px !important;
    background:#f1edf2 !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal #salesCreateView > .panel-card {
    padding: 9px !important;
    border-radius: 12px !important;
    background:#fbf9fc !important;
    border-color:#d8c9d6 !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-invoice-assistant {
    gap: 8px !important;
    margin: 0 0 8px !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-assistant-hero {
    min-height: 62px !important;
    padding: 7px 12px !important;
    border-radius: 14px !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-assistant-hero h3 {
    font-size: 1rem !important;
    margin: 2px 0 !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-assistant-hero p {
    line-height: 1.35 !important;
    font-size: .78rem !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-assistant-hero > strong {
    padding: 7px 10px !important;
    font-size: .78rem !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-assistant-metrics {
    gap: 7px !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-assistant-metrics div {
    padding: 9px 11px !important;
    border-radius: 12px !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-assistant-metrics b {
    margin-top: 2px !important;
    font-size: 1rem !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .purchase-form {
    gap: 5px !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .purchase-form > .section-title-row {
    margin: 2px 0 1px !important;
    padding-bottom: 2px !important;
    color:#563b52 !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .purchase-form label {
    gap: 3px !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .purchase-form input,
  html body[data-active-page="salesPage"] #salesInvoiceModal .purchase-form select,
  html body[data-active-page="salesPage"] #salesInvoiceModal .purchase-form textarea {
    min-height: 32px !important;
    height: 32px !important;
    padding: 5px 9px !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .purchase-form textarea {
    height: 42px !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .purchase-line-entry {
    gap: 6px !important;
    padding: 8px !important;
    border-radius: 10px !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .purchase-line-entry input,
  html body[data-active-page="salesPage"] #salesInvoiceModal .purchase-line-entry select {
    background:#fff !important;
    border:1px solid #bca8ba !important;
    color:#3b2338 !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal #addSalesLine {
    background:#714b67 !important;
    color:#fff !important;
    border:1px solid #5c3a54 !important;
    box-shadow:0 3px 8px rgba(59,35,56,.2) !important;
    font-weight:800 !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal #saveDraftSalesButton {
    background:#714b67 !important;
    color:#fff !important;
    border:1px solid #5c3a54 !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal #approveSalesButton {
    background:#b32024 !important;
    color:#fff !important;
    border:1px solid #8f171b !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .purchase-actions,
  html body[data-active-page="salesPage"] #salesInvoiceModal .form-actions {
    background:#eee7ee !important;
    border:1px solid #d4c3d1 !important;
    border-radius:10px !important;
    padding:7px 9px !important;
    gap:7px !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-line-expiry {
    min-width:150px !important;
  }
  html body[data-active-page="salesPage"] #salesInvoiceModal .sales-line-expiry span {
    color:#714b67 !important;
    font-size:.72rem !important;
    font-weight:800 !important;
  }
}

/* Dashboard app cards final radius override. */
@media screen {
  html body[data-active-page="dashboardPage"] article.app-card.users,
  html body[data-active-page="dashboardPage"] article.app-card.promotions,
  html body[data-active-page="dashboardPage"] article.app-card.accounting,
  html body[data-active-page="dashboardPage"] article.app-card.inventory,
  html body[data-active-page="dashboardPage"] article.app-card.sales,
  html body[data-active-page="dashboardPage"] article.app-card.pos,
  html body[data-active-page="dashboardPage"] article.app-card.purchasing,
  html body[data-active-page="dashboardPage"] article.app-card.reports,
  html body[data-active-page="dashboardPage"] article.app-card.analytics,
  html body[data-active-page="dashboardPage"] article.app-card.settings,
  html body[data-active-page="dashboardPage"] #usersAppCard,
  html body[data-active-page="dashboardPage"] #inventoryAppCard,
  html body[data-active-page="dashboardPage"] #posAppCard,
  html body[data-active-page="dashboardPage"] #reportsAppCard {
    border-radius: 12px !important;
  }
}

/* POS station cards visual polish. */
@media screen {
  html body[data-active-page="posStationsPage"] .station-card,
  html body[data-active-page="posStationsPage"] article.station-card.pro {
    border-radius: 12px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body[data-active-page="posStationsPage"] .station-card *,
  html body[data-active-page="posStationsPage"] article.station-card.pro * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-active-page="posStationsPage"] .station-open-button {
    border-radius: 12px !important;
  }

  html body[data-active-page="posStationsPage"] .station-session-summary {
    border-radius: 10px !important;
    overflow-x: hidden !important;
  }
}

/* POS station hidden visuals overflow guard. */
@media screen {
  html body[data-active-page="posStationsPage"] .station-card .station-visual,
  html body[data-active-page="posStationsPage"] .station-card .station-icon,
  html body[data-active-page="posStationsPage"] .station-card .station-pulse,
  html body[data-active-page="posStationsPage"] .station-card .station-kicker {
    max-width: 100% !important;
    overflow: hidden !important;
  }
}

/* POS cashier layout visual polish. */
@media screen {
  html body[data-active-page="cashierPage"] #cashierPage,
  html body[data-active-page="cashierPage"] .cashier-page {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  html body[data-active-page="cashierPage"] .cart-panel,
  html body[data-active-page="cashierPage"] .panel-card,
  html body[data-active-page="cashierPage"] #posLiveAnalytics {
    border-radius: 12px !important;
    overflow-x: hidden !important;
  }

  html body[data-active-page="cashierPage"] #posProductShortcuts button,
  html body[data-active-page="cashierPage"] .pos-product-card,
  html body[data-active-page="cashierPage"] [class*="product"] button {
    border-radius: 12px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body[data-active-page="cashierPage"] .pos-pay-button {
    border-radius: 12px !important;
  }

  html body[data-active-page="cashierPage"] .pos-analytics-bar.card {
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  html body[data-active-page="cashierPage"] * {
    box-sizing: border-box !important;
  }
}

/* POS cashier cart panel final radius override. */
@media screen {
  html body[data-active-page="cashierPage"] section.cart-panel.panel-card.sale-sheet-panel {
    border-radius: 12px !important;
  }
}

/* Analytics dashboard layout polish. */
@media screen {
  html body[data-active-page="analyticsPage"] .panel-card,
  html body[data-active-page="analyticsPage"] .analytics-kpi,
  html body[data-active-page="analyticsPage"] .analytics-chart,
  html body[data-active-page="analyticsPage"] .comparison-card,
  html body[data-active-page="analyticsPage"] .analytics-trust-bar article,
  html body[data-active-page="analyticsPage"] .analytics-insight-card {
    border-radius: 12px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body[data-active-page="analyticsPage"] .analytics-kpi *,
  html body[data-active-page="analyticsPage"] .analytics-chart *,
  html body[data-active-page="analyticsPage"] .comparison-card *,
  html body[data-active-page="analyticsPage"] .analytics-insight-card * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-active-page="analyticsPage"] .analytics-insight-card {
    padding: 10px 12px !important;
    line-height: 1.55 !important;
  }

  html body[data-active-page="analyticsPage"] .analytics-filters button {
    border-radius: 12px !important;
  }

  html body[data-active-page="analyticsPage"] #analyticsKpis {
    gap: 14px !important;
  }
}

/* Analytics final card radius and overflow override. */
@media screen {
  html body[data-active-page="analyticsPage"] section.panel-card.analytics-filters,
  html body[data-active-page="analyticsPage"] section.panel-card.analytics-chart,
  html body[data-active-page="analyticsPage"] article.analytics-kpi,
  html body[data-active-page="analyticsPage"] .analytics-kpi,
  html body[data-active-page="analyticsPage"] .analytics-kpi * {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-active-page="analyticsPage"] section.panel-card.analytics-filters,
  html body[data-active-page="analyticsPage"] section.panel-card.analytics-chart,
  html body[data-active-page="analyticsPage"] article.analytics-kpi,
  html body[data-active-page="analyticsPage"] .analytics-insight-card {
    border-radius: 12px !important;
    overflow: hidden !important;
  }
}

/* Accounting service cards polish. */
@media screen {
  html body[data-active-page="accountingPage"] #accountingHub .erp-entry-card,
  html body[data-active-page="accountingPage"] #accountingHub .app-card {
    border-radius: 8px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding: 18px !important;
  }

  html body[data-active-page="accountingPage"] #accountingHub .erp-entry-card *,
  html body[data-active-page="accountingPage"] #accountingHub .app-card * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-active-page="accountingPage"] #accountingHub .erp-card-open-hint {
    width: auto !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Accounting service cards final overflow guard. */
@media screen {
  html body[data-active-page="accountingPage"] #accountingHub article.erp-entry-card.app-card {
    overflow-x: hidden !important;
    contain: layout paint !important;
  }
}

/* Purchases page cards and services polish. */
@media screen {
  html body[data-active-page="purchasesPage"] .purchase-summary-card,
  html body[data-active-page="purchasesPage"] .purchase-service-grid .erp-entry-card,
  html body[data-active-page="purchasesPage"] .purchase-service-grid .app-card {
    border-radius: 8px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body[data-active-page="purchasesPage"] .purchase-summary-card *,
  html body[data-active-page="purchasesPage"] .purchase-service-grid .erp-entry-card *,
  html body[data-active-page="purchasesPage"] .purchase-service-grid .app-card * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-active-page="purchasesPage"] .purchase-service-grid .erp-card-open-hint {
    width: auto !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body[data-active-page="purchasesPage"] #newPurchaseButton {
    border-radius: 12px !important;
  }
}

/* Purchases visible service cards final override. */
@media screen {
  html body[data-active-page="purchasesPage"] #purchasesListView article.erp-entry-card.app-card,
  html body[data-active-page="purchasesPage"] #purchasesListView .app-card {
    border-radius: 8px !important;
    overflow: hidden !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body[data-active-page="purchasesPage"] #purchasesListView article.erp-entry-card.app-card *,
  html body[data-active-page="purchasesPage"] #purchasesListView .app-card * {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }
}

/* Reports page layout and fullscreen modal polish. */
@media screen {
  html body[data-active-page="reportsPage"] #reportsHub .erp-entry-card,
  html body[data-active-page="reportsPage"] #reportsHub .app-card,
  html body[data-active-page="reportsPage"] .reports-apps-grid .app-card,
  html body[data-active-page="reportsPage"] .report-summary-card,
  html body[data-active-page="reportsPage"] .report-trust-card,
  html body[data-active-page="reportsPage"] .report-trust-grid span {
    border-radius: 8px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body[data-active-page="reportsPage"] #reportsHub .erp-entry-card *,
  html body[data-active-page="reportsPage"] #reportsHub .app-card *,
  html body[data-active-page="reportsPage"] .reports-apps-grid .app-card *,
  html body[data-active-page="reportsPage"] .report-summary-card *,
  html body[data-active-page="reportsPage"] .report-trust-card * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-active-page="reportsPage"] .report-toolbar,
  html body[data-active-page="reportsPage"] .report-filters,
  html body[data-active-page="reportsPage"] .report-section,
  html body[data-active-page="reportsPage"] .panel-card {
    border-radius: 12px !important;
    overflow-x: hidden !important;
  }

  html body[data-active-page="reportsPage"] .report-actions button,
  html body[data-active-page="reportsPage"] .report-section-tabs button,
  html body[data-active-page="reportsPage"] #printReportButton,
  html body[data-active-page="reportsPage"] #openReportStudioButton {
    border-radius: 12px !important;
    min-width: 0 !important;
  }

  html body[data-active-page="reportsPage"] .table-row,
  html body[data-active-page="reportsPage"] [class$="-report-row"] {
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  html body[data-active-page="reportsPage"] #detailModal {
    padding: 0 !important;
    overflow-x: hidden !important;
    place-items: stretch !important;
  }

  html body[data-active-page="reportsPage"] #detailModal .detail-modal-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    border-radius: 0 !important;
  }

  html body[data-active-page="reportsPage"] #detailModalBody {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  html body[data-active-page="reportsPage"] .report-studio-filters,
  html body[data-active-page="reportsPage"] .report-studio-results,
  html body[data-active-page="reportsPage"] .report-studio-footer {
    border-radius: 12px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Global POSBANK UI and fullscreen modal final polish. */
@media screen {
  html body:not([data-active-page="loginPage"]) .erp-entry-card,
  html body:not([data-active-page="loginPage"]) .app-card,
  html body:not([data-active-page="loginPage"]) .panel-card,
  html body:not([data-active-page="loginPage"]) .summary-card,
  html body:not([data-active-page="loginPage"]) [class*="summary-card"],
  html body:not([data-active-page="loginPage"]) [class*="-card"] {
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  html body:not([data-active-page="loginPage"]) .erp-entry-card *,
  html body:not([data-active-page="loginPage"]) .app-card *,
  html body:not([data-active-page="loginPage"]) .panel-card *,
  html body:not([data-active-page="loginPage"]) [class*="summary-card"] *,
  html body:not([data-active-page="loginPage"]) [class*="-card"] * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }

  html body:not([data-active-page="loginPage"]) .erp-entry-card,
  html body:not([data-active-page="loginPage"]) .app-card,
  html body:not([data-active-page="loginPage"]) [class*="summary-card"] {
    border-radius: 8px !important;
  }

  html body:not([data-active-page="loginPage"]) .panel-card,
  html body:not([data-active-page="loginPage"]) .report-section,
  html body:not([data-active-page="loginPage"]) .wide-panel,
  html body:not([data-active-page="loginPage"]) .table-row,
  html body:not([data-active-page="loginPage"]) .workspace-card {
    border-radius: 12px !important;
  }

  html body:not([data-active-page="loginPage"]) button.primary-button,
  html body:not([data-active-page="loginPage"]) button.ghost-button,
  html body:not([data-active-page="loginPage"]) button.small-button,
  html body:not([data-active-page="loginPage"]) .compact-action,
  html body:not([data-active-page="loginPage"]) .filter-tabs button,
  html body:not([data-active-page="loginPage"]) .tabs button {
    border-radius: 12px !important;
  }

  html body:not([data-active-page="loginPage"]) #detailModal {
    padding: 0 !important;
    overflow-x: hidden !important;
    place-items: stretch !important;
  }

  html body:not([data-active-page="loginPage"]) #detailModal .detail-modal-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  html body:not([data-active-page="loginPage"]) #detailModalBody {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  html body:not([data-active-page="loginPage"]) #detailModal:not([style*="display: none"]) .detail-modal-card {
    min-height: 100vh !important;
  }
}

/* Custom application modals fullscreen final polish. */
@media screen {
  html body:not([data-active-page="loginPage"]) :is(
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    #inventoryWorkspaceModal,
    #transferWorkspaceModal,
    #movementWorkspaceModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    place-items: stretch !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    #inventoryWorkspaceModal,
    #transferWorkspaceModal,
    #movementWorkspaceModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) :is(
    .modal-card,
    .service-modal-card,
    .detail-modal-card,
    .purchase-invoice-workspace,
    .sales-invoice-workspace,
    .inventory-workspace-modal-card,
    .transfer-workspace-modal-card,
    .workspace-card,
    .panel-card
  ) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;
    max-height: 100vh !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    border-radius: 0 !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    #inventoryWorkspaceModal,
    #transferWorkspaceModal,
    #movementWorkspaceModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Tables, rows, and long-content final layout polish. */
@media screen {
  html body:not([data-active-page="loginPage"]) :is(
    .table-row,
    .clickable-row,
    [class$="-row"],
    [class*="report-row"],
    [class*="history-row"],
    [class*="product-row"],
    [class*="invoice-row"],
    [class*="customer-row"],
    [class*="supplier-row"],
    [class*="promotion-row"],
    [class*="transfer-row"]
  ) {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    border-radius: 8px !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .table-row,
    .clickable-row,
    [class$="-row"],
    [class*="report-row"],
    [class*="history-row"],
    [class*="product-row"],
    [class*="invoice-row"],
    [class*="customer-row"],
    [class*="supplier-row"],
    [class*="promotion-row"],
    [class*="transfer-row"]
  ) > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    table,
    .variance-table,
    .report-studio-results table,
    .inventory-workspace-modal-card table,
    .transfer-workspace-modal-card table
  ) {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }

  html body:not([data-active-page="loginPage"]) :is(th, td) {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .report-studio-results,
    .table-scroll,
    .table-wrapper,
    [id$="Table"],
    [class*="table"]
  ) {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
  }

  html body:not([data-active-page="loginPage"]) :is(input, select, textarea, .search-input) {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Modal forms, sticky headers, and action footers final polish. */
@media screen {
  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) :is(.section-title-row, .modal-header, .workspace-header, .editor-header) {
    position: sticky !important;
    top: 0 !important;
    z-index: 5 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: rgba(255,255,255,.98) !important;
    backdrop-filter: blur(8px) !important;
    border-bottom: 1px solid #e5e7eb !important;
    margin-inline: 0 !important;
    overflow-x: hidden !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) :is(.modal-footer, .workspace-footer, .form-actions, .report-studio-footer, .editor-actions, .invoice-actions) {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 4 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: rgba(255,255,255,.98) !important;
    backdrop-filter: blur(8px) !important;
    border-top: 1px solid #e5e7eb !important;
    border-radius: 0 !important;
    overflow-x: hidden !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) :is(form, .form-grid, .modal-form, .invoice-form, .workspace-form, .editor-form) {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) :is(label, input, select, textarea, button) {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) :is(button.primary-button, button.ghost-button, button.small-button, button[type="submit"]) {
    border-radius: 12px !important;
    min-height: 40px !important;
  }
}

/* Responsive modal and workspace layout final polish. */
@media screen and (max-width: 1100px) {
  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) :is(.form-grid, .invoice-form, .workspace-form, .editor-form, .report-filters, .report-studio-filters) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) :is(.wide, .full, .span-all, [class*="wide"]) {
    grid-column: 1 / -1 !important;
  }
}

@media screen and (max-width: 760px) {
  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) :is(.form-grid, .invoice-form, .workspace-form, .editor-form, .report-filters, .report-studio-filters) {
    grid-template-columns: 1fr !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) :is(.modal-footer, .workspace-footer, .form-actions, .report-studio-footer, .editor-actions, .invoice-actions) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) :is(button, .primary-button, .ghost-button, .small-button) {
    width: 100% !important;
    justify-content: center !important;
  }

  html body:not([data-active-page="loginPage"]) :is(.apps-grid, .purchase-summary-grid, .report-summary-cards, .analytics-kpi-grid) {
    grid-template-columns: 1fr !important;
  }
}

@media screen {
  html body:not([data-active-page="loginPage"]) :is(.modal-body, .workspace-body, .detail-modal-body, #detailModalBody) {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Modal backdrop, layering, and scroll containment final polish. */
@media screen {
  html body:has(#detailModal:not([style*="display: none"])),
  html body:has(#purchaseInvoiceModal:not([style*="display: none"])),
  html body:has(#salesInvoiceModal:not([style*="display: none"])),
  html body:has(#accountingServiceModal:not([style*="display: none"])),
  html body:has(#promotionModal:not([style*="display: none"])),
  html body:has(#productModal:not([style*="display: none"])),
  html body:has(#inventoryModal:not([style*="display: none"])),
  html body:has(.inventory-workspace-modal:not([style*="display: none"])),
  html body:has(.transfer-workspace-modal:not([style*="display: none"])),
  html body:has(.service-modal:not([style*="display: none"])) {
    overflow: hidden !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    #inventoryWorkspaceModal,
    #transferWorkspaceModal,
    #movementWorkspaceModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) {
    z-index: 9999 !important;
    background: rgba(15, 23, 42, .58) !important;
    backdrop-filter: blur(8px) !important;
    overscroll-behavior: contain !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    #inventoryWorkspaceModal,
    #transferWorkspaceModal,
    #movementWorkspaceModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) :is(
    .detail-modal-card,
    .modal-card,
    .service-modal-card,
    .purchase-invoice-workspace,
    .sales-invoice-workspace,
    .inventory-workspace-modal-card,
    .transfer-workspace-modal-card,
    .workspace-card
  ) {
    overscroll-behavior: contain !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable both-edges !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    #inventoryWorkspaceModal,
    #transferWorkspaceModal,
    #movementWorkspaceModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) :is(.section-title-row, .modal-header, .workspace-header, .editor-header) {
    box-shadow: 0 12px 24px rgba(15, 23, 42, .08) !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    #inventoryWorkspaceModal,
    #transferWorkspaceModal,
    #movementWorkspaceModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal
  ) :is(.modal-footer, .workspace-footer, .form-actions, .report-studio-footer, .editor-actions, .invoice-actions) {
    box-shadow: 0 -12px 24px rgba(15, 23, 42, .08) !important;
  }
}

/* Badges, status chips, and compact actions final visual polish. */
@media screen {
  html body:not([data-active-page="loginPage"]) :is(
    .erp-card-status,
    .status,
    .badge,
    .chip,
    .pill,
    [class*="status"],
    [class*="badge"],
    [class*="chip"]
  ) {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .dots-button,
    .dashboard-favorite-button,
    .pos-favorite-toggle,
    [aria-label*="تثبيت"],
    [aria-label*="المفضلة"]
  ) {
    flex: 0 0 auto !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 10px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .erp-card-open-hint,
    small,
    .hint,
    [class*="hint"]
  ) {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    overflow-wrap: anywhere !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .summary-value,
    .metric-value,
    .kpi-value,
    [class*="amount"],
    [class*="total"]
  ) {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    font-variant-numeric: tabular-nums !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .app-card,
    .erp-entry-card,
    .panel-card,
    [class*="summary-card"]
  ) :is(img, svg) {
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
}

/* Print and export layout final polish. */
@media print {
  body {
    background: #fff !important;
    color: #111827 !important;
  }

  .detail-modal,
  .service-modal,
  .inventory-workspace-modal,
  .transfer-workspace-modal,
  #purchaseInvoiceModal,
  #salesInvoiceModal,
  #accountingServiceModal,
  #promotionModal,
  #productModal,
  #inventoryModal {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    background: #fff !important;
    backdrop-filter: none !important;
    overflow: visible !important;
  }

  .detail-modal-card,
  .modal-card,
  .service-modal-card,
  .purchase-invoice-workspace,
  .sales-invoice-workspace,
  .inventory-workspace-modal-card,
  .transfer-workspace-modal-card,
  .workspace-card,
  .panel-card,
  .report-section {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    box-shadow: none !important;
    border-color: #d6dbe3 !important;
    break-inside: avoid !important;
  }

  .section-title-row,
  .modal-header,
  .workspace-header,
  .editor-header,
  .modal-footer,
  .workspace-footer,
  .form-actions,
  .report-studio-footer,
  .editor-actions,
  .invoice-actions {
    position: static !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  .table-row,
  [class*="report-row"],
  [class*="history-row"],
  tr {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  table,
  .variance-table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }

  th,
  td {
    overflow-wrap: anywhere !important;
    border-color: #d6dbe3 !important;
  }

  button,
  .ghost-button,
  .small-button,
  .primary-button,
  .dashboard-header,
  .toast,
  .no-print {
    print-color-adjust: exact !important;
  }
}

@page {
  margin: 10mm;
}

/* RTL spacing, typography, and field clarity final polish. */
@media screen {
  html body:not([data-active-page="loginPage"]) {
    text-rendering: optimizeLegibility !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    h1, h2, h3, h4,
    .section-title-row,
    .modal-header,
    .workspace-header,
    .editor-header,
    .app-card,
    .erp-entry-card,
    .panel-card,
    [class*="summary-card"]
  ) {
    direction: rtl !important;
    text-align: right !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    p, small, label,
    .hint,
    [class*="hint"],
    .description,
    [class*="description"],
    .muted,
    [class*="subtitle"]
  ) {
    line-height: 1.65 !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    input, select, textarea,
    .text-field,
    .search-input
  ) {
    min-height: 42px !important;
    border-radius: 10px !important;
    direction: rtl !important;
    text-align: right !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    input[type="number"],
    input[type="date"],
    .amount,
    .metric-value,
    .summary-value,
    .kpi-value
  ) {
    direction: ltr !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .form-grid,
    .modal-form,
    .invoice-form,
    .workspace-form,
    .editor-form,
    .report-filters,
    .report-studio-filters
  ) label {
    display: grid !important;
    gap: 7px !important;
    align-content: start !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .form-grid,
    .modal-form,
    .invoice-form,
    .workspace-form,
    .editor-form,
    .report-filters,
    .report-studio-filters
  ) {
    gap: 14px !important;
    align-items: start !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .section-title-row,
    .modal-header,
    .workspace-header,
    .editor-header
  ) :is(h1, h2, h3, p) {
    margin-inline: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .modal-footer,
    .workspace-footer,
    .form-actions,
    .report-studio-footer,
    .editor-actions,
    .invoice-actions
  ) {
    gap: 12px !important;
    align-items: center !important;
  }
}

/* Interaction states, focus, disabled, and loading final polish. */
@media screen {
  html body:not([data-active-page="loginPage"]) :is(button, input, select, textarea, [role="button"], .app-card, .erp-entry-card) {
    -webkit-tap-highlight-color: transparent !important;
  }

  html body:not([data-active-page="loginPage"]) :is(button, input, select, textarea, [role="button"], .app-card, .erp-entry-card):focus-visible {
    outline: 3px solid rgba(220, 38, 38, .38) !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 5px rgba(220, 38, 38, .10) !important;
  }

  html body:not([data-active-page="loginPage"]) :is(button, .app-card, .erp-entry-card, .clickable-row, .table-row) {
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease !important;
  }

  html body:not([data-active-page="loginPage"]) :is(button, .app-card, .erp-entry-card, .clickable-row):hover:not(:disabled) {
    transform: translateY(-1px) !important;
  }

  html body:not([data-active-page="loginPage"]) :is(button:disabled, button[aria-disabled="true"], .is-disabled, [disabled]) {
    cursor: not-allowed !important;
    opacity: .58 !important;
    transform: none !important;
    box-shadow: none !important;
  }

  html body:not([data-active-page="loginPage"]) :is(.is-loading, [aria-busy="true"], .loading) {
    cursor: wait !important;
    opacity: .74 !important;
  }

  html body:not([data-active-page="loginPage"]) :is(input, select, textarea):focus {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, .10) !important;
  }

  html body:not([data-active-page="loginPage"]) :is(input::placeholder, textarea::placeholder) {
    color: #94a3b8 !important;
    opacity: 1 !important;
  }

  html body:not([data-active-page="loginPage"]) :is(.toast, .notification, .alert, [role="status"], [role="alert"]) {
    max-width: min(520px, calc(100vw - 24px)) !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    overflow-wrap: anywhere !important;
    z-index: 10050 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body:not([data-active-page="loginPage"]) * {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/* Empty states, alerts, and helper messages final polish. */
@media screen {
  html body:not([data-active-page="loginPage"]) :is(
    .empty-state,
    .empty,
    .no-data,
    .no-results,
    .report-studio-empty,
    [class*="empty"],
    [class*="no-data"],
    [class*="no-results"]
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    padding: 22px !important;
    text-align: center !important;
    overflow-x: hidden !important;
    overflow-wrap: anywhere !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .empty-state,
    .empty,
    .no-data,
    .no-results,
    .report-studio-empty,
    [class*="empty"],
    [class*="no-data"],
    [class*="no-results"]
  ) :is(h1,h2,h3,p,small,span) {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .alert,
    .notice,
    .warning,
    .error,
    .success,
    .toast,
    [role="alert"],
    [role="status"]
  ) {
    max-width: min(620px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    line-height: 1.55 !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .helper-text,
    .field-help,
    .validation-message,
    .form-error,
    [class*="validation"],
    [class*="error-message"]
  ) {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 6px !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .is-stale,
    .is-muted,
    .muted,
    .disabled-note
  ) {
    opacity: .72 !important;
  }
}

/* Scrollbars and long containers final visual polish. */
@media screen {
  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal,
    .panel-card,
    .report-studio-results,
    .table-scroll,
    .table-wrapper
  ) {
    scrollbar-width: thin !important;
    scrollbar-color: #cbd5e1 transparent !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal,
    .panel-card,
    .report-studio-results,
    .table-scroll,
    .table-wrapper
  )::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    #detailModal,
    #purchaseInvoiceModal,
    #salesInvoiceModal,
    #accountingServiceModal,
    #promotionModal,
    #productModal,
    #inventoryModal,
    .inventory-workspace-modal,
    .transfer-workspace-modal,
    .service-modal,
    .panel-card,
    .report-studio-results,
    .table-scroll,
    .table-wrapper
  )::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 999px !important;
    border: 2px solid transparent !important;
    background-clip: padding-box !important;
  }

  html body:not([data-active-page="loginPage"]) :is(
    .modal-body,
    .workspace-body,
    .detail-modal-body,
    #detailModalBody,
    .report-studio-results,
    .inventory-workspace-modal-body,
    .transfer-workspace-modal-body
  ) {
    padding-inline: clamp(12px, 2vw, 24px) !important;
    scroll-padding-top: 88px !important;
    scroll-padding-bottom: 88px !important;
  }

  html body:not([data-active-page="loginPage"]) :is(.section-title-row, .modal-header, .workspace-header, .editor-header) + :is(.modal-body, .workspace-body, .detail-modal-body, #detailModalBody) {
    padding-top: 16px !important;
  }
}

/* Icons, media, and visual assets final layout polish. */
@media screen {
  html body:not([data-active-page="loginPage"]) :is(img, svg, canvas, video) {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body:not([data-active-page="loginPage"]) :is(.app-card, .erp-entry-card) :is(img, svg, .app-icon, .card-icon) {
    width: clamp(42px, 5vw, 58px) !important;
    height: clamp(42px, 5vw, 58px) !important;
    object-fit: contain !important;
    flex: 0 0 auto !important;
  }

  html body:not([data-active-page="loginPage"]) :is(.station-icon, .pos-icon, .inventory-icon, .analytics-icon, [class*="-icon"]) {
    max-width: 100% !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
  }

  html body:not([data-active-page="loginPage"]) :is(.chart, .chart-card, .analytics-chart, .report-chart, [class*="chart"]) :is(svg, canvas) {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
  }

  html body:not([data-active-page="loginPage"]) :is(.media-frame, .image-preview, .avatar, .product-image, [class*="preview"]) {
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
  }

  html body:not([data-active-page="loginPage"]) :is(.avatar, .user-avatar, [class*="avatar"]) {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 50% !important;
    display: inline-grid !important;
    place-items: center !important;
    overflow: hidden !important;
  }
}

/* Page shells, dense sections, and fullscreen modal spacing polish. */

/* keep every business page spacious and readable */
.app-main,
.main-content,
.page-content,
.content-area,
.module-page,
.erp-page,
.inventory-page,
.promotions-page,
.reports-page,
.accounting-page,
.sales-page,
.purchases-page,
.settings-page,
.users-page,
.dashboard-page {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

.page-header,
.module-header,
.section-header,
.card-header,
.panel-header,
.modal-header,
.dialog-header {
  gap: clamp(10px, 1.5vw, 18px);
  align-items: center;
  min-width: 0;
}

.page-header > *,
.module-header > *,
.section-header > *,
.card-header > *,
.panel-header > *,
.modal-header > *,
.dialog-header > * {
  min-width: 0;
}

.page-title,
.module-title,
.section-title,
.card-title,
.panel-title,
.modal-title,
.dialog-title,
h1,
h2,
h3 {
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.page-actions,
.module-actions,
.section-actions,
.card-actions,
.panel-actions,
.modal-actions,
.dialog-actions,
.toolbar,
.filters-bar,
.search-bar,
.actions-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  min-width: 0;
}

.filters-bar,
.search-bar,
.toolbar,
.action-toolbar,
.table-toolbar {
  width: 100%;
}

.filters-bar input,
.filters-bar select,
.search-bar input,
.search-bar select,
.toolbar input,
.toolbar select,
.table-toolbar input,
.table-toolbar select {
  min-width: min(100%, 180px);
  max-width: 100%;
}

.card,
.panel,
.widget,
.stat-card,
.summary-card,
.info-card,
.report-card,
.inventory-card,
.promotion-card,
.accounting-card,
.settings-card,
.user-card {
  min-width: 0;
  overflow: hidden;
}

.card-grid,
.dashboard-grid,
.stats-grid,
.summary-grid,
.modules-grid,
.actions-grid,
.widgets-grid,
.reports-grid,
.inventory-grid,
.promotions-grid {
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  align-items: stretch;
}

.table-container,
.table-wrapper,
.data-table-wrapper,
.list-container,
.results-container,
.modal .table-container,
.dialog .table-container,
.detailModal .table-container {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: auto;
  border-radius: 14px;
}

.table-container table,
.table-wrapper table,
.data-table-wrapper table,
.modal table,
.dialog table,
.detailModal table {
  width: 100%;
  min-width: 720px;
}

.modal,
.dialog,
.popup,
.overlay-panel,
.detailModal,
[role="dialog"] {
  box-sizing: border-box;
}

.modal-content,
.dialog-content,
.popup-content,
.overlay-content,
.detailModal-content,
[role="dialog"] > .content,
[role="dialog"] > .modal-content {
  box-sizing: border-box;
  min-width: 0;
}

.modal-body,
.dialog-body,
.popup-body,
.overlay-body,
.detailModal-body {
  min-width: 0;
}

.modal-body > *,
.dialog-body > *,
.popup-body > *,
.overlay-body > *,
.detailModal-body > * {
  max-width: 100%;
}

.form-grid,
.fields-grid,
.inputs-grid,
.modal-form-grid,
.dialog-form-grid {
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}

.form-row,
.field-row,
.input-row,
.checkbox-row,
.radio-row {
  min-width: 0;
  max-width: 100%;
}

button,
.btn,
.button,
.action-button,
.icon-button,
[role="button"] {
  max-width: 100%;
}

@media (min-width: 1024px) {
  .modal.large,
  .modal-xl,
  .dialog.large,
  .popup.large,
  .detailModal,
  [role="dialog"].large {
    width: min(96vw, 1540px) !important;
    max-width: 96vw !important;
  }

  .modal-content,
  .dialog-content,
  .popup-content,
  .detailModal-content,
  [role="dialog"] > .modal-content {
    max-height: min(92vh, 980px);
  }
}

@media (max-width: 900px) {
  .page-header,
  .module-header,
  .section-header,
  .card-header,
  .panel-header,
  .modal-header,
  .dialog-header {
    align-items: stretch;
    flex-direction: column;
  }

  .page-actions,
  .module-actions,
  .section-actions,
  .card-actions,
  .panel-actions,
  .modal-actions,
  .dialog-actions,
  .toolbar,
  .filters-bar,
  .search-bar,
  .actions-row {
    width: 100%;
  }

  .page-actions > *,
  .module-actions > *,
  .section-actions > *,
  .card-actions > *,
  .panel-actions > *,
  .modal-actions > *,
  .dialog-actions > *,
  .toolbar > *,
  .filters-bar > *,
  .search-bar > *,
  .actions-row > * {
    flex: 1 1 180px;
  }

  .modal,
  .dialog,
  .popup,
  .overlay-panel,
  .detailModal,
  [role="dialog"] {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
}

/* Modal detail panels, footers, and full-height content final polish. */

/* make detail popups use the available screen cleanly */
.modal,
.dialog,
.popup,
.detailModal,
.overlay-panel,
[role="dialog"] {
  max-height: 96vh;
}

.modal-content,
.dialog-content,
.popup-content,
.detailModal-content,
.overlay-content,
[role="dialog"] > .modal-content,
[role="dialog"] > .content {
  display: flex;
  flex-direction: column;
  width: min(96vw, 1560px);
  max-width: 96vw;
  max-height: 94vh;
  min-height: min(520px, 90vh);
  overflow: hidden;
}

.modal-body,
.dialog-body,
.popup-body,
.detailModal-body,
.overlay-body,
.modal-main,
.dialog-main,
.popup-main,
.detailModal-main {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
}

.modal-footer,
.dialog-footer,
.popup-footer,
.detailModal-footer,
.overlay-footer,
.form-actions,
.footer-actions,
.action-footer {
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding-top: 12px;
  margin-top: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.72), #fff 36%);
  border-top: 1px solid rgba(148, 163, 184, .22);
}

.modal-footer > *,
.dialog-footer > *,
.popup-footer > *,
.detailModal-footer > *,
.overlay-footer > *,
.form-actions > *,
.footer-actions > *,
.action-footer > * {
  min-width: 120px;
}

.modal-header,
.dialog-header,
.popup-header,
.detailModal-header,
.overlay-header {
  position: sticky;
  top: 0;
  z-index: 4;
  background: linear-gradient(180deg, #fff 72%, rgba(255,255,255,.92));
  border-bottom: 1px solid rgba(148, 163, 184, .22);
}

.detail-grid,
.details-grid,
.info-grid,
.summary-grid,
.metrics-grid,
.modal-detail-grid,
.dialog-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: clamp(12px, 1.5vw, 20px);
  width: 100%;
  min-width: 0;
}

.detail-card,
.details-card,
.info-panel,
.summary-panel,
.metric-panel,
.modal-panel,
.dialog-panel {
  min-width: 0;
  overflow: hidden;
  border-radius: 16px;
}

.detail-card *,
.details-card *,
.info-panel *,
.summary-panel *,
.metric-panel *,
.modal-panel *,
.dialog-panel * {
  min-width: 0;
}

.split-layout,
.modal-split,
.dialog-split,
.details-layout,
.master-detail-layout,
.inventory-detail-layout,
.report-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: clamp(14px, 2vw, 24px);
  width: 100%;
  min-width: 0;
}

.split-layout > *,
.modal-split > *,
.dialog-split > *,
.details-layout > *,
.master-detail-layout > *,
.inventory-detail-layout > *,
.report-detail-layout > * {
  min-width: 0;
}

.modal textarea,
.dialog textarea,
.popup textarea,
.detailModal textarea,
[role="dialog"] textarea {
  min-height: 96px;
  resize: vertical;
}

.modal input[type="search"],
.dialog input[type="search"],
.popup input[type="search"],
.detailModal input[type="search"],
[role="dialog"] input[type="search"] {
  width: 100%;
}

.modal .empty-state,
.dialog .empty-state,
.popup .empty-state,
.detailModal .empty-state,
[role="dialog"] .empty-state {
  min-height: 180px;
  display: grid;
  place-items: center;
  text-align: center;
}

@media (max-width: 1100px) {
  .split-layout,
  .modal-split,
  .dialog-split,
  .details-layout,
  .master-detail-layout,
  .inventory-detail-layout,
  .report-detail-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .modal-content,
  .dialog-content,
  .popup-content,
  .detailModal-content,
  .overlay-content,
  [role="dialog"] > .modal-content,
  [role="dialog"] > .content {
    width: 100vw;
    max-width: 100vw;
    min-height: 100vh;
    max-height: 100vh;
    border-radius: 0;
  }

  .modal-footer,
  .dialog-footer,
  .popup-footer,
  .detailModal-footer,
  .overlay-footer,
  .form-actions,
  .footer-actions,
  .action-footer {
    justify-content: stretch;
  }

  .modal-footer > *,
  .dialog-footer > *,
  .popup-footer > *,
  .detailModal-footer > *,
  .overlay-footer > *,
  .form-actions > *,
  .footer-actions > *,
  .action-footer > * {
    flex: 1 1 140px;
  }
}

/* App frame, overflow, and navigation final layout polish. */

/* stabilize the main app frame and prevent horizontal drift */
html,
body,
#root,
.app,
.app-shell,
.layout,
.layout-shell,
.dashboard-shell,
.erp-shell {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

.app-shell,
.layout-shell,
.dashboard-shell,
.erp-shell,
.main-layout,
.content-layout {
  display: flex;
  min-height: 100vh;
  min-width: 0;
}

.sidebar,
.side-nav,
.app-sidebar,
.navigation,
.nav-panel {
  flex: 0 0 auto;
  min-width: 0;
  overflow-x: hidden;
}

.sidebar *,
.side-nav *,
.app-sidebar *,
.navigation *,
.nav-panel * {
  min-width: 0;
}

.main,
.main-panel,
.main-content,
.content,
.content-panel,
.page-wrapper,
.page-container {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
}

.breadcrumb,
.breadcrumbs,
.tabs,
.tab-list,
.segmented-control,
.nav-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

.breadcrumb > *,
.breadcrumbs > *,
.tabs > *,
.tab-list > *,
.segmented-control > *,
.nav-tabs > * {
  flex: 0 0 auto;
  max-width: min(280px, 80vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-row,
.table-row,
.item-row,
.entity-row,
.result-row,
.option-row,
.menu-row {
  min-width: 0;
  max-width: 100%;
}

.list-row > *,
.table-row > *,
.item-row > *,
.entity-row > *,
.result-row > *,
.option-row > *,
.menu-row > * {
  min-width: 0;
}

.name-cell,
.title-cell,
.description-cell,
.code-cell,
.reference-cell,
.notes-cell,
.long-text,
.text-muted,
.subtext,
.meta-text {
  overflow-wrap: anywhere;
  word-break: normal;
}

.kpi-card,
.stat-card,
.metric-card,
.summary-card,
.quick-action-card,
.module-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: space-between;
}

.kpi-card .value,
.stat-card .value,
.metric-card .value,
.summary-card .value,
.total-value,
.amount-value,
.price-value {
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.dropdown,
.dropdown-menu,
.select-menu,
.combobox-menu,
.autocomplete-menu,
.popover,
.tooltip-panel {
  max-width: min(94vw, 520px);
  overflow-wrap: anywhere;
  z-index: 1200;
}

.modal .dropdown-menu,
.dialog .dropdown-menu,
.popup .dropdown-menu,
.detailModal .dropdown-menu,
[role="dialog"] .dropdown-menu,
.modal .popover,
.dialog .popover,
.popup .popover,
.detailModal .popover,
[role="dialog"] .popover {
  z-index: 2600;
}

.loading-overlay,
.page-loading,
.section-loading,
.modal-loading,
.dialog-loading {
  display: grid;
  place-items: center;
  min-height: 160px;
  text-align: center;
}

.skeleton,
.skeleton-line,
.skeleton-card {
  max-width: 100%;
  border-radius: 12px;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .app-shell,
  .layout-shell,
  .dashboard-shell,
  .erp-shell,
  .main-layout,
  .content-layout {
    min-height: 100dvh;
  }

  .main,
  .main-panel,
  .main-content,
  .content,
  .content-panel,
  .page-wrapper,
  .page-container {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .breadcrumb,
  .breadcrumbs,
  .tabs,
  .tab-list,
  .segmented-control,
  .nav-tabs {
    padding-bottom: 4px;
  }

  .kpi-card,
  .stat-card,
  .metric-card,
  .summary-card,
  .quick-action-card,
  .module-card {
    min-height: auto;
  }
}

/* Controls, alerts, and small components consistency final polish. */

/* normalize controls and small UI pieces across pages and full-screen popups */
input,
select,
textarea,
button,
.btn,
.button,
.badge,
.chip,
.tag,
.status,
.pill {
  box-sizing: border-box;
}

input,
select,
textarea,
.input,
.select,
.textarea,
.form-control,
.form-select,
.search-input,
.filter-input {
  max-width: 100%;
  min-width: 0;
  line-height: 1.45;
}

button,
.btn,
.button,
.action-button,
.primary-button,
.secondary-button,
.danger-button,
.success-button,
.warning-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  line-height: 1.2;
  white-space: normal;
  text-align: center;
}

.icon-button,
.btn-icon,
.action-icon,
.table-action,
.row-action {
  flex: 0 0 auto;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 12px;
}

.actions,
.actions-cell,
.row-actions,
.table-actions,
.card-actions,
.panel-actions,
.modal-actions,
.dialog-actions,
.form-actions,
.footer-actions {
  min-width: 0;
  gap: 8px;
}

.actions-cell,
.table-actions,
.row-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.badge,
.chip,
.tag,
.status,
.pill,
.label,
.counter,
.count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  max-width: 100%;
  min-height: 26px;
  padding-inline: 10px;
  overflow-wrap: anywhere;
  line-height: 1.2;
}

.alert,
.notice,
.message,
.toast,
.inline-alert,
.validation-message,
.error-message,
.success-message,
.warning-message,
.info-message {
  min-width: 0;
  max-width: 100%;
  border-radius: 14px;
  overflow-wrap: anywhere;
}

.alert > *,
.notice > *,
.message > *,
.toast > *,
.inline-alert > *,
.validation-message > *,
.error-message > *,
.success-message > *,
.warning-message > *,
.info-message > * {
  min-width: 0;
}

.empty-state,
.no-data,
.no-results,
.blank-state,
.placeholder-state {
  width: 100%;
  min-width: 0;
  padding: clamp(22px, 4vw, 44px);
  border-radius: 18px;
  text-align: center;
}

.empty-state h1,
.empty-state h2,
.empty-state h3,
.no-data h1,
.no-data h2,
.no-data h3,
.no-results h1,
.no-results h2,
.no-results h3,
.blank-state h1,
.blank-state h2,
.blank-state h3 {
  margin-inline: auto;
  max-width: 720px;
}

.empty-state p,
.no-data p,
.no-results p,
.blank-state p,
.placeholder-state p {
  margin-inline: auto;
  max-width: 760px;
}

.modal .actions,
.dialog .actions,
.popup .actions,
.detailModal .actions,
[role="dialog"] .actions,
.modal .actions-cell,
.dialog .actions-cell,
.popup .actions-cell,
.detailModal .actions-cell,
[role="dialog"] .actions-cell {
  max-width: 100%;
}

.modal button,
.dialog button,
.popup button,
.detailModal button,
[role="dialog"] button,
.modal .btn,
.dialog .btn,
.popup .btn,
.detailModal .btn,
[role="dialog"] .btn {
  min-height: 42px;
}

.modal .badge,
.dialog .badge,
.popup .badge,
.detailModal .badge,
[role="dialog"] .badge,
.modal .chip,
.dialog .chip,
.popup .chip,
.detailModal .chip,
[role="dialog"] .chip,
.modal .tag,
.dialog .tag,
.popup .tag,
.detailModal .tag,
[role="dialog"] .tag {
  min-height: 28px;
}

.form-section,
.field-section,
.settings-section,
.filters-section,
.details-section,
.table-section {
  min-width: 0;
  max-width: 100%;
  border-radius: 18px;
}

.form-section + .form-section,
.field-section + .field-section,
.settings-section + .settings-section,
.filters-section + .filters-section,
.details-section + .details-section,
.table-section + .table-section {
  margin-top: clamp(14px, 2vw, 22px);
}

@media (max-width: 640px) {
  button,
  .btn,
  .button,
  .action-button,
  .primary-button,
  .secondary-button,
  .danger-button,
  .success-button,
  .warning-button {
    width: auto;
    min-width: min(100%, 120px);
  }

  .actions,
  .actions-cell,
  .row-actions,
  .table-actions,
  .card-actions,
  .panel-actions,
  .modal-actions,
  .dialog-actions,
  .form-actions,
  .footer-actions {
    width: 100%;
  }
}

/* Data density, tables, and long values final polish. */

/* improve dense business tables and long data values */
table,
.data-table,
.grid-table,
.report-table,
.inventory-table,
.sales-table,
.purchase-table,
.accounting-table,
.promotions-table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

th,
td,
.table-cell,
.data-cell,
.grid-cell {
  min-width: 0;
  vertical-align: middle;
  overflow-wrap: anywhere;
  word-break: normal;
}

th,
.table-header-cell,
.data-header-cell {
  line-height: 1.25;
  font-weight: 800;
  white-space: normal;
}

td,
.table-cell,
.data-cell {
  line-height: 1.45;
}

.numeric,
.number,
.amount,
.price,
.quantity,
.total,
.balance,
.tax,
.discount,
.currency,
[dir="rtl"] .numeric,
[dir="rtl"] .number,
[dir="rtl"] .amount,
[dir="rtl"] .price,
[dir="rtl"] .quantity,
[dir="rtl"] .total,
[dir="rtl"] .balance,
[dir="rtl"] .tax,
[dir="rtl"] .discount,
[dir="rtl"] .currency {
  font-variant-numeric: tabular-nums;
  direction: ltr;
  unicode-bidi: isolate;
  text-align: start;
}

.code,
.sku,
.barcode,
.reference,
.invoice-number,
.document-number,
.serial,
.hash,
.uuid,
.slug {
  font-variant-numeric: tabular-nums;
  direction: ltr;
  unicode-bidi: isolate;
  overflow-wrap: anywhere;
}

.cell-primary,
.cell-title,
.item-name,
.product-name,
.customer-name,
.vendor-name,
.branch-name,
.offer-name,
.promotion-name {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.cell-secondary,
.cell-meta,
.item-meta,
.product-meta,
.customer-meta,
.vendor-meta,
.branch-meta,
.offer-meta,
.promotion-meta {
  display: block;
  max-width: 100%;
  margin-top: 3px;
  overflow-wrap: anywhere;
  line-height: 1.3;
}

.table-row,
.data-row,
.grid-row,
tbody tr {
  min-height: 54px;
}

.table-row:hover,
.data-row:hover,
.grid-row:hover,
tbody tr:hover {
  background-clip: padding-box;
}

.table-actions,
.row-actions,
.actions-cell {
  min-width: 92px;
}

.table-actions .btn,
.row-actions .btn,
.actions-cell .btn,
.table-actions button,
.row-actions button,
.actions-cell button {
  flex: 0 0 auto;
}

.modal table,
.dialog table,
.popup table,
.detailModal table,
[role="dialog"] table {
  margin: 0;
}

.modal th,
.dialog th,
.popup th,
.detailModal th,
[role="dialog"] th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 0 1px 0 rgba(148, 163, 184, .22);
}

.modal .table-container,
.dialog .table-container,
.popup .table-container,
.detailModal .table-container,
[role="dialog"] .table-container,
.modal .table-wrapper,
.dialog .table-wrapper,
.popup .table-wrapper,
.detailModal .table-wrapper,
[role="dialog"] .table-wrapper {
  max-height: min(62vh, 680px);
}

.compact-table th,
.compact-table td,
.table-compact th,
.table-compact td,
.dense-table th,
.dense-table td {
  padding-block: 9px;
}

.data-table caption,
.report-table caption,
.inventory-table caption,
.sales-table caption,
.purchase-table caption,
.accounting-table caption,
.promotions-table caption {
  caption-side: top;
  text-align: start;
  padding: 10px 0 12px;
  font-weight: 800;
}

@media (max-width: 760px) {
  table,
  .data-table,
  .grid-table,
  .report-table,
  .inventory-table,
  .sales-table,
  .purchase-table,
  .accounting-table,
  .promotions-table {
    min-width: 680px;
  }

  .modal .table-container,
  .dialog .table-container,
  .popup .table-container,
  .detailModal .table-container,
  [role="dialog"] .table-container,
  .modal .table-wrapper,
  .dialog .table-wrapper,
  .popup .table-wrapper,
  .detailModal .table-wrapper,
  [role="dialog"] .table-wrapper {
    max-height: none;
  }
}

/* Responsive edges, action bars, and safe-area final polish. */

/* final responsive edge spacing and action layout */
:root {
  --posbank-safe-gap: clamp(12px, 2vw, 24px);
  --posbank-card-gap: clamp(12px, 1.6vw, 20px);
}

.page,
.page-content,
.page-container,
.page-wrapper,
.main-content,
.content-panel,
.module-page,
.erp-page {
  padding-inline: max(var(--posbank-safe-gap), env(safe-area-inset-left)) max(var(--posbank-safe-gap), env(safe-area-inset-right));
}

.section,
.panel,
.card,
.widget,
.table-section,
.form-section,
.details-section {
  margin-bottom: var(--posbank-card-gap);
}

.stack,
.content-stack,
.form-stack,
.panel-stack,
.modal-stack,
.dialog-stack {
  display: flex;
  flex-direction: column;
  gap: var(--posbank-card-gap);
  min-width: 0;
}

.inline-stack,
.inline-fields,
.inline-actions,
.compact-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.inline-stack > *,
.inline-fields > *,
.inline-actions > *,
.compact-actions > * {
  min-width: 0;
}

.modal,
.dialog,
.popup,
.detailModal,
[role="dialog"] {
  inset-block: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-bottom));
  inset-inline: max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-right));
}

.modal-content,
.dialog-content,
.popup-content,
.detailModal-content,
[role="dialog"] > .modal-content,
[role="dialog"] > .content {
  margin-inline: auto;
}

.modal-header,
.dialog-header,
.popup-header,
.detailModal-header,
.modal-body,
.dialog-body,
.popup-body,
.detailModal-body,
.modal-footer,
.dialog-footer,
.popup-footer,
.detailModal-footer {
  padding-inline: clamp(14px, 2.2vw, 28px);
}

.modal-header,
.dialog-header,
.popup-header,
.detailModal-header {
  padding-top: clamp(14px, 2vw, 24px);
  padding-bottom: clamp(12px, 1.6vw, 18px);
}

.modal-body,
.dialog-body,
.popup-body,
.detailModal-body {
  padding-top: clamp(12px, 1.8vw, 22px);
  padding-bottom: clamp(12px, 1.8vw, 22px);
}

.modal-footer,
.dialog-footer,
.popup-footer,
.detailModal-footer {
  padding-bottom: max(clamp(14px, 2vw, 24px), env(safe-area-inset-bottom));
}

.primary-actions,
.secondary-actions,
.modal-primary-actions,
.modal-secondary-actions,
.dialog-primary-actions,
.dialog-secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.primary-actions,
.modal-primary-actions,
.dialog-primary-actions {
  justify-content: flex-start;
}

.secondary-actions,
.modal-secondary-actions,
.dialog-secondary-actions {
  justify-content: flex-end;
  margin-inline-start: auto;
}

.form-actions button,
.footer-actions button,
.modal-footer button,
.dialog-footer button,
.popup-footer button,
.detailModal-footer button {
  min-width: 128px;
}

@media (max-width: 900px) {
  .page,
  .page-content,
  .page-container,
  .page-wrapper,
  .main-content,
  .content-panel,
  .module-page,
  .erp-page {
    padding-inline: max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-right));
  }

  .modal,
  .dialog,
  .popup,
  .detailModal,
  [role="dialog"] {
    inset: 0;
  }

  .modal-header,
  .dialog-header,
  .popup-header,
  .detailModal-header,
  .modal-body,
  .dialog-body,
  .popup-body,
  .detailModal-body,
  .modal-footer,
  .dialog-footer,
  .popup-footer,
  .detailModal-footer {
    padding-inline: max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right));
  }

  .primary-actions,
  .secondary-actions,
  .modal-primary-actions,
  .modal-secondary-actions,
  .dialog-primary-actions,
  .dialog-secondary-actions {
    width: 100%;
    justify-content: stretch;
    margin-inline-start: 0;
  }

  .primary-actions > *,
  .secondary-actions > *,
  .modal-primary-actions > *,
  .modal-secondary-actions > *,
  .dialog-primary-actions > *,
  .dialog-secondary-actions > * {
    flex: 1 1 150px;
  }
}

@media (max-width: 520px) {
  .form-actions button,
  .footer-actions button,
  .modal-footer button,
  .dialog-footer button,
  .popup-footer button,
  .detailModal-footer button {
    flex: 1 1 100%;
    width: 100%;
  }

  .inline-stack,
  .inline-fields,
  .inline-actions,
  .compact-actions {
    align-items: stretch;
  }

  .inline-stack > *,
  .inline-fields > *,
  .inline-actions > *,
  .compact-actions > * {
    flex: 1 1 100%;
  }
}

/* Long modal sections, steppers, and mixed content final polish. */

/* keep long and mixed-content popups structured and full-screen friendly */
.modal-section,
.dialog-section,
.popup-section,
.detailModal-section,
.modal-block,
.dialog-block,
.popup-block,
.detail-block {
  min-width: 0;
  max-width: 100%;
  padding: clamp(14px, 1.8vw, 22px);
  border-radius: 18px;
}

.modal-section + .modal-section,
.dialog-section + .dialog-section,
.popup-section + .popup-section,
.detailModal-section + .detailModal-section,
.modal-block + .modal-block,
.dialog-block + .dialog-block,
.popup-block + .popup-block,
.detail-block + .detail-block {
  margin-top: clamp(12px, 1.6vw, 20px);
}

.section-title-row,
.modal-section-header,
.dialog-section-header,
.popup-section-header,
.detail-section-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  margin-bottom: clamp(10px, 1.4vw, 16px);
}

.section-title-row > *,
.modal-section-header > *,
.dialog-section-header > *,
.popup-section-header > *,
.detail-section-header > * {
  min-width: 0;
}

.stepper,
.steps,
.progress-steps,
.wizard-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
}

.step,
.step-item,
.progress-step,
.wizard-step {
  flex: 1 1 160px;
  min-width: 0;
  border-radius: 14px;
  overflow: hidden;
}

.two-column-form,
.three-column-form,
.mixed-form-table,
.modal-mixed-layout,
.dialog-mixed-layout {
  display: grid;
  gap: clamp(14px, 1.8vw, 22px);
  min-width: 0;
  width: 100%;
}

.two-column-form,
.mixed-form-table,
.modal-mixed-layout,
.dialog-mixed-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.three-column-form {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.scroll-area,
.scroll-panel,
.modal-scroll-area,
.dialog-scroll-area,
.popup-scroll-area,
.detail-scroll-area {
  min-width: 0;
  max-width: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 14px;
}

.modal .scroll-area,
.dialog .scroll-area,
.popup .scroll-area,
.detailModal .scroll-area,
[role="dialog"] .scroll-area,
.modal .scroll-panel,
.dialog .scroll-panel,
.popup .scroll-panel,
.detailModal .scroll-panel,
[role="dialog"] .scroll-panel {
  max-height: min(60vh, 640px);
}

.modal .sticky-summary,
.dialog .sticky-summary,
.popup .sticky-summary,
.detailModal .sticky-summary,
[role="dialog"] .sticky-summary,
.modal .summary-sidebar,
.dialog .summary-sidebar,
.popup .summary-sidebar,
.detailModal .summary-sidebar,
[role="dialog"] .summary-sidebar {
  position: sticky;
  top: clamp(72px, 9vh, 110px);
  align-self: start;
  max-height: min(72vh, 760px);
  overflow: auto;
}

.key-value-list,
.details-list,
.summary-list,
.meta-list {
  display: grid;
  grid-template-columns: minmax(120px, .42fr) minmax(0, 1fr);
  gap: 8px 14px;
  min-width: 0;
}

.key-value-list > *,
.details-list > *,
.summary-list > *,
.meta-list > * {
  min-width: 0;
  overflow-wrap: anywhere;
}

.divider,
.section-divider,
.modal-divider,
.dialog-divider {
  width: 100%;
  height: 1px;
  margin-block: clamp(12px, 1.8vw, 22px);
  background: rgba(148, 163, 184, .24);
}

@media (max-width: 1180px) {
  .three-column-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .two-column-form,
  .three-column-form,
  .mixed-form-table,
  .modal-mixed-layout,
  .dialog-mixed-layout {
    grid-template-columns: 1fr;
  }

  .modal .sticky-summary,
  .dialog .sticky-summary,
  .popup .sticky-summary,
  .detailModal .sticky-summary,
  [role="dialog"] .sticky-summary,
  .modal .summary-sidebar,
  .dialog .summary-sidebar,
  .popup .summary-sidebar,
  .detailModal .summary-sidebar,
  [role="dialog"] .summary-sidebar {
    position: static;
    max-height: none;
  }

  .key-value-list,
  .details-list,
  .summary-list,
  .meta-list {
    grid-template-columns: 1fr;
  }
}

/* RTL filters, modal toolbars, and alignment final polish. */

/* final RTL alignment and filter layout inside full-screen dialogs */
[dir="rtl"] .page-header,
[dir="rtl"] .module-header,
[dir="rtl"] .section-header,
[dir="rtl"] .modal-header,
[dir="rtl"] .dialog-header,
[dir="rtl"] .popup-header,
[dir="rtl"] .detailModal-header {
  text-align: right;
}

[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea,
[dir="rtl"] .form-control,
[dir="rtl"] .form-select,
[dir="rtl"] .search-input,
[dir="rtl"] .filter-input {
  text-align: right;
}

[dir="rtl"] input[type="number"],
[dir="rtl"] input[type="date"],
[dir="rtl"] input[type="time"],
[dir="rtl"] input[type="datetime-local"],
[dir="rtl"] .numeric-input,
[dir="rtl"] .currency-input,
[dir="rtl"] .percent-input {
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
}

.filter-panel,
.filters-panel,
.advanced-filters,
.modal-filters,
.dialog-filters,
.popup-filters,
.detailModal-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  gap: 10px;
  width: 100%;
  min-width: 0;
  align-items: end;
}

.filter-panel > *,
.filters-panel > *,
.advanced-filters > *,
.modal-filters > *,
.dialog-filters > *,
.popup-filters > *,
.detailModal-filters > * {
  min-width: 0;
  max-width: 100%;
}

.filter-actions,
.search-actions,
.toolbar-actions,
.modal-toolbar,
.dialog-toolbar,
.popup-toolbar,
.detailModal-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
}

.filter-actions > *,
.search-actions > *,
.toolbar-actions > *,
.modal-toolbar > *,
.dialog-toolbar > *,
.popup-toolbar > *,
.detailModal-toolbar > * {
  flex: 0 1 auto;
  min-width: 0;
}

.filter-actions .spacer,
.search-actions .spacer,
.toolbar-actions .spacer,
.modal-toolbar .spacer,
.dialog-toolbar .spacer,
.popup-toolbar .spacer,
.detailModal-toolbar .spacer {
  flex: 1 1 auto;
}

.search-field,
.global-search,
.modal-search,
.dialog-search,
.popup-search,
.detailModal-search {
  flex: 1 1 260px;
  min-width: min(100%, 220px);
  max-width: 100%;
}

.search-field input,
.global-search input,
.modal-search input,
.dialog-search input,
.popup-search input,
.detailModal-search input {
  width: 100%;
}

.modal .filter-panel,
.dialog .filter-panel,
.popup .filter-panel,
.detailModal .filter-panel,
[role="dialog"] .filter-panel,
.modal .filters-panel,
.dialog .filters-panel,
.popup .filters-panel,
.detailModal .filters-panel,
[role="dialog"] .filters-panel {
  padding: clamp(10px, 1.4vw, 16px);
  border-radius: 16px;
  background: rgba(248, 250, 252, .8);
  border: 1px solid rgba(148, 163, 184, .18);
}

.modal .toolbar,
.dialog .toolbar,
.popup .toolbar,
.detailModal .toolbar,
[role="dialog"] .toolbar,
.modal .table-toolbar,
.dialog .table-toolbar,
.popup .table-toolbar,
.detailModal .table-toolbar,
[role="dialog"] .table-toolbar {
  padding-block: 8px;
}

.selection-summary,
.bulk-actions,
.selected-actions,
.batch-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  min-width: 0;
  max-width: 100%;
}

.selection-summary > *,
.bulk-actions > *,
.selected-actions > *,
.batch-actions > * {
  min-width: 0;
}

.modal .selection-summary,
.dialog .selection-summary,
.popup .selection-summary,
.detailModal .selection-summary,
[role="dialog"] .selection-summary {
  border-radius: 14px;
  padding: 10px 12px;
  background: rgba(239, 246, 255, .8);
}

@media (max-width: 700px) {
  .filter-panel,
  .filters-panel,
  .advanced-filters,
  .modal-filters,
  .dialog-filters,
  .popup-filters,
  .detailModal-filters {
    grid-template-columns: 1fr;
  }

  .filter-actions > *,
  .search-actions > *,
  .toolbar-actions > *,
  .modal-toolbar > *,
  .dialog-toolbar > *,
  .popup-toolbar > *,
  .detailModal-toolbar > *,
  .selection-summary > *,
  .bulk-actions > *,
  .selected-actions > *,
  .batch-actions > * {
    flex: 1 1 100%;
  }
}

/* Cards, panels, visual depth, and mixed workspace final polish. */

/* refine visual hierarchy for cards, panels, and mixed modal workspaces */
.card,
.panel,
.widget,
.workspace-card,
.module-card,
.feature-card,
.detail-card,
.summary-card,
.info-card,
.metric-card,
.kpi-card,
.report-card,
.inventory-card,
.promotion-card,
.accounting-card {
  border: 1px solid rgba(148, 163, 184, .18);
  box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
  background-clip: padding-box;
}

.card:hover,
.panel:hover,
.widget:hover,
.workspace-card:hover,
.module-card:hover,
.feature-card:hover,
.detail-card:hover,
.summary-card:hover,
.info-card:hover,
.metric-card:hover,
.kpi-card:hover,
.report-card:hover,
.inventory-card:hover,
.promotion-card:hover,
.accounting-card:hover {
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
}

.card-body,
.panel-body,
.widget-body,
.workspace-body,
.module-body,
.detail-body,
.summary-body,
.info-body,
.metric-body {
  min-width: 0;
  max-width: 100%;
}

.card-footer,
.panel-footer,
.widget-footer,
.workspace-footer,
.module-footer,
.detail-footer,
.summary-footer,
.info-footer,
.metric-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  min-width: 0;
  max-width: 100%;
}

.card-footer > *,
.panel-footer > *,
.widget-footer > *,
.workspace-footer > *,
.module-footer > *,
.detail-footer > *,
.summary-footer > *,
.info-footer > *,
.metric-footer > * {
  min-width: 0;
}

.workspace,
.workspace-layout,
.module-workspace,
.dashboard-workspace,
.inventory-workspace,
.promotion-workspace,
.accounting-workspace,
.reports-workspace {
  display: grid;
  gap: clamp(14px, 1.8vw, 24px);
  min-width: 0;
  width: 100%;
}

.workspace-main,
.workspace-side,
.workspace-sidebar,
.workspace-content,
.workspace-details {
  min-width: 0;
  max-width: 100%;
}

.workspace-layout.has-sidebar,
.module-workspace.has-sidebar,
.dashboard-workspace.has-sidebar,
.inventory-workspace.has-sidebar,
.promotion-workspace.has-sidebar,
.accounting-workspace.has-sidebar,
.reports-workspace.has-sidebar {
  grid-template-columns: minmax(0, 1fr) minmax(280px, .36fr);
}

.modal .card,
.dialog .card,
.popup .card,
.detailModal .card,
[role="dialog"] .card,
.modal .panel,
.dialog .panel,
.popup .panel,
.detailModal .panel,
[role="dialog"] .panel {
  box-shadow: 0 8px 22px rgba(15, 23, 42, .04);
}

.modal .card-grid,
.dialog .card-grid,
.popup .card-grid,
.detailModal .card-grid,
[role="dialog"] .card-grid,
.modal .summary-grid,
.dialog .summary-grid,
.popup .summary-grid,
.detailModal .summary-grid,
[role="dialog"] .summary-grid {
  gap: clamp(12px, 1.6vw, 20px);
}

.surface,
.soft-surface,
.inner-panel,
.nested-panel,
.sub-panel,
.content-surface {
  min-width: 0;
  max-width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, .16);
  background: rgba(248, 250, 252, .72);
}

.surface-header,
.inner-panel-header,
.nested-panel-header,
.sub-panel-header,
.content-surface-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.surface-header > *,
.inner-panel-header > *,
.nested-panel-header > *,
.sub-panel-header > *,
.content-surface-header > * {
  min-width: 0;
}

@media (max-width: 1100px) {
  .workspace-layout.has-sidebar,
  .module-workspace.has-sidebar,
  .dashboard-workspace.has-sidebar,
  .inventory-workspace.has-sidebar,
  .promotion-workspace.has-sidebar,
  .accounting-workspace.has-sidebar,
  .reports-workspace.has-sidebar {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .card-footer,
  .panel-footer,
  .widget-footer,
  .workspace-footer,
  .module-footer,
  .detail-footer,
  .summary-footer,
  .info-footer,
  .metric-footer {
    align-items: stretch;
  }

  .card-footer > *,
  .panel-footer > *,
  .widget-footer > *,
  .workspace-footer > *,
  .module-footer > *,
  .detail-footer > *,
  .summary-footer > *,
  .info-footer > *,
  .metric-footer > * {
    flex: 1 1 100%;
  }
}

/* Lists, menus, sticky scroll, and rhythm final polish. */

/* tighten daily-use lists, menus, and scrollable regions */
.list,
.list-group,
.menu-list,
.options-list,
.results-list,
.entity-list,
.activity-list,
.timeline,
.feed-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.list-item,
.menu-item,
.option-item,
.result-item,
.entity-item,
.activity-item,
.timeline-item,
.feed-item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
  border-radius: 14px;
}

.list-item > *,
.menu-item > *,
.option-item > *,
.result-item > *,
.entity-item > *,
.activity-item > *,
.timeline-item > *,
.feed-item > * {
  min-width: 0;
}

.item-content,
.menu-item-content,
.option-content,
.result-content,
.entity-content,
.activity-content,
.timeline-content,
.feed-content {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
}

.item-actions,
.menu-item-actions,
.option-actions,
.result-actions,
.entity-actions,
.activity-actions,
.timeline-actions,
.feed-actions {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.dropdown-menu,
.select-menu,
.combobox-menu,
.autocomplete-menu,
.context-menu,
.more-menu {
  padding: 8px;
  border-radius: 16px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .14);
  border: 1px solid rgba(148, 163, 184, .2);
}

.dropdown-menu .menu-item,
.select-menu .option-item,
.combobox-menu .option-item,
.autocomplete-menu .option-item,
.context-menu .menu-item,
.more-menu .menu-item {
  padding: 9px 10px;
}

.sticky-table-header thead th,
.table-sticky thead th,
.data-table thead th,
.report-table thead th,
.inventory-table thead th,
.sales-table thead th,
.purchase-table thead th,
.accounting-table thead th,
.promotions-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 0 1px 0 rgba(148, 163, 184, .24);
}

.table-container,
.table-wrapper,
.data-table-wrapper,
.scroll-area,
.scroll-panel {
  scrollbar-gutter: stable both-edges;
}

.section-title,
.panel-title,
.card-title,
.modal-title,
.dialog-title,
.popup-title,
.detailModal-title {
  margin-bottom: .35em;
}

.section-subtitle,
.panel-subtitle,
.card-subtitle,
.modal-subtitle,
.dialog-subtitle,
.popup-subtitle,
.detailModal-subtitle,
.helper-text,
.description,
.caption {
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.modal .list,
.dialog .list,
.popup .list,
.detailModal .list,
[role="dialog"] .list,
.modal .results-list,
.dialog .results-list,
.popup .results-list,
.detailModal .results-list,
[role="dialog"] .results-list {
  max-height: min(56vh, 620px);
  overflow: auto;
  padding-inline-end: 4px;
}

.modal .list-item,
.dialog .list-item,
.popup .list-item,
.detailModal .list-item,
[role="dialog"] .list-item,
.modal .result-item,
.dialog .result-item,
.popup .result-item,
.detailModal .result-item,
[role="dialog"] .result-item {
  padding: 10px 12px;
}

@media (max-width: 700px) {
  .list-item,
  .menu-item,
  .option-item,
  .result-item,
  .entity-item,
  .activity-item,
  .timeline-item,
  .feed-item {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .item-actions,
  .menu-item-actions,
  .option-actions,
  .result-actions,
  .entity-actions,
  .activity-actions,
  .timeline-actions,
  .feed-actions {
    width: 100%;
  }

  .modal .list,
  .dialog .list,
  .popup .list,
  .detailModal .list,
  [role="dialog"] .list,
  .modal .results-list,
  .dialog .results-list,
  .popup .results-list,
  .detailModal .results-list,
  [role="dialog"] .results-list {
    max-height: none;
  }
}

/* Print readability, exports, and modal page-break final polish. */

/* keep printable/exported modal content clean and readable */
.print-area,
.export-area,
.receipt-area,
.invoice-area,
.report-print,
.document-preview,
.modal-print-area,
.dialog-print-area {
  min-width: 0;
  max-width: 100%;
  background: #fff;
  color: #111827;
}

.print-header,
.export-header,
.receipt-header,
.invoice-header,
.report-header,
.document-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  margin-bottom: clamp(14px, 2vw, 24px);
}

.print-header > *,
.export-header > *,
.receipt-header > *,
.invoice-header > *,
.report-header > *,
.document-header > * {
  min-width: 0;
}

.print-summary,
.export-summary,
.invoice-summary,
.receipt-summary,
.report-summary,
.document-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: 10px;
  min-width: 0;
  max-width: 100%;
}

.print-line,
.export-line,
.invoice-line,
.receipt-line,
.report-line,
.document-line {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.print-line > *,
.export-line > *,
.invoice-line > *,
.receipt-line > *,
.report-line > *,
.document-line > * {
  min-width: 0;
}

.total-row,
.subtotal-row,
.grand-total-row,
.summary-total-row {
  font-weight: 800;
  border-top: 1px solid rgba(148, 163, 184, .28);
  padding-top: 10px;
  margin-top: 10px;
}

.document-preview table,
.print-area table,
.export-area table,
.receipt-area table,
.invoice-area table,
.report-print table,
.modal-print-area table,
.dialog-print-area table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.document-preview th,
.document-preview td,
.print-area th,
.print-area td,
.export-area th,
.export-area td,
.receipt-area th,
.receipt-area td,
.invoice-area th,
.invoice-area td,
.report-print th,
.report-print td,
.modal-print-area th,
.modal-print-area td,
.dialog-print-area th,
.dialog-print-area td {
  overflow-wrap: anywhere;
  page-break-inside: avoid;
}

@media print {
  html,
  body,
  #root,
  .app,
  .app-shell,
  .layout,
  .main-content,
  .page-content {
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    background: #fff !important;
  }

  .modal,
  .dialog,
  .popup,
  .detailModal,
  [role="dialog"],
  .modal-content,
  .dialog-content,
  .popup-content,
  .detailModal-content,
  [role="dialog"] > .modal-content,
  [role="dialog"] > .content {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .modal-body,
  .dialog-body,
  .popup-body,
  .detailModal-body,
  .scroll-area,
  .scroll-panel,
  .table-container,
  .table-wrapper,
  .data-table-wrapper {
    overflow: visible !important;
    max-height: none !important;
  }

  .modal-footer,
  .dialog-footer,
  .popup-footer,
  .detailModal-footer,
  .form-actions,
  .footer-actions,
  .no-print,
  .sidebar,
  .side-nav,
  .app-sidebar,
  .navigation {
    display: none !important;
  }

  .card,
  .panel,
  .widget,
  .table-section,
  .form-section,
  tr,
  img,
  svg,
  canvas {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  table,
  .data-table,
  .report-table,
  .inventory-table,
  .sales-table,
  .purchase-table,
  .accounting-table,
  .promotions-table {
    min-width: 0 !important;
    font-size: 11px;
  }

  th,
  td {
    padding: 6px 8px !important;
  }
}

/* Forms, validation, focus, and disabled states final polish. */

/* improve forms, validation, and focus clarity inside pages and full-screen dialogs */
.form-field,
.field,
.input-field,
.control-field,
.form-group,
.input-group,
.select-group,
.textarea-group {
  min-width: 0;
  max-width: 100%;
}

.form-field label,
.field label,
.input-field label,
.control-field label,
.form-group label,
.input-group label,
.select-group label,
.textarea-group label,
.label-text,
.field-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  margin-bottom: 6px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.required,
.required-mark,
.field-required {
  color: #dc2626;
  font-weight: 800;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
.btn:focus-visible,
.button:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid rgba(59, 130, 246, .28);
  outline-offset: 2px;
}

input:disabled,
select:disabled,
textarea:disabled,
button:disabled,
.btn:disabled,
.button:disabled,
.is-disabled,
[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .62;
}

input[aria-invalid="true"],
select[aria-invalid="true"],
textarea[aria-invalid="true"],
.input-error,
.has-error input,
.has-error select,
.has-error textarea {
  border-color: rgba(220, 38, 38, .72) !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, .12);
}

.input-success,
.has-success input,
.has-success select,
.has-success textarea {
  border-color: rgba(22, 163, 74, .58) !important;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, .1);
}

.field-help,
.help-text,
.hint-text,
.validation-help,
.validation-error,
.validation-success,
.error-text,
.success-text,
.warning-text {
  display: block;
  margin-top: 6px;
  max-width: 100%;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.validation-error,
.error-text {
  color: #b91c1c;
}

.validation-success,
.success-text {
  color: #15803d;
}

.warning-text {
  color: #b45309;
}

.checkbox-group,
.radio-group,
.switch-group,
.toggle-group,
.options-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  min-width: 0;
  max-width: 100%;
}

.checkbox-item,
.radio-item,
.switch-item,
.toggle-item,
.option-item-control {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  line-height: 1.35;
}

.checkbox-item span,
.radio-item span,
.switch-item span,
.toggle-item span,
.option-item-control span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.modal .form-grid,
.dialog .form-grid,
.popup .form-grid,
.detailModal .form-grid,
[role="dialog"] .form-grid,
.modal .fields-grid,
.dialog .fields-grid,
.popup .fields-grid,
.detailModal .fields-grid,
[role="dialog"] .fields-grid {
  align-items: start;
}

.modal .form-actions,
.dialog .form-actions,
.popup .form-actions,
.detailModal .form-actions,
[role="dialog"] .form-actions {
  padding-top: 14px;
  border-top: 1px solid rgba(148, 163, 184, .22);
}

.modal .field-help,
.dialog .field-help,
.popup .field-help,
.detailModal .field-help,
[role="dialog"] .field-help,
.modal .help-text,
.dialog .help-text,
.popup .help-text,
.detailModal .help-text,
[role="dialog"] .help-text {
  font-size: .92em;
}

@media (max-width: 640px) {
  .checkbox-group,
  .radio-group,
  .switch-group,
  .toggle-group,
  .options-group {
    flex-direction: column;
    align-items: stretch;
  }

  .checkbox-item,
  .radio-item,
  .switch-item,
  .toggle-item,
  .option-item-control {
    width: 100%;
  }
}

/* Typography, section rhythm, and dense modal readability final polish. */

/* final typography rhythm across dense pages and full-screen dialogs */
.page-title,
.module-title,
.section-title,
.panel-title,
.card-title,
.modal-title,
.dialog-title,
.popup-title,
.detailModal-title {
  letter-spacing: -.01em;
  line-height: 1.22;
  max-width: 100%;
}

.page-title,
.module-title,
h1 {
  font-size: clamp(1.45rem, 1.2rem + 1vw, 2.25rem);
}

.section-title,
.panel-title,
.modal-title,
.dialog-title,
h2 {
  font-size: clamp(1.15rem, 1rem + .45vw, 1.55rem);
}

.card-title,
.widget-title,
.subsection-title,
h3,
h4 {
  font-size: clamp(1rem, .95rem + .22vw, 1.18rem);
}

.page-subtitle,
.module-subtitle,
.section-subtitle,
.panel-subtitle,
.card-subtitle,
.modal-subtitle,
.dialog-subtitle,
.popup-subtitle,
.detailModal-subtitle {
  max-width: 900px;
  line-height: 1.55;
  color: #64748b;
}

.content-section,
.page-section,
.module-section,
.report-section,
.inventory-section,
.promotion-section,
.accounting-section,
.sales-section,
.purchase-section,
.settings-section,
.users-section {
  min-width: 0;
  max-width: 100%;
  margin-block: clamp(14px, 2vw, 28px);
}

.content-section:first-child,
.page-section:first-child,
.module-section:first-child,
.report-section:first-child,
.inventory-section:first-child,
.promotion-section:first-child,
.accounting-section:first-child,
.sales-section:first-child,
.purchase-section:first-child,
.settings-section:first-child,
.users-section:first-child {
  margin-top: 0;
}

.section-body,
.panel-content,
.card-content,
.widget-content,
.modal-content-body,
.dialog-content-body,
.popup-content-body,
.detail-content-body {
  min-width: 0;
  max-width: 100%;
}

.section-body > * + *,
.panel-content > * + *,
.card-content > * + *,
.widget-content > * + *,
.modal-content-body > * + *,
.dialog-content-body > * + *,
.popup-content-body > * + *,
.detail-content-body > * + * {
  margin-top: clamp(10px, 1.25vw, 16px);
}

.text-block,
.copy-block,
.description-block,
.notes-block,
.instructions-block,
.help-block {
  max-width: 920px;
  line-height: 1.62;
  overflow-wrap: anywhere;
}

.text-block p,
.copy-block p,
.description-block p,
.notes-block p,
.instructions-block p,
.help-block p {
  margin-block: .45em;
}

.modal .page-title,
.dialog .page-title,
.popup .page-title,
.detailModal .page-title,
[role="dialog"] .page-title,
.modal .module-title,
.dialog .module-title,
.popup .module-title,
.detailModal .module-title,
[role="dialog"] .module-title {
  font-size: clamp(1.25rem, 1.05rem + .8vw, 1.85rem);
}

.modal .content-section,
.dialog .content-section,
.popup .content-section,
.detailModal .content-section,
[role="dialog"] .content-section,
.modal .page-section,
.dialog .page-section,
.popup .page-section,
.detailModal .page-section,
[role="dialog"] .page-section {
  margin-block: clamp(12px, 1.7vw, 22px);
}

.modal .section-body,
.dialog .section-body,
.popup .section-body,
.detailModal .section-body,
[role="dialog"] .section-body {
  border-radius: 16px;
}

.divided-stack > * + *,
.modal .divided-stack > * + *,
.dialog .divided-stack > * + *,
.popup .divided-stack > * + *,
.detailModal .divided-stack > * + * {
  border-top: 1px solid rgba(148, 163, 184, .18);
  padding-top: clamp(12px, 1.6vw, 18px);
}

@media (max-width: 760px) {
  .page-title,
  .module-title,
  h1 {
    font-size: clamp(1.28rem, 1.1rem + 1vw, 1.65rem);
  }

  .section-title,
  .panel-title,
  .modal-title,
  .dialog-title,
  h2 {
    font-size: clamp(1.05rem, 1rem + .5vw, 1.28rem);
  }

  .content-section,
  .page-section,
  .module-section,
  .report-section,
  .inventory-section,
  .promotion-section,
  .accounting-section,
  .sales-section,
  .purchase-section,
  .settings-section,
  .users-section {
    margin-block: 12px;
  }
}

/* Modal action bars, overlays, and floating UI final polish. */

/* keep full-screen dialogs clean when headers, actions, and floating UI are dense */
.modal-header-actions,
.dialog-header-actions,
.popup-header-actions,
.detailModal-header-actions,
.header-actions,
.title-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.modal-header-actions > *,
.dialog-header-actions > *,
.popup-header-actions > *,
.detailModal-header-actions > *,
.header-actions > *,
.title-actions > * {
  flex: 0 1 auto;
  min-width: 0;
}

.modal-close,
.dialog-close,
.popup-close,
.close-button,
.close-btn,
[aria-label="Close"],
[aria-label="إغلاق"] {
  flex: 0 0 auto;
  width: 42px;
  min-width: 42px;
  height: 42px;
  border-radius: 14px;
}

.floating-actions,
.fab-group,
.quick-actions-floating,
.sticky-actions,
.corner-actions {
  position: sticky;
  bottom: clamp(12px, 2vh, 22px);
  z-index: 9;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
  pointer-events: none;
}

.floating-actions > *,
.fab-group > *,
.quick-actions-floating > *,
.sticky-actions > *,
.corner-actions > * {
  pointer-events: auto;
}

.modal .floating-actions,
.dialog .floating-actions,
.popup .floating-actions,
.detailModal .floating-actions,
[role="dialog"] .floating-actions,
.modal .sticky-actions,
.dialog .sticky-actions,
.popup .sticky-actions,
.detailModal .sticky-actions,
[role="dialog"] .sticky-actions {
  margin-top: 12px;
}

.popover,
.tooltip-panel,
.dropdown-menu,
.context-menu,
.datepicker,
.calendar-popover,
.color-picker,
.command-palette {
  max-height: min(70vh, 520px);
  overflow: auto;
  overscroll-behavior: contain;
}

.modal .popover,
.dialog .popover,
.popup .popover,
.detailModal .popover,
[role="dialog"] .popover,
.modal .tooltip-panel,
.dialog .tooltip-panel,
.popup .tooltip-panel,
.detailModal .tooltip-panel,
[role="dialog"] .tooltip-panel,
.modal .datepicker,
.dialog .datepicker,
.popup .datepicker,
.detailModal .datepicker,
[role="dialog"] .datepicker,
.modal .calendar-popover,
.dialog .calendar-popover,
.popup .calendar-popover,
.detailModal .calendar-popover,
[role="dialog"] .calendar-popover {
  max-height: min(58vh, 460px);
}

.overlay,
.modal-overlay,
.dialog-overlay,
.popup-overlay,
.backdrop,
.scrim {
  overscroll-behavior: contain;
}

.modal-shell,
.dialog-shell,
.popup-shell,
.detailModal-shell,
.modal-frame,
.dialog-frame,
.popup-frame,
.detailModal-frame {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.modal-grid,
.dialog-grid,
.popup-grid,
.detailModal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: clamp(12px, 1.6vw, 22px);
  min-width: 0;
  width: 100%;
}

.modal-grid > *,
.dialog-grid > *,
.popup-grid > *,
.detailModal-grid > * {
  min-width: 0;
}

@media (max-width: 720px) {
  .modal-header-actions,
  .dialog-header-actions,
  .popup-header-actions,
  .detailModal-header-actions,
  .header-actions,
  .title-actions {
    width: 100%;
  }

  .modal-header-actions > *,
  .dialog-header-actions > *,
  .popup-header-actions > *,
  .detailModal-header-actions > *,
  .header-actions > *,
  .title-actions > * {
    flex: 1 1 140px;
  }

  .floating-actions,
  .fab-group,
  .quick-actions-floating,
  .sticky-actions,
  .corner-actions {
    justify-content: stretch;
  }

  .floating-actions > *,
  .fab-group > *,
  .quick-actions-floating > *,
  .sticky-actions > *,
  .corner-actions > * {
    flex: 1 1 140px;
  }
}

/* Contrast, status readability, and dense UI final polish. */

/* improve contrast and readability for dense business screens and full-screen dialogs */
:root {
  --posbank-text-strong: #0f172a;
  --posbank-text-body: #334155;
  --posbank-text-muted: #64748b;
  --posbank-border-soft: rgba(148, 163, 184, .24);
  --posbank-surface-soft: rgba(248, 250, 252, .82);
}

body,
.app,
.main-content,
.page-content,
.modal,
.dialog,
.popup,
.detailModal,
[role="dialog"] {
  color: var(--posbank-text-body);
}

h1,
h2,
h3,
h4,
.page-title,
.module-title,
.section-title,
.panel-title,
.card-title,
.modal-title,
.dialog-title,
.popup-title,
.detailModal-title,
.value,
.amount-value,
.total-value,
.price-value {
  color: var(--posbank-text-strong);
}

.text-muted,
.subtext,
.meta-text,
.helper-text,
.description,
.caption,
.page-subtitle,
.module-subtitle,
.section-subtitle,
.card-subtitle,
.panel-subtitle,
.modal-subtitle,
.dialog-subtitle {
  color: var(--posbank-text-muted);
}

.card,
.panel,
.widget,
.table-container,
.table-wrapper,
.form-section,
.table-section,
.details-section,
.filters-section,
.modal-section,
.dialog-section,
.popup-section,
.detailModal-section {
  border-color: var(--posbank-border-soft);
}

.status-active,
.status-success,
.badge-success,
.chip-success,
.tag-success,
.success,
.is-success {
  color: #166534;
  background-color: rgba(220, 252, 231, .9);
  border-color: rgba(22, 101, 52, .18);
}

.status-warning,
.badge-warning,
.chip-warning,
.tag-warning,
.warning,
.is-warning {
  color: #92400e;
  background-color: rgba(254, 243, 199, .92);
  border-color: rgba(146, 64, 14, .18);
}

.status-danger,
.status-error,
.badge-danger,
.badge-error,
.chip-danger,
.chip-error,
.tag-danger,
.tag-error,
.error,
.is-danger,
.is-error {
  color: #991b1b;
  background-color: rgba(254, 226, 226, .92);
  border-color: rgba(153, 27, 27, .18);
}

.status-info,
.badge-info,
.chip-info,
.tag-info,
.info,
.is-info {
  color: #1e3a8a;
  background-color: rgba(219, 234, 254, .92);
  border-color: rgba(30, 58, 138, .18);
}

.status-neutral,
.badge-neutral,
.chip-neutral,
.tag-neutral,
.neutral,
.is-neutral {
  color: #334155;
  background-color: rgba(241, 245, 249, .95);
  border-color: rgba(51, 65, 85, .14);
}

.badge,
.chip,
.tag,
.status,
.pill {
  border: 1px solid rgba(148, 163, 184, .22);
  font-weight: 700;
}

.table-container,
.table-wrapper,
.data-table-wrapper,
.modal .table-container,
.dialog .table-container,
.popup .table-container,
.detailModal .table-container,
[role="dialog"] .table-container {
  background: #fff;
  border: 1px solid var(--posbank-border-soft);
}

thead th,
.table-header-cell,
.data-header-cell {
  color: #334155;
  background: #f8fafc;
}

tbody tr:nth-child(even) td,
.data-row:nth-child(even),
.table-row:nth-child(even) {
  background-color: rgba(248, 250, 252, .42);
}

tbody tr:hover td,
.data-row:hover,
.table-row:hover,
.result-row:hover,
.list-item:hover {
  background-color: rgba(239, 246, 255, .62);
}

.modal-content,
.dialog-content,
.popup-content,
.detailModal-content,
[role="dialog"] > .modal-content,
[role="dialog"] > .content {
  background: #fff;
  color: var(--posbank-text-body);
}

.modal-body,
.dialog-body,
.popup-body,
.detailModal-body {
  background: linear-gradient(180deg, #fff 0%, rgba(248, 250, 252, .55) 100%);
}

kbd,
.code,
.sku,
.barcode,
.reference,
.invoice-number,
.document-number {
  background: rgba(241, 245, 249, .95);
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 8px;
  padding: 2px 6px;
}

@media (prefers-contrast: more) {
  .card,
  .panel,
  .widget,
  .table-container,
  .table-wrapper,
  .modal-content,
  .dialog-content,
  .popup-content,
  .detailModal-content {
    border-color: rgba(51, 65, 85, .42);
  }

  button,
  .btn,
  .button,
  input,
  select,
  textarea {
    border-color: rgba(51, 65, 85, .5);
  }
}

/* Media, icons, side details, and dense detail rows final polish. */

/* keep media, icons, and side detail rows stable in pages and full-screen dialogs */
.icon,
.menu-icon,
.nav-icon,
.card-icon,
.status-icon,
.action-icon,
.field-icon,
.avatar,
.thumbnail,
.product-image,
.item-image,
.logo-mark {
  flex: 0 0 auto;
  object-fit: cover;
}

.icon,
.menu-icon,
.nav-icon,
.status-icon,
.field-icon {
  width: 1.25em;
  height: 1.25em;
  max-width: 24px;
  max-height: 24px;
}

.card-icon,
.feature-icon,
.module-icon,
.metric-icon,
.kpi-icon {
  width: clamp(38px, 4vw, 54px);
  height: clamp(38px, 4vw, 54px);
  border-radius: 14px;
}

.avatar,
.user-avatar,
.customer-avatar,
.vendor-avatar {
  width: 42px;
  height: 42px;
  border-radius: 999px;
}

.thumbnail,
.product-image,
.item-image,
.media-preview {
  max-width: min(100%, 220px);
  max-height: 180px;
  border-radius: 14px;
  overflow: hidden;
}

.media-grid,
.attachments-grid,
.images-grid,
.files-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 12px;
  min-width: 0;
  max-width: 100%;
}

.media-card,
.attachment-card,
.file-card,
.image-card {
  min-width: 0;
  overflow: hidden;
  border-radius: 14px;
}

.detail-row,
.info-row,
.summary-row,
.meta-row,
.property-row,
.attribute-row {
  display: grid;
  grid-template-columns: minmax(110px, .38fr) minmax(0, 1fr);
  gap: 8px 14px;
  align-items: start;
  min-width: 0;
  max-width: 100%;
}

.detail-row > *,
.info-row > *,
.summary-row > *,
.meta-row > *,
.property-row > *,
.attribute-row > * {
  min-width: 0;
  overflow-wrap: anywhere;
}

.detail-label,
.info-label,
.summary-label,
.meta-label,
.property-label,
.attribute-label {
  color: #64748b;
  font-weight: 700;
}

.detail-value,
.info-value,
.summary-value,
.meta-value,
.property-value,
.attribute-value {
  color: #0f172a;
}

.side-details,
.details-sidebar,
.info-sidebar,
.summary-sidebar,
.inspector-panel,
.preview-panel {
  min-width: 0;
  max-width: 100%;
  overflow: auto;
  border-radius: 16px;
}

.modal .side-details,
.dialog .side-details,
.popup .side-details,
.detailModal .side-details,
[role="dialog"] .side-details,
.modal .details-sidebar,
.dialog .details-sidebar,
.popup .details-sidebar,
.detailModal .details-sidebar,
[role="dialog"] .details-sidebar,
.modal .inspector-panel,
.dialog .inspector-panel,
.popup .inspector-panel,
.detailModal .inspector-panel,
[role="dialog"] .inspector-panel {
  max-height: min(72vh, 760px);
}

.media-empty,
.attachment-empty,
.preview-empty,
.image-empty {
  display: grid;
  place-items: center;
  min-height: 140px;
  border: 1px dashed rgba(148, 163, 184, .36);
  border-radius: 16px;
  color: #64748b;
  text-align: center;
}

@media (max-width: 860px) {
  .detail-row,
  .info-row,
  .summary-row,
  .meta-row,
  .property-row,
  .attribute-row {
    grid-template-columns: 1fr;
  }

  .modal .side-details,
  .dialog .side-details,
  .popup .side-details,
  .detailModal .side-details,
  [role="dialog"] .side-details,
  .modal .details-sidebar,
  .dialog .details-sidebar,
  .popup .details-sidebar,
  .detailModal .details-sidebar,
  [role="dialog"] .details-sidebar,
  .modal .inspector-panel,
  .dialog .inspector-panel,
  .popup .inspector-panel,
  .detailModal .inspector-panel,
  [role="dialog"] .inspector-panel {
    max-height: none;
  }
}

/* Overflow, grid stability, and dense action layout final polish. */

/* final containment rules for dense grids, nested content, and full-screen popups */
*,
*::before,
*::after {
  min-width: 0;
}

.grid,
.auto-grid,
.responsive-grid,
.content-grid,
.form-grid,
.cards-grid,
.data-grid,
.modal-grid,
.dialog-grid,
.summary-grid,
.stats-grid {
  min-width: 0;
  max-width: 100%;
}

.grid > *,
.auto-grid > *,
.responsive-grid > *,
.content-grid > *,
.form-grid > *,
.cards-grid > *,
.data-grid > *,
.modal-grid > *,
.dialog-grid > *,
.summary-grid > *,
.stats-grid > * {
  min-width: 0;
  max-width: 100%;
}

.overflow-safe,
.truncate-safe,
.content-safe,
.modal-safe,
.dialog-safe,
.cell-safe {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.truncate,
.text-truncate,
.ellipsis,
.single-line {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.multi-line,
.line-clamp,
.description,
.notes,
.long-description {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.action-cluster,
.button-cluster,
.control-cluster,
.command-row,
.operation-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.action-cluster > *,
.button-cluster > *,
.control-cluster > *,
.command-row > *,
.operation-row > * {
  flex: 0 1 auto;
  min-width: 0;
}

.modal .action-cluster,
.dialog .action-cluster,
.popup .action-cluster,
.detailModal .action-cluster,
[role="dialog"] .action-cluster,
.modal .button-cluster,
.dialog .button-cluster,
.popup .button-cluster,
.detailModal .button-cluster,
[role="dialog"] .button-cluster {
  width: 100%;
}

.scroll-x,
.horizontal-scroll,
.overflow-x-auto {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
}

.scroll-y,
.vertical-scroll,
.overflow-y-auto {
  max-height: min(70vh, 760px);
  overflow-y: auto;
  overscroll-behavior-block: contain;
}

.modal .scroll-y,
.dialog .scroll-y,
.popup .scroll-y,
.detailModal .scroll-y,
[role="dialog"] .scroll-y,
.modal .vertical-scroll,
.dialog .vertical-scroll,
.popup .vertical-scroll,
.detailModal .vertical-scroll,
[role="dialog"] .vertical-scroll {
  max-height: min(62vh, 680px);
}

[data-overflow-safe="true"],
[data-layout="grid"],
[data-layout="stack"],
[data-layout="split"] {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 820px) {
  .action-cluster > *,
  .button-cluster > *,
  .control-cluster > *,
  .command-row > *,
  .operation-row > * {
    flex: 1 1 150px;
  }

  .modal .scroll-y,
  .dialog .scroll-y,
  .popup .scroll-y,
  .detailModal .scroll-y,
  [role="dialog"] .scroll-y,
  .modal .vertical-scroll,
  .dialog .vertical-scroll,
  .popup .vertical-scroll,
  .detailModal .vertical-scroll,
  [role="dialog"] .vertical-scroll {
    max-height: none;
  }
}


/* HR attendance lite */
.app-card.attendance,.app-card.hr{position:relative;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:linear-gradient(145deg,#fff,#f8fbff)}.app-card.attendance:after,.app-card.hr:after{content:"";position:absolute;inset:auto -25% -45% auto;width:170px;height:170px;border-radius:999px;background:rgba(190,18,60,.08)}.hr-attendance-page .header-actions{display:flex;gap:10px;flex-wrap:wrap}.attendance-hero-panel{display:flex;justify-content:space-between;gap:18px;align-items:stretch;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #e3ebf6;border-radius:28px;padding:24px;box-shadow:0 22px 55px rgba(15,23,42,.08)}.attendance-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;width:100%}.attendance-mini-card,.attendance-status-card{border:1px solid #e5edf7;border-radius:22px;background:#fff;padding:18px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.attendance-mini-card span,.attendance-status-card span{display:block;color:#64748b;font-weight:800;margin-bottom:8px}.attendance-mini-card strong,.attendance-status-card strong{font-size:1.45rem;color:#0f172a}.attendance-mini-card.is-in,.attendance-status-card.is-in{border-color:#bbf7d0;background:#f0fdf4}.attendance-mini-card.is-out,.attendance-status-card.is-out{border-color:#fecaca;background:#fff1f2}.attendance-modal-shell{min-width:min(980px,88vw);display:grid;gap:18px}.attendance-modal-hero{border-radius:28px;padding:24px;display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#f8fafc,#eef5ff);border:1px solid #e2e8f0}.attendance-modal-hero.is-active{background:linear-gradient(135deg,#ecfdf5,#dcfce7);border-color:#86efac}.attendance-modal-hero.is-finished{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-color:#fca5a5}.attendance-modal-hero h2{margin:4px 0;font-size:2rem}.attendance-modal-hero strong{font-size:1.7rem;white-space:nowrap}.attendance-actions{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px}.attendance-actions button{border:0;border-radius:22px;padding:18px 20px;font-weight:900;font-size:1.05rem;color:#fff;cursor:pointer;box-shadow:0 16px 35px rgba(15,23,42,.14)}.attendance-action-in{background:linear-gradient(135deg,#16a34a,#22c55e)}.attendance-action-out{background:linear-gradient(135deg,#dc2626,#ef4444)}.attendance-actions button:disabled{opacity:.45;cursor:not-allowed}.hr-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}.hr-overview-grid article{border:1px solid #e5edf7;background:#fff;border-radius:24px;padding:20px;box-shadow:0 14px 35px rgba(15,23,42,.06)}.hr-overview-grid span{display:block;color:#64748b;font-weight:800}.hr-overview-grid strong{display:block;font-size:1.9rem;color:#0f172a;margin:8px 0}.hr-hub-grid .app-card{min-height:210px}.hr-table{max-height:70vh;overflow:auto;border:1px solid #e2e8f0;border-radius:24px;background:#fff}.hr-table table{width:100%;border-collapse:separate;border-spacing:0}.hr-table th,.hr-table td{padding:14px 16px;text-align:right;border-bottom:1px solid #edf2f7;vertical-align:middle}.hr-table th{position:sticky;top:0;background:#f8fafc;color:#475569;font-weight:900;z-index:1}.hr-table input{width:100%;border:1px solid #d8e2ef;border-radius:14px;padding:10px 12px}.hr-green{color:#16a34a;font-weight:900}.hr-red{color:#dc2626;font-weight:900}.hr-shift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.hr-shift-grid article{border:1px solid #e5edf7;background:#fff;border-radius:24px;padding:22px}@media(max-width:760px){.attendance-modal-shell{min-width:0}.attendance-actions{grid-template-columns:1fr}.attendance-modal-hero,.attendance-hero-panel{flex-direction:column}.hr-table th,.hr-table td{min-width:130px}}
/* end HR attendance lite */
.hr-hub-grid [data-hr-app="employees"] h2:before{content:"دليل"!important}.hr-hub-grid [data-hr-app="payroll"] h2:before{content:"راتب"!important}.hr-hub-grid [data-hr-app="attendance"] h2:before{content:"دوام"!important}.hr-hub-grid [data-hr-app="shifts"] h2:before{content:"شفت"!important}.hr-hub-grid [data-hr-app="adjustments"] h2:before{content:"حركة"!important}.app-card.attendance h2:before{content:"دوام"}.app-card.hr h2:before{content:"HR"}

/* Clear Arabic launcher titles: full width, no broken words. */
html body[data-active-page="dashboardPage"] #dashboardPage > .apps-grid .app-card {
  padding: 80px 18px 52px !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}
html body[data-active-page="dashboardPage"] #dashboardPage > .apps-grid .app-card h2 {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  text-shadow: none !important;
}
html body[data-active-page="dashboardPage"] #dashboardPage > .apps-grid .app-card h2::before {
  position: absolute !important;
  top: 24px !important;
  right: 18px !important;
  margin: 0 !important;
}
html body[data-active-page="dashboardPage"] #dashboardPage > .apps-grid .app-card h2::after {
  position: absolute !important;
  bottom: 16px !important;
  right: 18px !important;
  margin: 0 !important;
}
html body[data-active-page="dashboardPage"] #dashboardPage > .apps-grid .app-card p {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
@media (max-width: 600px) {
  html body[data-active-page="dashboardPage"] #dashboardPage > .apps-grid {
    grid-template-columns: 1fr !important;
  }
}
html body[data-active-page="dashboardPage"] #dashboardPage > .apps-grid .app-card {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
}
html body[data-active-page="dashboardPage"] #dashboardPage > .apps-grid .app-card h2 {
  position: static !important;
  align-self: stretch !important;
  flex: none !important;
  transform: none !important;
}

html body #detailModal.detail-modal.financial-report-modal[role=dialog]:not(.is-hidden){z-index:10020!important}

@media print {
  html body:has(#detailModal.financial-report-modal:not(.is-hidden)) > :not(#detailModal) { display:none!important; }
  html body #detailModal.detail-modal.financial-report-modal[role=dialog]:not(.is-hidden) {
    display:block!important;position:static!important;inset:auto!important;
    background:white!important;padding:0!important;overflow:visible!important;
  }
  html body #detailModal.financial-report-modal .detail-modal-card,
  html body #detailModal.financial-report-modal .detail-modal-body,
  html body #detailModal.financial-report-modal .erp-detail-frame,
  html body #detailModal.financial-report-modal .erp-detail-content,
  html body #detailModal.financial-report-modal .report-popup-preview,
  html body #detailModal.financial-report-modal .report-popup-sections,
  html body #detailModal.financial-report-modal .report-preview-section {
    display:block!important;width:100%!important;max-width:none!important;
    height:auto!important;max-height:none!important;overflow:visible!important;
    padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;
    background:white!important;transform:none!important;
  }
  html body #detailModal.financial-report-modal .detail-modal-card > .section-title-row,
  html body #detailModal.financial-report-modal .report-filter-modal,
  html body #detailModal.financial-report-modal .report-launcher-actions { display:none!important; }
  html body #detailModal.financial-report-modal .financial-report-row {
    display:grid!important;grid-template-columns:.8fr 2fr 1fr 1fr 1fr!important;
    gap:6px!important;padding:6px!important;font-size:10pt!important;
    break-inside:avoid!important;border-bottom:1px solid #ddd!important;
  }
}

/* Restored POSBANK interface fixes, preserving existing styles. */



/* HR attendance lite */
.app-card.attendance,.app-card.hr{position:relative;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:linear-gradient(145deg,#fff,#f8fbff)}.app-card.attendance:after,.app-card.hr:after{content:"";position:absolute;inset:auto -25% -45% auto;width:170px;height:170px;border-radius:999px;background:rgba(190,18,60,.08)}.hr-attendance-page .header-actions{display:flex;gap:10px;flex-wrap:wrap}.attendance-hero-panel{display:flex;justify-content:space-between;gap:18px;align-items:stretch;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #e3ebf6;border-radius:28px;padding:24px;box-shadow:0 22px 55px rgba(15,23,42,.08)}.attendance-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;width:100%}.attendance-mini-card,.attendance-status-card{border:1px solid #e5edf7;border-radius:22px;background:#fff;padding:18px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.attendance-mini-card span,.attendance-status-card span{display:block;color:#64748b;font-weight:800;margin-bottom:8px}.attendance-mini-card strong,.attendance-status-card strong{font-size:1.45rem;color:#0f172a}.attendance-mini-card.is-in,.attendance-status-card.is-in{border-color:#bbf7d0;background:#f0fdf4}.attendance-mini-card.is-out,.attendance-status-card.is-out{border-color:#fecaca;background:#fff1f2}.attendance-modal-shell{min-width:min(980px,88vw);display:grid;gap:18px}.attendance-modal-hero{border-radius:28px;padding:24px;display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#f8fafc,#eef5ff);border:1px solid #e2e8f0}.attendance-modal-hero.is-active{background:linear-gradient(135deg,#ecfdf5,#dcfce7);border-color:#86efac}.attendance-modal-hero.is-finished{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-color:#fca5a5}.attendance-modal-hero h2{margin:4px 0;font-size:2rem}.attendance-modal-hero strong{font-size:1.7rem;white-space:nowrap}.attendance-actions{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px}.attendance-actions button{border:0;border-radius:22px;padding:18px 20px;font-weight:900;font-size:1.05rem;color:#fff;cursor:pointer;box-shadow:0 16px 35px rgba(15,23,42,.14)}.attendance-action-in{background:linear-gradient(135deg,#16a34a,#22c55e)}.attendance-action-out{background:linear-gradient(135deg,#dc2626,#ef4444)}.attendance-actions button:disabled{opacity:.45;cursor:not-allowed}.hr-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}.hr-overview-grid article{border:1px solid #e5edf7;background:#fff;border-radius:24px;padding:20px;box-shadow:0 14px 35px rgba(15,23,42,.06)}.hr-overview-grid span{display:block;color:#64748b;font-weight:800}.hr-overview-grid strong{display:block;font-size:1.9rem;color:#0f172a;margin:8px 0}.hr-hub-grid .app-card{min-height:210px}.hr-table{max-height:70vh;overflow:auto;border:1px solid #e2e8f0;border-radius:24px;background:#fff}.hr-table table{width:100%;border-collapse:separate;border-spacing:0}.hr-table th,.hr-table td{padding:14px 16px;text-align:right;border-bottom:1px solid #edf2f7;vertical-align:middle}.hr-table th{position:sticky;top:0;background:#f8fafc;color:#475569;font-weight:900;z-index:1}.hr-table input{width:100%;border:1px solid #d8e2ef;border-radius:14px;padding:10px 12px}.hr-green{color:#16a34a;font-weight:900}.hr-red{color:#dc2626;font-weight:900}.hr-shift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.hr-shift-grid article{border:1px solid #e5edf7;background:#fff;border-radius:24px;padding:22px}@media(max-width:760px){.attendance-modal-shell{min-width:0}.attendance-actions{grid-template-columns:1fr}.attendance-modal-hero,.attendance-hero-panel{flex-direction:column}.hr-table th,.hr-table td{min-width:130px}}
/* end HR attendance lite */
.hr-hub-grid [data-hr-app="employees"] h2:before{content:"دليل"!important}.hr-hub-grid [data-hr-app="payroll"] h2:before{content:"راتب"!important}.hr-hub-grid [data-hr-app="attendance"] h2:before{content:"دوام"!important}.hr-hub-grid [data-hr-app="shifts"] h2:before{content:"شفت"!important}.hr-hub-grid [data-hr-app="adjustments"] h2:before{content:"حركة"!important}.app-card.attendance h2:before{content:"دوام"}.app-card.hr h2:before{content:"HR"}

#analyticsPage>.erp-app-ribbon{display:none!important}

#analyticsPage .erp-app-ribbon{display:none!important}

/* Keep the application navigation independently scrollable while the page stays fixed. */
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-sidebar{overflow:hidden}
.app-shell-nav{min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding-inline-end:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.38) transparent}
.app-shell-nav::-webkit-scrollbar{width:7px}
.app-shell-nav::-webkit-scrollbar-track{background:transparent}
.app-shell-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.38);border-radius:999px}
@media(max-width:820px){.app-shell-nav{flex:0 0 auto;overflow-x:auto;overflow-y:hidden;padding:0 0 4px}}

/* Keep the expand arrow beside the application label on desktop. */
@media(min-width:1181px){body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav .app-nav-group-toggle{grid-template-columns:auto auto!important;grid-template-rows:1fr!important;align-items:center!important;justify-items:stretch!important;justify-content:center!important;gap:6px!important;padding-inline:12px 42px!important}body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav .app-nav-group-toggle b{grid-column:1!important;grid-row:1!important;width:auto!important;margin:0!important;text-align:center!important}body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav .app-nav-group-toggle i{grid-column:2!important;grid-row:1!important;display:block!important;margin:0!important;line-height:1!important}}

/* Analytics intelligence v10 — executive sections, comparisons and operational signals. */
.analytics-section-shell{width:100%;margin:0 auto 22px}
.analytics-section-heading{display:flex;align-items:center;gap:14px;margin:4px 0 12px;padding:0 4px}
.analytics-section-heading>div{display:grid;gap:4px;flex:0 0 auto}
.analytics-section-heading h2{margin:0;color:#0f172a;font-size:1.2rem;letter-spacing:-.03em}
.analytics-section-heading .eyebrow{width:max-content;margin:0!important}
.analytics-section-rule{height:1px;flex:1;background:linear-gradient(90deg,rgba(220,38,38,.28),rgba(148,163,184,.08),transparent)}
.analytics-analysis-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:start}
.analytics-analysis-grid>.analytics-chart{grid-column:span 4;min-width:0}
.analytics-analysis-grid>.analytics-chart.analysis-wide{grid-column:span 8}
.analytics-analysis-grid>.analytics-chart.analysis-half{grid-column:span 4}
.analytics-analysis-grid>.analytics-chart.analysis-full{grid-column:1/-1}
.analytics-analysis-grid>.analytics-chart.dual-trend-panel{min-height:350px}
.analytics-dual-wrap{display:grid;gap:6px}
.analytics-dual-legend{display:flex;justify-content:flex-start;gap:16px;flex-wrap:wrap;color:#475569;font-size:.82rem;font-weight:900}
.analytics-dual-legend span{display:inline-flex;align-items:center;gap:7px}
.analytics-dual-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.analytics-dual-legend .sales-dot{background:#dc2626;box-shadow:0 0 0 4px #fee2e2}
.analytics-dual-legend .purchase-dot{background:#475569;box-shadow:0 0 0 4px #e2e8f0}
.analytics-dual-svg{height:260px!important}
.analytics-dual-line{filter:drop-shadow(0 8px 10px rgba(15,23,42,.12))}
.analytics-dual-dot{stroke:#fff;stroke-width:3}
.analytics-branch-list,.analytics-reorder-list{display:grid;gap:11px}
.analytics-branch-list article,.analytics-reorder-list article{padding:12px 13px;border:1px solid #e8eef6;border-radius:17px;background:rgba(255,255,255,.72);box-shadow:0 8px 18px rgba(15,23,42,.045)}
.branch-list-head{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center}
.branch-list-head .rank{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#eef2f7;color:#475569;font-size:.78rem;font-weight:950}
.branch-list-head div{min-width:0}.branch-list-head strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:.92rem}.branch-list-head small{display:block;margin-top:3px;color:#64748b;font-size:.75rem;font-weight:800}.branch-list-head>b{direction:ltr;color:#0f172a;font-size:.9rem}
.branch-list-track,.reorder-track{height:8px;margin:10px 0 7px;border-radius:99px;background:#eef2f7;overflow:hidden;direction:ltr}.branch-list-track i,.reorder-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#991b1b,#ef4444,#fb7185);box-shadow:0 4px 10px rgba(220,38,38,.2)}
.branch-list-foot{display:flex;justify-content:space-between;gap:8px;color:#64748b;font-size:.73rem;font-weight:850}.branch-list-foot .warn{color:#b45309}.branch-list-foot .ok{color:#15803d}
.analytics-reorder-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center}.analytics-reorder-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:.9rem}.analytics-reorder-list small{display:block;margin-top:3px;color:#64748b;font-size:.75rem;font-weight:800}.reorder-status{padding:5px 8px;border-radius:999px;font-size:.7rem;font-weight:950}.reorder-status.warn{background:#fff7ed;color:#b45309}.reorder-status.danger{background:#fef2f2;color:#b91c1c}.reorder-track{grid-column:1/-1;margin:4px 0 0;height:7px}.reorder-track i{background:linear-gradient(90deg,#f97316,#f59e0b)}
.analytics-cash-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cash-flow-card{min-height:95px;padding:13px;border:1px solid #e7edf5;border-radius:17px;background:linear-gradient(145deg,#fff,#f8fafc)}.cash-flow-card span,.cash-flow-card small{display:block;color:#64748b;font-size:.76rem;font-weight:900}.cash-flow-card strong{display:block;margin:8px 0 4px;direction:ltr;color:#0f172a;font-size:1.25rem}.cash-flow-card.positive{border-color:#bbf7d0;background:linear-gradient(145deg,#fff,#f0fdf4)}.cash-flow-card.positive strong{color:#15803d}.cash-flow-card.negative{border-color:#fed7aa;background:linear-gradient(145deg,#fff,#fff7ed)}.cash-flow-card.negative strong{color:#b45309}.cash-flow-card.neutral strong{color:#475569}
.analytics-analysis-grid>.analytics-chart:nth-child(4n+1){--glow:rgba(220,38,38,.13)}.analytics-analysis-grid>.analytics-chart:nth-child(4n+2){--glow:rgba(71,85,105,.13)}.analytics-analysis-grid>.analytics-chart:nth-child(4n+3){--glow:rgba(249,115,22,.13)}
@media(max-width:1180px){.analytics-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-analysis-grid>.analytics-chart,.analytics-analysis-grid>.analytics-chart.analysis-wide,.analytics-analysis-grid>.analytics-chart.analysis-half{grid-column:span 1}.analytics-analysis-grid>.analytics-chart.analysis-full{grid-column:1/-1}}
@media(max-width:720px){.analytics-section-heading{align-items:flex-start}.analytics-section-rule{display:none}.analytics-analysis-grid{grid-template-columns:1fr}.analytics-analysis-grid>.analytics-chart,.analytics-analysis-grid>.analytics-chart.analysis-wide,.analytics-analysis-grid>.analytics-chart.analysis-half,.analytics-analysis-grid>.analytics-chart.analysis-full{grid-column:1/-1}.analytics-cash-flow{grid-template-columns:1fr}.analytics-dual-svg{height:210px!important}}

/* Inventory items modal sizing fix v11 */
.inventory-service-card{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  overflow:hidden!important;
}
.inventory-service-head{
  position:relative;
  z-index:3;
  flex:0 0 auto;
  background:linear-gradient(135deg,#fff,#f8fafc);
}
.inventory-service-body{
  min-height:0!important;
  overflow:auto!important;
  padding:0 2px 4px!important;
}
.inventory-service-body>section.inventory-tab,
.inventory-service-body>.inventory-tab{
  display:grid!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  color:inherit!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.inventory-service-body .inventory-tab.is-hidden{display:none!important}
.inventory-service-body .inventory-tab>.panel-card{min-width:0!important}
@media(max-width:900px){
  .inventory-service-card{max-height:calc(100vh - 20px)!important}
  .inventory-service-head{margin-bottom:12px!important;padding-bottom:12px!important}
}

/* Inventory products modal full-width content */
.inventory-service-body #inventoryProductsTab.management-layout{
  grid-template-columns:minmax(0,1fr)!important;
}
.inventory-service-body #inventoryProductsTab>.users-table-card{
  grid-column:1/-1!important;
  width:100%!important;
}

/* Inventory hub centered card layout v12 */
#inventoryPage>.inventory-apps-grid{
  width:min(1120px,calc(100% - 48px))!important;
  max-width:1120px!important;
  margin-inline:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:22px!important;
}
#inventoryPage>.inventory-apps-grid>.app-card{
  flex:1 1 238px!important;
  width:238px!important;
  max-width:258px!important;
  min-width:220px!important;
  min-height:176px!important;
  margin:0!important;
}
#inventoryPage>.inventory-apps-grid>.app-card h2,
#inventoryPage>.inventory-apps-grid>.app-card p{text-align:right}
@media(max-width:720px){
  #inventoryPage>.inventory-apps-grid{width:calc(100% - 24px)!important;gap:14px!important}
  #inventoryPage>.inventory-apps-grid>.app-card{flex-basis:calc(50% - 7px)!important;width:auto!important;min-width:0!important;max-width:none!important}
}
@media(max-width:480px){#inventoryPage>.inventory-apps-grid>.app-card{flex-basis:100%!important}}
/* Header language and logout actions */
.header-actions .language-action{min-width:108px;white-space:nowrap}
@media(max-width:520px){.header-actions .language-action{min-width:0;flex:1}.header-actions .compact-action,.header-actions .ghost-button{flex:1}}
/* Keep analytics header actions readable */
#analyticsLogoutButton{min-width:132px;white-space:nowrap}

/* Restored expandable module navigation */
.app-shell-nav .app-nav-group{display:grid;gap:3px}.app-shell-nav .app-nav-group-toggle{position:relative;width:100%;justify-content:flex-start}.app-shell-nav .app-nav-group-toggle i{margin-right:auto;font-style:normal;font-size:12px;opacity:.7;transition:transform .18s ease}.app-shell-nav .app-nav-group.open .app-nav-group-toggle i{transform:rotate(180deg)}.app-shell-nav .app-nav-submenu{display:none;gap:2px;padding:2px 8px 4px 0}.app-shell-nav .app-nav-group.open .app-nav-submenu{display:grid}.app-shell-nav .app-nav-submenu button{min-height:31px;padding:6px 12px;background:rgba(255,255,255,.045);border:1px solid transparent;border-radius:8px;color:#cbd5e1;font-size:.78rem;justify-content:flex-start;text-align:right;box-shadow:none}.app-shell-nav .app-nav-submenu button:hover,.app-shell-nav .app-nav-submenu button.active{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.1);transform:none}

/* Keep the module label and small arrow on the same row at every width. */
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav .app-nav-group-toggle{
  display:grid!important;
  grid-template-columns:auto auto!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
@media(max-width:1180px){
  body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav .app-nav-group-toggle{padding:6px 2px!important}
  body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav .app-nav-group-toggle span{
    grid-column:1!important;grid-row:1!important;width:26px!important;height:26px!important;
  }
}
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav .app-nav-group-toggle b{
  grid-column:1!important;
  grid-row:1!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
}
body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav .app-nav-group-toggle i{
  grid-column:2!important;
  grid-row:1!important;
  display:inline-block!important;
  width:auto!important;
  margin:0!important;
  align-self:center!important;
  font-size:11px!important;
  line-height:1!important;
}

/* Center module names independently of the icon and expansion arrow. */
.app-shell-nav{scrollbar-gutter:stable}
@media(min-width:1181px){
  body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav .app-nav-group-toggle{
    grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    padding-inline:12px!important;
    gap:6px!important;
    transform:none!important;
    transition:background-color .18s ease,border-color .18s ease!important;
  }
  body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav .app-nav-group-toggle b{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    text-align:center!important;
    width:max-content!important;
    margin:0!important;
    font-weight:800!important;
    transform:none!important;
  }
  body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-nav .app-nav-group-toggle i{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:start!important;
    margin:0!important;
  }
}

/* Scroll module options independently, with a visible scrollbar. */
@media(min-width:821px){
  body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) .app-shell-sidebar{
    height:100dvh!important;box-sizing:border-box!important;overflow:hidden!important;
  }
  .app-shell-sidebar .app-shell-brand,.app-shell-sidebar .app-shell-note{flex-shrink:0!important}
  .app-shell-sidebar .app-shell-nav{
    flex:1 1 0!important;min-height:0!important;overflow-y:scroll!important;overflow-x:hidden!important;
    align-content:start!important;grid-auto-rows:max-content!important;
    overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;
    scrollbar-color:#94a3b8 rgba(255,255,255,.08);
  }
  .app-shell-sidebar .app-shell-nav::-webkit-scrollbar{width:8px}
  .app-shell-sidebar .app-shell-nav::-webkit-scrollbar-track{background:rgba(255,255,255,.08);border-radius:8px}
  .app-shell-sidebar .app-shell-nav::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:8px;border:1px solid #334155}
  .app-shell-sidebar .app-shell-nav::-webkit-scrollbar-thumb:hover{background:#cbd5e1}
}

/* POSBANK: readable KPI values and compact inventory navigation. */
.analytics-kpi-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); }
.analytics-kpi > div:not(.kpi-icon) { min-width:0; flex:1; }
.analytics-kpi strong { white-space:nowrap; overflow-wrap:normal; word-break:normal; direction:ltr; unicode-bidi:isolate; font-variant-numeric:tabular-nums; font-size:clamp(1.3rem,2vw,1.72rem); }
.analytics-kpi small { display:block; line-height:1.5; }
.inventory-product-pager { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; padding:16px 0; }
.inventory-product-pager button:disabled { opacity:.45; cursor:default; }
@media(max-width:720px) { .analytics-kpi-grid { grid-template-columns:1fr; } }

/* Match the ten product columns and keep action labels readable in either language. */
#inventoryProductsTab .product-table-head,
#inventoryProductsTab .product-directory-row { grid-template-columns:34px minmax(160px,1.5fr) minmax(100px,1fr) minmax(110px,1fr) 75px 65px 100px 105px 75px 145px; gap:8px; min-width:1080px; }
#inventoryProductsTab .product-row-actions { min-width:145px; flex-wrap:nowrap; }
#inventoryProductsTab .product-row-actions button { min-width:64px; width:auto; white-space:nowrap; word-break:normal; overflow-wrap:normal; padding-inline:10px; }
html[lang="en"] #inventoryServiceModal,
html[lang="en"] #purchaseServiceModal,
html[lang="en"] #accountingServiceModal,
html[lang="en"] #detailModal,
html[lang="en"] #inventoryProductsTab,
html[lang="en"] #inventoryProductsTab .product-table-head,
html[lang="en"] #inventoryProductsTab .product-directory-row,
html[lang="en"] #inventoryProductsTab .count-badge { direction:ltr; }
html[lang="en"] #inventoryServiceModal .inventory-service-head,
html[lang="en"] #inventoryProductsTab .product-management-head,
html[lang="en"] #inventoryProductsTab .product-directory-row,
html[lang="en"] #inventoryProductsTab .product-table-head { text-align:left; }

#inventoryProductsTab .product-table-head > span { white-space:nowrap; font-size:.8rem; }
#inventoryProductsTab .customer-select-all { font-size:0; }
html[lang="en"] #inventoryServiceModal .inventory-service-head > div,
html[lang="en"] #inventoryProductsTab .product-management-head { direction:ltr; }
html[lang="en"] #inventoryServiceModal .inventory-service-head h2,
html[lang="en"] #inventoryServiceModal .inventory-service-head p,
html[lang="en"] #inventoryProductsTab .product-management-head h2,
html[lang="en"] #inventoryProductsTab .product-management-head p { text-align:left; }


/* Purchase screens stay inside the purchases page instead of opening overlays. */
html body[data-active-page="purchasesPage"] #purchaseServiceModal.purchase-service-inline,
html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline { position:static!important; inset:auto!important; z-index:auto!important; display:block!important; padding:0!important; background:transparent!important; backdrop-filter:none!important; direction:rtl; width:100%!important; min-height:0!important; }
html body[data-active-page="purchasesPage"] #purchaseServiceModal.purchase-service-inline.is-hidden, html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline.is-hidden { display:none!important; }
html body[data-active-page="purchasesPage"] #purchaseServiceModal.purchase-service-inline .purchase-service-modal-card, html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-card { width:100%!important; max-width:none!important; max-height:none!important; height:auto!important; margin:14px 0 0!important; overflow:visible!important; border-radius:18px!important; border:1px solid #d9c4d8!important; box-shadow:0 12px 28px rgba(73,38,72,.10)!important; background:linear-gradient(145deg,#fff,#f8f1f7)!important; }
html body[data-active-page="purchasesPage"] #purchaseServiceModal.purchase-service-inline .purchase-service-modal-head { display:flex!important; padding:14px 18px!important; background:linear-gradient(110deg,#4b2949,#744b70)!important; color:#fff!important; border-radius:17px 17px 0 0!important; }
html body[data-active-page="purchasesPage"] #purchaseServiceModal.purchase-service-inline .purchase-service-modal-head h2, html body[data-active-page="purchasesPage"] #purchaseServiceModal.purchase-service-inline .purchase-service-modal-head p { color:#fff!important; }
html body[data-active-page="purchasesPage"] #purchaseServiceModal.purchase-service-inline .purchase-service-modal-actions { display:flex!important; flex-wrap:wrap; gap:8px; align-items:end; }
html body[data-active-page="purchasesPage"] #purchaseServiceModal.purchase-service-inline .purchase-service-modal-body { padding:14px!important; background:#f8f3f8!important; overflow:visible!important; }
html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-card { display:block!important; }
html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-head { display:none!important; }
html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-head h2, html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-head p { color:#fff!important; }
html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-body { padding:14px!important; overflow:visible!important; background:#f8f3f8!important; }
html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-line-entry { position:static!important; }
html body[data-active-page="purchasesPage"] #purchasesListView.purchase-inline-mode > .purchase-service-grid, html body[data-active-page="purchasesPage"] #purchasesListView.purchase-inline-mode > #purchaseSummaryCards { display:none!important; }
@media(max-width:800px){ html body[data-active-page="purchasesPage"] #purchaseServiceModal.purchase-service-inline .purchase-service-modal-head { flex-direction:column; align-items:stretch; } html body[data-active-page="purchasesPage"] #purchaseServiceModal.purchase-service-inline .purchase-service-modal-actions { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); } }

html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-card { margin:0!important; border:0!important; box-shadow:none!important; background:transparent!important; }
html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-body { padding:0!important; background:transparent!important; }
html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline #purchaseCreateView { margin-top:0!important; }

html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline, html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-card, html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-body, html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline #purchaseCreateView { overflow:visible!important; max-height:none!important; height:auto!important; }
html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline #purchaseCreateView { min-height:0!important; }

/* Purchase service screens use the full page like sales screens. */
html body[data-active-page="purchasesPage"] #purchasesPage > .dashboard-header:has(+ #purchasesListView.purchase-inline-mode), html body[data-active-page="purchasesPage"] #purchasesPage > .dashboard-header:has(~ #purchaseCreateView:not(.is-hidden)) { display:none!important; }
html body[data-active-page="purchasesPage"] #purchasesListView.purchase-inline-mode { width:100%!important; max-width:none!important; margin:0!important; padding:0 18px 24px!important; box-sizing:border-box; }
html body[data-active-page="purchasesPage"] #purchasesListView.purchase-inline-mode > #purchaseSummaryCards, html body[data-active-page="purchasesPage"] #purchasesListView.purchase-inline-mode > .purchase-service-grid, html body[data-active-page="purchasesPage"] #purchasesListView.purchase-inline-mode > .purchase-work-panel, html body[data-active-page="purchasesPage"] #purchasesListView.purchase-inline-mode > .purchase-lower-grid { display:none!important; }
html body[data-active-page="purchasesPage"] #purchasesListView.purchase-inline-mode #purchaseServiceModal.purchase-service-inline, html body[data-active-page="purchasesPage"] #purchasesListView.purchase-inline-mode #purchaseInvoiceModal.purchase-invoice-inline { width:100%!important; margin:0!important; }
html body[data-active-page="purchasesPage"] #purchasesListView.purchase-inline-mode #purchaseServiceModal .purchase-service-modal-card { margin:0!important; border-radius:0 0 18px 18px!important; }

/* Hide the purchase hub while the invoice workspace is open. */
html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseCreateView:not(.is-hidden)) > .dashboard-header { display:none!important; }
html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseCreateView:not(.is-hidden)) #purchasesListView > #purchaseSummaryCards, html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseCreateView:not(.is-hidden)) #purchasesListView > .purchase-service-grid, html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseCreateView:not(.is-hidden)) #purchasesListView > .purchase-work-panel, html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseCreateView:not(.is-hidden)) #purchasesListView > .purchase-lower-grid { display:none!important; }
html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseCreateView:not(.is-hidden)) #purchasesListView { padding-top:0!important; }

/* When a purchase section is selected, remove the hub screen behind it. */
html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseServiceModal:not(.is-hidden)) > .dashboard-header, html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseInvoiceModal:not(.is-hidden)) > .dashboard-header { display:none!important; }
html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseServiceModal:not(.is-hidden)) #purchasesListView > #purchaseSummaryCards, html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseServiceModal:not(.is-hidden)) #purchasesListView > .purchase-service-grid, html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseServiceModal:not(.is-hidden)) #purchasesListView > .purchase-work-panel, html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseServiceModal:not(.is-hidden)) #purchasesListView > .purchase-lower-grid, html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseInvoiceModal:not(.is-hidden)) #purchasesListView > #purchaseSummaryCards, html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseInvoiceModal:not(.is-hidden)) #purchasesListView > .purchase-service-grid, html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseInvoiceModal:not(.is-hidden)) #purchasesListView > .purchase-work-panel, html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseInvoiceModal:not(.is-hidden)) #purchasesListView > .purchase-lower-grid { display:none!important; }

/* Purchase form compact theme and approval actions. */
html body[data-active-page="purchasesPage"] #purchaseCreateView .purchase-form { padding:18px!important; border-radius:16px!important; background:linear-gradient(145deg,#fff,#fbf7fb)!important; }
html body[data-active-page="purchasesPage"] #purchaseCreateView .purchase-meta { gap:10px!important; margin-bottom:10px!important; }
html body[data-active-page="purchasesPage"] #purchaseCreateView label { gap:5px!important; }
html body[data-active-page="purchasesPage"] #purchaseCreateView input, html body[data-active-page="purchasesPage"] #purchaseCreateView select { min-height:38px!important; height:38px!important; padding:7px 11px!important; border-radius:9px!important; }
html body[data-active-page="purchasesPage"] #purchaseCreateView > .purchase-form > label { margin-bottom:10px!important; }
html body[data-active-page="purchasesPage"] #purchaseCreateView .purchase-assistant { margin:10px 0!important; border-radius:14px!important; }
html body[data-active-page="purchasesPage"] #purchaseCreateView .purchase-line-entry { padding:10px!important; gap:8px!important; border-radius:12px!important; background:#f5f1f5!important; }
html body[data-active-page="purchasesPage"] #purchaseCreateView .form-actions { gap:8px!important; padding-top:12px!important; }
html body[data-active-page="purchasesPage"] #purchaseCreateView #saveDraftPurchaseButton, html body[data-active-page="purchasesPage"] #purchaseCreateView #savePurchaseButton { min-height:40px!important; height:40px!important; padding:8px 18px!important; border-radius:9px!important; font-weight:800!important; }
html body[data-active-page="purchasesPage"] #purchaseCreateView #saveDraftPurchaseButton { background:#eee7ef!important; color:#573451!important; border:1px solid #c9b2c7!important; }
html body[data-active-page="purchasesPage"] #purchaseCreateView #savePurchaseButton { background:linear-gradient(135deg,#b32027,#d52b35)!important; color:#fff!important; border:0!important; box-shadow:0 8px 16px rgba(179,32,39,.22)!important; }

/* Supplier and other purchase service screens replace the purchase hub. */
html body.purchase-service-active #purchasesPage > .dashboard-header, html body.purchase-service-active #purchasesListView > #purchaseSummaryCards, html body.purchase-service-active #purchasesListView > .purchase-service-grid, html body.purchase-service-active #purchasesListView > .purchase-work-panel, html body.purchase-service-active #purchasesListView > .purchase-lower-grid { display:none!important; }
html body.purchase-service-active #purchasesListView { width:100%!important; max-width:none!important; margin:0!important; padding:0 18px 24px!important; }

html body.purchase-service-active #newPurchaseFromServiceButton { display:inline-flex!important; align-items:center; justify-content:center; min-height:38px!important; padding:8px 18px!important; border-radius:9px!important; background:linear-gradient(135deg,#b32027,#d52b35)!important; color:#fff!important; border:0!important; font-weight:800!important; }

html body #purchasesPage.purchase-service-page > .dashboard-header, html body #purchasesPage.purchase-service-page #purchaseSummaryCards, html body #purchasesPage.purchase-service-page .purchase-service-grid { display:none!important; }

/* ERP unified shell phase 1 — excludes POS and analytics. */
body.erp-modern-page main.dashboard-page { max-width:none!important; }
body.erp-modern-page .dashboard-header { width:min(1480px,calc(100% - 32px)); margin:16px auto 18px; padding:18px 24px!important; border-radius:18px!important; border-top:3px solid #b32027!important; box-shadow:0 10px 24px rgba(37,23,42,.08)!important; }
body.erp-modern-page .dashboard-header h1 { margin:0 0 5px!important; font-size:clamp(22px,2.1vw,32px)!important; }
body.erp-modern-page .dashboard-header p { margin:0!important; color:#64748b!important; }
body.erp-modern-page .panel-card, body.erp-modern-page .apps-grid, body.erp-modern-page .management-layout, body.erp-modern-page .settings-flow, body.erp-modern-page .reports-hub { width:min(1480px,calc(100% - 32px)); margin-left:auto!important; margin-right:auto!important; }
body.erp-modern-page .panel-card { border-radius:16px!important; border:1px solid #e3d9e3!important; box-shadow:0 8px 20px rgba(37,23,42,.06)!important; }
body.erp-modern-page .apps-grid { gap:14px!important; }
body.erp-modern-page .app-card { border-radius:14px!important; min-height:132px!important; padding:18px!important; transition:transform .16s ease,box-shadow .16s ease!important; }
body.erp-modern-page .app-card:hover { transform:translateY(-2px); box-shadow:0 12px 24px rgba(73,38,72,.14)!important; }
body.erp-modern-page input, body.erp-modern-page select, body.erp-modern-page textarea { min-height:40px!important; border-radius:9px!important; }
body.erp-modern-page .form-actions { gap:8px!important; }
body.erp-modern-page button { border-radius:9px!important; font-weight:800!important; }

/* Accounting full-page service workspace. */
html body.accounting-service-active #accountingPage > .dashboard-header, html body.accounting-service-active #accountingPage > #accountingHub { display:none!important; }
html body.accounting-service-active #accountingPage #accountingWorkspace { display:block!important; width:100%!important; margin:0!important; }
html body.accounting-service-active #accountingPage .accounting-toolbar { width:min(1480px,calc(100% - 32px)); margin:16px auto!important; padding:14px 20px!important; border-top:3px solid #b32027!important; }
html body.accounting-service-active #accountingPage .accounting-service-layout { width:min(1480px,calc(100% - 32px)); margin:0 auto 24px!important; }
html body.accounting-service-active #accountingPage .accounting-service-layout > [data-accounting-section].is-hidden { display:none!important; }

/* Inventory full-page service workspace. */
html body.inventory-service-active #inventoryPage > .dashboard-header, html body.inventory-service-active #inventoryPage > #inventoryHub { display:none!important; }
html body.inventory-service-active #inventoryPage #inventoryWorkspace { display:block!important; width:100%!important; margin:0!important; }
html body.inventory-service-active #inventoryPage .inventory-toolbar { width:min(1480px,calc(100% - 32px)); margin:16px auto!important; }
html body.inventory-service-active #inventoryPage .inventory-workspace-panel, html body.inventory-service-active #inventoryPage .inventory-service-layout { width:min(1480px,calc(100% - 32px)); margin:0 auto 24px!important; }

/* Supplier payments use the full accounting workspace width. */
html body.accounting-service-active #accountingPage .accounting-service-layout { display:block!important; width:min(1480px,calc(100% - 32px))!important; margin:0 auto 24px!important; }
html body.accounting-service-active #accountingPage .accounting-service-layout > [data-accounting-section] { width:100%!important; max-width:none!important; box-sizing:border-box; }
html body.accounting-service-active #accountingPage #supplierPaymentForm { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px!important; padding:22px!important; border-top:4px solid #b32027!important; }
html body.accounting-service-active #accountingPage #supplierPaymentForm > .eyebrow, html body.accounting-service-active #accountingPage #supplierPaymentForm > h2, html body.accounting-service-active #accountingPage #supplierPaymentForm > button, html body.accounting-service-active #accountingPage #supplierPaymentForm > small { grid-column:1/-1; }
html body.accounting-service-active #accountingPage #supplierPaymentForm > button { min-height:44px!important; background:linear-gradient(135deg,#b32027,#d52b35)!important; color:#fff!important; border:0!important; border-radius:10px!important; font-weight:800!important; }
@media(max-width:800px){ html body.accounting-service-active #accountingPage #supplierPaymentForm { grid-template-columns:1fr!important; } }
/* Supplier payments: occupy the complete content viewport while active. */
html body.accounting-service-active #accountingPage {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.accounting-service-active #accountingPage .accounting-service-layout {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 24px 24px !important;
}
html body.accounting-service-active #accountingPage #supplierPaymentForm {
  width: 100% !important;
  max-width: none !important;
  min-height: 420px;
  box-sizing: border-box;
}
/* POSBANK compact count operation workspace */
@media screen {
html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(.count-operation){padding:24px!important;place-items:center!important;background:#101827a6;backdrop-filter:blur(8px)}
html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(.count-operation) .count-workspace-modal-card{width:min(1480px,100%)!important;height:auto!important;max-height:calc(100dvh - 48px)!important;padding:20px!important;border:1px solid #e3e7ee!important;border-radius:20px!important;background:#f5f7fb!important;box-shadow:0 24px 90px #0005}
html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(.count-operation) .count-workspace-modal-card>.section-title-row{top:-20px!important;margin:-20px -20px 16px!important;padding:14px 20px!important;background:linear-gradient(110deg,#211827,#4a1623)!important;border-bottom:3px solid #bf233a!important;color:#fff;border-radius:18px 18px 0 0}
#countWorkspaceModal:has(.count-operation) #countWorkspaceModalTitle{font-size:20px!important;color:#fff!important;margin:4px 0 0}
#countWorkspaceModal:has(.count-operation) .section-title-row .eyebrow{background:#ffffff16;color:#ffccd4;border:1px solid #ffffff30}
#countWorkspaceModal:has(.count-operation) #closeCountWorkspaceModal{background:#ffffff12;color:#fff;border-color:#ffffff35;padding:7px 14px;min-height:32px}
#countWorkspaceModal .count-operation{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:12px!important;align-items:stretch}
#countWorkspaceModal .count-operation-intro{grid-column:1/-1;grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);gap:12px;padding:12px 14px;border:1px solid #e1e6ef;border-radius:12px;background:white}
#countWorkspaceModal .count-operation label{font-size:12px;gap:5px}
#countWorkspaceModal .count-operation input,#countWorkspaceModal .count-operation select{min-height:34px!important;padding:7px 10px!important;border-radius:8px!important;font-size:13px!important}
#countWorkspaceModal #countOperationSearch{background:#f8fafc;border-color:#c8d0de}
#countWorkspaceModal #countOperationHint{grid-column:1/-1;margin:0!important;font-size:12px;line-height:1.6;padding:8px 12px;color:#694453;background:#f9edf0;border-inline-start:3px solid #b62038;border-radius:7px}
#countWorkspaceModal .count-excel-tools{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 12px!important;background:#fff!important;border:1px solid #dfe5ee!important;border-radius:10px!important}
#countWorkspaceModal .count-excel-tools label{flex:1 1 220px;max-width:420px;min-width:180px;display:flex;align-items:center;gap:8px;white-space:nowrap}
#countWorkspaceModal .count-excel-tools input[type=file]{padding:3px!important;min-height:30px!important;font-size:11px!important}
#countWorkspaceModal input[type=file]::file-selector-button{background:#f0e8ec;border:0;border-radius:5px;color:#692034;padding:5px 8px;margin-inline-end:8px;font:inherit;cursor:pointer}
#countWorkspaceModal #openingCountFileResult:empty{display:none}
#countWorkspaceModal .count-operation-catalogue,#countWorkspaceModal .count-operation-draft{min-width:0;padding:12px!important;border:1px solid #dfe5ee;border-radius:12px!important;background:#fff;display:flex!important;flex-direction:column;gap:10px!important;box-shadow:0 3px 12px #17213a04}
#countWorkspaceModal .count-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #edf0f5;padding-bottom:10px}
#countWorkspaceModal .count-pane-heading h3,#countWorkspaceModal .count-operation-draft h3{font-size:14px;margin:0;color:#263248}
#countWorkspaceModal .count-pane-heading span{font-size:11px;color:#7c879b}
#countWorkspaceModal .count-operation-draft>h3{border-bottom:1px solid #edf0f5;padding-bottom:10px}
#countWorkspaceModal #countOperationDraftCount{display:inline-grid;place-items:center;min-width:25px;height:23px;padding:0 7px;border-radius:7px;background:#f6e7eb;color:#a21832;font-size:12px;margin-inline-start:6px}
html body[data-active-page="inventoryPage"] #countWorkspaceModal .count-operation-products,#countWorkspaceModal #countOperationDraftTable{display:flex;flex-direction:column;gap:7px;min-height:230px;max-height:40vh!important;overflow:auto;align-content:start;padding:2px}
#countWorkspaceModal .count-operation .empty-state{min-height:0!important;height:auto!important;padding:28px 14px!important;margin:0!important;border:1px dashed #d9dfeb!important;border-radius:9px;background:#fafbfd;font-size:12px!important;line-height:1.7;flex:1;display:grid;place-content:center;text-align:center}
#countWorkspaceModal .count-operation-row{grid-template-columns:minmax(110px,1.4fr) minmax(70px,.7fr) minmax(90px,.9fr) auto;gap:7px;padding:9px;border-radius:9px;font-size:12px}
#countWorkspaceModal .count-operation-row:has(input[type=number]){grid-template-columns:minmax(100px,1.3fr) minmax(60px,.6fr) minmax(80px,.8fr) minmax(60px,.6fr) auto}
#countWorkspaceModal .count-operation-draft-row{display:grid!important;grid-template-columns:minmax(110px,1fr) minmax(120px,.9fr) minmax(75px,.5fr) auto;gap:8px;padding:9px!important;border:1px solid #e3e8f0;border-radius:9px!important;font-size:12px!important;background:#fbfcfe}
#countWorkspaceModal .count-operation-footer{grid-column:1/-1;display:flex;align-items:end;gap:16px;padding:12px 14px;background:#fff;border:1px solid #dfe5ee;border-radius:12px}
#countWorkspaceModal .count-operation-footer>label{flex:1;min-width:0}
#countWorkspaceModal .count-operation-footer .section-actions{display:flex;gap:8px;flex-wrap:wrap}
#countWorkspaceModal .count-operation button,#countWorkspaceModal .count-operation a.small-button{font-size:12px!important;min-height:31px!important;padding:6px 11px!important;border-radius:7px!important;white-space:nowrap}
#countWorkspaceModal #submitCountOperation{background:linear-gradient(110deg,#8d1930,#c5223b)!important;color:#fff;border:0;box-shadow:0 3px 9px #a41d3220}
#countWorkspaceModal .count-operation button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:900px){#countWorkspaceModal .count-operation{grid-template-columns:1fr!important}#countWorkspaceModal .count-operation-products,#countWorkspaceModal #countOperationDraftTable{min-height:140px;max-height:280px!important}#countWorkspaceModal .count-operation-footer{flex-wrap:wrap}#countWorkspaceModal .count-operation-footer>label{flex-basis:100%}}
@media(max-width:600px){html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(.count-operation){padding:8px!important}html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(.count-operation) .count-workspace-modal-card{padding:12px!important;max-height:calc(100dvh - 16px)!important}html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(.count-operation) .count-workspace-modal-card>.section-title-row{top:-12px!important;margin:-12px -12px 12px!important;padding:12px!important}#countWorkspaceModal .count-operation-intro{grid-template-columns:1fr}#countWorkspaceModal .count-operation-draft-row,#countWorkspaceModal .count-operation-row,#countWorkspaceModal .count-operation-row:has(input[type=number]){grid-template-columns:repeat(2,minmax(0,1fr))!important}#countWorkspaceModal .count-operation-draft-row>strong{grid-column:1/-1}#countWorkspaceModal .count-excel-tools label{max-width:none;flex-basis:100%}}
}
@media screen and (min-width:901px){#countWorkspaceModal .count-operation-draft-row:not(:has(input)){grid-template-columns:minmax(95px,1.3fr) minmax(80px,.8fr) minmax(65px,.7fr) minmax(70px,.7fr) auto}}
@media screen and (max-width:900px){html body[data-active-page="inventoryPage"] #countWorkspaceModal .count-operation-products{min-height:140px;max-height:280px!important}}
/* Branch stock adjustment: stable table rows and direct quantity editing. */
@media screen {
html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(.stock-adjustment){padding:24px!important;place-items:center!important;background:#101827a6;backdrop-filter:blur(8px)}
html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(.stock-adjustment) .count-workspace-modal-card{width:min(1480px,100%)!important;height:auto!important;max-height:calc(100dvh - 48px)!important;padding:20px!important;border:1px solid #e0e5ee!important;border-radius:18px!important;background:#f5f7fb!important}
html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(.stock-adjustment) .count-workspace-modal-card>.section-title-row{top:-20px!important;margin:-20px -20px 16px!important;padding:14px 20px!important;background:linear-gradient(110deg,#211827,#4a1623)!important;border-bottom:3px solid #bf233a!important;border-radius:16px 16px 0 0;color:#fff}
#countWorkspaceModal:has(.stock-adjustment) #countWorkspaceModalTitle{color:#fff!important;font-size:20px!important;margin:4px 0 0}
#countWorkspaceModal:has(.stock-adjustment) .eyebrow{color:#ffccd4;background:#ffffff16;border-color:#ffffff30}
#countWorkspaceModal:has(.stock-adjustment) #closeCountWorkspaceModal{color:#fff;background:#ffffff12;border-color:#ffffff35;min-height:32px;padding:6px 14px}
#countWorkspaceModal .stock-adjustment{display:grid;gap:12px;min-width:0;font-size:13px}
#countWorkspaceModal .stock-adjustment-toolbar{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(200px,1.4fr) auto;align-items:end;gap:12px;padding:12px;background:#fff;border:1px solid #dfe5ee;border-radius:12px}
#countWorkspaceModal .stock-adjustment label{display:grid;gap:5px;font-size:12px;font-weight:700;min-width:0}
#countWorkspaceModal .stock-adjustment input:not([type=checkbox]),#countWorkspaceModal .stock-adjustment select{width:100%;min-width:0;min-height:34px!important;padding:7px 10px!important;font-size:13px!important;border:1px solid #ccd5e3;border-radius:7px;background:#fff;box-sizing:border-box}
#countWorkspaceModal .stock-adjustment input[type=checkbox]{width:16px;height:16px;accent-color:#a71f36}
#countWorkspaceModal .stock-adjustment-toolbar .adjust-changes-filter{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 5px}
#countWorkspaceModal .stock-adjustment-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#65738b;font-size:12px;padding:0 4px}
#countWorkspaceModal #adjustStockChanges{background:#f5e7eb;color:#97203a;padding:6px 10px;border-radius:7px;white-space:nowrap}
#countWorkspaceModal .stock-adjustment-table-wrap{overflow:auto;max-height:52vh;min-height:240px;background:#fff;border:1px solid #dfe5ee;border-radius:12px}
#countWorkspaceModal .stock-adjustment-table{width:100%;min-width:740px;border-collapse:separate;border-spacing:0;table-layout:fixed;text-align:start}
#countWorkspaceModal .stock-adjustment-table th{position:sticky;top:0;z-index:1;background:#f0f2f7;color:#48546b;padding:11px 12px;font-size:12px;text-align:start;border-bottom:1px solid #d9e0eb}
#countWorkspaceModal .stock-adjustment-table td{padding:10px 12px;border-bottom:1px solid #edf0f5;font-size:13px;vertical-align:middle;height:auto!important;white-space:normal}
#countWorkspaceModal .stock-adjustment-table th:first-child{width:50px}#countWorkspaceModal .stock-adjustment-table th:nth-child(2){width:32%}#countWorkspaceModal .stock-adjustment-table th:nth-child(3){width:22%}
#countWorkspaceModal .stock-adjustment-table strong{display:block;overflow-wrap:anywhere;line-height:1.5}
#countWorkspaceModal .stock-adjustment-table small{display:block;color:#8390a5;font-size:11px;margin-top:3px}
#countWorkspaceModal .stock-adjustment-table tr.is-edited td{background:#fff4f6}
#countWorkspaceModal .stock-adjustment-table [data-adjust-difference]{font-weight:700;color:#a01e36;direction:ltr;text-align:center}
#countWorkspaceModal .stock-adjustment-table .adjust-empty{height:240px!important;text-align:center;color:#8190a5}
#countWorkspaceModal .stock-adjustment-footer{display:flex;gap:10px;align-items:end;padding:12px;background:#fff;border:1px solid #dfe5ee;border-radius:12px}
#countWorkspaceModal .stock-adjustment-footer label{flex:1}
#countWorkspaceModal .stock-adjustment-footer button{font-size:12px;min-height:34px;padding:7px 12px;border-radius:7px;white-space:nowrap}
#countWorkspaceModal #adjustStockSave{background:linear-gradient(110deg,#8d1930,#c5223b);color:#fff;border:0}
#countWorkspaceModal #adjustSaveCount{margin-inline-start:5px;background:#ffffff25;padding:2px 6px;border-radius:5px}
#countWorkspaceModal .stock-adjustment button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(.stock-adjustment){padding:8px!important}html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(.stock-adjustment) .count-workspace-modal-card{padding:12px!important;max-height:calc(100dvh - 16px)!important}html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(.stock-adjustment) .count-workspace-modal-card>.section-title-row{top:-12px!important;margin:-12px -12px 12px!important;padding:12px!important}#countWorkspaceModal .stock-adjustment-toolbar{grid-template-columns:1fr}#countWorkspaceModal .stock-adjustment-footer{flex-wrap:wrap}#countWorkspaceModal .stock-adjustment-footer label{flex-basis:100%}#countWorkspaceModal .stock-adjustment-summary{flex-wrap:wrap}}
}
/* Avoid flex items compressing inventory count rows. */
#countWorkspaceModal .count-operation-row,#countWorkspaceModal .count-operation-draft-row{flex-shrink:0!important;min-height:58px!important;height:auto!important;overflow:visible!important}
#countWorkspaceModal .stock-clear-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;background:#fff2f4;border:1px solid #edd2d9;border-radius:10px}
#countWorkspaceModal .stock-clear-options button{font-size:12px;min-height:32px;padding:6px 11px;border-radius:7px}
#countWorkspaceModal .stock-clear-options span{font-size:12px;color:#885163;margin-inline-start:auto}
#countWorkspaceModal #clearSelectBranch{background:#fff;color:#aa1e37;border-color:#d999a8}
#countWorkspaceModal .stock-adjustment input[readonly]{background:#f3f5f9;color:#65738b;cursor:default}
@media screen {
html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(#countHistoryToolbar){padding:24px!important;place-items:center!important;background:#101827a6}
html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(#countHistoryToolbar) .count-workspace-modal-card{width:min(1540px,100%)!important;height:auto!important;max-height:calc(100dvh - 48px)!important;padding:20px!important;border-radius:18px!important;background:#f5f7fb!important}
html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(#countHistoryToolbar) .count-workspace-modal-card>.section-title-row{top:-20px!important;margin:-20px -20px 14px!important;padding:14px 20px!important;background:linear-gradient(110deg,#211827,#4a1623)!important;color:white;border-bottom:3px solid #b52038;border-radius:16px 16px 0 0}
#countWorkspaceModal:has(#countHistoryToolbar) #countWorkspaceModalTitle{font-size:20px!important;color:white!important;margin:4px 0}
#countWorkspaceModal:has(#countHistoryToolbar) #closeCountWorkspaceModal{background:#ffffff14;color:white;border-color:#ffffff35}
#countHistoryPanel>.section-title-row h2{font-size:16px!important}
#countHistoryPanel .count-history-toolbar{display:grid;gap:10px;margin-bottom:12px}
.count-history-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;background:#fff;padding:12px;border:1px solid #dfe5ee;border-radius:10px}
.count-history-filters label{display:grid;gap:5px;font-size:12px;font-weight:700;min-width:0}
.count-history-filters input,.count-history-filters select{width:100%;min-width:0;padding:7px 10px!important;min-height:34px!important;border:1px solid #ccd5e3;border-radius:7px!important;font-size:12px!important}
.count-history-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;padding:10px 12px;border:1px solid #dfe5ee;border-radius:10px;font-size:12px}
.count-history-actions label{display:flex;align-items:center;gap:6px}
.count-history-actions input[type=checkbox],.count-history-table input[type=checkbox]{width:16px;height:16px;accent-color:#a51d35}
.count-history-actions button,.count-history-table button{font-size:12px!important;min-height:30px!important;padding:6px 10px!important;border-radius:7px!important}
.count-history-actions small{margin-inline-start:auto;color:#8793a7}
#countHistorySelection{background:#f6e6eb;color:#962038;padding:6px 9px;border-radius:7px}
.count-history-table-wrap{overflow:auto;max-height:55vh;border:1px solid #dfe5ee;border-radius:10px;background:white}
.count-history-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0;white-space:nowrap;font-size:12px;text-align:start}
.count-history-table th{position:sticky;top:0;z-index:1;background:#f0f2f7;padding:11px;text-align:start;color:#526079;border-bottom:1px solid #d9e0eb}
.count-history-table td{padding:10px 11px;border-bottom:1px solid #edf0f5;height:auto!important}
.count-history-table tr:has(input:checked) td{background:#fff0f3}
.count-history-actions button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){.count-history-filters{grid-template-columns:1fr 1fr}html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(#countHistoryToolbar){padding:8px!important}html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(#countHistoryToolbar) .count-workspace-modal-card{padding:12px!important;max-height:calc(100dvh - 16px)!important}html body[data-active-page="inventoryPage"] #countWorkspaceModal:has(#countHistoryToolbar) .count-workspace-modal-card>.section-title-row{top:-12px!important;margin:-12px -12px 12px!important;padding:12px!important}}
}
/* Explicit opening catalogue row layout overrides dense legacy row rules. */
html body[data-active-page="inventoryPage"] #countWorkspaceModal #countOperationProducts .count-operation-row.count-operation-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;min-height:72px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:12px!important;line-height:1.6!important;border-radius:10px!important}
html body[data-active-page="inventoryPage"] #countWorkspaceModal #countOperationProducts .count-operation-row>div{display:grid!important;gap:4px;grid-column:auto!important;min-width:0}
html body[data-active-page="inventoryPage"] #countWorkspaceModal #countOperationProducts .count-operation-row strong{white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;font-size:13px!important;line-height:1.6!important}
html body[data-active-page="inventoryPage"] #countWorkspaceModal #countOperationProducts .count-operation-row small{font-size:11px!important;color:#7c879b;white-space:normal!important}
html body[data-active-page="inventoryPage"] #countWorkspaceModal #countOperationProducts .count-operation-row>span{font-size:12px!important;padding:5px 8px;background:#f0f3f8;border-radius:6px;white-space:nowrap}
html body[data-active-page="inventoryPage"] #countWorkspaceModal #countOperationDraftTable .count-operation-draft-row{min-height:88px!important;padding:12px!important;gap:10px!important;grid-template-columns:minmax(0,1fr) minmax(145px,.85fr) minmax(85px,.55fr) auto!important}
html body[data-active-page="inventoryPage"] #countWorkspaceModal #countOperationDraftTable .count-operation-draft-row>strong{font-size:13px!important;line-height:1.6!important;white-space:normal!important;overflow-wrap:anywhere}
html body[data-active-page="inventoryPage"] #countWorkspaceModal #countOperationDraftTable input{font-size:14px!important;min-height:38px!important}
@media(max-width:700px){html body[data-active-page="inventoryPage"] #countWorkspaceModal #countOperationDraftTable .count-operation-draft-row{grid-template-columns:1fr 1fr!important}html body[data-active-page="inventoryPage"] #countWorkspaceModal #countOperationDraftTable .count-operation-draft-row>strong{grid-column:1/-1!important}}
/* Inventory alerts workspace */
@media screen {
html body[data-active-page="inventoryPage"] #inventoryServiceModal:has(#inventoryAlertsTab){padding:24px!important;place-items:center!important;background:#101827a6!important;backdrop-filter:blur(8px)}
html body[data-active-page="inventoryPage"] #inventoryServiceModal:has(#inventoryAlertsTab) .inventory-service-card{width:min(1540px,100%)!important;height:auto!important;max-height:calc(100dvh - 48px)!important;padding:18px!important;border:1px solid #e0e5ee!important;border-radius:18px!important;background:#f5f7fb!important;overflow:auto!important}
html body[data-active-page="inventoryPage"] #inventoryServiceModal:has(#inventoryAlertsTab) .inventory-service-head{padding:16px 18px!important;margin:-18px -18px 16px!important;background:linear-gradient(110deg,#211827,#4a1623)!important;color:#fff;border-bottom:3px solid #b52139!important;border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#inventoryServiceModal:has(#inventoryAlertsTab) #inventoryServiceTitle{font-size:21px!important;color:#fff!important;margin:4px 0}
#inventoryServiceModal:has(#inventoryAlertsTab) #inventoryServiceSubtitle{color:#dec8d0!important;font-size:12px!important;margin:4px 0}
#inventoryServiceModal:has(#inventoryAlertsTab) .inventory-service-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#inventoryServiceModal:has(#inventoryAlertsTab) .inventory-service-actions input{width:280px!important;min-height:34px!important;font-size:12px!important;border-radius:7px!important;background:#fff;color:#263248;padding:7px 10px!important}
#inventoryServiceModal:has(#inventoryAlertsTab) .inventory-service-actions button{color:#fff;background:#ffffff14;border-color:#ffffff35;font-size:12px!important;min-height:32px!important;padding:6px 11px!important;border-radius:7px!important}
#inventoryServiceModal:has(#inventoryAlertsTab) .inventory-service-head .eyebrow{background:#ffffff16;color:#ffccd4;border-color:#ffffff30}
#inventoryAlertsTab>.panel-card{padding:14px!important;border:1px solid #dfe5ee;border-radius:12px!important;background:white;box-shadow:none!important}
#inventoryAlertsTab>.panel-card>.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px!important;padding:0 0 12px!important;border-bottom:1px solid #e7ebf2!important;background:transparent!important}
#inventoryAlertsTab .section-title-row h2{font-size:16px!important;margin:3px 0!important}
#inventoryAlertsTab .section-title-row p{font-size:12px!important;margin:4px 0!important;color:#77869e}
#inventoryAlertsTab #alertBranchSelect{width:220px!important;min-height:35px!important;font-size:13px!important;padding:7px 10px!important;border-radius:7px!important;background:#f8fafc}
#inventoryAlertsTab .alerts-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
#inventoryAlertsTab .alerts-overview article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;background:#f7f8fc;border:1px solid #e3e8f0;border-radius:10px;min-width:0}
#inventoryAlertsTab .alerts-overview span{font-size:12px;color:#69778e;line-height:1.6}
#inventoryAlertsTab .alerts-overview strong{font-size:25px;color:#4d2335}
#inventoryAlertsTab .alerts-overview .alerts-critical{background:#fff1f4;border-color:#f0d0d8}
#inventoryAlertsTab .alerts-list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
#inventoryAlertsTab .alerts-list-heading h3{font-size:14px;margin:0}
#inventoryAlertsTab .alerts-list-heading span{font-size:11px;color:#8490a5}
#inventoryAlertsTab .alerts-table-wrap{overflow:auto;max-height:49vh;border:1px solid #dfe5ee;border-radius:10px}
#inventoryAlertsTab .alerts-table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0;text-align:start;font-size:13px}
#inventoryAlertsTab .alerts-table th{position:sticky;top:0;z-index:1;padding:11px 12px;background:#f0f2f7;color:#536079;text-align:start;font-size:12px;border-bottom:1px solid #dce2ed}
#inventoryAlertsTab .alerts-table td{padding:12px;border-bottom:1px solid #edf0f5;height:auto!important;vertical-align:middle}
#inventoryAlertsTab .alerts-table td:first-child{max-width:360px;min-width:210px}
#inventoryAlertsTab .alerts-table strong{display:block;line-height:1.6;overflow-wrap:anywhere}
#inventoryAlertsTab .alerts-table small{display:block;margin-top:4px;color:#8591a5;font-size:11px;line-height:1.6}
#inventoryAlertsTab .alerts-table .alerts-production-note{color:#80516a}
#inventoryAlertsTab .alerts-table .alerts-zero,#inventoryAlertsTab .alerts-table .alerts-expired{color:#b21e38;font-weight:700}
#inventoryAlertsTab .alerts-codes{direction:ltr;text-align:end;font-size:12px}
#inventoryAlertsTab .alerts-status{display:inline-block;padding:5px 9px;border-radius:6px;white-space:nowrap;font-size:11px;font-weight:700}
#inventoryAlertsTab .alerts-status.critical{background:#fbe6eb;color:#a51b33}#inventoryAlertsTab .alerts-status.warning{background:#fff3d9;color:#8e640d}
#inventoryAlertsTab .alerts-empty{height:180px!important;text-align:center;color:#8190a5}
@media(max-width:800px){#inventoryAlertsTab .alerts-overview{grid-template-columns:repeat(2,minmax(0,1fr))}html body[data-active-page="inventoryPage"] #inventoryServiceModal:has(#inventoryAlertsTab){padding:8px!important}html body[data-active-page="inventoryPage"] #inventoryServiceModal:has(#inventoryAlertsTab) .inventory-service-card{max-height:calc(100dvh - 16px)!important;padding:12px!important}html body[data-active-page="inventoryPage"] #inventoryServiceModal:has(#inventoryAlertsTab) .inventory-service-head{margin:-12px -12px 12px!important;padding:12px!important}#inventoryServiceModal:has(#inventoryAlertsTab) .inventory-service-actions input{width:min(280px,100%)!important}#inventoryAlertsTab #alertBranchSelect{width:160px!important}}
}
/* Direct movement report workspace */
@media screen {
html body[data-active-page="inventoryPage"] #movementWorkspaceModal{padding:24px!important;place-items:center!important;background:#101827a6;backdrop-filter:blur(8px)}
html body[data-active-page="inventoryPage"] #movementWorkspaceModal .inventory-workspace-modal-card{width:min(1580px,100%)!important;height:auto!important;max-height:calc(100dvh - 48px)!important;padding:18px!important;border:1px solid #e0e5ee!important;border-radius:18px!important;background:#f5f7fb!important;overflow:auto!important}
html body[data-active-page="inventoryPage"] #movementWorkspaceModal .inventory-workspace-modal-card>.section-title-row{top:-18px!important;margin:-18px -18px 14px!important;padding:16px 18px!important;background:linear-gradient(110deg,#211827,#4a1623)!important;color:white;border-bottom:3px solid #b52038;border-radius:16px 16px 0 0}
#movementWorkspaceModalTitle{font-size:21px!important;color:white!important;margin:4px 0}
#movementWorkspaceModal>.inventory-workspace-modal-card>.section-title-row .eyebrow{background:#ffffff16;color:#ffccd4;border-color:#ffffff30}
#closeMovementWorkspaceModal{background:#ffffff14;color:white;border-color:#ffffff35;font-size:12px!important;min-height:32px!important;padding:6px 12px!important}
#movementWorkspaceModal .inventory-workspace-modal-actions{display:flex;gap:8px;margin:0 0 12px;justify-content:flex-end}
#movementWorkspaceModal button{font-size:12px!important;min-height:32px!important;padding:6px 11px!important;border-radius:7px!important}
#movementReportPanel{display:block!important;padding:14px!important;background:white;border:1px solid #dfe5ee!important;border-radius:12px!important;box-shadow:none!important}
#movementReportPanel>.section-title-row{min-height:0!important;padding:0 0 10px!important;margin:0 0 12px!important;background:transparent!important;border-bottom:1px solid #e7ebf2!important}
#movementReportPanel>.section-title-row h2{font-size:16px!important}
#movementWorkspaceModal #movementFilters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;padding:12px;border:1px solid #e3e8f0;border-radius:10px;background:#f8fafc;margin-bottom:12px!important;align-items:end!important}
#movementFilters label{display:grid;gap:5px;font-size:12px;min-width:0}
#movementFilters select,#movementFilters input{width:100%!important;min-width:0;min-height:35px!important;padding:7px 10px!important;font-size:12px!important;border-radius:7px!important;background:white;border:1px solid #ccd5e3}
#movementFilters button[type=submit]{background:linear-gradient(110deg,#8d1930,#c5223b);color:white;border:0}
#movementFilterStatus{grid-column:1/-1;font-size:12px;color:#75839b;min-height:18px}
#movementWorkspaceModal .movement-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
#movementWorkspaceModal .movement-summary article{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f7f8fc;border:1px solid #e3e8f0;border-radius:9px;gap:8px}
#movementWorkspaceModal .movement-summary span{font-size:12px;color:#77849b}#movementWorkspaceModal .movement-summary strong{font-size:23px;color:#64233c}
#movementWorkspaceModal .movement-table-wrap{overflow:auto;max-height:43vh;border:1px solid #dfe5ee;border-radius:10px}
#movementWorkspaceModal .movement-ledger{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0;font-size:12px;text-align:start}
#movementWorkspaceModal .movement-ledger th{position:sticky;top:0;z-index:1;background:#f0f2f7;color:#536079;padding:10px;text-align:start;white-space:nowrap;border-bottom:1px solid #d9e1ed}
#movementWorkspaceModal .movement-ledger td{padding:11px 10px;border-bottom:1px solid #edf0f5;vertical-align:middle;height:auto!important}
#movementWorkspaceModal .movement-ledger strong{display:block;line-height:1.6;min-width:170px;max-width:300px;overflow-wrap:anywhere}
#movementWorkspaceModal .movement-ledger small{display:block;color:#8a95a8;font-size:11px;margin-top:4px}
#movementWorkspaceModal .movement-kind{display:inline-block;background:#f1e9ed;color:#7e3450;padding:5px 8px;border-radius:6px;white-space:nowrap;font-size:11px}
#movementWorkspaceModal .movement-empty{height:160px!important;text-align:center;color:#8390a5}
#moreInventoryMovements{margin-top:12px}
@media(max-width:750px){html body[data-active-page="inventoryPage"] #movementWorkspaceModal{padding:8px!important}html body[data-active-page="inventoryPage"] #movementWorkspaceModal .inventory-workspace-modal-card{padding:12px!important;max-height:calc(100dvh - 16px)!important}html body[data-active-page="inventoryPage"] #movementWorkspaceModal .inventory-workspace-modal-card>.section-title-row{top:-12px!important;margin:-12px -12px 12px!important;padding:12px!important}#movementWorkspaceModal #movementFilters{grid-template-columns:repeat(2,minmax(0,1fr))}#movementWorkspaceModal .movement-summary article{padding:10px;flex-direction:column;align-items:start}}
}
/* Compact count operations menu */
@media screen {
html body[data-active-page="inventoryPage"] #inventoryServiceModal:has(#inventoryCountsTab){padding:24px!important;place-items:center!important;background:#101827a6!important;backdrop-filter:blur(8px)}
html body[data-active-page="inventoryPage"] #inventoryServiceModal:has(#inventoryCountsTab) .inventory-service-card{width:min(1140px,100%)!important;height:auto!important;max-height:calc(100dvh - 48px)!important;padding:20px!important;border:1px solid #e0e5ee!important;border-radius:18px!important;background:#f5f7fb!important;overflow:auto!important}
html body[data-active-page="inventoryPage"] #inventoryServiceModal:has(#inventoryCountsTab) .inventory-service-head{padding:16px 20px!important;margin:-20px -20px 16px!important;background:linear-gradient(110deg,#211827,#4a1623)!important;color:white;border-bottom:3px solid #b52038!important;border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
#inventoryServiceModal:has(#inventoryCountsTab) #inventoryServiceTitle{font-size:22px!important;color:white!important;margin:4px 0}
#inventoryServiceModal:has(#inventoryCountsTab) #inventoryServiceSubtitle{font-size:12px!important;color:#dfcbd2!important;margin:3px 0}
#inventoryServiceModal:has(#inventoryCountsTab) .inventory-service-head .eyebrow{background:#ffffff16;color:#ffccd4;border-color:#ffffff30}
#inventoryServiceModal:has(#inventoryCountsTab) #inventoryServiceClose{background:#ffffff14;color:white;border-color:#ffffff35;min-height:32px;padding:6px 12px;font-size:12px}
#inventoryServiceModal:has(#inventoryCountsTab) #inventoryServiceSearch,#inventoryServiceModal:has(#inventoryCountsTab) #inventoryServicePrint{display:none!important}
#inventoryCountsTab #countWorkspaceActions{display:grid!important;gap:18px!important;padding:20px!important;min-height:0!important;background:white;border:1px solid #dfe5ee;border-radius:12px!important;box-shadow:none!important}
#countWorkspaceActions .count-menu-intro h2{font-size:20px!important;margin:4px 0!important;color:#263248}
#countWorkspaceActions .count-menu-intro p{font-size:13px;line-height:1.7;margin:5px 0 0;color:#7a879d}
#countWorkspaceActions .count-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#countWorkspaceActions .count-menu-option{display:grid!important;grid-template-columns:44px minmax(0,1fr);gap:6px 12px;align-items:start;padding:18px!important;border:1px solid #e0e5ee!important;border-radius:12px!important;background:#fafbfe!important;color:#263248!important;text-align:start!important;white-space:normal!important;min-height:140px!important;box-shadow:none!important;transition:border-color .15s,background .15s,transform .15s}
#countWorkspaceActions .count-menu-option .count-menu-icon{grid-row:1/4;display:grid;place-items:center;width:42px;height:42px;font-size:26px;font-weight:500;color:#92213d;background:#f3e6ec;border-radius:10px}
#countWorkspaceActions .count-menu-option strong{font-size:16px!important;line-height:1.6;color:#3b2635}
#countWorkspaceActions .count-menu-option>span:not(.count-menu-icon){font-size:12px!important;line-height:1.8;color:#77849b}
#countWorkspaceActions .count-menu-option small{font-size:11px!important;line-height:1.7;color:#9b526b;margin-top:3px}
#countWorkspaceActions .count-menu-option:hover{background:#fff5f7!important;border-color:#c990a2!important;transform:translateY(-2px)}
#countWorkspaceActions .count-menu-option:focus-visible{outline:3px solid #c58198;outline-offset:3px}
#countWorkspaceActions .count-menu-option:disabled{opacity:.45;cursor:wait;transform:none}
#countWorkspaceActions .count-menu-danger .count-menu-icon{background:#fbe7eb;color:#b51e38}
#countWorkspaceActions .count-menu-note{font-size:12px;color:#8390a5;padding:11px 12px;border-radius:8px;background:#f6f8fb;border:1px solid #e7ebf2;line-height:1.7}
@media(max-width:650px){html body[data-active-page="inventoryPage"] #inventoryServiceModal:has(#inventoryCountsTab){padding:8px!important}html body[data-active-page="inventoryPage"] #inventoryServiceModal:has(#inventoryCountsTab) .inventory-service-card{padding:12px!important;max-height:calc(100dvh - 16px)!important}html body[data-active-page="inventoryPage"] #inventoryServiceModal:has(#inventoryCountsTab) .inventory-service-head{padding:12px!important;margin:-12px -12px 12px!important}#inventoryCountsTab #countWorkspaceActions{padding:12px!important}#countWorkspaceActions .count-menu-grid{grid-template-columns:1fr}#countWorkspaceActions .count-menu-option{min-height:122px!important;padding:14px!important}}
}

.purchase-create-missing{margin-top:6px;color:#a51930;border-color:#e8bcc5;background:#fff4f6;max-width:100%;white-space:normal;text-align:right}

/* Compact customer directory within shell content. */
@media screen{
html body.accounting-service-active #accountingPage[data-accounting-app="customers"]{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;padding:18px!important;overflow-x:hidden}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .accounting-service-layout{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .accounting-service-layout>section[data-accounting-section="customers"]{width:100%!important;min-width:0!important;margin:0!important;padding:16px!important;box-sizing:border-box!important;border-radius:16px!important}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .app-hub-header{display:none!important}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-management-head{display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:12px!important;margin:-16px -16px 14px!important;padding:16px!important;background:linear-gradient(110deg,#211827,#511a2a)!important;color:white;border-bottom:3px solid #bd263c;border-radius:15px 15px 0 0}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-management-head h2{color:#fff!important;font-size:21px!important;margin:4px 0!important}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-management-head p{color:#e7cbd3!important;font-size:12px!important;margin:0!important}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-management-head .eyebrow{color:#ffd4de!important;background:#ffffff12!important}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-management-head .section-actions{display:flex!important;flex-wrap:wrap;gap:7px!important;margin:0!important}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] button{height:34px!important;min-height:34px!important;padding:6px 12px!important;font-size:12px!important;border-radius:8px!important}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-directory-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-directory-overview>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #e6dfe5;border-radius:9px;background:#faf7f9}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-directory-overview span{font-size:12px;color:#6b6171}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-directory-overview strong{font-size:20px;color:#92203b}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-management-tools{width:100%!important;max-width:none!important;box-sizing:border-box!important;grid-template-columns:minmax(0,1fr) 170px!important;margin:0 0 12px!important;padding:9px!important;border-radius:10px!important;gap:8px!important;box-shadow:none!important;background:#f8fafc!important}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-table-head{display:grid!important;background:#f1edf2;padding:10px 12px!important;margin:0!important;border-radius:8px;font-size:11px}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] #accountingCustomersTable{gap:0!important}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-directory-row{display:grid!important;min-height:50px!important;margin:0!important;padding:9px 12px!important;border:0!important;border-bottom:1px solid #e9e5ed!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;font-size:12px}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-directory-row:nth-child(even){background:#fbf9fc!important}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-directory-row:hover{background:#f7edf1!important}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] input[type=checkbox]{width:16px!important;height:16px!important;min-height:16px!important;accent-color:#a41e39}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-directory-row .status{font-size:10px!important;padding:4px 7px!important}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-table-head{grid-template-columns:52px minmax(120px,1.5fr) minmax(95px,.8fr) minmax(130px,1.15fr) 85px 65px 65px!important;gap:10px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-directory-row{grid-template-columns:52px minmax(120px,1.5fr) minmax(95px,.8fr) minmax(130px,1.15fr) 85px 65px 65px!important;gap:10px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
@media(max-width:1050px){html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-table-head{display:none!important}html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-directory-row{grid-template-columns:24px minmax(0,1fr) 90px!important;gap:8px!important}html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-directory-row>strong{grid-column:2/4}html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-directory-row>span:nth-of-type(1){grid-column:2}html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-directory-row>span:nth-of-type(2){grid-column:2/4;white-space:normal;overflow-wrap:anywhere}html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-directory-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html body.accounting-service-active #accountingPage[data-accounting-app="customers"] .customer-management-tools{grid-template-columns:1fr!important}html body.accounting-service-active #accountingPage[data-accounting-app="customers"]{padding:10px!important}}
}

/* Compact supplier directory within shell content. */
@media screen{
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"]{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;padding:18px!important;overflow-x:hidden}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .accounting-service-layout{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .accounting-service-layout>section[data-accounting-section="suppliers"]{width:100%!important;min-width:0!important;margin:0!important;padding:16px!important;box-sizing:border-box!important;border-radius:16px!important}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .app-hub-header{display:none!important}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .customer-management-head{display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:12px!important;margin:-16px -16px 14px!important;padding:16px!important;background:linear-gradient(110deg,#211827,#511a2a)!important;color:white;border-bottom:3px solid #bd263c;border-radius:15px 15px 0 0}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .customer-management-head h2{color:#fff!important;font-size:21px!important;margin:4px 0!important}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .customer-management-head p{color:#e7cbd3!important;font-size:12px!important;margin:0!important}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .customer-management-head .eyebrow{color:#ffd4de!important;background:#ffffff12!important}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .customer-management-head .section-actions{display:flex!important;flex-wrap:wrap;gap:7px!important;margin:0!important}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] button{height:34px!important;min-height:34px!important;padding:6px 12px!important;font-size:12px!important;border-radius:8px!important}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .supplier-directory-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .supplier-directory-overview>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #e6dfe5;border-radius:9px;background:#faf7f9}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .supplier-directory-overview span{font-size:12px;color:#6b6171}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .supplier-directory-overview strong{font-size:20px;color:#92203b}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .customer-management-tools{width:100%!important;max-width:none!important;box-sizing:border-box!important;grid-template-columns:minmax(0,1fr) 170px!important;margin:0 0 12px!important;padding:9px!important;border-radius:10px!important;gap:8px!important;box-shadow:none!important;background:#f8fafc!important}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .customer-table-head{display:grid!important;background:#f1edf2;padding:10px 12px!important;margin:0!important;border-radius:8px;font-size:11px}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] #suppliersTable{gap:0!important}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .supplier-directory-row{display:grid!important;min-height:50px!important;margin:0!important;padding:9px 12px!important;border:0!important;border-bottom:1px solid #e9e5ed!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;font-size:12px}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .supplier-directory-row:nth-child(even){background:#fbf9fc!important}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .supplier-directory-row:hover{background:#f7edf1!important}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] input[type=checkbox]{width:16px!important;height:16px!important;min-height:16px!important;accent-color:#a41e39}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .supplier-directory-row .status{font-size:10px!important;padding:4px 7px!important}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .customer-table-head{grid-template-columns:52px minmax(120px,1.5fr) minmax(95px,.8fr) minmax(130px,1.15fr) 85px 65px 65px!important;gap:10px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .supplier-directory-row{grid-template-columns:52px minmax(120px,1.5fr) minmax(95px,.8fr) minmax(130px,1.15fr) 85px 65px 65px!important;gap:10px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
@media(max-width:1050px){html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .customer-table-head{display:none!important}html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .supplier-directory-row{grid-template-columns:24px minmax(0,1fr) 90px!important;gap:8px!important}html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .supplier-directory-row>strong{grid-column:2/4}html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .supplier-directory-row>span:nth-of-type(1){grid-column:2}html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .supplier-directory-row>span:nth-of-type(2){grid-column:2/4;white-space:normal;overflow-wrap:anywhere}html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .supplier-directory-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"] .customer-management-tools{grid-template-columns:1fr!important}html body.accounting-service-active #accountingPage[data-accounting-app="suppliers"]{padding:10px!important}}
}

/* Compact supplier payment workspace */
@media screen{html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"]{width:100%!important;min-width:0!important;max-width:100%!important;padding:18px!important;box-sizing:border-box!important;overflow-x:hidden}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] .app-hub-header{display:none!important}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] .accounting-service-layout{width:100%!important;max-width:1180px!important;min-width:0!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] #supplierPaymentForm{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;min-height:0!important;padding:18px!important;margin:0!important;border-radius:16px!important;border-top:0!important;box-sizing:border-box!important}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] .supplier-payment-workspace-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;margin:-18px -18px 4px;background:linear-gradient(110deg,#211827,#511a2a);color:white;border-bottom:3px solid #bd263c;border-radius:15px 15px 0 0}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] .supplier-payment-workspace-head h2{color:white!important;font-size:21px;margin:4px 0}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] .supplier-payment-workspace-head p{color:#e7cbd3;font-size:12px;margin:0}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] .supplier-payment-workspace-head .eyebrow{color:#ffd4de;background:#ffffff12}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] #supplierPaymentForm label{min-width:0!important;display:grid;gap:5px!important;font-size:12px}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] #supplierPaymentForm input, html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] #supplierPaymentForm select{width:100%!important;min-width:0!important;min-height:36px!important;height:36px!important;padding:7px 10px!important;border-radius:8px!important;box-sizing:border-box!important}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] #supplierPaymentNotice.is-hidden{display:none!important}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] #supplierPaymentNotice{grid-column:1/-1;margin:0!important;padding:9px 12px!important;min-height:0!important}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] #supplierPaymentImpact{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;background:#faf7f9!important;border:1px solid #e7dce2!important;border-radius:10px!important;min-height:0!important}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] #supplierPaymentImpact>div{padding:10px 12px!important;background:white!important;border-radius:8px!important;box-shadow:none!important}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] #supplierPaymentImpact p{grid-column:1/-1;margin:0!important;font-size:12px!important}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] #supplierPaymentForm>button[type=submit]{grid-column:1/-1;justify-self:end;width:auto!important;min-height:36px!important;padding:8px 22px!important;border-radius:8px!important;font-size:13px!important;box-shadow:none!important}
html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] #backSupplierPaymentHub{width:auto!important;min-height:32px!important;height:32px!important;padding:6px 12px!important;background:#ffffff14!important;color:white!important;border:1px solid #ffffff30!important;border-radius:8px!important}
@media(max-width:700px){html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"] #supplierPaymentForm{grid-template-columns:1fr!important}html body.accounting-service-active #accountingPage[data-accounting-app="supplier-payments"]{padding:10px!important}}}

/* Bank and cash account directory */
@media screen{html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"]{width:100%!important;min-width:0!important;max-width:100%!important;padding:18px!important;box-sizing:border-box!important;overflow-x:hidden}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] .app-hub-header{display:none!important}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] .accounting-service-layout{width:100%!important;max-width:1300px!important;min-width:0!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] section[data-accounting-section="payment-accounts"]{width:100%!important;min-width:0!important;padding:16px!important;margin:0!important;box-sizing:border-box!important;border-radius:16px!important}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] section[data-accounting-section="payment-accounts"]>.section-title-row{display:flex!important;justify-content:space-between!important;flex-wrap:wrap;gap:12px!important;padding:16px!important;margin:-16px -16px 12px!important;background:linear-gradient(110deg,#211827,#511a2a)!important;border-bottom:3px solid #bd263c!important;border-radius:15px 15px 0 0}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] .section-title-row h2{color:white!important;font-size:21px!important}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] .section-title-row .eyebrow{color:#ffd4de!important;background:#ffffff12!important}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] .section-actions{display:flex!important;gap:8px!important;align-items:center!important}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] .section-actions button{width:auto!important;min-height:34px!important;height:34px!important;padding:6px 14px!important;border-radius:8px!important;font-size:12px!important}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] .payment-account-row{display:grid!important;grid-template-columns:minmax(120px,1.4fr) minmax(80px,.8fr) minmax(90px,.8fr) minmax(95px,.9fr) minmax(90px,1fr) 70px!important;gap:10px!important;align-items:center;min-width:0!important;box-sizing:border-box!important;font-size:12px}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] #paymentAccountsTable{gap:0!important}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] #paymentAccountsTable .payment-account-row{padding:11px 12px!important;margin:0!important;min-height:48px!important;border-radius:0!important;border:0!important;border-bottom:1px solid #e8e2e9!important;box-shadow:none!important;background:white!important}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] #paymentAccountsTable .payment-account-row:nth-child(even){background:#fbf8fa!important}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] .payment-account-table-head{padding:10px 12px;background:#f2edf2;color:#706377;font-weight:700;border-radius:8px}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] .payment-account-row>*{min-width:0;overflow-wrap:anywhere}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] .payment-account-row .status{font-size:10px!important;padding:4px 7px!important}@media(max-width:850px){html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] .payment-account-table-head{display:none!important}html body.accounting-service-active #accountingPage[data-accounting-app="payment-accounts"] .payment-account-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}}

/* Hidden accounting forms must remain hidden despite service grid styles. */
html body.accounting-service-active #accountingPage .accounting-service-layout > [data-accounting-section].is-hidden{display:none!important}
html body.accounting-service-active #accountingPage #accountingWorkspace .accounting-service-layout > [data-accounting-section].is-hidden{display:none!important}

/* Opening accounting balances */
@media screen{html body.accounting-service-active #accountingPage[data-accounting-app="opening"]{width:100%!important;min-width:0!important;max-width:100%!important;padding:18px!important;box-sizing:border-box!important;overflow-x:hidden}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .app-hub-header{display:none!important}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .accounting-service-layout{width:100%!important;max-width:1250px!important;min-width:0!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] section[data-accounting-section="opening"]{width:100%!important;min-width:0!important;padding:16px!important;margin:0!important;box-sizing:border-box!important;border-radius:16px!important}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] section[data-accounting-section="opening"]>.section-title-row{display:flex!important;justify-content:space-between;gap:12px;padding:16px!important;margin:-16px -16px 14px!important;background:linear-gradient(110deg,#211827,#511a2a)!important;border-bottom:3px solid #bd263c;border-radius:15px 15px 0 0}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .section-title-row h2{color:white!important;font-size:21px!important;margin:4px 0!important}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .section-title-row p{color:#e7cbd3;font-size:12px;margin:0}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .section-title-row .eyebrow{color:#ffd4de!important;background:#ffffff12!important}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] button{width:auto!important;min-height:34px!important;height:auto!important;padding:7px 16px!important;border-radius:8px!important;font-size:12px!important}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .purchase-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:12px!important;background:#f8fafc!important;margin:0 0 12px!important;border-radius:10px!important}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] input{min-height:34px!important;height:34px!important;padding:6px 10px!important;border-radius:8px!important;width:100%!important;box-sizing:border-box!important}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .opening-balance-row{display:grid!important;grid-template-columns:110px minmax(0,1fr) 160px 160px!important;gap:10px!important;padding:9px 12px!important;margin:0!important;min-height:48px!important;border:0!important;border-bottom:1px solid #e8e2e9!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;font-size:12px}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .opening-balances-table-head{display:grid;grid-template-columns:110px minmax(0,1fr) 160px 160px;gap:10px;padding:10px 12px;background:#f1edf2;border-radius:8px;font-size:12px;color:#685e70;font-weight:700}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] #openingBalancesTable{gap:0!important;max-height:52vh;overflow:auto}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .opening-balance-row:nth-child(even){background:#fbf9fc!important}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .opening-balances-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#faf7f9;border:1px solid #e7dce2;padding:12px;border-radius:10px;margin-top:12px}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .cart-total{margin:0!important;padding:8px 12px!important;border:0!important;background:white;border-radius:8px;font-size:13px}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] #openingBalanceMessage{grid-column:1/-1;font-size:12px}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .form-actions{display:flex!important;justify-content:flex-end!important;margin:12px 0 0!important}@media(max-width:750px){html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .opening-balance-row,html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .opening-balances-table-head{grid-template-columns:70px minmax(0,1fr) 85px 85px!important;gap:6px!important}html body.accounting-service-active #accountingPage[data-accounting-app="opening"] .purchase-meta{grid-template-columns:1fr!important}html body.accounting-service-active #accountingPage[data-accounting-app="opening"]{padding:10px!important}}}

/* Journal workspace */
@media screen{html body.accounting-service-active #accountingPage[data-accounting-app="journals"]{width:100%!important;min-width:0!important;max-width:100%!important;padding:18px!important;box-sizing:border-box!important;overflow-x:hidden}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .app-hub-header{display:none!important}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .accounting-service-layout{width:100%!important;max-width:1380px!important;min-width:0!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] section[data-accounting-section="journals"]{width:100%!important;min-width:0!important;padding:16px!important;margin:0 0 14px!important;box-sizing:border-box!important;border-radius:16px!important}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] section[data-accounting-section="journals"]>.section-title-row{display:flex!important;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px!important;margin:-16px -16px 14px!important;background:linear-gradient(110deg,#211827,#511a2a)!important;border-bottom:3px solid #bd263c!important;border-radius:15px 15px 0 0}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .section-title-row h2{color:white!important;font-size:20px!important;margin:4px 0!important}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .section-title-row p{color:#e7cbd3;font-size:12px;margin:0}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .section-title-row .eyebrow{color:#ffd4de!important;background:#ffffff12!important}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] button{width:auto!important;min-height:34px!important;height:auto!important;padding:7px 14px!important;border-radius:8px!important;font-size:12px!important}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .purchase-meta{display:grid!important;grid-template-columns:1fr 2fr!important;gap:12px!important;margin-bottom:12px!important}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] input{width:100%!important;min-width:0!important;height:35px!important;min-height:35px!important;padding:7px 10px!important;border-radius:8px!important;box-sizing:border-box!important}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] label{min-width:0!important;font-size:12px!important}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .purchase-line-entry{display:grid!important;grid-template-columns:minmax(180px,1.6fr) minmax(80px,.6fr) minmax(80px,.6fr) minmax(140px,1fr) auto!important;align-items:end!important;gap:8px!important;padding:12px!important;margin:0 0 12px!important;background:#f6f3f7!important;border:1px solid #e7dce3!important;border-radius:10px!important}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .journal-line-row{display:grid!important;grid-template-columns:95px minmax(0,1.3fr) 110px 110px minmax(0,1fr) 65px!important;gap:10px!important;min-height:46px!important;padding:9px 12px!important;margin:0!important;border:0!important;border-bottom:1px solid #e9e3ed!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;font-size:12px}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .journal-lines-head{display:grid;grid-template-columns:95px minmax(0,1.3fr) 110px 110px minmax(0,1fr) 65px;gap:10px;padding:10px 12px;background:#f1edf2;color:#6d6075;font-size:12px;font-weight:700;border-radius:8px}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] #journalLinesTable, html body.accounting-service-active #accountingPage[data-accounting-app="journals"] #journalEntriesTable{gap:0!important;max-height:45vh;overflow:auto}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .journal-entry-row{display:grid!important;grid-template-columns:115px 100px 70px 110px 110px minmax(0,1fr)!important;gap:10px!important;min-height:46px!important;padding:9px 12px!important;margin:0!important;border:0!important;border-bottom:1px solid #e9e3ed!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;font-size:12px}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .journal-entries-head{display:grid;grid-template-columns:115px 100px 70px 110px 110px minmax(0,1fr);gap:10px;padding:10px 12px;background:#f1edf2;color:#6d6075;font-size:12px;font-weight:700;border-radius:8px}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .journal-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:#faf7f9;border:1px solid #e7dce2;border-radius:10px;margin-top:12px}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .cart-total{margin:0!important;padding:8px 12px!important;background:white;border-radius:8px;font-size:13px}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] #journalBalanceMessage{grid-column:1/-1;font-size:12px;font-weight:700}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .form-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:12px!important}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .journal-line-row>*, html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .journal-entry-row>*{min-width:0;overflow-wrap:anywhere}@media(max-width:950px){html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .purchase-line-entry{grid-template-columns:1fr 1fr!important}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .purchase-line-entry>label{grid-column:1/-1}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .journal-lines-head,html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .journal-entries-head{display:none!important}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .journal-line-row,html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .journal-entry-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:600px){html body.accounting-service-active #accountingPage[data-accounting-app="journals"]{padding:10px!important}html body.accounting-service-active #accountingPage[data-accounting-app="journals"] .purchase-meta{grid-template-columns:1fr!important}}}

/* Chart and financial report workspaces */
@media screen{html body.accounting-service-active #accountingPage[data-accounting-app="chart"]{width:100%!important;min-width:0!important;max-width:100%!important;padding:18px!important;box-sizing:border-box!important;overflow-x:hidden}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .app-hub-header{display:none!important}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .accounting-service-layout{width:100%!important;max-width:1380px!important;min-width:0!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .accounting-service-layout>section[data-accounting-section="chart"]{width:100%!important;min-width:0!important;padding:16px!important;margin:0!important;box-sizing:border-box!important;border-radius:16px!important}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .accounting-service-layout>section>.section-title-row{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 16px!important;margin:-16px -16px 14px!important;background:linear-gradient(110deg,#211827,#511a2a)!important;border-bottom:3px solid #bd263c!important;border-radius:15px 15px 0 0}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .accounting-service-layout>section>.section-title-row>div{flex:1;min-width:200px}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .accounting-service-layout>section>.section-title-row h2{color:white!important;font-size:20px!important;margin:4px 0!important}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .accounting-service-layout>section>.section-title-row p{color:#e7cbd3;font-size:12px;margin:0}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .accounting-service-layout>section>.section-title-row .eyebrow{color:#ffd4de!important;background:#ffffff12!important}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] button{width:auto!important;min-height:34px!important;height:auto!important;padding:7px 14px!important;border-radius:8px!important;font-size:12px!important}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] input, html body.accounting-service-active #accountingPage[data-accounting-app="chart"] select{min-width:0!important;height:35px!important;min-height:35px!important;padding:7px 10px!important;border-radius:8px!important;box-sizing:border-box!important}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .table-row{min-height:46px!important;padding:9px 12px!important;margin:0!important;border:0!important;border-bottom:1px solid #e9e3ed!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;font-size:12px}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .table-row>*{min-width:0;overflow-wrap:anywhere}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .table-row:nth-child(even){background:#fbf9fc!important}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .users-table{gap:0!important;max-height:65vh;overflow:auto}html body.accounting-service-active #accountingPage[data-accounting-app="financial"]{width:100%!important;min-width:0!important;max-width:100%!important;padding:18px!important;box-sizing:border-box!important;overflow-x:hidden}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .app-hub-header{display:none!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .accounting-service-layout{width:100%!important;max-width:1380px!important;min-width:0!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .accounting-service-layout>section[data-accounting-section="financial"]{width:100%!important;min-width:0!important;padding:16px!important;margin:0!important;box-sizing:border-box!important;border-radius:16px!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .accounting-service-layout>section>.section-title-row{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 16px!important;margin:-16px -16px 14px!important;background:linear-gradient(110deg,#211827,#511a2a)!important;border-bottom:3px solid #bd263c!important;border-radius:15px 15px 0 0}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .accounting-service-layout>section>.section-title-row>div{flex:1;min-width:200px}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .accounting-service-layout>section>.section-title-row h2{color:white!important;font-size:20px!important;margin:4px 0!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .accounting-service-layout>section>.section-title-row p{color:#e7cbd3;font-size:12px;margin:0}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .accounting-service-layout>section>.section-title-row .eyebrow{color:#ffd4de!important;background:#ffffff12!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] button{width:auto!important;min-height:34px!important;height:auto!important;padding:7px 14px!important;border-radius:8px!important;font-size:12px!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] input, html body.accounting-service-active #accountingPage[data-accounting-app="financial"] select{min-width:0!important;height:35px!important;min-height:35px!important;padding:7px 10px!important;border-radius:8px!important;box-sizing:border-box!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .table-row{min-height:46px!important;padding:9px 12px!important;margin:0!important;border:0!important;border-bottom:1px solid #e9e3ed!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;font-size:12px}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .table-row>*{min-width:0;overflow-wrap:anywhere}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .table-row:nth-child(even){background:#fbf9fc!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .users-table{gap:0!important;max-height:65vh;overflow:auto}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .chart-directory-tools{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px;padding:10px;background:#f8f6f9;border-radius:10px;margin-bottom:12px}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .chart-account-row,html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .chart-directory-head{display:grid!important;grid-template-columns:100px minmax(130px,1.5fr) 100px minmax(120px,1fr) 85px 65px 65px!important;gap:10px!important}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .chart-directory-head{padding:10px 12px;background:#f1edf2;color:#6d6075;font-size:12px;font-weight:700;border-radius:8px}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .chart-account-row.level-root{background:#f1e9ef!important;font-weight:700;border-inline-start:3px solid #a92440!important}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .chart-account-row.level-child>span:first-of-type{padding-inline-start:14px}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .status{font-size:10px!important;padding:4px 7px!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .purchase-meta{display:grid!important;grid-template-columns:1fr 1fr auto!important;align-items:end;gap:10px!important;padding:12px!important;margin-bottom:12px!important;background:#f8f6f9;border-radius:10px}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .purchase-summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .purchase-summary-card{min-height:0!important;padding:12px!important;border-radius:10px!important;box-shadow:none!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .purchase-summary-card strong{font-size:23px!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .purchase-lower-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0 0 12px!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .purchase-work-panel{width:100%!important;min-width:0!important;margin:0!important;padding:12px!important;box-sizing:border-box!important;border-radius:12px!important;box-shadow:none!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .purchase-work-panel .section-title-row{padding:0 0 10px!important;margin:0 0 8px!important;background:none!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .purchase-work-panel h2{font-size:16px!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .users-table{max-height:42vh}@media(max-width:1000px){html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .purchase-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body.accounting-service-active #accountingPage[data-accounting-app="financial"] .purchase-lower-grid{grid-template-columns:1fr!important}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .chart-directory-head{display:none!important}html body.accounting-service-active #accountingPage[data-accounting-app="chart"] .chart-account-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}}}

/* Reports compact workspace */
@media screen{html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)){width:100%!important;min-width:0!important;max-width:100%!important;padding:18px!important;box-sizing:border-box!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden))>.dashboard-header, html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .app-hub-header{display:none!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) #reportsWorkspace{width:100%!important;max-width:1480px!important;min-width:0!important;margin:0 auto!important;box-sizing:border-box!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-toolbar{width:100%!important;max-width:none!important;margin:0 0 14px!important;padding:16px!important;border-radius:14px!important;box-sizing:border-box!important;box-shadow:0 5px 20px #28162b08!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-toolbar>div:first-child{padding:14px 16px;margin:-16px -16px 12px;background:linear-gradient(110deg,#211827,#511a2a);color:white;border-radius:13px 13px 0 0;border-bottom:3px solid #bd263c}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) #activeReportTitle{font-size:21px!important;color:white!important;margin:4px 0!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-toolbar>div:first-child .eyebrow{color:#ffd4de!important;background:#ffffff12!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-filters{width:100%!important;max-width:none!important;margin:0 0 10px!important;padding:10px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.3fr)!important;gap:10px!important;background:#f8f6f9!important;border-radius:10px!important;box-shadow:none!important;box-sizing:border-box!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) input, html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) select{height:35px!important;min-height:35px!important;padding:7px 10px!important;border-radius:8px!important;min-width:0!important;box-sizing:border-box!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) label{font-size:12px!important;min-width:0!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) button{width:auto!important;min-height:33px!important;height:auto!important;padding:6px 12px!important;border-radius:8px!important;font-size:12px!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-actions{display:flex!important;flex-wrap:wrap;gap:7px!important;justify-content:flex-start!important;margin:0!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-print-meta{gap:5px!important;margin-top:10px!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-grid{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-section{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:14px!important;box-sizing:border-box!important;border-radius:12px!important;box-shadow:none!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-section.wide{grid-column:1/-1!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-section h2{font-size:16px!important;margin:0 0 10px!important;padding-bottom:10px;border-bottom:1px solid #eee4ec;color:#50223c!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-section.is-hidden{display:none!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .users-table{gap:0!important;max-height:55vh;overflow:auto}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .table-row{min-height:45px!important;padding:9px 10px!important;margin:0!important;border:0!important;border-bottom:1px solid #e9e3ed!important;border-radius:0!important;box-shadow:none!important;background:white!important;gap:8px!important;font-size:12px}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .table-row>*{min-width:0;overflow-wrap:anywhere}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .table-row:nth-child(even){background:#fbf9fc!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-total-row{background:#f2e9ef!important;font-weight:700}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-summary-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important;width:100%!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-summary-card{min-height:0!important;padding:12px!important;border-radius:10px!important;box-shadow:none!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-summary-card strong{font-size:23px!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) #reportsDirectLoading{padding:9px 12px;margin-bottom:10px;background:#f7eaf0;color:#862740;border:1px solid #ead0dd;border-radius:8px;font-size:13px}@media(max-width:1000px){html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-grid{grid-template-columns:1fr!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:700px){html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-filters{grid-template-columns:1fr 1fr!important}html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)){padding:10px!important}}}

/* People management and attendance compact theme */
@media screen{html body[data-active-page="usersPage"] #usersPage{width:100%!important;max-width:1400px!important;min-width:0!important;margin:0 auto!important;padding:18px!important;box-sizing:border-box!important}html body[data-active-page="usersPage"] #usersPage .dashboard-header{width:100%!important;max-width:none!important;margin:0 0 14px!important;padding:16px!important;border-radius:14px!important;background:linear-gradient(110deg,#211827,#511a2a)!important;color:white!important;box-sizing:border-box!important}html body[data-active-page="usersPage"] #usersPage .dashboard-header h1{color:white!important;font-size:23px!important;margin:4px 0!important}html body[data-active-page="usersPage"] #usersPage .dashboard-header p{color:#e7cbd3!important;font-size:12px!important}html body[data-active-page="usersPage"] #usersPage .dashboard-header .eyebrow{color:#ffd4de!important;background:#ffffff12!important}html body[data-active-page="usersPage"] #usersPage .dashboard-header button{width:auto!important}html body[data-active-page="usersPage"] #usersPage .panel-card{width:100%!important;min-width:0!important;margin:0!important;padding:16px!important;box-sizing:border-box!important;border-radius:13px!important;box-shadow:none!important}html body[data-active-page="usersPage"] #usersPage .management-layout{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;gap:12px!important;grid-template-columns:minmax(260px,.75fr) minmax(0,1.5fr)!important}html body[data-active-page="usersPage"] #usersPage button{min-height:33px!important;height:auto!important;padding:6px 12px!important;border-radius:8px!important;font-size:12px!important}html body[data-active-page="usersPage"] #usersPage input:not([type=checkbox]), html body[data-active-page="usersPage"] #usersPage select{width:100%!important;min-width:0!important;height:35px!important;min-height:35px!important;padding:7px 10px!important;border-radius:8px!important;box-sizing:border-box!important}html body[data-active-page="usersPage"] #usersPage input[type=checkbox]{width:16px!important;height:16px!important;min-height:16px!important;accent-color:#a41e39}html body[data-active-page="usersPage"] #usersPage label{font-size:12px!important;gap:5px!important}html body[data-active-page="usersPage"] #usersPage .table-row, html body[data-active-page="usersPage"] #usersPage .user-card-row{min-height:48px!important;padding:10px 12px!important;margin:0!important;border-radius:8px!important;box-shadow:none!important;font-size:12px!important}html body[data-active-page="usersPage"] #usersPage .attendance-mini-card{min-height:0!important;padding:14px!important;border-radius:10px!important}html body[data-active-page="usersPage"] #usersPage #attendancePageSummary{gap:10px!important}html body[data-active-page="usersPage"] #usersPage #usersDirectLoading{padding:8px 12px;background:#f8eaf0;border-radius:8px;color:#862740;font-size:12px;margin-bottom:10px}@media(max-width:900px){html body[data-active-page="usersPage"] #usersPage .management-layout{grid-template-columns:1fr!important}}html body[data-active-page="attendancePage"] #attendancePage{width:100%!important;max-width:1400px!important;min-width:0!important;margin:0 auto!important;padding:18px!important;box-sizing:border-box!important}html body[data-active-page="attendancePage"] #attendancePage .dashboard-header{width:100%!important;max-width:none!important;margin:0 0 14px!important;padding:16px!important;border-radius:14px!important;background:linear-gradient(110deg,#211827,#511a2a)!important;color:white!important;box-sizing:border-box!important}html body[data-active-page="attendancePage"] #attendancePage .dashboard-header h1{color:white!important;font-size:23px!important;margin:4px 0!important}html body[data-active-page="attendancePage"] #attendancePage .dashboard-header p{color:#e7cbd3!important;font-size:12px!important}html body[data-active-page="attendancePage"] #attendancePage .dashboard-header .eyebrow{color:#ffd4de!important;background:#ffffff12!important}html body[data-active-page="attendancePage"] #attendancePage .dashboard-header button{width:auto!important}html body[data-active-page="attendancePage"] #attendancePage .panel-card{width:100%!important;min-width:0!important;margin:0!important;padding:16px!important;box-sizing:border-box!important;border-radius:13px!important;box-shadow:none!important}html body[data-active-page="attendancePage"] #attendancePage .management-layout{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;gap:12px!important;grid-template-columns:minmax(260px,.75fr) minmax(0,1.5fr)!important}html body[data-active-page="attendancePage"] #attendancePage button{min-height:33px!important;height:auto!important;padding:6px 12px!important;border-radius:8px!important;font-size:12px!important}html body[data-active-page="attendancePage"] #attendancePage input:not([type=checkbox]), html body[data-active-page="attendancePage"] #attendancePage select{width:100%!important;min-width:0!important;height:35px!important;min-height:35px!important;padding:7px 10px!important;border-radius:8px!important;box-sizing:border-box!important}html body[data-active-page="attendancePage"] #attendancePage input[type=checkbox]{width:16px!important;height:16px!important;min-height:16px!important;accent-color:#a41e39}html body[data-active-page="attendancePage"] #attendancePage label{font-size:12px!important;gap:5px!important}html body[data-active-page="attendancePage"] #attendancePage .table-row, html body[data-active-page="attendancePage"] #attendancePage .user-card-row{min-height:48px!important;padding:10px 12px!important;margin:0!important;border-radius:8px!important;box-shadow:none!important;font-size:12px!important}html body[data-active-page="attendancePage"] #attendancePage .attendance-mini-card{min-height:0!important;padding:14px!important;border-radius:10px!important}html body[data-active-page="attendancePage"] #attendancePage #attendancePageSummary{gap:10px!important}html body[data-active-page="attendancePage"] #attendancePage #usersDirectLoading{padding:8px 12px;background:#f8eaf0;border-radius:8px;color:#862740;font-size:12px;margin-bottom:10px}@media(max-width:900px){html body[data-active-page="attendancePage"] #attendancePage .management-layout{grid-template-columns:1fr!important}}html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal{padding:20px!important;background:#101827a6!important;backdrop-filter:blur(8px)}html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal .modal-card{width:min(1150px,100%)!important;max-height:calc(100dvh - 40px)!important;padding:16px!important;border-radius:16px!important;background:#f6f7fb!important;box-sizing:border-box!important}html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal .modal-header{padding:14px 16px!important;margin:-16px -16px 14px!important;border-radius:15px 15px 0 0!important;background:linear-gradient(110deg,#211827,#511a2a)!important;border-bottom:3px solid #bd263c!important;color:white!important}html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal .modal-header h2{color:white!important;font-size:21px!important}html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal .permission-modal-hero, html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal .attendance-modal-hero{padding:14px!important;min-height:0!important;border-radius:10px!important;margin-bottom:12px!important}html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal .permission-group-card{padding:12px!important;min-width:0!important;border-radius:10px!important;box-shadow:none!important}html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal .permission-group-card label{font-size:12px!important;padding:6px 8px!important}html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal input[type=checkbox]{width:16px!important;height:16px!important;min-height:16px!important;accent-color:#a41e39}html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal button{width:auto!important;min-height:34px!important;height:auto!important;padding:7px 14px!important;border-radius:8px!important;font-size:12px!important}html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal .attendance-status-card{min-height:0!important;padding:14px!important;border-radius:10px!important}html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal .attendance-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal .table-row{display:grid!important;grid-template-columns:minmax(100px,1.3fr) repeat(4,minmax(70px,1fr))!important;gap:8px!important;font-size:12px!important;min-height:46px!important;padding:9px 12px!important;border-radius:0!important;margin:0!important;border:0!important;border-bottom:1px solid #e9e3ed!important;box-shadow:none!important}html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal .users-table{gap:0!important}@media(max-width:700px){html body:is([data-active-page="usersPage"],[data-active-page="attendancePage"]) #detailModal .table-row{grid-template-columns:1fr 1fr!important}}}

/* Remaining services: compact themed pages and workspaces. */
@media screen{.direct-service-pending{visibility:hidden!important}.service-direct-loading{padding:18px;background:#f8edf2;color:#84223f;border-radius:10px;font-size:13px}
html body[data-active-page="hrPage"] #hrPage{width:100%!important;min-width:0!important;max-width:1450px!important;margin:0 auto!important;padding:18px!important;box-sizing:border-box!important}html body[data-active-page="hrPage"] #hrPage .dashboard-header{width:100%!important;max-width:none!important;margin:0 0 14px!important;padding:16px!important;border-radius:14px!important;box-sizing:border-box!important;background:linear-gradient(110deg,#211827,#511a2a)!important;color:white!important}html body[data-active-page="hrPage"] #hrPage .dashboard-header h1{color:white!important;font-size:23px!important;margin:4px 0!important}html body[data-active-page="hrPage"] #hrPage .dashboard-header p{color:#e7cbd3!important;font-size:12px!important}html body[data-active-page="hrPage"] #hrPage .dashboard-header button{width:auto!important}html body[data-active-page="hrPage"] #hrPage .panel-card{min-width:0!important;padding:16px!important;box-sizing:border-box!important;border-radius:12px!important;box-shadow:none!important}html body[data-active-page="hrPage"] #hrPage .management-layout{width:100%!important;max-width:none!important;margin:0!important;grid-template-columns:minmax(270px,.8fr) minmax(0,1.5fr)!important;gap:12px!important}html body[data-active-page="hrPage"] #hrPage button{min-height:33px!important;height:auto!important;padding:6px 12px!important;font-size:12px!important;border-radius:8px!important}html body[data-active-page="hrPage"] #hrPage input:not([type=checkbox]), html body[data-active-page="hrPage"] #hrPage select{height:35px!important;min-height:35px!important;min-width:0!important;padding:7px 10px!important;border-radius:8px!important;box-sizing:border-box!important}html body[data-active-page="hrPage"] #hrPage .table-row{min-height:46px!important;margin:0!important;padding:9px 12px!important;border-radius:8px!important;box-shadow:none!important;font-size:12px!important}html body[data-active-page="hrPage"] #hrPage .apps-grid, html body[data-active-page="hrPage"] #hrPage .hr-hub-grid{width:100%!important;max-width:none!important;gap:10px!important;margin:0!important}html body[data-active-page="hrPage"] #hrPage .app-card{min-height:115px!important;padding:14px!important;border-radius:12px!important}html body[data-active-page="hrPage"] #hrPage .app-card h2{font-size:18px!important}@media(max-width:900px){html body[data-active-page="hrPage"] #hrPage .management-layout{grid-template-columns:1fr!important}}html body[data-active-page="settingsPage"] #settingsPage{width:100%!important;min-width:0!important;max-width:1450px!important;margin:0 auto!important;padding:18px!important;box-sizing:border-box!important}html body[data-active-page="settingsPage"] #settingsPage .dashboard-header{width:100%!important;max-width:none!important;margin:0 0 14px!important;padding:16px!important;border-radius:14px!important;box-sizing:border-box!important;background:linear-gradient(110deg,#211827,#511a2a)!important;color:white!important}html body[data-active-page="settingsPage"] #settingsPage .dashboard-header h1{color:white!important;font-size:23px!important;margin:4px 0!important}html body[data-active-page="settingsPage"] #settingsPage .dashboard-header p{color:#e7cbd3!important;font-size:12px!important}html body[data-active-page="settingsPage"] #settingsPage .dashboard-header button{width:auto!important}html body[data-active-page="settingsPage"] #settingsPage .panel-card{min-width:0!important;padding:16px!important;box-sizing:border-box!important;border-radius:12px!important;box-shadow:none!important}html body[data-active-page="settingsPage"] #settingsPage .management-layout{width:100%!important;max-width:none!important;margin:0!important;grid-template-columns:minmax(270px,.8fr) minmax(0,1.5fr)!important;gap:12px!important}html body[data-active-page="settingsPage"] #settingsPage button{min-height:33px!important;height:auto!important;padding:6px 12px!important;font-size:12px!important;border-radius:8px!important}html body[data-active-page="settingsPage"] #settingsPage input:not([type=checkbox]), html body[data-active-page="settingsPage"] #settingsPage select{height:35px!important;min-height:35px!important;min-width:0!important;padding:7px 10px!important;border-radius:8px!important;box-sizing:border-box!important}html body[data-active-page="settingsPage"] #settingsPage .table-row{min-height:46px!important;margin:0!important;padding:9px 12px!important;border-radius:8px!important;box-shadow:none!important;font-size:12px!important}html body[data-active-page="settingsPage"] #settingsPage .apps-grid, html body[data-active-page="settingsPage"] #settingsPage .hr-hub-grid{width:100%!important;max-width:none!important;gap:10px!important;margin:0!important}html body[data-active-page="settingsPage"] #settingsPage .app-card{min-height:115px!important;padding:14px!important;border-radius:12px!important}html body[data-active-page="settingsPage"] #settingsPage .app-card h2{font-size:18px!important}@media(max-width:900px){html body[data-active-page="settingsPage"] #settingsPage .management-layout{grid-template-columns:1fr!important}}html body[data-active-page="promotionsPage"] #promotionsPage{width:100%!important;min-width:0!important;max-width:1450px!important;margin:0 auto!important;padding:18px!important;box-sizing:border-box!important}html body[data-active-page="promotionsPage"] #promotionsPage .dashboard-header{width:100%!important;max-width:none!important;margin:0 0 14px!important;padding:16px!important;border-radius:14px!important;box-sizing:border-box!important;background:linear-gradient(110deg,#211827,#511a2a)!important;color:white!important}html body[data-active-page="promotionsPage"] #promotionsPage .dashboard-header h1{color:white!important;font-size:23px!important;margin:4px 0!important}html body[data-active-page="promotionsPage"] #promotionsPage .dashboard-header p{color:#e7cbd3!important;font-size:12px!important}html body[data-active-page="promotionsPage"] #promotionsPage .dashboard-header button{width:auto!important}html body[data-active-page="promotionsPage"] #promotionsPage .panel-card{min-width:0!important;padding:16px!important;box-sizing:border-box!important;border-radius:12px!important;box-shadow:none!important}html body[data-active-page="promotionsPage"] #promotionsPage .management-layout{width:100%!important;max-width:none!important;margin:0!important;grid-template-columns:minmax(270px,.8fr) minmax(0,1.5fr)!important;gap:12px!important}html body[data-active-page="promotionsPage"] #promotionsPage button{min-height:33px!important;height:auto!important;padding:6px 12px!important;font-size:12px!important;border-radius:8px!important}html body[data-active-page="promotionsPage"] #promotionsPage input:not([type=checkbox]), html body[data-active-page="promotionsPage"] #promotionsPage select{height:35px!important;min-height:35px!important;min-width:0!important;padding:7px 10px!important;border-radius:8px!important;box-sizing:border-box!important}html body[data-active-page="promotionsPage"] #promotionsPage .table-row{min-height:46px!important;margin:0!important;padding:9px 12px!important;border-radius:8px!important;box-shadow:none!important;font-size:12px!important}html body[data-active-page="promotionsPage"] #promotionsPage .apps-grid, html body[data-active-page="promotionsPage"] #promotionsPage .hr-hub-grid{width:100%!important;max-width:none!important;gap:10px!important;margin:0!important}html body[data-active-page="promotionsPage"] #promotionsPage .app-card{min-height:115px!important;padding:14px!important;border-radius:12px!important}html body[data-active-page="promotionsPage"] #promotionsPage .app-card h2{font-size:18px!important}@media(max-width:900px){html body[data-active-page="promotionsPage"] #promotionsPage .management-layout{grid-template-columns:1fr!important}}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal{padding:20px!important;background:#101827a6!important;backdrop-filter:blur(8px)}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal .modal-card{width:min(1320px,100%)!important;max-height:calc(100dvh - 40px)!important;padding:16px!important;border-radius:16px!important;background:#f6f7fb!important;box-sizing:border-box!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal .modal-header{display:flex!important;gap:10px!important;padding:14px 16px!important;margin:-16px -16px 14px!important;border-radius:15px 15px 0 0!important;background:linear-gradient(110deg,#211827,#511a2a)!important;border-bottom:3px solid #bd263c!important;color:white!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal .modal-header h2{color:white!important;font-size:21px!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal .panel-card, html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal .hr-panel{min-width:0!important;padding:12px!important;margin-bottom:12px!important;border-radius:10px!important;box-shadow:none!important;box-sizing:border-box!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal button{width:auto!important;min-height:33px!important;height:auto!important;padding:6px 12px!important;border-radius:8px!important;font-size:12px!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal input:not([type=checkbox]):not([type=hidden]), html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal select{height:35px!important;min-height:35px!important;min-width:0!important;padding:7px 10px!important;border-radius:8px!important;box-sizing:border-box!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal input[type=checkbox]{width:16px!important;height:16px!important;min-height:16px!important;accent-color:#a41e39}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal .modal-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal label{font-size:12px!important;min-width:0!important;gap:5px!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal .table-row{min-height:45px!important;padding:9px 10px!important;margin:0!important;border:0!important;border-bottom:1px solid #e9e3ed!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal .table-row>*{min-width:0;overflow-wrap:anywhere}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal .users-table{gap:0!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal .hr-toolbar{display:flex!important;flex-wrap:wrap;gap:7px!important;padding:9px!important;margin-bottom:10px!important;background:#f2edf3;border-radius:9px!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal table{width:100%;border-collapse:collapse;font-size:12px}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal th, html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal td{padding:8px 10px!important;border-bottom:1px solid #e8e2e9!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal th{background:#f1edf2!important;color:#65576c!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal .hr-workspace{min-width:0!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal .hr-grid{gap:10px!important}html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal .hr-card{padding:12px!important;min-height:0!important;border-radius:10px!important;box-shadow:none!important}@media(max-width:700px){html body:is([data-active-page="hrPage"],[data-active-page="settingsPage"],[data-active-page="promotionsPage"]) #detailModal .modal-form-grid{grid-template-columns:1fr!important}}}
/* Keep every workspace outside the fixed navigation, even when service styles reset padding. */
@media(min-width:821px){
 html body[data-active-page]:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) main[id]:not(#loginPage):not(#cashierPage){margin-left:250px!important;margin-right:0!important;width:calc(100% - 250px)!important;max-width:calc(100% - 250px)!important;padding:18px!important;box-sizing:border-box!important;min-width:0!important}
}
@media(min-width:821px) and (max-width:1180px){
 html body[data-active-page]:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) main[id]:not(#loginPage):not(#cashierPage){margin-left:82px!important;width:calc(100% - 82px)!important;max-width:calc(100% - 82px)!important}
}
/* Direct services already provide their own title and return action. */
html body.accounting-service-active #accountingPage > header.dashboard-header,
html body #reportsPage[data-report-app] > header.dashboard-header{display:none!important}
html body.accounting-service-active #accountingPage > .erp-app-ribbon,
html body #reportsPage[data-report-app] > .erp-app-ribbon{display:none!important}
@media(max-width:820px){
 html body:not([data-active-page="loginPage"]):not([data-active-page="cashierPage"]) #appShellSidebar{height:60px!important;min-height:60px!important;padding:8px!important;align-items:flex-start!important;overflow:visible!important;box-sizing:border-box!important}
 #appShellSidebar .app-shell-nav{min-height:44px!important;max-height:44px!important;align-items:start!important;gap:6px!important}
 #appShellSidebar .app-nav-group{min-width:44px!important;position:static!important}
 #appShellSidebar .app-nav-group-toggle{height:44px!important;min-height:44px!important}
 #appShellSidebar .app-nav-group.open .app-nav-submenu{position:fixed!important;inset:60px 10px auto!important;max-height:40dvh!important;overflow-y:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:10px!important;border:1px solid #334155!important;border-radius:12px!important;background:#111b2b!important;box-shadow:0 12px 30px #0f172a40!important;z-index:150!important;box-sizing:border-box!important}
 #appShellSidebar .app-nav-submenu button{min-width:0!important;min-height:40px!important;white-space:normal!important;justify-content:center!important;text-align:center!important;font-size:12px!important}
}

/* Verified report readability repairs, scoped to financial and selected report pages. */
#financialReportsPanel .purchase-lower-grid{grid-template-columns:minmax(0,1fr)}
.financial-report-heading,#financialReportsPanel .financial-report-row{display:grid;grid-template-columns:90px minmax(170px,1fr) repeat(3,minmax(100px,.5fr));gap:12px;align-items:center}
.financial-report-heading{padding:10px 14px;background:#f7f3f5;color:#586175;font-size:12px;font-weight:700;border-radius:8px}
#financialReportsPanel .financial-report-row{padding:11px 14px;min-height:44px}
#financialReportsPanel .financial-report-row b,#financialReportsPanel .financial-report-row span:last-child{font-variant-numeric:tabular-nums;direction:ltr;text-align:end}
#reportsWorkspace .reports-grid{grid-template-columns:minmax(0,1fr)}
#usersPage .erp-app-ribbon{display:none}
@media(max-width:700px){.financial-report-heading{display:none}#financialReportsPanel .financial-report-row{grid-template-columns:1fr 1fr;gap:8px}#financialReportsPanel .financial-report-row>[data-label]::before{content:attr(data-label);display:block;font-size:11px;color:#687389;font-weight:400;direction:rtl}#financialReportsPanel .financial-report-row span:nth-child(2){grid-column:1 / -1;grid-row:1}}

html body[data-active-page="reportsPage"] #reportsPage:has(#reportsWorkspace:not(.is-hidden)) .report-grid{grid-template-columns:minmax(0,1fr)!important}

html body[data-active-page="accountingPage"] #financialReportsPanel .purchase-lower-grid{grid-template-columns:minmax(0,1fr)!important}
html body[data-active-page="hrPage"] #hrPage .primary-button{background:linear-gradient(135deg,#741b37,#ae2745)!important;color:#fff!important;border-color:#8e2440!important;box-shadow:0 3px 9px #741b3718!important}
html body[data-active-page="usersPage"] #usersPage .erp-app-ribbon{display:none!important}

html body.accounting-service-active #accountingPage[data-accounting-app="financial"] #financialReportsPanel .purchase-lower-grid{grid-template-columns:minmax(0,1fr)!important}
.user-branch-scope{display:grid;gap:10px;padding:14px;border:1px solid var(--line,#dbe3ef);border-radius:14px;background:#f8fafc}.user-branch-scope .section-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.user-branch-admin{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #f1c4cd;border-radius:10px;background:#fff5f6;font-weight:700}.user-branch-admin small{margin-inline-start:auto;color:#64748b;font-weight:400}.user-branch-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;max-height:160px;overflow:auto}.user-branch-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:9px;background:white}.user-branch-option input,.user-branch-admin input{accent-color:#b91c32}.user-branch-option input:disabled{opacity:.65}

/* Stable POS receipt preview: readable portrait card and a real item table. */
html body #detailModalBody .receipt-print{box-sizing:border-box!important;width:min(460px,calc(100% - 24px))!important;max-width:460px!important;min-width:0!important;margin:0 auto!important;padding:18px!important}
html body #detailModalBody .receipt-print .receipt-lines{display:table!important;width:100%!important;table-layout:fixed!important;border-collapse:collapse!important}
html body #detailModalBody .receipt-print .receipt-lines thead{display:table-header-group!important}
html body #detailModalBody .receipt-print .receipt-lines tbody{display:table-row-group!important}
html body #detailModalBody .receipt-print .receipt-lines tr{display:table-row!important;padding:0!important}
html body #detailModalBody .receipt-print .receipt-lines th,html body #detailModalBody .receipt-print .receipt-lines td{display:table-cell!important;width:12%!important;padding:6px 4px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;font-size:10px!important;line-height:1.4!important}
html body #detailModalBody .receipt-print .receipt-lines th:first-child,html body #detailModalBody .receipt-print .receipt-lines td:first-child{width:40%!important;text-align:right!important;overflow-wrap:anywhere!important;font-size:11px!important;font-weight:700!important}
html body #detailModalBody .receipt-print .receipt-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body #detailModalBody .receipt-print .receipt-meta-branch,html body #detailModalBody .receipt-print .receipt-meta-station,html body #detailModalBody .receipt-print .receipt-meta-cashier,html body #detailModalBody .receipt-print .receipt-meta-payment,html body #detailModalBody .receipt-print .receipt-payments{display:none!important}
html body #detailModalBody .receipt-print .receipt-lines small,html body #detailModalBody .receipt-print .receipt-lines em{display:none!important}

#cashierPage .cashier-clock{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:106px;height:34px;padding:0 10px;border:1px solid #d9e1ef;border-radius:10px;background:linear-gradient(180deg,#fff,#f7f9fc);color:#27364d;box-shadow:0 2px 6px rgba(15,23,42,.05);white-space:nowrap}
#cashierPage .cashier-clock svg{width:16px;height:16px;fill:none;stroke:#b42336;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
#cashierPage .cashier-clock time{font-family:ui-monospace,Consolas,monospace;font-size:.84rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.035em}
@media(max-width:780px){#cashierPage .cashier-clock{height:38px;min-width:90px;padding:0 8px}}

#cashierPage .cashier-return-clock{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap}
@media(max-width:780px){#cashierPage .cashier-return-clock{gap:5px}}
/* Keep POS cart product names clean and prevent secondary labels from crowding invoice columns. */
#cashierPage .cart-product-cell{min-width:0;overflow:hidden}
#cashierPage .cart-product-name{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media(min-width:981px){#cashierPage .sale-sheet-row{grid-template-columns:30px 42px minmax(180px,2fr) minmax(100px,.9fr) minmax(120px,1.15fr) minmax(72px,.65fr) minmax(90px,.8fr) 32px}}

#cashierPage .cart-product-cell{display:flex;flex-direction:column;align-items:flex-start;gap:3px}#cashierPage .cart-line-discount-button{width:auto;min-height:22px;padding:2px 7px;border:1px solid #f0c5cd;border-radius:6px;background:#fff6f7;color:#a51f38;font-size:10px;line-height:1.2;cursor:pointer}#cashierPage .cart-line-discount-note{color:#bd263c;font-size:10px;font-weight:700}
#cashierPage #lastAddedItem,
#cashierPage #posQuickQtyBar{display:none!important}

#cashierPage .sale-sheet-empty:after{content:'ابحث عن صنف أو امسح الباركود للبدء'}


/* POS cashier uses the complete viewport width while preserving its existing cart/search split. */
@media screen and (min-width: 981px) {
  html body[data-active-page="cashierPage"] #cashierPage.cashier-page { width:100vw!important; max-width:100vw!important; margin:0!important; padding-inline:20px!important; }
  html body[data-active-page="cashierPage"] #cashierPage .cashier-header,
  html body[data-active-page="cashierPage"] #cashierPage .cashier-layout { width:100%!important; max-width:none!important; margin-inline:0!important; align-self:stretch!important; }
  html body[data-active-page="cashierPage"] #cashierPage .sale-sheet-panel { width:100%!important; min-width:0!important; }
}
@media screen and (max-width: 980px) {
  html body[data-active-page="cashierPage"] #cashierPage.cashier-page,
  html body[data-active-page="cashierPage"] #cashierPage .cashier-header,
  html body[data-active-page="cashierPage"] #cashierPage .cashier-layout,
  html body[data-active-page="cashierPage"] #cashierPage .sale-sheet-panel { width:100%!important; max-width:100%!important; min-width:0!important; }
}

/* Hide the recent-products block from the POS product rail. */
#cashierPage #posProductShortcuts > h3:nth-of-type(2),
#cashierPage #posProductShortcuts > h3:nth-of-type(2) + .pos-shortcut-grid { display:none!important; }

/* The POS header stays focused on cashier controls; sync state remains operational. */
#cashierPage #posConnectionStatus { display:none!important; }

/* Compact the POS top bar so its controls and title fit in one short row. */
@media screen and (min-width: 981px) {
  #cashierPage .cashier-header { height:76px!important; min-height:76px!important; padding-block:7px!important; align-items:center!important; }
  #cashierPage .cashier-header h1 { font-size:1.55rem!important; line-height:1.15!important; }
  #cashierPage .cashier-header .eyebrow,
  #cashierPage .cashier-header p { line-height:1.2!important; }
  #cashierPage .cashier-header-actions { flex-wrap:nowrap!important; min-width:0!important; }
}

#cashierPage .cart-total{display:grid!important;grid-template-columns:auto minmax(90px,1fr) minmax(300px,1.7fr);gap:14px;align-items:center}
#cashierPage .cart-total>#posCartSummary{color:#cbd5e1;font-size:.72rem;font-weight:700;text-align:center}
#cashierPage .pos-tax-breakdown{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));gap:8px;align-items:center}
#cashierPage .pos-tax-breakdown>div{display:grid;gap:3px;text-align:center;padding:4px 7px;border-inline-start:1px solid #ffffff24}
#cashierPage .pos-tax-breakdown small{font-size:.68rem;color:#cbd5e1;line-height:1.2}
#cashierPage .pos-tax-breakdown strong{font-size:1.05rem;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff}
@media(max-width:780px){#cashierPage .cart-total{grid-template-columns:auto 1fr!important;gap:6px 10px}#cashierPage .cart-total>#posCartSummary{grid-column:2;text-align:right}#cashierPage .pos-tax-breakdown{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr))}#cashierPage .pos-tax-breakdown strong{font-size:.92rem}}

#posStationsPage>.dashboard-header{width:min(1180px,calc(100% - 32px))!important;min-height:0!important;padding:10px 18px!important;margin-bottom:0!important;border-radius:16px!important}
#posStationsPage .stations-toolbar,#posStationsPage .stations-command-panel{display:none!important}
#posStationsPage .stations-grid{width:min(1180px,calc(100% - 32px))!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch}
#posStationsPage .stations-clock-panel{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:16px;min-height:112px;padding:16px 22px;border:1px solid #d8e0eb;border-radius:20px;background:linear-gradient(120deg,#fff,#f7f8fc);box-shadow:0 10px 26px rgba(15,23,42,.06);text-align:center}
#posStationsPage .stations-clock-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#f3eaf2;color:#714b67;font-size:2rem}
#posStationsPage .stations-clock-panel>div{display:grid;gap:3px}
#posStationsPage .stations-clock-panel small{color:#64748b;font-size:.78rem;font-weight:800}
#posStationsPage .stations-clock-panel time{color:#202b40;font-size:2rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1.1}
#posStationsPage .stations-clock-panel span:last-child{color:#56657b;font-size:.92rem;font-weight:800}
#posStationsPage .station-card.pro{min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:12px!important;padding:16px!important;border-radius:18px!important;background:linear-gradient(150deg,#fff,#faf9fc)!important;box-shadow:0 9px 22px rgba(26,34,52,.08)!important}
#posStationsPage .station-card.pro.is-open{border-color:#86c99c!important;background:linear-gradient(145deg,#f3fff6,#fff)!important}
#posStationsPage .station-top.pro{grid-column:1/-1;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px}
#posStationsPage .station-number-badge{width:44px!important;height:44px!important;border-radius:13px!important}
#posStationsPage .station-number-badge strong{font-size:1.05rem!important}
#posStationsPage .station-number-badge span{font-size:.55rem!important}
#posStationsPage .station-menu-button,#posStationsPage .dots-button{width:36px;height:36px;border-radius:10px}
#posStationsPage .station-visual,#posStationsPage .station-kicker{display:none!important}
#posStationsPage .station-body{grid-column:1/-1;margin:0!important;text-align:right!important}
#posStationsPage .station-body h3{margin:0 0 4px!important;font-size:1.08rem!important}
#posStationsPage .station-body p{font-size:.83rem}
#posStationsPage .station-status-line{grid-column:1/-1;display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;margin:0!important;padding:10px 0 0!important;border-top:1px solid #edf0f4;text-align:right!important}
#posStationsPage .station-card.pro .station-state{justify-self:auto!important;padding:5px 9px;font-size:.74rem}
#posStationsPage .station-status-line small{font-size:.72rem!important}
#posStationsPage .station-open-button{grid-column:1/-1;width:100%;min-height:42px!important;margin:0!important;border-radius:11px!important}
#posStationsPage .station-session-summary{grid-column:1/-1;margin:0!important;padding:10px!important;font-size:.76rem}
@media(max-width:950px){#posStationsPage .stations-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){#posStationsPage .stations-grid{grid-template-columns:1fr!important}#posStationsPage .stations-clock-panel{min-height:96px;padding:12px}#posStationsPage .stations-clock-panel time{font-size:1.7rem}}

#appShellSidebar .app-shell-note{display:none!important}

/* POS inline line-discount controls */
#cashierPage .cart-line-discount-button,#cashierPage .cart-line-discount-note{display:none!important}
@media(min-width:981px){#cashierPage .sale-sheet-row.has-pos-discount{grid-template-columns:30px 42px minmax(135px,1.4fr) minmax(76px,.75fr) minmax(82px,.75fr) minmax(78px,.7fr) minmax(106px,.95fr) minmax(62px,.55fr) minmax(76px,.65fr) 30px}}
#cashierPage .pos-item-discount-type,#cashierPage .pos-item-discount-value{box-sizing:border-box;width:100%;min-width:0;height:31px;min-height:31px;padding:0 5px;border:1px solid #d8e1ee;border-radius:8px;background:#fff;color:#26364d;font-size:.72rem;font-weight:700;text-align:center}
#cashierPage .pos-item-discount-type{padding-inline:3px}#cashierPage .pos-item-discount-value:disabled{background:#f1f4f8;color:#98a2b3;cursor:not-allowed}#cashierPage .pos-item-discount-value.is-invalid{border-color:#dc2626;background:#fff1f2}