/* BUILD195 — Advanced clean PC POS + no-lag visual layer.
   Flat rendering, no blur filters, no heavy animation, wide cart + right action rail. */
:root{
  --b195-green:#075d34;
  --b195-green-dark:#043f25;
  --b195-green-soft:#eaf5ef;
  --b195-line:#d9e6de;
  --b195-text:#10251a;
  --b195-muted:#617067;
  --b195-bg:#f4f7f5;
  --b195-panel:#ffffff;
  --b195-radius:14px;
}
html,body{background:var(--b195-bg)!important;color:var(--b195-text)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
*{scroll-behavior:auto!important}
header{background:linear-gradient(90deg,var(--b195-green-dark),var(--b195-green))!important;border-bottom:0!important;box-shadow:0 2px 10px rgba(4,63,37,.14)!important}
header,.panel,.toolbar,.networkBadge,.saveStatusBar,.dashboardModule,.posBtn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#app>main{max-width:none!important}
.networkBadge{border-radius:999px!important;box-shadow:none!important;font-weight:900!important;letter-spacing:.25px}
.networkBadge.networkOnline{background:#e8f8ef!important;color:#075d34!important;border:1px solid #9bd4b5!important}
.networkBadge.networkQueued{background:#fff7df!important;color:#795300!important;border:1px solid #e8cb79!important}
.networkBadge.networkOffline{background:#fff0f0!important;color:#9e2028!important;border:1px solid #e4a4a8!important}

/* Global panels: clean, flat, fast. */
.panel,.toolbar{background:var(--b195-panel)!important;border:1px solid var(--b195-line)!important;border-radius:var(--b195-radius)!important;box-shadow:0 2px 8px rgba(13,59,35,.045)!important}
button,input,select,textarea{font:inherit}
button{transition:background-color .08s ease,border-color .08s ease!important;transform:none!important;filter:none!important}
button:hover{transform:none!important;filter:none!important}
button:active{transform:none!important}

/* Dashboard cards render independently and do not repaint the whole page. */
.dashboardModule,.dashboardKpi{contain:layout paint style}
.dashboardModule{box-shadow:none!important;border:1px solid var(--b195-line)!important}
.dashboardWelcome{box-shadow:none!important;border:1px solid var(--b195-line)!important}

/* POS terminal */
.posScreen{padding:8px 10px 12px!important;overflow:hidden!important}
.posHeading{margin:0 0 8px!important;padding:10px 14px;background:#fff;border:1px solid var(--b195-line);border-radius:12px;box-shadow:none!important}
.posHeading .pageTitle{font-size:19px!important;letter-spacing:.2px!important}
.posStatusBar{gap:6px!important}
.posStatusBar>span{border:1px solid #dfe9e3!important;background:#f8fbf9!important;border-radius:10px!important;box-shadow:none!important}
.posStatusBar>span small{color:#708078!important}
.posStatusBar>span b{color:#163526!important}
.posScreen .posToolbar{display:grid!important;grid-template-columns:minmax(380px,1fr) minmax(180px,250px) 120px 130px!important;gap:8px!important;padding:9px!important;margin-bottom:8px!important;box-shadow:none!important}
.posScreen .posToolbar input,.posScreen .posToolbar select,.posScreen .posToolbar button{min-height:44px!important;border-radius:9px!important}
.posScreen .posToolbar input{font-size:15px!important;background:#fbfdfc!important}
.posSearchResults{border-radius:10px!important;box-shadow:0 8px 18px rgba(6,54,31,.10)!important}

.posScreen .posGrid.posCartOnly{display:block!important;min-height:0!important;height:calc(100dvh - 188px)!important}
.posScreen .cartPanel{height:100%!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;gap:6px!important;padding:10px!important;border-radius:14px!important;overflow:hidden!important;box-shadow:none!important}
.cartPanel>h2{margin:0!important;font-size:15px!important;color:#214332!important}
.cartListHeader{margin:0!important;background:#f1f6f3!important;border:1px solid #e1ebe5!important;border-radius:9px!important;padding:8px 12px!important}
.cartItemsScroll{min-height:0!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0!important}
.cartRow{margin:0 0 5px!important;border:1px solid #e1e9e4!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;contain:layout paint style}
.cartRow:hover{background:#fbfdfc!important;border-color:#c7dace!important}
.cartItemName{font-size:14px!important}
.cartQtyBtn{box-shadow:none!important}
.cartButtons button{min-height:34px!important;border-radius:8px!important}
.emptyCartState{border:1px dashed #c9ddd1!important;background:#fbfdfc!important;border-radius:12px!important;min-height:180px!important}

/* Bottom barcode stays on the cart side; transaction shortcuts live on the other side. */
.cartFixedFooter{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;grid-template-areas:
  "barcode actions"
  "summary actions"
  "total actions"!important;gap:7px 10px!important;align-items:stretch!important;background:#fff!important;border-top:1px solid #e2ebe5!important;padding-top:8px!important}
.barcodeDock{grid-area:barcode!important;margin:0!important;position:static!important;border:1px solid #bcd3c5!important;background:#f7fbf8!important;border-radius:10px!important;box-shadow:none!important}
.barcodeShortcut{background:var(--b195-green)!important}
.barcodeDock input{min-height:42px!important;border:1px solid #aac8b7!important;font-size:16px!important;box-shadow:none!important}
.barcodeDock input:focus{border-color:#087b45!important;box-shadow:0 0 0 2px rgba(8,123,69,.10)!important}
.cartSummary{grid-area:summary!important;margin:0!important;gap:6px!important}
.cartSummary>span{border:1px solid #e2eae5!important;background:#fbfdfc!important;border-radius:9px!important;box-shadow:none!important}
.cartTotal{grid-area:total!important;margin:0!important;min-height:66px!important;border-radius:11px!important;background:linear-gradient(90deg,#06482a,#078344)!important;box-shadow:none!important}
.checkoutActions{grid-area:actions!important;position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:0!important;min-width:0!important;align-self:stretch!important}
.checkoutGroup{position:relative!important;margin:0!important;padding:24px 7px 7px!important;border:1px solid #dce8e1!important;border-radius:11px!important;background:#f8fbf9!important;box-shadow:none!important;align-content:start!important}
.checkoutGroup.shortcutGroup{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
.checkoutGroup.utilityGroup{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
.checkoutGroup .groupLabel{position:absolute!important;top:7px!important;left:9px!important;color:#66776e!important;font-size:8px!important;font-weight:900!important;letter-spacing:.75px!important}
.posScreen .checkoutActions .posBtn{min-height:42px!important;padding:6px 5px!important;border-radius:8px!important;font-size:10px!important;box-shadow:none!important;line-height:1.05!important}
.posScreen .checkoutActions .posBtn small{font-size:7px!important;margin-bottom:2px!important}
.posScreen .checkoutActions .posBtn.selected{outline:2px solid #f0bd35!important;outline-offset:0!important;box-shadow:none!important}

/* Save/Data status: compact and calm. */
.saveStatusBar{box-shadow:none!important}
.saveStatusBar[data-tone="saved"]{border-color:#aad7bc!important;background:#effaf3!important}
.saveStatusBar[data-tone="pending"]{border-color:#e9d79b!important;background:#fffaf0!important}
.saveStatusBar[data-tone="error"]{border-color:#e3a3a7!important;background:#fff4f4!important}
.autoDataFabric195{border-left:4px solid #0a8148!important}

/* Heavy tables: isolate paint and keep scrolling responsive. */
.tableScroll{contain:layout paint;overscroll-behavior:contain}
tbody tr{contain:layout style}

@media(max-width:1280px){
  .posScreen .posToolbar{grid-template-columns:minmax(260px,1fr) minmax(160px,220px) 110px 120px!important}
  .cartFixedFooter{grid-template-columns:minmax(0,1fr) 300px!important}
  .posScreen .checkoutActions .posBtn{font-size:9px!important}
}
@media(max-width:1040px){
  .posScreen{overflow:auto!important}
  .posScreen .posGrid.posCartOnly{height:auto!important;min-height:calc(100dvh - 185px)!important}
  .posScreen .cartPanel{height:auto!important;min-height:calc(100dvh - 190px)!important;grid-template-rows:auto auto minmax(280px,1fr) auto!important;overflow:visible!important}
  .cartFixedFooter{grid-template-columns:1fr!important;grid-template-areas:"barcode" "summary" "total" "actions"!important}
  .checkoutActions{grid-template-columns:2fr 1fr!important}
  .posScreen .posToolbar{grid-template-columns:1fr 1fr!important}
}
@media(max-width:680px){
  .posScreen{padding:5px!important}
  .posScreen .posToolbar{grid-template-columns:1fr 1fr!important;padding:6px!important}
  .checkoutActions{grid-template-columns:1fr!important}
  .checkoutGroup.shortcutGroup,.checkoutGroup.utilityGroup{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cartRow{contain:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}