/* SnapCashier 2026 / Product design tokens and responsive components.
   Loaded last: normalizes typography, spacing and navigation across legacy views.
   No external font or CDN dependency; also works on older Windows browsers with fallback. */
:root{
  --sc-ink:#14223a;--sc-subtle:#65758e;--sc-bg:#f5f7fb;--sc-card:#fff;
  --sc-border:#e5eaf2;--sc-brand:#3656dc;--sc-brand-dark:#263caa;
  --sc-shadow:0 10px 35px rgba(17,38,75,.055);--sc-round:16px
}
html{scroll-behavior:smooth}
body,button,input,select,textarea{font-family:"Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif!important}
body{font-size:14px;line-height:1.65;color:var(--sc-ink);background:var(--sc-bg)}
button,select,a{ -webkit-tap-highlight-color:transparent }
button{cursor:pointer}
::selection{background:#d9e3ff;color:#173c9e}
.content{max-width:1720px;margin-inline:auto;width:100%;padding:clamp(16px,2.3vw,38px)!important}
.sidebar{background:#111f3a!important;box-shadow:4px 0 36px #14234318}
.sidebar .brand{padding-block:25px!important}
.sidebar .side-menu{padding-top:12px}
.sidebar .menu-label{font-size:11px!important;color:#8a9bb4!important;letter-spacing:0!important;margin-block:15px 8px!important}
.sidebar .nav-group-toggle,.sidebar .nav-link{min-height:47px!important;font-size:13px!important;border-radius:12px!important}
.sidebar .nav-sub-link{font-size:12.5px!important;padding-block:10px!important;min-height:37px;display:flex;align-items:center}
.sidebar .nav-group.expanded .nav-group-toggle{background:#24385a!important;color:#fff!important}
.sidebar .nav-sub-link.active{background:#3559dc!important;color:#fff!important}
.nav-group-toggle .nav-chevron{transition:transform .2s ease}
.nav-group.expanded .nav-chevron{transform:rotate(180deg)}
.topbar{min-height:74px!important;background:#fff!important;border-bottom:1px solid var(--sc-border)!important}
.topbar .crumb,.topbar .crumb-div,.topbar-date{font-size:12px!important}
.topbar strong{font-size:13px!important}
.inv-title,.page-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:23px!important}
.inv-title h1,.page-heading h1{font-size:clamp(24px,2.2vw,31px)!important;font-weight:750!important;letter-spacing:-.035em;margin:5px 0!important;color:#14223a}
.inv-title p,.page-heading p{font-size:13px!important;line-height:1.8!important;color:var(--sc-subtle)}
.inv-kicker{font-size:11px!important;color:#4f68d5!important;font-weight:750}
.inv-panel,.panel,.stat-card,.settings-form,.sc-wizard{background:#fff!important;border:1px solid var(--sc-border)!important;box-shadow:var(--sc-shadow)!important;border-radius:var(--sc-round)!important}
.inv-panel{padding:clamp(16px,2vw,26px)!important;margin-block-end:18px}
.inv-panel h2,.settings-form h2,.sc-wizard h2{font-size:18px!important;color:var(--sc-ink)!important;line-height:1.4}
.inv-panel h2{margin:0 0 16px}
.inv-panel p,.inv-muted,.sc-muted{font-size:12.5px!important;line-height:1.8;color:var(--sc-subtle)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px!important;border-radius:11px!important;font-size:13px!important;font-weight:700!important;line-height:1.3;border:1px solid transparent;white-space:normal}
.btn.primary{background:linear-gradient(135deg,#385ae1,#3650c2)!important;color:#fff!important;box-shadow:0 7px 15px #385ae129!important}
.btn.primary:hover{background:linear-gradient(135deg,#304cbe,#253d9c)!important;transform:translateY(-1px)}
.btn.outline{background:#fff!important;border-color:#dce4ef!important;color:#293954!important}
.btn.outline:hover{background:#f3f6fd!important;border-color:#b3c5e7!important}
.inv-form-grid label,.inv-mini-form label,.inv-filter label,.form-grid label,.sc-label-controls>label,
.sc-form-tiles>label{font-size:13px!important;font-weight:650!important;color:#33445d!important}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{
  font-size:13.5px!important;color:#21324b;background:#fff;border:1px solid #d9e3f0;
  border-radius:11px;min-height:42px;box-shadow:inset 0 1px 0 #fafbfe
}
input:focus,select:focus,textarea:focus{border-color:#6984e9!important;box-shadow:0 0 0 3px #dce5ff!important;outline:0}
input::placeholder,textarea::placeholder{color:#96a4b9!important}
.inv-table-scroll{overflow:auto;overscroll-behavior-x:contain;border:1px solid #e8edf4;border-radius:13px}
.inv-table{width:100%;border-collapse:collapse}
.inv-table thead{background:#f8faff!important}
.inv-table th{font-size:12px!important;font-weight:750!important;color:#5b6f8e!important;text-align:right;padding:15px 16px!important;white-space:nowrap}
.inv-table td{padding:15px 16px!important;border-top:1px solid #edf1f7!important;font-size:13px!important;vertical-align:middle}
.inv-table tr:hover td{background:#fafbff!important}
.inv-table td strong{font-size:13px!important}
.inv-table td code,.inv-table td .inv-status{font-size:12px!important}
.sc-table-actions{white-space:nowrap}.sc-table-actions a,.sc-table-print{display:inline-block;margin-inline-end:10px;color:#3758d8!important;background:transparent;border:0;font-weight:650;font-size:12px!important;text-decoration:none}
.sc-table-actions a:hover,.sc-table-print:hover{text-decoration:underline}
.inv-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px!important}
.inv-tabs a{font-size:12px!important;padding:10px 14px!important;background:#fff;border:1px solid var(--sc-border);border-radius:10px;color:#40536e}
.inv-tabs a:hover{background:#ecf2ff;color:#2943be}
.sc-wizard{padding:clamp(20px,3vw,36px)!important;max-width:1120px}
.sc-wizard-heading h2{font-size:25px!important}.sc-wizard-heading p{font-size:13px!important}
.sc-wizard-counter{font-size:12px}.sc-wizard-steps button{min-height:47px}
.sc-form-tiles>label small{font-size:12px!important}
.sc-form-tiles>label input,.sc-form-tiles>label select{font-size:14px!important;min-height:49px!important}
.sc-form-tiles{gap:23px}.sc-wizard-actions{gap:11px}
.sc-inline-copy{align-self:flex-start;border:0;border-radius:8px;background:#eef3ff;color:#3051c9;padding:7px 11px;font-size:12px;font-weight:700}
.sc-inline-copy:hover{background:#dfe9ff}
.sc-review-card{background:linear-gradient(135deg,#f2f6ff,#fcfdff);border:1px solid #dce6ff;border-radius:16px;padding:23px;margin-bottom:24px}
.sc-review-card>span{font-size:12px;font-weight:750;color:#5572c3}
.sc-review-card h3{font-size:21px;margin:8px 0 18px}
.sc-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sc-review-grid>div{padding:12px 14px;background:#fff;border:1px solid #e7ecf7;border-radius:12px;display:flex;flex-direction:column;gap:5px;min-width:0}
.sc-review-grid small{font-size:11px;color:#8795ab}.sc-review-grid strong{font-size:13px;overflow-wrap:anywhere}
.sc-toasts{position:fixed!important;inset-block-start:22px!important;inset-inline-start:24px!important;z-index:100000!important}
.sc-toast{box-shadow:0 15px 55px #14233b24!important}
.sc-label-dialog{max-width:min(1120px,96vw)!important;border-radius:24px!important;box-shadow:0 28px 90px #0e203659!important}
.sc-modal-top{background:#fff}.sc-label-controls{gap:16px!important;padding:24px!important}
.sc-label-presets{border:0;padding:0;margin:0}.sc-label-presets legend{font-size:12px;font-weight:750;color:#344862;margin-bottom:8px}
.sc-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sc-preset-grid button{background:#f7f9fd;border:1px solid #dfe6f0;border-radius:10px;padding:9px 7px;color:#4d6079;font-size:12px}
.sc-preset-grid button.is-active{background:#edf2ff;color:#314ec8;border-color:#87a3e9;font-weight:800}
.sc-preview-side{background:#edf1f8!important}.sc-preview-side iframe{box-shadow:0 12px 30px #192a4212}
.sc-label-notice{border:1px solid #d8e5ff;padding:11px 12px;background:#f1f6ff;border-radius:11px;color:#3e5e9b;font-size:12px;line-height:1.7;margin:0}
.sc-label-buttons{display:flex;justify-content:space-between}.sc-label-buttons .btn{flex:1}
@media(max-width:980px){.content{padding:18px!important}.sc-form-tiles{gap:15px}.sc-wizard{padding:20px!important}}
@media(max-width:640px){.sc-form-tiles,.sc-review-grid{grid-template-columns:1fr}.sc-wizard-steps{gap:5px}.sc-wizard-steps button{padding:9px 4px!important;font-size:11px!important}.sc-label-buttons .btn{width:100%}.sc-label-buttons{flex-direction:column}.sc-label-dialog{width:100vw;max-width:100vw!important;max-height:96dvh!important;border-radius:16px!important}.sc-label-controls{padding:17px!important}.sc-label-flags{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Keep contextual badges compact inside vertically stacked labels. */
.sc-form-tiles>label .sc-optional{align-self:flex-start;max-width:max-content;display:inline-flex;margin-inline-start:0}