.retail-entry-view .pos-layout{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:16px;align-items:stretch;height:auto!important;min-height:calc(100dvh - 200px)}.retail-entry-view .cart-panel{position:static!important;width:auto!important;max-height:none!important;height:auto!important;display:flex!important;transform:none!important;border-radius:16px;padding:16px;gap:10px;overflow:visible}.retail-entry-view .catalog-panel,.retail-entry-view .cart-sheet-toggle,.retail-entry-view .cart-panel>.empty-cart{display:none!important}.entry-total{background:#0b2e50;border-radius:12px;color:white;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:100px}.entry-total>span{font-size:14px;font-weight:700;display:flex;align-items:center;gap:14px;white-space:nowrap}.entry-total span b{font-size:30px;font-weight:500}.entry-total>strong{font-size:clamp(36px,4.5vw,76px);line-height:1.1;white-space:nowrap}.retail-entry-view .customer-select{background:#e4f3ff!important;border-radius:12px;min-height:48px!important;padding:8px 12px!important}.retail-entry-view kbd{display:inline-flex;align-items:center;justify-content:center;border:1px solid #a8c6df;border-radius:7px;padding:4px 7px;font:700 12px inherit;background:white;color:#143b5d}.entry-table{flex:1;min-height:220px;overflow:auto;border:1px solid #c8dce9;border-radius:12px}.entry-head,.entry-row{display:grid!important;grid-template-columns:30px minmax(75px,.6fr) minmax(190px,2.7fr) minmax(85px,.8fr) 62px 83px 58px 100px minmax(93px,1fr) 55px!important;align-items:center;gap:8px;min-width:940px;padding:10px 12px!important;margin:0!important}.entry-head{position:sticky;top:0;background:#0b2e50;color:white;z-index:1;font-size:12px;font-weight:700}.entry-row{border-bottom:1px solid #d8e4ed;border-radius:0!important;color:#163e60!important;background:white!important;min-height:58px}.entry-row.is-retail-selected{background:#e8f4ff!important;outline:2px solid #1486c4;outline-offset:-2px}.entry-row input,.entry-row select{width:100%;min-width:0;padding:7px 5px;border:1px solid #c4d8e7;border-radius:7px;font:inherit;color:#163e60;background:white}.entry-product-name{font-size:17px;line-height:1.25}.entry-row>b,.entry-price-value{font-size:13px}.entry-row>input{text-align:center}.entry-row>[data-retail-discount]{text-align:center}.stock-positive{color:#147346!important}.stock-empty{color:#c72e3d!important}.retail-entry-view #cart-items{display:block!important;overflow:visible!important;max-height:none;padding:0;margin:0}.entry-draft #product-search:focus{outline:2px solid #1686c6;background:#e6f3ff}.entry-delete{display:flex;align-items:center;justify-content:center;gap:3px;padding:6px!important;border:1px solid #e4b8be!important;border-radius:8px;color:#d62842;background:white;min-height:35px}.entry-delete span{font-size:19px}.entry-delete small{font-size:9px}.entry-hint{margin:0;font-size:12px;color:#57758e}.entry-results{background:#eef7ff;border:1px solid #b5d0e4;border-radius:12px;max-height:240px;overflow:auto}.entry-results #product-grid{display:flex!important;flex-direction:column!important;padding:5px}.entry-results button{display:grid!important;grid-template-columns:110px 1fr;gap:12px;padding:10px;border:0;border-radius:8px;background:white;color:#163e60;text-align:left}.entry-results button.is-retail-selected{background:#cce7fb;outline:2px solid #178bc9}.entry-offers{display:flex;flex-direction:column;gap:16px;min-width:0}.entry-offers section{border:1px solid white;border-radius:15px;padding:18px;background:#0b2e50;color:white}.entry-offers h2{font-size:20px;line-height:1.3;margin:0 0 15px}.entry-offers button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:8px 0;padding:12px;border:0;border-radius:10px;background:white;color:#163e60;text-align:left}.entry-offers button strong{font-size:17px}.entry-offers button:focus{outline:3px solid #4fc2ff}.entry-offers p{font-size:13px;line-height:1.5;color:#d5e6f4}.retail-entry-view .cart-bottom{margin-top:auto}.retail-entry-view .grand-total{display:none}.retail-entry-view #checkout-button{display:flex;gap:10px;align-items:center;padding:14px;min-height:52px}.retail-entry-view #checkout-total{margin-left:auto;white-space:nowrap;font-size:22px}.retail-entry-view .cart-title-row .eyebrow{display:none}.retail-entry-view .cart-title-row{margin:0}.retail-entry-view .cart-title-row h2{font-size:15px}.retail-entry-view .cashier-order-tabs{min-height:38px}.retail-entry-view .cart-panel.sheet-open{position:static!important}.retail-entry-view .note-field,.retail-entry-view .affiliate-source-field{max-width:100%}@media(max-width:1100px){.retail-entry-view .pos-layout{grid-template-columns:minmax(0,1fr)}.entry-offers{flex-direction:row}.entry-offers section{flex:1}.entry-total>strong{font-size:clamp(32px,6vw,64px)}}@media(max-width:550px){.retail-entry-view .cart-panel{padding:10px}.entry-offers{flex-direction:column}.entry-total{padding:12px;gap:10px;flex-wrap:wrap}.entry-total>span{font-size:12px}.entry-total>strong{margin-left:auto}.retail-entry-view #checkout-total{font-size:18px}.entry-hint{font-size:11px}}
.retail-entry-view .cart-panel > :not(.cart-sheet-toggle){visibility:visible!important;opacity:1!important;pointer-events:auto!important}.retail-entry-view .cart-panel .entry-row,.retail-entry-view .cart-panel input{visibility:visible!important}.retail-entry-view .cart-panel .customer-select{display:flex!important}.retail-entry-view .entry-table{max-height:50dvh}.retail-entry-view .entry-table .entry-draft{position:sticky;bottom:0;z-index:2;box-shadow:0 -2px 8px #c7d8e6}.entry-delete svg{display:block;width:19px;height:19px}
#kasir.retail-entry-view .pos-layout{grid-template-columns:minmax(0,3fr) minmax(240px,1fr)!important;padding:12px!important;gap:16px!important;overflow:visible!important}.entry-head,.entry-row{grid-template-columns:26px minmax(70px,.6fr) minmax(160px,2.7fr) minmax(75px,.8fr) 52px 76px 48px 85px minmax(80px,.8fr) 46px!important;gap:6px;min-width:820px;padding:10px 8px!important}.entry-draft #product-search{font-size:14px}.retail-entry-view .cart-panel .entry-total strong{max-width:70%}@media(max-width:1100px){#kasir.retail-entry-view .pos-layout{grid-template-columns:minmax(0,1fr)!important}}.main-area{container-type:inline-size}@container(max-width:1100px){#kasir.retail-entry-view .pos-layout{grid-template-columns:minmax(0,1fr)!important}.entry-offers{flex-direction:row}}

@media(max-width:550px){.entry-offers{flex-direction:column!important}}

/* The workspace owns vertical scrolling; legacy cashier viewport/sheet rules
   must not clip the table layout or the offers stacked below it. */
.main-area > #kasir.retail-entry-view.view.active {
  flex:1 1 0!important; height:auto!important; min-height:0!important;
  overflow:auto!important; padding:0!important; overscroll-behavior-y:contain;
  scrollbar-gutter:stable;
}
#kasir.retail-entry-view .pos-layout {
  height:auto!important; min-height:0!important;
  grid-template-rows:auto!important; align-items:start!important;
  overflow:visible!important; padding-bottom:max(16px,env(safe-area-inset-bottom))!important;
}
#kasir.retail-entry-view .cart-panel {
  height:auto!important; min-height:0!important; max-height:none!important;
  overflow:visible!important; align-self:start; flex-shrink:0;
}
#kasir.retail-entry-view .cart-panel > * {flex-shrink:0}
#kasir.retail-entry-view .entry-table {
  flex:0 0 auto!important; min-height:180px;
  max-height:clamp(180px,42dvh,480px); overflow:auto!important;
}
#kasir.retail-entry-view .entry-offers {min-height:0; align-self:start}
#kasir.retail-entry-view .entry-offers section {min-width:0; flex-shrink:0}
@container(max-width:1100px) {
  #kasir.retail-entry-view .pos-layout {grid-template-rows:auto auto!important}
  #kasir.retail-entry-view .entry-offers {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px) {
  #kasir.retail-entry-view .pos-layout {grid-template-rows:auto auto!important}
  #kasir.retail-entry-view .entry-offers {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:550px) {
  #kasir.retail-entry-view .entry-offers {grid-template-columns:minmax(0,1fr)}
}
@container(max-width:550px) {
  #kasir.retail-entry-view .entry-offers {grid-template-columns:minmax(0,1fr)}
}
#kasir.retail-entry-view .entry-order-actions {
  display:flex; align-items:center; justify-content:flex-end;
  margin-left:auto; gap:14px; flex:0 0 auto; white-space:nowrap;
}
#kasir.retail-entry-view #entry-item-count {color:#57758e;font-size:12px;font-weight:600}
#kasir.retail-entry-view #clear-cart {margin:0;padding:5px 0 5px 8px;white-space:nowrap}
#kasir.retail-entry-view .cashier-order-tab > button:first-child small {
  color:inherit;opacity:.8;flex:0 0 auto;white-space:nowrap;overflow:visible;
}
#kasir.retail-entry-view .cashier-order-tab > button:first-child {gap:12px}
#kasir.retail-entry-view .entry-delete {color:#d62842!important;background:white!important;justify-content:center!important;align-items:center!important}
@media(max-width:550px) {
  #kasir.retail-entry-view .entry-order-actions {gap:8px}
  #kasir.retail-entry-view .cart-title-row {flex-wrap:wrap}
}
#kasir.retail-entry-view .entry-order-bar {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.8fr);
  align-items:center;gap:10px;padding:6px;background:#e4f3ff;
  border:1px solid #c8e1f3;border-radius:12px;
}
#kasir.retail-entry-view .entry-order-bar .cashier-order-tabs {
  margin:0;min-width:0;overflow-x:auto;height:44px;min-height:44px;flex-basis:auto;
}
#kasir.retail-entry-view .entry-order-bar .cashier-order-tab {min-width:34px}
#kasir.retail-entry-view .entry-order-bar .cashier-order-tab.active {min-width:160px}
#kasir.retail-entry-view .entry-order-bar .cashier-order-tab em {display:none}
#kasir.retail-entry-view .entry-order-bar .cashier-order-tab > button:first-child,
#kasir.retail-entry-view .entry-order-bar .cashier-order-add {height:44px;min-height:44px}
#kasir.retail-entry-view .entry-order-bar .customer-actions-row {
  margin:0!important;min-width:0;display:flex;align-items:center;gap:6px;background:transparent;
}
#kasir.retail-entry-view .entry-order-bar .customer-select {
  flex:1;min-width:0;min-height:44px!important;padding:6px 8px!important;
  background:#e4f3ff!important;border:0!important;
}
#kasir.retail-entry-view .entry-order-bar .customer-icon,
#kasir.retail-entry-view .entry-order-bar .customer-points-summary {display:none!important}
#kasir.retail-entry-view .entry-order-bar #customer-name {font-size:17px;overflow-wrap:anywhere}
#kasir.retail-entry-view .entry-order-bar .member-inline-actions {flex:0 0 auto;gap:4px}
#kasir.retail-entry-view .entry-order-bar .member-inline-actions > button {min-height:34px;padding:5px;font-size:11px}
@media(max-width:650px) {#kasir.retail-entry-view .entry-order-bar {grid-template-columns:minmax(0,1fr);gap:4px}}
@container(max-width:650px) {#kasir.retail-entry-view .entry-order-bar {grid-template-columns:minmax(0,1fr);gap:4px}}
#kasir.retail-entry-view .entry-total {container-type:inline-size;padding:20px 24px;gap:18px;min-height:120px}
#kasir.retail-entry-view .entry-total > strong {font-size:clamp(48px,8cqw,100px);line-height:1.05;text-align:right}
@media(max-width:550px) {
  #kasir.retail-entry-view .entry-total {padding:14px 16px;min-height:100px;gap:10px}
  #kasir.retail-entry-view .entry-total > strong {max-width:100%!important;font-size:clamp(44px,12cqw,64px)}
}
.entry-head > :nth-child(4),.entry-head > :nth-child(5),
.entry-head > :nth-child(7),.entry-head > :nth-child(8),.entry-head > :nth-child(10) {text-align:center}
.entry-head > :nth-child(6),.entry-head > :nth-child(9) {text-align:right}
.entry-row > :nth-child(6),.entry-row > :nth-child(9) {text-align:right}
.entry-row > :nth-child(4),.entry-row > :nth-child(5),.entry-row > :nth-child(7),.entry-row > :nth-child(8) {text-align:center}
.entry-row > input:nth-child(6) {text-align:right}
.entry-row > :nth-child(10) {justify-self:center}
.app-shell .sync-status-button.is-warning,.sync-dialog-status.is-warning {color:#955a09;border-color:#edc47e;background:#fff6e5}
.app-shell .sync-status-button.is-warning .sync-dot,.sync-dialog-status.is-warning > span {background:#d88a17;box-shadow:0 0 0 2px #ffebc8}
.sync-dialog-status.is-warning strong {color:#955a09}
.app-shell .sync-status-button.is-pending,.sync-dialog-status.is-pending,
.app-shell .connection-button.is-offline {color:#ac3939;border-color:#edbaba;background:#fff0f0}
.app-shell .sync-status-button.is-pending .sync-dot,.sync-dialog-status.is-pending > span,
.app-shell .connection-button.is-offline .connection-dot {background:#d34545;box-shadow:0 0 0 2px #fbdada}
.app-shell .connection-button.is-checking {color:#956900;border-color:#e7cc86;background:#fff9e9}
.app-shell .connection-button.is-checking .connection-dot {background:#d89a0d}
/* Compact order strip: every order action belongs to this one strip. */
#kasir.retail-entry-view .cart-panel {container-type:inline-size}
#kasir.retail-entry-view .cart-title-row[hidden] {display:none!important}
#kasir.retail-entry-view .entry-order-bar {
  grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto;
  padding:8px;gap:12px;
}
#kasir.retail-entry-view .entry-order-bar .cashier-order-tab.active {min-width:190px}
#kasir.retail-entry-view .entry-order-bar .cashier-order-tab > button:first-child {padding-right:24px;gap:10px}
#kasir.retail-entry-view .entry-order-bar .cashier-order-tab.active small {font-size:10px}
#kasir.retail-entry-view .entry-order-bar .entry-order-actions {gap:10px;margin:0}
#kasir.retail-entry-view .entry-order-bar #clear-cart {padding:8px;border-radius:8px}
@container(max-width:780px) {
  #kasir.retail-entry-view .entry-order-bar {grid-template-columns:minmax(0,1fr) auto;gap:8px}
  #kasir.retail-entry-view .entry-order-bar .cashier-order-tabs {grid-column:1/-1}
}
@media(max-width:650px) {
  #kasir.retail-entry-view .entry-order-bar {grid-template-columns:minmax(0,1fr) auto;gap:8px}
  #kasir.retail-entry-view .entry-order-bar .cashier-order-tabs {grid-column:1/-1}
}
.app-shell .topbar {height:auto;min-height:68px;flex:0 0 auto;flex-wrap:wrap;overflow:visible}
.app-shell .page-heading {min-width:130px;max-width:190px}
.app-shell .page-heading h1 {margin:0 0 4px}
.app-shell .page-heading .server-meterbar {
  position:static;z-index:auto;min-height:17px;padding:3px 6px;gap:6px;
  width:170px;max-width:100%;border-radius:6px;box-sizing:border-box;
}
.app-shell .page-heading .server-meter-label,.app-shell .page-heading .server-meter-value {font-size:9px}
.app-shell .page-heading .server-meter-track {width:auto;flex:1;height:6px;min-width:40px}
.retail-clock-date {display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:100px}
.retail-clock-date #today-label {margin:0;font-size:9px;line-height:1.2;letter-spacing:0;text-align:right;white-space:nowrap}
.retail-clock-date .live-clock {text-align:right}
.app-shell .page-heading .server-meterbar {background:transparent!important;color:#163e60;padding:0;min-height:13px}
.app-shell .page-heading .server-meter-track {background:#e4edf5;border-color:#a8bdcc}
/* Natural row height until the measured remaining viewport is full. */
#kasir.retail-entry-view .entry-table {
  flex:0 1 auto!important;min-height:0!important;height:auto!important;
  max-height:var(--entry-table-limit,240px)!important;overflow:auto!important;
}
#kasir.retail-entry-view .entry-offers {max-height:var(--entry-viewport-height,70dvh);overflow:hidden}
#kasir.retail-entry-view .entry-offers section {display:flex;flex-direction:column;min-height:0;overflow:hidden}
#kasir.retail-entry-view .entry-offers section > div {min-height:0;overflow:auto}
#kasir.retail-entry-view .entry-offers h2 {flex-shrink:0}
@media(min-width:1101px) {
  #kasir.retail-entry-view .entry-offers section {flex:1 1 auto;max-height:calc((var(--entry-viewport-height,70dvh) - 16px)/2)}
}
@container(max-width:1100px) {
  #kasir.retail-entry-view .entry-offers {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:150px;gap:10px}
  #kasir.retail-entry-view .entry-offers section {padding:10px;height:150px;box-sizing:border-box}
  #kasir.retail-entry-view .entry-offers h2 {font-size:14px;margin-bottom:6px;line-height:1.25}
  #kasir.retail-entry-view .entry-offers p {font-size:12px;margin:0}
}
@media(max-width:1100px) {
  #kasir.retail-entry-view .entry-offers {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:150px;gap:10px}
  #kasir.retail-entry-view .entry-offers section {padding:10px;height:150px;box-sizing:border-box}
  #kasir.retail-entry-view .entry-offers h2 {font-size:14px;margin-bottom:6px;line-height:1.25}
  #kasir.retail-entry-view .entry-offers p {font-size:12px;margin:0}
}
#kasir.retail-entry-view.entry-tight .cart-panel {padding:10px;gap:6px}
#kasir.retail-entry-view.entry-tight .entry-total {min-height:72px;padding:10px 16px}
#kasir.retail-entry-view.entry-tight .entry-total > strong {font-size:clamp(32px,6cqw,64px)}
#kasir.retail-entry-view.entry-tight .entry-hint {display:none}
#kasir.retail-entry-view.entry-tight .cart-bottom {padding-top:4px}
#kasir.retail-entry-view.entry-tight .order-details-button {min-height:26px;padding:4px;margin-bottom:4px}
#kasir.retail-entry-view.entry-tight #checkout-button {min-height:44px;padding:8px}
#kasir.retail-entry-view.entry-tight.entry-stacked .entry-offers {height:110px}
#kasir.retail-entry-view.entry-tight.entry-stacked .entry-offers section {height:110px}
@media(max-height:600px) {
  #kasir.retail-entry-view.entry-tight .cart-panel {padding:8px;gap:5px}
  #kasir.retail-entry-view.entry-tight .entry-total {min-height:58px;padding:8px 14px}
  #kasir.retail-entry-view.entry-tight .entry-total > strong {font-size:clamp(32px,5cqw,52px)}
  #kasir.retail-entry-view.entry-tight .entry-head {padding-block:7px!important}
  #kasir.retail-entry-view.entry-tight .entry-row {min-height:48px;padding-block:5px!important}
}