/* KhoViet POS – hotfix 1.7.26.3: compact 100% zoom, editable invoice timestamp.
   Load AFTER pos-redesign-v17262.css. Only scoped to POS screen. */
body.pos-fullscreen .pos-v173 .pos-sales-grid {
  grid-template-columns:minmax(0,1fr) clamp(420px,28vw,580px)!important;
  height:calc(100dvh - 62px);min-height:0!important;overflow:hidden;
}
body.pos-fullscreen .pos-v173 .pos-toolbar {
  min-height:62px!important;height:62px!important;padding:6px 15px!important;
  box-sizing:border-box;
}
body.pos-fullscreen .pos-v173 .pos-sales-center {
  min-height:0!important;height:100%;box-sizing:border-box;
  padding:12px 18px;
}
body.pos-fullscreen .pos-v173 .pos-sales-center::before {
  margin:0 0 8px!important;font-size:12px!important;
}
body.pos-fullscreen .pos-v173 .pos-v173-empty {
  padding:25px!important;gap:7px!important;
  width:min(620px,75%);max-width:620px;font-size:14px!important;
}
body.pos-fullscreen .pos-v173 .pos-v173-empty::before {
  width:54px;height:54px;margin-bottom:3px;font-size:32px;border-radius:13px;
}
body.pos-fullscreen .pos-v173 .pos-v173-empty::after {
  margin-top:7px;padding:6px 12px;font-size:11px;
}
body.pos-fullscreen .pos-v173 .pos-v173-empty small {
  font-size:11px!important;line-height:1.45;
}
body.pos-fullscreen .pos-v173 .pos-v173-note {
  min-height:42px!important;padding:6px 12px!important;font-size:12px!important;
}
/* Checkout must fit common 768px / 900px-height desktop viewports at 100% zoom.
   On exceptionally short screens it scrolls inside the pane; actions remain visible. */
