:root{
--bg:#F1F4F8; --surface:#FFFFFF; --ink:#151428; --ink-2:#4A5160; --muted:#687080;
--line:#E4E7EE;
--accent:#2B44FF; --accent-hover:#1F33CC; --accent-ink:#FFFFFF; --accent-soft:#EDF0FF;
--gold:#D99A2B; --gold-soft:#FBF3DF;
--ok:#1F8A5B; --ok-soft:#E8F5EE; --warn:#9A6B00; --warn-soft:#FBF3D9;
--danger:#C03A2E; --danger-soft:#FBEBE9;
--sidebar:#1E2230; --sidebar-ink:#C9CEDA; --sidebar-active:#FFFFFF;
}
/* TOKEN_DELTAS: familia legacy de nuante reci saturate exclusa integral; sidebar slate structural
(shell la Pas 3); --muted intarit pentru contrast (~5,0:1 pe alb, ~4,5:1 pe fundal). */
.tdot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none;}
.tdot--hot{background:var(--danger);}
.tdot--warm{background:var(--warn);}
.tdot--cold{background:var(--muted);}
.tdot--new{background:var(--accent);}
.check{color:var(--ok);font-weight:700;}
.ic{display:inline-block;vertical-align:-2px;}
.ic,.ic *,.tdot,.check{pointer-events:none;}
::-webkit-scrollbar-thumb{background:#C9CDD6;border-radius:8px;}
/* === T4 ZORII - self-hosted fonts + scoped v7 design tokens/classes ===
Scope: .z-root (both transplanted views). Existing tokens/classes untouched. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/inter-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/inter-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url(/static/fonts/jetbrains-mono-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url(/static/fonts/jetbrains-mono-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* T12 — drawerele traiesc pe , in afara `.z-root`: tokenii Zorii trebuie sa
fie disponibili si acolo, altfel suprafetele raman transparente. */
.z-root,#zw-root{
--paper:#FCFBF9; --card:#FFFFFF; --ink:#151A26; --ink-2:#4B5265; --ink-3:#8A90A0; --line:#E6E7EC;
/* produse */
--ip:#1D4ED8; --ip-2:#3B82F6; --ip-deep:#1E3A8A; --ip-soft:#E8EEFF; --ip-wash:#EEF3FF;
--np:#EA580C; --np-2:#FB923C; --np-deep:#C2410C; --np-soft:#FEEBDD; --np-wash:#FFF1E8;
--cd:#7C3AED; /* non-product warm/status gold — identical values, own name so a
product-colour decision can never silently repaint status surfaces again */
--warm:#D97706;--warm-2:#FBBF24;--warm-deep:#B45309;--warm-soft:#FCF0D2;--warm-wash:#FFF7E0;
--cd-2:#A78BFA; --cd-deep:#5B21B6; --cd-soft:#EDE9FE; --cd-wash:#F5F3FF;
/* etape */
--tras:#059669; --tras-2:#34D399; --tras-wash:#E2F6EC;
--spre:#0E7490; --spre-2:#22D3EE;
--aprob:#F59E0B; --aprob-2:#FCD34D; --aprob-ink:#6B4A00; --aprob-soft:#FDF2D9;
--depus-soft:#E7F0FB; --depus-ink:#1E40AF;
--anal-soft:#F0F1F4;
--rosu:#DC2626; --rosu-2:#F87171; --rosu-soft:#FDE5E5; --rosu-wash:#FCEBEB;
--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
--ease:cubic-bezier(.16,1,.3,1);
--sh1:0 1px 2px rgba(21,26,38,.05),0 10px 30px rgba(21,26,38,.08);
--sh2:0 3px 6px rgba(21,26,38,.07),0 20px 46px rgba(21,26,38,.14);
--dawn:linear-gradient(118deg,#0F2E8A 0%,#1D4ED8 34%,#B45309 66%,#D97706 78%,#EA580C 100%);
}
*{margin:0;padding:0;box-sizing:border-box}
::selection{background:var(--ip);color:#fff}
.z-root{font-family:var(--sans);color:var(--ink);font-size:14px;line-height:1.45;min-height:100vh;background:
radial-gradient(860px 380px at 10% -70px,rgba(59,130,246,.12),transparent 62%),
radial-gradient(760px 360px at 90% -50px,rgba(251,146,60,.10),transparent 62%),
radial-gradient(600px 300px at 50% 112%,rgba(251,191,36,.07),transparent 65%),
var(--paper)}
.z-wrap{max-width:1300px;margin:0 auto;padding:26px 36px 100px}
.z-mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
/* segmented */
/* HERO — zorii */
.z-hero{position:relative;overflow:hidden;border-radius:26px;padding:28px 34px 26px;color:#fff;margin-bottom:24px;
background:var(--dawn);
box-shadow:0 26px 60px rgba(15,46,138,.35), inset 0 1px 0 rgba(255,255,255,.25)}
.z-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(560px 300px at 88% -22%,rgba(255,210,120,.42),transparent 62%),
radial-gradient(480px 300px at 0% 126%,rgba(96,165,250,.4),transparent 66%)}
.z-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;
background:repeating-linear-gradient(90deg,#fff 0 1px,transparent 1px 92px),
repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 92px)}
.z-shine{position:absolute;top:0;bottom:0;width:240px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);
transform:skewX(-14deg);left:-280px;animation:z-sweep 1.7s .45s var(--ease) forwards;pointer-events:none}
to{left:125%}
.z-hero .z-eyebrow{display:flex;justify-content:space-between;align-items:baseline;position:relative;z-index:1}
.z-hero .z-eyebrow .z-t{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:#DCE7FF}
.z-hero .z-eyebrow .z-m{font-family:var(--mono);font-size:11.5px;color:#F3EBDD;opacity:.9}
.z-hero h1{font-size:32px;font-weight:900;letter-spacing:-.03em;margin:9px 0 3px;position:relative;z-index:1}
.z-hero .z-sub{font-size:13.5px;position:relative;z-index:1;color:#EEF3FF;opacity:.92}
.z-hgrid{display:grid;grid-template-columns:repeat(6,auto);margin-top:20px;position:relative;z-index:1;justify-content:start}
.z-hgrid.z-four{grid-template-columns:repeat(4,auto)}
.z-hk{padding-right:32px;margin-right:32px;border-right:1px solid rgba(255,255,255,.25)}
.z-hk:last-child{border:0;margin:0;padding-right:0}
.z-hgrid.z-four .z-hk{padding-right:50px;margin-right:50px}
.z-hk .z-v{font-family:var(--mono);font-weight:800;font-size:30px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 2px 18px rgba(10,25,60,.45)}
.z-hgrid.z-four .z-hk .z-v{font-size:34px}
.z-hk .z-v small{font-size:12.5px;opacity:.8;font-weight:800;margin-left:4px}
.z-hk .z-l{font-size:11.5px;color:#EAF0FE;opacity:.88;margin-top:4px;font-weight:600}
.z-hk.z-c-live .z-v{color:#93E7C3}
.z-hk.z-c-gold .z-v{color:#FDE68A}
/* mix produse */
.z-mix{position:relative;z-index:1;margin-top:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);border-radius:16px;padding:12px 16px 14px;backdrop-filter:blur(6px)}
.z-mix .z-lbl{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#EAF0FF;opacity:.9;margin-bottom:9px}
.z-mixbar{display:flex;height:14px;border-radius:100px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.22)}
.z-mixbar span{height:100%}
.z-mixleg{display:flex;gap:22px;margin-top:9px;font-size:11.5px;font-weight:700;color:#F3F7FF;flex-wrap:wrap}
.z-mixleg .z-d{width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:7px;vertical-align:-1px}
/* SECTION BANNERS */
.z-pband{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:14px;margin:10px 0 12px;
padding:13px 18px;border-radius:16px;color:#fff;box-shadow:0 10px 26px rgba(21,26,38,.18)}
.z-pband.z-ip{background:linear-gradient(100deg,var(--ip-deep),var(--ip) 60%,var(--ip-2))}
.z-pband.z-np{background:linear-gradient(100deg,var(--np-deep),var(--np) 60%,var(--np-2))}
.z-pband.z-cd{background:linear-gradient(100deg,var(--cd-deep),var(--cd) 60%,var(--cd-2));color:#fff}
.z-pband .z-pn{font-family:var(--mono);font-weight:800;font-size:14px;background:rgba(255,255,255,.22);border-radius:100px;padding:4px 13px}
.z-pband.z-cd .z-pn{background:rgba(59,42,0,.16)}
.z-pband b{font-size:17px;font-weight:800;letter-spacing:-.015em}
.z-pband .z-meta{font-family:var(--mono);font-size:13px;font-weight:800;opacity:.95}
.z-pband .z-clar{margin-left:auto;font-size:12px;font-weight:800;background:rgba(255,255,255,.2);border-radius:100px;padding:4px 12px}
.z-pband.z-cd .z-clar{background:rgba(59,42,0,.14)}
.z-archive-toggle{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-size:13px;margin:0 6px 10px;cursor:pointer;user-select:none;font-weight:600}
.z-archive-toggle input{accent-color:var(--ip)}
/* dosar card — culoarea PRODUSULUI; stările critice o bat */
.z-rows{display:flex;flex-direction:column;gap:11px;margin-bottom:10px}
.z-dcard{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;
background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px 16px 21px;cursor:pointer;
box-shadow:var(--sh1);overflow:hidden;opacity:0;transform:translateY(9px);animation:z-up .5s var(--ease) forwards;
animation-delay:calc(var(--i)*38ms);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
to{opacity:1;transform:none}
.z-dcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;transition:width .18s var(--ease)}
.z-dcard:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.z-dcard:hover::before{width:7px}
.z-dcard .z-go{position:absolute;right:14px;top:50%;transform:translate(6px,-50%);opacity:0;color:var(--ip);font-weight:800;transition:all .18s var(--ease)}
.z-dcard:hover .z-go{opacity:1;transform:translate(0,-50%)}
.z-prod-ip{background:linear-gradient(90deg,var(--ip-wash) 0%,#fff 40%)}
.z-prod-ip::before{background:linear-gradient(180deg,var(--ip),var(--ip-2))}
.z-prod-np{background:linear-gradient(90deg,var(--np-wash) 0%,#fff 40%)}
.z-prod-np::before{background:linear-gradient(180deg,var(--np),var(--np-2))}
.z-prod-cd{background:linear-gradient(90deg,var(--cd-wash) 0%,#fff 40%)}
.z-prod-cd::before{background:linear-gradient(180deg,var(--cd),var(--cd-2))}
.z-st-tras{background:linear-gradient(90deg,var(--tras-wash) 0%,#fff 40%)!important}
.z-st-tras::before{background:linear-gradient(180deg,var(--tras),var(--tras-2))!important}
.z-st-blocat{background:linear-gradient(90deg,var(--rosu-wash) 0%,#fff 40%)!important}
.z-st-blocat::before{background:linear-gradient(180deg,var(--rosu),var(--rosu-2))!important}
.z-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
font-weight:800;font-size:13.5px;flex:none;border:2px solid #fff}
.z-prod-ip .z-avatar{background:var(--ip-soft);color:var(--ip);box-shadow:0 0 0 1px #C6D6FE,0 4px 10px rgba(29,78,216,.2)}
.z-prod-np .z-avatar{background:var(--np-soft);color:var(--np-deep);box-shadow:0 0 0 1px #FBD2B5,0 4px 10px rgba(234,88,12,.2)}
.z-prod-cd .z-avatar{background:var(--cd-soft);color:var(--cd-deep);box-shadow:0 0 0 1px #F1DDA0}
.z-st-tras .z-avatar{background:#D3F1E3;color:var(--tras);box-shadow:0 0 0 1px #A9E5C9}
.z-st-blocat .z-avatar{background:var(--rosu-soft);color:var(--rosu);box-shadow:0 0 0 1px #F6C6C6}
.z-main{min-width:0}
.z-main .z-l1{display:flex;align-items:center;gap:10px;min-width:0}
.z-main .z-name{font-weight:800;font-size:16px;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.z-ptag{font-size:9.5px;font-weight:800;letter-spacing:.06em;padding:3px 10px;border-radius:100px;flex:none;color:#fff}
.z-ptag.z-ip{background:var(--ip)}
.z-ptag.z-np{background:var(--np)}
.z-ptag.z-cd{background:var(--cd);color:#fff}
.z-badge-ref{font-size:9.5px;font-weight:800;letter-spacing:.08em;color:var(--np-deep);background:var(--np-soft);padding:3px 9px;border-radius:100px;flex:none}
.z-main .z-l2{display:flex;gap:8px;align-items:center;color:var(--ink-2);font-size:12.5px;margin-top:6px;min-width:0}
.z-main .z-l2 .z-sep{opacity:.35}
.z-main .z-l2 .z-story{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.z-main .z-l2 .z-nxt{font-weight:700;color:var(--ip);white-space:nowrap}
.z-badge-cand{display:inline-flex;gap:7px;align-items:center;font-size:11.5px;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--ip),var(--ip-2));padding:5px 14px;border-radius:100px;margin-top:9px;cursor:pointer;box-shadow:0 5px 14px rgba(29,78,216,.4)}
.z-badge-cand:hover{filter:brightness(1.07)}
.z-right{display:flex;align-items:center;gap:14px;flex:none;padding-right:14px}
.z-amount{font-family:var(--mono);font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:158px;letter-spacing:-.02em}
.z-amount small{font-size:10.5px;color:var(--ink-3);font-weight:800;margin-left:4px;letter-spacing:.04em}
.z-amount.z-clar{color:var(--aprob-ink);font-size:13px;font-weight:800;min-width:158px}
.z-amount.z-clar u{text-decoration:underline;cursor:pointer}
.z-chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;font-weight:800;padding:7px 15px;border-radius:100px;flex:none;color:#fff}
.z-chip.z-tras{background:linear-gradient(180deg,var(--tras-2),var(--tras));box-shadow:0 4px 12px rgba(5,150,105,.4)}
.z-chip.z-spre{background:linear-gradient(180deg,var(--spre-2),var(--spre));box-shadow:0 4px 14px rgba(14,116,144,.4)}
.z-chip.z-aprobat{background:linear-gradient(180deg,var(--aprob-2),var(--aprob));color:#4A3300;box-shadow:0 4px 12px rgba(245,158,11,.45)}
.z-chip.z-depus{background:var(--depus-soft);color:var(--depus-ink);box-shadow:inset 0 0 0 1px #C9D7F2}
.z-chip.z-analiza{background:var(--anal-soft);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
.z-chip.z-blocat{background:linear-gradient(180deg,var(--rosu-2),var(--rosu));box-shadow:0 4px 12px rgba(220,38,38,.4)}
.z-chip.z-dedus{outline:2px dashed rgba(21,26,38,.32);outline-offset:2.5px}
.z-urg{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;font-weight:800;padding:6px 12px;border-radius:100px;flex:none;letter-spacing:.02em}
.z-urg .z-pd{width:7px;height:7px;border-radius:50%;background:currentColor}
.z-urg.z-hot{background:linear-gradient(180deg,var(--rosu-2),var(--rosu));color:#fff;box-shadow:0 4px 12px rgba(220,38,38,.4)}
.z-urg.z-hot .z-pd{background:#fff;animation:z-pulse 1.4s ease-in-out infinite}
0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}
55%{box-shadow:0 0 0 6px rgba(255,255,255,0)}
.z-urg.z-warm{background:var(--aprob-soft);color:var(--aprob-ink)}
.z-selwrap{display:flex;flex-direction:column;gap:3px;flex:none}
select{appearance:none;-webkit-appearance:none;font-family:var(--sans);
background:#F8F8F5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%234B5265' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 11px center;
border:1px solid var(--line);border-radius:11px;padding:9px 28px 9px 12px;font-size:12.5px;font-weight:700;color:var(--ink);
width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:border-color .16s,box-shadow .16s}
select:hover{border-color:#BFC3CE}
select:focus{outline:0;border-color:var(--ip);box-shadow:0 0 0 3px var(--ip-soft)}
select.z-owner{width:140px;color:var(--ink-2)}
.z-nestd{font-size:9.5px;font-weight:800;letter-spacing:.05em;color:var(--ink-3);padding-left:3px;height:12px;text-transform:uppercase}
/* empty state Card */
.z-empty{border:2px dashed #E9C983;background:linear-gradient(120deg,#FFFBF0,#FFF7E3);border-radius:18px;padding:26px;display:flex;align-items:center;gap:18px;color:var(--warm-deep)}
.z-empty .z-big{font-size:15px;font-weight:800}
.z-empty .z-small{font-size:12.5px;color:#8A6A24;margin-top:4px;font-weight:600}
.z-empty .z-add{margin-left:auto;background:linear-gradient(120deg,var(--warm),var(--warm-2));color:#3B2A00;font-weight:800;border:0;border-radius:100px;padding:10px 20px;cursor:pointer;box-shadow:0 6px 16px rgba(217,119,6,.35);font-family:var(--sans);font-size:13px}
/* cards Venituri */
.z-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px 26px;margin-bottom:16px;box-shadow:var(--sh1)}
.z-card h3{font-size:17px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.z-card h3 .z-m{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);font-weight:700;letter-spacing:.02em}
.z-note-inline{color:var(--ink-2);font-size:12.5px}
.z-tier-track{position:relative;height:22px;border-radius:100px;margin:34px 6px 12px;
background:repeating-linear-gradient(-45deg,#E8E9E4 0 9px,#F3F3EF 9px 18px)}
.z-tick{position:absolute;top:100%;margin-top:7px;font-family:var(--mono);font-size:10px;color:var(--ink-3);transform:translateX(-50%);font-weight:700}
.z-tick::before{content:"";position:absolute;left:50%;top:-9px;width:1px;height:6px;background:#CDD0C9}
.z-tier-pipe{position:absolute;left:0;top:0;bottom:0;border-radius:100px;background:repeating-linear-gradient(-45deg,rgba(29,78,216,.30) 0 9px,rgba(29,78,216,.12) 9px 18px);animation:z-growx 1.1s var(--ease) both}
.z-tier-fill{position:absolute;left:0;top:0;bottom:0;border-radius:100px;background:linear-gradient(90deg,var(--ip-deep),var(--ip-2));box-shadow:0 0 18px rgba(59,130,246,.55);animation:z-growx 1.1s var(--ease) both}
from{width:0!important}
.z-tier-mark{position:absolute;top:-9px;bottom:-9px;width:2px;background:var(--warm)}
.z-tier-mark span{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:10.5px;font-weight:800;color:var(--warm-deep);white-space:nowrap;font-family:var(--mono)}
.z-tier-legend{display:flex;gap:24px;margin-top:34px;font-size:12.5px;color:var(--ink-2);flex-wrap:wrap;align-items:center;font-weight:600}
.z-sw{display:inline-block;width:13px;height:13px;border-radius:4px;margin-right:8px;vertical-align:-2px}
.z-interval{font-family:var(--mono);font-size:32px;font-weight:800;margin:12px 0 8px;letter-spacing:-.025em;
background:linear-gradient(95deg,var(--ip),var(--np));-webkit-background-clip:text;background-clip:text;color:transparent}
.z-interval span{font-size:14px;color:var(--ink-3);font-weight:800;-webkit-text-fill-color:var(--ink-3)}
.z-brow{display:grid;grid-template-columns:185px 1fr auto auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.z-brow:last-child{border-bottom:0}
.z-brow .z-n{font-weight:800;font-size:14px;display:flex;align-items:center;gap:10px}
.z-brow .z-n .z-cnt{font-family:var(--mono);font-size:11px;font-weight:800;color:#fff;border-radius:100px;padding:2px 9px}
.z-brow .z-n .z-dotb{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 0 3px rgba(21,26,38,.06)}
.z-track{height:18px;background:#EFEFEA;border-radius:100px;overflow:hidden;position:relative}
.z-fill{height:100%;border-radius:100px;animation:z-growx 1s var(--ease) both;position:relative}
.z-fill .z-inlbl{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:10.5px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.z-brow .z-val{font-family:var(--mono);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.z-brow .z-aux{font-size:11.5px;color:var(--aprob-ink);white-space:nowrap;width:96px;font-weight:800}
.z-brow .z-aux.z-pct{color:var(--ink-3);font-family:var(--mono);width:52px;text-align:right}
.z-move{display:grid;grid-template-columns:40px 1fr auto auto auto;gap:16px;align-items:center;padding:15px 18px;
border:1px solid var(--line);border-left:5px solid var(--ip);border-radius:16px;margin-top:10px;cursor:pointer;
transition:all .18s var(--ease);background:linear-gradient(90deg,var(--ip-wash),#fff 34%);box-shadow:var(--sh1)}
.z-move:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.z-move:hover .z-chev{transform:translateX(3px)}
.z-move .z-rk{font-family:var(--mono);font-weight:800;font-size:15px;background:linear-gradient(120deg,var(--ip),var(--np));-webkit-background-clip:text;background-clip:text;color:transparent}
.z-move .z-who{font-weight:800;font-size:15px}
.z-move .z-who small{display:block;font-weight:700;color:var(--aprob-ink);font-size:11px;margin-top:3px}
.z-move .z-bank{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;color:var(--ink-2);background:#F4F4F0;border:1px solid var(--line);padding:6px 13px;border-radius:100px;white-space:nowrap}
.z-bdot{width:8px;height:8px;border-radius:50%;flex:none}
.z-move .z-sum{font-family:var(--mono);font-weight:800;font-size:17px;white-space:nowrap;letter-spacing:-.02em}
.z-move .z-chev{color:var(--ip);font-weight:800;transition:transform .18s var(--ease)}
.z-plist{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.z-plist .z-pi{display:flex;gap:14px;align-items:baseline;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.z-plist .z-pi b{font-family:var(--mono);background:var(--aprob-soft);color:var(--aprob-ink);border-radius:100px;padding:3px 12px;font-size:12.5px;flex:none}
.z-foot{color:var(--ink-3);font-size:12px;line-height:2;margin-top:26px;border-top:1px solid var(--line);padding-top:16px;font-weight:600}
.z-legend-dash{display:inline-block;width:28px;height:15px;border-radius:100px;background:var(--anal-soft);outline:2px dashed rgba(21,26,38,.32);outline-offset:2.5px;vertical-align:-3px;margin:0 5px}
/* slide-over */
.z-overlay{position:fixed;inset:0;background:rgba(14,20,36,.45);opacity:0;pointer-events:none;transition:opacity .22s var(--ease);z-index:40;backdrop-filter:blur(3px)}
.z-panel{position:fixed;top:0;right:-500px;width:478px;max-width:95vw;height:100%;background:var(--card);z-index:50;
box-shadow:-22px 0 64px rgba(14,20,36,.3);transition:right .32s var(--ease);display:flex;flex-direction:column}
.z-root.z-open .z-overlay{opacity:1;pointer-events:auto}
.z-root.z-open .z-panel{right:0}
.z-panel .z-ph{padding:22px 26px 18px;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:center;
background:linear-gradient(120deg,#EFF3FE,#FFF6EC 70%,#fff)}
.z-panel .z-ph .z-pav{width:46px;height:46px;border-radius:50%;background:linear-gradient(120deg,var(--ip),var(--ip-2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none;box-shadow:0 6px 16px rgba(29,78,216,.35)}
.z-panel .z-ph .z-nm{font-size:18px;font-weight:800;letter-spacing:-.015em}
.z-panel .z-ph .z-mt{color:var(--ink-2);font-size:12.5px;margin-top:3px;font-weight:600}
.z-panel .z-body{padding:22px 26px;overflow-y:auto;flex:1}
.z-panel .z-body::-webkit-scrollbar{width:8px}
.z-panel .z-body::-webkit-scrollbar-thumb{background:#D5D7DE;border-radius:100px}
.z-fgroup{background:#FAFAF7;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:16px}
.z-fld{margin-bottom:14px}
.z-fld:last-child{margin-bottom:0}
.z-fld label{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}
.z-fld input,.z-fld select,.z-fld textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 13px;font-size:13.5px;font-family:var(--sans);background:#fff;font-weight:600;color:var(--ink)}
.z-fld input:focus,.z-fld select:focus,.z-fld textarea:focus{outline:0;border-color:var(--ip);box-shadow:0 0 0 3px var(--ip-soft)}
.z-fld .z-mono-in{font-family:var(--mono)}
.z-hist h4{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:6px 0 14px;font-weight:800}
.z-tl{position:relative;padding-left:22px}
.z-tl::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--ip),var(--np));border-radius:2px;opacity:.4}
.z-hev{position:relative;font-size:12.5px;margin-bottom:14px;color:var(--ink-2);font-weight:600}
.z-hev::before{content:"";position:absolute;left:-20px;top:5px;width:9px;height:9px;border-radius:50%;background:linear-gradient(120deg,var(--ip),var(--ip-2));box-shadow:0 0 0 3px var(--ip-soft)}
.z-hev .z-t{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);display:block;margin-bottom:2px}
.z-hev b{color:var(--ink)}
.z-panel .z-pf{padding:15px 26px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;background:rgba(250,250,247,.85);backdrop-filter:blur(8px)}
.z-btn{border-radius:100px;padding:11px 22px;font-weight:800;font-size:13px;cursor:pointer;border:1px solid var(--line);background:var(--card);font-family:var(--sans);transition:all .16s var(--ease)}
.z-btn:hover{border-color:#BFC3CE}
.z-btn.z-primary{background:linear-gradient(120deg,var(--ip),var(--ip-2));border-color:transparent;color:#fff;box-shadow:0 8px 22px rgba(29,78,216,.4)}
.z-btn.z-primary:hover{filter:brightness(1.06)}
.z-btn.z-ghost-danger{color:var(--rosu);border-color:transparent;background:transparent;margin-right:auto;padding-left:8px}
.z-btn.z-ghost-danger:hover{background:var(--rosu-soft)}
*{transition:none!important;animation:none!important}
.z-dcard{opacity:1;transform:none}
.z-hgrid{grid-template-columns:repeat(3,auto)}
.z-hk{border:0;margin:0 26px 14px 0;padding:0}
.z-right{flex-wrap:wrap;justify-content:flex-end}
/* === T5a.1 — coloana de produse din hero (zona portocalie) === */
.z-root .z-hsplit{display:flex;gap:24px;align-items:stretch}
.z-root .z-hleft{flex:1 1 auto;min-width:0}
.z-root .z-hprod{flex:0 0 258px;max-width:258px;display:flex;flex-direction:column;gap:13px;
padding-left:22px;border-left:1px solid rgba(255,255,255,.20)}
.z-root .z-hp{padding-left:10px;border-left:3px solid var(--pc,rgba(255,255,255,.5))}
.z-root .z-hpl{font-size:9.5px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;
color:rgba(255,255,255,.74);margin-bottom:3px}
.z-root .z-hpv{font-size:21px;font-weight:800;line-height:1.12;color:#fff;letter-spacing:-.02em}
.z-root .z-hpv small{font-size:10.5px;font-weight:700;margin-left:4px;opacity:.75}
.z-root .z-hps{font-size:11px;color:rgba(255,255,255,.84);margin-top:3px}
.z-root .z-hps b{font-weight:700;color:#fff}
.z-root .z-hpc{font-size:10px;font-weight:700;color:var(--warm-2);margin-top:3px}
@media(max-width:980px){
.z-root .z-hsplit{flex-direction:column;gap:16px}
.z-root .z-hprod{flex:1 1 auto;max-width:100%;width:100%;padding-left:0;padding-top:14px;
border-left:none;border-top:1px solid rgba(255,255,255,.20);
flex-direction:row;flex-wrap:wrap;gap:18px}
.z-root .z-hp{flex:1 1 190px;min-width:0}
}
/* ═══ T5c — „+ Dosar nou": bara, formular modal, dialoguri de conflict ═══
Paleta „Zorii": exclusiv tokeni existenți (--ip/--np/--cd/--ok/--danger/--gold).
Zero violet/fuchsia; verde (--ok) DOAR pe succes. */
.t5c-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 12px}
.t5c-bar .z-archive-toggle{margin:0}
.t5c-add{background:linear-gradient(120deg,var(--ip),var(--ip-2));color:#fff;font-weight:800;border:0;
border-radius:100px;padding:11px 22px;cursor:pointer;font-family:var(--sans);font-size:13px;
box-shadow:0 6px 18px rgba(29,78,216,.35);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.t5c-add:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(29,78,216,.45)}
.t5c-add:focus-visible{outline:3px solid var(--ip-2);outline-offset:2px}
.t5c-box{width:min(680px,calc(100vw - 28px));max-height:min(90vh,900px);display:flex;flex-direction:column;
background:var(--card);border-radius:22px;overflow:hidden;box-shadow:var(--sh1);font-family:var(--sans);color:var(--ink)}
.t5c-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px 14px;
border-bottom:1px solid var(--line)}
.t5c-title{font-size:19px;font-weight:800;letter-spacing:-.02em;margin:0}
.t5c-steps{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:11.5px;font-weight:700;color:var(--ink-3)}
.t5c-st.on{color:var(--ip);}
.t5c-st.done{color:var(--ink-2)}
.t5c-sep{color:var(--ink-3)}
.t5c-x{background:none;border:0;font-size:17px;color:var(--ink-3);cursor:pointer;padding:4px 8px;border-radius:8px;line-height:1}
.t5c-x:hover{background:var(--anal-soft);color:var(--ink)}
.t5c-body{padding:18px 24px;overflow:auto;flex:1 1 auto}
.t5c-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid var(--line);
background:var(--paper);flex-wrap:wrap}
.t5c-fg{margin-bottom:14px;min-width:0}
.t5c-fg label{display:block;font-size:11.5px;font-weight:800;color:var(--ink-2);margin-bottom:6px;letter-spacing:.01em}
.t5c-in{width:100%;box-sizing:border-box;font-family:var(--sans);font-size:14px;color:var(--ink);
background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;transition:border-color .15s}
.t5c-in:focus{outline:none;border-color:var(--ip-2);box-shadow:0 0 0 3px var(--ip-soft)}
.t5c-q{font-size:15px}
.t5c-fg.bad .t5c-in{border-color:var(--danger)}
.t5c-fe{font-size:11.5px;font-weight:700;color:var(--danger);margin-top:5px}
.t5c-help{font-size:11.5px;color:var(--ink-3);margin-top:5px}
.t5c-clar{color:var(--warn);font-weight:700}
.t5c-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.t5c-hint,.t5c-empty{font-size:12.5px;color:var(--ink-3);padding:10px 2px}
.t5c-dim{color:var(--ink-3);font-weight:600}
.t5c-dot{color:var(--ink-3);margin:0 7px}
.t5c-mono{font-family:var(--mono);font-size:12.5px}
.t5c-res-list{display:flex;flex-direction:column;gap:8px;margin:6px 0 12px;max-height:290px;overflow:auto}
.t5c-res{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;text-align:left;
background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:11px 14px;cursor:pointer;
font-family:var(--sans);transition:border-color .15s,background .15s}
.t5c-res:hover{border-color:var(--ip-2);background:var(--ip-wash)}
.t5c-res:focus-visible{outline:3px solid var(--ip-2);outline-offset:2px}
.t5c-rn{font-size:14px;font-weight:800;color:var(--ink)}
.t5c-rm{font-size:12px;color:var(--ink-2);display:flex;align-items:center;flex-wrap:wrap}
.t5c-tag{align-self:flex-start;margin-top:4px;font-size:10.5px;font-weight:800;color:var(--depus-ink);
background:var(--depus-soft);border-radius:100px;padding:3px 10px}
.t5c-tag.t5c-new{color:#3B2A00;background:var(--warm-soft);margin-left:9px}
.t5c-nou{margin-top:6px;padding:16px;border:1.5px dashed var(--line);border-radius:16px;background:var(--paper)}
.t5c-nt{font-size:12px;font-weight:800;color:var(--ink-2);margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}
.t5c-sel{background:var(--ip-wash);border:1px solid var(--ip-soft);border-radius:16px;padding:14px 16px;margin-bottom:16px;position:relative}
.t5c-selname{font-size:15px;font-weight:800;color:var(--ink);display:flex;align-items:center;flex-wrap:wrap}
.t5c-selmeta{font-size:12px;color:var(--ink-2);margin-top:4px;display:flex;align-items:center;flex-wrap:wrap}
.t5c-chg{margin-top:9px;background:none;border:0;padding:0;font-family:var(--sans);font-size:11.5px;
font-weight:800;color:var(--ip);cursor:pointer;text-decoration:underline}
.t5c-warn{margin-top:9px;font-size:12px;font-weight:700;color:var(--warn);background:var(--warn-soft);
border-radius:10px;padding:7px 11px}
.t5c-prods{display:flex;gap:9px;flex-wrap:wrap}
.t5c-prod{flex:1 1 130px;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px 10px;
font-family:var(--sans);font-size:13px;font-weight:800;color:var(--ink-2);cursor:pointer;transition:all .15s var(--ease)}
.t5c-prod:hover{border-color:var(--ink-3)}
.t5c-prod:focus-visible{outline:3px solid var(--ip-2);outline-offset:2px}
.t5c-prod.on.t5c-p-np{border-color:var(--np);background:var(--np-wash);color:var(--np-deep)}
.t5c-prod.on.t5c-p-ip{border-color:var(--ip);background:var(--ip-wash);color:var(--ip-deep)}
.t5c-prod.on.t5c-p-card{border-color:var(--cd);background:var(--cd-wash);color:var(--cd-deep)}
.t5c-btn{font-family:var(--sans);font-size:13px;font-weight:800;border-radius:100px;padding:11px 22px;
cursor:pointer;border:1.5px solid var(--line);background:#fff;color:var(--ink-2)}
.t5c-btn:hover{border-color:var(--ink-3);color:var(--ink)}
.t5c-btn:focus-visible{outline:3px solid var(--ip-2);outline-offset:2px}
.t5c-btn[disabled]{opacity:.55;cursor:default}
.t5c-primary{background:linear-gradient(120deg,var(--ip),var(--ip-2));border-color:transparent;color:#fff;
box-shadow:0 7px 20px rgba(29,78,216,.35)}
.t5c-primary:hover{color:#fff}
.t5c-ghost{background:#fff}
.t5c-wide{width:100%;margin-top:4px}
.t5c-mini{padding:6px 13px;font-size:11.5px;margin-left:10px}
.t5c-err{background:var(--danger-soft);border-left:4px solid var(--danger);color:#7A231A;font-size:12.5px;
font-weight:700;border-radius:10px;padding:11px 13px;margin-bottom:14px;display:flex;align-items:center;
flex-wrap:wrap;gap:4px}
.t5c-conf{padding:8px 2px}
.t5c-conft{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:8px}
.t5c-confx{font-size:13.5px;color:var(--ink-2);line-height:1.55}
/* evidențierea scurtă a dosarului nou — verde folosit DOAR pe succes */
.z-root .z-dcard.t5c-fresh{box-shadow:0 0 0 2px var(--ok),0 10px 26px rgba(31,138,91,.22);
animation:t5c-fresh 2.6s var(--ease) both}
@keyframes t5c-fresh{0%{background:var(--tras-wash)}100%{background:transparent}}
@media(max-width:620px){
.t5c-grid{grid-template-columns:1fr}
.t5c-box{width:calc(100vw - 14px);max-height:94vh;border-radius:18px}
.t5c-head,.t5c-body,.t5c-foot{padding-left:15px;padding-right:15px}
.t5c-foot{justify-content:stretch}
.t5c-foot .t5c-btn{flex:1 1 auto}
.t5c-prod{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){
.t5c-add,.t5c-prod,.z-root .z-dcard.t5c-fresh{transition:none;animation:none}
}
/* ═══ T6 — Agendă (termene) + selector de lună istorică ═══
Paleta „Zorii": exclusiv tokeni existenți. Zero violet/fuchsia.
Verde (--ok/--tras) NU se folosește aici — nu e o stare de succes. */
.t6-hero{margin-bottom:18px}
.t6-hstat{margin-top:14px;font-size:13px;color:rgba(255,255,255,.92);font-weight:600}
.t6-hstat b{font-family:var(--mono);font-weight:800}
.t6-hlate{color:var(--rosu-2)}
.t6-group{margin-bottom:20px}
.t6-gh{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.06em;
text-transform:uppercase;color:var(--ink-2);margin:0 0 10px 2px}
.t6-gn{font-family:var(--mono);font-size:11px;font-weight:800;background:var(--anal-soft);
color:var(--ink-2);border-radius:100px;padding:2px 9px}
.t6-g-late .t6-gh{color:var(--rosu)}
.t6-g-late .t6-gn{background:var(--rosu-soft);color:var(--rosu)}
.t6-g-today .t6-gh{color:var(--ip)}
.t6-g-today .t6-gn{background:var(--ip-soft);color:var(--ip-deep)}
.t6-g-tom .t6-gh{color:var(--warm-deep)}
.t6-g-tom .t6-gn{background:var(--warm-soft);color:var(--warm-deep)}
.t6-rows{display:flex;flex-direction:column;gap:8px}
.t6-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--card);
border:1px solid var(--line);border-left:4px solid var(--line);border-radius:14px;padding:13px 16px;
cursor:pointer;font-family:var(--sans);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}
.t6-row:hover{box-shadow:var(--sh1)}
.t6-row:focus-visible{outline:3px solid var(--ip-2);outline-offset:2px}
.t6-row.t6-p-ip{border-left-color:var(--ip)}
.t6-row.t6-p-np{border-left-color:var(--np)}
.t6-row.t6-p-cd{border-left-color:var(--cd)}
.t6-when{flex:0 0 74px;font-family:var(--mono);font-size:12.5px;font-weight:800;color:var(--ink-2)}
.t6-when.t6-late{color:var(--rosu)}
.t6-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.t6-nm{font-size:14px;font-weight:800;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t6-next{font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t6-meta{flex:0 0 auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.t6-prod{font-size:11px;font-weight:800;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}
.t6-chip{font-size:11px;padding:5px 12px}
.t6-own{font-size:11.5px;font-weight:700;color:var(--ink-2)}
.t6-dim{color:var(--ink-3);font-weight:600}
.t6-msel{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ink-2)}
.t6-msel select{font-family:var(--sans);font-size:12.5px;font-weight:700;color:var(--ink);background:#fff;
border:1.5px solid var(--line);border-radius:100px;padding:8px 14px;cursor:pointer}
.t6-msel select:focus{outline:none;border-color:var(--ip-2);box-shadow:0 0 0 3px var(--ip-soft)}
.t6-histbadge{display:inline-block;margin-top:10px;font-size:11px;font-weight:800;letter-spacing:.05em;
text-transform:uppercase;color:#3B2A00;background:var(--warm-2);border-radius:100px;padding:4px 13px}
@media(max-width:620px){
.t6-row{flex-wrap:wrap;gap:8px;padding:12px 13px}
.t6-when{flex:0 0 auto}
.t6-main{flex:1 1 100%;order:2}
.t6-meta{flex:1 1 100%;order:3;justify-content:flex-start}
.t6-msel{width:100%}
.t6-msel select{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){ .t6-row{transition:none} }
/* ═══ T6-R — starea „deschis" citită din markup-ul PROPRIU al _zPanel ═══
_zPanel emite mereu: