/* Final semantic layer: no changes to the owner's POS grid or positioning. */
:root { --surface-readable:#fff; --text-readable:#202539; --muted-readable:#566277; --border-readable:#dce2ec; --link-readable:#412487; }
html[data-theme="dark"] { --surface-readable:#142431; --text-readable:#eef2fa; --muted-readable:#bac8d9; --border-readable:#34495c; --link-readable:#bea9ff; }
.system-table, .panel p, .info-list, .field-wrap { font-size:14px; }
.system-ui-scale .system-table small, .system-ui-scale .panel small,
.system-ui-scale .panel-head a, .system-ui-scale .shift-store-card small,
.system-ui-scale .store-detail-stats small, .system-ui-scale .pos-category-copy small,
.system-ui-scale .pos-category-copy em, .system-ui-scale .pos-item small { font-size:13px; opacity:1; }
.system-ui-scale .pos-item strong { font-size:14px; line-height:1.35; }
.panel-head a, .system-table a:not(.btn-primary-system), .info-list a { color:var(--link-readable); }
.checkout-modal .checkout-step, .checkout-modal .checkout-method-item,
.checkout-modal #checkout-item-methods article,
.checkout-modal .modal-content, .checkout-modal .modal-body, .checkout-modal .modal-footer { background:var(--surface-readable)!important; color:var(--text-readable)!important; }
.checkout-modal small, .checkout-modal p, .checkout-modal label { color:var(--muted-readable); opacity:1; }
.checkout-modal input, .checkout-modal select, .checkout-modal textarea { background:var(--surface-readable)!important; color:var(--text-readable)!important; border-color:var(--border-readable)!important; }
.checkout-modal .modal-footer { gap:10px; padding:14px 20px; align-items:center; }
.checkout-modal .modal-footer > .btn { display:inline-flex!important; flex:0 0 auto; align-items:center; justify-content:center; gap:7px; width:auto!important; min-width:0!important; height:44px; min-height:44px!important; padding:0 16px!important; font-size:15px!important; line-height:1.2!important; border-radius:10px; white-space:nowrap; }
.checkout-modal .modal-footer > .btn svg { width:18px!important; height:18px!important; flex:none; }
.checkout-modal .checkout-estimate { margin-right:auto; }
@media(max-width:575px) {
  .checkout-modal .modal-footer { padding:12px 16px; }
  .checkout-modal .checkout-estimate { flex:1 0 100%; margin:0 0 2px; }
  .checkout-modal .modal-footer > .btn { margin:0; }
}
html[data-theme="dark"] .checkout-modal :is(.checkout-express-choice,.public-express-choice) { background:#251e43!important; border-color:#685391!important; color:var(--text-readable)!important; }
html[data-theme="dark"] .checkout-modal .public-express-choice strong { color:var(--text-readable)!important; }
html[data-theme="dark"] .checkout-modal .public-express-choice :is(small,b) { color:var(--link-readable)!important; }
html[data-theme="dark"] .site-topbar-logo { background:transparent!important; }
html[data-theme="dark"] :is(#nav-cart-total,.checkout-line-total,.checkout-rule-note,.floating-cart-line em,.checkout-kicker,.modal-kicker) { color:var(--link-readable)!important; }
.branch-context-clear { font-size:13px; color:var(--link-readable); border:1px solid var(--border-readable); padding:5px 8px; border-radius:6px; white-space:nowrap; }
.record-pagination { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:16px; padding:20px 0; }
.pos-line-controls button,.cart-line-actions button { min-width:32px; min-height:32px; }
html[data-theme="dark"] [data-logo-monochrome="true"], .site-footer [data-logo-monochrome="true"] { filter:brightness(0) invert(1); }
html[data-theme="dark"] .homepage { background:#0e1823; color:var(--text-readable); }
html[data-theme="dark"] .homepage :is(.bg-white,.bg-emerald-50,.bg-emerald-100,[class*="bg-[#F"],[class*="bg-white/"]) { background-color:var(--surface-readable)!important; }
html[data-theme="dark"] .homepage :is([class*="text-emerald-950"],[class*="text-emerald-900"],[class*="text-gray-500"],[class*="text-gray-400"]) { color:var(--text-readable)!important; }
.homepage :is(.text-xs,[class*="text-[10px]"],[class*="text-[11px]"]) { font-size:13px; }
.pos-mobile-jump { display:none; }
.shift-stale-warning { color:#9a4c0b; background:#fff3db; padding:10px 14px; font-size:14px; border-radius:8px; }
html[data-theme="dark"] .shift-stale-warning { color:#ffd49c; background:#37291a; }
.table-responsive { scrollbar-width:thin; }
.public-gallery-section{max-width:1280px;margin:auto;padding:64px 24px}.public-gallery-section>div:first-child{margin-bottom:28px}.public-gallery-section h2{font-size:30px;margin:10px 0;color:var(--text-readable)}.public-gallery-section p{font-size:15px;color:var(--muted-readable)}.public-gallery-section>div>span{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--link-readable);font-weight:700}.public-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.public-gallery-grid figure{margin:0}.public-gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.public-gallery-grid figcaption{font-size:14px;color:var(--text-readable);margin-top:12px} @media(max-width:620px){.public-gallery-grid{grid-template-columns:1fr}.public-gallery-section{padding:40px 20px}}
.table-scroll-hint { display:none; color:var(--muted-readable); padding:8px 14px; font-size:13px; }
@media(max-width:760px) {
  .pos-mobile-jump { display:flex; position:fixed; bottom:16px; left:16px; right:16px; z-index:1035; align-items:center; justify-content:center; gap:8px; padding:12px 16px; background:var(--primary,#2b1273); color:#fff; border-radius:30px; text-decoration:none; box-shadow:0 4px 18px #0003; }
  .branch-pos-only .system-content { padding-bottom:90px; }
  body:not(.branch-pos-only) .pos-mobile-jump { bottom:82px; }
  #pos-order-controls { scroll-margin-top:90px; }
  .table-scroll-hint { display:block; }
  .system-table { min-width:0!important; font-size:13px; }
  .system-table td,.system-table th { padding:10px 8px; white-space:normal; }
  .system-table small { overflow-wrap:anywhere; }
  .table-priority-secondary { display:none; }
  .panel, .table-panel { min-width:0; }
}
