/* Screen layout only. The basket and payment engines keep their original DOM IDs. */
.pos-screen-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.pos-screen-controls button,.pos-screen-controls a{min-height:44px;padding:8px 12px;font-size:12px}
.pos-screen-status{display:block;color:#94a3b8;font-size:11px;line-height:1.4;max-width:360px;margin-top:4px}
.pos-basket-pane{min-width:0;min-height:0;margin-top:14px}
.pos-basket-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:12px;color:#94a3b8}
.pos-basket-tools button{min-height:36px;padding:6px 10px;font-size:11px}
.retail-pos-card .tx-table-wrap{max-height:min(44dvh,390px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid rgba(148,163,184,.2);border-radius:9px;min-width:0}
.retail-pos-card .tx-table-wrap:focus-visible{outline:2px solid #46e7c4;outline-offset:2px}
.retail-pos-card .tx-table{display:table;overflow:visible;margin:0;width:100%}
.retail-pos-card .tx-table th{position:sticky;top:0;z-index:2;background:#101e2e}
.retail-pos-card .tx-table td:first-child{overflow-wrap:anywhere}
body.iv-pos-light .tx-table th{background:#e7eef4}

/* Root fullscreen keeps overlays/PIN/quick-add dialogs in the fullscreen tree. */
html.iv-pos-focus,body.iv-pos-focus{height:var(--iv-pos-screen-height,100dvh);min-height:0;overflow:hidden}
body.iv-pos-focus{padding:0}
body.iv-pos-focus>.app-header,body.iv-pos-focus>[aria-label="Local app testing"],
body.iv-pos-focus #iv-workspace-dock,body.iv-pos-focus #iv-lang-selector-widget,
body.iv-pos-focus .ai-chat-launcher,body.iv-pos-focus #iv-help-trigger-btn,
body.iv-pos-focus #iv-help-till-entry{display:none!important}
body.iv-pos-focus main.app-content{height:100%;max-width:none!important;margin:0!important;padding:8px!important;min-height:0;overflow:hidden}
body.iv-pos-focus .retail-pos-card{width:100%;height:100%;max-width:none;margin:0;padding:12px;border-radius:12px;box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.68fr);grid-template-rows:auto auto minmax(0,1fr);gap:10px;overflow:hidden}
body.iv-pos-focus .terminal-header{grid-column:1/-1;gap:10px;min-width:0;align-items:center!important;flex-direction:row!important;padding-bottom:8px!important}
body.iv-pos-focus .terminal-header h1{font-size:clamp(15px,1.7vw,22px)!important;overflow-wrap:anywhere}
body.iv-pos-focus .terminal-header .badge-status{display:none}
body.iv-pos-focus .terminal-header>div:last-child{flex-shrink:0}
body.iv-pos-focus .pos-screen-controls{margin-top:4px}
body.iv-pos-focus .pos-screen-status{max-width:350px;font-size:10px}
body.iv-pos-focus #pos-quick-keys-mount{grid-column:1;grid-row:2;max-height:120px;overflow:auto;min-height:0;min-width:0}
body.iv-pos-focus #pos-quick-keys-mount:empty{display:none}
body.iv-pos-focus .pos-basket-pane{grid-column:1;grid-row:3;display:flex;flex-direction:column;overflow:hidden;margin-top:0}
body.iv-pos-focus .pos-basket-tools{flex-shrink:0}
body.iv-pos-focus .tx-table-wrap{flex:1;min-height:0;max-height:none}
body.iv-pos-focus .checkout-layout{grid-column:2;grid-row:2/4;display:flex!important;flex-direction:column;gap:10px!important;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin:0!important;padding-right:3px}
body.iv-pos-focus .checkout-layout>div:last-child{display:contents}
body.iv-pos-focus .checkout-layout>*{flex-shrink:0;min-width:0}
body.iv-pos-focus .total-banner{order:-2;position:sticky;top:0;z-index:5;background:#0f1b2a;margin:0;padding:10px;flex-direction:row;gap:8px;align-items:center;border:1px solid #46e7c4}
body.iv-pos-focus #total-bill-display{font-size:clamp(24px,2.8vw,36px)!important}
body.iv-pos-focus .scan-box{order:-1;min-height:0;padding:10px;display:block;text-align:left}
body.iv-pos-focus .scan-box>.scan-line,body.iv-pos-focus .scan-box>div[style^="font-size:32px"],body.iv-pos-focus .scan-box>strong,body.iv-pos-focus .scan-box>span{display:none}
body.iv-pos-focus .barcode-entry{margin-top:0}
body.iv-pos-focus .product-lookup{margin-top:8px}
body.iv-pos-focus .product-lookup-results{max-height:160px!important}
body.iv-pos-focus .action-btn-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
body.iv-pos-focus .action-btn-row button{min-height:44px;padding:9px 7px;font-size:12px!important}
body.iv-pos-focus .action-btn-row #btn-pay-now,body.iv-pos-focus .action-btn-row #btn-pay-cash{grid-column:auto}
body.iv-pos-focus .checkout-tool-panel{margin:0}
body.iv-pos-focus .checkout-tool-panel.open{order:-1}
body.iv-pos-focus .printer-choice-grid,body.iv-pos-focus .printer-lan-grid,body.iv-pos-focus .printer-queue-grid,body.iv-pos-focus .held-sale-actions{grid-template-columns:1fr}
body.iv-pos-focus.iv-pos-light .total-banner{background:#e7eef4;color:#0b1726}
@media(max-width:959px){
  body.iv-pos-focus .retail-pos-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(90px,1fr) minmax(0,1.45fr);padding:8px;gap:7px}
  body.iv-pos-focus .terminal-header{align-items:flex-start!important}
  body.iv-pos-focus .terminal-header h1{font-size:16px!important}
  body.iv-pos-focus .terminal-header>div:last-child{max-width:62%}
  body.iv-pos-focus .pos-screen-status{font-size:9px}
  body.iv-pos-focus .pos-screen-controls{gap:4px}
  body.iv-pos-focus .pos-screen-controls button,body.iv-pos-focus .pos-screen-controls a{font-size:11px;padding:6px 8px}
  body.iv-pos-focus #pos-quick-keys-mount{max-height:64px}
  body.iv-pos-focus .checkout-layout{grid-column:1;grid-row:4}
  body.iv-pos-focus .total-banner>div:last-child{text-align:right!important;font-size:11px!important}
}
@media(max-height:480px){
  body.iv-pos-focus .terminal-header h1{font-size:13px!important}
  body.iv-pos-focus .pos-screen-status{display:none}
  body.iv-pos-focus .terminal-header{padding-bottom:2px!important}
  body.iv-pos-focus .pos-screen-controls{margin-top:0}
}
