/* Glass appearance; payment and storage behavior stay in the existing adapter. */
:root{
 --p:#7955f6;--p2:#8d6cff;--p-soft:rgba(130,94,255,.22);--ink:#f4f3f8;--muted:#b2afc2;
 --line:rgba(218,212,244,.16);--bg:#171820;--card:rgba(39,41,54,.82);--side:rgba(28,29,39,.84);
 --key:rgba(255,255,255,.045);--keyh:rgba(255,255,255,.10);--ok:#65db9b;--ok-soft:#173b2c;
 --warn:#ffc66d;--warn-soft:#49371b;--bad:#ff999d;--bad-soft:#48262c;
 --shadow:0 12px 32px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.05);color-scheme:dark;
 --scene:radial-gradient(ellipse at 91% 0%,rgba(124,91,216,.20),transparent 47%),radial-gradient(ellipse at 0% 100%,rgba(104,75,190,.13),transparent 45%),linear-gradient(135deg,#1b1e27,#171820 60%);
}
:root[data-appearance=light]{
 --p:#6540de;--p2:#7952ee;--p-soft:rgba(111,71,224,.10);--ink:#181821;--muted:#666675;
 --line:rgba(84,73,121,.17);--bg:#f5f4f7;--card:rgba(255,255,255,.83);--side:rgba(250,249,253,.85);
 --key:rgba(255,255,255,.60);--keyh:rgba(111,71,224,.08);--ok:#187b4a;--ok-soft:#e2f5e9;
 --warn:#92570e;--warn-soft:#fff0d7;--bad:#b12c3b;--bad-soft:#fde9ec;
 --shadow:0 12px 32px rgba(52,37,88,.045),inset 0 1px 0 #fff;color-scheme:light;
 --scene:radial-gradient(ellipse at 90% 5%,rgba(160,134,230,.13),transparent 48%),radial-gradient(ellipse at 0% 100%,rgba(155,123,225,.12),transparent 45%),linear-gradient(135deg,#faf9fb,#f2f1f5);
}
body{background:var(--scene);background-attachment:fixed}
/* Keep the original Tavarov Pay mark and its geometry. */
.mark{background:#6c42ef}
.app{grid-template-columns:228px minmax(0,1fr)}
.side{background:var(--side);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);padding:42px 18px 20px;gap:34px}
.side .brand{padding:0 6px}.brand b{font-size:16px}.brand small{font-weight:450}
.nav{height:47px;border-radius:12px;gap:12px;font-weight:500;border:1px solid transparent}
.nav.on{color:var(--ink);border-color:rgba(148,114,245,.25)}.nav.on svg{color:#ab90ff}
:root[data-appearance=light] .nav.on svg{color:var(--p)}
main{padding:38px 32px 32px;min-width:0}.view,.workspace-header{max-width:1240px;margin-left:auto;margin-right:auto}
.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px;min-height:56px}
.workspace-title{font:650 clamp(24px,2.8vw,36px)/1.15 Inter;letter-spacing:-.045em;margin:0}
.workspace-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.workspace-controls .pick{margin:0}.appearance-switch{display:flex;gap:2px;border:1px solid var(--line);padding:3px;border-radius:12px;background:var(--key)}
.appearance-switch button{width:34px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--muted)}
.appearance-switch button[aria-pressed=true]{background:var(--p-soft);color:var(--ink)}.appearance-switch svg{width:17px;height:17px}
.card,.setup-card,.modal-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.card{border-radius:20px;padding:26px}.till{grid-template-columns:minmax(360px,1.3fr) minmax(275px,1fr);gap:22px;align-items:stretch}
.pad-card{background:transparent;box-shadow:none;border:0;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}
#amtLbl{margin:0;padding:20px 24px 0;background:var(--card);border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0}
.amount{font-size:clamp(52px,5.5vw,78px);line-height:1.1;min-height:100px;margin:0 0 18px;padding:6px 24px 24px;background:var(--card);border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;box-shadow:var(--shadow)}
.amount.zero #amtVal{color:var(--ink);opacity:1}.amount .cur{font-size:22px;font-weight:500}
input:not([type=checkbox]),select{border:1px solid var(--line);background:var(--card)}
.note{height:52px!important;margin-bottom:18px}.pad{gap:9px;margin-bottom:20px}
.pad button{height:clamp(58px,8.5vh,82px);border:1px solid var(--line);border-radius:13px;background:var(--key);font-size:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.btn{border:1px solid transparent}.btn.ghost{border-color:var(--line)}.btn.primary{background:linear-gradient(110deg,#6940ed,#774cf2);color:#fff;box-shadow:0 5px 15px rgba(103,63,222,.15)}.btn.primary:hover{background:#815cf5}
.pad-card .row{flex-wrap:wrap;gap:9px}.pad-card .row .btn{height:54px;font-size:14px}.pad-card #chargeBtn{min-width:160px;flex:1 1 40%}
.side-card .stat{background:transparent;border-radius:0;padding:18px 0 24px;border-bottom:1px solid var(--line);margin:0 0 24px}
.side-card .stat b{font-size:clamp(26px,3vw,44px);font-weight:550;display:block;margin-top:9px;overflow-wrap:anywhere}.side-card .stat small{font-size:13px;font-weight:500}
h3{font-size:13px;color:var(--muted);font-weight:550}.list li{padding:15px 0;border-bottom:1px solid var(--line);border-radius:0;gap:6px 10px}.list li:last-child{border-bottom:0}.list li:hover{background:transparent}
.seg{border:1px solid var(--line);background:var(--key)}.seg button.on{background:var(--p-soft);color:var(--ink);box-shadow:none}.seg.mini button{height:32px}
.quick:empty{display:none}.quick button{border:1px solid var(--line)}.quick-hint{line-height:1.6}
.pay{min-height:calc(100vh - 190px);grid-template-columns:minmax(240px,.95fr) minmax(260px,1fr);gap:36px}.qr{width:100%;max-width:380px}.pay-qr{background:#fff!important;padding:24px;max-width:428px;width:100%;justify-self:center}.pay-amount b{font-size:clamp(44px,5vw,68px)}
.links{grid-template-columns:minmax(300px,1fr) minmax(260px,1fr)}.settings{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.table th{background:var(--bg)}.table-wrap{max-height:calc(100vh - 300px)}.table td{padding-top:16px;padding-bottom:16px}.table{min-width:620px}
.btn:focus-visible,.nav:focus-visible,.pad button:focus-visible,.seg button:focus-visible,.appearance-switch button:focus-visible,.link:focus-visible{outline:2px solid #ab90ff;outline-offset:3px}
input:focus,select:focus{border-color:#a58ae9;box-shadow:0 0 0 3px var(--p-soft)}
@supports not (backdrop-filter:blur(1px)){.card,.setup-card,.side{background:var(--bg)}}
@media(max-width:1100px){main{padding:34px 22px 24px}.app{grid-template-columns:200px minmax(0,1fr)}.side{padding-left:12px;padding-right:12px}.workspace-header{align-items:flex-start;flex-wrap:wrap;gap:16px}.workspace-controls{justify-content:flex-start}.till{grid-template-columns:minmax(340px,1.3fr) minmax(230px,1fr);gap:16px}.card{padding:20px}.pay{grid-template-columns:1fr;min-height:0}.links{grid-template-columns:1fr}}
@media(max-width:920px){.till{grid-template-columns:minmax(0,1fr)}.side-card .stat{padding-top:6px}.pay-info{text-align:center}.pay-info .chips,.pay-info .row{justify-content:center}}
@media(max-width:620px){body{overflow:hidden}.app{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.side{padding:12px 14px;gap:12px;border-right:0;border-bottom:1px solid var(--line)}.side .brand{padding:0}.side nav{grid-template-columns:repeat(4,1fr);gap:4px}.nav{height:46px;justify-content:center;padding:6px 3px;gap:4px;flex-direction:column;font-size:10px}.nav svg{width:18px;height:18px}.side-foot{display:none}main{padding:22px 16px}.workspace-header{gap:14px;margin-bottom:20px}.workspace-controls{gap:8px}.workspace-title{font-size:28px}.workspace-controls .pick{gap:5px}.seg.mini button{padding:0 8px;font-size:12px}.amount{font-size:62px;min-height:96px}.pad button{height:64px}.setup{padding:20px}.setup-card{padding:26px;min-width:0}.setup-card .row{flex-wrap:wrap}.setup-card input{min-width:0}.pay{gap:24px}.pay-qr{max-width:340px}.pay-info .row{flex-wrap:wrap}.link-out{flex-wrap:wrap}.modal{padding:14px}.modal-card{max-width:100%}.table-wrap{max-height:60vh}.toolbar{gap:8px}.toolbar .search{max-width:100%}.brand b{font-size:15px}}
@media(prefers-reduced-transparency:reduce){.card,.side,.setup-card{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}