:root{
  --bg:#F4F3EE; --bg-deep:#ECE9E0; --surface:#FFFFFF; --ink:#141413; --text2:#475569; --muted:#94A3B8; --slate:#64748B;
  --accent:#D97757; --accent-soft:#FFF1EA; --accent-line:#F5C9A9;
  --border:#E2E8F0; --border-warm:#E7E5E0; --zebra:#FAFAF7; --hover:#F4F4F5;
  --navy:#0F172A; --navy-2:#1E293B; --sage:#788c5d; --blue:#6a9bcc; --stone:#B1ADA1;
  --success:#22C55E; --success-soft:#22C55E1A; --danger:#EF4444; --warn:#D4A25F;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;font-optical-sizing:auto}
button{font:inherit;color:inherit}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.tnum{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Butoane ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:8px;font-size:15px;font-weight:600;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;white-space:nowrap}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:var(--accent)}
.btn-line{background:transparent;color:var(--ink);border-color:#D6D2C7}
.btn-line:hover{border-color:var(--accent);color:var(--accent)}
.btn-sm{height:34px;padding:0 12px;font-size:13px}

/* ---------- Nav ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(244,243,238,.86);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.nav.scrolled{border-bottom-color:var(--border-warm)}
.nav .wrap{height:66px;display:flex;align-items:center;gap:32px}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:700;font-size:18px;letter-spacing:-.02em}
.logo-mark{width:28px;height:28px;border-radius:8px;background:var(--ink);display:grid;place-items:center;flex:0 0 auto}
.nav-links{display:flex;gap:26px;margin:0 auto;padding:0;list-style:none}
.nav-links a{text-decoration:none;font-size:14.5px;font-weight:500;color:var(--text2)}
.nav-links a:hover{color:var(--ink)}
.nav-cta{display:flex;align-items:center;gap:18px}
.nav-cta .login{font-size:14.5px;font-weight:500;text-decoration:none;color:var(--text2)}
.nav-cta .login:hover{color:var(--ink)}

/* ---------- Hero ---------- */
.hero{padding:64px 0 40px}
.hero-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end}
.hero h1{font-size:clamp(42px,5.6vw,76px);line-height:1.01;letter-spacing:-.04em;font-weight:700;margin:0}
.hero-sub{font-size:clamp(17px,1.4vw,19px);line-height:1.55;color:var(--text2);max-width:46ch;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* ---------- Scena hero ---------- */
.stage{position:relative;margin-top:48px;border-radius:20px;overflow:hidden;background:radial-gradient(110% 90% at 50% 45%,#EEEBE3 0%,#E2DDCF 100%);border:1px solid #DFDACC}
.stage-desk{position:relative}
.canvas{position:absolute;left:0;top:0;width:1240px;height:720px;transform-origin:0 0}
.wheel{position:absolute;inset:0;width:1240px;height:720px}
.wheel path{fill:none;stroke-linecap:round}
.wheel .b{stroke:rgba(120,140,93,.34);stroke-width:2.2}
.wheel .s{stroke:rgba(177,173,161,.55);stroke-width:1.4}
.wheel .hub{fill:none;stroke:rgba(217,119,87,.35);stroke-width:2}
.stage-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;font-size:14.5px;color:var(--text2)}
.stage-foot p{margin:0}
.linkbtn{background:none;border:0;padding:4px 0;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent-line)}
.linkbtn:hover{color:var(--accent)}

/* Fereastra aplicației */
.win{position:absolute;left:36px;top:40px;width:952px;height:640px;background:#fff;border-radius:12px;box-shadow:0 34px 70px -28px rgba(20,20,19,.38),0 0 0 1px rgba(20,20,19,.07);overflow:hidden;display:flex;flex-direction:column;font-size:12.5px;line-height:1.4}
.win-bar{height:34px;flex:0 0 auto;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--border-warm);background:#FBFAF7;position:relative}
.dots{display:flex;gap:6px}
.dots i{width:10px;height:10px;border-radius:50%;background:#DEDAD0}
.win-title{position:absolute;left:50%;transform:translateX(-50%);font-size:12px;color:var(--slate)}
.app-top{height:50px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border);background:#fff;position:relative}
.app-top-l{display:flex;align-items:center;gap:12px}
.app-logo{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:15px;letter-spacing:-.02em}
.app-logo .logo-mark{width:22px;height:22px;border-radius:6px}
.app-top-r{display:flex;align-items:center;gap:8px}
.abtn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid transparent;background:none;cursor:pointer}
.abtn-accent{background:var(--accent);color:#fff}
.abtn-accent:hover{background:#C9684A}
.abtn-line{border-color:var(--border);color:var(--accent);background:#fff}
.abtn-line:hover{border-color:var(--accent)}
.abtn-dark{background:var(--ink);color:#fff}
.abtn-dark:hover{background:var(--accent)}
.abtn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.ibox{position:relative;width:32px;height:32px;border-radius:9px;border:0;display:grid;place-items:center;background:#F4F3EE;cursor:pointer;color:#141413}
.ibox:hover{background:#E2E8F0}
.ibox .badge{top:-4px;right:-4px;border:2px solid #fff;height:18px;min-width:18px}
.abtn-rid{border-color:#D97757;color:#D97757;background:#fff}
.abtn-rid:hover{background:#D97757;color:#fff}
.badge{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid #fff}
.badge[hidden]{display:none}
.app-body{flex:1;display:flex;min-height:0}
.side{width:212px;border-right:1px solid #E4E4E7;padding:13px;display:flex;flex-direction:column;background:#fff;overflow:hidden}
.side-logo{padding:10px 10px;margin-bottom:13px;border-bottom:1px solid #00000033}
.side-user{padding:4px 4px 6px;display:flex;flex-direction:column}
.avatar{width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:11px;display:grid;place-items:center;flex:0 0 auto}
.side-user b{display:block;font-size:13.5px;font-weight:600}
.side-user small{display:block;font-size:10.5px;color:#00000080}
.side-item{display:flex;align-items:center;gap:10px;padding:7px;border-radius:7px;font-size:12px;font-weight:500;color:#141413;cursor:pointer;border:0;background:none;width:100%;text-align:left;flex:0 0 auto;transition:background-color .2s ease}
.side-item svg{color:#64748B;flex:0 0 auto}
.side-item:hover,.side-item.active{background:#F4F4F5}
.side-item.sub{padding:5px 7px 5px 32px;font-size:11px;color:#737678;gap:7px}
.side-item.sub svg{color:#737678}
.side-item.sm svg{color:#737678}
.side-item .grow{flex:1}
.side-grp{display:flex;flex-direction:column;gap:2px;margin-top:8px}
.side-grp:first-child{margin-top:4px}
.side-line{display:block;height:1px;background:#E2E8F0;margin-bottom:7px}
.side-group{font-size:9.5px;font-weight:700;letter-spacing:.08em;color:#94A3B8;padding:3px 7px}
.side-bottom{margin-top:auto;display:flex;flex-direction:column;padding-top:6px}
.side-item.side-out{background:#D97757}
.side-item.side-out:hover{background:#FFB38A}
.pill{margin-left:auto;min-width:18px;height:17px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}
.app-main{flex:1;display:flex;min-width:0;background:var(--bg);position:relative}
.view{display:none;flex:1;min-width:0}
.view.on{display:flex}

/* Recepții */
.rv-list{flex:1;padding:16px;min-width:0;display:flex;flex-direction:column;gap:11px}
.vhead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.vhead h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}
.vsearch{display:flex;align-items:center;gap:6px;height:28px;width:170px;padding:0 9px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--muted);font-size:11.5px}
.fchips{display:flex;gap:6px;flex-wrap:wrap}
.fchip{height:26px;padding:0 11px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:11.5px;font-weight:600;color:var(--text2);cursor:pointer}
.fchip:hover{border-color:var(--accent);color:var(--accent)}
.fchip.on{background:var(--accent);border-color:var(--accent);color:#fff}
.fchip span{opacity:.7;margin-left:4px;font-variant-numeric:tabular-nums}
.tcard{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.trow{display:grid;grid-template-columns:78px minmax(0,1.35fr) minmax(0,1fr) 116px;align-items:center;gap:10px;padding:8px 12px;width:100%;border:0;background:none;text-align:left;cursor:pointer;font-size:12px}
.trow.th{cursor:default;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:8px 12px;border-bottom:1px solid var(--border)}
.tbody .trow:nth-child(even){background:var(--zebra)}
.tbody .trow:hover{background:var(--accent-soft)}
.tbody .trow.sel{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}
.trow .nr{font-weight:700;font-variant-numeric:tabular-nums}
.trow .two b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trow .two small{display:block;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trow .cl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text2)}
.trow.flash{animation:flash 1.6s ease-out}
@keyframes flash{0%,35%{background:#DCFCE7}100%{background:transparent}}
.chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px 0 8px;border-radius:999px;font-size:11px;font-weight:600;color:var(--ink);background:color-mix(in srgb,var(--c) 15%,white);white-space:nowrap;justify-self:start}
.chip i{width:6px;height:6px;border-radius:50%;background:var(--c);flex:0 0 auto}
.empty{padding:22px 12px;color:var(--muted);font-size:12px;text-align:center}
.drawer{width:262px;flex:0 0 auto;border-left:1px solid var(--border);background:#fff;padding:16px 30px 16px 16px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.drawer-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.drawer-h b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.drawer .sub b{display:block;font-size:13px;font-weight:600}
.drawer .sub small{display:block;font-size:11px;color:var(--muted)}
.kv{display:flex;flex-direction:column}
.kv div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed #ECEAE3;font-size:11.5px}
.kv span{color:var(--muted)}
.kv b{font-weight:600;text-align:right}
.rail-l{font-size:10.5px;color:var(--muted);margin-bottom:6px;display:flex;justify-content:space-between}
.rail{display:flex;gap:3px}
.rail i{flex:1;height:5px;border-radius:3px;background:#ECEAE3}
.drawer-act{display:flex;flex-direction:column;gap:7px;margin-top:auto}
.drawer-act .abtn{justify-content:center;height:32px;text-decoration:none}

/* Dashboard */
.dv{flex:1;padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--accent)}
.dv h3{margin:2px 0 0;font-size:19px;font-weight:700;letter-spacing:-.01em}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.kpi{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--border);border-radius:13px;background:#fff}
.kpi-i{width:34px;height:34px;border-radius:10px;background:var(--bg);display:grid;place-items:center;color:var(--accent);flex:0 0 auto}
.kpi b{display:block;font-size:20px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.kpi small{display:block;font-size:10.5px;color:var(--muted);font-weight:500;margin-top:4px;line-height:1.25}
.kpi.neg b{color:var(--danger)}
.charts{display:grid;grid-template-columns:1fr 1fr;gap:9px;flex:1;min-height:0}
.chart{background:#fff;border:1px solid var(--border);border-radius:13px;padding:12px 14px;display:flex;flex-direction:column;gap:7px;overflow:hidden}
.chart h4{margin:0 0 2px;font-size:12px;font-weight:700}
.bar-l{display:flex;justify-content:space-between;font-size:11px;margin-bottom:3px}
.bar-l b{font-variant-numeric:tabular-nums}
.bar-t{height:6px;border-radius:4px;background:#F1F0EB;overflow:hidden}
.bar-t i{display:block;height:100%;border-radius:4px;transition:width .45s ease}

/* Stocuri */
.sv{flex:1;padding:16px;display:flex;flex-direction:column;gap:11px;min-width:0}
.srow{display:grid;grid-template-columns:96px minmax(0,1fr) 70px 60px;gap:10px;align-items:center;padding:9px 12px;font-size:12px}
.srow.th{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)}
.tbody .srow:nth-child(even){background:var(--zebra)}
.srow .r{text-align:right;font-variant-numeric:tabular-nums}
.stoc-neg{color:var(--danger);font-weight:700}
.stoc-low{color:#B7791F;font-weight:700}
.srow code{font-family:inherit;font-weight:600;font-size:11.5px}

/* Notificări + toast */
.notif{position:absolute;right:12px;top:46px;width:300px;max-height:370px;display:flex;flex-direction:column;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);z-index:5;overflow:hidden}
.notif[hidden]{display:none}
.notif-h{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid #E2E8F0}
.notif-h b{font-size:13px;font-weight:700}
.notif-n{font-size:10.5px;font-weight:600;color:#D97757}
.notif-i{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:9px 13px;border-bottom:1px solid #F1F0EC;font-size:11.5px}
.notif-i:last-child{border-bottom:0}
.notif-i b{display:block;font-weight:500;line-height:1.4}
.notif-i small{display:block;color:#94A3B8;font-size:10px;font-weight:500;margin-top:2px}
.notif-i.new{background:#F4F3EE}
.notif-see{border:0;background:none;padding:0;cursor:pointer;color:#141413;flex:0 0 auto;display:grid}
.notif-see:hover svg{transform:scale(1.2)}
.notif-ok{color:#22C55E;flex:0 0 auto;display:grid}
.notif-empty{padding:20px 14px;text-align:center;font-size:11.5px;color:#94A3B8}
.toast{position:absolute;right:300px;bottom:14px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--ink);color:#fff;border-radius:10px;font-size:12px;box-shadow:0 14px 30px -12px rgba(20,20,19,.5);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none;z-index:6;max-width:330px}
.toast.on{opacity:1;transform:none}
.toast small{display:block;color:#CBD5E1;font-size:10.5px}
.toast .tick{width:22px;height:22px;border-radius:50%;background:var(--success);display:grid;place-items:center;flex:0 0 auto}

/* Telefon */
.phone{color:var(--ink);width:236px;height:540px;background:#1A1A19;border-radius:36px;padding:7px;box-shadow:0 34px 70px -24px rgba(20,20,19,.5),inset 0 0 0 1px #3A3936;font-size:12px;line-height:1.4}
.stage-desk .phone{position:absolute;left:1000px;top:100px}
.phone-s{width:100%;height:100%;background:var(--bg);border-radius:30px;overflow:hidden;display:flex;flex-direction:column;position:relative}
.notch{position:absolute;left:50%;top:7px;transform:translateX(-50%);width:70px;height:20px;border-radius:12px;background:#1A1A19;z-index:2}
.pstat{height:34px;flex:0 0 auto;display:flex;align-items:flex-end;justify-content:space-between;padding:0 20px 4px;font-size:10.5px;font-weight:600}
.pstat i{display:inline-block;width:14px;height:7px;border:1.5px solid var(--ink);border-radius:2px;position:relative}
.pstat i::after{content:"";position:absolute;inset:1px;right:3px;background:var(--ink)}
.ptop{height:44px;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:0 12px;background:#fff;border-bottom:1px solid var(--border)}
.ptop b{font-size:13px;font-weight:700;flex:1}
.pbody{padding:10px;display:flex;flex-direction:column;gap:8px;overflow:hidden;flex:1}
.pcard{background:#fff;border:1px solid var(--border);border-radius:14px;padding:11px;display:flex;flex-direction:column;gap:8px}
.pcard-h{display:flex;justify-content:space-between;align-items:center;gap:6px}
.pcard-h b{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.pt b{display:block;font-size:13px;font-weight:700}
.pt small{display:block;font-size:10.5px;color:var(--muted)}
.plab{font-size:10px;font-weight:600;color:var(--muted)}
.plines{display:flex;flex-direction:column;gap:3px;font-size:11px}
.plines div{display:flex;justify-content:space-between;gap:8px}
.plines span{color:var(--text2)}
.notes{min-height:50px;border:1px solid var(--border);border-radius:8px;padding:7px 8px;font-size:11px;color:var(--ink);background:var(--zebra)}
.notes.ph{color:var(--muted)}
.caret{display:inline-block;width:1px;height:12px;background:var(--accent);vertical-align:-2px;margin-left:1px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.pbtn{height:38px;border-radius:10px;border:0;background:var(--ink);color:#fff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;transition:background-color .2s,transform .12s}
.pbtn:hover{background:var(--accent)}
.pbtn.press{transform:scale(.96);background:var(--accent)}
.pbtn.done{background:var(--success-soft);color:#15803D;cursor:default}
.pmini{display:flex;justify-content:space-between;align-items:center;gap:6px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px 10px}
.pmini b{display:block;font-size:11.5px;font-weight:700}
.pmini small{display:block;font-size:10px;color:var(--muted)}
.pmini .chip{height:20px;font-size:10px}

/* Varianta mobilă a scenei */
.stage-mob{display:none;padding:18px;gap:14px;flex-direction:column;align-items:center}
.mstrip{width:100%;max-width:380px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px;font-size:12.5px;display:flex;flex-direction:column;gap:10px}
.mstrip-h{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:12.5px}
.mstrip-r{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--zebra)}
.mstrip-r.flash{animation:flash 1.6s ease-out}
.mstrip-r b{display:block;font-weight:700}
.mstrip-r small{color:var(--muted);font-size:11px}
.mnote{font-size:11.5px;color:#15803D;background:var(--success-soft);border-radius:8px;padding:7px 10px}

/* ---------- Secțiuni ---------- */
.sec{padding:120px 0}
h2{font-size:clamp(30px,3.7vw,46px);line-height:1.07;letter-spacing:-.032em;font-weight:700;margin:0;max-width:20ch}
.lead{font-size:18px;color:var(--text2);max-width:56ch;margin:20px 0 0}
.prose p{color:var(--text2);margin:16px 0 0;max-width:52ch}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}
.split.rev .split-text{order:2}
.mock{background:#fff;border-radius:14px;border:1px solid var(--border-warm);box-shadow:0 30px 60px -32px rgba(20,20,19,.35);overflow:hidden;font-size:13px;line-height:1.45}
.mock-bar{height:36px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--border-warm);background:#FBFAF7;font-size:12.5px;color:var(--slate)}
.mock-bar .dots{margin-right:6px}

/* Flux */
.flow-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;margin-top:56px;align-items:start}
.steps{list-style:none;margin:0;padding:0;position:relative}
.steps::before{content:"";position:absolute;left:21px;top:20px;bottom:20px;width:2px;background:#E1DDD2}
.step{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;width:100%;padding:10px 12px 10px 0;border:0;background:none;text-align:left;cursor:pointer;border-radius:12px;position:relative}
.step .n{width:44px;height:28px;display:grid;place-items:center}
.step .n span{width:26px;height:26px;border-radius:50%;background:var(--bg);border:2px solid var(--c);display:grid;place-items:center;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;transition:background-color .2s,color .2s}
.step .t b{display:block;font-size:16px;font-weight:600;line-height:28px}
.step .t small{display:none;font-size:14px;color:var(--text2);line-height:1.45}
.step.on{background:#fff;box-shadow:0 0 0 1px var(--border-warm)}
.step.on .n span{background:var(--c);color:#fff}
.step.on .t small{display:block;padding-bottom:4px}
.step:hover:not(.on){background:rgba(255,255,255,.5)}
.step.past .n span{background:color-mix(in srgb,var(--c) 22%,var(--bg))}
.flow-panel{position:sticky;top:96px}
.fp-body{padding:20px;display:flex;flex-direction:column;gap:16px}
.fp-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.fp-h b{display:block;font-size:17px;font-weight:700}
.fp-h small{display:block;color:var(--muted);font-size:13px}
.fp-what{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:4px 0 0}
.fp-rows{display:flex;flex-direction:column}
.fp-rows div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed #ECEAE3;font-size:13.5px}
.fp-rows span{color:var(--slate)}
.fp-rows b{font-weight:600;text-align:right}
.fp-nav{display:flex;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border-warm);background:var(--zebra)}
.flow-note{font-size:14.5px;color:var(--text2);margin:28px 0 0}
.flow-note .chip{font-size:12px;vertical-align:1px;margin:0 2px}

/* Deviz */
.dz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:420px}
.dz-col{padding:16px;display:flex;flex-direction:column;gap:10px}
.dz-col+.dz-col{border-left:1px solid var(--border);background:var(--zebra)}
.dz-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.dz-top b{font-size:14px}
.dz-top small{display:block;color:var(--muted);font-size:12px}
.seg{display:inline-flex;padding:3px;border-radius:999px;background:#fff;border:1px solid var(--border)}
.seg button{height:28px;padding:0 13px;border-radius:999px;border:0;background:none;font-size:12.5px;font-weight:600;color:var(--text2);cursor:pointer}
.seg button:hover{color:var(--accent);background:var(--accent-soft)}
.seg button.on{background:var(--accent);color:#fff}
.win .seg{max-width:100%;overflow-x:auto;scrollbar-width:none}
.win .seg::-webkit-scrollbar{display:none}
.win .seg button{flex:0 0 auto;white-space:nowrap}
.h5{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.prod{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 0;border-bottom:1px solid #F1F0EC}
.prod b{font-weight:600;font-size:13px;display:block}
.prod small{color:var(--muted);font-size:11.5px}
.prod .st{display:inline-block;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;transition:color .2s}
.prod .st.bump{animation:bump .5s ease}
@keyframes bump{40%{transform:scale(1.25)}}
.prod .st.neg{color:var(--danger)}
.prod .st.zero{color:var(--muted)}
.add{height:30px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:#fff;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink)}
.add:hover{border-color:var(--accent);color:var(--accent)}
.add:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border);color:var(--ink)}
.line{display:grid;grid-template-columns:minmax(0,1fr) auto 26px;gap:10px;align-items:center;padding:9px 10px;background:#fff;border:1px solid var(--border);border-radius:10px;font-size:13px}
.line b{font-weight:600;display:block}
.line small{color:var(--muted);font-size:11.5px}
.line .v{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.xbtn{width:26px;height:26px;border-radius:7px;border:0;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.xbtn:hover{background:#FEE2E2;color:var(--danger)}
.tot{display:flex;justify-content:space-between;font-size:13px;color:var(--text2);padding:4px 2px}
.tot.big{font-size:16px;color:var(--ink);font-weight:700;border-top:1px solid var(--border);padding-top:10px;margin-top:auto}
.tot b{font-variant-numeric:tabular-nums}
.hint{font-size:11.5px;color:var(--muted)}

/* Logistică */
.awb{padding:18px;display:flex;flex-direction:column;gap:14px}
.awb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fld label{display:block;font-size:12px;font-weight:600;color:var(--text2);margin-bottom:5px}
.fld div{height:38px;border:1px solid var(--border);border-radius:8px;padding:0 11px;display:flex;align-items:center;font-size:13px;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fld.auto div{background:#F1F5F9}
.fld.full{grid-column:1/-1}
.awb-act{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.awb-btn{height:40px;padding:0 18px;border-radius:8px;border:0;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s}
.awb-btn.s0{background:var(--ink);color:#fff}
.awb-btn.s0:hover{background:var(--accent)}
.awb-btn.s1{background:var(--accent);color:#fff}
.awb-btn.s1:hover{background:#C9684A}
.awb-btn.load{background:var(--accent);color:#fff;opacity:.75;cursor:progress}
.awb-btn.s2{background:var(--success);color:#fff}
.awb-btn.s2:hover{background:#16A34A}
.spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.label{display:flex;gap:16px;align-items:center;border:1px dashed #D6D2C7;border-radius:10px;padding:12px 14px;background:var(--zebra)}
.label[hidden]{display:none}
.barcode{display:flex;gap:2px;height:44px;align-items:stretch}
.barcode i{background:var(--ink);display:block}
.label b{display:block;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.label small{color:var(--muted);font-size:12px}
.steps-mini{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)}
.steps-mini span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.steps-mini span::before{content:"";width:8px;height:8px;border-radius:50%;background:#E1DDD2}
.steps-mini span.on{color:var(--ink);font-weight:600}
.steps-mini span.on::before{background:var(--accent)}
.steps-mini span.ok::before{background:var(--success)}
.facts{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-direction:column;gap:14px}
.facts li{display:grid;grid-template-columns:26px 1fr;gap:10px;font-size:15.5px;color:var(--text2)}
.facts li svg{color:var(--accent);margin-top:3px}
.facts b{color:var(--ink);font-weight:600}

/* Roluri */
.roles{background:var(--navy);color:#E2E8F0}
.roles h2{color:#fff}
.roles .lead{color:#94A3B8}
.roles-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;margin-top:56px;align-items:center}
.rtabs{display:flex;flex-direction:column;gap:6px}
.rtab{display:block;width:100%;text-align:left;border:1px solid transparent;background:none;border-radius:12px;padding:14px 16px;cursor:pointer;color:#CBD5E1}
.rtab b{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:#fff}
.rtab b svg{color:#64748B}
.rtab p{margin:6px 0 0 30px;font-size:14.5px;line-height:1.5;color:#94A3B8;display:none}
.rtab:hover{background:rgba(255,255,255,.04)}
.rtab.on{background:var(--navy-2);border-color:#334155}
.rtab.on b svg{color:var(--accent)}
.rtab.on p{display:block}
.rstage{position:relative;border-radius:20px;background:radial-gradient(90% 90% at 50% 40%,#1E293B 0%,#0F172A 100%);border:1px solid #1E293B;min-height:600px;display:grid;place-items:center;padding:30px}
.rstage .phone{box-shadow:0 30px 60px -20px rgba(0,0,0,.6),inset 0 0 0 1px #3A3936}
.mini-desk{width:100%;max-width:560px;background:#fff;border-radius:12px;overflow:hidden;color:var(--ink);font-size:12px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.mini-desk .app-top{height:46px}
.mini-desk .dv{background:var(--bg)}
.mini-desk .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.stop{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:12px;padding:9px 10px}
.stop .num{width:22px;height:22px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-size:10.5px;font-weight:700}
.stop b{display:block;font-size:11.5px;font-weight:700}
.stop small{display:block;font-size:10px;color:var(--muted)}
.stop .tg{height:24px;padding:0 9px;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:10.5px;font-weight:600;cursor:pointer}
.stop .tg:hover{border-color:var(--accent);color:var(--accent)}
.stop.done{opacity:.6}
.stop.done .num{background:var(--success);color:#fff}
.stop.done .tg{background:var(--success-soft);border-color:transparent;color:#15803D}
.agstat{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.agstat div{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px}
.agstat b{display:block;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}
.agstat small{font-size:10px;color:var(--muted)}

/* Statistici */
.stats{padding:18px;display:flex;flex-direction:column;gap:16px}
.st-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.pchips{display:flex;gap:6px;flex-wrap:wrap}
.pchip{height:32px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text2);cursor:pointer}
.pchip:hover{border-color:var(--accent);color:var(--accent)}
.pchip.on{background:var(--accent);border-color:var(--accent);color:#fff}
.st-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.st-sum div{border:1px solid var(--border);border-radius:12px;padding:12px 14px}
.st-sum b{display:block;font-size:24px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.st-sum small{color:var(--muted);font-size:12px}
.st-sum .warn b{color:#B45309}
.st-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.st-bars{display:flex;flex-direction:column;gap:10px}
.st-bars .bar-l{font-size:12.5px}
.st-bars .bar-t{height:8px}
.st-tbl{border:1px solid var(--border);border-radius:12px;overflow:hidden;font-size:13px;align-self:start}
.st-tr{display:grid;grid-template-columns:minmax(0,1.3fr) .8fr 1.2fr .8fr;gap:8px;padding:10px 12px}
.st-tr.th{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)}
.st-tr:nth-child(even){background:var(--zebra)}
.st-tr:not(.th):hover{background:var(--accent-soft)}
.st-tr .r{text-align:right;font-variant-numeric:tabular-nums}
.st-tr.tot{font-weight:700;border-top:1px solid var(--border);background:#fff}
.st-note{font-size:12px;color:var(--muted)}

/* Module */
.mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;margin-top:48px}
.mod{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:24px 0;border-top:1px solid #DEDAD0}
.mod-i{width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--border-warm);display:grid;place-items:center;color:var(--accent)}
.mod h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}
.mod p{margin:4px 0 0;font-size:15.5px;color:var(--text2);line-height:1.5}

/* Piese */
.parts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:48px}
.part{margin:0;background:#fff;border:1px solid var(--border-warm);border-radius:16px;padding:12px 12px 16px;display:flex;flex-direction:column;gap:14px}
.part-img{aspect-ratio:10/7;border-radius:10px;background:var(--bg);display:grid;place-items:center}
.part-img img{width:86%;height:auto}
.part figcaption{font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.3;padding:0 4px}
.parts-note{margin:20px 0 0;font-size:15.5px;color:var(--text2)}
.part-more{border-style:dashed;border-color:#D6D2C7}
.part-more .part-img{background:transparent}

/* Integrări */
.ints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px}
.int{background:#fff;border:1px solid var(--border-warm);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}
.int-logo{height:84px;border-radius:12px;background:#fff;border:1px solid var(--border-warm);display:grid;place-items:center;overflow:hidden}
.int-logo img{width:auto;max-width:80%;object-fit:contain}
.int-fb{color:var(--slate);display:inline-flex}
.int-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.int-t h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em;margin-right:auto}
.int-cat,.int-tag{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--bg);color:var(--slate)}
.int-tag{background:var(--accent-soft);color:#B4532F}
.int p{margin:0;font-size:15.5px;color:var(--text2);line-height:1.5}

/* Origine + CTA */
.origin{padding:0 0 120px}
.origin-box{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;padding-top:56px;border-top:1px solid #DEDAD0}
.origin-box p{margin:0 0 14px;font-size:18px;color:var(--text2);max-width:58ch}
.origin-box p:first-child{color:var(--ink)}
.cta{background:var(--ink);color:#fff;padding:110px 0}
.cta h2{color:#fff;max-width:18ch}
.cta p{color:#A8A29E;font-size:18px;max-width:52ch;margin:20px 0 0}
.cta .btn-accent{background:var(--accent);color:#fff;margin-top:34px}
.cta .btn-accent:hover{background:#fff;color:var(--ink)}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.cta .cta-actions .btn-accent{margin-top:0}
.cta .btn-line{color:#fff;border-color:#57534E}
.cta .btn-line:hover{color:#fff;border-color:#fff}
footer{background:var(--ink);color:#A8A29E;border-top:1px solid #2A2A28;font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:26px;padding-bottom:26px;flex-wrap:wrap}
footer a{text-decoration:none;color:#D6D3D1}
footer a:hover{color:#fff}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .split,.flow-grid,.roles-grid,.origin-box,.hero-head{grid-template-columns:1fr;gap:40px}
  .hero-head{gap:24px}
  .split.rev .split-text{order:0}
  .flow-panel{position:static}
  .nav-links{display:none}
  .nav-cta{margin-left:auto}
  .ints{grid-template-columns:repeat(2,minmax(0,1fr))}
  .parts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .stage-desk,.desk-only{display:none}
  .stage-mob{display:flex}
  .sec{padding:80px 0}
  .hero{padding-top:48px}
  .dz{grid-template-columns:1fr}
  .dz-col+.dz-col{border-left:0;border-top:1px solid var(--border)}
  .awb-grid,.st-body,.mods,.ints{grid-template-columns:1fr}
  .parts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .part-more{grid-column:1/-1;flex-direction:row;align-items:center}
  .part-more .part-img{flex:0 0 96px;aspect-ratio:1}
  .part-more .part-img img{width:100%}
  .st-sum{grid-template-columns:1fr 1fr 1fr}
  .st-sum b{font-size:19px}
  .rstage{min-height:0;padding:24px 12px}
  .mini-desk .kpis{grid-template-columns:1fr 1fr}
  .stage-foot{flex-direction:column;align-items:flex-start}
  .nav-cta .login{display:none}
  .origin{padding-bottom:80px}
  .cta{padding:80px 0}
}
@media (max-width:440px){
  .wrap{padding:0 18px}
  .nav-cta .btn{height:38px;padding:0 12px;font-size:13.5px}
  .st-sum{grid-template-columns:1fr}
  .fp-rows div{flex-direction:column;gap:2px}
  .fp-rows b{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* ================= Aplicația demo ================= */
.win{container-type:inline-size;container-name:win}
.win-tools{margin-left:auto;display:flex;gap:6px}
.rb-wtool{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:6px;border:1px solid var(--border-warm);background:#fff;font-size:11px;font-weight:600;color:var(--text2);cursor:pointer}
.rb-wtool:hover{border-color:var(--accent);color:var(--accent)}
.rb-demo-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:10.5px;font-weight:600}
.win .app-logo{border:0;background:none;cursor:pointer;padding:0}
.rb-burger{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #0000001A;background:#fff;color:var(--ink);cursor:pointer;border-radius:9px;box-shadow:0 1px 4px #00000033;transition:box-shadow .2s,transform .2s}
.rb-burger:hover{box-shadow:0 1px 4px #0000004D;transform:translateY(-1px)}
.app-shell{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}
.win .side{position:absolute;left:0;top:0;bottom:0;z-index:40;transform:translateX(-101%);transition:transform .25s ease}
.win.side-open .side{transform:none}
.win.side-open .rb-side-ov{display:block;position:absolute;inset:0;background:rgba(0,0,0,.05);z-index:39}
.side-scroll{flex:1;overflow-y:auto;overflow-x:hidden;margin:0 -4px;padding:0 4px;scrollbar-width:thin}
.rb-side-ov{display:none}
.win .app-main{display:block;position:relative;overflow:hidden}
.rb-main{position:absolute;inset:0;overflow:auto;scrollbar-width:thin}
.rb-page{padding:16px 18px 28px;display:flex;flex-direction:column;gap:12px;min-width:0}
.rb-page.rb-narrow{max-width:460px;margin:0 auto}
.rb-head{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.rb-head-t{flex:1;min-width:180px}
.rb-head h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em}
.rb-head p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.rb-head-a{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.rb-back{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink);flex:0 0 auto}
.rb-back:hover{border-color:var(--accent);color:var(--accent)}
.rb-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rb-bar .grow{flex:1}
.vsearch{cursor:text}
.rb-page .rb-bar>.vsearch{flex:1 1 240px;width:auto;max-width:560px;height:32px}
.rb-tr>span{min-width:0}
.rb-tr .ell{display:block}
.rb-sum>.rb-fld,.rb-card>.rb-fld,.rb-mb>.rb-fld,.rb-cp .rb-fld[data-similar]{flex:0 0 auto}
.rb-tr.flash{animation:flash 1.6s ease-out}
.vsearch input{border:0;outline:0;background:none;font:inherit;font-size:12px;color:var(--ink);width:100%;min-width:0}
.vsearch:focus-within{border-color:var(--accent)}
.rb-sel{height:28px;border:1px solid var(--border);border-radius:999px;background:#fff;font:inherit;font-size:11.5px;font-weight:600;color:var(--text2);padding:0 26px 0 11px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}
.rb-sel:hover,.rb-sel:focus{border-color:var(--accent);outline:0}
.abtn-danger{background:var(--danger);color:#fff}
.abtn-danger:hover{background:#DC2626}
.abtn-green{background:var(--success);color:#fff}
.abtn-green:hover{background:#16A34A}
.abtn-soft{background:var(--bg);color:var(--ink);border-color:var(--border)}
.abtn-soft:hover{border-color:var(--accent);color:var(--accent)}
.abtn:disabled{opacity:.45;cursor:not-allowed}
.rb-link{border:0;background:none;padding:0;font:inherit;font-size:11.5px;font-weight:600;color:var(--accent);cursor:pointer}
.rb-link:hover{text-decoration:underline}
.rb-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px}
.rb-card h4{margin:0 0 8px;font-size:12.5px;font-weight:700}
.rb-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rb-2col.set{grid-template-columns:220px minmax(0,1fr)}
.rb-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rb-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.rb-kpis.k5{grid-template-columns:repeat(5,minmax(0,1fr))}
.rb-kpis .kpi{cursor:default}
.rb-kpis button.kpi{cursor:pointer;text-align:left;font:inherit}
.rb-kpis button.kpi:hover{border-color:var(--accent)}
.kpi.warn b{color:#B45309}
.kpi.ok b{color:#15803D}
/* tabele */
.rb-tw{background:#fff;border:1px solid var(--border);border-radius:12px;overflow-x:auto;scrollbar-width:thin}
.rb-t{min-width:var(--minw,640px)}
.rb-tr{display:grid;grid-template-columns:var(--cols);gap:10px;align-items:center;padding:8px 12px;width:100%;border:0;background:none;text-align:left;font:inherit;font-size:12px;color:inherit}
.rb-tr.th{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 12px}
.rb-t>.rb-tr:not(.th):nth-child(odd){background:var(--zebra)}
button.rb-tr{cursor:pointer}
button.rb-tr:hover,.rb-tr.sel{background:var(--accent-soft)!important}
.rb-tr.sel{box-shadow:inset 3px 0 0 var(--accent)}
.rb-tr.dim{opacity:.55}
.rb-tr.tot{font-weight:700;border-top:1px solid var(--border);background:#fff!important}
.rb-tr .r{text-align:right;font-variant-numeric:tabular-nums}
.rb-tr .c{text-align:center}
.rb-tr .two{min-width:0}
.rb-tr button.two{display:block;width:100%;max-width:100%}
.rb-tr .two b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb-tr .two small{display:block;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb-tr .nr{font-weight:700;font-variant-numeric:tabular-nums}
.rb-tr .ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb-tr .neg{color:var(--danger);font-weight:700}
.rb-tr .low{color:#B7791F;font-weight:700}
.rb-tr .mut{color:var(--muted)}
.rb-empty{padding:22px 12px;color:var(--muted);font-size:12px;text-align:center}
.tag{display:inline-flex;align-items:center;gap:4px;height:19px;padding:0 7px;border-radius:999px;font-size:10px;font-weight:700;background:var(--bg);color:var(--text2);white-space:nowrap}
.tag.ac{background:var(--accent-soft);color:var(--accent)}
.tag.ok{background:#DCFCE7;color:#15803D}
.tag.bad{background:#FEE2E2;color:#B91C1C}
.tag.warn{background:#FEF3C7;color:#B45309}
.tag.blue{background:#DBEAFE;color:#1D4ED8}
/* popup-uri */
.rb-ov{position:absolute;inset:0;background:rgba(20,20,19,.38);display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}
.rb-ov.enter{animation:rbfade .15s ease}
.rb-ov.sheet{justify-content:flex-end;padding:0;background:rgba(0,0,0,.4)}
.rb-modal.rb-sheet{width:min(760px,100%);height:100%;max-height:none;border-radius:0;box-shadow:-8px 0 28px rgba(0,0,0,.18)}
.rb-ov.enter .rb-sheet{animation:sheetIn .25s ease-out}
@keyframes sheetIn{from{transform:translateX(100%)}}
@keyframes rbfade{from{opacity:0}}
.rb-modal{width:min(var(--w,560px),100%);max-height:100%;background:#fff;border-radius:14px;box-shadow:0 24px 60px -20px rgba(20,20,19,.45);display:flex;flex-direction:column;overflow:hidden;font-size:12.5px}
.rb-modal.wide{--w:860px}
.rb-modal.rb-sidep{align-self:stretch;margin-left:auto;max-height:none;border-radius:14px}
.rb-mh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 12px 18px;border-bottom:1px solid var(--border)}
.rb-mh b{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rb-mb{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}
.rb-mf{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--border);background:var(--zebra);flex-wrap:wrap}
.rb-mf .grow{margin-right:auto}
.rb-p{margin:0;font-size:13px;color:var(--text2);line-height:1.5}
.rb-modal form{display:contents}
.rb-modal form.rb-form,.rb-modal form.rb-bar,.rb-modal form.rb-offer{display:flex}
/* formulare */
.rb-form{display:flex;flex-wrap:wrap;gap:12px}
.rb-fld{flex:1 1 200px;display:flex;flex-direction:column;gap:5px;min-width:0}
.rb-fld.full{flex-basis:100%}
.rb-fld.sm{flex:0 1 110px}
.rb-fld[hidden]{display:none}
.rb-fld label{font-size:11.5px;font-weight:600;color:var(--text2)}
.rb-fld input,.rb-fld select,.rb-fld textarea{width:100%;height:36px;border:1px solid var(--border);border-radius:8px;padding:0 11px;font:inherit;font-size:13px;color:var(--ink);background:#fff;outline:0}
.rb-fld textarea{height:auto;padding:8px 11px;resize:vertical;line-height:1.45}
.rb-fld input::placeholder,.rb-fld textarea::placeholder{color:var(--muted)}
.rb-fld input:focus,.rb-fld select:focus,.rb-fld textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(217,119,87,.14)}
.rb-fld.auto input,.rb-fld.auto select{background:#F1F5F9;cursor:not-allowed}
.rb-fld small{font-size:11px;color:var(--muted)}
.rb-fld .rb-inl{display:flex;gap:6px}
.rb-fld .rb-inl input{flex:1}
.rb-check{display:flex;align-items:center;gap:8px;font-size:12.5px;cursor:pointer;flex:1 1 200px}
.rb-check.full{flex-basis:100%}
.rb-mb>.rb-check,[style*="flex-direction:column"]>.rb-check{flex:0 0 auto}
.rb-check input{width:16px;height:16px;accent-color:var(--accent)}
.rb-sect{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);flex-basis:100%;margin-top:4px}
.rb-warn{background:#FFF7F1;border:1px solid #F5C9A9;border-radius:10px;padding:10px 12px;font-size:12px}
.rb-warn b{color:#9A3412;display:block;margin-bottom:6px;font-size:12.5px}
.rb-warn-r{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border-radius:8px;padding:7px 9px;margin-top:5px}
.rb-warn-r small{color:var(--text2);font-size:11px;display:block}
.rb-info{background:var(--bg);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--text2)}
/* detalii recepție / deviz */
.rb-dhead{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start}
.rb-dhead .kv{flex:1 1 240px}
.rb-ans{border:1px solid var(--border);border-radius:12px;overflow:hidden}
.rb-ans-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;background:var(--zebra);border-bottom:1px solid var(--border)}
.rb-ans-h b{font-size:13px}
.rb-ans-h .grow{flex:1}
.rb-ans-b{padding:12px;display:flex;flex-direction:column;gap:12px}
.rb-statusbar{display:flex;gap:4px;flex-wrap:wrap}
.rb-statusbar button{height:26px;padding:0 9px;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:11px;font-weight:600;color:var(--text2);cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.rb-statusbar button i{width:6px;height:6px;border-radius:50%;background:var(--c)}
.rb-statusbar button:hover{border-color:var(--c);color:var(--ink)}
.rb-statusbar button.on{background:color-mix(in srgb,var(--c) 16%,white);border-color:var(--c);color:var(--ink)}
.rb-comp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.rb-comp div{display:flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:9px;padding:7px 8px}
.rb-comp span{font-size:11px;font-weight:600}
.rb-comp select{height:26px;border:1px solid var(--border);border-radius:6px;font:inherit;font-size:11px;background:#fff}
.rb-probs{display:flex;flex-wrap:wrap;gap:5px}
.rb-probs label{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:999px;border:1px solid var(--border);font-size:11px;cursor:pointer;background:#fff}
.rb-probs input{accent-color:var(--accent);margin:0}
.rb-probs label:has(input:checked){background:var(--accent-soft);border-color:var(--accent-line)}
.rb-costs .rb-tr{font-size:12px}
.rb-verd label{border-color:color-mix(in srgb,var(--c) 40%,white)}
.rb-verd label:has(input:checked){background:color-mix(in srgb,var(--c) 18%,white);border-color:var(--c);font-weight:700}
.rb-verd input{accent-color:var(--c)}
.rb-tot{display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-size:12px}
.rb-tot div{display:flex;gap:16px;justify-content:space-between;min-width:220px}
.rb-tot b{font-variant-numeric:tabular-nums}
.rb-tot .big{font-size:15px;font-weight:700;border-top:1px solid var(--border);padding-top:6px;margin-top:2px}
.rb-qty{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.rb-qty button{width:24px;height:26px;border:0;background:#fff;cursor:pointer;display:grid;place-items:center}
.rb-qty button:hover{background:var(--accent-soft);color:var(--accent)}
.rb-qty span{min-width:24px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.rb-timeline{display:flex;flex-direction:column;gap:0;font-size:11.5px}
.rb-timeline div{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;padding:5px 0;border-bottom:1px dashed #ECEAE3}
.rb-timeline i{width:8px;height:8px;border-radius:50%;background:var(--c,#CBD5E1)}
.rb-timeline small{color:var(--muted)}
.rb-pick{display:flex;flex-direction:column;max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:10px}
.rb-pick .rb-pick-i{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid #F1F0EC;font-size:12px}
.rb-pick .rb-pick-i:last-child{border-bottom:0}
.rb-pick .rb-pick-i b{display:block;font-weight:600}
.rb-pick .rb-pick-i small{color:var(--muted);font-size:10.5px}
.rb-pick .rb-cpi{width:100%;border:0;border-bottom:1px solid #F1F0EC;background:#fff;text-align:left;cursor:pointer;font:inherit;color:inherit}
.rb-pick .rb-cpi:hover{background:var(--zebra)}
.rb-pick .rb-cpi.on{background:var(--accent-soft)}
.rb-cp .vsearch{width:auto}
.rb-stepper{display:flex;gap:6px;align-items:center;font-size:11.5px;color:var(--muted);flex-wrap:wrap}
.rb-stepper span{display:inline-flex;align-items:center;gap:6px}
.rb-stepper span i{width:20px;height:20px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:10.5px;color:var(--text2)}
.rb-stepper span.on{color:var(--ink);font-weight:600}
.rb-stepper span.on i{background:var(--accent);color:#fff}
.rb-stepper span.ok i{background:var(--success);color:#fff}
.rb-stepper b{width:18px;height:1px;background:var(--border)}
.rb-acc{border:1px solid var(--border);border-radius:10px;overflow:hidden}
.rb-acc details{border-bottom:1px solid var(--border)}
.rb-acc details:last-child{border-bottom:0}
.rb-acc summary{padding:9px 12px;font-weight:700;font-size:12px;cursor:pointer;background:var(--zebra);list-style:none;display:flex;justify-content:space-between}
.rb-acc summary::-webkit-details-marker{display:none}
.rb-acc-i{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;border-top:1px solid #F1F0EC;font-size:12px}
.rb-unit{display:grid;grid-template-columns:minmax(0,1fr) 130px 170px 30px;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:12px}
.rb-unit select{height:30px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:12px;padding:0 6px;background:#fff}
.rb-unit select.need{border-color:#FCA5A5;background:#FEF2F2}
@container win (max-width:560px){.rb-unit{grid-template-columns:1fr 1fr}.rb-unit>b{grid-column:1/-1}}
.rb-rcard{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1.4fr) minmax(140px,1fr) auto;gap:12px;font-size:12px;align-items:start}
.rb-rcard .acts{display:flex;flex-direction:column;gap:5px;align-items:stretch;min-width:150px}
.rb-rcard small{display:block;color:var(--muted);font-size:10.5px}
.rb-rcard select{height:28px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:11.5px;background:#fff;max-width:100%}
@container win (max-width:820px){.rb-rcard{grid-template-columns:1fr 1fr}.rb-rcard .acts{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}}
.rb-mcard{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;font-size:12px;cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%}
.rb-mcard:hover{border-color:var(--accent)}
.rb-mcard .t{display:flex;justify-content:space-between;align-items:center;gap:8px}
.rb-mcard .t b{font-size:15px;font-weight:800}
.rb-board-h{display:flex;align-items:center;gap:8px;margin-top:6px}
.rb-board-h small{color:var(--muted);font-size:11px}
.rb-vcard{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:12px;padding:11px 13px;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
.rb-vcard:hover{border-color:var(--accent)}
.rb-vcard .l{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px}
.rb-vcard .l b{font-size:13px}
.rb-vcard .l small{color:var(--muted);font-size:11px}
.rb-badges{display:flex;gap:5px;flex-wrap:wrap}
.rb-tile{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:#fff;cursor:pointer;text-align:left;font:inherit;color:inherit;display:flex;flex-direction:column;gap:2px;flex:1}
.rb-tile small{color:var(--muted);font-size:11px}
.rb-tile.on{border-color:var(--accent);background:#FDF3EF}
.rb-sum{position:sticky;top:0;display:flex;flex-direction:column;gap:10px}
.rb-2col{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:12px;align-items:start}
@container win (max-width:820px){.rb-2col{grid-template-columns:minmax(0,1fr)}}
.rb-dd{position:relative;display:inline-block}
.rb-dd-m{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 30px -12px rgba(20,20,19,.3);padding:4px;z-index:5;display:flex;flex-direction:column}
.rb-dd-m button{border:0;background:none;text-align:left;padding:7px 10px;border-radius:7px;font:inherit;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:8px}
.rb-dd-m button:hover{background:var(--zebra)}
.rb-dd-m hr{border:0;border-top:1px solid var(--border);margin:3px 0}
.rb-banner{border-radius:10px;padding:10px 12px;display:flex;gap:10px;align-items:flex-start;font-size:12px}
.rb-banner b{display:block;font-size:12.5px}
.rb-banner.wait{background:#FEF3C7;color:#92400E}
.rb-banner.ok{background:#DCFCE7;color:#166534}
.rb-banner.bad{background:#FEE2E2;color:#991B1B}
.rb-banner.neu{background:var(--bg);color:var(--text2)}
.rb-banner .acts{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.rb-sec{display:flex;flex-direction:column;gap:6px}
.rb-sec>.h5{display:flex;justify-content:space-between;align-items:center}
.rb-cost{display:grid;grid-template-columns:minmax(0,1fr) auto auto 28px;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:12px}
.rb-cost b{display:block;font-weight:600}
.rb-cost small{color:var(--muted);font-size:10.5px}
.rb-cost .v{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.rb-offer{border:1px solid var(--accent-line);background:#FFF7F1;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}
.rb-big{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
/* bare / grafice */
.rb-bars{display:flex;flex-direction:column;gap:8px}
.rb-bars .bar-t{height:7px}
.rb-print{border:1px dashed #D6D2C7;border-radius:10px;padding:16px;background:#fff;font-size:12px;line-height:1.5}
.rb-print h5{margin:0 0 8px;font-size:14px;text-align:center}
.rb-print .sig{display:flex;justify-content:space-between;margin-top:22px;color:var(--muted)}
.rb-track{max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.rb-track .rb-card{display:flex;flex-direction:column;gap:10px}
.rb-steps{display:flex;flex-direction:column}
.rb-steps div{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:6px 0;font-size:12px;color:var(--muted)}
.rb-steps div i{width:12px;height:12px;border-radius:50%;border:2px solid #CBD5E1;margin-top:3px}
.rb-steps div.done{color:var(--ink)}
.rb-steps div.done i{background:var(--success);border-color:var(--success)}
.rb-steps div.cur{color:var(--ink);font-weight:700}
.rb-steps div.cur i{border-color:var(--accent);background:var(--accent-soft)}
.rb-news{background:#fff;border:1px solid #E7E5E0;border-radius:12px;padding:14px 16px}
.rb-news.hid{opacity:.6}
.rb-news h4{margin:0;font-size:14px;font-weight:700}
.rb-news ul{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}
.rb-news li{display:grid;grid-template-columns:10px 1fr;gap:6px;font-size:12.5px;color:#334155;line-height:1.5}
.rb-news li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:7px}
.rb-news-f{display:flex;gap:12px;margin-top:10px;padding-top:8px;border-top:1px solid #F0EFEA}
.notif-list{overflow-y:auto;flex:1}
.notif{z-index:15;top:46px}
.win .toast{right:auto;left:16px;bottom:16px;z-index:30}
/* ecran complet */
.win.fs{position:fixed;inset:0;left:0;top:0;width:auto;height:auto;border-radius:0;z-index:1000;box-shadow:none}
html.rb-lock,html.rb-lock body{overflow:hidden}
/* fereastră îngustă (telefon / ecran mic) */
@container win (max-width:820px){
  .app-body{position:relative}
  .rb-kpis.k5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rb-grid3{grid-template-columns:minmax(0,1fr)}
  .rb-2col.set{grid-template-columns:minmax(0,1fr)}
}
@container win (max-width:560px){
  .rb-grid2{grid-template-columns:minmax(0,1fr)}
  .rb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dz-sheet{overflow-y:auto}
  .dz-sheet>.dz-scroll{flex:0 0 auto;overflow:visible}
  .rb-banner{flex-wrap:wrap}
  .rb-banner .acts{margin-left:0;width:100%}
  .rb-banner>span:not(.acts){flex:1 1 0;min-width:0}
  .rb-page{padding:12px 12px 24px}
  .rb-comp{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rb-wtool span{display:none}
  .rb-demo-tag{display:none}
  .rb-ov{padding:0}
  .rb-modal{border-radius:0;height:100%;max-height:none}
  .rb-kpis.k5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-top{padding:0 8px}
  .app-top-r{gap:6px}
  .app-top-r .ibox{display:none}
  .app-top-r .abtn{height:26px;padding:0 8px;font-size:11px}
}
/* ===== tab-uri în fereastra demo: Rebuilder | Magazin ===== */
.rb-tabs{display:flex;gap:2px;margin-left:14px;align-self:flex-end;height:28px;min-width:0}
.rb-tab{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;background:none;font:inherit;font-size:11.5px;font-weight:600;color:var(--slate);cursor:pointer;position:relative;top:1px;white-space:nowrap}
.rb-tab:hover{color:var(--ink);background:#F2F0EA}
.rb-tab.on{background:#fff;border-color:var(--border-warm);color:var(--ink)}
.rb-tab .logo-mark{width:16px;height:16px;border-radius:4px}
.sh-lm,.shop-mark{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:4px;background:#C8102E;color:#fff;font-size:10px;font-weight:800;font-style:normal;line-height:1;flex:0 0 auto}
.rb-tab-badge{min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#C8102E;color:#fff;font-size:9.5px;font-weight:700;display:inline-grid;place-items:center}
.rb-tab-badge[hidden]{display:none}
.win.shop-mode .app-top,.win.shop-mode .app-shell>.side,.win.shop-mode .rb-side-ov{display:none!important}
.win.shop-mode .app-main{background:#F6F6F4}

/* ===== magazinul B2B de piese în fereastra demo ===== */
.rb-page.sp{padding:0;gap:0;min-height:100%}
.rb-page.sp>.sh{flex:1}
.sh{min-height:100%;display:flex;flex-direction:column;background:#F6F6F4;color:#141413;font-size:12.5px}
.sh [hidden]{display:none!important}
.sh-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;height:52px;padding:0 18px;background:#141413;color:#fff;flex:0 0 auto}
.sh-logo{display:flex;align-items:center;gap:8px;border:0;background:none;color:#fff;cursor:pointer;font:inherit;text-align:left;padding:0}
.sh-logo .sh-lm{width:26px;height:26px;border-radius:6px;font-size:15px}
.sh-logo b{display:block;font-size:12.5px;letter-spacing:.06em;line-height:1.1}
.sh-logo small{display:block;font-size:9px;letter-spacing:.16em;color:#B9B7B0}
.sh-links{display:flex;gap:2px;margin-left:6px}
.sh-links button,.sh-acc{border:0;background:none;color:#D6D4CD;font:inherit;font-size:11px;font-weight:700;letter-spacing:.05em;height:30px;padding:0 9px;border-radius:6px;cursor:pointer;white-space:nowrap}
.sh-links button:hover,.sh-links button.on,.sh-acc:hover,.sh-acc.on{color:#fff;background:rgba(255,255,255,.1)}
.sh-acc{margin-left:auto;display:inline-flex;align-items:center;gap:6px;letter-spacing:0;font-size:11.5px}
.sh-cartbtn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:none;color:#fff;font:inherit;font-size:11px;font-weight:800;letter-spacing:.06em;cursor:pointer}
.sh-cartbtn:hover{border-color:#C8102E;background:#C8102E}
.sh-pill{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#C8102E;color:#fff;font-size:10px;font-style:normal;display:inline-grid;place-items:center}
.sh-cartbtn:hover .sh-pill{background:#fff;color:#C8102E}
.sh-wrap{padding:18px 20px 26px;display:flex;flex-direction:column;gap:14px;flex:1}
.sh-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid #E4E2DC;font-size:11px;color:#8A8A90;background:#fff}
.sh-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sh-h h2{margin:0;font-size:20px;font-weight:800;letter-spacing:.02em;max-width:none;line-height:1.15}
.sh-h p{margin:3px 0 0;color:#6B6B70;font-size:12px}
.sh-ul{border:0;background:none;padding:0;font:inherit;font-size:12px;color:#141413;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}
.sh-ul:hover{color:#C8102E}
.sh-sync{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #F3C4CC;background:#FDF2F4;border-radius:8px;color:#7A1020;font-size:12px}
.sh-sync svg{flex:0 0 auto}
.sh-sync .sh-ul{margin-left:auto;white-space:nowrap;color:#C8102E}
.sh-search{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid #D9D7D0;border-radius:8px;background:#fff;color:#8A8A90;cursor:text}
.sh-search:focus-within{border-color:#141413}
.sh-search input{border:0;outline:0;background:none;font:inherit;font-size:13px;color:#141413;width:100%;min-width:0}
.sh-cats{display:flex;gap:6px;flex-wrap:wrap}
.sh-cats button{height:28px;padding:0 12px;border:1px solid #D9D7D0;border-radius:6px;background:#fff;font:inherit;font-size:11.5px;font-weight:600;color:#3A3A3C;cursor:pointer}
.sh-cats button:hover{border-color:#141413}
.sh-cats button.on{background:#141413;border-color:#141413;color:#fff}
.sh-count{margin:0;font-size:11.5px;color:#8A8A90}
.sh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.sh-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E4E2DC;border-radius:10px;overflow:hidden}
.sh-img{height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(180deg,#F4F3EF,#ECEAE4);color:#8A8A90}
.sh-img span{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6B6B70}
.sh-cb{padding:10px 12px 4px;display:flex;flex-direction:column;gap:3px;flex:1}
.sh-meta{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8A8A90}
.sh-t{font-size:13px;line-height:1.3}
.sh-sku,.sh-codes{font-size:10.5px;color:#6B6B70}
.sh-stoc{font-size:11px;font-weight:600}
.sh-cf{padding:8px 12px 12px;display:flex;flex-direction:column;gap:8px}
.sh-price b{display:block;font-size:16px;font-weight:800}
.sh-price small{font-size:10.5px;color:#8A8A90}
.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border:1px solid #C8102E;border-radius:6px;background:#C8102E;color:#fff;font:inherit;font-size:11.5px;font-weight:800;letter-spacing:.06em;cursor:pointer;white-space:nowrap}
.sh-btn:hover{background:#A50D26;border-color:#A50D26}
.sh-btn.ol{background:#fff;color:#141413;border-color:#141413}
.sh-btn.ol:hover{background:#141413;color:#fff}
.sh-btn.big{height:42px;width:100%}
.sh-btn:disabled{background:#D9D7D0;border-color:#D9D7D0;color:#fff;cursor:not-allowed}
.sh-empty{padding:28px 14px;text-align:center;color:#8A8A90;background:#fff;border:1px solid #E4E2DC;border-radius:10px;grid-column:1/-1}
.sh-empty.dashed{border-style:dashed}
.sh-2c{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.sh-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.sh-gh{display:flex;justify-content:space-between;gap:10px;margin-top:4px;font-size:11px;color:#6B6B70}
.sh-gh b{color:#C8102E;letter-spacing:.08em}
.sh-line{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid #E4E2DC;border-radius:10px}
.sh-line.wait{border-color:#FCD34D;background:#FFFBEB}
.sh-limg,.sh-pi{display:grid;place-items:center;width:56px;height:56px;border-radius:8px;background:#F1F0EC;color:#8A8A90}
.sh-lt{display:flex;flex-direction:column;gap:2px;min-width:0}
.sh-lt b{font-size:13px}
.sh-lt small{font-size:11px;color:#6B6B70}
.sh-lq{display:flex;flex-direction:column;align-items:center;gap:4px}
.sh-lq small{font-size:10.5px;color:#8A8A90;white-space:nowrap}
.sh-lp{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.sh-lp b{font-size:13.5px;white-space:nowrap}
.sh-sum,.sh-box{background:#fff;border:1px solid #E4E2DC;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.sh-sum>*,.sh-box>*{flex:0 0 auto}
.sh-sum{position:sticky;top:64px}
.sh-sum h4,.sh-box h4{margin:0 0 2px;font-size:11.5px;font-weight:800;letter-spacing:.08em}
.sh-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px}
.sh-row span{color:#3A3A3C}
.sh-row b{white-space:nowrap}
.sh-row.it span{min-width:0}
.sh-row.stot{padding-top:8px;border-top:1px solid #E4E2DC;font-size:13px}
.sh-row.stot b{font-size:20px;font-weight:800}
.sh-row.amber{background:#FFFBEB;border:1px solid #FCD34D;border-radius:6px;padding:7px 9px}
.sh-row.amber span,.sh-row.amber b{color:#B45309}
.sh-green{color:#1B8A4B;font-size:11.5px}
.sh-amber{color:#B45309}
.sh-note{margin:0;font-size:11px;color:#8A8A90;line-height:1.45}
.sh-rec{color:#C8102E;font-weight:700}
.sh-box p{margin:0;font-size:12px;color:#3A3A3C;line-height:1.55}
.sh-radio{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #E4E2DC;border-radius:8px;cursor:pointer;font-size:12.5px}
.sh-radio:has(input:checked){border-color:#141413;background:#FAFAF8}
.sh-radio input{accent-color:#C8102E;width:15px;height:15px;margin:0}
.sh-saved{border:1px solid #E4E2DC;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;background:#FAFAF8}
.sh-saved b{font-size:12.5px}
.sh-saved small{font-size:11px;color:#6B6B70;display:block}
.sh-badge{align-self:flex-start;font-size:9.5px;font-weight:800;letter-spacing:.1em;color:#C8102E;margin-bottom:2px}
.sh .rb-fld input:focus,.sh .rb-fld textarea:focus{border-color:#141413;box-shadow:none}
.sh .rb-check input{accent-color:#C8102E}
.sh-tabs{display:flex;gap:18px;border-bottom:1px solid #E4E2DC;flex-wrap:wrap}
.sh-tabs button{border:0;background:none;padding:0 0 8px;font:inherit;font-size:11px;font-weight:800;letter-spacing:.08em;color:#6B6B70;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.sh-tabs button:hover,.sh-tabs button.on{color:#C8102E}
.sh-tabs button.on{border-bottom-color:#C8102E}
.sh-list{background:#fff;border:1px solid #E4E2DC;border-radius:10px;overflow:hidden}
.sh-or{display:grid;grid-template-columns:190px minmax(0,1fr) 116px 104px 52px;gap:12px;align-items:center;width:100%;padding:12px 14px;border:0;border-bottom:1px solid #F0EEE8;background:#fff;font:inherit;text-align:left;cursor:pointer;color:inherit}
.sh-or:last-child{border-bottom:0}
.sh-or:hover{background:#FAFAF8}
.sh-on b{display:block;font-size:12.5px}
.sh-on small{font-size:11px;color:#6B6B70}
.sh-oc{font-size:12px;color:#3A3A3C;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sh-os{font-size:11px;font-weight:800;letter-spacing:.06em}
.sh-ot{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.sh-or>.sh-ul{text-align:right}
.sh-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sh-step{padding-top:8px;border-top:3px solid #D9D7D0;display:flex;flex-direction:column;gap:2px}
.sh-step b{font-size:11px;letter-spacing:.06em;color:#8A8A90}
.sh-step small{font-size:11px;color:#6B6B70}
.sh-step.done{border-color:#1B8A4B}.sh-step.done b{color:#1B8A4B}
.sh-step.cur{border-color:#B26A00}.sh-step.cur b{color:#B26A00}
.sh-step.red{border-color:#B91C1C}.sh-step.red b{color:#B91C1C}
.sh-pr{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #F0EEE8}
.sh-pr b{font-size:12.5px}
.sh-pr>b{white-space:nowrap}
.sh-pr small{display:block;font-size:11px;color:#6B6B70;margin-top:2px}
.sh-kv small{display:block;font-size:10px;color:#8A8A90;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.sh-kv b{font-size:12px;font-weight:600}
.sh-demo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;border:1px dashed #C9C6BD;border-radius:8px;background:#FBFAF7;font-size:11.5px;color:#6B6B70}
.sh-demo>span{display:inline-flex;align-items:center;gap:6px;margin-right:auto}
.sh-demo b{color:#141413}
.sh-demo button{height:28px;padding:0 10px;border:1px solid #141413;border-radius:6px;background:#fff;font:inherit;font-size:11px;font-weight:700;cursor:pointer;color:#141413}
.sh-demo button:hover{background:#141413;color:#fff}
.sh-demo button.red{border-color:#B91C1C;color:#B91C1C}
.sh-demo button.red:hover{background:#B91C1C;color:#fff}
.sh-stag{font-size:12px;font-weight:800;letter-spacing:.06em}
.sh-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sh-kpi{background:#fff;border:1px solid #E4E2DC;border-radius:10px;padding:12px;min-width:0}
.sh-kpi small{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;color:#6B6B70}
.sh-kpi b{display:block;font-size:18px;font-weight:800;margin:6px 0 3px;font-variant-numeric:tabular-nums}
.sh-kpi span{font-size:11px;color:#8A8A90}
.sh-mini{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #F0EEE8;font-size:12px}
.sh-mini>b{white-space:nowrap}
/* popup coș */
.rb-mb.sh-pop{gap:10px;padding-top:12px;flex:1 1 auto}
.sh-syncl{display:flex;align-items:center;gap:7px;font-size:11px;color:#1B8A4B}
.sh-syncl i{width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.sh-pg{display:flex;flex-direction:column;border:1px solid #E4E2DC;border-radius:10px;overflow:hidden;flex:0 0 auto}
.sh-pgh{display:flex;justify-content:space-between;gap:10px;padding:8px 11px;background:#F6F6F4;font-size:11.5px}
.sh-pgh span{font-weight:700;white-space:nowrap}
.sh-pl{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:10px 11px;border-top:1px solid #F0EEE8;align-items:start}
.sh-pl .sh-pi{width:40px;height:40px}
.sh-pl.dim{opacity:.55}
.sh-pl.hl{background:#FDF2F4;opacity:1;box-shadow:inset 3px 0 0 #C8102E}
.sh-pt{display:flex;flex-direction:column;gap:2px;min-width:0}
.sh-pt b{font-size:12px}
.sh-pt small{font-size:10.5px}
.sh-pr2{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:11px}
.sh-pr2 b{font-size:12px;white-space:nowrap}
.sh-popf{display:flex;flex-direction:column;gap:8px;padding:12px 18px 14px;border-top:1px solid var(--border);background:#fff;text-align:center;flex:0 0 auto}
.sh-popf .sh-row{text-align:left}
.sh-popf small{font-size:10.5px}
/* deviz: catalogul shop */
.sh-pick-h{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#FDF2F4;border-bottom:1px solid #F3C4CC;font-size:11px;color:#7A1020;position:sticky;top:0;z-index:1}
.rb-pick .rb-pick-i .sh-stoc{display:block;margin-top:1px;font-size:10.5px}
@container win (max-width:820px){
  .sh-2c{grid-template-columns:1fr!important}
  .sh-sum{position:static}
  .sh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sh-links{display:none}
  .sh-or{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}
  .sh-or .sh-oc{grid-column:1/-1;grid-row:2}
  .sh-or .sh-os{grid-column:2;grid-row:1;text-align:right}
  .sh-or .sh-ot{grid-column:1;grid-row:3;text-align:left}
  .sh-or>.sh-ul{grid-column:2;grid-row:3}
  .sh-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container win (max-width:560px){
  .win-bar .dots{display:none}
  .rb-tabs{margin-left:0}
  .rb-tab{padding:0 8px;font-size:11px}
  .rb-tab .logo-mark{display:none}
  .sh-nav{gap:8px;padding:0 12px}
  .sh-logo small{display:none}
  .sh-acc span{display:none}
  .sh-wrap{padding:14px 12px 20px}
  .sh-line{grid-template-columns:44px minmax(0,1fr) auto}
  .sh-line .sh-limg{width:44px;height:44px}
  .sh-line .sh-lq{grid-column:2;flex-direction:row;align-items:center}
  .sh-line .sh-lp{grid-column:3;grid-row:2}
  .sh-kpis{grid-template-columns:1fr}
  .sh-steps{grid-template-columns:1fr}
  .sh-sync{flex-wrap:wrap}
  .sh-grid{grid-template-columns:1fr 1fr}
}
@container win (max-width:400px){.sh-grid{grid-template-columns:1fr}}
/* ===== secțiunea magazinului B2B (prezentare) ===== */
.shx-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end}
.shx-head .lead{margin:0}
.shx-eb{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.1em;color:#C8102E;margin-bottom:16px}
.shx-eb .sh-lm{width:20px;height:20px;font-size:12px;border-radius:5px}
.shx{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px;margin-top:56px;align-items:start}
.shx-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.shx-step{display:grid;grid-template-columns:30px 1fr;gap:12px;width:100%;text-align:left;border:1px solid transparent;background:none;border-radius:12px;padding:12px;cursor:pointer;font:inherit;color:inherit}
.shx-step:hover{background:rgba(255,255,255,.65)}
.shx-step .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:#fff;border:1px solid var(--border-warm);color:var(--slate)}
.shx-step b{display:block;font-size:15.5px;font-weight:600;line-height:1.3;margin-top:5px}
.shx-step small{display:block;font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.45}
.shx-step.on{background:#fff;border-color:var(--border-warm);box-shadow:0 14px 30px -22px rgba(20,20,19,.35)}
.shx-step.on small{color:var(--text2)}
.shx-step.on .n{background:#C8102E;border-color:#C8102E;color:#fff}
.shx-step.past .n{background:#DCFCE7;border-color:#BBF7D0;color:#15803D}
.shx-mock{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:stretch;position:sticky;top:96px}
.shx-p{display:flex;flex-direction:column;font-size:12.5px;min-width:0}
.shx-shop .mock-bar{gap:8px;color:var(--ink);font-weight:600}
.shx-shop .mock-bar .sh-lm{width:18px;height:18px}
.shx-pill{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#C8102E;color:#fff;font-size:10.5px;font-weight:700;display:inline-grid;place-items:center}
.shx-b1{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}
.shx-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:8px;border-bottom:1px solid #F0EFEA}
.shx-top b{display:block;font-size:13px}
.shx-top small{color:var(--muted);font-size:11.5px}
.shx-b1 .line{grid-template-columns:minmax(0,1fr) auto;font-size:12.5px;padding:8px 10px}
.shx-b1 .line small{font-size:11px}
.shx-bd{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-top:5px}
.shx-bd .abtn{height:22px;font-size:10.5px;padding:0 8px}
.shx-new{animation:flash 1.6s ease;border-color:#F3C4CC}
.shx-search{display:flex;align-items:center;gap:7px;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:12px}
.shx-search span:nth-child(2){color:var(--ink);font-weight:600}
.shx-src{margin-left:auto;font-size:10.5px;color:#C8102E;font-weight:600}
.shx-res{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid #F3C4CC;background:#FDF8F9;border-radius:9px;font-size:12px}
.shx-res b{display:block;font-weight:600}
.shx-res small{font-size:10.5px;color:var(--muted)}
.shx-res>b{white-space:nowrap}
.shx-approve{justify-content:center;height:36px;margin-top:2px}
.shx-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#C8102E}
.shx-link span{width:2px;height:40px;background:repeating-linear-gradient(#F3C4CC 0 4px,transparent 4px 8px)}
.shx-sync{display:flex;align-items:center;gap:7px;font-size:11px;color:#1B8A4B}
.shx-sync i{width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.shx-g{border:1px solid #E4E2DC;border-radius:10px;overflow:hidden}
.shx-gh{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;background:#F6F6F4;font-size:11px}
.shx-gh span{font-weight:700;white-space:nowrap}
.shx-cl{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-top:1px solid #F0EEE8;font-size:12px}
.shx-cl b{display:block;font-weight:600}
.shx-cl small{font-size:10.5px;color:var(--muted)}
.shx-cl>b{white-space:nowrap}
.shx-cl.dim{opacity:.55}
.shx-cl.flash{animation:flash 1.6s ease}
.shx-tot{display:flex;justify-content:space-between;align-items:baseline;padding-top:8px;margin-top:auto;border-top:1px solid #E4E2DC;font-size:12px}
.shx-tot b{font-size:17px}
.shx-amb{color:#B45309;font-size:11px}
.shx-fin{height:38px;border:0;border-radius:6px;background:#C8102E;color:#fff;font:inherit;font-size:12px;font-weight:800;letter-spacing:.06em;cursor:pointer}
.shx-fin:hover{background:#A50D26}
.shx-fin:disabled{background:#D9D7D0;cursor:not-allowed}
.shx-ok{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:9px;background:#DCFCE7;color:#166534;animation:flash 1.6s ease}
.shx-ok b{display:block}
.shx-ok small{font-size:11.5px}
.shx-or{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;border:1px solid #E4E2DC;border-radius:9px 9px 0 0}
.shx-or b{display:block}
.shx-or small{font-size:11px;color:var(--muted)}
.shx-st{font-size:11px;font-weight:800;letter-spacing:.06em}
.shx-or2{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:9px 10px;border:1px solid #E4E2DC;border-top:0;border-radius:0 0 9px 9px;margin-top:-8px}
.shx-or2 small{font-size:11px;color:var(--text2);line-height:1.5}
.shx-or2>b{white-space:nowrap}
.shx-tl{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.shx-tl span{padding-top:6px;border-top:3px solid #D9D7D0;font-size:9.5px;font-weight:700;color:#8A8A90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shx-tl span.done{border-color:#1B8A4B;color:#1B8A4B}
.shx-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;margin-top:40px}
.shx-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin:0}
.shx-facts li{font-size:14.5px}
.shx-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
@media (max-width:1100px){
  .shx-head,.shx,.shx-foot{grid-template-columns:1fr;gap:28px}
  .shx{margin-top:36px}
  .shx-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
}
@media (max-width:760px){
  .shx-mock{grid-template-columns:1fr}
  .shx-link{flex-direction:row;height:30px}
  .shx-link span{width:40px;height:2px;background:repeating-linear-gradient(90deg,#F3C4CC 0 4px,transparent 4px 8px)}
  .shx-facts{grid-template-columns:1fr}
  .shx-steps{grid-template-columns:1fr}
}
@media (max-width:1100px){.shx-mock{position:static}}
@media (max-width:760px){.shx-step:not(.on) small{display:none}.shx-step{padding:8px 12px}}
@container win (max-width:560px){.sh-sync>svg{display:none}}
.win:not(.fs) .dz-sheet{overflow-y:auto}
.win:not(.fs) .dz-sheet>.dz-scroll{flex:0 0 auto;overflow:visible}
.win:not(.fs) .dz-sheet>.dz-foot{position:sticky;bottom:0;z-index:3}
/* ===== Popup Add Receptie ===== */
.rb-modal.rb-bare{border-radius:8px}
.ar-h{height:40px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:4px 16px;background:#141413;color:#fff;border-radius:8px 8px 0 0}
.ar-h b{font-size:15px;font-weight:700}
.ar-h button{border:0;background:none;color:#fff;cursor:pointer;display:grid;place-items:center;padding:2px}
.ar-steps{flex:0 0 auto;height:70px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 22px;border-bottom:1px solid #e6e6e6;gap:8px}
.ar-steps span{display:flex;align-items:center;gap:8px;color:rgba(0,0,0,.4)}
.ar-steps i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:15px;border:1px solid rgba(0,0,0,.3);background:rgba(0,0,0,.05);color:rgba(0,0,0,.3)}
.ar-steps b{font-size:13.5px;font-weight:700}
.ar-steps span.on{color:#141413}
.ar-steps span.on i{border-color:#141413;background:rgba(0,0,0,.3);box-shadow:0 1px 4px rgba(0,0,0,.5);color:#141413}
.rb-mb.ar-b{padding:12px;gap:10px;flex:1 1 auto;min-height:0}
.rb-mb.ar-b.tall{min-height:300px}
.ar-ft{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid #e6e6e6}
.ar-dark{height:34px;padding:0 14px;border-radius:6px;border:0;background:#141413;color:#fff;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.ar-dark:hover{background:#D97757}
.ar-dark:disabled{background:rgba(0,0,0,.25);cursor:not-allowed}
.ar-cancel{height:34px;padding:0 12px;border:0;background:none;color:#DB0000;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.ar-cancel:disabled{color:rgba(0,0,0,.5);cursor:not-allowed}
.ar-in{height:36px;border:1px solid #E0E0E0;border-radius:8px;padding:0 12px;font:inherit;font-size:13px;width:100%;flex:0 0 auto;background:#fff}
.ar-r{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.ar-r:has(>:only-child){justify-content:flex-end}
.ar-addb{height:28px;padding:0 10px;border:0;border-radius:6px;background:#FFB38A;color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.ar-addb:hover{background:#2563eb}
.ar-stocb{height:28px;padding:0 12px;border:0;border-radius:6px;background:#1D9E75;color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.ar-list{display:flex;flex-direction:column;gap:8px;padding:2px}
.ar-cl{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;color:inherit;padding:10px 12px;border:1px solid #EDF2F9;border-radius:8px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer;transition:transform .15s}
.ar-cl:hover{transform:translateY(-1px)}
.ar-cl.on{border-color:rgba(0,0,0,.2);background:rgba(0,0,0,.03)}
.ar-cl b{display:block;font-size:14px;font-weight:500}
.ar-cl small{display:block;font-size:12px;color:rgba(0,0,0,.5)}
.ar-pill{display:grid;place-items:center;width:30px;height:30px;border:1px solid #EDF2F9;border-radius:50px;flex:0 0 auto;font-style:normal}
.ar-pill.blk{border-color:#141413}
.ar-back{align-self:flex-start;height:28px;padding:0 10px;border:0;border-radius:6px;background:#141413;color:#fff;font:inherit;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.ar-back.lt{background:#fff;border:1px solid #E0E0E0;color:#475569}
.rb-modal form.ar-nc,.rb-modal form.ar-det{display:flex;flex-direction:column;gap:10px}
.ar-nc .seg{align-self:flex-start}
.ar-f{display:flex;flex-direction:column;gap:4px}
.ar-f[hidden]{display:none}
.ar-f label{font-size:12px;font-weight:600;color:#475569;display:flex;align-items:center;gap:6px}
.ar-f input,.ar-f select,.ar-f textarea{height:38px;border:1px solid #E2E8F0;border-radius:8px;padding:0 11px;font:inherit;font-size:13px;background:#fff;color:inherit}
.ar-f textarea{height:56px;padding:8px 11px;resize:vertical}
.ar-f input[readonly]{background:#F1F5F9;cursor:not-allowed}
.ar-f small{font-size:12px;color:#6B7280}
.ar-f small:empty{display:none}
.ar-opt{font-size:10px;font-weight:600;color:#64748B;background:#F1F5F9;border-radius:999px;padding:1px 7px}
.ar-stp{display:flex;flex-direction:column;gap:8px}
.ar-stp>b{color:#1D9E75;font-size:12px;font-weight:700}
.ar-stp p{margin:0;font-size:12px;color:#475569;line-height:1.5}
.ar-vz{display:block;width:100%;text-align:left;font:inherit;font-size:12px;padding:8px 10px;border:1px solid #E2E8F0;border-radius:8px;background:#fff;cursor:pointer;color:inherit}
.ar-vz small{display:block;color:#64748B;font-size:11px}
.ar-vz.on{border-color:#1D9E75;background:rgba(29,158,117,.06)}
.ar-vzl{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}
.ar-sep{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#475569}
.ar-sep::before,.ar-sep::after{content:"";flex:1;height:1px;background:#e6e6e6}
.ar-empty{border:1px dashed #CBD5E1;border-radius:8px;padding:14px;text-align:center;font-size:12px;color:#64748B}
.ar-pr{display:grid;grid-template-columns:minmax(0,1fr) 92px 150px 22px;gap:8px;align-items:center;border:1px solid rgba(0,0,0,.5);background:rgba(0,0,0,.1);border-radius:8px;padding:8px 10px}
.ar-pl b{display:block;font-size:13px;font-weight:500}
.ar-pl small{display:inline-flex;align-items:center;gap:3px;font-size:11px;margin-right:8px}
.ar-dd{height:30px;border:1px solid #CBD5E1;border-radius:6px;background:#fff;font:inherit;font-size:12px;color:#141413;padding:0 6px;min-width:0}
.ar-dd.need{color:#EF4444;border-color:#EF4444}
.ar-rm{width:20px;height:20px;display:grid;place-items:center;border:1px solid #EF4444;background:rgba(239,68,68,.3);color:#EF4444;border-radius:4px;cursor:pointer;padding:0}
.ar-acc{border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#fff;flex:0 0 auto}
.ar-acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13.5px;font-weight:600;cursor:pointer}
.ar-acc summary::-webkit-details-marker{display:none}
.ar-acc summary svg{transition:transform .2s}
.ar-acc[open] summary svg{transform:rotate(180deg)}
.ar-ti{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;border-top:1px solid #F1F0EC;font-size:13px}
.ar-addt{height:26px;padding:0 12px;border:1px solid rgba(0,0,0,.2);border-radius:6px;background:rgba(59,130,246,.1);color:rgba(0,0,0,.5);font:inherit;font-size:12px;cursor:pointer}
.ar-addt:hover{color:#141413}
.ar-sum{border:1px solid rgba(0,0,0,.2);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;flex:0 0 auto}
.ar-sh{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(0,0,0,.5)}
.ar-sc{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ar-sc b{display:block;font-size:13.5px;font-weight:500}
.ar-sc small{display:block;font-size:11.5px;color:#64748B}
.ar-sp{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;border-top:1px solid #F1F0EC;padding-top:6px}
.ar-sp small{display:block;font-size:11.5px;color:#64748B}
.ar-sp>span:last-child{display:inline-flex;align-items:center;gap:4px}
@container win (max-width:560px){.ar-pr{grid-template-columns:1fr 1fr 22px}.ar-pl{grid-column:1/-1}}
/* ===== /tehnician: Popup Devizare + More Info ===== */
.rb-modal.td-modal{height:80%;max-height:760px;border-radius:12px;border:1px solid #E2E8F0;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.rb-modal.td-modal.mi{max-height:700px}
.td-pan{display:flex;flex-direction:column;height:100%;min-height:0;background:#fff;font-size:12.5px;color:#141413}
.td-h{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #E2E8F0;background:#fff;flex:0 0 auto}
.td-h span{min-width:0;flex:1}
.td-h b{display:block;font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-h small{display:block;font-size:11.5px;color:#94A3B8}
.td-x{margin-left:auto;border:0;background:none;color:#808080;cursor:pointer;display:grid;place-items:center;padding:4px}
.td-pan .td-b{flex:1 1 auto;min-height:0;overflow-y:auto;background:#F4F3EE;padding:16px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin}
.td-pan .td-b.mi{background:#F8FAFC}
.td-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;flex:0 0 auto}
.td-k,.td-lbl{font-size:10px;font-weight:600;letter-spacing:.12em;color:#94A3B8;margin-bottom:6px}
.td-card>.td-k{margin:0}
.td-lbl.req{color:#EF4444}
.td-cod{width:100%;height:44px;border-radius:8px;border:1px solid #22C55E;background:#fff;padding:0 12px;font:inherit;font-size:16px;font-weight:600;color:#141413}
.td-cod:not(.ok){border:2px solid #EF4444;background:#EF44440D}
.td-probs{display:flex;flex-direction:column;gap:6px}
.td-prob{text-align:left;font:inherit;font-size:13px;font-weight:500;color:#141413;background:#fff;border:1px solid #E2E8F0;border-radius:4px;padding:8px 10px;cursor:pointer}
.td-prob.on{border-color:#EF4444;background:#EF44441A}
.td-comps{display:flex;flex-direction:column;gap:8px}
.td-comp{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:8px;border:1px solid #E2E8F0;background:#fff}
.td-comp.set{border-color:var(--c);background:color-mix(in srgb,var(--c) 8%,white)}
.td-comp b{font-size:13px;font-weight:600}
.td-comp span{display:flex;flex-wrap:wrap;gap:6px}
.td-st{font:inherit;font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px;border:1px solid var(--c);background:color-mix(in srgb,var(--c) 10%,white);color:var(--c);cursor:pointer}
.td-pz{display:flex;flex-wrap:wrap;gap:8px}
.td-th{position:relative;width:72px;height:72px;border-radius:8px;border:1px solid #E2E8F0;overflow:hidden}
.td-th img{width:100%;height:100%;object-fit:cover;display:block}
.td-pdel{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(20,20,19,.72);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.td-pdel.arm{background:#DC2626}
.td-up{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:110px;border:2px dashed #CCCCCC;border-radius:8px;cursor:pointer;color:#64748B;text-align:center;padding:10px}
.td-up b{font-size:13px;color:#141413;font-weight:600}
.td-up small{font-size:11px}
.td-note{width:100%;height:36px;border:1px solid #E2E8F0;border-radius:8px;padding:0 10px;font:inherit;font-size:13px}
.td-f{flex:0 0 auto;display:flex;justify-content:flex-end;padding:10px 16px;border-top:1px solid #E2E8F0;background:#fff}
.td-save{background:#D97757;color:#fff;border:0;border-radius:8px;padding:9px 20px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 6px rgba(217,119,87,.3)}
.td-save:disabled{background:#B1ADA1;cursor:not-allowed;box-shadow:none}
.td-fin{background:#22C55E;color:#fff;border:0;border-radius:8px;padding:9px 20px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s,background-color .15s}
.td-fin:hover{background:#22C55EB3;transform:translateY(-1px);box-shadow:0 4px 10px rgba(34,197,94,.3)}
.td-meta{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid #E2E8F0;flex:0 0 auto}
.td-meta small{margin-left:auto;font-size:12px;color:#94A3B8}
.td-stc{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;color:var(--c);background:color-mix(in srgb,var(--c) 10%,white);white-space:nowrap}
.td-box{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;color:#D97757;background:#D9775714;white-space:nowrap}
.td-pan.more .td-card{padding:14px;gap:6px}
.td-ph{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.td-cb{font-size:12px;font-weight:700;color:#D97757;background:#D9775714;border-radius:6px;padding:2px 8px}
.td-sec{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.12em;color:#94A3B8;margin-top:6px}
.td-sec.red{color:#EF4444}
.td-cr{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#F8FAFC;padding:7px 10px;border-radius:6px;font-size:13px;color:#475569}
.td-pr{display:flex;align-items:center;gap:8px;background:#EF44440D;border:1px solid rgba(239,68,68,.25);border-radius:6px;padding:7px 10px;color:#EF4444;font-size:13px;font-weight:500}
.pov{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:6;animation:pfade .24s ease}
@keyframes pfade{from{opacity:0}}
.phone .td-pan{width:92%;height:88%;border-radius:12px;overflow:hidden;font-size:10px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.phone .td-pan.more{height:auto;max-height:88%}
.phone .td-h{padding:8px 10px;gap:6px}
.phone .td-h b{font-size:12.5px}
.phone .td-h small{font-size:8.5px}
.phone .td-pan .td-b{padding:8px;gap:8px;scrollbar-width:none}
.phone .td-pan .td-b::-webkit-scrollbar{display:none}
.phone .td-card{padding:9px;gap:8px;border-radius:9px}
.phone .td-k,.phone .td-lbl,.phone .td-sec{font-size:7.5px;margin-bottom:4px}
.phone .td-card>.td-k{margin:0}
.phone .td-k.nt{color:#D97757}
.phone .td-cod{height:30px;font-size:11px;padding:0 8px;border-radius:6px}
.phone .td-probs{gap:4px}
.phone .td-prob{font-size:9.5px;padding:5px 8px;min-height:26px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.phone .td-comp{padding:6px;gap:5px}
.phone .td-comp b{font-size:9.5px}
.phone .td-comp span{gap:3px}
.phone .td-st{font-size:8.5px;padding:0 5px;min-height:22px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.phone .td-up{min-height:66px;gap:2px;padding:6px}
.phone .td-up svg{width:14px;height:14px}
.phone .td-up b{font-size:9.5px}
.phone .td-up small{font-size:7.5px}
.phone .td-note{height:28px;font-size:10px;padding:0 8px}
.phone .td-f{padding:7px 8px}
.phone .td-save,.phone .td-fin{width:100%;min-height:32px;font-size:11px;padding:0}
.phone .td-meta{padding:6px 10px;gap:5px;flex-wrap:wrap}
.phone .td-stc,.phone .td-box{font-size:8.5px;padding:1px 6px}
.phone .td-meta small{font-size:8.5px}
.phone .td-cb{font-size:9px}
.phone .td-cr,.phone .td-pr{font-size:9.5px;padding:5px 7px}
.phone .td-th{width:52px;height:52px}
/* ===== tutorial pe hero: cursor + cameră ===== */
.canvas.tour{transition:transform 1s cubic-bezier(.65,0,.35,1)}
.tcur{position:absolute;left:0;top:0;width:24px;height:24px;z-index:80;pointer-events:none;opacity:0;transition:transform .85s cubic-bezier(.45,.05,.2,1),opacity .3s ease;will-change:transform}
.tcur.on{opacity:1}
.tcur svg{position:absolute;left:-3px;top:-2px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));transform-origin:3px 2px;transition:transform .15s}
.tcur.down svg{transform:scale(.8)}
.tcur .rp{position:absolute;left:-16px;top:-16px;width:32px;height:32px;border-radius:50%;border:2px solid var(--accent);opacity:0}
.tcur.clk .rp{animation:tcrp .6s ease-out}
@keyframes tcrp{0%{transform:scale(.2);opacity:1}100%{transform:scale(1.7);opacity:0}}
.stage.touring{box-shadow:inset 0 0 0 1px rgba(217,119,87,.25)}
.tour-bar[hidden]{display:none}
.tspot{position:absolute;left:0;top:0;width:0;height:0;z-index:75;pointer-events:none;border-radius:calc(9px / var(--z,1));box-shadow:0 0 0 calc(2px / var(--z,1)) var(--accent),0 0 0 4000px rgba(20,20,19,.5);opacity:0;transition:opacity .4s ease}
.tspot.on{opacity:1}
.tpop{position:absolute;left:0;top:0;z-index:95;width:326px;padding:14px 16px 12px;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 24px 50px -18px rgba(20,20,19,.55),0 0 0 1px rgba(20,20,19,.06);opacity:0;pointer-events:none;transition:opacity .3s ease;font-size:14px;line-height:1.5}
.tpop.on{opacity:1;pointer-events:auto}
.tp-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tp-k{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.tp-sc{font-size:11.5px;color:var(--slate);white-space:nowrap}
.tp-t{display:block;font-size:16.5px;font-weight:650;letter-spacing:-.01em;margin:6px 0 4px}
.tp-x{margin:0;font-size:13.5px;color:var(--text2)}
.tp-bar{height:3px;border-radius:2px;background:#EEEAE0;margin:12px 0 12px;overflow:hidden}
.tp-bar i{display:block;height:100%;background:var(--accent);transition:width .4s ease}
.tp-f{display:flex;align-items:center;gap:6px}
.tp-b{flex:0 0 auto;height:32px;padding:0 11px;border-radius:9px;border:1px solid var(--border-warm);background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.tp-b.ic{width:32px;padding:0;justify-content:center}
.tp-b.gh{border-color:transparent;color:var(--text2);margin-left:auto;padding:0 6px}
.tp-b.gh:hover{color:var(--accent)}
.tp-b.pri{background:var(--ink);color:#fff;border-color:var(--ink)}
.tp-b.pri:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}
.tp-b:disabled{opacity:.35;cursor:default}
.stage.tfast .canvas.tour,.stage.tfast .tcur,.stage.tfast .stage-desk .phone{transition:none!important}
@media (prefers-reduced-motion:reduce){.canvas.tour,.tcur{transition-duration:.01s!important}}

.stage-desk .phone{transition:transform .8s cubic-bezier(.65,0,.35,1),opacity .6s ease}
.stage.hidephone .stage-desk .phone{transform:translateX(320px);opacity:0}
.tour-bar{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:7px 7px 9px 16px;border-radius:999px;background:rgba(20,20,19,.9);color:#fff;font-size:14px;box-shadow:0 18px 40px -16px rgba(20,20,19,.6);backdrop-filter:blur(6px);overflow:hidden}
.tour-bar.idle{padding:5px;bottom:12px;left:90.16%;background:rgba(20,20,19,.75)}
.tour-bar.idle .tb-btn{height:28px;font-size:12.5px}
.tb-btn{height:32px;padding:0 14px;border-radius:999px;border:0;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}
.tb-btn:hover{background:var(--accent);color:#fff}
@media (max-width:760px){.tour-bar{display:none}}
@media (prefers-reduced-motion:reduce){.canvas.tour,.tcur{transition:none}}
.kpi.red .kpi-i{background:#FEF2F2;color:#DC2626}
.kpi.neg b{color:#DC2626}
.dash-eb{font-size:10px;font-weight:600;color:#94A3B8;letter-spacing:.08em}
.dash-h{font-size:22px!important;font-weight:800!important;line-height:1.1}
.dash-ch{grid-template-columns:3fr 2fr}
.dash-at{display:flex;flex-direction:column;gap:6px}
.dash-pill{padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:700}
.dash-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:7px;background:#F8FAFC;font:inherit;text-align:left;cursor:pointer;color:inherit}
.dash-row:hover{background:#F4F4F5}
.dash-row b{display:block;font-size:12px;font-weight:600}
.dash-row small{display:block;font-size:10.5px;color:#94A3B8}
.dash-row>b{white-space:nowrap;font-weight:700}
.dash-row svg{color:#94A3B8;flex:0 0 auto}
@container win (max-width:820px){.dash-ch{grid-template-columns:1fr}}
.teh-grp{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px rgba(20,20,19,.04)}
.teh-gh{background:color-mix(in srgb,var(--c) 8%,white);border-radius:8px;padding:7px 9px}
.teh-gh b{display:block;color:var(--c);font-weight:500;font-size:12.5px}
.teh-gh small{display:block;font-size:10.5px;color:#94A3B8}
.teh-card{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;font:inherit;color:inherit;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:12px;cursor:pointer;transition:border-color .15s,transform .15s}
.teh-card:hover{border-color:#D97757;transform:translateY(-1px)}
.teh-card .t{display:flex;justify-content:space-between;align-items:center;gap:8px}
.teh-card .t b{font-size:15px;font-weight:700}
.teh-cut{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:600;color:#D97757;background:color-mix(in srgb,#D97757 8%,white)}
.teh-cl{font-size:12.5px;font-weight:500}
.teh-tip{font-size:11px;color:#64748B}
.teh-f{display:flex;justify-content:space-between;gap:8px;margin-top:6px;padding-top:7px;border-top:1px solid #F1F0EC;font-size:10.5px;color:#64748B}
.teh-f span{display:inline-flex;align-items:center;gap:4px}
.teh-f .na{color:#94A3B8}
/* ===== fișa recepției (panou lateral) ===== */
.dz-sheet{display:flex;flex-direction:column;height:100%;min-height:0}
.dz-scroll{flex:1;padding:0 0 16px!important;gap:12px!important}
.dz-head{display:flex;flex-direction:column;gap:9px;padding:12px 16px;background:#F8FAFC;border-bottom:1px solid #E2E8F0}
.dz-title{display:flex;align-items:center;gap:9px;position:sticky;top:0;z-index:6}
.dz-title>b{font-size:16px;font-weight:700}
.dz-st{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--c);background:color-mix(in srgb,var(--c) 12%,white);color:var(--ink);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer}
.dz-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}
.dz-close{background:#EF4444;color:#fff;margin-left:auto}
.dz-close:hover{background:#DC2626}
.dz-sub{display:flex;align-items:center;gap:8px;font-size:12.5px}
.dz-actions,.dz-meta{gap:7px}
.dz-meta{font-size:11.5px}
.dz-adus{display:inline-flex;align-items:center;gap:5px;color:var(--text2)}
.dz-okb{border-color:#16A34A;color:#15803D;background:#fff}
.dz-okb:hover{background:#DCFCE7}
.dz-nob{border-color:#FCA5A5;color:#B91C1C;background:#fff}
.dz-nob:hover{background:#FEE2E2}
.dz-sec,.dz-piece{padding:0 16px;display:flex;flex-direction:column;gap:5px}
.dz-lbl{font-size:10px;font-weight:700;letter-spacing:.06em;color:#94A3B8;display:flex;align-items:center;gap:4px}
.dz-txt{font-size:12.5px;color:var(--text2)}
.dz-ta{border:1px solid var(--border);border-radius:8px;padding:8px;font:inherit;font-size:12.5px}
.dz-piece{border-top:1px solid #F1F0EC;padding-top:10px}
.dz-code{display:flex;align-items:center;gap:4px}
.dz-code>span{font-size:17px;font-weight:700;margin-right:4px}
.dz-cop{font-size:10px;color:#15803D}
.dz-probs{margin:0;padding-left:16px;color:#EF4444;font-size:12px}
.dz-comps{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px}
.dz-comps b{font-weight:600}
.dz-deviz{margin:0 16px;background:#F4F3EE;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:7px}
.dz-line{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:start;background:#fff;border-radius:9px;padding:8px 10px 8px 4px}
.dz-lt b{display:block;font-size:12.5px;font-weight:600}
.dz-lt small{display:block;font-size:10.5px;color:var(--muted)}
.dz-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;align-items:center}
.dz-type{font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--bg);color:var(--text2)}
.dz-badge{font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:999px;border:0;color:var(--c);background:color-mix(in srgb,var(--c) 13%,white);font-family:inherit}
button.dz-badge{cursor:pointer}
.dz-cbtn{height:21px;padding:0 9px;border-radius:999px;border:0;font:inherit;font-size:10.5px;font-weight:700;background:#E2E8F0;color:#64748B}
.dz-cbtn.on{background:#D97757;color:#fff;cursor:pointer}
.dz-cbtn:disabled{cursor:default}
.dz-cmd{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;color:#1D4ED8;background:#1D4ED818}
.dz-lp{font-size:12.5px;white-space:nowrap;padding-top:1px}
.dz-lp small{font-weight:500;color:var(--muted)}
.dz-sub2{display:flex;gap:16px;justify-content:flex-end;font-size:11.5px;color:var(--text2);padding-top:2px}
.dz-add{margin:0 16px;border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:9px}
.dz-shopchip{background:#D97757;border-color:#D97757;color:#fff}
.dz-shopchip:hover{background:#C9684A;color:#fff}
.dz-shopchip.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #D97757}
.dz-add .fchip.on:not(.dz-shopchip){background:#141413;border-color:#141413;color:#fff}
.dz-results{display:flex;flex-direction:column;gap:6px}
.dz-results:empty{display:none}
.dz-res{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:9px;align-items:center;padding:8px 10px;border:1px solid #F1F0EC;border-radius:9px;font-size:12px}
.dz-res.shop{grid-template-columns:44px minmax(0,1fr) auto auto}
.dz-img{width:44px;height:44px;border-radius:8px;background:#F1F0EC;display:grid;place-items:center;color:#94A3B8}
.dz-rt b{display:block;font-weight:600}
.dz-rt small{display:block;font-size:10.5px;color:var(--muted)}
.dz-rp{white-space:nowrap}
.dz-ok{font-size:11px;font-weight:700;color:#15803D}
.dz-shoph{display:flex;justify-content:space-between;align-items:baseline;font-size:11px}
.dz-shoph b{color:#D97757;letter-spacing:.05em}
.dz-shoph small{color:var(--muted)}
.dz-hint{margin-top:4px;font-size:11.5px;color:#D97757}
.dz-tarif{background:#FFE8DB;border-color:#FFE8DB;color:#9A3412}
.dz-foot{flex:0 0 auto;border-top:1px solid var(--border);background:#fff;padding:10px 16px;display:flex;flex-direction:column;gap:9px}
.dz-offer{border:1px solid var(--accent-line);background:#FFF7F1;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.dz-intern input{background:#F0FDF4}
.dz-total{display:flex;gap:20px;align-items:flex-start}
.dz-def{flex:1;display:flex;flex-direction:column;gap:2px}
.dz-def .kv{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
.dz-def .kv>div{padding:1px 0!important;border:0!important;font-size:11px!important;display:flex;justify-content:space-between;gap:8px}
.dz-def .kv span{color:var(--muted)}
.dz-tot{text-align:right}
.dz-big{font-size:20px;font-weight:800;display:flex;align-items:center;gap:4px;justify-content:flex-end}
.dz-anlink{color:#64748B!important;margin-left:auto;text-decoration:underline}
.dz-anul{border:1px solid #FECACA;background:#FEF2F2;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.dz-anul p{margin:0;font-size:12px;color:#7F1D1D}
.dz-anin{height:32px;border:1px solid var(--border);border-radius:8px;padding:0 10px;font:inherit;flex:1}
.dz-anbtn{background:#E5E7EB;color:#64748B}
.dz-anbtn.red{background:#EF4444;color:#fff}
@container win (max-width:560px){.rb-modal.rb-sheet{width:100%}.dz-res{grid-template-columns:minmax(0,1fr) auto}.dz-res.shop{grid-template-columns:44px minmax(0,1fr)}.dz-total{flex-direction:column}}
.rc-st{display:inline-flex;align-items:center;height:21px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 13%,white);border:1px solid color-mix(in srgb,var(--c) 33%,white);white-space:nowrap;justify-self:start}
.rb-tr.nopr{background:#FFF7ED}
.rb-tr[data-dbl]{cursor:pointer;user-select:none}
.rb-tr[data-dbl]:hover{background:#F8FAFC}
.rb-tr.nopr[data-dbl]:hover{background:#FFEDD5}
.rc-chip{height:26px;padding:0 11px;border-radius:999px;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;background:#F4F3EE;color:#141413;border:1px solid transparent}
.rc-chip.has{background:#EFC6B8;border-color:#D97757}
.rc-chip.on{background:#D97757;color:#fff;border-color:#D97757}
.rc-chip:hover{background:#FFB38A}
.rc-pg{font-size:11.5px}
.rc-per{height:26px;min-width:32px;padding:0 8px;border-radius:7px;border:1px solid var(--border);background:#fff;font:inherit;font-size:11.5px;cursor:pointer}
.rc-per.on{background:#D97757;border-color:#D97757;color:#fff}
.rc-rids{display:flex;flex-wrap:wrap;gap:10px}
.rc-rid{width:300px;max-width:100%;background:#FAFAF7;border:1px solid #F1F0EC;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:5px;font-size:12px}
.rc-rid small{display:block;font-size:10.5px}
.rc-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px}
/* telefon: pagina /tehnician */
.pbody{overflow-y:auto!important;scrollbar-width:none;position:relative}
.pbody::-webkit-scrollbar{display:none}
.ptop{justify-content:flex-start}
.ptop .app-logo{font-size:13px}
.ptop .logo-mark{width:20px;height:20px;border-radius:5px}
.pgrp{background:#fff;border:1px solid #E2E8F0;border-radius:11px;padding:8px;display:flex;flex-direction:column;gap:6px;flex:0 0 auto}
.pgrp-h{background:color-mix(in srgb,var(--c) 8%,white);border-radius:7px;padding:5px 7px}
.pgrp-h b{display:block;color:var(--c);font-weight:500;font-size:11px}
.pgrp-h small{display:block;font-size:9px;color:#94A3B8;line-height:1.3}
.pjob{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;font:inherit;color:inherit;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:8px;cursor:pointer}
.pjob:hover{border-color:#D97757}
.pjob .t{display:flex;justify-content:space-between;align-items:center;gap:6px}
.pjob .t b{font-size:13px;font-weight:700}
.pjob .teh-cut{font-size:9px;padding:1px 6px}
.pcl{font-size:11px;font-weight:500}
.pjob>small{font-size:10px;color:#64748B}
.pjf{display:flex;justify-content:space-between;gap:6px;margin-top:4px;padding-top:5px;border-top:1px solid #F1F0EC;font-size:9.5px;color:#64748B}
.pjf span{display:inline-flex;align-items:center;gap:3px}