/* EXIT · glass.css — un singur fișier de stil (etapa 1 din PLAN-DESIGN-LIQUID-GLASS.md).
   Sticla e pentru stratul de navigare și control (bara de sus, coșul, căutarea, ferestrele, toast-urile, bara de jos);
   conținutul (carduri de produs, tabele, câmpuri, acte) rămâne solid, ca textul să se citească perfect. */
:root{
  --bg-grad:radial-gradient(60% 50% at 10% 0%,#dfe8ff 0%,transparent 60%),radial-gradient(50% 45% at 100% 100%,#e6fff2 0%,transparent 60%),#eef0f5;
  --glass:rgba(255,255,255,.58); --glass-strong:rgba(255,255,255,.78);
  --glass-blur:blur(24px) saturate(180%);
  --glass-edge-in:inset 0 1px 0 rgba(255,255,255,.85),inset 0 0 0 1px rgba(255,255,255,.45);
  --glass-shadow:0 10px 30px -12px rgba(16,24,40,.25),0 2px 6px -2px rgba(16,24,40,.08);
  --card:#fff; --line:rgba(17,18,20,.08); --text:#111214; --muted:#5f6473;
  --accent:#2fc785; --ok:#15803d; --warn:#f08a00; --bad:#c4262b;
  --r-lg:22px; --r-md:14px; --r-sm:10px;
  --t-fast:140ms; --t-med:240ms; --t-slow:420ms;
  --spring:cubic-bezier(.2,.9,.25,1.15); --ease:cubic-bezier(.22,.8,.22,1);
  --top-h:58px;
}
.glass{position:relative;isolation:isolate;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge-in),var(--glass-shadow);border-radius:var(--r-lg)}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 38%)}
.glass.strong{background:var(--glass-strong)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:var(--glass-strong)}}
@media (prefers-reduced-transparency:reduce){.glass,.top,.vcart,.sheet,.bnav,.toast{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}

:root{--bg:#f4f5f9;--card:#fff;--soft:#f0f1f6;--soft2:#e7e9f0;--line:#e6e8ef;--text:#15171c;--muted:#5f6473;
 --blue:#2fc785;--blue-s:#e8f0ff;--green:#15803d;--green-s:#e7f7ed;--orange:#f08a00;--orange-s:#fff3e0;--purple:#7c4dff;--purple-s:#f0ebff;--red:#c4262b;--red-s:#fdecec;
 --r:20px;--ease:cubic-bezier(.22,.8,.22,1);--shadow:0 1px 2px rgba(0,0,0,.04);
 --num:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font:15px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
input,select,textarea{font:inherit;color:inherit}
.n{font-family:var(--num);font-variant-numeric:tabular-nums}
svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.muted{color:var(--muted)}.grow{flex:1}.hide{display:none!important}

/* ---------- bara de sus ---------- */
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;padding:12px 24px;padding-top:max(12px,env(safe-area-inset-top));background:rgba(244,245,249,.85);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid var(--line)}
.logo{font-weight:900;font-size:22px;letter-spacing:-.04em}
.tabs{display:flex;gap:4px;background:var(--soft);padding:4px;border-radius:14px;margin:0 auto;overflow-x:auto;scrollbar-width:none}
.tabs button{padding:8px 16px;border-radius:10px;font-weight:600;font-size:14px;color:var(--muted);display:flex;gap:8px;align-items:center;white-space:nowrap}
.tabs button.on{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.tabs .dot{width:8px;height:8px;border-radius:50%}
.me{display:flex;align-items:center;gap:12px;position:relative}
.goal{text-align:right;font-size:12px;color:var(--muted);line-height:1.2}.goal b{display:block;color:var(--text);font-size:15px}
.ring{width:38px;height:38px}
.av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#2fc785,#7c4dff);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.menu{position:absolute;right:0;top:48px;background:#fff;border-radius:16px;box-shadow:0 20px 50px -20px rgba(0,0,0,.35);padding:8px;min-width:230px;z-index:40}
.menu .who{padding:8px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}.menu .who small{display:block;color:var(--muted)}
.menu button{display:block;width:100%;text-align:left;padding:12px;border-radius:10px;font-weight:500}.menu button:hover{background:var(--soft)}
.bnav{display:none}

main{padding:16px 24px 40px;max-width:1520px;margin:0 auto}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:16px}
h1{font-size:28px;letter-spacing:-.03em;font-weight:800}
h2{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}
h2 .step{width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:12px;letter-spacing:0}
.head{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.head .acts{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border-radius:12px;padding:8px 16px;font-weight:600;box-shadow:var(--shadow),inset 0 0 0 1px var(--line);transition:transform .1s}
.btn:active{transform:scale(.97)}.btn.pri{background:var(--blue);color:#fff;box-shadow:none}.btn.green{background:var(--green);color:#fff;box-shadow:none}
.btn.red{color:var(--red)}.btn.sm{padding:8px 12px;font-size:13px;border-radius:10px}.btn.soft{background:var(--soft);box-shadow:none}
.field{display:flex;align-items:center;gap:12px;background:var(--soft);border-radius:14px;padding:0 16px;border:2px solid transparent;transition:border-color .15s}
.field:focus-within{border-color:var(--blue);background:#fff}
.field input,.field select{flex:1;border:0;background:none;padding:12px 0;font-size:16px;outline:none;min-width:0}
label.f{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}
label.f input,label.f select,label.f textarea{border:2px solid transparent;background:var(--soft);border-radius:12px;padding:12px 12px;font-size:15px;font-weight:500;color:var(--text);outline:none;width:100%}
label.f input:focus,label.f select:focus,label.f textarea:focus{border-color:var(--blue);background:#fff}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tag{font-size:12px;font-weight:700;padding:4px 8px;border-radius:999px;white-space:nowrap;display:inline-block}
.t-blue{background:var(--blue-s);color:var(--blue)}.t-green{background:var(--green-s);color:var(--green)}.t-orange{background:var(--orange-s);color:#8a4b00}.t-purple{background:var(--purple-s);color:var(--purple)}.t-red{background:var(--red-s);color:var(--red)}.t-gray{background:var(--soft);color:var(--muted)}
.empty{text-align:center;color:var(--muted);padding:32px 12px;font-size:14px}.empty .big{font-size:34px;margin-bottom:8px}
table.t{width:100%;border-collapse:collapse}.t th{font-size:12px;color:var(--muted);text-align:left;padding:8px 12px;font-weight:700}
.t td{padding:12px 12px;border-top:1px solid var(--line);vertical-align:top;font-size:14px}.t .r{text-align:right;white-space:nowrap}.t tr.off{opacity:.5}
.chip{font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--soft);padding:2px 8px;border-radius:6px;color:var(--text);opacity:.82}

/* ---------- vânzarea ---------- */
.pos{display:grid;grid-template-columns:290px minmax(0,1fr) 410px;gap:16px;align-items:start}
.pos>*{min-width:0}
.client{margin-top:12px;border-radius:16px;background:var(--blue-s);padding:16px}
.client .nm{font-weight:700;font-size:17px}
.hist{margin-top:12px;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow:auto}
.hist div{display:flex;gap:8px;align-items:center;font-size:13px;background:#fff;border-radius:10px;padding:8px 12px}
.hint{margin-top:12px;font-size:13px;color:#3d4250;line-height:1.5;background:#fffbea;border-radius:12px;padding:12px 12px}
.search{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:0 16px;box-shadow:var(--shadow);border:2px solid transparent}
.search:focus-within{border-color:var(--blue)}
.search input{flex:1;border:0;background:none;padding:16px 0;font-size:17px;outline:none;min-width:0}
.chips{display:flex;gap:8px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:none}
.chips button{flex:none;display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:8px 16px;font-weight:600;font-size:14px;box-shadow:var(--shadow)}
.chips button small{color:var(--muted);font-weight:500}.chips button.on{background:var(--text);color:#fff}.chips button.on small{color:#c8cbd6}
.chips.sub button{background:none;box-shadow:inset 0 0 0 1px var(--line);font-weight:500}
.sec-t{display:flex;align-items:center;justify-content:space-between;margin:16px 2 12px}.sec-t b{font-size:17px}.sec-t small{color:var(--muted)}
.reco{background:linear-gradient(135deg,#eef4ff,#f6f0ff);border-radius:var(--r);padding:16px 16px 16px;margin-top:12px}.reco .sec-t{margin-top:0}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px}
.p{background:#fff;border-radius:18px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow);transition:transform .15s var(--ease),box-shadow .15s;position:relative;min-height:142px}
.p:hover{transform:translateY(-2px);box-shadow:0 12px 26px -18px rgba(10,30,80,.4)}.p:active{transform:scale(.97)}
.p.out{opacity:.5}.p .em{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;margin-bottom:8px}
.p b{font-size:14px;line-height:1.25}.p small{color:var(--muted);font-size:12px}
.p .pr{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:16px}
.stk{font-size:12px;font-weight:700;color:var(--green)}.stk.low{color:var(--orange)}.stk.no{color:var(--muted)}
.pop{animation:pop .35s var(--ease)}@keyframes pop{0%{transform:scale(.96)}60%{transform:scale(1.03)}100%{transform:scale(1)}}
.bill{position:sticky;top:78px;display:flex;flex-direction:column;max-height:calc(100vh - 96px);overflow:auto}
.ln{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.ln .em{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:var(--soft)}
.ln b{font-size:14px;display:block;line-height:1.25}.ln small{color:var(--muted);font-size:12px}.ln .r{text-align:right}.ln .r b{font-family:var(--num)}
.qty{display:inline-flex;align-items:center;gap:2;background:var(--soft);border-radius:999px;margin-top:4px}
.qty button{width:26px;height:26px;border-radius:50%;font-weight:700}.qty span{min-width:20px;text-align:center;font-size:13px;font-weight:700}
.lnk{font-size:12px;color:var(--blue);font-weight:600;margin-left:8px}
.ln.ti .em{background:var(--green-s)}.ln.ti .r b{color:var(--green)}
.addti{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px dashed #b9dcc5;color:var(--green);border-radius:14px;padding:12px;font-weight:700;width:100%}
.addti:hover{background:var(--green-s)}
.sum{margin-top:12px;display:flex;flex-direction:column;gap:4px;font-size:14px}.sum div{display:flex;justify-content:space-between}
.topay{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.topay span{font-weight:600}.topay b{font-family:var(--num);font-size:34px;letter-spacing:-.03em}
.methods{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}
.methods button{background:var(--soft);border-radius:14px;padding:8px 2;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:700;border:2px solid transparent}
.methods button.on{border-color:var(--blue);background:var(--blue-s);color:var(--blue)}.methods .ico{font-size:19px}
.payrow{display:flex;gap:8px;align-items:center;margin-top:12px}.payrow .field{flex:1}
.change{font-size:12px;color:var(--muted);text-align:right;min-width:104px}.change b{display:block;font-size:18px;color:var(--green);font-family:var(--num)}
.quick{display:flex;gap:8px;margin-top:8px}.quick button{flex:1;background:var(--soft);border-radius:10px;padding:8px;font-size:12px;font-weight:700}
.mix{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}
.go{margin-top:16px;width:100%;background:var(--blue);color:#fff;border-radius:16px;padding:16px;font-size:17px;font-weight:700;box-shadow:0 10px 24px -12px rgba(47,199,133,.8)}
.go:active{transform:scale(.98)}.go:disabled{background:#c9ccd6;box-shadow:none;cursor:default}.go.green{background:var(--green);box-shadow:0 10px 24px -12px rgba(22,163,74,.8)}

/* ---------- ferestre ---------- */
.ov{position:fixed;inset:0;background:rgba(20,22,30,.32);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:50;padding:16px}
.ov.on{display:flex}
.sheet{background:#fff;border-radius:26px;width:min(640px,100%);max-height:94vh;overflow:auto;padding:24px;animation:pop .28s var(--ease)}
.sheet.wide{width:min(860px,100%)}
.sheet .sh{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.sheet .sh h3{font-size:22px;letter-spacing:-.02em;flex:1}
.x{width:32px;height:32px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-weight:700;flex:none}
.sheet p.m{color:var(--muted);font-size:14px;margin-bottom:16px}
.lbl{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 8px;display:flex;align-items:center;gap:8px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills button{padding:8px 12px;border-radius:12px;background:var(--soft);font-weight:600;font-size:14px;border:2px solid transparent}
.pills button.on{border-color:var(--green);background:var(--green-s);color:#166b2e}
.grade{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.grade button{background:var(--soft);border-radius:14px;padding:12px 8px;text-align:center;border:2px solid transparent}
.grade button b{display:block;font-size:22px}.grade button small{font-size:12px;color:var(--muted)}.grade button.on{border-color:var(--green);background:var(--green-s)}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chk{display:flex;align-items:center;gap:8px;background:var(--soft);border-radius:12px;padding:8px 8px 8px 12px;font-size:14px}
.chk span{flex:1}.chk .tg{display:flex;gap:4px;align-items:center;flex:none}
.chk .tg button{padding:8px 12px;border-radius:9px;font-size:12px;font-weight:700;background:#fff;color:var(--muted)}
.chk .tg button.ok{background:var(--green);color:#fff}.chk .tg button.bad{background:var(--red);color:#fff}
.chk.req{box-shadow:inset 0 0 0 2px #ffd28a}.chk.req.done{box-shadow:none}
.defs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.defs label{display:flex;align-items:center;gap:12px;background:var(--soft);border-radius:12px;padding:12px 12px;font-size:14px;cursor:pointer}
.defs label small{margin-left:auto;color:var(--red);font-weight:700;font-family:var(--num)}.defs input{width:18px;height:18px;accent-color:var(--green)}
.calc{margin-top:16px;background:var(--green-s);border-radius:18px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.calc .f{font-size:13px;color:#2f6b45;line-height:1.6}.calc>b{font-size:32px;font-family:var(--num);color:#166b2e;letter-spacing:-.02em;white-space:nowrap}
.warnbox{display:flex;gap:12px;margin-top:12px;background:var(--orange-s);border-radius:12px;padding:12px 12px;font-size:14px;color:#8a4b00}
.btns{display:flex;gap:12px;margin-top:16px}.btns>*{flex:1;padding:16px;border-radius:14px;font-weight:700;justify-content:center}
.ulist{display:flex;flex-direction:column;gap:8px}
.urow{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 12px;border-radius:14px;background:var(--soft);text-align:left;width:100%;font-size:14px}
.urow:hover{background:var(--soft2)}
.done{text-align:center}.done .okc{width:72px;height:72px;border-radius:50%;background:var(--green-s);color:var(--green);display:grid;place-items:center;margin:4px auto 12px;font-size:36px}
.docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:16px}
.docs button{background:var(--soft);border-radius:16px;padding:16px 8px;font-weight:600;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:8px}.docs button span{font-size:24px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--text);color:#fff;padding:12px 16px;border-radius:14px;font-weight:600;opacity:0;transition:.25s var(--ease);z-index:90;pointer-events:none;max-width:90vw;text-align:center}
.toast.on{opacity:1;transform:translateX(-50%)}.toast.err{background:var(--red)}
.busy{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--purple));z-index:99;display:none}

/* ---------- casele ---------- */
.wallet{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.wc{border-radius:22px;padding:24px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 36px -22px rgba(0,0,0,.6)}
.wc .tp{display:flex;justify-content:space-between;font-weight:600;font-size:14px;opacity:.95}.wc .am{font-size:32px;font-weight:800;letter-spacing:-.03em;font-family:var(--num)}
.wc .mt{font-size:13px;opacity:.85}
.c-shop{background:linear-gradient(135deg,#2f86ff,#067350)}.c-service{background:linear-gradient(135deg,#ff9f1a,#b25000)}.c-bank{background:linear-gradient(135deg,#22c55e,#0e7f3c)}
.c-central{background:linear-gradient(135deg,#8b5cf6,#5b2bd6)}.c-credit{background:linear-gradient(135deg,#475066,#232733)}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.kpi{background:#fff;border-radius:18px;padding:16px 16px;box-shadow:var(--shadow)}.kpi small{color:var(--muted);font-weight:600;font-size:12px}.kpi b{display:block;font-size:24px;font-family:var(--num);letter-spacing:-.02em;margin-top:2}
.bar{height:8px;background:var(--soft);border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue);border-radius:8px}

/* ---------- autentificare ---------- */
.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(60% 50% at 20% 10%,#dfe9ff,transparent),radial-gradient(50% 50% at 90% 90%,#efe5ff,transparent),var(--bg)}
.auth .card{width:min(380px,100%);padding:32px}.auth h1{font-size:40px;margin-bottom:4px}.auth form{display:flex;flex-direction:column;gap:12px;margin-top:16px}

/* ---------- tipărire ---------- */
#print{display:none}
@media print{body>*:not(#print){display:none!important}#print{display:block;color:#000;font:12px/1.45 -apple-system,Helvetica,Arial,sans-serif}
 .doc{page-break-after:always;padding:6mm}.doc:last-child{page-break-after:auto}.doc h1{font-size:20px;margin:0 0 2}.doc h2{font-size:13px;color:#000;text-transform:none;letter-spacing:0;margin:12px 0 8px}
 .doc table{width:100%;border-collapse:collapse;margin:8px 0} .doc table.plain td{border:0;border-bottom:1px solid #bbb;padding:4px 2} .doc.tech{font-size:10.5px} .doc.tech td,.doc.tech th{padding:2 4px}.doc td,.doc th{border:1px solid #999;padding:4px 8px;text-align:left;vertical-align:top}.doc .r{text-align:right}
 .doc .sig{display:flex;gap:32px;margin-top:32px}.doc .sig div{flex:1;border-top:1px solid #000;padding-top:4px;font-size:11px}.doc .small{font-size:10.5px;color:#333}
 .doc.receipt{width:72mm;padding:2mm}
 .labels{display:flex;flex-wrap:wrap;gap:2mm}.label{width:50mm;height:30mm;border:1px dashed #bbb;padding:1.5mm 2mm;overflow:hidden;page-break-inside:avoid;display:flex;flex-direction:column;justify-content:space-between}
 .label .ln1{font-size:8.5px;font-weight:700;line-height:1.15;max-height:20px;overflow:hidden}.label .ln2{display:flex;justify-content:space-between;font-size:8px}.label .ln2 b{font-size:11px}.label .ln3{font-size:7.5px}.doc.receipt td{border:0;border-bottom:1px dashed #999}}

@media(max-width:1250px){.pos{grid-template-columns:minmax(0,1fr) 390px}.pos .side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}}
@media(max-width:900px){
 .pos{grid-template-columns:minmax(0,1fr)}.pos .side{grid-template-columns:1fr}.bill{position:static;max-height:none}
 .top .tabs,.goal{display:none}.top{padding:12px 16px}main{padding:12px 12px 96px}
 .bnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:8px 4px max(8px,env(safe-area-inset-bottom));overflow-x:auto}
 .bnav button{flex:1;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:2;font-size:12px;font-weight:600;color:var(--muted);padding:4px}.bnav button.on{color:var(--blue)}
 .methods{grid-template-columns:repeat(3,1fr)}.checks,.defs,.grid3{grid-template-columns:1fr}.grade{grid-template-columns:repeat(2,1fr)}
}


/* ---------- fișa tehnică trade-in ---------- */
.tisec{border:1px solid var(--line);border-radius:18px;padding:16px;margin-top:12px}
.tih{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}
.tih span{width:22px;height:22px;border-radius:50%;background:var(--text);color:#fff;display:grid;place-items:center;font-size:12px}.tih .lnk{margin-left:auto;text-transform:none;letter-spacing:0}
.exrow{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.exrow:first-of-type{border-top:0}.exrow b{font-size:14px}
.exrow .pills button{padding:8px 12px;font-size:13px}
.pills button.bad{border-color:var(--red);background:var(--red-s);color:var(--red)}
.top .logo{height:24px}
@media(max-width:900px){.exrow{grid-template-columns:1fr}}
.daybar{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#fff;border-radius:14px;padding:8px 8px 8px 16px;margin-bottom:12px;font-size:14px;font-weight:600;box-shadow:var(--shadow)}
.daybar.warn{background:var(--orange-s);color:#8a4b00}
a.btn{text-decoration:none;color:inherit}
.swrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.swrow span{display:flex;flex-direction:column}.swrow small{color:var(--muted);font-size:12.5px}
.swt{flex:none;width:51px;height:31px;border-radius:999px;background:#d9dbe3;position:relative;transition:background .2s var(--ease)}
.swt i{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .25s var(--ease)}
.swt.on{background:#34c759}.swt.on i{transform:translateX(20px)}.swt:disabled{opacity:.45;cursor:default}
.doc ol{margin:4px 0 4px 16px}
/* ---------- mișcare: bonul reacționează la fiecare adăugare ---------- */
@keyframes billPulse{0%{transform:scale(1);box-shadow:var(--shadow)}35%{transform:scale(1.025);box-shadow:0 0 0 4px rgba(47,199,133,.18),0 24px 50px -24px rgba(47,199,133,.55)}100%{transform:scale(1);box-shadow:var(--shadow)}}
@keyframes billPulseG{0%{transform:scale(1)}35%{transform:scale(1.025);box-shadow:0 0 0 4px rgba(22,163,74,.2),0 24px 50px -24px rgba(22,163,74,.55)}100%{transform:scale(1)}}
.bill.pulse{animation:billPulse .55s var(--ease)}.bill.pulse-g{animation:billPulseG .55s var(--ease)}
@keyframes lnIn{0%{opacity:0;transform:translateX(24px)}60%{opacity:1}100%{opacity:1;transform:none}}
@keyframes lnGlow{0%,40%{background:var(--blue-s)}100%{background:transparent}}
.ln.new{animation:lnIn .42s var(--ease),lnGlow 1.6s ease-out;border-radius:12px;margin:0 -8px;padding-left:8px;padding-right:8px}
.ln.ti.new{animation:lnIn .42s var(--ease),lnGlowG 1.6s ease-out}@keyframes lnGlowG{0%,40%{background:var(--green-s)}100%{background:transparent}}
@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
.topay b.bump{display:inline-block;animation:bump .45s var(--ease)}
.fly{position:fixed;z-index:80;pointer-events:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;box-shadow:0 10px 24px -8px rgba(0,0,0,.35)}
.badge-n{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;border-radius:11px;background:var(--red);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;padding:0 8px}
.tabs button,.chips button,.btn,.p,.methods button,.pills button,.grade button{transition:transform .15s var(--ease),background .15s,box-shadow .15s}
.methods button:active,.pills button:active,.grade button:active,.chips button:active{transform:scale(.95)}
#main>*{animation:viewIn .32s var(--ease)}@keyframes viewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sheet{transform-origin:50% 60%}

/* ================= EXIT · Apple Liquid Glass (stilul ales de director; înlocuiește stilul plat de mai sus) ================= */
:root{--bg:#f5f5f7;--card:rgba(255,255,255,.78);--solid:#fff;--soft:rgba(118,118,128,.10);--soft2:rgba(118,118,128,.16);--line:rgba(60,60,67,.12);--rule:rgba(60,60,67,.08);
 --control:rgba(60,60,67,.18);--text:#1d1d1f;--muted:#5f6473;--accent:#2fc785;--mint:#4be39c;--mint-ink:#0a6b45;--mint-s:rgba(75,227,156,.16);
 --glass:rgba(255,255,255,.62);--glass-edge:rgba(255,255,255,.75);--glass-blur:blur(28px) saturate(1.8);
 --glass-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 0 0 1px rgba(255,255,255,.35) inset,0 24px 60px -34px rgba(0,0,0,.30);
 --soft-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(0,0,0,.18);--num:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
body{background:var(--bg)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(700px 520px at 6% -8%,rgba(0,113,227,.13),transparent 70%),radial-gradient(640px 520px at 102% 4%,rgba(75,227,156,.16),transparent 70%),
 radial-gradient(760px 560px at 60% 112%,rgba(175,82,222,.08),transparent 70%)}
.top{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-edge);box-shadow:0 1px 0 rgba(0,0,0,.04)}
.tabs{background:var(--soft);padding:4px;border-radius:12px}.tabs button{border-radius:9px;color:#3c3c43}.tabs button:hover{background:rgba(255,255,255,.5)}
.tabs button.on{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.10)}
.card,.glass-card{background:var(--card);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-edge);border-radius:22px;box-shadow:var(--soft-shadow);padding:24px}
.kpi{background:var(--card);border:1px solid var(--glass-edge);border-radius:20px;box-shadow:var(--soft-shadow)}
.kpi b{font-family:var(--num);font-weight:700}
h1{font-size:30px;font-weight:700;letter-spacing:-.025em}
h2{font-size:17px;text-transform:none;letter-spacing:-.01em;color:var(--text);font-weight:700;margin-bottom:12px}
.btn{background:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px var(--control);border-radius:10px}.btn.soft{background:var(--soft);box-shadow:none}
.btn.pri,.go{background:var(--accent);color:var(--accent-ink);box-shadow:none}.go{border-radius:14px}.go.green,.btn.green{background:#1f7a35;color:#fff}
.chips button{background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px var(--line)}.chips button.on{background:var(--text);color:#fff;box-shadow:none}
.sheet{background:rgba(255,255,255,.88);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:0 40px 90px -30px rgba(0,0,0,.45)}
.ov{background:rgba(0,0,0,.28);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}
.t th{text-transform:none;letter-spacing:0;font-size:12.5px;color:var(--muted);font-weight:600}.t td{border-top:1px solid var(--rule)}
.urow{background:rgba(118,118,128,.07)}
.warnbox{background:rgba(255,159,10,.12);color:#8a4b00;border-radius:12px}
.n,.kpi b,.topay b,.am{font-family:var(--num)}

/* ---------- Acasă ---------- */
.home{max-width:1320px;margin:0 auto}
.hh{display:flex;align-items:flex-end;justify-content:space-between;margin:8px 4px 16px}.hh .muted{margin-top:2}
.hgrid{display:grid;grid-template-columns:1.35fr 1fr .9fr;gap:16px;align-items:stretch}
.lab{font-size:14px;color:var(--muted);font-weight:600}
.today .big{font-size:48px;font-weight:700;letter-spacing:-.035em;margin:8px 0 16px;line-height:1}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.row3 div{background:rgba(118,118,128,.07);border-radius:14px;padding:12px 12px}
.row3 span{display:block;font-size:12.5px;color:var(--muted);font-weight:600}.row3 b{font-size:19px;letter-spacing:-.02em}
.gain{color:#1f7a35}.loss{color:#d70015}
.month .lab{margin-bottom:8px}.mrow{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-top:1px solid var(--rule);font-size:15px}
.mrow:first-of-type{border-top:0}.mrow small{color:var(--muted);font-size:12px;margin-left:4px}.mrow b{font-size:17px}.mrow.tot b{font-size:22px;letter-spacing:-.02em}
.side3{display:flex;flex-direction:column;padding:8px 24px}
.srow{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--rule);text-align:left;font-size:15px;width:100%}
.srow:first-child{border-top:0}.srow b{font-size:17px}button.srow:hover span{color:var(--accent-t)}
.hsec{margin:24px 4px 12px;font-size:20px}
.wallet{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.wc{min-height:138px;border-radius:22px;padding:16px;box-shadow:0 18px 40px -24px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.25) inset}
.wc .am{font-size:30px;margin-top:12px}.wc .tp{align-items:center}
.wst{font-size:12px;font-weight:600;background:rgba(255,255,255,.22);padding:4px 12px;border-radius:999px;color:#fff}
.btnw{border:0;cursor:pointer}.btnw:hover{background:rgba(255,255,255,.36)}
.c-shop{background:linear-gradient(140deg,#3b8cff,#0a5bd6)}.c-service{background:linear-gradient(140deg,#ffa53a,#b25000)}.c-bank{background:linear-gradient(140deg,#34c759,#1a8f3a)}
.c-central{background:linear-gradient(140deg,#9b6bff,#5e35d6)}.c-credit{background:linear-gradient(140deg,#5a6070,#2c2f38)}
.hgrid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;align-items:start}
.alist div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--rule)}
.alist div:first-child{border-top:0}.alist .nm{font-size:15px;font-weight:500}.alist small{display:block;color:var(--muted);font-size:12.5px;font-weight:400}
.alist .rk{width:26px;height:26px;border-radius:50%;background:rgba(118,118,128,.12);display:grid;place-items:center;font-size:13px;font-weight:700}
.alist .kd{font-size:12px;font-weight:600;color:var(--muted);background:rgba(118,118,128,.10);border-radius:999px;padding:4px 8px;white-space:nowrap}
.quiet{color:var(--muted);font-size:14px;padding:8px 0 2}
.mlist>div{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--rule)}.mlist>div:first-child{border-top:0}
.mlist .nm{font-size:15px;font-weight:500}.mlist small{display:block;color:var(--muted);font-size:12.5px;font-weight:400}.mlist .mt2{color:var(--muted);font-size:13px}.mlist b{font-size:16px}
.bar{background:rgba(118,118,128,.12);height:8px}.bar i{background:var(--accent)}
@media(min-width:1100px){.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}
@media(max-width:1100px){.hgrid{grid-template-columns:1fr 1fr}.hgrid .today{grid-column:1/-1}}
@media(max-width:760px){.hgrid,.hgrid2{grid-template-columns:1fr}.today .big{font-size:40px}.row3 b{font-size:16px}}

/* ================= vânzarea · varianta A (Vitrină Apple Store) ================= */
main:has(.vit){padding:0;max-width:none}
.vit{display:flex;height:calc(100vh - 58px);height:calc(100dvh - 58px)}
.vmain{flex:1;min-width:0;overflow:auto;padding:16px 32px 64px;overscroll-behavior:contain}
.vtop{display:flex;align-items:center;gap:12px;margin-bottom:8px}.vtop h1{font-size:28px;margin-right:auto}
.vsearch{flex:0 1 520px;display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:0 16px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.vsearch .i{color:#5f6473}.vsearch input{flex:1;border:0;outline:0;padding:12px 0;background:none;font-size:15px;min-width:0}
.vsearch:focus-within{box-shadow:0 0 0 2px #2fc785}
.pillbtn{background:#fff;border-radius:999px;padding:8px 16px;font-weight:600;font-size:13.5px;box-shadow:0 1px 2px rgba(0,0,0,.06);white-space:nowrap}
.pillbtn:hover{background:#fafafa}.pillbtn.off{color:#5f6473}.pillbtn.warn{color:#b25000;background:#fff4e5}
.vcats{display:flex;gap:4px;padding:12px 0 4px;overflow-x:auto;scrollbar-width:none}
.vcats button{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:86px;padding:8px 8px;border-radius:16px;font-size:12.5px;font-weight:600;color:#424245;flex:none}
.vcats button:hover{background:rgba(0,0,0,.03)}
.vcats .ci{width:56px;height:56px;border-radius:16px;background:#fff;display:grid;place-items:center;box-shadow:0 1px 2px rgba(0,0,0,.06);overflow:hidden}
.vcats .ci img{width:44px;height:44px;object-fit:contain;mix-blend-mode:multiply}.vcats .ci b{font-size:13px}
.vcats button.on{color:#2fc785}.vcats button.on .ci{box-shadow:0 0 0 2px #2fc785}
.vsubs{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0 4px}
.vsubs button{background:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.05)}.vsubs button small{color:#5f6473}
.vsubs button.on{background:#1d1d1f;color:#fff}.vsubs button.on small{color:#c7c7cc}
.vhead{display:flex;justify-content:space-between;align-items:baseline;margin:16px 2 12px}.vhead b{font-size:19px;font-weight:700;letter-spacing:-.015em}.vhead small{color:#5f6473;font-size:13px}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.vgrid>*,.vrow>*{min-width:0}
.vrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.vp{background:#fff;border-radius:20px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:4px;transition:transform .22s var(--ease),box-shadow .22s;position:relative}
.vp:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px rgba(0,0,0,.35)}.vp:active{transform:scale(.98)}
.vp.out{opacity:.55}.vp.incart{box-shadow:0 0 0 2px #2fc785}
.vp .img{height:150px;border-radius:14px;background:#f5f5f7;margin-bottom:12px}
.img{display:grid;place-items:center;overflow:hidden}.img img{max-width:86%;max-height:86%;object-fit:contain;mix-blend-mode:multiply}
.img.noimg b{font-size:13px;font-weight:800;color:#0a6b45;text-align:center;line-height:1.15;letter-spacing:.02em}
.vp .k{font-size:12px;color:#5f6473;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vp b{font-size:15px;line-height:1.25;font-weight:600;color:#1d1d1f}
.vp .row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:8px;gap:8px}
.vp .pr{display:block;font-size:17px;font-weight:600}.vp .st{display:block;font-size:12px;color:#5f6473;margin-top:1}.vp .st .no{color:#b25000}
.vp .add{width:32px;height:32px;border-radius:50%;background:#2fc785;color:#04281c;display:grid;place-items:center;font-size:21px;line-height:1;flex:none}
.vp .add i{font-style:normal;font-size:14px;font-weight:700}
.vreco{background:rgba(255,255,255,.55);border-radius:22px;padding:16px 16px 16px;margin-top:16px}.vreco .vp .img{height:110px}
.vempty{grid-column:1/-1;text-align:center;color:#5f6473;padding:48px 12px}
.resbar{background:rgba(75,227,156,.16);color:#0a6b45;border-radius:14px;padding:12px 16px;font-size:14px;margin-top:12px}
.vcart{width:390px;flex:none;margin:12px 12px 12px 0;border-radius:26px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);
 box-shadow:0 1px 0 #fff inset,0 0 0 1px rgba(255,255,255,.6) inset,0 30px 60px -36px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden}
.vc-head{padding:24px 24px 8px;display:flex;justify-content:space-between;align-items:baseline}.vc-head h2{font-size:24px;letter-spacing:-.02em;margin:0}.vc-head span{color:#5f6473;font-size:14px}
.vc-client{padding:2 24px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.vc-client #ccard{grid-column:1/-1}
.vc-client input{border:0;background:rgba(118,118,128,.12);border-radius:10px;padding:12px 12px;outline:0;min-width:0;font-size:14px}.vc-client input:focus{background:#fff;box-shadow:0 0 0 2px #2fc785}
.vc-client.hopen .chist{display:block}
.vc-items{flex:1;overflow:auto;padding:2 24px}
.vc-empty{color:#5f6473;text-align:center;padding:40px 12px;font-size:14px}
.ci2{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:start;padding:12px 0;border-top:1px solid rgba(60,60,67,.08)}.ci2:first-child{border-top:0}
.ci2 .th{width:52px;height:52px;border-radius:12px;background:#fff}.ci2 .th img{max-width:84%;max-height:84%}.ci2 .th.noimg b{font-size:12px}
.ci2 .tiimg{background:rgba(52,199,89,.14)}.ci2 .tiimg b{color:#1a8f3a;font-size:20px}
.ci-b{min-width:0}.ci-b b{font-size:14px;display:block;line-height:1.25}.ci-b small{display:block;color:#5f6473;font-size:12px;margin-top:2}.ci-b .disc{color:#d70015}
.ci-a{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.ci-a .lnk{margin:0;color:#5f6473;font-weight:500;font-size:12.5px}.ci-a .lnk:hover{color:#2fc785}.ci-a .del:hover{color:#d70015}
.stp{display:inline-flex;align-items:center;background:rgba(118,118,128,.12);border-radius:999px}.stp button{width:28px;height:26px;font-weight:700;font-size:15px}.stp span{min-width:18px;text-align:center;font-size:13px;font-weight:600}
.ci-p{font-size:14.5px;white-space:nowrap;padding-top:1}.ci-p.neg{color:#1a8f3a}
.ci2.new{animation:lnIn .38s var(--ease),ciGlow 1.4s ease-out;border-radius:12px}@keyframes ciGlow{0%,35%{background:rgba(0,113,227,.08)}100%{background:transparent}}
.vc-foot{padding:16px 24px 24px;background:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.7)}
.vc-ti{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;background:rgba(52,199,89,.12);color:#1a8f3a;font-weight:600;margin-bottom:12px}
.vc-ti:hover{background:rgba(52,199,89,.18)}
.vc-sum{font-size:13.5px;color:#5f6473;margin-bottom:4px}.vc-sum div{display:flex;justify-content:space-between}
.vc-tot{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.vc-tot span{color:#5f6473}.vc-tot b{font-size:32px;font-weight:700;letter-spacing:-.03em}
.vc-tot b.bump,.pay-tot b.bump,.vcart.pulse .vc-tot b,.vcart.pulse-g .vc-tot b{animation:bump .45s var(--ease);display:inline-block}
.vc-seg{display:flex;background:rgba(118,118,128,.12);border-radius:10px;padding:2;margin-bottom:12px}
.vc-seg button{flex:1;padding:8px 0;border-radius:8px;font-size:12.5px;font-weight:600;color:#3c3c43}.vc-seg .on{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12);color:#000}
.vc-cash{display:flex;gap:12px;align-items:center;margin-bottom:8px}.vc-cash input{flex:1;border:0;background:rgba(118,118,128,.12);border-radius:10px;padding:12px 12px;outline:0;font-size:15px;min-width:0}
.vc-cash span{font-size:13px;color:#5f6473;white-space:nowrap}.vc-cash b{font-size:16px;color:#1d1d1f}
.vc-quick{display:flex;gap:8px;margin-bottom:8px}.vc-quick button{flex:1;padding:8px 0;border-radius:9px;background:rgba(255,255,255,.8);font-size:12.5px;font-weight:600;box-shadow:inset 0 0 0 1px rgba(60,60,67,.12)}
.vc-note{font-size:12.5px;color:#5f6473;margin:2 0 8px}
.vc-pay{width:100%;padding:16px;border-radius:14px;background:#2fc785;color:#fff;font-weight:600;font-size:17px;margin-top:4px;transition:transform .12s}.vc-pay:active{transform:scale(.98)}.vc-pay.green{background:#34c759}
.fly{background:#2fc785!important;color:#fff;border:0}
.ci-a{gap:8px;margin-top:8px;width:100%}
.cbtn{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 12px;border-radius:999px;background:rgba(0,113,227,.09);color:#2fc785;font-size:12.5px;font-weight:600;transition:background .15s,transform .12s}
.cbtn .i{width:13px;height:13px;stroke-width:2.2}.cbtn:hover{background:rgba(0,113,227,.16)}.cbtn:active{transform:scale(.95)}
.cbtn.on{background:#2fc785;color:#fff}
.cdel{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#5f6473;background:rgba(118,118,128,.10);margin-left:auto;transition:background .15s,color .15s,transform .12s}
.cdel .i{width:14px;height:14px}.cdel:hover{background:rgba(255,59,48,.12);color:#ff3b30}.cdel:active{transform:scale(.92)}
.stp{height:28px}.stp button{height:28px;width:30px}
.sthumb{display:flex;gap:12px;align-items:center}.sthumb .img{width:44px;height:44px;border-radius:10px;background:#f5f5f7;flex:none}.sthumb .img.noimg b{font-size:12px}
@media(max-width:1180px){.vcart{width:350px}.vgrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.vp .img{height:120px}}
@media(max-width:900px){
 main:has(.vit){padding:0 0 80px}.vit{display:block;height:auto}.vmain{overflow:visible;padding:12px 12px 24px}
 .vtop{flex-wrap:wrap}.vtop h1{font-size:24px;width:100%}.vsearch{flex:1 1 100%;order:2}.pillbtn{order:3}
 .vgrid{grid-template-columns:1fr 1fr;gap:12px}.vp{padding:12px;border-radius:16px}.vp .img{height:110px}.vp b{font-size:13.5px}.vp .pr{font-size:15px}
 .vcart{width:auto;margin:0 12px;border-radius:22px;scroll-margin-top:64px}.vc-items{overflow:visible}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---------- clientul din coș și bara de jos de pe telefon ---------- */
.cmeta{font-size:13px;color:var(--muted);margin-top:8px}.cnote{font-size:13px;margin-top:8px;color:var(--mint-ink);background:var(--mint-s);border-radius:8px;padding:8px 8px}
.chist{display:none;margin-top:8px;max-height:160px;overflow:auto}
.chist div{display:grid;grid-template-columns:76px 1fr auto;gap:8px;font-size:12.5px;padding:4px 0;border-top:1px solid var(--rule)}
.mbar{display:none}
@media(max-width:900px){
 .mbar{display:flex;position:fixed;left:8px;right:8px;bottom:64px;z-index:29;color:#fff;border-radius:14px;padding:12px 16px;justify-content:space-between;align-items:center;font-weight:600}
 .mbar b{font-size:17px}
 .top .me .goal,.top .ring{display:none}
}

/* ---------- sticla pe stratul de control ---------- */
body{background:var(--bg-grad);background-attachment:fixed}
body::before{display:none}
.top,.vcart,.sheet,.bnav{position:relative;isolation:isolate}
.top{background:var(--glass)!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge-in),0 1px 0 rgba(16,24,40,.04);border-bottom:0}
.vcart{background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge-in),var(--glass-shadow)}
.vcart::before,.sheet::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 38%)}
.vsearch,.pillbtn{background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge-in),0 2px 6px -2px rgba(16,24,40,.10)}
.sheet{background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge-in),0 40px 90px -30px rgba(16,24,40,.45);border:0}
.bnav{background:var(--glass)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;box-shadow:var(--glass-edge-in);border-top:0!important}
.mbar{background:rgba(47,199,133,.92);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 14px 30px -14px rgba(47,199,133,.7)}
.toast{background:rgba(18,21,28,.86)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;box-shadow:0 20px 44px -16px rgba(0,0,0,.55);transition:opacity var(--t-med),transform var(--t-slow) var(--spring)}
.toast.err{background:rgba(201,40,46,.92)!important}
.toast{display:flex;align-items:center;gap:16px}.toast .undo{height:34px;padding:0 16px;border-radius:11px;background:rgba(255,255,255,.16);color:#fff;font-weight:700;font-size:13.5px;pointer-events:auto}
.toast .undo:hover{background:rgba(255,255,255,.26)}
/* conținutul rămâne solid */
.vp,.t,.kpi{background:#fff}
/* mișcarea, pe tokenuri */
#main>*{animation:viewIn var(--t-slow) var(--spring)}
.vp{transition:transform var(--t-med) var(--spring),box-shadow var(--t-med)}
.vp:active{transform:scale(.96)}
.vcart{transition:transform var(--t-slow) var(--spring)}
.vcart.pulse{animation:cartPulse .5s var(--spring)}.vcart.pulse-g{animation:cartPulseG .5s var(--spring)}
@keyframes cartPulse{35%{transform:scale(1.018);box-shadow:var(--glass-edge-in),0 0 0 4px rgba(47,199,133,.16),0 30px 60px -24px rgba(47,199,133,.5)}}
@keyframes cartPulseG{35%{transform:scale(1.018);box-shadow:var(--glass-edge-in),0 0 0 4px rgba(22,163,74,.18),0 30px 60px -24px rgba(22,163,74,.5)}}
.ci2.new{animation:lnIn var(--t-slow) var(--spring),ciGlow 1.4s ease-out}
.vit{height:calc(100vh - var(--top-h));height:calc(100dvh - var(--top-h))}
/* conținutul e solid (cardurile, tabelele); tokenurile din plan au ultimul cuvânt */
.card,.glass-card,.kpi{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 24px -16px rgba(16,24,40,.18)}
:root{--card:#fff;--line:rgba(17,18,20,.08);--text:#111214;--muted:#5f6473;--accent:#2fc785}

/* ---------- coșul: compact cât e gol, mai lat cu produse, și coșul mare pentru plată (etapa 3 din plan, partea de plată) ---------- */
.vcart{width:360px;transition:width var(--t-slow) var(--spring),transform var(--t-slow) var(--spring)}
.vcart.active{width:410px}
.vc-head span{display:flex;align-items:center;gap:8px}
.vc-big{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(47,199,133,.10);color:var(--accent-t);transition:transform var(--t-fast) var(--spring),background var(--t-fast)}
.vc-big:hover{background:rgba(47,199,133,.18);transform:scale(1.06)}.vc-big .i{width:16px;height:16px}
.vc-empty{display:flex;flex-direction:column;align-items:center;gap:12px}
.vc-ic{width:60px;height:60px;border-radius:20px;background:#fff;display:grid;place-items:center;color:#5f6473;animation:float 4s ease-in-out infinite;box-shadow:0 8px 20px -14px rgba(16,24,40,.4)}
@keyframes float{50%{transform:translateY(-6px)}}
.sheet.pay{width:min(1040px,100%);max-height:min(760px,94vh);padding:0;overflow:hidden;transform-origin:88% 82%;animation:payIn .55s var(--spring)}
@keyframes payIn{from{opacity:0;transform:translate(14%,10%) scale(.7)}to{opacity:1;transform:none}}
.pay-wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);height:min(760px,94vh);position:relative}
.pay-l{padding:24px 24px 16px;display:flex;flex-direction:column;min-height:0;border-right:1px solid rgba(17,18,20,.06)}
.pay-l .sh h3{font-size:26px}
.pay-client{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 12px}
.pay-client input{border:0;background:#fff;border-radius:12px;padding:12px 16px;font-size:15px;outline:0;box-shadow:inset 0 0 0 1px rgba(17,18,20,.10)}.pay-client input:focus{box-shadow:inset 0 0 0 2px var(--accent)}
.pay-items{flex:1;overflow:auto;margin:0 -8px 12px;padding:0 8px}
.pay-items .ci2{grid-template-columns:64px 1fr auto;padding:12px 8px;border-radius:14px}.pay-items .ci2:hover{background:rgba(255,255,255,.6)}
.pay-items .th{width:64px;height:64px;border-radius:14px}.pay-items .ci-b b{font-size:15px}.pay-items .ci-p{font-size:16px}
.pay-r{padding:56px 24px 24px;display:flex;flex-direction:column;gap:12px;background:rgba(255,255,255,.45);min-height:0;overflow:auto}
.pay-x{position:absolute;top:16px;right:16px}
.pay-sum{font-size:14.5px;color:var(--muted)}.pay-sum div{display:flex;justify-content:space-between;padding:4px 0}
.pay-tot{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0 4px;border-top:1px solid rgba(17,18,20,.08)}.pay-tot span{font-size:15px;color:var(--muted);font-weight:600}
.pay-tot b{font-size:44px;font-weight:700;letter-spacing:-.035em;line-height:1}
.pay-meth{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pay-meth button{height:68px;border-radius:16px;background:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px rgba(17,18,20,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:700;font-size:13.5px;transition:transform var(--t-med) var(--spring),background var(--t-fast),box-shadow var(--t-fast)}
.pay-meth button .i{width:20px;height:20px}.pay-meth button:hover{background:#fff}
.pay-meth button.on{background:var(--text);color:#fff;transform:scale(1.03);box-shadow:0 14px 26px -12px rgba(17,18,20,.6)}
.pay-got{display:flex;flex-direction:column;gap:8px}.pay-got span{font-size:13px;font-weight:600;color:var(--muted)}
.pay-got input{height:56px;border:0;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px rgba(17,18,20,.12);font-size:24px;font-weight:700;padding:0 16px;outline:0}.pay-got input:focus{box-shadow:inset 0 0 0 2px var(--accent),0 0 0 5px rgba(47,199,133,.12)}
.pay-quick{display:flex;gap:8px}.pay-quick button{flex:1;height:42px;border-radius:12px;background:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px rgba(17,18,20,.10);font-weight:650;font-size:14px}.pay-quick button:hover{background:#fff}
.pay-rest{display:flex;justify-content:space-between;align-items:baseline;background:rgba(22,163,74,.10);border-radius:14px;padding:12px 16px}.pay-rest span{font-weight:600;color:#1a7a3a}.pay-rest b{font-size:26px;color:#15803d}
.pay-go{margin-top:auto;height:60px;border-radius:16px;background:var(--accent);color:var(--accent-ink);font-size:18px;font-weight:700;box-shadow:0 14px 28px -12px rgba(47,199,133,.7);transition:transform var(--t-fast) var(--spring)}.pay-go:active{transform:scale(.98)}.pay-go.green{background:#15803d}
@media(max-width:900px){.sheet.pay{max-height:96vh}.pay-wrap{grid-template-columns:1fr;height:auto;max-height:96vh;overflow:auto}.pay-l{border-right:0}.pay-items{overflow:visible}.pay-r{padding:16px}.pay-tot b{font-size:36px}}
.tabs .dot{display:none}

/* ================= etapa 2: cadrul — bara de sus de sticlă cu meniul, bara de jos pe telefon ================= */
.shell{display:flex;flex-direction:column;gap:16px;padding:16px;height:100vh;height:100dvh}
.top{position:relative!important;top:auto;flex:none;border-radius:24px;padding:8px 12px 8px 16px;display:flex;align-items:center;gap:16px;min-height:62px;z-index:20}
.tlogo{height:24px;flex:none}
.tnav{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:2;overflow-x:auto;scrollbar-width:none;padding:4px}
.tnav::-webkit-scrollbar{display:none}
.ind{position:absolute;left:0;top:3px;height:40px;width:0;border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 6px 18px -8px rgba(10,110,75,.45),inset 0 0 0 1px rgba(47,199,133,.18);transition:transform .5s var(--spring),width .5s var(--spring);z-index:0;opacity:0;pointer-events:none}
.tsep{flex:none;width:1px;height:22px;margin:0 8px;background:rgba(17,18,20,.12)}
.ni{position:relative;z-index:1;height:40px;display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;color:#3a404d;white-space:nowrap;transition:color .2s,background .2s;flex:none}
.ni:hover{background:rgba(255,255,255,.45)}.ni.on{color:#0e1116}.ni.on:hover{background:none}
.ni .i{flex:none;width:18px;height:18px;transition:transform .35s var(--spring)}.ni.on .i{transform:scale(1.12);color:var(--accent-t)}.ni:active .i{transform:scale(.88)}
.ni:focus-visible,.mebtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:1600px){.ni span{display:none}.ni{padding:0 12px}.ni.on span{display:inline}}
#mebox{position:relative;display:block;padding:0;background:none;flex:none}
.mebtn{display:grid;place-items:center;padding:4px;border-radius:999px;background:rgba(255,255,255,.5)}
.mebtn:hover{background:rgba(255,255,255,.8)}.mebtn .av{width:38px;height:38px;flex:none;font-size:13px}
#mebox .menu{right:0;left:auto;top:52px;min-width:220px;transform-origin:top right;animation:pop .22s var(--spring)}
.dayp{display:flex;align-items:center;gap:12px;flex:none}.dayp:empty{display:none}.dayp>div{text-align:right;line-height:1.2}.dayp small{display:block;font-size:12px;color:#4a5160;font-weight:600}.dayp b{font-size:15px;font-weight:800}
.dayp .ring{width:40px;height:40px}.ring .rp{transition:stroke-dashoffset 1s var(--ease)}
main{flex:1;min-height:0;overflow:auto;padding:4px 4px 32px;max-width:none;margin:0;overscroll-behavior:contain;border-radius:22px}
main.flush{padding:0;overflow:hidden}
main:has(.vit){padding:0}
.vit{height:100%!important}
.vmain{padding:8px 16px 40px 8px}
.vcart{margin:0!important;height:100%}
/* tranziția între ecrane */
html.vt #main>*{animation:none}
::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,.8,.22,1)}
/* bara de jos pe telefon */
.bnav{display:none}
.more{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.more button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;border-radius:16px;background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(17,18,20,.08);text-align:left}
.more button .i{color:var(--accent-t)}.more small{color:var(--muted);font-size:12px}
@media(max-width:900px){
 .shell{display:block;height:auto;padding:8px 8px 80px}
 .top{min-height:52px;padding:8px 8px 8px 16px;position:sticky!important;top:8px;margin-bottom:8px}
 .tnav{display:none}.top .tlogo{margin-right:auto}
 main,main.flush{overflow:visible;padding:0}
 .vit{height:auto!important}.vcart{height:auto}
 .bnav{display:flex;position:fixed;left:8px;right:8px;bottom:8px;z-index:30;border-radius:22px;padding:8px;gap:2;justify-content:space-between}
 .bnav button{flex:1;min-width:0;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:16px;font-size:12px;font-weight:650;color:#4a5160}
 .bnav button.on{background:rgba(255,255,255,.92);color:var(--accent-t);box-shadow:0 6px 16px -10px rgba(10,110,75,.5)}
 .bnav button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .mbar{bottom:78px}
}

/* ================= coșul refăcut după prototip ================= */
.vcart{display:flex;flex-direction:column;overflow:hidden;border-radius:26px}
.vc-top{padding:16px 16px 12px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid rgba(14,17,22,.07)}
.vc-h{display:flex;align-items:center;gap:12px}.vc-h>b{font-size:18px;letter-spacing:-.015em}
.vc-h .cnt{font-size:12px;font-weight:700;padding:4px 8px;border-radius:9px;background:rgba(14,17,22,.06)}
.vc-h .sp{flex:1}.vc-h .ghost{height:34px;padding:0 12px;border-radius:10px;font-size:13px;font-weight:600;color:#4a5160}.vc-h .ghost:hover{background:rgba(255,255,255,.7)}
.vc-client{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.inp{width:100%;height:42px;padding:0 12px;border-radius:12px;border:0;background:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(14,17,22,.14);font-size:14.5px;outline:none;transition:box-shadow .2s;min-width:0}
.inp:focus{box-shadow:inset 0 0 0 2px var(--accent),0 0 0 5px rgba(47,199,133,.14)}
.cfound{display:flex;gap:8px;align-items:center;font-size:12.5px;color:#0a6e3b;background:rgba(14,159,85,.1);border-radius:10px;padding:8px 12px;animation:stepIn .45s var(--spring) both}
.cfound .i{width:16px;height:16px;flex:none;stroke-width:2.4}.cfound span{flex:1}.cfound .lnk{margin:0;color:#0a6e3b;font-weight:700}
@keyframes stepIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.emptyb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:32px 16px;color:#4a5160}
.emptyb .eic{width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.75);display:grid;place-items:center;color:var(--accent-t);animation:float 4s ease-in-out infinite;box-shadow:0 10px 24px -14px rgba(16,24,40,.35)}
.emptyb .eic .i{width:30px;height:30px}.emptyb b{font-size:15px;color:#0e1116}.emptyb span:last-child{font-size:13.5px;line-height:1.5;max-width:230px}
.vc-items{flex:1;overflow-y:auto;padding:8px 8px}
.cl{display:flex;gap:12px;align-items:flex-start;padding:12px 12px;border-radius:14px;transition:background .3s}
.cl:hover{background:rgba(255,255,255,.55)}
.cl .th{width:46px;height:46px;border-radius:12px;background:#fff;flex:none}.cl .th img{max-width:84%;max-height:84%}.cl .th.noimg b{font-size:9.5px}
.cl-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cl-m>b{font-size:14px;line-height:1.3}
.cl-s{font-size:12.5px;color:#4a5160}
.cl-a{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.qty2{display:inline-flex;align-items:center;border-radius:10px;background:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px rgba(14,17,22,.12)}
.qty2 button{width:32px;height:30px;font-weight:700;font-size:16px;border-radius:10px;transition:background .15s}.qty2 button:hover{background:rgba(14,17,22,.06)}
.qty2 span{min-width:22px;text-align:center;font-size:13.5px;font-weight:700}
.cl-r{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.cl-r b{font-size:15px;white-space:nowrap}
.del2{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#5a6172;transition:all .2s}.del2 .i{width:16px;height:16px}
.del2:hover{background:rgba(217,58,63,.1);color:#b0262b}
.cl.new{animation:lnIn2 .5s var(--spring),glow 1.6s ease-out}.cl.ti.new{animation:lnIn2 .5s var(--spring),glowG 1.6s ease-out}
@keyframes lnIn2{from{opacity:0;transform:translateX(30px) scale(.96)}to{opacity:1;transform:none}}
@keyframes glow{0%,40%{background:rgba(47,199,133,.12)}100%{background:transparent}}
@keyframes glowG{0%,40%{background:rgba(14,159,85,.14)}100%{background:transparent}}
.vc-foot{padding:16px 16px 16px;border-top:1px solid rgba(14,17,22,.07);display:flex;flex-direction:column;gap:12px;background:none}
.addti2{width:100%;height:46px;border-radius:13px;border:1.5px dashed rgba(14,159,85,.55);color:#0a6e3b;font-weight:650;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s var(--spring)}
.addti2:hover{background:rgba(14,159,85,.08);border-style:solid}.addti2 .i{width:18px;height:18px}
.vc-sum{display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:#4a5160}.vc-sum div{display:flex;justify-content:space-between}.vc-sum .g2{color:#0a6e3b}
.vc-tot{display:flex;justify-content:space-between;align-items:baseline;margin:0}.vc-tot span{font-size:14px;font-weight:650;color:#3f4655}
.vc-tot b{font-size:32px;font-weight:800;letter-spacing:-.03em}
.vc-pay{height:56px;border-radius:16px;font-size:16px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 24px -10px rgba(47,199,133,.75);transition:transform .18s var(--spring),opacity .2s;margin:0}
.vc-pay .i{width:18px;height:18px;stroke-width:2.2}.vc-pay:active{transform:scale(.97)}.vc-pay:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}
.vc-pay.green{background:#0e9f55;box-shadow:0 10px 24px -10px rgba(14,159,85,.7)}
.vcart.pulse{animation:cartPulse .6s var(--spring)}
@media(max-width:900px){.vreco{padding:12px}.vreco .vhead{flex-direction:column;gap:2}.vreco .vrow{display:flex;overflow-x:auto;gap:12px;scrollbar-width:none}.vreco .vrow .vp{flex:0 0 46%}.vreco .vp .img{height:90px}}

/* ================= Service: coloane pe statut, fișa, predarea ================= */
.srch{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.85);border-radius:12px;padding:0 12px;box-shadow:inset 0 0 0 1px var(--line);min-width:240px}
.srch input{border:0;background:none;outline:none;height:38px;font-size:14px;flex:1;min-width:0}.srch .i{width:17px;height:17px;color:var(--muted)}
.kb{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:16px;align-items:start;overflow-x:auto;padding-bottom:12px}
.kcol{background:rgba(118,118,128,.07);border-radius:22px;padding:12px;min-height:200px;transition:background .2s,box-shadow .2s}
.kcol.over{background:rgba(47,199,133,.09);box-shadow:inset 0 0 0 2px rgba(47,199,133,.35)}
.kh{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 12px}.kh b{font-size:14px;color:var(--muted)}
.kl{display:flex;flex-direction:column;gap:12px}.kempty{text-align:center;color:var(--muted);padding:16px 0}
.kc{background:#fff;border-radius:16px;padding:12px 12px;box-shadow:0 1px 2px rgba(16,24,40,.06),0 8px 20px -14px rgba(16,24,40,.25);cursor:pointer;transition:transform .25s var(--spring),box-shadow .25s;animation:viewIn .3s var(--spring)}
.kc:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(16,24,40,.06),0 16px 30px -16px rgba(16,24,40,.35)}.kc.drag{opacity:.45;transform:scale(.97)}
.kc.late{box-shadow:inset 3px 0 0 var(--red),0 8px 20px -14px rgba(16,24,40,.25)}
.kc-t{display:flex;align-items:center;gap:8px;font-size:13px}.kc-age{margin-left:auto;color:var(--muted);font-size:12px}
.kc-d{font-weight:700;font-size:15px;margin-top:4px}.kc-p{color:#4a5160;font-size:13px;margin-top:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kc-f{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-top:8px}.kc-f span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kc-m{display:flex;align-items:center;gap:8px;font-size:12px;color:#4a5160;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.kc-m>span:last-child:not(:first-child){margin-left:auto;display:inline-flex;align-items:center;gap:4px}
.kc-m .i{width:13px;height:13px}.kc-m .lt{color:var(--red);font-weight:700}
.av.sm{width:22px;height:22px;font-size:12px}
.t tr.click{cursor:pointer}.t tr.click:hover td{background:rgba(47,199,133,.04)}
.rform{display:flex;flex-direction:column;gap:12px}
.inl{display:flex;gap:8px;align-items:center}.inl input{flex:1}
label.ck{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#3a404d;white-space:nowrap;cursor:pointer}label.ck input{width:17px;height:17px;accent-color:var(--accent-t)}
.pills.sm button{padding:8px 12px;font-size:13px}
.svl{display:grid;grid-template-columns:1fr 110px 30px;gap:8px;align-items:center;margin-bottom:8px}
.svl input,.svl select{border:2px solid transparent;background:var(--soft);border-radius:10px;padding:8px 12px;font-size:14px;width:100%;outline:none}.svl input:focus{border-color:var(--blue);background:#fff}
.rf-sum{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px;border-radius:14px;background:var(--soft)}.rf-sum b{font-size:22px}
.btn.danger{color:var(--red)}
.rp{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px}
.rp-r{border-left:1px solid var(--line);padding-left:24px}
.rsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--soft);border-radius:14px;padding:4px;margin-bottom:16px}
.rsteps button{padding:8px 8px;border-radius:11px;font-size:13px;font-weight:650;color:#4a5160;transition:background .2s,color .2s,box-shadow .2s}
.rsteps button.on{background:#fff;color:var(--accent-t);box-shadow:0 4px 12px -6px rgba(10,110,75,.45)}
.rgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px;margin-bottom:12px}.rgrid small{display:block;font-size:12px;color:var(--muted);font-weight:600}.rgrid b{display:block;font-size:15px}.rgrid a,.rgrid span{font-size:13px;color:var(--accent-t)}.rgrid span{color:var(--muted)}
.svlist>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}.svlist>div:first-child{border-top:0}.svlist .tot{font-weight:700;font-size:15px}
.tl{position:relative;padding-left:16px}.tl:before{content:'';position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--line)}
.tl>div{position:relative;padding:0 0 12px}.tl i{position:absolute;left:-17px;top:5px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--accent)}
.tl>div:last-child i{background:var(--accent)}.tl b{display:block;font-size:14px;font-weight:600}.tl small{color:var(--muted);font-size:12px}
.mrow2{display:flex;justify-content:space-between;font-size:14px;padding:4px 0}
.dv{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}.dv-r{display:flex;flex-direction:column;gap:12px;background:var(--soft);border-radius:20px;padding:16px}
@media(max-width:900px){.kb{grid-template-columns:repeat(4,minmax(78vw,1fr));scroll-snap-type:x mandatory}.kcol{scroll-snap-align:start}.rp,.dv{grid-template-columns:1fr}.rp-r{border-left:0;padding-left:0}.srch{min-width:0;flex:1}.rgrid{grid-template-columns:1fr 1fr}}

/* ================= Casele: ziua pe secții ================= */
.daycard{padding:16px}.dch{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.dch small{display:block;font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.dch b{display:block;font-size:30px;letter-spacing:-.03em}.dch .muted{font-size:13px}
.dcs{display:flex;flex-direction:column;align-items:flex-end;gap:2;font-weight:700;color:var(--green);font-size:14px}.dcs small{color:var(--muted);font-weight:500;text-transform:none;letter-spacing:0}.dcs .i{width:16px;height:16px;display:inline}
.bym{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.bym>div{background:var(--soft);border-radius:12px;padding:8px 12px}.bym>div.z{opacity:.45}.bym small{display:block;font-size:12px;color:var(--muted);font-weight:600}.bym b{font-size:14px}
.wc[class*=" c-a"]{background:linear-gradient(140deg,#14b8a6,#0f766e)}.wc.add{background:none;color:var(--muted);box-shadow:inset 0 0 0 2px dashed;border:2px dashed rgba(17,18,20,.15);align-items:center;justify-content:center;gap:8px;font-weight:700}
button.wc{text-align:left;width:100%}.wc.sel{outline:3px solid var(--accent);outline-offset:3px}
.wallet.sm{grid-template-columns:repeat(2,1fr);gap:12px}.wallet.sm .wc{min-height:92px;padding:16px}.wallet.sm .am{font-size:20px}
@media(max-width:900px){.bym{grid-template-columns:repeat(3,1fr)}}

/* ================= Contabilitate ================= */
.badge{background:var(--red);color:#fff!important;border-radius:999px;padding:1 8px;font-size:12px!important;font-weight:700!important}
.prow{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.prow:first-of-type{border-top:0}
.prow.late .pd b{color:var(--red)}.pd{text-align:center;line-height:1.1}.pd b{font-size:15px}.pd small{display:block;color:var(--muted);font-size:12px}
.pn b{font-weight:600;font-size:15px}.pn small{display:block;color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pa{font-size:16px;text-align:right;white-space:nowrap}.pb{display:flex;gap:8px;justify-content:flex-end}
.calh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cw{text-align:center;font-size:12px;font-weight:700;color:var(--muted);padding:4px}
.cd{min-height:88px;border-radius:14px;background:var(--soft);padding:8px;display:flex;flex-direction:column;align-items:flex-start;gap:2;text-align:left;transition:transform .2s var(--spring),background .2s}
.cd:hover{transform:translateY(-2px);background:#fff;box-shadow:0 8px 20px -14px rgba(16,24,40,.35)}.cd.e{background:none;pointer-events:none}
.cd .dn{font-weight:700;font-size:13px;color:#4a5160}.cd b{font-size:13px}.cd small{font-size:12px;color:var(--muted)}.cd small.ok{color:var(--green);font-weight:600}
.cd.td{box-shadow:inset 0 0 0 2px var(--accent)}.cd.late b{color:var(--red)}
.drow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.drow:first-child{border-top:0}
.drow b.n{font-size:18px}.dn small{display:block;color:var(--muted);font-size:12.5px}
.prog{height:8px;border-radius:99px;background:var(--soft);overflow:hidden;margin:8px 0 4px}.prog i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34c759,#15803d);transition:width .8s var(--ease)}
.chart{width:100%;height:220px;display:block}
.legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-top:8px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.bars{display:flex;align-items:stretch;gap:4px}.bars .bg{display:flex;flex-direction:column;align-items:center;gap:4px}.bars .bb{flex:1;display:flex;align-items:flex-end;gap:4px;width:100%;justify-content:center}
.bars .bb i{width:min(22px,40%);border-radius:6px 6px 2px 2px;min-height:2px;animation:grow .8s var(--ease) both;transform-origin:bottom}.bars small{font-size:12px;color:var(--muted)}
@keyframes grow{from{transform:scaleY(0)}to{transform:none}}
.hb{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center;padding:8px 0;font-size:14px}.hb>div{height:10px;background:var(--soft);border-radius:99px;overflow:hidden}.hb>div i{display:block;height:100%;border-radius:99px;animation:grow2 .8s var(--ease) both;transform-origin:left}
.hb.sub{padding:2 0 2 16px;font-size:13px;color:var(--muted)}.hb.sub>div{background:none}
@keyframes grow2{from{transform:scaleX(0)}to{transform:none}}
.binp{width:120px;border:2px solid transparent;background:var(--soft);border-radius:10px;padding:8px 12px;text-align:right;font-size:14px;outline:none}.binp:focus{border-color:var(--blue);background:#fff}
@media(max-width:900px){.prow{grid-template-columns:44px minmax(0,1fr) auto}.prow .tag{display:none}.prow .pb{grid-column:2/-1;justify-content:flex-start}.cd{min-height:58px;padding:4px}.cd b,.cd small{display:none}.cd.late,.cd:has(b){background:rgba(47,199,133,.1)}.hb{grid-template-columns:110px 1fr auto}}

/* ================= notificări și sarcini ================= */
.bell{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.5);color:#3a404d;transition:background .2s,transform .2s var(--spring)}
.bell:hover{background:rgba(255,255,255,.85)}.bell:active{transform:scale(.92)}.bell .i{width:20px;height:20px}
.bdg{position:absolute;top:4px;right:3px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;animation:pop .35s var(--spring)}
.urow.nt.un{background:rgba(47,199,133,.08)}.urow.nt.un b:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:2px}
.tform{display:grid;grid-template-columns:1fr 160px 140px auto;gap:8px;margin-bottom:12px}.tform input,.tform select{border:2px solid transparent;background:var(--soft);border-radius:10px;padding:8px 12px;font-size:14px;outline:none;min-width:0}
.task{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.task small{display:block;font-size:12.5px}
.tck{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(17,18,20,.25);display:grid;place-items:center;color:#fff;transition:background .2s,transform .2s var(--spring)}.tck .i{width:14px;height:14px}
.task.done .tck{background:var(--green);box-shadow:none}.task.done b{text-decoration:line-through;color:var(--muted)}.task.late b{color:var(--red)}
@media(max-width:900px){.tform{grid-template-columns:1fr 1fr}.tform input[name=title]{grid-column:1/-1}.bell{width:40px;height:40px}}

/* ================= verde mentă EXIT în loc de albastru ================= */
:root{--accent:#3ddc97;--accent-ink:#04281c;--accent-t:#067350;--blue:#067350;--blue-s:rgba(61,220,151,.16);--mint:#4be39c}
.btn.pri{background:var(--accent);color:var(--accent-ink)}
.vcart .vc-pay,.pay-go{color:var(--accent-ink)}
::selection{background:rgba(61,220,151,.35)}

/* ================= bara de sus: departamentele; sub ea meniul departamentului ================= */
.shell{gap:12px}
.top{padding:8px 12px 8px 16px;min-height:64px}
.dsw{position:relative;display:flex;gap:4px;padding:4px;border-radius:18px;background:rgba(118,118,128,.10);margin-right:auto}
.dsw.one{background:none;font-size:17px;padding:0 8px}
.dind{position:absolute;left:0;top:4px;bottom:4px;width:0;border-radius:14px;background:#fff;box-shadow:0 6px 18px -8px rgba(16,24,40,.35),0 1px 2px rgba(16,24,40,.06);transition:transform .55s var(--spring),width .55s var(--spring);opacity:0;pointer-events:none}
.dsb{position:relative;z-index:1;display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:14px;font-size:15px;font-weight:700;color:#4a5160;transition:color .25s}
.dsb .i{width:20px;height:20px;transition:transform .4s var(--spring)}.dsb:hover{color:#111214}.dsb:active .i{transform:scale(.85)}
.dsb.on{color:#111214}.dsb.on .i{transform:scale(1.1)}
.dsb.d-shop.on .i{color:#067350}.dsb.d-svc.on .i{color:#b25000}.dsb.d-acc.on .i{color:#5e35d6}.dsb.d-dir.on .i{color:#1d1d1f}
.snav{position:relative;flex:none;display:flex;gap:4px;padding:8px;border-radius:22px;overflow-x:auto;scrollbar-width:none;z-index:15}
.snav::-webkit-scrollbar{display:none}
.sind{position:absolute;left:0;top:6px;bottom:6px;width:0;border-radius:16px;background:#fff;box-shadow:0 8px 22px -10px rgba(16,24,40,.35),inset 0 0 0 1px rgba(17,18,20,.05);transition:transform .5s var(--spring),width .5s var(--spring);opacity:0;pointer-events:none}
.si{position:relative;z-index:1;flex:none;min-width:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px 8px;border-radius:16px;font-size:12.5px;font-weight:650;color:#4a5160;transition:color .2s,background .2s}
.si .i{width:24px;height:24px;transition:transform .4s var(--spring)}.si:hover{background:rgba(255,255,255,.45)}.si.on:hover{background:none}
.si.on{color:#111214}.si.on .i{transform:translateY(-1px) scale(1.08)}.si:active .i{transform:scale(.86)}
.snav.d-shop .si.on .i{color:#067350}.snav.d-svc .si.on .i{color:#b25000}.snav.d-acc .si.on .i{color:#5e35d6}.snav.d-dir .si.on .i{color:#1d1d1f}
.snav.in .si{animation:siIn .45s var(--spring) both;animation-delay:calc(var(--i) * 28ms)}
@keyframes siIn{from{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:none}}
.ni{display:none}
/* tranziția: doar conținutul se schimbă, bara rămâne pe loc (înainte se suprapuneau două imagini ale paginii) */
#main{view-transition-name:main}
::view-transition-old(root),::view-transition-new(root){animation:none}
::view-transition-old(main){animation:vtOut .16s ease both}
::view-transition-new(main){animation:vtIn .34s var(--spring) both}
@keyframes vtOut{to{opacity:0;transform:translateY(-4px)}}
@keyframes vtIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.dsb span{display:none}.dsb.on span{display:inline}.dsb{padding:0 16px}}
@media(max-width:900px){
 .top{position:sticky!important;top:8px;padding:8px 8px 8px 12px;min-height:56px}
 .top .tlogo{height:20px}
 .dsw{margin:0 auto 0 4px}.dsb{height:40px;padding:0 12px}.dsb span{display:none}.dsb.on span{display:inline;font-size:14px}
 .snav{display:none}.dayp{display:none}
}
@media(prefers-reduced-motion:reduce){.snav.in .si{animation:none}::view-transition-new(main),::view-transition-old(main){animation:none}}

/* ================= stil Apple: Sănătate (cifre mari, titlu colorat), Watch (inele), Wallet (carduri) ================= */
.kpi{padding:16px 16px;border-radius:22px}
.kpi>small:first-child{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none}
.kpis .kpi:nth-child(5n+1)>small:first-child{color:#067350}.kpis .kpi:nth-child(5n+2)>small:first-child{color:#c01048}.kpis .kpi:nth-child(5n+3)>small:first-child{color:#8a4b00}
.kpis .kpi:nth-child(5n+4)>small:first-child{color:#4b49c9}.kpis .kpi:nth-child(5n+5)>small:first-child{color:#136b7c}
.kpi>small:first-child:before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.kpi b{font-size:28px;font-weight:700;letter-spacing:-.025em;margin:8px 0 2}
.card h2{font-size:19px;font-weight:700;letter-spacing:-.015em}
.aring .rp{transition:stroke-dashoffset 1.1s var(--ease)}
.payhead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.ph-ring{display:flex;align-items:center;gap:16px}.ph-ring small{display:block;font-size:13px;font-weight:700;color:#067350}.ph-ring b.n{display:block;font-size:34px;letter-spacing:-.03em}.ph-ring span{color:var(--muted);font-size:14px}
.seg{display:flex;gap:2;padding:4px;border-radius:12px;background:rgba(118,118,128,.12)}.seg button{padding:8px 16px;border-radius:9px;font-size:14px;font-weight:600;color:#3a404d;transition:background .2s,box-shadow .2s}
.seg button.on{background:#fff;color:#111214;box-shadow:0 3px 8px -2px rgba(0,0,0,.18)}
.paygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.pcard{background:#fff;border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgba(16,24,40,.05),0 10px 28px -18px rgba(16,24,40,.3);animation:viewIn .4s var(--spring) both}
.pcard.mute{opacity:.6}.pc-top{display:flex;align-items:center;gap:12px}.pc-top>div{flex:1;min-width:0}.pc-top b{display:block;font-size:16px}.pc-top small{color:var(--muted);font-size:12.5px}
.pc-left small{display:block;font-size:12.5px;font-weight:700;color:var(--muted)}.pc-left b{font-size:30px;letter-spacing:-.03em}
.pc-rows>div{display:flex;justify-content:space-between;font-size:14px;padding:4px 0;border-top:1px solid var(--line)}.pc-rows>div:first-child{border-top:0}.pc-rows .sub{border-top:0;padding:0 0 4px;font-size:12px;color:var(--muted)}
.pc-hist{background:var(--soft);border-radius:14px;padding:8px 12px}.pc-hist>div{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}
.mehero{display:flex;align-items:center;gap:32px;background:#111214;color:#fff;border-radius:28px;padding:24px 32px;box-shadow:0 24px 50px -28px rgba(0,0,0,.6)}
.rings{position:relative;width:150px;height:150px;flex:none}.rings .r2,.rings .r3{position:absolute;inset:0;display:grid;place-items:center}
.melegend{display:flex;flex-direction:column;gap:16px}.melegend>div{display:grid;grid-template-columns:12px auto;column-gap:12px;align-items:center}.melegend i{width:10px;height:10px;border-radius:50%;grid-row:span 2}
.melegend span{font-size:13px;color:rgba(255,255,255,.65);font-weight:600}.melegend b{font-size:22px;letter-spacing:-.02em}
.mbars{display:flex;gap:12px;align-items:flex-end;height:170px}.mbars>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}
.mbars .mb{flex:1;width:100%;max-width:34px;position:relative}.mbars .mb i{position:absolute;left:0;right:0;bottom:0;border-radius:8px;background:rgba(61,220,151,.25);animation:grow .8s var(--ease) both;transform-origin:bottom}.mbars .mb i.pd{background:#3ddc97}
.mbars small{font-size:12px;color:var(--muted)}.mbars b{font-size:12px}
@media(max-width:900px){.mehero{flex-direction:column;align-items:flex-start;padding:24px}}

/* ================= coșurile puse deoparte ================= */
.ghost.park{display:inline-flex;align-items:center;gap:4px}.ghost.park .i{width:16px;height:16px}.ghost.park span:empty{display:none}
.ghost.park span{min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:800;display:grid;place-items:center}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.ccart{background:#fff;border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgba(16,24,40,.05),0 10px 28px -18px rgba(16,24,40,.3);animation:viewIn .35s var(--spring) both;transition:transform .25s var(--spring)}
.ccart:hover{transform:translateY(-2px)}.ccart.cur{box-shadow:inset 0 0 0 2px var(--accent),0 10px 28px -18px rgba(16,24,40,.3)}
.cc-h{display:flex;align-items:center;gap:12px}.cc-h>div{flex:1;min-width:0}.cc-h b{display:block}.cc-h small{color:var(--muted);font-size:12.5px}.cc-t{font-size:12px;color:var(--muted)}
.cc-l{background:rgba(255,159,10,.12);color:#8a4b00;border-radius:10px;padding:8px 12px;font-size:13px}
.cc-i{display:flex;flex-wrap:wrap;gap:8px}.cc-i span{background:var(--soft);border-radius:8px;padding:4px 8px;font-size:12.5px}.cc-i .ti{background:rgba(61,220,151,.16);color:#0a6b45}
.cc-f{display:flex;align-items:center;gap:8px}.cc-f b{font-size:20px}.cc-f .sp{flex:1}.cc-f .cdel{margin:0}
/* service: prețuri și piese */
.sprw{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}
.sprm{display:flex;flex-direction:column;gap:2;max-height:70vh;overflow:auto;position:sticky;top:0}
.sprm button{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:12px;font-size:14px;font-weight:600;text-align:left;color:#3a404d}
.sprm button small{color:var(--muted);font-weight:500}.sprm button:hover{background:var(--soft)}.sprm button.on{background:rgba(61,220,151,.18);color:#0a6b45}
.t tr.lowr td{background:rgba(229,72,77,.06)}
@media(max-width:900px){.sprw{grid-template-columns:1fr}.sprm{max-height:220px;position:static}}
/* documentul înainte de tipar: foaie albă, aceleași stiluri ca la imprimantă, textul se corectează pe loc */
.sheet.docw{width:min(920px,100%)}
.docprev{background:#e9eaee;border-radius:16px;padding:16px;max-height:70vh;overflow:auto;outline:none;color:#000;font:12px/1.45 -apple-system,Helvetica,Arial,sans-serif}
.docprev .doc{background:#fff;max-width:794px;margin:0 auto 16px;padding:14mm 12mm;box-shadow:0 10px 30px -18px rgba(0,0,0,.45);border-radius:4px}
.docprev .doc.receipt{max-width:300px;padding:12px}
.docprev .doc h1{font-size:20px;margin:0 0 2}.docprev .doc h2{font-size:13px;color:#000;margin:12px 0 8px}
.docprev .doc table{width:100%;border-collapse:collapse;margin:8px 0}.docprev .doc td,.docprev .doc th{border:1px solid #999;padding:4px 8px;text-align:left;vertical-align:top}
.docprev .doc table.plain td{border:0;border-bottom:1px solid #bbb;padding:4px 2}.docprev .doc .r{text-align:right}
.docprev .doc .sig{display:flex;gap:32px;margin-top:32px}.docprev .doc .sig div{flex:1;border-top:1px solid #000;padding-top:4px;font-size:11px}.docprev .doc .small{font-size:10.5px;color:#333}
.docprev [contenteditable]:focus,.docprev:focus-within .doc{outline:none}.docprev .doc *:hover{background:rgba(61,220,151,.08)}
/* telefon: nimic nu iese din ecran; tabelele late se derulează în cardul lor */
.pn b,.drow b,.ccart b,.t td b{overflow-wrap:anywhere}
@media(max-width:900px){
 #main{overflow-x:hidden;max-width:100vw}
 .card{max-width:100%;overflow-x:auto}
 .card>.t{min-width:560px}
 .head{flex-wrap:wrap;gap:12px}.head .acts{flex-wrap:wrap;width:100%}.head .acts>*{flex:1 1 auto}
 .top{gap:8px}.dsw{min-width:0;overflow-x:auto;scrollbar-width:none;flex:1 1 auto}.dsw::-webkit-scrollbar{display:none}
 .dsb{padding:0 12px;flex:none}.dsb.on span{font-size:13px}.bell,.mebtn{flex:none}
 .grid2,.grid3{grid-template-columns:1fr!important}
 .wallet{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}
 .cgrid,.paygrid{grid-template-columns:1fr}
}
@media(max-width:520px){.dsb.on span{display:none}.dsb{padding:0 12px}.dsw{flex:0 1 auto;margin:0 auto}.top .tlogo{height:18px}}

/* ================= aspect profesional Apple: font SF peste tot, bara centrată de sticlă (Liquid Glass), contul ca Apple ID ================= */
:root{--num:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;
 --sf:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;
 --lg-bg:rgba(255,255,255,.58);--lg-edge:rgba(255,255,255,.7);--lg-blur:blur(30px) saturate(1.9);
 --lg-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.25),0 0 0 .5px rgba(0,0,0,.06),0 10px 30px -12px rgba(15,23,42,.18)}
html,body,button,input,select,textarea{font-family:var(--sf)}
body{letter-spacing:-.006em}
h1{font-weight:700;letter-spacing:-.025em}
.n{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.wc .am,.kpi b,.pc-left b,.ph-ring b.n,.dch b,.pay-tot b,.vc-tot b{font-weight:650!important}
b,strong{font-weight:600}

/* bara de sus: trei zone; departamentele exact la mijloc */
.top{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:8px 12px 8px 24px;min-height:60px;border-radius:22px!important;
 background:var(--lg-bg)!important;-webkit-backdrop-filter:var(--lg-blur)!important;backdrop-filter:var(--lg-blur)!important;box-shadow:var(--lg-shadow)!important;border:0!important}
.tl{display:flex;align-items:center;min-width:0}.tl .tlogo{height:22px}
.tr{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.dsw{margin:0!important;justify-self:center;padding:4px;border-radius:14px;background:rgba(118,118,128,.12);box-shadow:inset 0 .5px 1px rgba(0,0,0,.06)}
.dind{top:3px;bottom:3px;border-radius:11px;background:rgba(255,255,255,.95);box-shadow:0 3px 8px rgba(0,0,0,.12),0 .5px 1px rgba(0,0,0,.08)}
.dsb{height:34px;padding:0 16px;gap:8px;border-radius:11px;font-size:14px;font-weight:590;color:#3c3c43}
.dsb .i{width:17px;height:17px}.dsb.on{color:#1d1d1f}.dsb.on .i,.dsb.d-shop.on .i,.dsb.d-svc.on .i,.dsb.d-acc.on .i,.dsb.d-dir.on .i{color:#1d1d1f;transform:none}
.dayp{gap:8px;padding:0 8px}.dayp>div{line-height:1.15}.dayp small{font-size:12px;font-weight:500;color:#5f6473}.dayp b{font-size:14px;font-weight:600}.dayp .ring{width:30px;height:30px}
.bell{width:36px;height:36px;background:transparent;color:#3c3c43}.bell:hover{background:rgba(118,118,128,.12)}.bell .i{width:19px;height:19px}
/* contul, ca Apple ID: inițialele pe cerc gri, numele lângă; meniul — o foaie de sticlă */
.mebtn{display:flex!important;align-items:center;gap:8px;padding:4px 12px 4px 4px!important;border-radius:999px;background:transparent!important;transition:background .2s}
.mebtn:hover{background:rgba(118,118,128,.12)!important}
.av{background:linear-gradient(180deg,#a1a1a6,#5f6473);color:#fff;font-weight:600;letter-spacing:.02em}
.mebtn .av{width:32px;height:32px;font-size:12.5px}.mename{font-size:14px;font-weight:550;color:#1d1d1f}
#mebox .menu{top:50px;min-width:260px;padding:8px;border-radius:16px;background:rgba(250,250,252,.96);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow),0 24px 60px -20px rgba(0,0,0,.35)}
.menu .acct{display:flex;align-items:center;gap:12px;padding:12px 12px 12px}.menu .acct b{display:block;font-size:15px}.menu .acct small{color:#5f6473;font-size:12.5px}
.av.lg{width:44px;height:44px;font-size:16px}
.menu button{display:flex!important;align-items:center;gap:12px;font-size:14px;font-weight:500;padding:8px 12px;border-radius:10px}.menu button .i{width:17px;height:17px;color:#5f6473}
.menu button:hover{background:rgba(118,118,128,.12)}.menu .msep{height:.5px;background:rgba(60,60,67,.18);margin:4px 8px}.menu button.out{color:#d70015}.menu button.out .i{color:#d70015}

/* meniul departamentului: centrat, discret, pictogramă deasupra, denumire mică dedesubt */
.snav{justify-content:center;padding:4px;border-radius:18px;background:var(--lg-bg)!important;-webkit-backdrop-filter:var(--lg-blur)!important;backdrop-filter:var(--lg-blur)!important;box-shadow:var(--lg-shadow)!important;border:0!important;
 width:max-content;max-width:100%;margin:0 auto}
.sind{top:5px;bottom:5px;border-radius:13px;background:rgba(118,118,128,.14);box-shadow:none}
.si{min-width:76px;padding:8px 12px 8px;gap:4px;border-radius:13px;font-size:12px;font-weight:550;color:#5f6473}
.si .i{width:21px;height:21px;stroke-width:1.7}.si:hover{background:rgba(118,118,128,.08)}
.si.on{color:#1d1d1f}.si.on .i,.snav.d-shop .si.on .i,.snav.d-svc .si.on .i,.snav.d-acc .si.on .i,.snav.d-dir .si.on .i{color:#1d1d1f;transform:none}
.snav.in .si{animation:siIn .35s var(--ease) both;animation-delay:calc(var(--i) * 18ms)}
.i{stroke-width:1.75}
@media(max-width:1100px){.mename{display:none}.mebtn{padding:4px!important}}
@media(max-width:900px){.top{grid-template-columns:auto 1fr auto;gap:8px;padding:8px 8px 8px 12px}.dsw{justify-self:center}}

/* ================= barele plutesc peste conținut, din sticlă semitransparentă: conținutul trece pe sub ele la derulare ================= */
.shell{display:block!important;position:relative;height:100vh;height:100dvh;padding:0!important}
.top{position:absolute!important;top:12px;left:14px;right:14px;z-index:40}
.snav{position:absolute!important;top:calc(12px + var(--toph,60px) + 8px);left:50%;transform:translateX(-50%);z-index:39;margin:0!important}
.top,.snav{background:rgba(255,255,255,.55)!important;-webkit-backdrop-filter:blur(26px) saturate(1.9)!important;backdrop-filter:blur(26px) saturate(1.9)!important}
#main{position:absolute;inset:0;overflow:auto;padding:var(--bars-h,128px) 16px 40px!important;border-radius:0!important;scroll-padding-top:var(--bars-h,128px);max-width:none!important}
#main.flush{padding:var(--bars-h,128px) 0 0!important;overflow:hidden}
#main.flush .vit{height:100%!important}
/* o singură intrare, lină, la schimbarea ecranului; elementele din interior nu mai au animația lor separată */
html.vt #main>*,#main>*{animation:none}
#main.enter>*{animation:pageIn .36s cubic-bezier(.22,.8,.22,1) both}
@keyframes pageIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.kc,.pcard,.ccart,.vp,.snav.in .si{animation:none!important}
/* pastilele alunecă lin, pe placa video */
.dind,.sind{transition:transform .42s cubic-bezier(.32,.72,0,1),width .42s cubic-bezier(.32,.72,0,1),opacity .2s;will-change:transform,width}
@media(max-width:900px){
 .shell{height:auto;min-height:100dvh}
 .top{position:fixed!important;top:8px;left:8px;right:8px}
 #main{position:static;overflow:visible;padding:80px 8px 96px!important}
 #main.flush{padding:80px 0 96px!important;overflow:visible}
 #main.flush .vit{height:auto!important}
}
@media(prefers-reduced-motion:reduce){#main.enter>*{animation:none}}

/* ================= aspect profesional (stil Apple): butoane sobre, etichete discrete, carduri cât conținutul ================= */
/* butoane: mai mici, fără culori țipătoare; principalul — verde închis cu text alb */
.btn{height:34px;padding:0 16px;border-radius:9px;font-size:13.5px;font-weight:550;background:#fff;color:#1d1d1f;box-shadow:0 0 0 .5px rgba(0,0,0,.14),0 1px 1.5px rgba(0,0,0,.06)!important;gap:8px}
.btn:hover{background:#f6f6f7}
.btn.soft{background:rgba(118,118,128,.12)!important;box-shadow:none!important}.btn.soft:hover{background:rgba(118,118,128,.18)!important}
.btn.pri,.go{background:#067350!important;color:#fff!important;box-shadow:0 1px 2px rgba(10,110,75,.35)!important}.btn.pri:hover{background:#08805a!important}
.btn.sm{height:28px;padding:0 12px;font-size:12.5px;border-radius:8px}
.btn .i{width:15px;height:15px}
.acts{gap:8px;align-items:center}.acts input.btn,.acts input[type=date].btn,.acts input[type=month].btn{height:34px;padding:0 12px;font-weight:500;width:auto;border:0}
.pay-go,.vc-pay{background:#067350!important;color:#fff!important;box-shadow:0 6px 16px -8px rgba(10,110,75,.6)!important;font-weight:600}
/* acțiunile din liste (Achită, Intrare…) — butoane colorate discret, nu pastile verzi aprinse */
.pb .btn.pri,.t .btn.pri,.prow .btn.pri{background:rgba(10,143,101,.12)!important;color:#067350!important;box-shadow:none!important}
.pb .btn.pri:hover,.t .btn.pri:hover,.prow .btn.pri:hover{background:rgba(10,143,101,.2)!important}
/* etichete: mici, dreptunghiulare, culori estompate */
.tag{font-size:12px;font-weight:600;padding:2 8px;border-radius:6px;letter-spacing:0}
.t-red{background:rgba(215,0,21,.08);color:#c00015}.t-orange{background:rgba(255,149,0,.12);color:#8a4b00}.t-green{background:rgba(52,199,89,.12);color:#166b2e}
.t-blue{background:rgba(0,113,227,.09);color:#0058b0}.t-purple{background:rgba(94,92,230,.1);color:#4b49c8}.t-gray{background:rgba(118,118,128,.12);color:#55555b}
/* filele mici din carduri devin control segmentat Apple */
.chips.sub{display:inline-flex;gap:2;padding:2;border-radius:9px;background:rgba(118,118,128,.12);margin-bottom:8px}
.chips.sub button{height:28px;padding:0 12px;border-radius:7px;font-size:13px;font-weight:550;background:none!important;box-shadow:none!important;color:#3c3c43}
.chips.sub button.on{background:#fff!important;color:#1d1d1f;box-shadow:0 2px 6px -1px rgba(0,0,0,.16),0 .5px 1px rgba(0,0,0,.06)!important}
.chips.sub button small{color:#5f6473}
/* cardurile cu cifre: lățimea după conținut, se așază în rând și se adaptează */
.kpis{display:flex!important;flex-wrap:wrap;gap:12px}
.kpis .kpi{flex:0 1 auto;min-width:180px;max-width:320px;padding:16px 16px;border-radius:16px;box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.05)!important}
.kpi>small:first-child{font-size:12.5px;font-weight:600}.kpi>small:first-child:before{width:6px;height:6px}
.kpi b{font-size:24px!important;font-weight:600!important;margin:4px 0 1}
.card{border-radius:16px;box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.05)!important}
/* casele, ca în Apple Wallet: carduri mai mici, culori adânci, fără saturație de jucărie */
.wallet{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,250px))!important;gap:12px}
.wallet.sm{grid-template-columns:repeat(auto-fill,minmax(180px,220px))!important}
.wc{min-height:104px!important;padding:16px 16px!important;border-radius:16px!important;box-shadow:0 10px 24px -16px rgba(0,0,0,.5),inset 0 .5px 0 rgba(255,255,255,.25)!important}
.wc .tp{font-size:13px;font-weight:550}.wc .am{font-size:24px!important;font-weight:600!important;margin-top:auto}.wc .mt{font-size:12px}.wc .wst{font-size:12px;padding:2 8px;border-radius:6px}
.c-shop{background:linear-gradient(160deg,#2c5f9e,#1d3f6b)!important}.c-service{background:linear-gradient(160deg,#b4692a,#7d4518)!important}
.c-bank{background:linear-gradient(160deg,#2e7d5b,#1b5139)!important}.c-central{background:linear-gradient(160deg,#5b4b9a,#3a2f69)!important}
.c-credit{background:linear-gradient(160deg,#4a4f5c,#2a2d35)!important}.wc[class*=" c-a"]{background:linear-gradient(160deg,#2b6f73,#1a4649)!important}
/* rândurile de plată: mai compacte */
.prow{padding:8px 0;gap:12px}.pd b{font-size:14px;font-weight:600}.pn b{font-size:14.5px;font-weight:550}.pa{font-size:15px;font-weight:600}
/* fișele de service: plate, cu margine fină, text mai mic */
.kc{border-radius:12px!important;padding:12px 12px!important;box-shadow:0 0 0 .5px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05)!important}
.kc:hover{transform:none!important;box-shadow:0 0 0 .5px rgba(0,0,0,.12),0 4px 12px -6px rgba(0,0,0,.18)!important}
.kc-d{font-size:14px;font-weight:600}.kc-p{font-size:12.5px}.kc-t b{font-size:12.5px;font-weight:600}
.kcol{border-radius:14px!important;background:rgba(118,118,128,.06)!important}
.ccart,.pcard{border-radius:16px!important;box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.05)!important}
.cgrid{grid-template-columns:repeat(auto-fill,minmax(280px,360px))!important}.paygrid{grid-template-columns:repeat(auto-fill,minmax(260px,330px))!important}
/* bannere și notițe: discrete, cu o linie colorată în stânga în loc de fond aprins */
.warnbox,.vc-note,.cc-l{background:rgba(118,118,128,.08)!important;color:#3c3c43!important;border-radius:10px;box-shadow:inset 3px 0 0 #ff9500;padding:8px 12px;font-size:13px}
.vc-note{box-shadow:inset 3px 0 0 #067350}
.calc{border-radius:12px}
/* cercul zilei și „mehero” mai sobru */
.mehero{border-radius:20px!important;padding:24px 24px!important}
@media(max-width:900px){.kpis .kpi{flex:1 1 calc(50% - 6px);max-width:none;min-width:0}.wallet{grid-template-columns:1fr 1fr!important}.cgrid,.paygrid{grid-template-columns:1fr!important}}
/* Vânzare: lista de produse pornește de sub bare, ca textul să treacă pe sub sticlă (nu sub o bandă gri) */
@media(min-width:901px){
 #main.flush{padding:0!important}
 #main.flush .vit{height:100%!important}
 #main.flush .vmain{padding-top:var(--bars-h,128px)!important;scroll-padding-top:var(--bars-h,128px)}
 #main.flush .vcart{margin-top:var(--bars-h,128px)!important;margin-bottom:16px!important;height:auto!important;max-height:calc(100% - var(--bars-h,150px) - 14px)}
}
/* fără bare de derulare vizibile (ca pe Mac cu trackpad); derularea funcționează la fel */
#main,.vmain,.vc-items,.pay-items,.sheet,.kb,.sprm,.docprev,.card{scrollbar-width:none}
#main::-webkit-scrollbar,.vmain::-webkit-scrollbar,.vc-items::-webkit-scrollbar,.pay-items::-webkit-scrollbar,.sheet::-webkit-scrollbar,.kb::-webkit-scrollbar,.sprm::-webkit-scrollbar,.docprev::-webkit-scrollbar,.card::-webkit-scrollbar{display:none}
/* coșul: ascuns într-o pictogramă jos-dreapta; se deschide ca o foaie din dreapta, peste produse */
@media(min-width:901px){
 #main.flush .vcart{position:absolute;right:14px;top:var(--bars-h,150px);bottom:14px;margin:0!important;width:380px;max-height:none!important;height:auto!important;z-index:30;
  transform:translateX(calc(100% + 30px));opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.32,.72,0,1),opacity .25s;box-shadow:0 30px 70px -30px rgba(0,0,0,.45),0 0 0 .5px rgba(0,0,0,.08)!important}
 #main.flush .vcart.open{transform:none;opacity:1;pointer-events:auto}
 #main.flush .vit{display:block}
 #main.flush .vmain{height:100%;padding-right:32px}
}
.cartfab{position:fixed;right:22px;bottom:22px;z-index:35;height:52px;padding:0 16px 0 16px;border-radius:999px;display:flex;align-items:center;gap:12px;
 background:rgba(29,29,31,.86);color:#fff;-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 14px 34px -14px rgba(0,0,0,.55),inset 0 .5px 0 rgba(255,255,255,.2);
 font-size:15px;transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .2s}
.cartfab .i{width:20px;height:20px}.cartfab b{font-weight:600}.cartfab:hover{transform:translateY(-2px)}
.cartfab .cf-n{min-width:22px;height:22px;padding:0 8px;border-radius:99px;background:#3ddc97;color:#04281c;font-size:12px;font-weight:700;display:grid;place-items:center}
.cartfab.hidden{transform:translateY(90px);opacity:0;pointer-events:none}
.vc-x{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(118,118,128,.12);color:#3c3c43;font-size:13px;margin-left:4px}.vc-x:hover{background:rgba(118,118,128,.2)}
@media(max-width:900px){.cartfab,.vc-x{display:none}}
body:not(:has(#bill)) .cartfab{display:none}
/* paginile: conținutul centrat, cu lățime maximă, fără goluri mari pe dreapta */
#main:not(.flush)>*{max-width:1280px;margin-left:auto;margin-right:auto}
/* Casa: ziua (cu metodele) și cardul casei pe același rând */
.casetop{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:stretch;margin-bottom:16px}
.casetop .ct-l{display:grid;gap:16px}.casetop .ct-l .daycard{margin:0;height:100%}
.casetop .ct-r{display:flex!important;flex-direction:column;gap:12px}.casetop .ct-r .wc{flex:1;min-height:110px}
.casetop:not(.one){grid-template-columns:1fr}.casetop:not(.one) .ct-l{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}
.casetop:not(.one) .ct-r{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));flex-direction:row}
@media(max-width:900px){.casetop{grid-template-columns:1fr}.casetop .ct-r{display:grid!important;grid-template-columns:1fr 1fr}}
.btns>.btn{flex:0 0 auto}.daycard .btns{gap:8px}
.head .acts>*{flex:0 0 auto}
.tlhome{display:flex;align-items:center;padding:8px 8px;margin-left:-8px;border-radius:10px;transition:background .2s,transform .2s}
.tlhome:hover{background:rgba(118,118,128,.1)}.tlhome:active{transform:scale(.96)}

/* ================= derulare lină: fundalul pe un strat separat, sticla pe placa video, listele lungi desenate doar când se văd ================= */
body{background:#eef0f5!important;background-attachment:scroll!important}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--bg-grad);transform:translateZ(0)}
.top,.snav,.cartfab,.vcart,.bnav{transform:translateZ(0);will-change:transform;contain:layout paint;backface-visibility:hidden}
.snav{transform:translateX(-50%) translateZ(0)!important}
.top,.snav{-webkit-backdrop-filter:blur(20px) saturate(1.7)!important;backdrop-filter:blur(20px) saturate(1.7)!important}
#main,.vmain,.vc-items,.pay-items,.sheet,.kb{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#main,.vmain{will-change:scroll-position}
/* rândurile și cardurile din listele lungi: browserul nu le desenează până nu ajung pe ecran */
.mlist>div,.prow,.kc,.vp,.ccart{content-visibility:auto;contain-intrinsic-size:auto 64px}
.vp{contain-intrinsic-size:auto 260px}
/* umbrele grele nu se recalculează la derulare */
.card,.kpi,.wc,.pcard,.ccart{contain:paint}
@media(prefers-reduced-motion:reduce){#main,.vmain{scroll-behavior:auto}}

/* ================= fundalul EXIT: verdele mentă al mărcii, foarte estompat, pe gri-alb ================= */
body::after{background:
 radial-gradient(900px 520px at 6% -8%,rgba(75,227,156,.26),transparent 62%),
 radial-gradient(760px 520px at 104% 4%,rgba(48,176,199,.14),transparent 60%),
 radial-gradient(1000px 700px at 85% 112%,rgba(75,227,156,.18),transparent 60%),
 radial-gradient(700px 500px at -10% 105%,rgba(21,23,28,.05),transparent 60%),
 linear-gradient(180deg,#f3f6f5 0%,#eef2f1 100%)!important}

/* câmpurile de dată și lună: pastile sobre, fără chenarul negru al sistemului */
input[type=date],input[type=month],.datepill{-webkit-appearance:none;appearance:none;border:0!important;outline:0;height:32px;padding:0 12px;border-radius:9px;
 background:rgba(118,118,128,.12)!important;box-shadow:none!important;font:550 13.5px/1 var(--sf);color:#1d1d1f;width:auto}
input[type=date]:focus,input[type=month]:focus{box-shadow:0 0 0 3px rgba(10,143,101,.25)!important}
input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}
.sh{display:flex;align-items:center;gap:12px}.sh .sp{flex:1}

/* vânzările zilei: listă curată */
.sumline{display:flex;gap:32px;padding:4px 2 16px;border-bottom:.5px solid rgba(60,60,67,.18);margin-bottom:4px}
.sumline small{display:block;font-size:12px;color:#5f6473;font-weight:500}.sumline b{font-size:20px;font-weight:600}
.slist{display:flex;flex-direction:column}
.sl{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;gap:16px;align-items:start;padding:12px 4px;border-bottom:.5px solid rgba(60,60,67,.14)}
.sl:last-child{border-bottom:0}.sl.off{opacity:.5}
.sl-id b{display:block;font-size:14px;font-weight:600}.sl-id small{color:#5f6473;font-size:12.5px}
.sl-it{font-size:14px;color:#3c3c43;line-height:1.45}.sl-it .first{font-weight:600;color:#1d1d1f}.sl-meta{font-size:12.5px;color:#5f6473;margin-top:4px}
.sl-sum{text-align:right}.sl-sum b{display:block;font-size:15px;font-weight:600}.sl-sum small{display:block;font-size:12px;color:#5f6473}
.sl-act{display:flex;gap:8px}
.ib{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(118,118,128,.12);color:#3c3c43;transition:background .15s}
.ib:hover{background:rgba(118,118,128,.2)}.ib .i{width:16px;height:16px}.ib.danger{color:#c00015}.ib.danger:hover{background:rgba(215,0,21,.1)}

/* Vânzare: căutarea la mijloc, sub meniu */
.vtop{display:grid!important;grid-template-columns:1fr minmax(0,640px) 1fr;align-items:center;gap:16px}
.vtop h1{margin:0!important}.vtop .vsearch{grid-column:2;width:100%;flex:none}
.vtop>.pillbtn:first-of-type{justify-self:end;grid-column:3;grid-row:1}.vtop>.pillbtn+.pillbtn,.vtop>.pillbtn+span{grid-column:3;grid-row:1}
.vtop .vacts{grid-column:3;justify-self:end;display:flex;gap:8px}

/* Stoc: filtrele într-un singur bloc ordonat */
.filters{display:flex;flex-direction:column;gap:8px;margin:12px 0 16px;padding:12px 12px;border-radius:14px;background:rgba(255,255,255,.6);box-shadow:0 0 0 .5px rgba(0,0,0,.06)}
.filters .chips{padding:0}.filters .chips.sub{margin:0;align-self:flex-start}
.filters .tgl{display:flex;align-items:center;gap:12px;align-self:flex-end;font-size:13.5px;font-weight:550;color:#3c3c43;margin-top:-32px}
.filters .tgl .swt{transform:scale(.85)}

/* salariile: grila umple rândul; cei fără salariu într-un rând scurt */
.paygrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}
.nosal{display:flex;gap:12px;align-items:baseline;margin-top:16px;padding:12px 16px;font-size:14px}.nosal b{white-space:nowrap}.nosal span{color:#3c3c43}

/* conturi: carduri pe toată lățimea, acțiunile într-o bară */
.wallet{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}
.wc.add{min-height:104px!important;border:1.5px dashed rgba(60,60,67,.22)!important;box-shadow:none!important;background:rgba(255,255,255,.35)!important;flex-direction:row;font-size:14px}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
@media(max-width:900px){.vtop{grid-template-columns:1fr!important}.vtop .vsearch,.vtop>.pillbtn,.vtop .vacts{grid-column:1!important;grid-row:auto!important;justify-self:stretch}
 .filters .tgl{margin-top:0;align-self:flex-start}.sl{grid-template-columns:52px minmax(0,1fr) auto}.sl-act{grid-column:2/-1}}
.filters .tgl{margin-top:0!important;align-self:flex-end}
.filters #chips{min-width:0}

/* ================= Vânzare: capul paginii și categoriile, ca în magazinul Apple ================= */
.vtop{display:flex!important;align-items:center;gap:16px;margin:4px 0 2}
.vtop h1{flex:0 0 auto;min-width:150px;font-size:26px!important;letter-spacing:-.02em}
.vtop .vsearch{flex:1 1 auto;max-width:560px;margin:0 auto;height:40px;border-radius:12px;background:rgba(255,255,255,.85);box-shadow:0 0 0 .5px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.04)}
.vtop .vsearch input{font-size:14.5px}
.vtop .vacts{flex:0 0 auto;display:flex;gap:8px;justify-content:flex-end;min-width:150px}
.vtop .pillbtn{height:34px;padding:0 16px;border-radius:9px;font-size:13.5px;font-weight:550;background:#fff;box-shadow:0 0 0 .5px rgba(0,0,0,.14),0 1px 1.5px rgba(0,0,0,.06);white-space:nowrap}
.vtop .pillbtn.warn{color:#8a4b00;background:rgba(255,149,0,.12);box-shadow:none}.vtop .pillbtn.off{opacity:.6}
.vcats{justify-content:center;gap:2!important;padding:16px 0 12px!important;margin:8px 0 4px;border-bottom:.5px solid rgba(60,60,67,.14)}
.vcats button{min-width:0!important;padding:8px 12px 8px!important;gap:8px!important;border-radius:12px!important;font-size:12px!important;font-weight:500!important;color:#3c3c43!important;transition:background .15s,color .15s}
.vcats button:hover{background:rgba(118,118,128,.08)!important}
.vcats .ci{width:46px!important;height:46px!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.vcats .ci img{width:46px!important;height:46px!important;mix-blend-mode:multiply;transition:transform .25s cubic-bezier(.32,.72,0,1)}
.vcats button:hover .ci img{transform:scale(1.06)}
.vcats .ci.all{display:grid;place-items:center}.vcats .ci.all .i{width:28px;height:28px;stroke-width:1.5;color:#5f6473}
.vcats button.on{color:#1d1d1f!important;font-weight:600!important;background:rgba(118,118,128,.1)!important}
.vcats button.on .ci{box-shadow:none!important}.vcats button.on .ci.all .i{color:#1d1d1f}
.vsubs{justify-content:center;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.vsubs button{height:30px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:550;background:rgba(255,255,255,.7);box-shadow:0 0 0 .5px rgba(0,0,0,.1);color:#3c3c43}
.vsubs button.on{background:#1d1d1f;color:#fff;box-shadow:none}.vsubs button small{color:#5f6473;margin-left:2}.vsubs button.on small{color:#c7c7cc}
@media(max-width:1100px){.vtop h1{min-width:0}.vtop .vacts{min-width:0}}
@media(max-width:900px){.vtop{flex-wrap:wrap}.vtop .vsearch{order:3;flex-basis:100%;max-width:none}.vcats{justify-content:flex-start}}
/* titlul paginii Vânzare: sobru, cu ziua dedesubt; căutarea exact la mijloc */
.vtop{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,560px) minmax(0,1fr);gap:24px}
.vtitle{display:flex;flex-direction:column;gap:2;min-width:0}
.vtitle h1{font-size:21px!important;font-weight:650!important;letter-spacing:-.015em;line-height:1.15;margin:0}
.vtitle small{font-size:12.5px;color:#5f6473;font-weight:500}
.vtop .vsearch{margin:0;max-width:none;width:100%}
.vtop .vacts{justify-self:end;min-width:0}
@media(max-width:900px){.vtop{grid-template-columns:1fr auto!important}.vtop .vsearch{grid-column:1/-1;order:3}}
/* Vânzare: titlul centrat deasupra căutării; butoanele în dreapta, pe același rând cu căutarea */
@media(min-width:901px){
 .vtop{grid-template-columns:minmax(0,1fr) minmax(320px,600px) minmax(0,1fr)!important;grid-template-rows:auto auto;row-gap:12px!important}
 .vtitle{grid-column:2;grid-row:1;align-items:center;text-align:center}
 .vtitle h1{font-size:24px!important}
 .vtop .vsearch{grid-column:2;grid-row:2}
 .vtop .vacts{grid-column:3;grid-row:2;align-self:center}
}

/* ================= trade-in: gradul calculat automat; intrarea în stoc: poza culorii ================= */
.gradebig{display:flex;align-items:center;gap:16px;padding:16px 16px;border-radius:16px;background:var(--surface-2)}
.gradebig .gl{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1;min-width:64px;text-align:center;color:#fff;border-radius:14px;padding:12px 0}
.gradebig .gl.g-Ap{background:var(--grade-ap)}.gradebig .gl.g-A{background:var(--grade-a)}.gradebig .gl.g-B{background:var(--grade-b)}
.gradebig .gl.g-C{background:var(--grade-c)}.gradebig .gl.g-D{background:var(--grade-defect)}
.gradebig>div>div{font-weight:600;font-size:14px}.gradebig small{color:var(--muted);font-size:12px}
.greason{margin:12px 0 0;padding-left:16px;font-size:13px;color:var(--ink-soft);line-height:1.5}
.recvrow{grid-template-columns:1fr 132px!important;align-items:end}.recvimg{display:flex;align-items:center;justify-content:center;min-height:90px;width:132px;height:110px;box-sizing:border-box;justify-self:end;border-radius:14px;background:var(--surface-2);padding:8px;text-align:center}
.recvimg img{max-height:94px;max-width:100%;object-fit:contain;border-radius:10px}

/* ================= trade-in pe pași: telefonul → inspecția → clientul și prețul ================= */
.sheet.wide{width:min(1040px,100%)}
.tistep{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 16px}
.tistep button{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:14px;background:var(--surface-2);text-align:left;border:1.5px solid transparent;transition:background .2s,border-color .2s}
.tistep button span{width:28px;height:28px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none;color:var(--ink-soft)}
.tistep button .i{width:14px;height:14px}
.tistep button b{display:block;font-size:14px}.tistep button small{display:block;font-size:12px;color:var(--ink-soft)}
.tistep button.on{border-color:var(--accent);background:var(--accent-soft)}
.tistep button.on span{background:var(--accent);color:var(--accent-ink)}
.tistep button.done span{background:var(--grade-ap);color:#fff}
.tiwrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.timain{min-width:0;display:flex;flex-direction:column;gap:16px}
.tiside{position:sticky;top:12px;display:flex;flex-direction:column;gap:12px}
.tiblock{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 16px}
.tiblock h4{margin:0 0 12px;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tihint{font-size:12.5px;color:var(--ink-soft);margin:-4px 0 12px;font-weight:500}
.tim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px}
.tim{border:1.5px solid var(--border-strong);border-radius:12px;padding:12px 8px;background:var(--surface);text-align:center;transition:border-color .15s,background .15s,transform .1s}
.tim b{font-size:14px}.tim:hover{border-color:var(--accent)}.tim:active{transform:scale(.97)}
.tim.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.tick{display:flex;gap:8px;align-items:center;font-size:14px}
.tiside .calc,.tiside .gradebig{border-radius:16px}
.tiside .calc{flex-direction:column;align-items:flex-start}
.tilines{list-style:none;margin:0;padding:0}
.tilines li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--border);font-size:14px}
.tilines li:last-child{border-bottom:0}.tilines small{display:block;color:var(--ink-soft);font-size:12px;margin-top:2}
.tifoot{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 0 2;background:var(--surface);border-top:1px solid var(--border)}
.tifoot-r{display:flex;gap:8px}
@media(max-width:900px){
  .tiwrap{grid-template-columns:1fr}
  .tiside{position:static}
  .tistep{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 12px}
  .tistep button{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 12px}
  .tistep button div{display:block}
  .tistep button b{font-size:12.5px;line-height:1.2}
  .tistep button small{display:none}
  .tistep button span{width:24px;height:24px;font-size:12px}
  .tifoot{flex-direction:column-reverse;align-items:stretch;gap:8px}
  .tifoot-r{width:100%}.tifoot-r .btn{flex:1}
  .tifoot>.btn{width:100%}
}

/* ================= tokeni pentru fișa de trade-in și intrarea în stoc (lipseau: chenarele nu se vedeau) ================= */
:root{
  --surface:#ffffff; --surface-2:rgba(118,118,128,.08); --surface-3:rgba(118,118,128,.16);
  --border:rgba(17,18,20,.08); --border-strong:rgba(17,18,20,.18);
  --ink:#111214; --ink-soft:#4a5160; --ink-faint:#8a8f9a;
  --accent-soft:rgba(61,220,151,.16); --danger:#c4262b; --danger-soft:rgba(229,72,77,.12);
  --grade-ap:#067350; --grade-a:#2fa36b; --grade-b:#c28a1e; --grade-c:#d2692a; --grade-defect:#6e737c;
}

/* ================= eticheta de stare pe poza telefonului: sigilat / desigilat / folosit ================= */
.vp{position:relative}
.ticket{position:absolute;top:10px;left:10px;display:flex;gap:4px;flex-wrap:wrap;z-index:2;pointer-events:none}
.ticket i{font-style:normal;font-size:12px;font-weight:800;letter-spacing:.02em;padding:4px 8px;border-radius:999px;color:#fff;box-shadow:0 4px 10px -4px rgba(0,0,0,.35)}
.ticket .t-nou{background:#067350}.ticket .t-desigilat{background:#d2692a}.ticket .t-folosit{background:#6e737c}

/* ================= telefon de împrumut în fișa de service ================= */
.loanbox{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px 16px;border-radius:14px;background:var(--surface-2);border:1.5px dashed var(--border-strong)}
.loanbox.on{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}
.loanbox .i{width:20px;height:20px;flex:none;color:var(--accent-t)}
.loanbox>div{flex:1;min-width:0}.loanbox b{display:block;font-size:14px}.loanbox small{color:var(--ink-soft);font-size:12.5px}

/* ================= coșul: foaie albă aproape opacă, butoane de mărime normală ================= */
@media(min-width:901px){#main.flush .vcart{width:420px!important}}
.vcart{background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:blur(24px) saturate(1.6)!important;backdrop-filter:blur(24px) saturate(1.6)!important;
 box-shadow:0 30px 70px -28px rgba(0,0,0,.4),0 0 0 .5px rgba(0,0,0,.1)!important}
.vc-top{padding:16px 16px 12px!important;gap:12px!important}
.vc-h{gap:12px!important}.vc-h>b{font-size:20px!important;font-weight:650}.vc-h .cnt{min-width:26px;height:24px;border-radius:8px;background:rgba(118,118,128,.14);display:grid;place-items:center;font-size:13px;font-weight:600}
.vc-ib{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(118,118,128,.12);color:#1d1d1f;transition:background .15s}
.vc-ib:hover{background:rgba(118,118,128,.2)}.vc-ib .i{width:18px;height:18px}
.vc-close{border-radius:50%}
.vc-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vc-acts button{height:36px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:rgba(118,118,128,.1);font-size:13.5px;font-weight:550;color:#1d1d1f;transition:background .15s}
.vc-acts button:hover:not(:disabled){background:rgba(118,118,128,.18)}.vc-acts button:disabled{opacity:.4;cursor:default}
.vc-acts .i{width:16px;height:16px}.vc-acts .vc-n{min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#067350;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.vcart .inp{background:#f2f2f5!important;border:0!important;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08)!important;height:40px;border-radius:10px}
.vcart .vc-note{background:#f2f7f4!important}
.vc-x,.ghost.park{display:none!important}
.mecab.on{background:rgba(10,143,101,.12);color:#067350}
#mebox{display:flex!important;align-items:center;gap:2}
.mebtn.mecab.on{background:rgba(10,143,101,.12)!important}.mebtn.mecab.on .mename{color:#0a6b45}
.mechev{width:26px;height:36px;border-radius:8px;display:grid;place-items:center;color:#5f6473;transition:background .15s}
.mechev:hover{background:rgba(118,118,128,.12)}.mechev .i{width:15px;height:15px;transform:rotate(90deg)}

/* ================= cabinetul personal ================= */
.me2{display:flex;flex-direction:column;gap:16px}
.me-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:24px 24px;border-radius:22px;background:#fff;box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 8px 24px -16px rgba(0,0,0,.25)}
.me-who{display:flex;align-items:center;gap:16px}.me-who h1{font-size:26px;margin:0;letter-spacing:-.02em}.me-who p{margin:2 0 0;color:#5f6473;font-size:14px}
.av.xl{width:64px;height:64px;font-size:22px}
.me-due{min-width:260px;text-align:right}.me-due small{display:block;font-size:12.5px;font-weight:600;color:#067350}.me-due b{display:block;font-size:36px;font-weight:650;letter-spacing:-.03em;line-height:1.1}
.me-due span{font-size:13px;color:#5f6473}.me-bar{height:6px;border-radius:99px;background:rgba(118,118,128,.14);margin-top:8px;overflow:hidden}.me-bar i{display:block;height:100%;border-radius:99px;background:#067350;transition:width .8s var(--ease)}
.me-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mt-tile{display:flex;align-items:center;gap:16px;padding:16px 16px;border-radius:18px;background:#fff;box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.05)}
.mt-tile small{display:block;font-size:12.5px;font-weight:600;color:#5f6473}.mt-tile b{display:block;font-size:22px;font-weight:650;letter-spacing:-.02em}.mt-tile span{font-size:12.5px;color:#5f6473}
.mt-ring{flex:none}
.me-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}
.me-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-top:.5px solid rgba(60,60,67,.14);font-size:14.5px}.me-rows>div:first-child{border-top:0}
.me-rows span small{display:block;font-size:12px;color:#5f6473;margin-top:1}.me-rows .tot{font-weight:650}.me-rows .tot b{font-size:17px}
.me-p{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0;border-top:.5px solid rgba(60,60,67,.1)}
.me-pi{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(10,143,101,.1);color:#067350}.me-pi .i{width:17px;height:17px}
.me-p b{font-size:14.5px;font-weight:600}.me-p small{display:block;font-size:12.5px;color:#5f6473}
@media(max-width:900px){.me-tiles,.me-grid{grid-template-columns:1fr}.me-due{text-align:left;min-width:0}}

/* ================= carduri: două coloane, fără să se întindă cardurile mai scurte ================= */
.mas,.me-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.mas>.card,.me-grid>.card{margin:0}
@media(max-width:900px){.mas,.me-grid{grid-template-columns:minmax(0,1fr)}}

/* ================= intrare produs din liste (cascadă) ================= */
.ix{display:flex;flex-direction:column;gap:12px}
.ix-name{position:sticky;top:-24px;z-index:3;padding:12px 16px;border-radius:16px;background:#f6fbf8;box-shadow:inset 0 0 0 1px rgba(10,143,101,.18)}
.ix-name small{display:block;font-size:12px;font-weight:600;color:#067350}.ix-name b{display:block;font-size:17px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.ix-s{padding:12px 16px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.ix-h{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ix-h b{font-size:15px}
.ix-n{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--soft);color:var(--muted)}
.ix-s.done .ix-n{background:#067350;color:#fff}
.ix-cs{display:flex;flex-wrap:wrap;gap:8px}
.ix-c{min-height:44px;min-width:44px;padding:0 16px;border-radius:12px;background:var(--soft);font-size:15px;font-weight:600;color:var(--text);border:2px solid transparent;transition:background .15s,border-color .15s,transform .12s}
.ix-c:hover{background:var(--soft2)}.ix-c:active{transform:scale(.97)}
.ix-c.on{background:#e8f8f1;border-color:#067350;color:#076b4c}
.ix-c:disabled{opacity:.45;cursor:not-allowed}.ix-c.on:disabled{opacity:1}
.ix-c:focus-visible,.ix-list button:focus-visible{outline:3px solid rgba(10,143,101,.45);outline-offset:2px}
.ix-fixed{min-height:44px;display:flex;align-items:center;padding:0 16px;border-radius:12px;background:var(--soft);font-weight:600}
.ix-find{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.ix-find.sm{min-height:44px;margin-bottom:8px}.ix-find .i{width:18px;height:18px;color:var(--muted);flex:none}
.ix-find input{flex:1;min-width:0;border:0;background:none;font-size:16px;outline:0;height:44px}
.ix-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:12px}
.ix-list button{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 16px;border-radius:12px;background:var(--soft);text-align:left;font-size:15px}
.ix-list button:hover{background:#e8f8f1}.ix-list button b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-list button small{color:var(--muted);flex:none}
.ix-pick{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 8px 0 16px;border-radius:12px;background:#e8f8f1}.ix-pick b{flex:1;min-width:0}.ix-pick small{color:var(--muted)}
.ix-ids{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.ix-id{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px}
.ix-id .ix-i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--soft);font-size:13px;font-weight:700;color:var(--muted)}
.ix-id input{height:48px;border-radius:12px;padding:0 12px;font-size:17px;font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:.04em;background:var(--soft);border:2px solid transparent;width:100%}
.ix-id input:focus{border-color:#067350;outline:0;background:#fff}
.ix-id small{grid-column:2/4;font-size:12.5px;color:var(--muted);min-height:0}
.ix-id.ok input{border-color:rgba(10,143,101,.55)}.ix-id.bad input{border-color:var(--red)}.ix-id.bad small{color:var(--red)}.ix-id.warn input{border-color:var(--orange)}.ix-id.warn small{color:#8a4b00}
.ix-x{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--muted)}.ix-x:hover{background:var(--soft)}.ix-x .i{width:18px;height:18px}
.ix-foot{position:sticky;bottom:-24px;background:linear-gradient(transparent,#fff 30%);padding-top:16px;padding-bottom:8px;z-index:3}
.ix-foot .btn{min-height:44px}
input.locked{background:var(--soft2);color:var(--muted);cursor:not-allowed}
.fcol{display:flex;flex-direction:column;gap:12px}
.linkb{color:#067350;font-weight:600;text-decoration:underline;padding:0 2}
.tw{overflow-x:auto}.wrapc{max-width:260px;white-space:normal;line-height:1.4}
@media(max-width:760px){.ix-s{padding:12px}.ix-c{flex:1 1 auto}.ix-name b{font-size:16px}}
.ix,.ix-s{text-align:left}
.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}

/* ================= audit UI (2026-10-21): reguli comune pentru tot CRM-ul ================= */
/* bara de sus pe telefon: logoul, departamentele și contul încap fără să se calce */
.top .tl{padding-left:0}.top .tl:before{display:none}
@media(max-width:520px){
 .top{grid-template-columns:auto minmax(0,1fr) auto!important;gap:4px!important;padding:8px 8px 8px 12px!important}
 .top .tlogo{height:16px!important}.dsw{justify-self:center!important;min-width:0}.dsb{padding:0 12px!important}
 .tr{gap:0!important}.mechev{width:24px}
}
/* grupurile de butoane: se rup pe rânduri în loc să iasă din ecran; în același grup, aceeași lățime */
.btns{flex-wrap:wrap}.btns>.btn{flex:1 1 0;min-width:max-content}
/* câmpurile și butoanele: aceeași înălțime, ținte de atingere de cel puțin 44 px */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select{min-height:44px}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.sm{min-height:36px}
.btn .i,.ix-c .i{flex:none;align-self:center}
label.f{text-align:left}
/* elementul activ se vede la tastatură */
:focus-visible{outline:3px solid rgba(6,115,80,.45);outline-offset:2px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0}
/* tabelele: capul rămâne sus la derulare, sumele nu se rup */
.t thead th{position:sticky;top:0;z-index:2;background:var(--card,#fff)}
.n,td.r,.t td.n{white-space:nowrap}
.tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}
.chip,.imei{overflow-wrap:anywhere}
/* cardurile de pe același rând au aceeași înălțime */
.kpis,.me-tiles,.me-grid,.mas,.grid2,.grid3{align-items:stretch}
.me-grid>.card,.mas>.card{height:100%}
/* eroarea apare și în fereastră, lângă butoane */
.formerr{padding:12px 16px;border-radius:12px;background:#fdecec;color:#a1151a;font-size:14px;font-weight:600;line-height:1.4}
/* încărcarea: schelet */
.skel{display:flex;flex-direction:column;gap:12px;padding:16px 0}
.skel i{display:block;height:48px;border-radius:16px;background:linear-gradient(90deg,rgba(118,118,128,.10) 0%,rgba(118,118,128,.18) 50%,rgba(118,118,128,.10) 100%);background-size:200% 100%;animation:skel 1.2s ease-in-out infinite}
.skel i:nth-child(1){height:64px;width:60%}.skel i:nth-child(4){width:80%}
@keyframes skel{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.skel i{animation:none}}
.kc-f b{white-space:nowrap;flex:none}
/* contrast AA: avatarele, insignele și cardurile de casă cu text alb */
.av{background:linear-gradient(180deg,#7c7f88,#4a4e5a)!important;color:#fff}
.wst{background:rgba(255,255,255,.14)!important}
.btnw{background:rgba(0,0,0,.18)!important}.btnw:hover{background:rgba(0,0,0,.26)!important}
.ticket .t-desigilat,i.t-desigilat{background:#a4470f!important;color:#fff}
.btn.sm.red,.btn.red{color:#a1151a}
.txt-warn{color:#b25000}
:root{--green:#166b2e}
.bdg{background:#d70015!important;color:#fff}
/* telefonul: sumele mari încap, rândurile lungi se rup frumos */
@media(max-width:520px){.kpi b{font-size:20px!important}.wc .am{font-size:20px!important}}
.urow{min-width:0;flex-wrap:wrap}.urow>span{min-width:0;overflow-wrap:anywhere}
.dn small{white-space:normal}
label.f{min-width:0}label.f select,label.f input{max-width:100%;min-width:0}
.top .tl{min-width:0}.tlhome{max-width:100%;display:flex;align-items:center}.tlhome .tlogo{max-width:100%}
/* coșul deschis pe ecran mare: pagina se îngustează, nu rămâne nimic acoperit */
@media(min-width:1200px){.vit:has(#bill.vcart.open) .vmain{padding-right:452px;transition:padding .25s var(--ease)}}
.c-service{background:linear-gradient(140deg,#d9771f,#8f4000)!important}
:root{--red:#b3161c}
.drow .dn{min-width:0}.grid2>*,.grid3>*{min-width:0}
@media(max-width:420px){.kpis{grid-template-columns:1fr!important}}
.top .tlhome{margin-left:0!important;padding-left:0!important}
/* rândurile cu nume + sumă + butoane: pe telefon numele ia tot rândul, suma și butoanele sub el (nu se mai strâng literele pe verticală) */
@media(max-width:700px){
 .drow{grid-template-columns:minmax(0,1fr) auto!important}.drow .dn{grid-column:1/-1}.drow .pb{justify-self:end}
}
.wc .wst{background:rgba(0,0,0,.22)!important;color:#fff}
.calc b{white-space:normal;overflow-wrap:anywhere}
/* tabelele pe telefon: prima coloană (numele) are loc; tabelul se derulează în card, nu pagina */
@media(max-width:700px){
 .card:has(>table.t),.card:has(>.tw){overflow-x:auto;-webkit-overflow-scrolling:touch}
 .t td:first-child,.t th:first-child{min-width:168px}
 .rsteps{flex-wrap:wrap}.rsteps button{flex:1 1 40%}
}
/* cu coșul deschis pe ecran mare, căutarea trece pe un rând întreg sub titlu */
@media(min-width:1200px){.vit:has(#bill.vcart.open) .vtop{grid-template-columns:minmax(0,1fr) auto!important}
 .vit:has(#bill.vcart.open) .vtop .vsearch{grid-column:1/-1!important;grid-row:3!important}.vit:has(#bill.vcart.open) .vtop .vacts{grid-column:1/-1!important;grid-row:2!important;justify-self:center}}
@media(max-width:420px){.kpis{flex-wrap:wrap}.kpis>.kpi{flex:1 1 100%!important;max-width:none!important}}
@media(max-width:700px){.rsteps{grid-template-columns:repeat(2,1fr)!important}.t td>b:not(.n){display:inline-block;min-width:132px}}
/* legăturile (telefoane, acte): culoarea mărcii, nu mov-ul implicit */
a:not(.btn){color:#067350}
/* tabelele pe telefon: coloane cu lățime minimă, tabelul se derulează în card (nu se mai strâng textele pe verticală) */
@media(max-width:700px){.t th,.t td{min-width:120px}.t td:first-child,.t th:first-child{min-width:132px}.t td.r,.t th.r{min-width:96px}.t td:last-child:empty{min-width:0}}
@media(max-width:700px){.t td:has(.sthumb){min-width:224px}}
.vcats{justify-content:safe center!important}.vit:has(#bill.vcart.open) .vcats{justify-content:flex-start!important}
/* ================= sortare și filtre (tables.js) ================= */
[hidden]{display:none!important}
.t th.sortable{cursor:pointer;user-select:none;white-space:nowrap}
.t th.sortable:hover{color:var(--text)}
.t th.sortable::after{content:'↕';margin-left:4px;font-size:12px;opacity:.35}
.t th.sortable.asc::after{content:'↑';opacity:1;color:#067350}.t th.sortable.desc::after{content:'↓';opacity:1;color:#067350}
.tfbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.tfq{flex:1 1 220px;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:12px;background:var(--soft);min-width:0}
.tfq .i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;color:var(--muted)}
.tfq input{flex:1;min-width:0;border:0;background:none;outline:0;font-size:15px;min-height:40px}
.tfs{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 4px 0 12px;border-radius:12px;background:var(--soft);font-size:13px;font-weight:600;color:var(--muted)}
.tfs select{border:0;background:none;font-size:14px;font-weight:600;color:var(--text);min-height:40px;max-width:180px;outline:0}
.tfn{font-size:13px;color:var(--muted);margin-left:auto;white-space:nowrap}
.kb+.tfbar,.tfbar+.kb{margin-top:0}
@media(max-width:520px){.tfs{flex:1 1 calc(50% - 8px)}.tfs select{max-width:none;flex:1}.tfn{margin-left:0}}
/* ================= detalii la cifre (drill.js) ================= */
.drillable{cursor:pointer;position:relative;transition:box-shadow .15s,background .15s,transform .12s}
.kpi.drillable:hover,.glass-card .drillable:hover{box-shadow:0 0 0 2px rgba(6,115,80,.35),var(--shadow)}
.kpi.drillable::after{content:'›';position:absolute;top:12px;right:16px;font-size:20px;line-height:1;color:var(--muted)}
.kpi.drillable:active,.mrow.drillable:active{transform:scale(.98)}
.mrow.drillable:hover,.drow2.drillable:hover{background:rgba(6,115,80,.06);border-radius:8px}
.drill{display:flex;flex-direction:column;gap:12px}
.drill-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.drill-top .btn{margin-left:auto}
.drill .t tr.neg td{color:#a1151a}.drill .t td.loss{color:#a1151a}
.drill-sum{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px;border-radius:12px;background:var(--soft);font-weight:700}.drill-sum b{font-size:20px}
.drill-check{padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600}.drill-check.ok{background:#e7f7ed;color:#166b2e}.drill-check.bad{background:#fdecec;color:#a1151a}
/* detaliile pe telefon: fiecare tranzacție e un cartonaș (data sus, suma în dreapta), nu un tabel strâmt */
@media(max-width:700px){
 .drill .tw{overflow:visible}.drill .t,.drill .t tbody{display:block}.drill .t thead{display:none}
 .drill .t tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 0;border-top:1px solid var(--line)}
 .drill .t td{display:block;min-width:0!important;padding:0!important;border:0!important;grid-column:1;overflow-wrap:anywhere}
 .drill .t td:first-child{font-size:12px;color:var(--muted)}.drill .t td:nth-child(2){font-weight:600}
 .drill .t td:last-child{grid-column:2;grid-row:1 / span 3;align-self:center;text-align:right;font-weight:700}
 .drill .t tr.tfnone{display:block}
}
/* ================= audit final: ținte de atingere și distanțe între butoane ================= */
td>.btn+.btn,td>.lnk+.btn,td>.btn+.lnk,td>.lnk+.lnk{margin-left:8px}
button.lnk{display:inline-flex;align-items:center;min-height:28px;padding:0 4px}
.mechev{width:32px!important}
.sh .x{min-width:36px;min-height:36px}
.drow2.drillable{padding:4px 8px!important;margin-left:-8px;margin-right:-8px}
@media(max-width:700px){
 .btn,.btn.sm,.pillbtn,.chips button,.seg button,.rsteps button,.vc-acts button,.vc-ib,.mechev,.bell,.sh .x,.cdel,select,button.lnk,.ix-x,.tck{min-height:40px!important}
 .btn.sm,.vc-ib,.mechev,.bell,.sh .x,.cdel,.ix-x{min-width:40px!important}
 .chips.sub button{min-height:40px!important}
 .cal .cd{min-height:44px}
}
.svl{grid-template-columns:minmax(0,1fr) 110px 40px}
.wst.btnw{min-height:32px;display:inline-flex;align-items:center}
.task .tck{min-width:32px;min-height:32px}
.sprm>button{min-height:40px}
@media(max-width:700px){
 .top .bell,.top .mechev{min-width:36px!important;min-height:36px!important}
 .btn{min-width:40px}.wst.btnw{min-height:40px}.task .tck{min-width:40px;min-height:40px}.sprm>button{min-height:44px}
 td .btn,td .lnk{margin-top:4px;margin-bottom:4px}
}
@media(max-width:520px){.top .mechev{display:none!important}}
td>.btn,td>.lnk{margin-top:2px;margin-bottom:2px}
.cdel{min-width:32px;min-height:32px}
@media(max-width:700px){.ib,.sl-act button{min-width:40px!important;min-height:40px!important}}
.cc-f{flex-wrap:wrap;gap:8px}.cc-f .btn{margin-left:auto}
/* filtrele magazinului: pe ecran mare mereu deschise; pe telefon strânse într-un buton „Filtre” */
.sftoggle{display:none}
@media(max-width:700px){.sftoggle{display:inline-flex;margin-bottom:12px}.sftoggle.on{background:#e8f8f1;color:#076b4c}.sfpanel{display:none}.sfpanel.open{display:block}}
/* telefon și tabletă: coșul deschis încape în ecran */
@media(max-width:900px){.vcart,.vcart.open,#bill{width:auto!important;max-width:calc(100vw - 16px)!important;box-sizing:border-box}
 .vcart.open{left:8px!important;right:8px!important}}
@media(max-width:900px){.pay-wrap{grid-template-columns:minmax(0,1fr)!important}.pay-l,.pay-r,.pay-items,.pay-client{min-width:0}
 .pay-client{grid-template-columns:minmax(0,1fr)!important;display:grid;gap:8px}.pay-client input{min-width:0;width:100%}
 .methods{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* nimic nu lărgește pagina: fundalul EXIT și strălucirea barelor de sticlă rămân în lățimea ecranului */
html,body{overflow-x:clip;max-width:100%}
body::after{max-width:100vw}
.top::before,.bnav::before,.snav::before,.glass::before{width:auto!important;max-width:100%}
/* titlurile ferestrelor: un cuvânt foarte lung se rupe, butonul ✕ rămâne mereu în fereastră */
.sh{min-width:0}.sh>div,.sh h3{min-width:0;overflow-wrap:anywhere}.sh .x{flex:none}
.sh{flex-wrap:wrap}.sh>h3,.sh>div:first-child{flex:1 1 160px}
.casetop,.ct-l{min-width:0}
@media(max-width:900px){.casetop{display:grid;grid-template-columns:minmax(0,1fr)!important}.ct-l>*{min-width:0;max-width:100%}.daycard .btns{flex-wrap:wrap}}
@media(max-width:700px){.rp{grid-template-columns:minmax(0,1fr)!important;display:grid}.rp-r{border-left:0!important;padding-left:0!important}.rp-l .btns>.btn{min-width:0;flex:1 1 calc(50% - 8px);white-space:normal}}
.sheet .sh>h3{flex:1 1 160px}
/* cronologia din fișa de reparație: rânduri sub rânduri (nu se aplică regula barei de sus) */
.rp-r .tl{display:block!important;min-width:0}
@media(max-width:700px){.btns>.btn{min-width:0;white-space:normal;text-align:center}}
.casetop .ct-l{grid-template-columns:minmax(0,1fr)}.daycard{min-width:0}.daycard>*{min-width:0}
.casetop .ct-l{grid-template-columns:minmax(0,1fr)!important;grid-auto-columns:minmax(0,1fr)}.casetop .ct-l>.daycard{width:auto;max-width:100%}
/* listele care se derulează pe orizontală (tabloul Service, tabelele late, categoriile) nu mai blochează derularea paginii în sus / jos */
.kb,.tw,.vcats,.chips,.card{overscroll-behavior-y:auto!important;overscroll-behavior-x:contain}
/* comutatorul temei (meniul contului și „Mai mult”) */
.mtheme{padding:8px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:4px}.mtheme small{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}
.themesw{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:rgba(118,118,128,.12)}
.themesw button{min-height:36px;border-radius:9px;font-size:13px;font-weight:600;color:var(--text);padding:0 8px;white-space:nowrap}
.themesw button.on{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.more-theme{grid-column:1/-1;border-bottom:0;padding:0 0 8px}
@media(max-width:700px){.themesw button{min-height:40px}}
.themebtn{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;color:#3c3c43;flex:none;transition:background .15s}
.themebtn:hover{background:rgba(118,118,128,.14)}.themebtn .i{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
@media(max-width:520px){.themebtn{display:none}}
/* bara de sus: meniul contului și notificările ies din ea — nu se taie */
.top{contain:none!important}
#mebox .menu{background:#fafafc!important}
.flow{font-size:13px;font-weight:600;margin-top:2px}.flow.in{color:#166b2e}.flow.out{color:#a1151a}
/* ================= confirmare, mesaje la câmpuri, filtre egale, spații ================= */
.ask{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:16px;background:rgba(0,0,0,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ask.on{display:grid;animation:fadeIn .15s}
.ask-box{width:min(420px,100%);padding:24px;border-radius:20px;background:#fff;box-shadow:0 24px 60px -20px rgba(0,0,0,.45)}
.ask-box p{font-size:16px;font-weight:600;line-height:1.45;margin:0 0 24px}
.ask-box .btns{margin:0}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
input.bad,select.bad,textarea.bad{box-shadow:inset 0 0 0 2px #c4262b!important}
.ferr{display:block;margin-top:4px;font-size:12.5px;font-weight:600;color:#a1151a}
/* filtrele: toate la fel de mari; lista nu-și schimbă lățimea și săgeata stă pe loc */
.sfbar,.tfbar{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;align-items:stretch}
.tfbar .tfq{grid-column:span 2}
.tfs{position:relative;min-width:0;height:44px;min-height:44px;padding:0 0 0 12px!important}
.tfs span{flex:none}
.tfs select{flex:1;min-width:0;width:100%;max-width:none!important;height:44px;min-height:44px!important;padding:0 32px 0 4px;-webkit-appearance:none;appearance:none;background:transparent;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.tfs::after{content:'';position:absolute;right:14px;top:50%;width:7px;height:7px;margin-top:-6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);pointer-events:none}
.tfs .tfin{flex:1;min-width:0;width:100%;border:0;background:none;height:44px;font-weight:600;font-size:14px;outline:0;padding:0 8px}
.sfbar>.btn,.tfbar>.tfn{align-self:center}
@media(max-width:520px){.sfbar,.tfbar{grid-template-columns:1fr 1fr}.tfbar .tfq{grid-column:1/-1}}
/* titlul secțiunii („În stoc acum”) are aer față de produse */
.vhead{margin:24px 0 16px!important}
.card>h2{margin-bottom:16px}
.cc-act{display:flex;align-items:center;gap:12px;flex:none}
/* casa „Card”: card închis la culoare, textul alb se citește */
.c-card{background:linear-gradient(160deg,#3b4a63,#232c3d)!important;color:#fff}
/* text foarte lung fără spații (nume, note, IMEI lipite): se rupe, nu lărgește fereastra */
.sheet,.rp,.urow,.flow,.card .muted,.kc,.ccart,.drill{overflow-wrap:anywhere}
.t td{overflow-wrap:break-word;max-width:420px}
.noaccess{padding:48px 16px;line-height:1.6}
/* telefon: bara coșului și meniul de jos nu acoperă ultimele produse și butoanele coșului */
@media(max-width:900px){.vit .vmain,.vit #bill{padding-bottom:140px}}
/* intrare marfă: bateria fiecărui dispozitiv desigilat, lângă IMEI */
.ix-id{grid-template-columns:32px minmax(0,1fr) auto auto}
.ix-id small{grid-column:2/-1}
.ix-id input.ix-bat{width:120px;letter-spacing:0;border-color:transparent}
.ix-id input.ix-bat:focus{border-color:#067350}
.ix-id input.ix-bat.bad{border-color:var(--red)}
@media(max-width:760px){.ix-id input.ix-bat{width:96px}}
/* intrare marfă: a doua bucată și următoarele au culoarea, memoria și prețurile lor */
.ix-var{grid-column:2/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;padding:4px 0 8px}
.ix-var select,.ix-var input{height:40px;border-radius:10px;padding:0 10px;font-size:15px;background:var(--soft);border:2px solid transparent;width:100%;letter-spacing:0}
.ix-var select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:28px}
.ix-var select:focus,.ix-var input:focus{border-color:#067350;outline:0}
.ix-pr{position:relative;display:block}
.ix-pr span{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--muted);pointer-events:none}
.ix-pr input{padding-left:72px;font-family:var(--num);font-variant-numeric:tabular-nums}
.ix-id .ix-var input,.ix-id .ix-var select{border-color:transparent}
.ix-id .ix-var input:focus,.ix-id .ix-var select:focus{border-color:#067350}
.ix-var1{grid-column:2/-1;font-size:13.5px;padding:2px 2px 8px;color:var(--text)}
/* intrarea accesoriilor */
.ax-fs{display:flex;flex-direction:column;gap:14px}
.ax-fs .f{display:flex;flex-direction:column;gap:6px}
.lbl2{font-size:13px;font-weight:600;color:var(--muted)}
.ax-other{height:40px;border-radius:999px;padding:0 14px;background:var(--soft);border:2px solid transparent;font-size:14px;min-width:140px;max-width:200px}
.ax-other:focus{border-color:#067350;outline:0;background:#fff}
.ax-grp{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.ax-grp small{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.ax-tags{display:flex;flex-wrap:wrap;gap:6px}
.ax-tag{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 4px 0 12px;border-radius:999px;background:rgba(10,143,101,.12);color:#067350;font-weight:600;font-size:14px}
.ax-tag button{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;color:inherit}.ax-tag button:hover{background:rgba(10,143,101,.18)}.ax-tag .i{width:14px;height:14px}
.ax-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) auto;gap:10px;align-items:end;margin-bottom:10px}
.ax-row .ix-x{align-self:end}
.ax-done{display:flex;flex-direction:column;gap:8px;text-align:left;margin:12px 0}
.ax-done>div{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:10px 12px;border-radius:12px;background:var(--soft)}
.ax-done span{color:var(--muted);font-size:14px}.ax-done small{color:#067350;font-weight:600}
.ax-kind{display:flex;flex-direction:column;gap:12px}
.ax-kind .chk{display:flex;gap:10px;align-items:center;font-size:15px;min-height:36px}
/* filtrele de la vânzare: pastile albe, clare; filtrul pus se colorează */
.sfbar2{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}
.sfc{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 0 0 14px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.12);
  box-shadow:0 1px 2px rgba(0,0,0,.04);font-size:13px;color:var(--muted);transition:border-color .15s,background .15s}
.sfc:hover{border-color:rgba(0,0,0,.25)}
.sfc>span{font-weight:500;white-space:nowrap}
.sfc select{-webkit-appearance:none;appearance:none;border:0;background:transparent;height:38px;padding:0 34px 0 0;font-size:14px;font-weight:650;color:var(--text);outline:0;cursor:pointer;max-width:200px}
.sfc:not(.sfp)::after{content:'';position:absolute;right:15px;top:50%;width:6px;height:6px;margin-top:-5px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);pointer-events:none;color:var(--muted)}
.sfc.on{background:rgba(10,143,101,.09);border-color:rgba(10,143,101,.6);color:#067350}
.sfc.on select,.sfc.on::after{color:#067350}
.sfc:focus-within{border-color:#0a8f65;box-shadow:0 0 0 3px rgba(10,143,101,.15)}
.sfp{padding-right:14px}
.sfp input{border:0;background:transparent;width:72px;height:38px;font-size:14px;font-weight:650;color:var(--text);outline:0;font-family:var(--num);font-variant-numeric:tabular-nums;text-align:center}
.sfp input::placeholder{font-weight:500;color:var(--muted)}
.sfp i{font-style:normal;color:var(--muted)}.sfp em{font-style:normal;font-size:13px}
.sfx{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted)}
.sfx:hover{background:var(--soft);color:var(--text)}.sfx .i{width:14px;height:14px}
@media(max-width:520px){.sfc{flex:1 1 calc(50% - 8px)}.sfc select{flex:1;max-width:none}.sfp{flex-basis:100%}.sfp input{flex:1}}
/* intrarea: bara de jos cu butoanele, în aceeași culoare ca fereastra */
.ix-foot{background:rgba(247,247,248,.94)!important;margin:16px -24px -24px!important;padding:14px 24px 18px!important;border-top:1px solid rgba(0,0,0,.08);bottom:-24px!important;
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
/* poze la intrare */
.ix-photos{display:flex;flex-direction:column;gap:8px}
.ix-ph{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:8px;border-radius:14px;background:var(--soft)}
.ix-ph img,.ix-ph0{width:56px;height:56px;border-radius:10px;object-fit:contain;background:#fff;display:grid;place-items:center;color:var(--muted)}
.ix-ph small{display:block;font-size:12.5px;color:var(--muted)}.ix-ph.miss small{color:#a15c00}
.ax-ph{width:56px;height:48px;border-radius:12px;border:1.5px dashed rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;color:var(--muted);overflow:hidden;align-self:end;background:#fff}
.ax-ph .i{width:16px;height:16px}.ax-ph.has{border-style:solid;padding:0}.ax-ph img{width:100%;height:100%;object-fit:cover}
.ax-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr)) 56px auto}
.ix-batw{position:relative;display:block;width:150px}
.ix-batw span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--muted);pointer-events:none}
.ix-batw em{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-weight:600;color:var(--muted);pointer-events:none}
.ix-id .ix-batw input.ix-bat{width:150px;padding:0 30px 0 70px;text-align:right}
@media(max-width:760px){.ix-batw,.ix-id .ix-batw input.ix-bat{width:130px}}
/* spațiere: în pașii de intrare fiecare bloc are aer față de cel de deasupra (câmp → butoane → total) */
.ix-s>*+*{margin-top:12px}
.ix-s>.ix-h+*{margin-top:0}
.hint+.tfbar,.hint+.sfbar2,.hint+.grid2,.hint+.grid3,.hint+form{margin-top:12px}
.tbl td:has(>input),.tbl td:has(>.f){vertical-align:middle}
table td{vertical-align:middle}
/* fereastra telefonului: poză, detalii, fiecare bucată pe cardul ei */
.u-head{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;margin-bottom:18px}
.u-head img,.u-noimg{width:120px;height:120px;border-radius:18px;object-fit:contain;background:#f4f4f6;display:grid;place-items:center;color:var(--muted)}
.u-noimg .i{width:36px;height:36px}
.u-head h3{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}
.u-head p{margin:8px 0 0;font-size:13.5px;color:var(--muted)}
.u-facts{display:flex;flex-wrap:wrap;gap:6px}.u-facts span{padding:4px 10px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:600}
.u-head .x{align-self:start}
.u-list{display:flex;flex-direction:column;gap:12px}
.u-card{padding:16px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:12px}
.u-top{display:flex;align-items:center;gap:8px}
.u-cond,.u-src{font-style:normal;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;color:#fff;background:#067350}
.u-cond.t-desigilat{background:#a4470f}.u-cond.t-folosit{background:#6e737c}.u-src{background:rgba(10,143,101,.12);color:#067350}
.u-price{margin-left:auto;font-size:22px;font-weight:700;font-family:var(--num);font-variant-numeric:tabular-nums}
.u-bat{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:13px;color:var(--muted)}
.u-bat i{height:8px;border-radius:999px;background:var(--soft);overflow:hidden}.u-bat i b{display:block;height:100%;border-radius:999px;background:#0a8f65}
.u-bat.mid i b{background:#d98a00}.u-bat.low i b{background:#d70015}
.u-bat strong{font-family:var(--num);font-size:15px;color:var(--text)}
.u-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--muted)}
.u-meta code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;color:var(--text);letter-spacing:.02em}
.u-note{font-size:13px;padding:8px 12px;border-radius:10px;background:var(--soft)}
.u-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:4px;border-top:1px solid rgba(0,0,0,.06)}
.u-acts>span{flex:1}.u-acts .btn{min-height:42px;padding:0 18px}
@media(max-width:600px){.u-head{grid-template-columns:84px 1fr auto;gap:12px}.u-head img,.u-noimg{width:84px;height:84px}.u-head h3{font-size:18px}
  .u-acts>span{display:none}.u-acts .btn{flex:1 1 auto}}
.ix-s .ix-ids{margin-bottom:0}
/* === capul paginii de vânzare: o singură regulă (titlul sus pe centru, dedesubt căutarea + butoanele) === */
.vtop{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,640px) minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:14px 16px!important;align-items:center;margin:4px 0 8px!important}
.vtop .vtitle{grid-column:1/-1!important;grid-row:1!important;align-items:center;text-align:center;justify-self:center}
.vtop .vsearch{grid-column:2!important;grid-row:2!important;width:100%;max-width:none!important;margin:0!important;order:0!important}
.vtop .vacts{grid-column:3!important;grid-row:2!important;justify-self:end!important;align-self:center!important;display:flex;gap:8px;min-width:0}
/* cu coșul deschis zona e mai îngustă: căutarea ocupă tot, butoanele lângă ea */
.vit:has(#bill.vcart.open) .vtop{grid-template-columns:minmax(0,1fr) auto!important}
.vit:has(#bill.vcart.open) .vtop .vsearch{grid-column:1!important;grid-row:2!important}
.vit:has(#bill.vcart.open) .vtop .vacts{grid-column:2!important;grid-row:2!important;justify-self:end!important}
.vit:has(#bill.vcart.open) .vcats{justify-content:safe center!important}
@media(max-width:900px){.vtop,.vit:has(#bill.vcart.open) .vtop{grid-template-columns:1fr!important}
  .vtop .vsearch,.vit:has(#bill.vcart.open) .vtop .vsearch{grid-column:1!important;grid-row:2!important}
  .vtop .vacts,.vit:has(#bill.vcart.open) .vtop .vacts{grid-column:1!important;grid-row:3!important;justify-self:stretch!important}.vtop .vacts .pillbtn{flex:1}}
/* fără linia de sub categorii */
.vcats{border-bottom:0!important;margin-bottom:8px!important}
/* filtrele: pe toată lățimea, egale, cu aer */
.sfbar2{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:4px 0 20px}
.sfbar2 .sfc{width:100%;height:44px;justify-content:space-between}
.sfbar2 .sfc select{flex:1;max-width:none;text-align:left}
.sfbar2 .sfp{grid-column:span 2;justify-content:flex-start}.sfbar2 .sfp input{flex:1;width:auto;min-width:0}
.sfbar2 .sfx{justify-self:start}
@media(max-width:520px){.sfbar2{grid-template-columns:1fr 1fr}.sfbar2 .sfp{grid-column:1/-1}}
/* === fereastra telefonului: stânga poza și detaliile, dreapta bucățile de ales, jos butoanele === */
.sheet.pu-sheet{width:min(880px,100%);padding:0;position:relative;overflow:hidden auto}
.pu-x{position:absolute;top:16px;right:16px;z-index:2}
.pu{display:grid;grid-template-columns:300px 1fr;min-height:420px}
.pu-l{padding:28px 24px;background:linear-gradient(180deg,rgba(118,118,128,.08),rgba(118,118,128,.02));display:flex;flex-direction:column;gap:16px}
.pu-img{aspect-ratio:1;border-radius:22px;background:#fff;display:grid;place-items:center;color:var(--muted);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.pu-img img{width:82%;height:82%;object-fit:contain}.pu-img .i{width:48px;height:48px}
.pu-l h3{font-size:21px;font-weight:700;letter-spacing:-.015em;line-height:1.2;margin:0}
.pu-l dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.pu-l dt{font-size:12px;color:var(--muted);margin-bottom:2px}.pu-l dd{margin:0;font-weight:650;font-size:15px}
.pu-r{padding:28px 24px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.pu-lbl{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding-right:48px}
.pu-list{display:flex;flex-direction:column;gap:8px;overflow:auto;max-height:52vh;padding:2px}
.pu-u{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;text-align:left;padding:12px 16px 12px 12px;border-radius:16px;background:#fff;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.09);transition:box-shadow .15s,background .15s}
.pu-u:hover{box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.pu-u.on{box-shadow:inset 0 0 0 2px #0a8f65;background:rgba(10,143,101,.05)}
.pu-ring{--v:0;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--v)*1%),rgba(118,118,128,.14) 0);position:relative}
.pu-ring::before{content:'';position:absolute;inset:5px;border-radius:50%;background:#fff}
.pu-ring b{position:relative;font-family:var(--num);font-size:14px;font-weight:700}.pu-ring b::after{content:'%';font-size:12px;font-weight:600;color:var(--muted)}
.pu-ring.ok{--c:#0a8f65}.pu-ring.mid{--c:#d98a00}.pu-ring.low{--c:#d70015}.pu-ring.na{background:rgba(118,118,128,.1);color:var(--muted)}
.pu-info{display:flex;flex-direction:column;gap:6px;min-width:0}
.pu-tags{display:flex;gap:6px;flex-wrap:wrap}
.pu-imei{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--muted);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pu-imei b{color:var(--text);font-weight:700}
.pu-info small{font-size:12.5px;color:var(--muted)}
.pu-pr{font-size:18px;font-weight:700;white-space:nowrap}
.pu-acts{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid rgba(0,0,0,.07)}
.pu-acts>span{flex:1}.pu-acts .btn{min-height:46px;padding:0 18px}.pu-go{padding:0 22px!important}
@media(max-width:760px){.pu{grid-template-columns:1fr}.pu-l{flex-direction:row;align-items:center;padding:20px 56px 16px 16px;gap:14px}.pu-img{width:96px;flex:none;border-radius:16px}
  .pu-l dl{display:none}.pu-l h3{font-size:18px}.pu-r{padding:16px}.pu-list{max-height:none}.pu-acts{flex-wrap:wrap}.pu-acts>span{display:none}.pu-acts .btn{flex:1 1 auto}.pu-go{flex-basis:100%!important}}
.sfbar2 .sfp{grid-column:auto}
.sfbar2 .sfc{min-width:0;overflow:hidden}.sfbar2 .sfc select{min-width:0}.sfbar2 .sfp input{width:100%}
@media(max-width:520px){.sfbar2 .sfp{grid-column:1/-1}}
.pu-ring{width:56px;height:56px}.pu-u{grid-template-columns:56px 1fr auto}
.pu-ring b{font-size:13px;letter-spacing:-.02em}.pu-ring b::after{font-size:12px}
@media(max-width:760px){.pu-imp{display:none}.pu-imei b::before{content:'… '}}
.sfbar2{display:flex!important;flex-wrap:wrap}
.sfbar2 .sfc{flex:1 1 160px}
.sfbar2 .sfp{flex:1.5 1 230px}
.sfbar2 .sfx{flex:0 0 auto}
@media(max-width:520px){.sfbar2 .sfc{flex:1 1 calc(50% - 10px)}.sfbar2 .sfp{flex:1 1 100%}}
/* poza produsului: mereu pe centrul chenarului, pe orizontală și pe verticală */
.img{display:grid!important;place-items:center!important}
.img img{width:86%;height:86%;max-width:none;max-height:none;object-fit:contain;object-position:center;display:block;margin:auto}
.img:not(.noimg){position:relative}
.img:not(.noimg) img{position:absolute;inset:0;margin:auto;width:86%;height:86%}
/* === fluiditate: mai puțină sticlă calculată la fiecare cadru (aspectul rămâne același) === */
/* fundalul de sub fereastră: doar întunecat, fără blur pe tot ecranul (fereastra însăși rămâne „de sticlă”) */
.ov{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(20,22,30,.42)!important}
.ask{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(20,22,30,.42)!important}
.sheet{background:rgba(250,250,252,.9)!important;-webkit-backdrop-filter:blur(20px) saturate(1.5)!important;backdrop-filter:blur(20px) saturate(1.5)!important}
/* butoanele și căutarea stau pe fundal aproape plin: blurul nu se vede, dar costă */
.vsearch,.pillbtn,.mbar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.vsearch,.pillbtn{background:rgba(255,255,255,.92)!important}
/* bara de sus și cea de jos: sticlă mai ușoară */
.top,.snav,.bnav{-webkit-backdrop-filter:blur(16px) saturate(1.5)!important;backdrop-filter:blur(16px) saturate(1.5)!important}
.vcart{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important}

/* === fluiditate (măsurat): mișcări ieftine pentru placa video === */
#main.enter>*{animation:pageFade .2s ease-out both!important}
@keyframes pageFade{from{opacity:0}to{opacity:1}}
.vc-ic,.emptyb .eic{animation:none!important}
.vp{box-shadow:0 1px 2px rgba(16,24,40,.06)!important;content-visibility:auto;contain-intrinsic-size:auto 300px;contain:layout paint style}
.vp:hover{box-shadow:0 4px 12px -6px rgba(16,24,40,.18)!important}
#main,.vmain{will-change:scroll-position}
/* intrare dispozitive: tipul ca plăci mari cu iconițe */
.ix-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.ix-type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:108px;border-radius:16px;background:var(--soft);border:2px solid transparent;
  font-size:15px;font-weight:600;color:var(--text);transition:background .15s,border-color .15s,transform .15s}
.ix-type .i{width:34px;height:34px;color:#067350}
.ix-type:hover{background:#e8f8f1;border-color:rgba(6,115,80,.35)}
.ix-type:active{transform:scale(.97)}
.ix-pick .ix-ti{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;vertical-align:middle;color:#067350}.ix-pick .ix-ti .i{width:22px;height:22px}
.ix-pick b{display:flex;align-items:center}
@media(max-width:520px){.ix-types{grid-template-columns:repeat(3,1fr)}.ix-type{height:92px;font-size:14px}}
/* alegerile făcute, pe un rând */
.ix-crumbs{padding:12px 14px!important}
.ix-crow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ix-cr{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;background:#e8f8f1;color:#076b4c;font-weight:650;font-size:15px;border:1.5px solid rgba(6,115,80,.25);transition:background .15s,border-color .15s}
.ix-cr:hover:not(:disabled){border-color:#067350;background:#dcf3e9}
.ix-cr:disabled{cursor:default}
.ix-cr .ix-ti{width:auto;height:auto;margin:0;color:inherit}.ix-cr .ix-ti .i{width:18px;height:18px}
.ix-sep{font-style:normal;color:var(--muted);font-size:18px;padding:0 2px}
.ix-crumbs small{display:block;margin-top:8px;font-size:12.5px;color:var(--muted)}
.ix-other{display:flex;gap:10px;align-items:flex-end}.ix-other .f{flex:1}.ix-other .btn{min-height:44px}
/* trade-in: memoria și culoarea lângă poza culorii alese */
.ti-var{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:start}
.ti-ph{width:140px;height:140px;border-radius:18px;background:#f4f4f6;display:grid;place-items:center;color:var(--muted);overflow:hidden}
.ti-ph img{width:86%;height:86%;object-fit:contain}.ti-ph .i{width:36px;height:36px}
.ti-vr h4{margin:0 0 8px}.ti-vr h4+.ix-cs+h4{margin-top:16px}
.ti-np{display:flex;gap:10px;align-items:flex-end;margin-top:10px;width:100%}.ti-np .f{flex:1}.ti-np .btn{min-height:44px}
.tim small{display:block;font-size:12px;color:var(--muted);font-weight:500}
@media(max-width:600px){.ti-var{grid-template-columns:1fr}.ti-ph{width:100%;height:160px}}
/* trade-in: bara de jos cu butoanele, în culoarea ferestrei, pe toată lățimea */
.tifoot{position:sticky!important;bottom:-24px!important;z-index:5;margin:16px -24px -24px!important;padding:14px 24px 18px!important;
  background:rgba(247,247,248,.96)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.08)!important;
  display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important}
.tifoot .btn{min-height:46px;padding:0 22px;border-radius:12px}
.tifoot .btn.secondary{background:var(--soft)!important;box-shadow:none!important;border:0!important}
.tifoot-r{display:flex!important;gap:10px!important;width:auto!important}
@media(max-width:600px){.tifoot{flex-direction:column-reverse!important;align-items:stretch!important}.tifoot-r{width:100%!important}.tifoot-r .btn{flex:1}.tifoot>.btn{width:100%}}
.ix-crm{background:rgba(217,138,0,.12)!important;color:#8a5300!important;border-color:rgba(217,138,0,.3)!important}
.ti-mmlink{display:inline-block;margin-top:12px;font-weight:600}
.tiblock .grid2+h4,.tiblock .grid2+datalist+h4,.tiblock .ix-cs+h4{margin-top:16px}
/* ferestrele minimizate: pastile jos, deasupra barei de jos */
#dock{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 32px))}
.dk{display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:rgba(28,28,30,.92);color:#fff;box-shadow:0 12px 30px -12px rgba(0,0,0,.5);animation:pop .25s var(--ease)}
.dk-o{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 12px;border-radius:999px;color:#fff;font-weight:600;font-size:14px;min-width:0}
.dk-o span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dk-o .i{width:16px;height:16px;flex:none;color:#4be39c}
.dk-o:hover{background:rgba(255,255,255,.1)}
.dk-x{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;color:rgba(255,255,255,.7);flex:none}.dk-x:hover{background:rgba(255,255,255,.12);color:#fff}.dk-x .i{width:14px;height:14px}
@media(max-width:900px){#dock{bottom:calc(84px + env(safe-area-inset-bottom))}}
/* trade-in: prețurile din coloana din dreapta, pe toată lățimea, vizibile */
.tiside .grid2{grid-template-columns:1fr!important;gap:12px!important}
.tiside .grid2>span:empty{display:none}
.tiside .f input{width:100%}
/* textul de ajutor prea lung într-un câmp îngust (telefon): se termină cu „…”, nu tăiat brusc */
input{text-overflow:ellipsis}
input::placeholder{text-overflow:ellipsis}
/* ================= EXIT Motion (puține efecte, câte o animație pe element) ================= */
html.rm *,html.rm *::before,html.rm *::after{animation:none!important;transition:none!important}
/* pagina vine din direcția filei apăsate — înlocuiește apariția veche */
#main.enter>*{animation:moPage .26s cubic-bezier(.22,1,.36,1) both!important}
#main.enter[data-dir="r"]>*{animation-name:moPageR!important}
#main.enter[data-dir="l"]>*{animation-name:moPageL!important}
@keyframes moPage{from{opacity:0}to{opacity:1}}
@keyframes moPageR{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes moPageL{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
/* apăsarea: butonul se strânge puțin sub deget */
.btn:active,.ix-c:active,.ix-type:active,.tim:active,.pu-u:active,.ix-cr:active,.pillbtn:active,.vc-pay:active,.pay-go:active{transform:scale(.96)}
/* butoanele principale: o lumină trece peste ele la hover */
.btn.pri,.vc-pay,.pay-go,.btn.green{position:relative;overflow:hidden;isolation:isolate}
.btn.pri::after,.vc-pay::after,.pay-go::after,.btn.green::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.24) 48%,transparent 66%);transform:translateX(-120%);pointer-events:none}
@media(hover:hover){.btn.pri:hover::after,.vc-pay:hover:not(:disabled)::after,.pay-go:hover::after,.btn.green:hover::after{transform:translateX(120%);transition:transform .7s cubic-bezier(.22,1,.36,1)}}
/* poza care zboară în coș și dreptunghiul care intră în pastilă */
.fly-img{position:fixed;z-index:120;pointer-events:none;object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 12px 24px -10px rgba(0,0,0,.3)}
.mo-ghost{position:fixed;z-index:95;pointer-events:none;border-radius:26px;background:rgba(250,250,252,.9);box-shadow:0 20px 50px -20px rgba(0,0,0,.4);transform-origin:0 0}
/* reușita: bifa desenată + scântei */
.mo-check{width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mo-check circle{stroke:#0a8f65;stroke-width:3;stroke-dasharray:151;stroke-dashoffset:151;animation:moDraw .45s .05s cubic-bezier(.65,0,.35,1) forwards}
.mo-check path{stroke:#0a8f65;stroke-width:4;stroke-dasharray:40;stroke-dashoffset:40;animation:moDraw .3s .38s cubic-bezier(.65,0,.35,1) forwards}
@keyframes moDraw{to{stroke-dashoffset:0}}
.done .okc{overflow:visible}
.mo-spark{position:fixed;z-index:130;pointer-events:none;width:7px;height:7px;border-radius:2px}
/* bula de mesaje: o linie arată cât mai stă */
.toast.mo-life{overflow:hidden}
.toast.mo-life::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(75,227,156,.85);transform-origin:left;animation:moLife var(--mo-life,2600ms) linear forwards}
.toast.err.mo-life::after{background:rgba(255,105,97,.9)}
@keyframes moLife{from{transform:scaleX(1)}to{transform:scaleX(0)}}
/* pastila din jos: punctul verde pulsează de 3 ori, apoi stă */
.dk-o::before{content:'';width:7px;height:7px;border-radius:50%;background:#4be39c;flex:none;animation:moPing 1.6s ease-out 3}
@keyframes moPing{0%{box-shadow:0 0 0 0 rgba(75,227,156,.6)}70%{box-shadow:0 0 0 8px rgba(75,227,156,0)}100%{box-shadow:0 0 0 0 rgba(75,227,156,0)}}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
.mosw{margin-top:8px}
/* pulsul coșului: doar o mică mărire pe „scale” (nu se bate cu alunecarea coșului, care folosește „transform”), fără umbră animată */
@keyframes cartPulse{35%{scale:1.014}}
@keyframes cartPulseG{35%{scale:1.014}}
/* departamente: mișcare mai amplă, din partea departamentului ales */
#main.enter[data-dir="dr"]>*{animation-name:moDeptR!important;animation-duration:.36s!important}
#main.enter[data-dir="dl"]>*{animation-name:moDeptL!important;animation-duration:.36s!important}
@keyframes moDeptR{from{opacity:0;transform:translateX(48px) scale(.985)}to{opacity:1;transform:none}}
@keyframes moDeptL{from{opacity:0;transform:translateX(-48px) scale(.985)}to{opacity:1;transform:none}}
/* pastila categoriei care alunecă */
.mo-catpill{position:fixed;z-index:40;pointer-events:none;border-radius:12px;background:rgba(118,118,128,.12);transform-origin:0 0}
#vcats button.mo-nobg{background:transparent!important}
/* service: modelele ca plăci, lucrările ca listă cu bifă, garanție și preț */
.rform .tim-grid{margin-top:8px}
.rf-alt,.rf-more{border:1.5px dashed rgba(0,0,0,.18)!important;background:transparent!important}
.rf-dev{color:#067350}
.rf-svc{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.rf-s{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;text-align:left;min-height:48px;padding:8px 14px 8px 10px;border-radius:12px;background:var(--soft);border:2px solid transparent;font-size:14.5px;font-weight:550;color:var(--text);transition:background .15s,border-color .15s}
.rf-s:hover{background:rgba(118,118,128,.16)}
.rf-s.on{background:#e8f8f1;border-color:#067350}
.rf-ck{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#fff;color:var(--muted)}.rf-ck .i{width:16px;height:16px}
.rf-s.on .rf-ck{background:#067350;color:#fff}
.rf-n small{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:2px}
.rf-s b{font-family:var(--num);font-variant-numeric:tabular-nums;font-size:15px}
.t td,.t th{vertical-align:middle!important}
/* service: IMEI lângă culoare, parola lângă meșter — rânduri aliniate, fără „găuri” */
.rform .rf-row{align-items:start}
.rform .rf-row .f{min-width:0}
.rform .rf-row .ix-cs .ix-c{min-height:40px;padding:0 14px;font-size:14px}
/* service: cronometrul termenului și butoanele de mutare de pe card */
.kc-tm{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:650;background:rgba(10,143,101,.1);color:#067350}
.kc-tm .i{width:15px;height:15px;flex:none}.kc-tm small{margin-left:auto;font-weight:500;opacity:.75;font-size:12px}
.kc-tm.soon{background:rgba(217,138,0,.14);color:#8a5300}
.kc-tm.late{background:rgba(215,0,21,.1);color:#b3000f}
.kc-a{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.06)}
.kc-b{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 10px;border-radius:10px;background:var(--soft);font-size:13px;font-weight:650;color:var(--text);white-space:nowrap}
.kc-b .i{width:15px;height:15px}
.kc-b:hover{background:rgba(118,118,128,.2)}
.kc-b.go{background:#e8f1fd;color:#0b57d0}.kc-b.go:hover{background:#d8e7fc}
.kc-b.ok{background:#067350;color:#fff}.kc-b.ok:hover{background:#05603f}
.kc.late{box-shadow:inset 0 0 0 2px rgba(215,0,21,.35)!important}
/* butoanele de pe card: egale, pe un rând, fără linie dublă */
.kc .kc-a{border-top:0;padding-top:0;margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}
.kc .kc-a .kc-b{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 8px;border-radius:10px;cursor:pointer;
  background:var(--soft);font-size:13px;font-weight:650;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,transform .2s}
.kc .kc-a .kc-b:active{transform:scale(.96)}
.kc .kc-a .kc-b .i{width:15px;height:15px;flex:none}
.kc .kc-a .kc-b.start{background:#e8f1fd;color:#0b57d0}.kc .kc-a .kc-b.start:hover{background:#d8e7fc}
.kc .kc-a .kc-b.ok{background:#067350;color:#fff}.kc .kc-a .kc-b.ok:hover{background:#05603f}
.kc .kc-a .kc-b:not(.start):not(.ok):hover{background:rgba(118,118,128,.2)}
/* cronometrul: textul mare sus, termenul dedesubt */
.kc .kc-tm{display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:1px;align-items:center}
.kc .kc-tm .i{grid-row:span 2}
.kc .kc-tm small{margin:0;grid-column:2}
/* predarea: pași numerotați, cadou, piese pe model, piesă cumpărată acum */
.dv-sec{display:flex;align-items:center;gap:8px;margin:18px 0 10px;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.dv-sec:first-child{margin-top:0}
.dv-sec i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#067350;color:#fff;font-size:12px}
.dv-req{color:#b3000f;text-transform:none;letter-spacing:0;font-weight:600}
.dv-svl{grid-template-columns:1fr 110px auto auto!important}
.dv-gift{height:40px;padding:0 10px;border-radius:10px;background:var(--soft);font-size:13px;font-weight:600;white-space:nowrap;color:var(--muted)}
.dv-gift.on{background:#fff3d6;color:#8a5300;box-shadow:inset 0 0 0 1.5px #e0a800}
.dv-svl.gift input.n{text-decoration:line-through;color:var(--muted)}
.dv-giftbox{margin-top:10px;padding:12px;border-radius:12px;background:#fff8e6;font-size:13.5px;display:flex;flex-direction:column;gap:10px}
.dv-p{cursor:default}.dv-p .rf-n{cursor:pointer}
.dv-q{display:inline-flex;align-items:center;gap:4px}.dv-q button{width:30px;height:30px;border-radius:8px;background:#fff;font-weight:700}.dv-q b{min-width:22px;text-align:center}
.dv-bx{margin-top:10px;padding:12px;border-radius:12px;background:var(--soft);display:flex;flex-direction:column;gap:10px}
.dv-sub{font-size:13px;color:var(--muted);margin:-4px 0 12px;min-height:18px}.dv-sub .bad{color:#b3000f;font-weight:600}.dv-sub .good{color:#067350;font-weight:600}
.dv-r .grid2{margin-bottom:12px}
/* ziua casei: încasat − ieșit */
.dch .dcflow{display:block;margin-top:4px;font-size:13px;color:var(--muted)}.dch .dcflow b,.dch .dcflow b.n{display:inline;font-size:13px;color:var(--text);font-weight:700}.dch .dcflow b.neg{color:var(--red)}
.bym .bym-x{display:block;font-style:normal;font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* certificatul de garanție: A5, fața neagră cu chenar verde, verso cu condițiile */
.wcert{padding:0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-family:-apple-system,Helvetica,Arial,sans-serif}
.wc-card{background:#141414;color:#f2f2f2;border:2px solid #2f9e5e;outline:6mm solid #141414;border-radius:3mm;padding:9mm 9mm 6mm;margin:6mm;min-height:180mm;display:flex;flex-direction:column;gap:3mm}
.wc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4mm}.wc-logo{height:13mm;display:block}
.wc-title{font-size:22px;font-weight:800;line-height:1.15;letter-spacing:.01em;margin-top:5mm;color:#fff}
.wc-badge{width:34mm;height:34mm;border-radius:50%;background:#fff;color:#3aa457;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}
.wc-badge b{font-size:56px;line-height:.9;font-weight:900}.wc-badge span{font-size:9px;font-weight:800;letter-spacing:.04em}
.wc-lab{font-size:11px;font-weight:700;color:#e8e8e8;margin-top:1mm}.wc-f{background:#fff;color:#000;border-radius:1.5mm;min-height:8mm;padding:1.5mm 3mm;font-size:15px;font-weight:600;display:flex;align-items:center}
.wc-contacts{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin:3mm 0;font-size:11px}.wc-contacts>div{display:flex;gap:2mm;align-items:flex-start}.wc-contacts b{font-size:12px;color:#fff}
.wc-ic{width:7mm;height:7mm;border-radius:1.5mm;background:#2f9e5e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex:0 0 auto}
.wc-decl{font-size:10.5px;line-height:1.5;margin:2mm 0;color:#eee}.wc-in{display:inline-block;background:#fff;color:#000;border-radius:1mm;padding:0 3mm;min-width:40mm;font-weight:600}
.wc-sig{display:grid;grid-template-columns:1fr 1fr;gap:10mm;margin-top:auto}.wc-sig .wc-f{min-height:9mm}.wc-no{font-size:9px;color:#888;text-align:right;margin-top:2mm}
.wback .wc-terms{border:2.5mm solid #141414;margin:4mm;padding:4mm 5mm;background:#fff;color:#000;font-size:8.8px;line-height:1.32;border-radius:2mm}
.wc-terms h3{text-align:center;font-size:13px;margin:0 0 2mm}.wc-terms p{margin:.7mm 0}.wc-terms ul{margin:.3mm 0 .7mm;padding-left:5mm}.wc-terms li{margin:.1mm 0}
.wc-terms .wc-foot{font-weight:700;text-align:center;margin-top:3mm}
.wcert{page:wa5}@page wa5{size:A5;margin:0}@media print{.wcert{page-break-after:always}}
.pu-more{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 2px}.pu-more button{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--soft);color:var(--text);font:600 13px/1 inherit;padding:8px 12px;border-radius:999px;cursor:pointer}
.pu-more button:hover{background:var(--line)}.pu-more svg{width:15px;height:15px}
.ln-acts{display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:nowrap}
.chip-add{display:inline-flex;align-items:center;gap:4px;border:1px dashed var(--line);background:none;color:var(--muted);font:600 13px/1 inherit;padding:8px 12px;border-radius:999px;cursor:pointer}.chip-add svg{width:14px;height:14px}
/* statistica furnizorului */
.sstat{background:var(--soft);border-radius:16px;padding:14px;margin:0 0 16px;display:grid;gap:14px}
.ss-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ss-k>div{background:var(--card);border-radius:12px;padding:10px 12px;min-width:0}
.ss-k small{display:block;font-size:12px;color:var(--muted);font-weight:600}.ss-k b{font-size:16px}.ss-k em{font-style:normal;font-size:12px;color:var(--muted);margin-left:4px}
.ss-r{display:grid;grid-template-columns:110px 1fr auto 60px;gap:10px;align-items:center;font-size:13px;padding:4px 0}.ss-r i{height:8px;border-radius:99px;background:var(--line);position:relative;overflow:hidden}
.ss-r i:after{content:'';position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--green);border-radius:99px}.ss-r em{font-style:normal;color:var(--muted);font-size:12px;text-align:right}
@media(max-width:700px){.ss-k{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-r{grid-template-columns:80px 1fr auto}.ss-r em{display:none}}
.urow+.urow{margin-top:6px}

/* accesibilitate: contrast, focus vizibil, ținte de apăsat */
.chips button.on small{color:inherit!important;opacity:.75}
label.f input:focus-visible,label.f select:focus-visible,label.f textarea:focus-visible,.field input:focus-visible,.field select:focus-visible,.search input:focus-visible,.vsearch input:focus-visible,
.vc-client input:focus-visible,.vc-cash input:focus-visible,.pay-client input:focus-visible,.pay-got input:focus-visible,.srch input:focus-visible,.ix-find input:focus-visible{box-shadow:0 0 0 3px rgba(10,143,101,.35)!important;border-color:var(--accent,#0a8f65)!important}
.skip{position:fixed;left:12px;top:-60px;z-index:10000;background:var(--text);color:var(--bg,#fff);padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none}.skip:focus{top:12px}
[role=button][tabindex]{cursor:pointer}
@media(max-width:760px){
 .btn,.btn.sm,.x,.sh .x,.ib,.cdel,.pillbtn,.pills button,.chips button,.seg button,select,input.btn{min-height:44px!important}
 .x,.sh .x,.ib,.cdel{min-width:44px!important}
 .btn,.vc-ib{min-width:44px}
 .ix-cr,.vc-ib,.tg button,.chk .tg button{min-height:44px!important}
 .tg button{min-width:48px}
 .kc .kc-a .kc-b,.vc-acts button,.lnk{min-height:44px}
 .vc-ib{min-width:44px!important}
 input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}
 label.f input,label.f select,.field input,.field select,.srch input,.ix-find input,.search input,input[type=date],input[type=month],input[type=datetime-local]{min-height:44px}
}
#sheet:focus{outline:none}
small{font-size:max(12px,.85em)}
/* primirea în service: pozele stării exterioare */
.rf-vis{margin:-4px 0 4px}.rf-vis .ix-c{font-size:13px;padding:6px 12px}
.rf-ph{display:flex;flex-wrap:wrap;gap:8px}.rf-pi{position:relative;width:96px;height:96px;border-radius:12px;overflow:hidden;background:var(--soft)}.rf-pi img{width:100%;height:100%;object-fit:cover}
.rf-pi .cdel{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.55);color:#fff;border-radius:50%;width:28px;height:28px;min-width:0;min-height:0;display:grid;place-items:center}.rf-pi .cdel svg{width:14px;height:14px}
.rf-add{width:96px;height:96px;border-radius:12px;border:1.5px dashed var(--line);background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font:600 12px inherit;cursor:pointer}
.rp-ph{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.rp-ph img{width:88px;height:88px;object-fit:cover;border-radius:10px;cursor:zoom-in;background:var(--soft)}
.dv-sd{margin:-2px 0 8px;padding:8px 10px;background:var(--soft);border-radius:12px}
.ssf{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.ssf-o{min-width:220px}.ccart.loyal{box-shadow:inset 0 0 0 1.5px rgba(10,143,101,.35)}
/* tabloul directorului: banii de azi, primii */
.money-today{grid-column:1/-1}.mt-tot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 12px}.mt-tot>div{background:var(--soft);border-radius:14px;padding:12px 14px}
.mt-tot span{display:block;font-size:12px;color:var(--muted);font-weight:600}.mt-tot b{font-size:22px}
.mt-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.mt-c{display:grid;grid-template-columns:1fr auto;gap:2px 8px;text-align:left;border:0;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit;color:inherit}
.mt-c span{font-weight:600;font-size:14px}.mt-c b{grid-row:1/3;grid-column:2;align-self:center;font-size:15px}.mt-c em{font-style:normal;font-size:12px;color:var(--muted)}
@media(max-width:700px){.mt-tot{grid-template-columns:1fr}}
/* cardul casei: graficul soldului pe 14 zile */
.wc{display:flex;flex-direction:column}.wc .wc-ch{margin:12px 0 auto;flex:1;display:flex;flex-direction:column;min-height:110px;color:#fff}
.wc-chh{display:flex;justify-content:space-between;font-size:12px;opacity:.85;font-weight:600}.wc-chh b{font-size:13px}
.wc-ch svg{width:100%;flex:1;min-height:80px;margin-top:6px;overflow:visible}
.wc-leg{display:flex;gap:12px;font-size:11.5px;opacity:.8;margin-top:4px}.wc-leg i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:middle}.wc-leg i.in{background:rgba(255,255,255,.85)}.wc-leg i.out{background:rgba(0,0,0,.28)}
.pgrp{margin-bottom:16px}.pgrp-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}.pgrp-h h2{margin:0}.pgrp-h .btn{margin-left:auto}
/* loturile angro */
.lot-pr{width:90px;height:6px;border-radius:99px;background:var(--line);overflow:hidden;position:relative;margin:0 12px;flex:none}.lot-pr i{position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--green)}
.lot-ed input{width:100%;min-width:0;border:0;background:var(--soft);border-radius:8px;padding:6px 8px;font:inherit}.lot-t td{vertical-align:top!important}
/* Service → Vânzare rapidă */
.qs-w{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:1000px){.qs-w{grid-template-columns:minmax(0,1fr)}}
.qs-k{margin:6px 0 10px}.qs-k>small{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px}
.qs-sel{display:grid;gap:6px;margin:8px 0}.qs-hh{display:flex;justify-content:space-between;align-items:center;gap:12px}.qs-hh h2{margin:0}
.qs-r{padding:10px 0;border-top:1px solid var(--line);display:grid;gap:3px}.qs-r.off{opacity:.5}.qs-rt{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#qsf .rf-sum{margin-top:16px}
/* predarea: opțiunile pieselor, rânduri egale una sub alta; câmpurile cu aceeași înălțime */
.dv-more{display:inline-block;margin:6px 0 2px}
.dv-opts{display:grid;gap:8px;margin:12px 0}
.dv-opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--soft);cursor:pointer;min-height:56px;box-shadow:inset 0 0 0 1px transparent}
.dv-opt.on{background:rgba(10,143,101,.08);box-shadow:inset 0 0 0 1.5px rgba(10,143,101,.45)}
.dv-opt input{width:20px;height:20px;flex:none;accent-color:#0a8f65}.dv-opt span{display:flex;flex-direction:column;gap:2px}.dv-opt b{font-size:14px}.dv-opt small{font-size:12.5px;color:var(--muted)}
.dv-bx{background:var(--soft);border-radius:14px;padding:12px 14px;margin:8px 0;display:grid;gap:10px}.dv-bxh{display:flex;justify-content:space-between;align-items:center}.dv-bxh b{font-size:14px}
.dv-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dv-g4{display:grid;grid-template-columns:2fr .8fr 1.2fr 1.6fr;gap:10px}
.dv-bx label.f input,.dv-bx label.f select{height:44px;min-height:44px;box-sizing:border-box;width:100%}
.dv-add{margin:2px 0 8px}
@media(max-width:700px){.dv-g2,.dv-g4{grid-template-columns:minmax(0,1fr)}}
.dv-bx label.f select{line-height:1.3;padding-top:0;padding-bottom:0}
/* categoriile: carduri cu poză, intrare marfă direct pe categorie */
.catg{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:12px}
.catc{background:var(--soft);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}
.catc-h{display:flex;gap:12px;align-items:center}.catc-h small{display:block;color:var(--muted);font-size:12.5px}
.catc-i{width:56px;height:56px;border-radius:14px;background:var(--card);display:grid;place-items:center;overflow:hidden;flex:none}.catc-i img{width:100%;height:100%;object-fit:contain}
.catc-s{display:flex;flex-wrap:wrap;gap:6px}.catc-s .ix-c{font-size:13px;padding:5px 10px}.catc-a{display:flex;gap:8px;margin-top:auto}
.cat-ed{display:flex;gap:16px;align-items:flex-start}.cat-ph{width:112px;height:112px;border-radius:18px;border:1.5px dashed var(--line);background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);cursor:pointer;overflow:hidden;flex:none;font:600 13px inherit}
.cat-ph img{width:100%;height:100%;object-fit:contain}
.vcats button.empty{opacity:.55}.vcats .vcat-add .ci{border:1.5px dashed var(--line);background:none}
@media(max-width:600px){.cat-ed{flex-direction:column}}
/* produsele potrivite: motivul deasupra fiecărui card */
.vreco .vhead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.vreco .vhead .lnk{margin-left:auto}
.rcw{display:flex;flex-direction:column;gap:4px;min-width:0}.rc-why{font-size:12px;font-weight:700;color:var(--accent-ink,#0a8f65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* vânzare rapidă: serviciile ca listă cu căutare */
.qs-pick{display:flex;flex-direction:column;gap:10px;margin-bottom:6px}.qs-kinds{align-self:flex-start;flex-wrap:wrap}.qs-sl{max-height:320px;overflow:auto}.qs-sl .urow.on{box-shadow:inset 3px 0 0 #4be39c}

.qs-devs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.qs-devs small{margin-right:4px}
.qs-st{margin:4px 0 12px;border-radius:14px;background:var(--surface-2);padding:10px 14px}.qs-st summary{cursor:pointer;font-weight:700;font-size:14px;min-height:28px;display:flex;align-items:center}
.qs-sd{display:flex;flex-direction:column;gap:6px;margin:10px 0}.qs-sd div{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:center;font-size:13px}
.qs-sd i{height:8px;border-radius:99px;background:linear-gradient(90deg,#2fc785 var(--w),rgba(120,120,128,.16) var(--w))}
/* butonul de predare din fișă: o bară pe toată lățimea, cu suma */
.rp-deliver{margin-top:16px;width:100%;display:flex;align-items:center;gap:14px;padding:12px 18px 12px 12px;min-height:64px;border-radius:16px;background:var(--accent);color:var(--accent-ink);text-align:left;box-shadow:0 12px 26px -14px rgba(47,199,133,.75);transition:transform var(--t-fast) var(--spring),filter var(--t-fast)}
.rp-deliver:hover{filter:brightness(1.04)}.rp-deliver:active{transform:scale(.985)}
.rp-di{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.28);display:grid;place-items:center;flex:none}.rp-di svg{width:20px;height:20px}
.rp-dt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.rp-dt b{font-size:16px}.rp-dt small{font-size:13px;opacity:.78;font-weight:500}
.rp-dp{font-size:18px;white-space:nowrap}.rp-da{font-size:20px;font-weight:700;transition:transform var(--t-fast)}.rp-deliver:hover .rp-da{transform:translateX(3px)}

.qs-bar{display:grid;grid-template-columns:1fr 210px;gap:10px}.qs-bar .ix-find{margin:0}
.qs-dev{height:44px;border-radius:12px;border:0;background:var(--surface-2);padding:0 12px;font:inherit;font-size:14px;color:var(--text)}
.qs-sl{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--border);max-height:264px;overflow-y:auto}
.qs-o{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 14px;background:transparent;text-align:left;font-size:15px;border-bottom:1px solid var(--border)}
.qs-o:last-child{border-bottom:0}.qs-o:hover{background:var(--surface-2)}.qs-o.on{background:rgba(47,199,133,.12);font-weight:600}
@media(max-width:700px){.qs-bar{grid-template-columns:1fr}}
.ix-find input:focus,.ix-find input:focus-visible{outline:0!important;box-shadow:none!important}.ix-find:focus-within{box-shadow:0 0 0 2px var(--accent)!important}

/* ===== Vânzare rapidă: ecran de vânzare (cardurile în stânga, bonul în dreapta) ===== */
.qsx{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.qsx-l{display:flex;flex-direction:column;gap:14px;min-width:0}
.qsx-dev{display:grid;grid-template-columns:1fr 200px;gap:10px}
.qsx-model{display:flex;align-items:center;gap:10px;height:54px;padding:0 16px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow),inset 0 0 0 1px var(--border)}
.qsx-model:focus-within{box-shadow:0 0 0 2px var(--accent)}.qsx-model svg{width:20px;height:20px;color:var(--muted);flex:none}
.qsx-model input{flex:1;border:0;background:transparent;font:inherit;font-size:17px;font-weight:600;outline:0;color:var(--text);min-width:0}
.qsx-dev .qs-dev{height:54px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow),inset 0 0 0 1px var(--border);font-weight:600}
.qsx-h{display:flex;align-items:center;gap:10px;margin-top:6px}.qsx-h h2{margin:0;font-size:19px}.qsx-h .muted{font-size:14px}
.qsx-s{margin:0 0 0 auto!important;width:240px;height:40px}
.qsx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.qst{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:132px;padding:14px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow),inset 0 0 0 1px var(--border);text-align:left;transition:transform var(--t-fast) var(--spring),box-shadow var(--t-fast)}
.qst:hover{transform:translateY(-2px);box-shadow:0 14px 28px -18px rgba(0,0,0,.35),inset 0 0 0 1px var(--border)}.qst:active{transform:scale(.98)}
.qst.on{box-shadow:inset 0 0 0 2px var(--accent),0 12px 24px -18px rgba(47,199,133,.8)}
.qst-k{font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:99px}
.k-blue{background:rgba(10,132,255,.12);color:#0a64c8}.k-purple{background:rgba(175,82,222,.13);color:#8a3db3}.k-orange{background:rgba(255,149,0,.15);color:#a85d00}
.k-gray{background:rgba(120,120,128,.14);color:var(--muted)}.k-teal{background:rgba(48,176,199,.14);color:#147a8c}.k-green{background:rgba(47,199,133,.14);color:#0a8f65}
.qst-n{font-size:15px;line-height:1.25;margin-top:4px}.qst-d{font-size:12.5px;color:var(--muted)}
.qst-f{margin-top:auto;padding-top:8px;width:100%;display:flex;align-items:center;justify-content:space-between}.qst-f b{font-size:17px}
.qst-f i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink)}.qst-f i svg{width:16px;height:16px}
.qst.on .qst-f i{background:#0a8f65;color:#fff}
.qsx-e{grid-column:1/-1;padding:18px;border-radius:16px;background:var(--surface-2);color:var(--muted);font-size:14px;text-align:center}
.qsx-b{position:sticky;top:96px;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:24px;background:var(--surface);box-shadow:var(--shadow),inset 0 0 0 1px var(--border)}
.qsx-bh{display:flex;align-items:center;gap:8px}.qsx-bh h2{margin:0;font-size:20px}.qsx-clr{margin-left:auto;font-size:13px;font-weight:600;color:var(--muted);background:none;min-height:32px}
.qsx-cl{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qsx-cl input{height:44px;border:0;border-radius:12px;background:var(--surface-2);padding:0 12px;font:inherit;font-size:14px;color:var(--text);outline:0;min-width:0}
.qsx-cl input:focus{box-shadow:0 0 0 2px var(--accent)}
.qsx-ls{display:flex;flex-direction:column;border-top:1px solid var(--border);border-bottom:1px solid var(--border);min-height:120px;max-height:340px;overflow:auto}
.qsx-li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--border);font-size:14px}.qsx-li:last-child{border-bottom:0}
.qsx-li>span{display:flex;flex-direction:column;gap:4px}.qsx-li small{color:var(--muted);font-size:12px}.qsx-li .stp{align-self:flex-start}
.qsx-be{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:14px;text-align:center;padding:16px}.qsx-be svg{width:28px;height:28px;opacity:.6}
.qsx-lnk{align-self:flex-start;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#0a8f65;background:none;min-height:32px}.qsx-lnk svg{width:15px;height:15px}
.qsx-pp{display:flex;flex-direction:column;gap:6px}.qsx-pp small{font-size:12px;font-weight:700;color:var(--muted)}
.qsx-m{width:100%}.qsx-m button{flex:1}
.qsx-t{display:flex;justify-content:space-between;align-items:baseline}.qsx-t span{font-size:15px;color:var(--muted)}.qsx-t b{font-size:34px;letter-spacing:-.02em}
.qsx-go{margin-top:0;width:100%}.qsx-go:disabled{opacity:.45;box-shadow:none;cursor:default}
@media(max-width:1000px){.qsx{grid-template-columns:minmax(0,1fr)}.qsx-b{position:static}}
@media(max-width:640px){.qsx-dev{grid-template-columns:1fr}.qsx-h{flex-wrap:wrap}.qsx-s{width:100%}.qsx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.qsx-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.qsx-cat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow),inset 0 0 0 1px var(--border);transition:transform var(--t-fast) var(--spring)}
.qsx-cat:hover{transform:translateY(-2px)}.qsx-cat b{font-size:14px;text-align:center;line-height:1.2}.qsx-cat small{font-size:12px;color:var(--muted);text-align:center}
.qsx-ci{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);color:var(--text)}.qsx-ci svg{width:22px;height:22px}
.qsx-cat.on{box-shadow:inset 0 0 0 2px var(--accent),0 12px 24px -18px rgba(47,199,133,.8)}.qsx-cat.on .qsx-ci{background:var(--accent);color:var(--accent-ink)}
.qsx-cat.auto:not(.on) small{color:#0a8f65;font-weight:600}
.qsx-g{display:flex;flex-direction:column;gap:10px}.qsx-g+.qsx-g{margin-top:6px}
.qsx-gt{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.qsx-gt span{font-size:12px;letter-spacing:0;padding:1px 8px;border-radius:99px;background:var(--surface-2)}
.qst{min-height:116px}
@media(max-width:1100px){.qsx-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.qsx-cat{position:relative}.qsx-cat.auto::after{content:'după model';position:absolute;top:6px;right:6px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;background:rgba(47,199,133,.16);color:#0a8f65}

/* ===== Vânzare rapidă — stil aplicație Apple: liste grupate, butoane de preț ca „Obține”, bon de sticlă ===== */
.qsx{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:24px;align-items:start}
.qsx-l{display:flex;flex-direction:column;gap:22px;min-width:0}
.qm{display:flex;flex-direction:column;gap:10px}
.qm-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 4px}
.qm-h h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.015em}.qm-h p{margin:3px 0 0;font-size:14px;color:var(--muted)}.qm-h p b{color:var(--text)}
.qm-s{display:flex;align-items:center;gap:8px;width:230px;height:36px;padding:0 12px;border-radius:10px;background:rgba(118,118,128,.12);flex:none}
.qm-s svg{width:16px;height:16px;color:var(--muted)}.qm-s input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:15px;outline:0;color:var(--text)}
.qm-s:focus-within{box-shadow:0 0 0 3px rgba(47,199,133,.28)}
.qm-w{border-radius:18px;background:var(--solid,#fff);overflow-x:auto}
.qm-t{width:100%;border-collapse:collapse;font-size:15px}
.qm-t th,.qm-t td{padding:0 10px;height:52px;text-align:center;font-weight:400}
.qm-t thead th{height:46px;font-size:13px;font-weight:600;color:var(--muted);vertical-align:middle}
.qm-t thead th small{display:block;font-size:11px;font-weight:600;color:#0a8f65;margin-top:1px}
.qm-t .qm-n{text-align:left;padding-left:18px;font-weight:500;color:var(--text);white-space:nowrap}
.qm-t thead .qm-n{color:var(--muted);font-weight:600}
.qm-t tbody tr:not(.qm-gr) td,.qm-t tbody tr:not(.qm-gr) th{box-shadow:inset 0 .5px 0 rgba(60,60,67,.14)}
.qm-t tbody tr:not(.qm-gr) th.qm-n{box-shadow:inset 18px .5px 0 var(--solid,#fff),inset 0 .5px 0 rgba(60,60,67,.14)}
.qm-gr th{height:38px!important;text-align:left;padding:14px 18px 0!important;font-size:13px;font-weight:600;color:var(--muted);background:var(--bg)}
.qm-t .qm-cur{background:rgba(47,199,133,.07)}.qm-t thead .qm-cur{color:var(--text)}
.qm-p{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:76px;height:32px;padding:0 14px;border-radius:999px;background:rgba(118,118,128,.12);color:#0a8f65;font-size:15px;font-weight:600;transition:transform .15s var(--ease),background .15s}
.qm-p:hover{background:rgba(118,118,128,.2)}.qm-p:active{transform:scale(.95)}.qm-p svg{width:14px;height:14px;stroke-width:2.6}
.qm-p.on{background:#2fc785;color:#04281c}
.qm-no{color:rgba(60,60,67,.3)}
.qm-e{padding:22px;border-radius:18px;background:var(--solid,#fff);color:var(--muted);font-size:15px;text-align:center}
.qm-of,.qm-ls{border-radius:18px;background:var(--solid,#fff);overflow:hidden}
.qm-ot{padding:14px 18px 6px;font-size:13px;font-weight:600;color:var(--muted)}
.qm-r{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:8px 12px 8px 18px;font-size:15px}
.qm-r+.qm-r{box-shadow:inset 18px .5px 0 var(--solid,#fff),inset 0 .5px 0 rgba(60,60,67,.14)}
.qm-r>span{display:flex;flex-direction:column}.qm-r small{font-size:13px;color:var(--muted)}
/* bonul: panou de sticlă care plutește */
.qb{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:24px;background:var(--glass,rgba(255,255,255,.62));-webkit-backdrop-filter:blur(28px) saturate(1.8);backdrop-filter:blur(28px) saturate(1.8);border:1px solid var(--glass-edge,rgba(255,255,255,.75));box-shadow:var(--glass-shadow,0 24px 60px -34px rgba(0,0,0,.35))}
.qb-h{display:flex;align-items:center;gap:8px}.qb-h h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.015em}
.qb-c{min-width:22px;height:22px;padding:0 7px;border-radius:99px;background:#2fc785;color:#04281c;font-size:13px;font-weight:700;display:grid;place-items:center}
.qb-x{margin-left:auto;background:none;color:#0a8f65;font-size:15px;font-weight:500;min-height:32px}
.qb-f{display:grid;grid-template-columns:1fr 1fr;gap:1px;border-radius:14px;overflow:hidden;background:rgba(60,60,67,.12)}
.qb-f label{display:flex;flex-direction:column;gap:1px;padding:8px 12px;background:var(--solid,#fff);font-size:12px;font-weight:500;color:var(--muted)}
.qb-f .qb-w{grid-column:1/-1}
.qb-f input{border:0;background:transparent;font:inherit;font-size:16px;color:var(--text);outline:0;padding:2px 0;min-width:0}
.qb-f label:focus-within{background:#f2fbf6}
.qb-ls{display:flex;flex-direction:column;border-radius:14px;background:var(--solid,#fff);min-height:64px;max-height:320px;overflow:auto}
.qb-li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:11px 8px 11px 14px;font-size:15px}
.qb-li+.qb-li{box-shadow:inset 14px .5px 0 var(--solid,#fff),inset 0 .5px 0 rgba(60,60,67,.14)}
.qb-li>span{display:flex;flex-direction:column;gap:4px}.qb-li small{font-size:12px;color:var(--muted)}.qb-li .stp{align-self:flex-start}
.qb-del{width:28px;height:28px;border-radius:50%;background:rgba(118,118,128,.12);color:var(--muted);display:grid;place-items:center}.qb-del svg{width:13px;height:13px}
.qb-e{margin:auto;padding:16px;font-size:14px;color:var(--muted);text-align:center}
.qb-ex{display:flex;gap:16px;padding:0 4px}.qb-lnk{background:none;color:#0a8f65;font-size:15px;font-weight:500;min-height:30px;padding:0}
.qb-pp{display:flex;flex-direction:column;gap:6px}
.qb-m{width:100%}.qb-m button{flex:1}
.qb-t{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px}.qb-t span{font-size:15px;color:var(--muted)}
.qb-t b{font-family:ui-rounded,"SF Pro Rounded",-apple-system,system-ui,sans-serif;font-size:36px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.qb-go{height:54px;border-radius:14px;background:#2fc785;color:#04281c;font-size:17px;font-weight:600;transition:transform .15s var(--ease),opacity .2s}
.qb-go:active{transform:scale(.97)}.qb-go:disabled{opacity:.4;cursor:default}
@media(max-width:1000px){.qsx{grid-template-columns:minmax(0,1fr)}.qb{position:static}}
@media(max-width:640px){.qm-h{flex-direction:column;align-items:stretch}.qm-s{width:auto}.qm-t .qm-n{white-space:normal;min-width:130px}}

/* vânzare rapidă — lista ca în aplicațiile Apple: comutator pe dispozitive, secțiuni pe categorii, rânduri grupate */
.qa-top{display:flex;gap:12px;align-items:center}
.qa-seg{flex:1;display:flex;padding:3px;border-radius:12px;background:rgba(118,118,128,.12)}
.qa-seg button{flex:1;height:34px;border-radius:9px;font-size:14px;font-weight:500;color:var(--text);background:none;transition:background .2s var(--ease),box-shadow .2s}
.qa-seg button.on{background:var(--solid,#fff);font-weight:600;box-shadow:0 3px 8px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04)}
.qa-find{width:200px}
.qa-note{margin:-8px 4px 0;font-size:13px;color:var(--muted)}.qa-note .qb-lnk{font-size:13px;min-height:0}
.qa-s{display:flex;flex-direction:column;gap:8px}
.qa-h{display:flex;align-items:center;gap:12px;padding:0 4px}.qa-h h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.015em}.qa-h p{margin:1px 0 0;font-size:13px;color:var(--muted)}
.qa-find2{margin-left:auto;width:200px}
.qa-i{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex:none;color:#fff}.qa-i svg{width:18px;height:18px;stroke-width:2}
.qa-i.k-blue{background:#0a84ff}.qa-i.k-purple{background:#af52de}.qa-i.k-orange{background:#ff9500}.qa-i.k-gray{background:#8e8e93}.qa-i.k-teal{background:#30b0c7}.qa-i.k-green{background:#34c759}
.qa-l{border-radius:16px;background:var(--solid,#fff);overflow:hidden}
.qa-r{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 14px 8px 18px}
.qa-r+.qa-r{box-shadow:inset 18px .5px 0 var(--solid,#fff),inset 0 .5px 0 rgba(60,60,67,.14)}
.qa-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.qa-t b{font-size:16px;font-weight:500}.qa-t small{font-size:13px;color:var(--muted)}
.qa-r .qm-p{min-width:84px}.qm-p.on span{font-size:14px}
@media(max-width:640px){.qa-top{flex-direction:column;align-items:stretch}.qa-find,.qa-find2{width:auto}.qa-seg{overflow-x:auto}.qa-seg button{flex:none;padding:0 12px}.qa-h{flex-wrap:wrap}}
.qa-note{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-6px 4px 0;font-size:14px;color:var(--muted)}.qa-dv{border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:#0a8f65;padding:2px 0;cursor:pointer}

/* trade-in: rezumatul din dreapta ca bonul (stil Apple), verificările ca listă grupată */
.tiwrap{grid-template-columns:minmax(0,1fr) 340px}
.tsum{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:22px;background:var(--glass,rgba(255,255,255,.62));-webkit-backdrop-filter:blur(28px) saturate(1.8);backdrop-filter:blur(28px) saturate(1.8);border:1px solid var(--glass-edge,rgba(255,255,255,.75));box-shadow:var(--glass-shadow,0 24px 60px -34px rgba(0,0,0,.35))}
.tsum-dev{display:flex;align-items:center;gap:12px}.tsum-dev b{display:block;font-size:16px}.tsum-dev small{display:block;font-size:13px;color:var(--muted);margin-top:2px;white-space:nowrap}
.tsum-ph{width:56px;height:56px;border-radius:14px;background:#ececef;display:grid;place-items:center;flex:none;overflow:hidden}.tsum-ph img{max-width:84%;max-height:84%;object-fit:contain;mix-blend-mode:multiply}.tsum-ph svg{width:26px;height:26px;color:var(--muted)}
.tsum-l{border-radius:14px;background:var(--solid,#fff);overflow:hidden}
.tsum-l>div{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:11px 14px;font-size:14px}
.tsum-l>div+div{box-shadow:inset 14px .5px 0 var(--solid,#fff),inset 0 .5px 0 rgba(60,60,67,.14)}
.tsum-l span{display:flex;flex-direction:column;gap:2px}.tsum-l small{font-size:12px;color:var(--muted)}
.tsum-l .mut span,.tsum-l .mut b{color:var(--muted);font-weight:500}.tsum-l .bad b{color:#d70015}
.tsum-t{display:flex;flex-direction:column;gap:2px;padding:0 4px}.tsum-t span{font-size:14px;color:var(--muted)}
.tsum-t b{font-family:ui-rounded,"SF Pro Rounded",-apple-system,system-ui,sans-serif;font-size:36px;font-weight:700;letter-spacing:-.02em;color:#0a8f65;font-variant-numeric:tabular-nums}
.tiside #tigrade:empty{display:none}
.ti-imh{display:block;margin-top:6px;font-size:13px;font-weight:500;color:var(--muted)}.ti-imh.ok{color:#0a8f65}
.treq{border-radius:14px;background:var(--surface-2,rgba(118,118,128,.08));overflow:hidden}
.treq-r{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 10px 8px 14px}
.treq-r+.treq-r{box-shadow:inset 0 .5px 0 rgba(60,60,67,.14)}
.treq-i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(118,118,128,.2);color:#fff;flex:none}.treq-i svg{width:16px;height:16px;stroke-width:2.6}
.treq-i.ok{background:#34c759}.treq-i.bad{background:#ff3b30}
.treq-t{flex:1;font-size:15px}
.treq-s{display:flex;padding:2px;border-radius:10px;background:rgba(118,118,128,.14)}
.treq-s button{min-width:56px;height:32px;border-radius:8px;font-size:14px;font-weight:600;background:none;color:var(--text)}
.treq-s button.on{background:#34c759;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.12)}.treq-s button.on.bad{background:#ff3b30}
@media(max-width:900px){.tiwrap{grid-template-columns:1fr}}
.tpx-w{overflow-x:auto}.tpx td,.tpx th{white-space:nowrap}.tpx small{font-size:12px}
.tpx-ed{display:grid;grid-template-columns:44px 1fr 1fr;gap:8px;align-items:center}.tpx-ed>b{font-size:13px;color:var(--muted)}.tpx-ed .tpx-g{font-size:18px;color:var(--text)}.tpx-ed input{height:44px;border:0;border-radius:12px;background:var(--surface-2);padding:0 12px;font:inherit;font-size:16px;min-width:0}