body.pos-fullscreen .pos-v173 .pos-checkout.pos-v173-checkout {
  height:100%!important;max-height:none!important;min-height:0!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain;
  padding:9px 14px 10px!important;gap:0!important;
  scrollbar-width:thin;box-sizing:border-box;
}
body.pos-fullscreen .pos-v173 .pos-checkout.pos-v173-checkout::before {
  content:'THÔNG TIN THANH TOÁN';display:block;
  font-size:15px!important;line-height:22px;font-weight:750;
  padding:0 0 4px!important;letter-spacing:0;
}
/* Remove old operator label. Preserve hidden #pos-clock for legacy script. */
body.pos-fullscreen .pos-v173 .pos-operator {
  display:flex!important;justify-content:space-between;align-items:center;
  min-height:36px!important;max-height:none!important;
  padding:3px 0 7px!important;margin:0 0 7px!important;
  font-size:0!important;border-bottom:1px solid #e4ebf2;
}
body.pos-fullscreen .pos-v173 .pos-operator #pos-clock {display:none!important}
body.pos-fullscreen .pos-v173 .kvpos-time-label {
  font-size:12px!important;font-weight:650;color:#4c657d;
  white-space:nowrap;flex:0 0 auto;margin-right:8px;
}
body.pos-fullscreen .pos-v173 #sale-created-at {
  display:block;flex:0 1 230px;width:min(230px,64%);min-width:0;
  height:33px;min-height:33px!important;box-sizing:border-box;
  padding:3px 8px;background:#fff;color:#1c3853;
  border:1px solid #ccdcea;border-radius:7px;
  font-size:12px;font-weight:550;font-family:inherit;
  color-scheme:light;box-shadow:none;
}
body.pos-fullscreen .pos-v173 #sale-created-at:focus {
  outline:2px solid #79bbf6;outline-offset:1px;
}
body.pos-fullscreen .pos-v173 .kv24-client-price-row {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:6px!important;margin:0 0 5px!important;
}
body.pos-fullscreen .pos-v173 .pos-customer-search::before,
body.pos-fullscreen .pos-v173 .pos-v173-list::before {
  font-size:11px!important;line-height:15px;margin-bottom:3px!important;
}
body.pos-fullscreen .pos-v173 .pos-customer-search>input,
body.pos-fullscreen .pos-v173 .pos-v173-list select {
  min-height:35px!important;height:35px!important;
  padding:5px 9px!important;border-radius:8px!important;
  font-size:12px!important;
}
body.pos-fullscreen .pos-v173 #create-customer {
  width:35px!important;height:35px!important;min-height:35px!important;
  font-size:18px!important;border-radius:8px!important;
}
body.pos-fullscreen .pos-v173 .pos-money-row {
  min-height:33px!important;padding:4px 0!important;
  line-height:1.25!important;gap:8px!important;
  font-size:12px!important;
}
body.pos-fullscreen .pos-v173 .pos-money-row>b {
  font-size:13px!important;
}
body.pos-fullscreen .pos-v173 .pos-money-row small {
  font-size:10px!important;
}
body.pos-fullscreen .pos-v173 .pos-money-row input {
  width:145px!important;min-height:30px!important;height:30px!important;
  padding:4px 8px!important;font-size:12px!important;border-radius:7px;
}
body.pos-fullscreen .pos-v173 .pos-money-row.grand {
  min-height:51px!important;margin:6px 0!important;
  padding:8px 12px!important;border-radius:9px;
}
body.pos-fullscreen .pos-v173 .pos-money-row.grand strong:first-child {
  font-size:12px!important;
}
body.pos-fullscreen .pos-v173 .pos-money-row.grand strong#grand-total {
  font-size:22px!important;
}
body.pos-fullscreen .pos-v173 .pos-divider {
  margin:3px 0!important;height:0;
}
body.pos-fullscreen .pos-v173 .pos-v173-methods {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px!important;padding:5px 0!important;
}
body.pos-fullscreen .pos-v173 .pos-v173-methods label {
  min-height:30px!important;max-height:none!important;
  padding:4px 8px!important;gap:5px!important;
  border-radius:7px!important;font-size:11px!important;line-height:1.25;
}
body.pos-fullscreen .pos-v173 .pos-v173-methods input {
  width:13px!important;height:13px!important;
}
body.pos-fullscreen .pos-v173 .pos-v173-cash {
  min-height:24px!important;padding:4px!important;margin:3px 0!important;
  border-radius:7px!important;
}
body.pos-fullscreen .pos-v173 .pos-v173-cash:empty {display:none!important}
body.pos-fullscreen .pos-v173 .pos-v173-cash button {
  padding:4px 7px!important;font-size:11px!important;
}
body.pos-fullscreen .pos-v173 .pos-price-list-feedback,
body.pos-fullscreen .pos-v173 .pos-existing-debt,
body.pos-fullscreen .pos-v173 .pos-credit-warning {
  font-size:11px!important;line-height:1.3;
}
body.pos-fullscreen .pos-v173 .pos-checkout-actions {
  display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;
  width:100%;gap:7px!important;
  position:sticky!important;bottom:-10px!important;
  z-index:10;background:#fff;
  margin-top:auto!important;
  padding:7px 0 1px!important;
  box-shadow:0 -7px 15px 8px #fff;
}
body.pos-fullscreen .pos-v173 .pos-checkout-actions button {
  min-height:44px!important;height:44px!important;
  border-radius:8px!important;font-size:13px!important;
}
/* Preserve usable layout on tablets and mobile. */
@media(max-width:810px) {
  body.pos-fullscreen .pos-v173 .pos-sales-grid {
    display:flex!important;flex-direction:column!important;
    height:auto!important;overflow:visible!important;
  }
  body.pos-fullscreen .pos-v173 .pos-sales-center {height:auto;min-height:210px!important;}
  body.pos-fullscreen .pos-v173 .pos-checkout.pos-v173-checkout {
    height:auto!important;max-height:none!important;overflow:visible!important;
    padding:12px!important;
  }
  body.pos-fullscreen .pos-v173 .pos-checkout-actions {bottom:0!important;}
}
@media(max-height:650px) and (min-width:811px) {
  body.pos-fullscreen .pos-v173 .pos-checkout.pos-v173-checkout {
    padding-top:5px!important;padding-bottom:5px!important;
  }
  body.pos-fullscreen .pos-v173 .pos-checkout.pos-v173-checkout::before {
    font-size:13px!important;line-height:18px;
  }
  body.pos-fullscreen .pos-v173 .pos-v173-methods label {padding:3px 7px!important;}
}
