/* KhoViet POS v1.7.26.2: responsive workspace redesign.
   Overrides appearance only. All original form elements, names, IDs and business JS are retained.
   Adapted to browsers using 67%-100% page zoom and ultrawide displays. */
body.pos-fullscreen {
  --pos2-blue:#0879f2;
  --pos2-blue-deep:#0767d6;
  --pos2-ink:#1b334b;
  --pos2-muted:#72879b;
  --pos2-canvas:#eef3f8;
  --pos2-line:#e1e9f2;
  --pos2-panel:#fff;
  --pos2-shadow:0 3px 18px rgba(22,55,99,.055);
  background:var(--pos2-canvas);
  font-family: 'Segoe UI', Inter, Arial, sans-serif;
  color:var(--pos2-ink);
}
body.pos-fullscreen [hidden]{display:none!important}
body.pos-fullscreen .app-shell .app-main .page {padding:0!important;max-width:none!important}
body.pos-fullscreen .pos-workspace.pos-v173 {min-height:100vh;background:var(--pos2-canvas);border:0;border-radius:0}
/* Dedicated modern top bar. */
body.pos-fullscreen .pos-v173 .pos-toolbar {
  display:flex;align-items:center;gap:clamp(8px,1vw,20px);
  min-height:clamp(64px,3.8vw,82px);padding:9px clamp(16px,1.35vw,34px);
  border-radius:0!important;background:var(--pos2-blue);box-shadow:0 2px 9px rgba(12,55,117,.12);
  position:relative;z-index:40;
}
body.pos-fullscreen .pos-v173 .pos-search-wrap {
  width:clamp(400px,30vw,780px)!important;
  min-width:0;max-width:38vw!important;flex-shrink:1;
  height:clamp(44px,2.55vw,66px);border-radius:10px;
  background:#fff;border:1px solid #b7d9f8;box-shadow:0 3px 10px #0e498b18;
}
body.pos-fullscreen .pos-v173 .pos-search-wrap input {
  width:100%;height:100%;min-height:0;
  padding:0 59px 0 18px;font-size:clamp(14px,.85vw,20px);
  border-radius:10px;color:#29465f;
}
body.pos-fullscreen .pos-v173 .pos-search-shortcut {font-size:clamp(11px,.58vw,15px);right:12px;padding:4px 8px}
body.pos-fullscreen .pos-v173 .pos-invoice-tabs {max-width:36%;align-self:stretch;align-items:flex-end;gap:6px}
body.pos-fullscreen .pos-v173 .pos-v173-tab.selected {
  background:#f5f7fb;color:#213b54;border:1px solid #e5eef6;
  border-bottom:0;border-radius:10px 10px 0 0;min-height:46px;
}
body.pos-fullscreen .pos-v173 .pos-v173-tab button {font-size:clamp(13px,.72vw,18px);padding:10px 9px}
body.pos-fullscreen .pos-v173 .pos-list-link {font-size:clamp(13px,.7vw,17px);white-space:nowrap}
/* Keep the workspace balanced even when browser zoom exposes >2000 CSS px. */
body.pos-fullscreen .pos-v173 .pos-sales-grid {
  display:grid!important;grid-template-columns:minmax(0,1fr) clamp(440px,26vw,690px)!important;
  column-gap:0;row-gap:0;align-items:stretch;background:var(--pos2-canvas);
  width:100%;padding:0;min-height:calc(100vh - 64px);
}
body.pos-fullscreen .pos-v173 .pos-sales-center {
  display:flex;flex-direction:column;min-width:0;
  padding:clamp(18px,1.35vw,34px);
  background:radial-gradient(ellipse at 55% 28%,#f8fbff 0%,#f1f5fa 53%,#ebf1f7 100%);
  position:relative;overflow:hidden;
  min-height:calc(100vh - 78px);
}
body.pos-fullscreen .pos-v173 .pos-sales-center::before {
  content:'SẢN PHẨM TRONG HÓA ĐƠN';display:block;
  margin-bottom:clamp(14px,1.15vw,28px);font-size:clamp(12px,.72vw,18px);
  line-height:1.3;letter-spacing:.65px;font-weight:760;color:#496780;
}
body.pos-fullscreen .pos-v173 .pos-v173-lines {gap:10px;min-width:0;flex-shrink:0;background:transparent!important;border:0!important;box-shadow:none!important}
body.pos-fullscreen .pos-v173 .pos-v173-line {
  min-height:72px;padding:12px 14px;background:#fff;
  border:1px solid #dbe6f1;border-radius:11px;
  box-shadow:var(--pos2-shadow);
}
body.pos-fullscreen .pos-v173 .pos-v173-line:hover {background:#fbfdff;border-color:#badbf9}
body.pos-fullscreen .pos-v173 .pos-v173-line-name strong {font-size:clamp(14px,.73vw,18px)}
body.pos-fullscreen .pos-v173 .pos-v173-line-name small {font-size:clamp(12px,.58vw,15px)}
/* Empty cart: one intentionally-sized guide card instead of a huge white canvas. */
body.pos-fullscreen .pos-v173 .pos-v173-empty {
  flex:0 0 auto!important;align-self:center;justify-self:center;
  width:min(760px,75%);max-width:760px;min-height:0!important;
  margin:auto 0;box-sizing:border-box;
  padding:clamp(32px,3vw,72px) clamp(28px,3vw,66px)!important;
  display:flex;flex-direction:column;align-items:center;gap:13px;
  border:1px solid #dce7f2;border-radius:20px;
  background:#fff;box-shadow:0 17px 52px #244d7f0b;
  font-size:clamp(15px,.9vw,22px);font-weight:670;
  color:#385a78;line-height:1.55;text-align:center;
}
body.pos-fullscreen .pos-v173 .pos-v173-empty::before {
  content:'⌕';display:grid;place-items:center;
  width:clamp(66px,5.3vw,110px);height:clamp(66px,5.3vw,110px);
  border-radius:25px;color:#0879f2;font-size:clamp(36px,2.75vw,68px);
  line-height:1;background:linear-gradient(145deg,#e6f4ff,#f4f9ff);
  border:1px solid #d9ecfc;margin-bottom:13px;
}
body.pos-fullscreen .pos-v173 .pos-v173-empty small {
  font-size:clamp(12px,.67vw,18px);line-height:1.8;
  color:#8195a8;max-width:530px;margin-top:5px;
}
body.pos-fullscreen .pos-v173 .pos-v173-empty::after {
  content:'NHẤN F3 ĐỂ BẮT ĐẦU';display:inline-block;
  margin-top:17px;padding:10px 16px;border-radius:9px;
  background:#eaf5ff;border:1px solid #c8e1fa;
  color:#086ed7;font-weight:750;letter-spacing:.4px;
  font-size:clamp(12px,.64vw,17px);
}
body.pos-fullscreen .pos-v173 .pos-v173-note {
  margin-top:auto;min-height:clamp(54px,3.4vw,70px);
  background:#fff;border:1px solid #dce7f3;border-radius:12px;
  padding:10px clamp(14px,1.2vw,24px);
  box-shadow:var(--pos2-shadow);font-size:clamp(14px,.7vw,18px);
}
body.pos-fullscreen .pos-v173 .pos-v173-note input {font-size:inherit}
/* Wide cashier workspace, generous customer field and readable money totals. */
body.pos-fullscreen .pos-v173 .pos-checkout.pos-v173-checkout {
  display:flex;flex-direction:column;gap:0;
  width:auto;min-width:0;max-width:none;margin:0;
  padding:clamp(17px,1.55vw,38px)!important;
  background:var(--pos2-panel);border:0;border-left:1px solid #dbe5ee;
  border-radius:0;box-shadow:-6px 0 23px #20476c09;
  overflow-y:auto;overflow-x:visible;max-height:calc(100vh - 68px);
  box-sizing:border-box;
}
body.pos-fullscreen .pos-v173 .pos-checkout.pos-v173-checkout::before {
  content:'THÔNG TIN THANH TOÁN';font-size:clamp(14px,.85vw,21px);
  font-weight:780;letter-spacing:.35px;color:#203e5a;
  padding-bottom:9px;
}
body.pos-fullscreen .pos-v173 .pos-operator {
  min-height:24px;display:flex;align-items:center;justify-content:space-between;
  margin:0 0 clamp(14px,1vw,25px);padding:0 0 clamp(13px,.9vw,20px);
  border-bottom:1px solid var(--pos2-line);
  font-size:clamp(13px,.73vw,19px);color:#6b8298;font-weight:600;
}
body.pos-fullscreen .pos-v173 #pos-clock {font-size:clamp(12px,.63vw,16px);font-weight:450;color:#95a3b1}
body.pos-fullscreen .pos-v173 .kv24-client-price-row {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:clamp(13px,.8vw,21px);margin:0 0 clamp(16px,1vw,27px);
  width:100%;min-width:0;
}
body.pos-fullscreen .pos-v173 .pos-customer-line {display:flex;align-items:flex-end;gap:10px;min-width:0;width:100%}
body.pos-fullscreen .pos-v173 .pos-customer-search {display:block;flex:1;min-width:0;position:relative}
body.pos-fullscreen .pos-v173 .pos-customer-search::before {
  content:'Khách hàng';display:block;margin-bottom:7px;
  font-size:clamp(12px,.67vw,17px);font-weight:650;color:#58718a;
}
body.pos-fullscreen .pos-v173 .pos-customer-search>input,
body.pos-fullscreen .pos-v173 .pos-v173-list select {
  width:100%!important;max-width:none!important;box-sizing:border-box;
  min-height:clamp(46px,2.7vw,66px)!important;height:auto!important;
  padding:10px 13px;background:#f9fbfd;border:1px solid #cfdeed;
  border-radius:10px;font-size:clamp(14px,.8vw,20px);
  color:#203e5c;outline:none;
}
body.pos-fullscreen .pos-v173 .pos-customer-search>input:focus,
body.pos-fullscreen .pos-v173 .pos-v173-list select:focus {background:#fff;border-color:#48a0f8;box-shadow:0 0 0 3px #087af21c}
body.pos-fullscreen .pos-v173 #create-customer {width:clamp(46px,2.7vw,66px)!important;height:clamp(46px,2.7vw,66px)!important;min-width:0;border-radius:10px;margin:0;font-size:24px}
body.pos-fullscreen .pos-v173 .pos-v173-list {width:100%;text-align:left}
body.pos-fullscreen .pos-v173 .pos-v173-list::before {
  content:'Bảng giá áp dụng';display:block;margin-bottom:7px;
  font-size:clamp(12px,.67vw,17px);font-weight:650;color:#58718a;
}
body.pos-fullscreen .pos-v173 .pos-customer-results {
  width:100%;min-width:min(450px,100%);max-width:100%;
  box-sizing:border-box;z-index:100;max-height:38vh;overflow-y:auto;
  border:1px solid #c9dff1;border-radius:12px;
  box-shadow:0 15px 34px #25436329;font-size:clamp(13px,.74vw,18px);
}
body.pos-fullscreen .pos-v173 .pos-money-row {
  min-height:clamp(50px,3.1vw,79px)!important;
  padding:13px 0;box-sizing:border-box;gap:14px;
  border-bottom:1px solid #edf1f6;font-size:clamp(14px,.76vw,20px);
  color:#496077;
}
body.pos-fullscreen .pos-v173 .pos-money-row>b {font-size:clamp(16px,.9vw,23px);color:#213d58;font-weight:780}
body.pos-fullscreen .pos-v173 .pos-money-row small {font-size:clamp(12px,.61vw,16px)}
body.pos-fullscreen .pos-v173 .pos-money-row input {
  min-height:clamp(42px,2.3vw,61px);
  width:clamp(170px,9.9vw,250px);max-width:56%;
  background:#fff;border:1px solid #d6e3ef;border-radius:10px;
  font-size:clamp(15px,.85vw,22px);padding:9px 12px;
}
body.pos-fullscreen .pos-v173 .pos-money-row.grand {
  min-height:clamp(82px,5vw,124px)!important;
  background:linear-gradient(105deg,#eff8ff,#e7f3ff);
  border:1px solid #cbe2fb;border-radius:13px;
  margin:clamp(14px,.9vw,24px) 0!important;
  padding:clamp(14px,1.15vw,27px)!important;
}
body.pos-fullscreen .pos-v173 .pos-money-row.grand strong:first-child {
  font-size:clamp(14px,.86vw,23px);font-weight:760;color:#235078;
}
body.pos-fullscreen .pos-v173 .pos-money-row.grand strong#grand-total {
  color:#086fe5;font-size:clamp(26px,1.64vw,45px)!important;
  font-weight:820;letter-spacing:-.8px;
}
body.pos-fullscreen .pos-v173 .pos-divider {margin:11px 0;border-color:#e9eff5}
body.pos-fullscreen .pos-v173 .pos-v173-methods {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(8px,.65vw,14px);padding:clamp(15px,1.1vw,26px) 0;
}
body.pos-fullscreen .pos-v173 .pos-v173-methods label {
  display:flex;justify-content:flex-start;gap:9px;
  background:#fff;border:1px solid #dce6f0;border-radius:10px;
  padding:clamp(12px,.8vw,19px) clamp(12px,.95vw,23px);
  color:#3b556e;font-size:clamp(13px,.72vw,19px);
  font-weight:620;cursor:pointer;white-space:normal;min-height:43px;
  transition:background .12s,border-color .12s;
}
body.pos-fullscreen .pos-v173 .pos-v173-methods label:has(input:checked) {
  background:#eaf5ff;border-color:#76b6f5;color:#096acb;
  box-shadow:inset 0 0 0 1px #a8d7ff;
}
body.pos-fullscreen .pos-v173 .pos-v173-methods label:hover {border-color:#8ebeee;background:#f4f9ff}
body.pos-fullscreen .pos-v173 .pos-v173-methods input {width:clamp(15px,.85vw,21px);height:clamp(15px,.85vw,21px);flex-shrink:0;accent-color:#087bf3}
body.pos-fullscreen .pos-v173 .pos-v173-cash {min-height:46px;background:#f4f8fc;border-radius:10px}
body.pos-fullscreen .pos-v173 .pos-checkout-actions {
  display:grid!important;grid-template-columns:clamp(88px,6vw,150px) minmax(0,1fr);
  align-items:stretch;gap:clamp(9px,.8vw,20px);
  width:100%;margin-top:auto!important;padding-top:clamp(22px,1.4vw,35px)!important;
}
body.pos-fullscreen .pos-v173 .pos-checkout-actions button {
  height:clamp(58px,3.6vw,88px)!important;min-height:58px!important;
  border-radius:12px;font-size:clamp(15px,.9vw,23px);font-weight:800;
}
body.pos-fullscreen .pos-v173 .pos-print-btn {background:#f0f7ff;color:#096bca;border:1px solid #cce2f9;box-shadow:none}
body.pos-fullscreen .pos-v173 .pos-checkout-btn {
  border:1px solid #066ce0;
  background:linear-gradient(180deg,#148aff 0%,#0874e9 100%);
  color:#fff;box-shadow:0 6px 16px #0574e52b;
}
body.pos-fullscreen .pos-v173 .pos-checkout-btn:hover {background:#065fc9}
body.pos-fullscreen .pos-v173 .pos-price-list-feedback,
body.pos-fullscreen .pos-v173 .pos-customer-caption {font-size:clamp(12px,.65vw,18px)}
body.pos-fullscreen :is(.pos-search-popover,.pos-customer-results,.kv22-pos-menu) {border-radius:12px;box-shadow:0 14px 40px #1b40652b}
@media(max-width:1120px) {
  body.pos-fullscreen .pos-v173 .pos-sales-grid {grid-template-columns:minmax(0,1fr) minmax(390px,37vw)!important}
  body.pos-fullscreen .pos-v173 .pos-search-wrap {width:min(440px,38vw)!important}
  body.pos-fullscreen .pos-v173 .pos-sales-center {padding:14px}
  body.pos-fullscreen .pos-v173 .pos-checkout.pos-v173-checkout {padding:17px!important}
  body.pos-fullscreen .pos-v173 .pos-v173-empty {width:88%}
}
@media(max-width:810px) {
  body.pos-fullscreen .pos-v173 .pos-toolbar {flex-wrap:wrap;gap:8px;padding:10px}
  body.pos-fullscreen .pos-v173 .pos-search-wrap {flex:1 1 100%;order:0;width:100%!important;max-width:100%!important}
  body.pos-fullscreen .pos-v173 .pos-sales-grid {display:flex!important;flex-direction:column!important;min-height:0}
  body.pos-fullscreen .pos-v173 .pos-sales-center {order:1;min-height:270px;padding:12px;overflow:visible}
  body.pos-fullscreen .pos-v173 .pos-sales-center::before {font-size:12px}
  body.pos-fullscreen .pos-v173 .pos-v173-empty {width:100%;padding:24px!important;margin:10px auto 17px}
  body.pos-fullscreen .pos-v173 .pos-checkout.pos-v173-checkout {order:2;max-height:none;overflow:visible;width:auto;border-left:0;border-top:1px solid #dbe5ef;padding:18px!important}
  body.pos-fullscreen .pos-v173 .pos-v173-line {min-width:620px}
  body.pos-fullscreen .pos-v173 .pos-v173-lines {overflow-x:auto}
  body.pos-fullscreen .pos-v173 .pos-checkout-actions {position:sticky;bottom:0;z-index:12;background:#fff;padding-bottom:12px!important}
}
@media(max-width:480px) {
  body.pos-fullscreen .pos-v173 .pos-sales-center {padding:10px;min-height:0}
  body.pos-fullscreen .pos-v173 .pos-v173-empty::before {width:59px;height:59px;font-size:38px}
  body.pos-fullscreen .pos-v173 .pos-v173-empty {font-size:14px;gap:8px}
  body.pos-fullscreen .pos-v173 .pos-v173-empty small {font-size:12px}
  body.pos-fullscreen .pos-v173 .pos-checkout.pos-v173-checkout {padding:14px!important}
  body.pos-fullscreen .pos-v173 .pos-v173-methods {grid-template-columns:repeat(2,minmax(0,1fr))}
  body.pos-fullscreen .pos-v173 .pos-money-row.grand strong#grand-total {font-size:25px!important}
  body.pos-fullscreen .pos-v173 .pos-checkout-actions {grid-template-columns:78px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){body.pos-fullscreen .pos-v173 *{transition:none!important}}
/* Keep primary checkout action visible without requiring scroll into the footer. */
@media(min-width:811px){
  body.pos-fullscreen .pos-v173 .pos-checkout.pos-v173-checkout {height:calc(100vh - 68px);min-height:0}
  body.pos-fullscreen .pos-v173 .pos-checkout-actions {
    position:sticky;bottom:-1px;z-index:12;
    background:#fff;flex-shrink:0;
    padding-bottom:9px!important;
    box-shadow:0 -9px 14px 6px #fff;
  }
}
@media(min-width:2100px){
  body.pos-fullscreen .pos-v173 .pos-checkout.pos-v173-checkout{gap:0;padding:21px 25px!important}
  body.pos-fullscreen .pos-v173 .pos-money-row{min-height:55px!important;padding:8px 0}
  body.pos-fullscreen .pos-v173 .pos-money-row.grand{min-height:84px!important;margin:13px 0!important;padding:15px!important}
  body.pos-fullscreen .pos-v173 .kv24-client-price-row{gap:12px;margin-bottom:13px}
  body.pos-fullscreen .pos-v173 .pos-operator{margin-bottom:12px;padding-bottom:10px}
  body.pos-fullscreen .pos-v173 .pos-v173-methods{gap:8px;padding:9px 0}
  body.pos-fullscreen .pos-v173 .pos-v173-methods label{padding:10px 14px;min-height:45px}
  body.pos-fullscreen .pos-v173 .pos-checkout-actions{padding-top:14px!important}
}