/* SnapCashier v0.7: restrained, keyboard-first UI system. This is the final layer. */
:root{--sc7-bg:#f5f7fa;--sc7-line:#e4e8f0;--sc7-ink:#19253b;--sc7-muted:#6c778d;--sc7-blue:#295be8}
body.app-body{font-family:"Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;background:var(--sc7-bg);color:var(--sc7-ink)}
.content{padding:24px clamp(12px,2.5vw,36px)!important;max-width:1800px;margin-inline:auto}
.sc-clean-card,.inv-panel{background:white;border:1px solid var(--sc7-line)!important;border-radius:15px!important;box-shadow:0 4px 22px rgba(30,45,80,.035)!important;padding:22px!important}
.sc-clean-card h2,.inv-panel h2{font-size:15px;font-weight:700;margin:0 0 17px}
.sc-page-head,.inv-title{margin-bottom:22px!important;display:flex;align-items:center;gap:16px;justify-content:space-between}
.sc-page-head h1,.inv-title h1{font-size:23px!important;margin:0;font-weight:750;letter-spacing:-.4px}
.inv-title p,.inv-panel > p.inv-muted,.sc-section-heading>span,.inv-kicker,.sc-overline{display:none!important}
.sc-page-head .sc-header-actions{display:flex;gap:8px;flex-wrap:wrap}
button,input,select,textarea{font:inherit}
input,select,textarea{border-radius:9px!important;border:1px solid #dce3ee!important;outline-offset:2px;min-height:41px}
input:focus,select:focus,textarea:focus{border-color:#5c82f0!important;outline:2px solid rgba(55,106,242,.12)}
.btn{border-radius:10px!important;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650}
.btn.primary{background:var(--sc7-blue)!important;color:#fff!important}
.btn.outline{border:1px solid var(--sc7-line)!important;background:#fff!important;color:var(--sc7-ink)!important}
.inv-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.inv-table th{background:#f8f9fc;color:#66718a;font-weight:650;white-space:nowrap}
.inv-table td,.inv-table th{padding:12px 13px!important;border-bottom:1px solid #edf0f6}
.inv-table tr:last-child td{border-bottom:0}
.inv-table tr:hover td{background:#fafcff}
.sc-toasts{position:fixed!important;top:19px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;z-index:99999!important;display:flex!important;flex-direction:column;align-items:center;gap:8px;width:min(520px,calc(100vw - 32px));pointer-events:none}
.sc-toast{width:100%;box-shadow:0 14px 44px rgba(23,37,67,.17)!important;pointer-events:auto;border-radius:12px!important;animation:sc7-appear .22s ease-out}
@keyframes sc7-appear{from{opacity:0;transform:translateY(-13px)}to{opacity:1;transform:translateY(0)}}
.sc-operation-dialog{border:1px solid var(--sc7-line);border-radius:16px;padding:0;width:min(820px,calc(100vw - 26px));max-height:89vh;box-shadow:0 32px 90px rgba(12,26,59,.24);background:white;color:var(--sc7-ink)}
.sc-operation-dialog::backdrop{background:rgba(14,23,44,.48);backdrop-filter:blur(3px)}
.sc-modal-heading{padding:20px 23px;border-bottom:1px solid var(--sc7-line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.sc-modal-heading h2{font-size:17px;font-weight:750;margin:0}
.sc-modal-heading button:not(.btn){border:0;background:#f1f3f7;border-radius:8px;width:33px;height:33px;cursor:pointer;font-size:22px}
.sc-modal-scroll{overflow-y:auto;max-height:calc(89vh - 80px);padding:20px}
.sc-modal-scroll .sc-product-sections>.sc-secondary-tabs{display:none}
.sc-modal-scroll .inv-columns{display:block!important}
.sc-modal-scroll .inv-panel{margin:0!important;box-shadow:none!important;border:0!important;padding:4px!important}
.sc-modal-scroll .inv-product-extra{display:block}
.sc-modal-scroll .inv-panel[hidden]{display:none!important}
.sc-search-dialog{max-width:580px}
.sc-search-content{padding:22px}
.sc-search-content input[type=search]{width:100%}
.sc-search-modal-form{display:grid;gap:12px}
.sc-search-launch{margin-bottom:12px}
.sc-hidden-filter{display:none!important}
.sc-simple-product-form{max-width:1050px;margin:0 auto}
.sc-product-essentials{max-width:1140px;margin:0 auto}
.sc-simple-product-form .sc-full{grid-column:1/-1}
.sc-simple-product-form label{display:grid;gap:7px;font-size:12px;font-weight:600}
.sc-check-label{display:flex!important;align-items:center;flex-direction:row;gap:10px}
.sc-check-label input{min-height:auto}
.sc-optional-fields{border:1px solid var(--sc7-line);border-radius:10px;padding:11px 14px;margin:12px 0}
.sc-optional-fields>summary{cursor:pointer;font-weight:600;color:#56657b}
.sc-padding-top{padding-top:12px}
.sc-product-actions{display:flex;flex-wrap:wrap;gap:5px;max-width:340px;margin-top:8px}
.sc-tool-action{border:1px solid #e3e8f1;border-radius:6px;background:#f8fafd;color:#3b516e;font-size:11px;padding:4px 7px;cursor:pointer;white-space:nowrap}
.sc-tool-action:hover{background:#eaf0ff;border-color:#aec3fa;color:#2446a0}
.sc-secondary-details{margin-top:18px}.sc-secondary-details>summary{cursor:pointer;font-weight:650}
.sc-barcode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:14px;margin-bottom:18px}
.sc-barcode-card{background:#fff;border:1px solid var(--sc7-line);border-radius:13px;padding:17px}
.sc-barcode-card-head{display:flex;justify-content:space-between;gap:9px;align-items:start;border-bottom:1px solid #edf0f5;padding-bottom:13px}
.sc-barcode-card-head strong{font-size:14px}.sc-barcode-card-head span{color:var(--sc7-muted);font-size:12px}
.sc-barcode-values{display:grid;gap:9px;padding-top:11px}.sc-barcode-line{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sc-barcode-line code{font-size:12px;color:#394966}.sc-barcode-line .btn{min-height:32px;padding:5px 12px;font-size:12px}
.sc-grid-editor input[type=number]{width:130px;max-width:100%}.sc-grid-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-top:18px}
.sc-invoice-workspace{display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr);gap:18px;align-items:start}
.sc-invoice-sidebar{display:grid;gap:14px;position:sticky;top:16px}
.sc-invoice-main{min-width:0;display:grid;gap:15px}
.sc-invoice-entry form{display:grid;gap:12px}.sc-invoice-entry label{display:grid;gap:6px;font-size:12px}
.sc-invoice-entry input,.sc-invoice-entry select{width:100%}.sc-invoice-entry h2{margin-bottom:14px}
.sc-invoice-context{padding:17px!important}.sc-invoice-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f0f2f6;font-size:13px}
.sc-invoice-row:last-child{border-bottom:0}.sc-invoice-row span{color:var(--sc7-muted)}
.sc-invoice-totals>div:not(.sc-grand-total){display:flex;justify-content:space-between;gap:12px;margin:10px 0;font-size:13px}
.sc-invoice-totals .sc-grand-total{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--sc7-line);padding-top:14px;margin:14px 0;font-size:17px;color:#123e98}
.sc-full-width{width:100%}.sc-invoice-workspace kbd,.sc-simple-product-form kbd,.sc-grid-editor kbd{font-size:10px;padding:3px 5px;border-radius:5px;border:1px solid #d7dfeb;background:#f7f8fa;color:#526278}
.sc-invoice-entry .btn.primary kbd{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:white}
.sc-invoice-lines{min-height:340px}.sc-invoice-lines .inv-table td:first-child{min-width:145px}.sc-qty-form{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}
.sc-qty-form input{width:58px;min-height:29px;text-align:center;padding:3px!important}.sc-qty-form button{border:1px solid var(--sc7-line);border-radius:6px;background:#f9fafe;min-width:25px;min-height:28px;cursor:pointer}.sc-qty-save{font-size:10px}
.sc-lookup-results{display:grid;gap:5px;margin-top:14px;max-height:390px;overflow:auto}.sc-lookup-result{text-align:start;border:1px solid var(--sc7-line);background:white;border-radius:9px;padding:12px;cursor:pointer;color:var(--sc7-ink)}.sc-lookup-result:hover,.sc-lookup-result:focus{background:#eef3ff;border-color:#7b9cf0}
@media(max-width:1050px){.sc-invoice-workspace{grid-template-columns:1fr}.sc-invoice-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.sc-invoice-totals{grid-column:1/-1}}
@media(max-width:680px){.content{padding:12px!important}.sc-invoice-sidebar{grid-template-columns:1fr}.sc-fields-2{grid-template-columns:1fr!important}.sc-clean-card,.inv-panel{padding:15px!important}.sc-page-head{align-items:start}.sc-grid-footer{flex-wrap:wrap}}
@media print{.sidebar,.topbar,.sc-invoice-sidebar button,.sc-page-head,.sc-invoice-main form button,.sc-toasts{display:none!important}.sc-invoice-workspace{display:block}.sc-invoice-main{display:block}.sc-clean-card{box-shadow:none!important}}

.sc-toolbar[data-sc-quick-filter] input[name=q]{display:none}.sc-search-modal-form input[name=q]{display:block!important}.sc-search-modal-form{width:100%;}
.sc-optional-fields input,.sc-optional-fields select{width:100%}
