body.vz2-shell{
/* Surface aliases */
--bg:var(--paper);
--bg-2:var(--paper-2);
--bg-3:var(--paper-3);
/* Foreground aliases */
--fg:var(--ink-900);
--fg-mute:var(--ink-500);
--fg-quiet:var(--ink-300);
/* Rule aliases */
--border:var(--rule);
--border-strong:var(--rule-strong);
/* Missing ink steps (design uses these but DESIGN_SYSTEM_CSS skips them) */
--ink-50:#F4F4F6;
--ink-400:#7C828D;
--ink-600:#3F434B;
/* Semantic */
--ok:#2F8F5C;
--warn:#B0823A;
--err:#B83A2E;
--live:#2F8F5C;
/* Accent-50 (very light tint) */
--accent-50:#FCF4EE;
/* Subdued product tones */
--product-kyc:#B83A2E;
--product-kyc-tint:#FBE9E7;
--product-nis2:#3A5DBF;
--product-nis2-tint:#E8EDF8;
--product-credit:#2F8F5C;
--product-credit-tint:#E5F1EA;
--product-sanctions:#7B3F8C;
--product-sanctions-tint:#F1E8F4;
--product-rankings:#B0823A;
--product-rankings-tint:#F7EFDE;
--product-data:#4A5A6E;
--product-data-tint:#E8ECF0;
/* Code surfaces */
--code-bg:#0E0F12;
--code-fg:#F4F1EA;
/* Layout */
--container:1280px;
--gutter:24px;
/* Small radii (DESIGN_SYSTEM_CSS only ships --r-4/6/8) */
--r-2:2px;
--r-3:3px;
--r-12:12px;
}
[data-theme="dark"] body.vz2-shell{
--bg:var(--paper);
--bg-2:var(--paper-2);
--bg-3:var(--paper-3);
--fg:var(--ink-900);
--fg-mute:var(--ink-500);
--fg-quiet:var(--ink-400);
--ink-50:#15171C;
--ink-400:#5C6068;
--ink-600:#9CA0A8;
--accent-50:#231410;
--product-kyc-tint:#2A1310;
--product-nis2-tint:#121A2C;
--product-credit-tint:#11241A;
--product-sanctions-tint:#1F1424;
--product-rankings-tint:#231C0F;
--product-data-tint:#181C22;
--code-bg:#15171C;
--code-fg:#E5E6EA;
}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]) body.vz2-shell{
--bg:var(--paper);
--bg-2:var(--paper-2);
--bg-3:var(--paper-3);
--fg:var(--ink-900);
--fg-mute:var(--ink-500);
--fg-quiet:var(--ink-400);
--ink-50:#15171C;
--ink-400:#5C6068;
--ink-600:#9CA0A8;
--accent-50:#231410;
}
}
/* ─────────────── base.css ─────────────── */
/* Base + layout primitives */
body.vz2-shell *,body.vz2-shell *::before,body.vz2-shell *::after{box-sizing:border-box}
html,body.vz2-shell{margin:0;padding:0}
html{scroll-behavior:smooth}
body.vz2-shell{
background:var(--bg);
color:var(--fg);
font-family:var(--font-body);
font-size:15px;
line-height:1.55;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
font-feature-settings:"ss01","cv11";
transition:background .25s,color .25s;
}
body.vz2-shell a{color:inherit;text-decoration:none}
body.vz2-shell img,body.vz2-shell svg{display:block;max-width:100%}
body.vz2-shell button{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer}
/* Container */
body.vz2-shell .container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
body.vz2-shell .container-wide{max-width:1440px;margin:0 auto;padding:0 var(--gutter)}
/* Eyebrow / mono labels */
body.vz2-shell .eyebrow{
font:500 11px/1 var(--font-mono);
letter-spacing:.16em;
text-transform:uppercase;
color:var(--fg-mute);
display:inline-flex;align-items:center;gap:8px;
}
body.vz2-shell .eyebrow .num{color:var(--accent)}
body.vz2-shell .eyebrow::before{content:"";display:inline-block;width:18px;height:1px;background:currentColor;opacity:.5}
body.vz2-shell .eyebrow.no-rule::before{display:none}
/* Section spacing */
body.vz2-shell section{padding:96px 0;border-top:1px solid var(--border)}
body.vz2-shell section.tight{padding:64px 0}
body.vz2-shell section:first-of-type{border-top:0}
/* Type roles */
body.vz2-shell h1,body.vz2-shell h2,body.vz2-shell h3,body.vz2-shell h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;margin:0;color:var(--fg)}
body.vz2-shell h1{font-size:clamp(48px,7vw,96px);line-height:1.02;letter-spacing:-.04em}
body.vz2-shell h2{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.035em}
body.vz2-shell h3{font-size:24px;line-height:1.2;letter-spacing:-.02em}
body.vz2-shell h4{font-size:16px;line-height:1.3;letter-spacing:-.015em}
body.vz2-shell p{margin:0;color:var(--fg)}
body.vz2-shell .lede{font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:var(--fg-mute);max-width:62ch}
/* Pills */
body.vz2-shell .pill{
display:inline-flex;align-items:center;gap:6px;
padding:5px 10px;border-radius:999px;
font:500 10.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;
border:1px solid var(--border-strong);color:var(--fg-mute);background:transparent;
}
body.vz2-shell .pill.live{color:var(--live)}
body.vz2-shell .pill.live::before{content:"";width:5px;height:5px;border-radius:999px;background:var(--live);box-shadow:0 0 0 3px rgba(47,143,92,.18)}
body.vz2-shell .pill.accent{color:var(--accent);border-color:var(--accent);background:var(--accent-50)}
/* Buttons */
body.vz2-shell .btn{
display:inline-flex;align-items:center;gap:8px;
padding:11px 18px;border-radius:4px;
font:500 13.5px/1 var(--font-body);
border:1px solid transparent;cursor:pointer;
transition:.15s ease;
white-space:nowrap;
}
body.vz2-shell .btn .arrow{transition:transform .2s}
body.vz2-shell .btn:hover .arrow{transform:translateX(2px)}
body.vz2-shell .btn.primary{background:#0E0F12;color:#FFFFFF}
body.vz2-shell .btn.primary:hover{background:#2A2D33}
[data-theme="dark"] body.vz2-shell .btn.primary{background:#F4F4F6;color:#0B0C0F}
[data-theme="dark"] body.vz2-shell .btn.primary:hover{background:#E5E6EA}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) .btn.primary{background:#F4F4F6;color:#0B0C0F}
:root:not([data-theme="light"]) .btn.primary:hover{background:#E5E6EA}
}
body.vz2-shell .btn.accent{background:var(--accent);color:#FFFFFF}
body.vz2-shell .btn.accent:hover{background:var(--accent-600)}
body.vz2-shell .btn.secondary{background:transparent;color:var(--fg);border-color:var(--border-strong)}
body.vz2-shell .btn.secondary:hover{background:var(--bg-2)}
body.vz2-shell .btn.ghost{background:transparent;color:var(--fg-mute)}
body.vz2-shell .btn.ghost:hover{color:var(--fg);background:var(--bg-2)}
body.vz2-shell .btn.lg{padding:14px 22px;font-size:14px}
body.vz2-shell .btn.sm{padding:8px 12px;font-size:12.5px}
/* Cards */
body.vz2-shell .card{
background:var(--bg);border:1px solid var(--border);border-radius:6px;
padding:24px;display:flex;flex-direction:column;gap:14px;
transition:border-color .15s, transform .15s, box-shadow .15s;
position:relative;overflow:hidden;
}
body.vz2-shell .card.interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2)}
body.vz2-shell .card .accent-rule{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);opacity:0;transition:.2s}
body.vz2-shell .card.interactive:hover .accent-rule{opacity:1}
/* Utility */
body.vz2-shell .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
body.vz2-shell .stack{display:flex;flex-direction:column}
body.vz2-shell .spacer{flex:1}
body.vz2-shell .mono{font-family:var(--font-mono)}
body.vz2-shell .muted{color:var(--fg-mute)}
body.vz2-shell .quiet{color:var(--fg-quiet)}
body.vz2-shell hr.rule{border:0;border-top:1px solid var(--border);margin:0}
/* Selection */
body.vz2-shell ::selection{background:var(--accent);color:#fff}
/* ─────────────── nav.css ─────────────── */
/* Navbar */
body.vz2-shell .nav{
position:sticky;top:0;z-index:50;
background:color-mix(in srgb, var(--bg) 92%, transparent);
backdrop-filter:saturate(180%) blur(14px);
-webkit-backdrop-filter:saturate(180%) blur(14px);
border-bottom:1px solid var(--border);
}
body.vz2-shell .nav-inner{
display:flex;align-items:center;justify-content:space-between;
padding:14px 0;
gap:24px;
}
body.vz2-shell .brand{
display:inline-flex;align-items:flex-start;gap:0;
font:600 22px/1 var(--font-display);letter-spacing:-.035em;
color:var(--fg);
}
body.vz2-shell .brand .sq{
display:inline-block;width:9px;height:9px;
background:var(--accent);
margin:5px 0 0 3px;
flex-shrink:0;
}
body.vz2-shell .brand:hover .sq{transform:translateY(-1px);transition:transform .2s}
body.vz2-shell .nav-links{
display:flex;align-items:center;gap:4px;
font:500 13px/1 var(--font-body);
}
body.vz2-shell .nav-link{
position:relative;
padding:8px 12px;border-radius:4px;
color:var(--fg-mute);
transition:.15s;
display:inline-flex;align-items:center;gap:6px;
}
body.vz2-shell .nav-link:hover{color:var(--fg);background:var(--bg-2)}
body.vz2-shell .nav-link.active{color:var(--fg)}
body.vz2-shell .nav-link .chev{width:10px;height:10px;opacity:.5;margin-top:1px}
/* Mega-menu (desktop) */
body.vz2-shell .has-menu{position:relative}
body.vz2-shell .mega{
position:absolute;top:calc(100% + 6px);left:0;
min-width:560px;background:var(--bg);
border:1px solid var(--border);border-radius:8px;
box-shadow:var(--shadow-3);
padding:18px;
display:none;
grid-template-columns:repeat(2,1fr);gap:6px;
}
body.vz2-shell .has-menu:hover .mega,body.vz2-shell .has-menu:focus-within .mega{display:grid}
body.vz2-shell .mega-item{
display:grid;grid-template-columns:32px 1fr;gap:12px;
padding:12px;border-radius:6px;align-items:flex-start;
transition:background .12s;
}
body.vz2-shell .mega-item:hover{background:var(--bg-2)}
body.vz2-shell .mega-item .swatch{
width:32px;height:32px;border-radius:4px;
display:flex;align-items:center;justify-content:center;
font:600 12px/1 var(--font-mono);
}
body.vz2-shell .mega-item .ttl{font:600 13px/1.2 var(--font-display);color:var(--fg);margin:0 0 3px;letter-spacing:-.01em}
body.vz2-shell .mega-item .desc{font-size:12px;color:var(--fg-mute);line-height:1.4}
/* Nav controls (right side) */
body.vz2-shell .nav-controls{display:flex;align-items:center;gap:6px}
body.vz2-shell .icon-btn{
width:34px;height:34px;
display:inline-flex;align-items:center;justify-content:center;
border-radius:4px;color:var(--fg-mute);
transition:.15s;
}
body.vz2-shell .icon-btn:hover{color:var(--fg);background:var(--bg-2)}
body.vz2-shell .icon-btn svg{width:16px;height:16px}
body.vz2-shell .lang-btn{
display:inline-flex;align-items:center;gap:6px;
padding:7px 10px;border-radius:4px;
font:500 11.5px/1 var(--font-mono);letter-spacing:.06em;
color:var(--fg-mute);
border:1px solid var(--border);
text-transform:uppercase;
}
body.vz2-shell .lang-btn:hover{color:var(--fg);background:var(--bg-2)}
body.vz2-shell .lang-btn .chev{width:9px;height:9px;opacity:.6}
/* Lang menu */
body.vz2-shell .lang-wrap{position:relative}
body.vz2-shell .lang-menu{
position:absolute;right:0;top:calc(100% + 6px);
background:var(--bg);border:1px solid var(--border);border-radius:6px;
box-shadow:var(--shadow-2);
min-width:140px;padding:6px;display:none;flex-direction:column;
z-index:60;
}
body.vz2-shell .lang-wrap.open .lang-menu{display:flex}
body.vz2-shell .lang-menu button{
text-align:left;padding:8px 10px;border-radius:4px;
font:500 12px/1 var(--font-body);
color:var(--fg-mute);
display:flex;align-items:center;justify-content:space-between;gap:12px;
}
body.vz2-shell .lang-menu button:hover{background:var(--bg-2);color:var(--fg)}
body.vz2-shell .lang-menu button.active{color:var(--fg)}
body.vz2-shell .lang-menu .flag{font-family:var(--font-mono);font-size:10px;color:var(--fg-quiet);letter-spacing:.08em}
/* Mobile burger (simplified) */
body.vz2-shell .burger{display:none}
@media (max-width:980px){
body.vz2-shell .nav-links{display:none}
body.vz2-shell .burger{display:inline-flex}
}
/* ─────────────── sections.css ─────────────── */
/* ─────────────────────────── PRODUCTS ─────────────────────────── */
body.vz2-shell .section-head{
display:grid;grid-template-columns:1fr 1fr;gap:48px;
margin-bottom:56px;align-items:end;
}
body.vz2-shell .section-head .lede{margin:0}
body.vz2-shell .section-head h2{margin:14px 0 0;text-wrap:balance}
body.vz2-shell .section-head .right{justify-self:end;align-self:flex-end}
body.vz2-shell .products-grid{
display:grid;grid-template-columns:repeat(3,1fr);
gap:1px;background:var(--border);
border:1px solid var(--border);border-radius:6px;overflow:hidden;
}
body.vz2-shell .product-card{
background:var(--bg);
padding:32px;
display:flex;flex-direction:column;gap:18px;
position:relative;
transition:background .2s;
min-height:280px;
cursor:pointer;
}
body.vz2-shell .product-card:hover{background:var(--bg-2)}
body.vz2-shell .product-card .tag{
display:inline-flex;align-items:center;gap:6px;
padding:4px 8px;border-radius:3px;
font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;
width:max-content;
}
body.vz2-shell .product-card .tag .dot{width:6px;height:6px;border-radius:1px}
/* Per-product accent */
body.vz2-shell .product-card.kyc .tag{color:var(--product-kyc);background:var(--product-kyc-tint)}
body.vz2-shell .product-card.kyc .tag .dot{background:var(--product-kyc)}
body.vz2-shell .product-card.nis2 .tag{color:var(--product-nis2);background:var(--product-nis2-tint)}
body.vz2-shell .product-card.nis2 .tag .dot{background:var(--product-nis2)}
body.vz2-shell .product-card.credit .tag{color:var(--product-credit);background:var(--product-credit-tint)}
body.vz2-shell .product-card.credit .tag .dot{background:var(--product-credit)}
body.vz2-shell .product-card.sanctions .tag{color:var(--product-sanctions);background:var(--product-sanctions-tint)}
body.vz2-shell .product-card.sanctions .tag .dot{background:var(--product-sanctions)}
body.vz2-shell .product-card.rankings .tag{color:var(--product-rankings);background:var(--product-rankings-tint)}
body.vz2-shell .product-card.rankings .tag .dot{background:var(--product-rankings)}
body.vz2-shell .product-card.data .tag{color:var(--product-data);background:var(--product-data-tint)}
body.vz2-shell .product-card.data .tag .dot{background:var(--product-data)}
[data-theme="dark"] body.vz2-shell .product-card.kyc .tag{color:#E58A7E}
[data-theme="dark"] body.vz2-shell .product-card.nis2 .tag{color:#9BB1E5}
[data-theme="dark"] body.vz2-shell .product-card.credit .tag{color:#7CC79B}
[data-theme="dark"] body.vz2-shell .product-card.sanctions .tag{color:#C499D0}
[data-theme="dark"] body.vz2-shell .product-card.rankings .tag{color:#D9B97A}
[data-theme="dark"] body.vz2-shell .product-card.data .tag{color:#9CA8B8}
body.vz2-shell .product-card h3{font-size:22px;margin:0;letter-spacing:-.02em}
body.vz2-shell .product-card .desc{color:var(--fg-mute);font-size:13.5px;line-height:1.55;margin:0}
body.vz2-shell .product-card .meta{
margin-top:auto;
display:flex;justify-content:space-between;align-items:center;
padding-top:16px;border-top:1px solid var(--border);
font:500 11px/1 var(--font-mono);color:var(--fg-quiet);letter-spacing:.06em;
}
body.vz2-shell .product-card .arrow-link{
color:var(--fg);display:inline-flex;align-items:center;gap:6px;
font:500 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;
transition:gap .15s;
}
body.vz2-shell .product-card:hover .arrow-link{gap:10px}
/* per-product top-rule on hover */
body.vz2-shell .product-card::before{
content:"";position:absolute;top:0;left:0;right:0;height:2px;
background:currentColor;opacity:0;transition:opacity .2s;
}
body.vz2-shell .product-card.kyc::before{background:var(--product-kyc)}
body.vz2-shell .product-card.nis2::before{background:var(--product-nis2)}
body.vz2-shell .product-card.credit::before{background:var(--product-credit)}
body.vz2-shell .product-card.sanctions::before{background:var(--product-sanctions)}
body.vz2-shell .product-card.rankings::before{background:var(--product-rankings)}
body.vz2-shell .product-card.data::before{background:var(--product-data)}
body.vz2-shell .product-card:hover::before{opacity:1}
@media (max-width:980px){
body.vz2-shell .products-grid{grid-template-columns:repeat(2,1fr)}
body.vz2-shell .section-head{grid-template-columns:1fr;gap:18px;margin-bottom:36px}
body.vz2-shell .section-head .right{justify-self:flex-start}
}
@media (max-width:600px){
body.vz2-shell .products-grid{grid-template-columns:1fr}
}
/* ─────────────────────────── USE CASES ─────────────────────────── */
body.vz2-shell .usecases{
display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}
body.vz2-shell .usecase{
padding:22px;border:1px solid var(--border);border-radius:6px;background:var(--bg);
display:flex;flex-direction:column;gap:10px;
transition:.2s;
}
body.vz2-shell .usecase:hover{border-color:var(--border-strong);background:var(--bg-2)}
body.vz2-shell .usecase .who{font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
body.vz2-shell .usecase h4{font-size:16px;margin:0}
body.vz2-shell .usecase p{font-size:13px;color:var(--fg-mute);line-height:1.5}
@media (max-width:980px){body.vz2-shell .usecases{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){body.vz2-shell .usecases{grid-template-columns:1fr}}
/* ─────────────────────────── DEVELOPERS / API ─────────────────────────── */
body.vz2-shell .dev-section{background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
body.vz2-shell .dev-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}
body.vz2-shell .dev-grid .lede{max-width:48ch}
body.vz2-shell .dev-stats{
margin:28px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;
}
body.vz2-shell .dev-stats > div{padding:14px 0;border-top:1px solid var(--border)}
body.vz2-shell .dev-stats .num{font:600 22px/1 var(--font-display);letter-spacing:-.02em;color:var(--fg)}
body.vz2-shell .dev-stats .lbl{font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute);margin-top:6px;display:block}
/* Code block */
body.vz2-shell .code{
background:var(--code-bg);
color:var(--code-fg);
border-radius:8px;
font:500 12.5px/1.7 var(--font-mono);
overflow:hidden;
border:1px solid var(--border);
box-shadow:var(--shadow-2);
}
body.vz2-shell .code .toolbar{
display:flex;align-items:center;gap:6px;
padding:10px 14px;
border-bottom:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.02);
}
body.vz2-shell .code .toolbar .dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.18)}
body.vz2-shell .code .toolbar .dot.r{background:#FF5F57}
body.vz2-shell .code .toolbar .dot.y{background:#FEBC2E}
body.vz2-shell .code .toolbar .dot.g{background:#28C840}
body.vz2-shell .code .tabs{display:flex;gap:4px;margin-left:8px}
body.vz2-shell .code .tab{
padding:5px 10px;border-radius:3px;
font:500 10.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;
color:rgba(244,241,234,.55);
background:transparent;border:0;cursor:pointer;
}
body.vz2-shell .code .tab.active{color:#F4F1EA;background:rgba(255,255,255,.06)}
body.vz2-shell .code .tab:hover{color:#F4F1EA}
body.vz2-shell .code .body{padding:18px 20px;overflow-x:auto}
body.vz2-shell .code .body pre{margin:0;white-space:pre;font:inherit}
body.vz2-shell .code .body .c{color:#7C828D} /* comment */
body.vz2-shell .code .body .k{color:#E07A55} /* keyword/method */
body.vz2-shell .code .body .s{color:#C7CAD0} /* string */
body.vz2-shell .code .body .n{color:#F4F1EA} /* var */
body.vz2-shell .code .body .p{color:#9CC79B} /* path */
body.vz2-shell .code .body .v{color:#9BB1E5} /* value */
@media (max-width:980px){
body.vz2-shell .dev-grid{grid-template-columns:1fr;gap:36px}
}
/* ─────────────────────────── COVERAGE ─────────────────────────── */
body.vz2-shell .coverage{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
body.vz2-shell .coverage-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden}
body.vz2-shell .country-cell{
background:var(--bg);padding:14px 16px;
display:flex;flex-direction:column;gap:4px;
}
body.vz2-shell .country-cell .iso{font:600 14px/1 var(--font-mono);letter-spacing:.04em;color:var(--fg)}
body.vz2-shell .country-cell .nm{font:400 11px/1.3 var(--font-body);color:var(--fg-mute)}
body.vz2-shell .country-cell .st{font:500 9.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}
body.vz2-shell .country-cell .st.live{color:var(--live)}
body.vz2-shell .country-cell .st.beta{color:var(--accent)}
body.vz2-shell .country-cell .st.soon{color:var(--fg-quiet)}
body.vz2-shell .country-cell.dim{opacity:.55}
body.vz2-shell .coverage-map{
position:relative;
aspect-ratio:10/9;
background:var(--bg-2);
border:1px solid var(--border);border-radius:8px;
overflow:hidden;
}
body.vz2-shell .coverage-map .map-svg{display:block;width:100%;height:100%}
body.vz2-shell .coverage-map .country{
fill:var(--ink-100);
stroke:var(--bg);stroke-width:.6;
vector-effect:non-scaling-stroke;
transition:fill .2s, opacity .2s;
}
body.vz2-shell .coverage-map .country.neighbor{fill:var(--ink-50);opacity:.55}
body.vz2-shell .coverage-map .country.soon{fill:var(--ink-100)}
body.vz2-shell .coverage-map .country.beta{fill:var(--accent);opacity:.45}
body.vz2-shell .coverage-map .country.live{fill:var(--accent);opacity:.92}
body.vz2-shell .coverage-map .country:hover{filter:brightness(.95)}
[data-theme="dark"] body.vz2-shell .coverage-map .country{fill:var(--ink-200);stroke:var(--bg-2)}
[data-theme="dark"] body.vz2-shell .coverage-map .country.neighbor{fill:var(--ink-100);opacity:.4}
[data-theme="dark"] body.vz2-shell .coverage-map .country.soon{fill:var(--ink-200)}
[data-theme="dark"] body.vz2-shell .coverage-map .country.beta{fill:var(--accent);opacity:.55}
[data-theme="dark"] body.vz2-shell .coverage-map .country.live{fill:var(--accent);opacity:1}
body.vz2-shell .coverage-map .pin{fill:var(--bg);stroke:var(--accent);stroke-width:1.5;vector-effect:non-scaling-stroke}
body.vz2-shell .coverage-map .pin.live{fill:var(--accent);stroke:var(--bg);stroke-width:1.8}
body.vz2-shell .coverage-map .pulse{
fill:none;stroke:var(--accent);stroke-width:1.5;
vector-effect:non-scaling-stroke;
transform-origin:center;transform-box:fill-box;
animation:pinpulse 2.4s ease-out infinite;
opacity:0;
}
@keyframes pinpulse{
0%{transform:scale(.6);opacity:.85}
80%{transform:scale(3.2);opacity:0}
100%{opacity:0}
}
body.vz2-shell .coverage-map .legend{
position:absolute;left:16px;bottom:14px;right:16px;
display:flex;justify-content:space-between;align-items:flex-end;gap:12px;
font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute);
pointer-events:none;
}
body.vz2-shell .coverage-map .legend .keys{display:flex;gap:14px;flex-wrap:wrap}
body.vz2-shell .coverage-map .legend .key{display:inline-flex;align-items:center;gap:7px}
body.vz2-shell .coverage-map .legend .swatch{width:11px;height:11px;border-radius:2px;background:var(--ink-100)}
body.vz2-shell .coverage-map .legend .swatch.beta{background:var(--accent);opacity:.45}
body.vz2-shell .coverage-map .legend .swatch.live{background:var(--accent)}
body.vz2-shell .coverage-map .legend .stamp{
text-align:right;color:var(--fg-quiet);
letter-spacing:.18em;
}
[data-theme="dark"] body.vz2-shell .coverage-map .legend .swatch{background:var(--ink-200)}
[data-theme="dark"] body.vz2-shell .coverage-map .legend .swatch.beta{background:var(--accent);opacity:.55}
body.vz2-shell .coverage-map .tooltip{
position:absolute;pointer-events:none;
padding:6px 10px;background:var(--ink-900);color:var(--paper);
font:500 10.5px/1.3 var(--font-mono);letter-spacing:.06em;
border-radius:3px;white-space:nowrap;
opacity:0;transform:translate(-50%,-130%);transition:opacity .15s;
box-shadow:var(--shadow-2);
}
body.vz2-shell .coverage-map .tooltip.show{opacity:1}
body.vz2-shell .coverage-map .tooltip .iso{color:var(--accent);margin-right:6px}
@media (max-width:980px){body.vz2-shell .coverage{grid-template-columns:1fr}}
/* ─────────────────────────── COMPLIANCE STRIP ─────────────────────────── */
body.vz2-shell .compliance{
display:flex;justify-content:space-between;align-items:center;gap:24px;
padding:36px 0;
flex-wrap:wrap;
}
body.vz2-shell .compliance .lbl{font:500 10.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute)}
body.vz2-shell .compliance .badges{display:flex;gap:18px;flex-wrap:wrap}
body.vz2-shell .compliance .badge{
display:inline-flex;align-items:center;gap:8px;
padding:8px 14px;border:1px solid var(--border);border-radius:4px;
font:500 12px/1 var(--font-mono);letter-spacing:.08em;color:var(--fg-mute);
}
body.vz2-shell .compliance .badge svg{width:14px;height:14px;flex-shrink:0}
/* ─────────────────────────── FAQ ─────────────────────────── */
body.vz2-shell .faq{display:grid;grid-template-columns:1fr 1.4fr;gap:64px}
body.vz2-shell .faq h2{margin:0 0 14px}
body.vz2-shell .faq-list{display:flex;flex-direction:column}
body.vz2-shell details.q{
border-top:1px solid var(--border);
padding:22px 0;
}
body.vz2-shell details.q:last-child{border-bottom:1px solid var(--border)}
body.vz2-shell details.q summary{
cursor:pointer;list-style:none;
display:flex;justify-content:space-between;align-items:center;gap:24px;
font:600 16px/1.3 var(--font-display);letter-spacing:-.01em;color:var(--fg);
}
body.vz2-shell details.q summary::-webkit-details-marker{display:none}
body.vz2-shell details.q summary .ico{width:14px;height:14px;flex-shrink:0;color:var(--fg-mute);transition:transform .2s}
body.vz2-shell details.q[open] summary .ico{transform:rotate(45deg)}
body.vz2-shell details.q .a{margin-top:14px;color:var(--fg-mute);font-size:14px;line-height:1.65;max-width:62ch}
@media (max-width:980px){body.vz2-shell .faq{grid-template-columns:1fr}}
/* ─────────────────────────── FINAL CTA ─────────────────────────── */
body.vz2-shell .final-cta{
text-align:center;padding:140px 0;
background:var(--bg);
border-top:1px solid var(--border);
position:relative;overflow:hidden;
}
body.vz2-shell .final-cta::after{
content:"";position:absolute;inset:0;
background:
radial-gradient(circle at 20% 30%, var(--accent-50), transparent 40%),
radial-gradient(circle at 80% 70%, var(--accent-50), transparent 40%);
opacity:.6;pointer-events:none;
}
[data-theme="dark"] body.vz2-shell .final-cta::after{opacity:.4}
body.vz2-shell .final-cta > *{position:relative;z-index:2}
body.vz2-shell .final-cta h2{font-size:clamp(40px,5vw,72px);margin:0 0 18px;text-wrap:balance;max-width:18ch;margin-inline:auto;letter-spacing:-.04em}
body.vz2-shell .final-cta .lede{margin:0 auto 36px}
body.vz2-shell .final-cta .row{justify-content:center}
/* ─────────────────────────── FOOTER ─────────────────────────── */
body.vz2-shell .footer{
background:var(--bg);
border-top:1px solid var(--border);
padding:64px 0 32px;
}
body.vz2-shell .footer-grid{
display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;
gap:48px;
margin-bottom:48px;
}
body.vz2-shell .footer-brand .brand{font-size:24px;margin-bottom:14px}
body.vz2-shell .footer-brand p{font-size:13px;color:var(--fg-mute);max-width:30ch;line-height:1.6}
body.vz2-shell .footer-col h5{
font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;
color:var(--fg-mute);margin:0 0 16px;
}
body.vz2-shell .footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
body.vz2-shell .footer-col a{font-size:13px;color:var(--fg);transition:color .15s}
body.vz2-shell .footer-col a:hover{color:var(--accent)}
body.vz2-shell .footer-bottom{
display:flex;justify-content:space-between;align-items:flex-start;
padding-top:32px;border-top:1px solid var(--border);
gap:32px;flex-wrap:wrap;
}
body.vz2-shell .footer-bottom .meta{font:500 10.5px/1.7 var(--font-mono);color:var(--fg-quiet);letter-spacing:.1em;text-transform:uppercase}
body.vz2-shell .footer-bottom .sources{font:500 10.5px/1.7 var(--font-mono);color:var(--fg-quiet);letter-spacing:.1em;text-transform:uppercase;text-align:right;max-width:60ch}
body.vz2-shell .footer-bottom .sources span{margin-left:14px}
@media (max-width:980px){
body.vz2-shell .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width:540px){
body.vz2-shell .footer-grid{grid-template-columns:1fr}
}
/* ─────────────── hero.css ─────────────── */
/* Hero */
body.vz2-shell .hero{
position:relative;
padding:120px 0 100px;
overflow:hidden;
border-top:0;
}
body.vz2-shell .hero-bg{
position:absolute;inset:0;
pointer-events:none;
z-index:0;
mask-image:radial-gradient(ellipse 1100px 700px at 50% 45%, #000 35%, transparent 75%);
-webkit-mask-image:radial-gradient(ellipse 1100px 700px at 50% 45%, #000 35%, transparent 75%);
}
body.vz2-shell .hero-bg svg{width:100%;height:100%;display:block}
body.vz2-shell .hero-bg .node{fill:var(--fg);opacity:.18}
body.vz2-shell .hero-bg .node.pulse{fill:var(--accent);opacity:.55}
body.vz2-shell .hero-bg .edge{stroke:var(--fg);stroke-width:.6;fill:none;opacity:.10}
body.vz2-shell .hero-bg .country{stroke:var(--fg);stroke-width:.5;fill:none;opacity:.07}
body.vz2-shell .hero-inner{position:relative;z-index:2;text-align:center}
body.vz2-shell .hero .pills{display:flex;gap:10px;justify-content:center;margin-bottom:34px;flex-wrap:wrap}
body.vz2-shell .hero h1{
margin:0 auto 24px;
max-width:18ch;
text-wrap:balance;
}
body.vz2-shell .hero h1 .accent-mark{color:var(--accent)}
body.vz2-shell .hero .lede{
margin:0 auto 40px;
max-width:60ch;
text-align:center;
}
/* Search */
body.vz2-shell .search{
position:relative;
max-width:680px;margin:0 auto;
display:flex;align-items:stretch;
background:var(--bg);
border:1px solid var(--border-strong);
border-radius:6px;
padding:5px 5px 5px 18px;
box-shadow:var(--shadow-2);
transition:border-color .15s, box-shadow .15s;
}
body.vz2-shell .search:focus-within{
border-color:var(--ink-900);
box-shadow:0 0 0 3px var(--accent-50), var(--shadow-2);
}
[data-theme="dark"] body.vz2-shell .search:focus-within{border-color:var(--paper)}
body.vz2-shell .search-icon{
display:inline-flex;align-items:center;color:var(--fg-quiet);
flex-shrink:0;
}
body.vz2-shell .search-icon svg{width:18px;height:18px}
body.vz2-shell .search input{
flex:1;border:0;outline:0;background:transparent;
font:400 16px/1 var(--font-body);color:var(--fg);
padding:14px 14px;min-width:0;
}
body.vz2-shell .search input::placeholder{color:var(--fg-quiet)}
body.vz2-shell .search-cmd{
display:inline-flex;align-items:center;gap:4px;
padding:6px 8px;margin-right:6px;
font:500 11px/1 var(--font-mono);
color:var(--fg-quiet);
border:1px solid var(--border);border-radius:3px;
background:var(--bg-2);
align-self:center;
}
body.vz2-shell .search button.search-go{
display:inline-flex;align-items:center;gap:8px;
padding:0 18px;
font:500 13.5px/1 var(--font-body);
background:#0E0F12;color:#FFFFFF;
border-radius:4px;
}
[data-theme="dark"] body.vz2-shell .search button.search-go{background:#F4F4F6;color:#0B0C0F}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) .search button.search-go{background:#F4F4F6;color:#0B0C0F}
}
body.vz2-shell .search button.search-go:hover{opacity:.9}
body.vz2-shell .examples{
margin:18px auto 0;text-align:center;
font:500 11.5px/1.6 var(--font-mono);
letter-spacing:.06em;color:var(--fg-quiet);
display:flex;gap:0;justify-content:center;align-items:center;flex-wrap:wrap;
}
body.vz2-shell .examples .lbl{text-transform:uppercase;letter-spacing:.14em;margin-right:14px}
body.vz2-shell .examples a{color:var(--fg-mute);padding:0 10px;border-left:1px solid var(--border)}
body.vz2-shell .examples a:first-of-type{border-left:0}
body.vz2-shell .examples a:hover{color:var(--accent)}
/* Hero metrics row (under search) */
body.vz2-shell .hero-metrics{
margin-top:64px;
display:grid;grid-template-columns:repeat(4,1fr);gap:0;
border-top:1px solid var(--border);
border-bottom:1px solid var(--border);
}
body.vz2-shell .hero-metrics > *{
padding:24px 28px;border-left:1px solid var(--border);
display:flex;flex-direction:column;gap:6px;
}
body.vz2-shell .hero-metrics > *:first-child{border-left:0}
body.vz2-shell .metric .num{font:600 28px/1.05 var(--font-display);letter-spacing:-.025em;color:var(--fg);}
body.vz2-shell .metric .num .unit{font-size:18px;color:var(--fg-mute);font-weight:500;margin-left:2px}
body.vz2-shell .metric .lbl{font:500 10.5px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute)}
body.vz2-shell .metric .delta{font:500 10.5px/1 var(--font-mono);color:var(--ok);display:inline-flex;gap:4px}
@media (max-width:780px){
body.vz2-shell .hero{padding:80px 0 60px}
body.vz2-shell .hero-metrics{grid-template-columns:repeat(2,1fr)}
body.vz2-shell .hero-metrics > *{border-left:0;border-top:1px solid var(--border)}
body.vz2-shell .hero-metrics > *:nth-child(2n){border-left:1px solid var(--border)}
}
/* ─────────────── company-v2.css ─────────────── */
/* ─────────────────────────────────────────────
COMPANY v2 — refined page-specific styles
Layered on tokens.css + base.css
/* (section divider) */
/* ─── compact identity header ─── */
body.vz2-shell .co-head{
padding:32px 0 28px;
border-bottom:1px solid var(--border);
}
body.vz2-shell .co-head .top-row{
display:flex;justify-content:space-between;align-items:center;
margin-bottom:24px;
}
body.vz2-shell .crumb{
display:flex;align-items:center;gap:10px;flex-wrap:wrap;
font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;
color:var(--fg-quiet);
}
body.vz2-shell .crumb a{color:var(--fg-mute)}
body.vz2-shell .crumb a:hover{color:var(--fg)}
body.vz2-shell .crumb .sep{opacity:.4}
body.vz2-shell .fresh{
display:inline-flex;align-items:center;gap:8px;
font:500 11px/1 var(--font-mono);letter-spacing:.08em;
color:var(--fg-mute);
}
body.vz2-shell .fresh::before{
content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);
box-shadow:0 0 0 3px rgba(47,143,92,.18);
}
body.vz2-shell .id-row{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end}
body.vz2-shell .id-row .flag{
display:inline-flex;align-items:center;gap:10px;
font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;
color:var(--fg-mute);margin-bottom:14px;
}
body.vz2-shell .id-row .flag .iso{
display:inline-flex;align-items:center;justify-content:center;
width:22px;height:16px;font-size:11px;font-weight:600;
background:var(--bg-2);color:var(--fg);border-radius:2px;letter-spacing:0;
}
body.vz2-shell .id-row h1{
font:600 64px/.95 var(--font-display);letter-spacing:-.035em;
margin:0;color:var(--fg);
}
body.vz2-shell .id-row h1 .legal{color:var(--fg-mute);font-weight:500;letter-spacing:-.02em}
body.vz2-shell .ident-strip{
margin-top:18px;
display:flex;gap:36px;flex-wrap:wrap;
font:400 13px/1.4 var(--font-body);color:var(--fg-mute);
}
body.vz2-shell .ident-strip span .k{
font:500 10px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;
color:var(--fg-quiet);margin-right:8px;
}
body.vz2-shell .ident-strip span .v{color:var(--fg);font-family:var(--font-mono);font-size:13px}
body.vz2-shell .action-bar{
display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;
}
body.vz2-shell .action-bar .ab{
display:inline-flex;align-items:center;gap:7px;
padding:8px 12px;border:1px solid var(--border);border-radius:4px;
background:var(--bg);color:var(--fg-mute);
font:500 11.5px/1 var(--font-body);letter-spacing:.02em;
cursor:pointer;transition:.15s;
}
body.vz2-shell .action-bar .ab:hover{border-color:var(--ink-300);color:var(--fg)}
body.vz2-shell .action-bar .ab svg{width:13px;height:13px}
body.vz2-shell .action-bar .ab.primary{background:var(--ink-900);color:var(--paper);border-color:var(--ink-900)}
[data-theme="dark"] body.vz2-shell .action-bar .ab.primary{background:var(--paper);color:#0B0C0F;border-color:var(--paper)}
/* ─── VERDICT HERO (the answer) ─── */
body.vz2-shell .verdict{
padding:48px 0 56px;
border-bottom:1px solid var(--border);
background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%);
}
body.vz2-shell .verdict-grid{
display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1px;
background:var(--border);
border:1px solid var(--border);border-radius:8px;overflow:hidden;
}
body.vz2-shell .v-cell{
background:var(--bg);padding:32px 30px;
position:relative;
}
body.vz2-shell .v-cell .v-eyebrow{
display:flex;align-items:center;gap:10px;
font:500 10.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;
color:var(--fg-quiet);margin-bottom:18px;
}
body.vz2-shell .v-cell .v-eyebrow .pill{
padding:2px 7px;border-radius:2px;background:var(--bg-2);
font:500 9.5px/1 var(--font-mono);letter-spacing:.08em;color:var(--fg-mute);
}
body.vz2-shell .v-cell .v-val{
font:600 38px/1.05 var(--font-display);letter-spacing:-.025em;
color:var(--fg);margin-bottom:8px;
}
body.vz2-shell .v-cell.warn .v-val,body.vz2-shell .v-cell.warn .v-eyebrow .pill{color:var(--accent)}
body.vz2-shell .v-cell.warn .v-eyebrow .pill{background:var(--accent-100)}
body.vz2-shell .v-cell.good .v-val{color:var(--ok)}
body.vz2-shell .v-cell.good .v-eyebrow .pill{color:var(--ok);background:rgba(47,143,92,.12)}
body.vz2-shell .v-cell.info .v-val{color:var(--product-nis2)}
body.vz2-shell .v-cell .v-sub{
font:400 13.5px/1.5 var(--font-body);color:var(--fg-mute);
max-width:42ch;
}
body.vz2-shell .v-cell .v-meta{
margin-top:14px;padding-top:14px;border-top:1px dashed var(--border);
display:flex;justify-content:space-between;align-items:center;
font:500 11px/1 var(--font-mono);letter-spacing:.06em;
color:var(--fg-quiet);
}
body.vz2-shell .v-cell .v-meta a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
/* Compliance verdict — wider, expanded "why" */
body.vz2-shell .v-cell.tier-card .why{
margin-top:20px;padding:14px 16px;
background:var(--accent-100);border-radius:6px;
font:400 13px/1.5 var(--font-body);color:var(--fg);
border-left:2px solid var(--accent);
}
body.vz2-shell .v-cell.tier-card .why strong{color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .v-cell.tier-card .why strong{color:var(--accent)}
body.vz2-shell .v-cell.tier-card .why .who{
display:inline-flex;align-items:center;gap:6px;
padding:2px 8px;border-radius:3px;background:var(--bg);
font:500 12px/1.4 var(--font-mono);letter-spacing:.02em;
color:var(--fg);margin:0 2px;
}
/* Credit ring inside verdict cell */
body.vz2-shell .v-cell.credit-card{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
body.vz2-shell .v-ring{width:120px;height:120px;position:relative;flex-shrink:0}
body.vz2-shell .v-ring svg{transform:rotate(-90deg)}
body.vz2-shell .v-ring .bg{stroke:var(--ink-100);fill:none;stroke-width:10}
[data-theme="dark"] body.vz2-shell .v-ring .bg{stroke:var(--ink-200)}
body.vz2-shell .v-ring .fg{stroke:var(--ok);fill:none;stroke-width:10;stroke-linecap:round}
body.vz2-shell .v-ring .center{
position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
}
body.vz2-shell .v-ring .grade{font:600 38px/1 var(--font-display);color:var(--ok);letter-spacing:-.02em}
body.vz2-shell .v-ring .score{font:500 10px/1 var(--font-mono);color:var(--fg-quiet);letter-spacing:.14em;margin-top:6px}
body.vz2-shell .credit-card .credit-meta .pct{
font:500 11.5px/1.4 var(--font-mono);color:var(--ok);letter-spacing:.04em;
display:inline-flex;align-items:center;gap:6px;
padding:3px 9px;background:rgba(47,143,92,.12);border-radius:3px;
margin-top:8px;
}
/* ─── grouped subnav ─── */
body.vz2-shell .subnav-v2{
position:sticky;top:64px;z-index:30;
background:color-mix(in srgb,var(--bg) 92%,transparent);
backdrop-filter:saturate(180%) blur(10px);
border-bottom:1px solid var(--border);
}
body.vz2-shell .subnav-v2 .container{
display:flex;align-items:center;gap:0;
height:52px;overflow-x:auto;
}
body.vz2-shell .subnav-v2 .group{
display:flex;align-items:center;gap:4px;
padding-right:24px;margin-right:24px;
border-right:1px solid var(--border);
}
body.vz2-shell .subnav-v2 .group:last-child{border-right:0}
body.vz2-shell .subnav-v2 .group .lbl{
font:500 10px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;
color:var(--fg-quiet);margin-right:8px;
}
body.vz2-shell .subnav-v2 a{
display:inline-flex;align-items:center;gap:6px;
padding:6px 10px;border-radius:4px;
font:500 12.5px/1 var(--font-body);color:var(--fg-mute);
white-space:nowrap;transition:.12s;
}
body.vz2-shell .subnav-v2 a:hover{color:var(--fg);background:var(--bg-2)}
body.vz2-shell .subnav-v2 a.active{color:var(--fg);background:var(--bg-2);box-shadow:inset 0 -2px 0 var(--accent)}
/* ─── section primitives ─── */
body.vz2-shell .cosec{padding:80px 0;border-bottom:1px solid var(--border)}
body.vz2-shell .cosec:last-of-type{border-bottom:0}
body.vz2-shell .cosec .sec-head{
display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;
margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid var(--border);
}
body.vz2-shell .cosec .sec-head .lead{display:flex;flex-direction:column;gap:8px}
body.vz2-shell .cosec .sec-head .num{
font:500 10.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;
color:var(--accent);
}
body.vz2-shell .cosec .sec-head h2{font:600 32px/1.04 var(--font-display);letter-spacing:-.025em;margin:0}
body.vz2-shell .cosec .sec-head .right{font:500 11px/1.5 var(--font-mono);letter-spacing:.06em;color:var(--fg-quiet);text-align:right}
body.vz2-shell .cosec .sec-head .right .src{color:var(--accent)}
/* ─── risk signal matrix ─── */
body.vz2-shell .signal-matrix{
display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
background:var(--border);
border:1px solid var(--border);border-radius:6px;overflow:hidden;
}
@media (max-width:980px){body.vz2-shell .signal-matrix{grid-template-columns:repeat(2,1fr)}}
body.vz2-shell .sig-chip{
background:var(--bg);padding:16px 18px;
display:flex;flex-direction:column;gap:8px;
position:relative;cursor:help;transition:background .15s;
}
body.vz2-shell .sig-chip:hover{background:var(--bg-2)}
body.vz2-shell .sig-chip .indicator{
display:flex;align-items:center;gap:8px;
font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;
color:var(--fg-quiet);
}
body.vz2-shell .sig-chip .indicator::before{
content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);
}
body.vz2-shell .sig-chip.warn .indicator{color:var(--accent)}
body.vz2-shell .sig-chip.warn .indicator::before{background:var(--accent)}
body.vz2-shell .sig-chip.bad .indicator{color:var(--err)}
body.vz2-shell .sig-chip.bad .indicator::before{background:var(--err)}
body.vz2-shell .sig-chip.soft{background:var(--accent-100)}
body.vz2-shell .sig-chip .name{font:400 13px/1.35 var(--font-body);color:var(--fg)}
body.vz2-shell .sig-chip .val{font:500 12px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em;margin-top:auto}
body.vz2-shell .sig-chip.warn .val{color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .sig-chip.warn .val{color:var(--accent)}
/* PEP detail card */
body.vz2-shell .pep-detail{
margin-top:24px;padding:24px;
border:1px solid var(--border);border-left:3px solid var(--accent);
border-radius:6px;background:var(--bg);
display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;
}
body.vz2-shell .pep-detail .avatar{
width:48px;height:48px;border-radius:50%;
background:var(--bg-2);border:1px solid var(--border);
display:flex;align-items:center;justify-content:center;
font:600 16px/1 var(--font-display);color:var(--fg);
}
body.vz2-shell .pep-detail .info .role{
font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;
color:var(--accent);margin-bottom:6px;
}
body.vz2-shell .pep-detail .info .name{font:600 16px/1.3 var(--font-display);color:var(--fg);margin-bottom:4px}
body.vz2-shell .pep-detail .info .pep-why{font:400 13px/1.45 var(--font-body);color:var(--fg-mute);max-width:58ch}
body.vz2-shell .pep-detail .info .pep-why strong{color:var(--fg)}
body.vz2-shell .pep-detail .verdict-stamp{
font:500 10px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;
padding:8px 12px;border-radius:3px;background:var(--accent-100);color:var(--accent-600);
}
[data-theme="dark"] body.vz2-shell .pep-detail .verdict-stamp{color:var(--accent)}
/* ─── factor bars (credit explainer) ─── */
body.vz2-shell .factor-list{margin-top:32px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
@media (max-width:980px){body.vz2-shell .factor-list{grid-template-columns:repeat(2,1fr)}}
body.vz2-shell .factor-cell{display:flex;flex-direction:column;gap:8px}
body.vz2-shell .factor-cell .nm{font:500 11px/1 var(--font-mono);letter-spacing:.08em;color:var(--fg-mute);text-transform:uppercase;font-size:10px;letter-spacing:.14em}
body.vz2-shell .factor-cell .score-bar{
height:4px;background:var(--ink-100);border-radius:2px;overflow:hidden;position:relative;
}
[data-theme="dark"] body.vz2-shell .factor-cell .score-bar{background:var(--ink-200)}
body.vz2-shell .factor-cell .score-bar .fill{height:100%;background:var(--ok);border-radius:2px}
body.vz2-shell .factor-cell .v{font:500 11px/1 var(--font-mono);color:var(--fg);letter-spacing:.04em}
/* ─── BUSINESS PROFILE split ─── */
body.vz2-shell .biz-split{display:grid;grid-template-columns:1fr 1.4fr;gap:32px}
@media (max-width:980px){body.vz2-shell .biz-split{grid-template-columns:1fr}}
/* Empty-state card (financials) */
body.vz2-shell .empty-card{
border:1px solid var(--border);border-radius:8px;
padding:32px;background:var(--bg-2);
}
body.vz2-shell .empty-card .empty-icon{
width:48px;height:48px;border-radius:50%;
background:var(--bg);border:1px dashed var(--border-strong);
display:flex;align-items:center;justify-content:center;
color:var(--fg-quiet);margin-bottom:18px;
}
body.vz2-shell .empty-card h3{font:600 20px/1.2 var(--font-display);letter-spacing:-.02em;margin:0 0 8px}
body.vz2-shell .empty-card p{font:400 14px/1.55 var(--font-body);color:var(--fg-mute);margin:0 0 18px;max-width:42ch}
body.vz2-shell .empty-card .progress{margin-bottom:20px}
body.vz2-shell .empty-card .progress-bar{height:5px;background:var(--ink-100);border-radius:3px;overflow:hidden;margin-top:8px}
[data-theme="dark"] body.vz2-shell .empty-card .progress-bar{background:var(--ink-200)}
body.vz2-shell .empty-card .progress-bar .pf{height:100%;background:var(--accent);border-radius:3px}
body.vz2-shell .empty-card .progress-meta{
display:flex;justify-content:space-between;
font:500 11px/1 var(--font-mono);letter-spacing:.08em;color:var(--fg-mute);margin-top:8px;
}
body.vz2-shell .empty-card .email-form{
display:flex;gap:6px;
}
body.vz2-shell .empty-card .email-form input{
flex:1;padding:9px 12px;border:1px solid var(--border-strong);border-radius:4px;
background:var(--bg);color:var(--fg);font:400 13px/1 var(--font-body);outline:none;
}
body.vz2-shell .empty-card .email-form input:focus{border-color:var(--ink-900)}
[data-theme="dark"] body.vz2-shell .empty-card .email-form input:focus{border-color:var(--paper)}
body.vz2-shell .empty-card .email-form button{
padding:9px 14px;background:var(--ink-900);color:var(--paper);border:0;border-radius:4px;
font:500 12px/1 var(--font-body);cursor:pointer;
}
[data-theme="dark"] body.vz2-shell .empty-card .email-form button{background:var(--paper);color:#0B0C0F}
/* CRZ summary card with mini-viz */
body.vz2-shell .crz-card{display:flex;flex-direction:column;gap:24px}
body.vz2-shell .crz-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden}
body.vz2-shell .crz-stats .stat{background:var(--bg);padding:20px 22px}
body.vz2-shell .crz-stats .stat .v{font:600 24px/1 var(--font-display);letter-spacing:-.02em;color:var(--fg)}
body.vz2-shell .crz-stats .stat .v .u{font-size:14px;color:var(--fg-mute);font-weight:500;margin-left:3px;letter-spacing:0}
body.vz2-shell .crz-stats .stat .lbl{font:500 10.5px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-quiet);margin-top:8px}
body.vz2-shell .crz-stats .stat .ctx{font:500 11px/1 var(--font-mono);color:var(--accent);margin-top:6px;letter-spacing:.04em}
/* CRZ timeline (mini bar chart) */
body.vz2-shell .crz-timeline{
border:1px solid var(--border);border-radius:6px;padding:20px 22px;
background:var(--bg);
}
body.vz2-shell .crz-timeline .head{
display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;
font:500 11px/1 var(--font-mono);letter-spacing:.08em;color:var(--fg-mute);
}
body.vz2-shell .crz-timeline .head .total{color:var(--fg);font-size:13px;font-weight:600}
body.vz2-shell .crz-timeline svg{display:block;width:100%;height:80px}
body.vz2-shell .crz-timeline .bar{fill:var(--accent);opacity:.85}
body.vz2-shell .crz-timeline .bar.peak{opacity:1}
body.vz2-shell .crz-timeline .yr{font:500 10px var(--font-mono);fill:var(--fg-quiet);text-anchor:middle}
/* Top buyers list */
body.vz2-shell .top-buyers{
border:1px solid var(--border);border-radius:6px;
background:var(--bg);overflow:hidden;
}
body.vz2-shell .top-buyers .head{
padding:14px 20px;border-bottom:1px solid var(--border);
font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;
color:var(--fg-quiet);
}
body.vz2-shell .top-buyers .row{
display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;
padding:14px 20px;border-bottom:1px solid var(--border);
}
body.vz2-shell .top-buyers .row:last-child{border-bottom:0}
body.vz2-shell .top-buyers .row .name{font:500 13.5px/1.3 var(--font-body);color:var(--fg)}
body.vz2-shell .top-buyers .row .name .sub{display:block;font:400 11.5px/1.3 var(--font-body);color:var(--fg-mute);margin-top:3px}
body.vz2-shell .top-buyers .row .pct-bar{width:100px;height:6px;background:var(--ink-100);border-radius:3px;overflow:hidden}
[data-theme="dark"] body.vz2-shell .top-buyers .row .pct-bar{background:var(--ink-200)}
body.vz2-shell .top-buyers .row .pct-bar .pf{height:100%;background:var(--accent);border-radius:3px}
body.vz2-shell .top-buyers .row .val{font:500 13px/1 var(--font-mono);color:var(--fg);letter-spacing:.02em;text-align:right;min-width:90px}
/* ─── People v2 ─── */
body.vz2-shell .people-v2{display:grid;grid-template-columns:1.3fr 1fr;gap:48px}
@media (max-width:980px){body.vz2-shell .people-v2{grid-template-columns:1fr}}
body.vz2-shell .people-current{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
body.vz2-shell .officer{
border:1px solid var(--border);border-radius:6px;padding:18px;background:var(--bg);
display:flex;flex-direction:column;gap:6px;transition:.15s;
}
body.vz2-shell .officer:hover{border-color:var(--ink-300)}
body.vz2-shell .officer.pep{border-left:3px solid var(--accent);background:var(--accent-100)}
body.vz2-shell .officer .av-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}
body.vz2-shell .officer .av{
width:38px;height:38px;border-radius:50%;
background:var(--bg-2);border:1px solid var(--border);
display:flex;align-items:center;justify-content:center;
font:600 13px/1 var(--font-display);color:var(--fg);
}
body.vz2-shell .officer .pep-badge{
margin-left:auto;font:500 9px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;
padding:3px 7px;background:var(--accent);color:#fff;border-radius:2px;
}
body.vz2-shell .officer .role{font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-top:2px}
body.vz2-shell .officer .nm{font:500 14px/1.3 var(--font-body);color:var(--fg)}
body.vz2-shell .officer .from{font:400 11.5px/1.3 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em}
body.vz2-shell .supervisory{
margin-top:28px;
border:1px solid var(--border);border-radius:6px;overflow:hidden;
}
body.vz2-shell .supervisory details{}
body.vz2-shell .supervisory summary{
list-style:none;display:flex;justify-content:space-between;align-items:center;
padding:14px 20px;cursor:pointer;
font:500 12.5px/1 var(--font-body);color:var(--fg);
background:var(--bg-2);
}
body.vz2-shell .supervisory summary::-webkit-details-marker{display:none}
body.vz2-shell .supervisory summary .ct{font:500 11px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.06em}
body.vz2-shell .supervisory summary .arrow{font:500 14px/1 var(--font-mono);transition:transform .2s}
body.vz2-shell .supervisory details[open] summary .arrow{transform:rotate(45deg)}
body.vz2-shell .supervisory-tbl{padding:0}
body.vz2-shell .supervisory-tbl table{width:100%;border-collapse:collapse;font:400 13px/1.4 var(--font-body)}
body.vz2-shell .supervisory-tbl th{
text-align:left;padding:10px 20px;
font:500 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet);
border-bottom:1px solid var(--border);background:var(--bg);
}
body.vz2-shell .supervisory-tbl td{padding:11px 20px;border-bottom:1px solid var(--border)}
body.vz2-shell .supervisory-tbl tr:last-child td{border-bottom:0}
body.vz2-shell .supervisory-tbl td .mono{font-family:var(--font-mono);font-size:12px;color:var(--fg-mute)}
/* ─── UBO timeline ─── */
body.vz2-shell .ubo-tl{
border:1px solid var(--border);border-radius:8px;padding:24px;background:var(--bg);
}
body.vz2-shell .ubo-tl h3{font:600 14px/1.2 var(--font-display);letter-spacing:-.01em;margin:0 0 6px}
body.vz2-shell .ubo-tl .src{
font:500 11px/1.4 var(--font-mono);color:var(--fg-quiet);
letter-spacing:.06em;margin-bottom:18px;
}
body.vz2-shell .ubo-tl .lane{position:relative;margin-bottom:14px}
body.vz2-shell .ubo-tl .lane:last-child{margin-bottom:0}
body.vz2-shell .ubo-tl .lane .nm{font:500 12.5px/1.2 var(--font-body);color:var(--fg);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}
body.vz2-shell .ubo-tl .lane .nm .ct{font:500 10px/1 var(--font-mono);color:var(--fg-quiet);letter-spacing:.08em}
body.vz2-shell .ubo-tl .lane .track{
position:relative;height:18px;background:var(--bg-2);border-radius:2px;overflow:hidden;
}
body.vz2-shell .ubo-tl .lane .stint{
position:absolute;top:3px;bottom:3px;
background:var(--accent);opacity:.5;border-radius:2px;
}
body.vz2-shell .ubo-tl .lane .stint.current{opacity:1}
body.vz2-shell .ubo-tl .scale{
display:flex;justify-content:space-between;
font:500 10px/1 var(--font-mono);color:var(--fg-quiet);letter-spacing:.1em;
margin-top:14px;padding-top:14px;border-top:1px solid var(--border);
}
/* ─── network mini viz (force-style) ─── */
body.vz2-shell .network-mini{
border:1px solid var(--border);border-radius:8px;
background:var(--bg);height:340px;position:relative;overflow:hidden;
}
body.vz2-shell .network-mini svg{width:100%;height:100%}
body.vz2-shell .network-mini .edge{stroke:var(--ink-200);stroke-width:1;opacity:.7}
[data-theme="dark"] body.vz2-shell .network-mini .edge{stroke:var(--ink-300)}
body.vz2-shell .network-mini .node circle{fill:var(--bg);stroke:var(--fg-mute);stroke-width:1.2}
body.vz2-shell .network-mini .node.center circle{fill:var(--accent);stroke:var(--accent)}
body.vz2-shell .network-mini .node.person circle{fill:var(--bg-2)}
body.vz2-shell .network-mini .node text{font:500 10.5px var(--font-mono);fill:var(--fg);letter-spacing:.02em;text-anchor:middle}
body.vz2-shell .network-mini .node.center text{fill:#fff;font-weight:600}
/* ─── reference grid (registers compact) ─── */
body.vz2-shell .ref-grid{
display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden;
}
@media (max-width:980px){body.vz2-shell .ref-grid{grid-template-columns:repeat(2,1fr)}}
body.vz2-shell .ref-cell{background:var(--bg);padding:14px 16px;display:flex;flex-direction:column;gap:6px}
body.vz2-shell .ref-cell .k{font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet)}
body.vz2-shell .ref-cell .v{font:400 13px/1.3 var(--font-body);color:var(--fg)}
body.vz2-shell .ref-cell .v.mono{font-family:var(--font-mono);font-size:12.5px}
body.vz2-shell .ref-cell .src-tag{font:500 9.5px/1 var(--font-mono);color:var(--accent);letter-spacing:.1em;margin-top:auto}
/* ─── contracts table v2 ─── */
body.vz2-shell .contracts-tbl{
width:100%;border-collapse:collapse;font:400 13px/1.4 var(--font-body);
border:1px solid var(--border);border-radius:6px;overflow:hidden;
}
body.vz2-shell .contracts-tbl thead{background:var(--bg-2)}
body.vz2-shell .contracts-tbl th{
text-align:left;padding:12px 16px;
font:500 10px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;
color:var(--fg-quiet);border-bottom:1px solid var(--border);
}
body.vz2-shell .contracts-tbl th.right,body.vz2-shell .contracts-tbl td.right{text-align:right}
body.vz2-shell .contracts-tbl td{padding:14px 16px;border-bottom:1px solid var(--border)}
body.vz2-shell .contracts-tbl tr:last-child td{border-bottom:0}
body.vz2-shell .contracts-tbl tr:hover td{background:var(--bg-2)}
body.vz2-shell .contracts-tbl td .mono{font-family:var(--font-mono);font-size:12px;color:var(--fg-mute)}
body.vz2-shell .contracts-tbl td a{color:var(--fg);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-strong)}
body.vz2-shell .contracts-tbl td a:hover{color:var(--accent);text-decoration-color:var(--accent)}
/* ─── NIS2 verdict v2 ─── */
body.vz2-shell .nis2-v2{
display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;
border:1px solid var(--border);border-radius:8px;
background:linear-gradient(135deg,color-mix(in srgb,var(--product-nis2) 6%,var(--bg)) 0%,var(--bg) 100%);
padding:32px;
}
body.vz2-shell .nis2-v2 .stamp{
display:flex;flex-direction:column;align-items:center;justify-content:center;
padding:20px 24px;border:2px solid var(--product-nis2);border-radius:6px;
background:var(--bg);min-width:140px;
}
body.vz2-shell .nis2-v2 .stamp .big{font:600 24px/1 var(--font-display);color:var(--product-nis2);letter-spacing:-.02em}
body.vz2-shell .nis2-v2 .stamp .small{font:500 9px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-quiet);margin-top:8px}
body.vz2-shell .nis2-v2 .reason{font:400 14.5px/1.6 var(--font-body);color:var(--fg);max-width:50ch}
body.vz2-shell .nis2-v2 .reason strong{font-weight:600;color:var(--fg)}
body.vz2-shell .nis2-v2 .duties{display:flex;flex-direction:column;gap:8px;font:500 11px/1.4 var(--font-mono);color:var(--fg-mute);letter-spacing:.06em;text-align:right}
body.vz2-shell .nis2-v2 .duties .duty{display:flex;align-items:center;gap:8px;justify-content:flex-end}
body.vz2-shell .nis2-v2 .duties .duty::before{content:"✓";color:var(--ok)}
/* ─── related compact ─── */
body.vz2-shell .related-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:760px){body.vz2-shell .related-v2{grid-template-columns:1fr}}
body.vz2-shell .related-v2 a{
display:flex;flex-direction:column;gap:6px;
padding:14px 16px;border:1px solid var(--border);border-radius:6px;
background:var(--bg);transition:.15s;
}
body.vz2-shell .related-v2 a:hover{border-color:var(--ink-300);background:var(--bg-2)}
body.vz2-shell .related-v2 .why{font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
body.vz2-shell .related-v2 .nm{font:500 14px/1.3 var(--font-body);color:var(--fg)}
body.vz2-shell .related-v2 .id{font:500 11.5px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em}
/* ─── sources audit + API combined ─── */
body.vz2-shell .api-sources-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px}
@media (max-width:980px){body.vz2-shell .api-sources-grid{grid-template-columns:1fr}}
body.vz2-shell .api-block{
border:1px solid var(--border);border-radius:8px;
background:#0E0F12;color:#F4F1EA;overflow:hidden;
}
body.vz2-shell .api-block .head{
display:flex;justify-content:space-between;align-items:center;
padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);
font:500 11.5px/1 var(--font-mono);letter-spacing:.08em;
color:rgba(244,241,234,.7);
}
body.vz2-shell .api-block .head .copy{
padding:5px 10px;background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.14);
color:rgba(244,241,234,.9);border-radius:3px;
font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;cursor:pointer;
}
body.vz2-shell .api-block .head .copy:hover{background:rgba(255,255,255,.14)}
body.vz2-shell .api-block pre{margin:0;padding:18px 20px;font:400 12.5px/1.65 var(--font-mono);overflow-x:auto;white-space:pre}
body.vz2-shell .api-block .c{color:rgba(255,255,255,.4)}
body.vz2-shell .api-block .k{color:#9BC6FF}
body.vz2-shell .api-block .s{color:#FFB991}
body.vz2-shell .api-block .v{color:#A5D38C}
body.vz2-shell .sources-v2{border:1px solid var(--border);border-radius:8px;background:var(--bg);overflow:hidden}
body.vz2-shell .sources-v2 .sh{
padding:14px 18px;border-bottom:1px solid var(--border);
font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;
color:var(--fg-quiet);
display:flex;justify-content:space-between;align-items:center;
}
body.vz2-shell .sources-v2 .sh .ct{color:var(--accent)}
body.vz2-shell .sources-v2 .row{
display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;
padding:12px 18px;border-bottom:1px solid var(--border);
}
body.vz2-shell .sources-v2 .row:last-child{border-bottom:0}
body.vz2-shell .sources-v2 .row .nm{font:500 13px/1.3 var(--font-body);color:var(--fg)}
body.vz2-shell .sources-v2 .row .nm .url{display:block;font:400 11px/1.3 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em;margin-top:3px}
body.vz2-shell .sources-v2 .row .dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}
body.vz2-shell .sources-v2 .row .age{font:500 10.5px/1 var(--font-mono);color:var(--fg-quiet);letter-spacing:.08em;text-align:right}
body.vz2-shell .sources-v2 .row.stale .dot{background:var(--fg-quiet)}
/* ─── follow CTA ─── */
body.vz2-shell .follow-cta{
padding:64px 0;
border-top:1px solid var(--border);
background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);
text-align:center;
}
body.vz2-shell .follow-cta h2{font:600 32px/1.1 var(--font-display);letter-spacing:-.025em;margin:0 0 12px}
body.vz2-shell .follow-cta p{font:400 16px/1.55 var(--font-body);color:var(--fg-mute);margin:0 0 28px;max-width:48ch;margin-inline:auto}
body.vz2-shell .follow-cta .form{display:inline-flex;gap:6px;background:var(--bg);border:1px solid var(--border-strong);border-radius:6px;padding:6px;box-shadow:var(--shadow-2)}
body.vz2-shell .follow-cta .form input{
border:0;outline:0;background:transparent;
padding:12px 14px;font:400 14px/1 var(--font-body);color:var(--fg);
min-width:280px;
}
body.vz2-shell .follow-cta .form input::placeholder{color:var(--fg-quiet)}
body.vz2-shell .follow-cta .form button{
padding:0 18px;background:var(--ink-900);color:var(--paper);border:0;border-radius:4px;
font:500 13px/1 var(--font-body);cursor:pointer;
}
[data-theme="dark"] body.vz2-shell .follow-cta .form button{background:var(--paper);color:#0B0C0F}
/* ─────────────── company-v2-shell.css ─────────────── */
/* ─────────────────────────────────────────────
COMPANY v2 SHELL — left-rail layout, floating
actions, compact-yet-bold identity, density
utilities (sparklines, benchmarks). Loaded
AFTER company-v2.css, overrides where needed.
/* (section divider) */
/* ─── App shell: left rail + main column ─── */
body.vz2-shell .app-shell{
display:grid;
grid-template-columns:260px minmax(0,1fr);
min-height:calc(100vh - 70px);
transition:grid-template-columns .25s cubic-bezier(.4,.0,.2,1);
}
body.vz2-shell .app-shell.rail-collapsed,body.vz2-shell.rail-collapsed .app-shell{
grid-template-columns:64px minmax(0,1fr);
}
@media (max-width:1024px){
body.vz2-shell .app-shell{grid-template-columns:1fr}
body.vz2-shell .app-shell.rail-collapsed{grid-template-columns:1fr}
}
/* Left rail */
body.vz2-shell .rail{
position:sticky;top:70px;
height:calc(100vh - 70px);
overflow-y:auto;
border-right:1px solid var(--border);
background:var(--bg);
padding:32px 0 24px;
display:flex;flex-direction:column;
}
/* Rail toggle button (collapse / expand) */
body.vz2-shell .rail-toggle{
position:absolute;top:14px;right:-13px;z-index:5;
width:26px;height:26px;min-width:26px;min-height:26px;max-width:26px;max-height:26px;
border-radius:50%;
background:var(--bg);border:1px solid var(--border-strong);
display:flex;align-items:center;justify-content:center;
cursor:pointer;color:var(--fg-mute);
box-shadow:var(--shadow-1);
transition:color .15s,background .15s,border-color .15s,box-shadow .15s;
padding:0;flex-shrink:0;line-height:0;
}
body.vz2-shell .rail-toggle:hover{color:var(--fg);background:var(--bg-2);border-color:var(--ink-300);box-shadow:var(--shadow-2)}
body.vz2-shell .rail-toggle > svg{
width:13px;height:13px;min-width:13px;min-height:13px;max-width:13px;max-height:13px;
flex:0 0 auto;display:block;
transition:transform .25s cubic-bezier(.4,.0,.2,1);
}
body.vz2-shell.rail-collapsed .rail-toggle > svg{transform:rotate(180deg)}
/* ─── Collapsed rail content (icons only) ─── */
body.vz2-shell.rail-collapsed .rail{padding:32px 0 24px}
body.vz2-shell.rail-collapsed .rail-section{padding:0 0 18px;margin-bottom:14px;border-bottom:1px solid var(--border)}
body.vz2-shell.rail-collapsed .rail-section:last-of-type{border-bottom:0}
body.vz2-shell.rail-collapsed .rail-section .group-lbl{display:none}
body.vz2-shell.rail-collapsed .rail-section .group-lbl-mini{
display:flex;justify-content:center;align-items:center;
padding:0 4px 12px;
font:500 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet);
}
body.vz2-shell .rail-section .group-lbl-mini{display:none}
body.vz2-shell.rail-collapsed .rail-link{
grid-template-columns:1fr;gap:0;
padding:8px 0;justify-content:center;
position:relative;
}
body.vz2-shell.rail-collapsed .rail-link > span:not(.num):not(.badge){display:none}
body.vz2-shell.rail-collapsed .rail-link .num{
display:flex;justify-content:center;align-items:center;
width:34px;height:34px;margin:0 auto;border-radius:6px;
background:var(--bg-2);font:500 11.5px/1 var(--font-mono);color:var(--fg);
letter-spacing:0;
border:1px solid transparent;
transition:.15s;
}
body.vz2-shell.rail-collapsed .rail-link:hover .num{background:var(--bg-3);transform:scale(1.06)}
body.vz2-shell.rail-collapsed .rail-link.active .num{
background:var(--accent-100);color:var(--accent-600);border-color:var(--accent);
}
[data-theme="dark"] body.vz2-shell body.rail-collapsed .rail-link.active .num{color:var(--accent)}
body.vz2-shell.rail-collapsed .rail-link.active{box-shadow:none}
body.vz2-shell.rail-collapsed .rail-link.active::before{display:none}
body.vz2-shell.rail-collapsed .rail-link .badge{
position:absolute;top:2px;right:4px;
font:500 7.5px/1 var(--font-mono);padding:1px 4px;letter-spacing:.04em;
background:var(--bg);border:1px solid var(--border);
border-radius:3px;color:var(--fg-mute);
}
body.vz2-shell.rail-collapsed .rail-link.alert .badge{background:var(--accent);color:#fff;border-color:transparent}
body.vz2-shell.rail-collapsed .rail-link:hover{background:transparent;padding-left:0}
/* Tooltip on hover in collapsed mode */
body.vz2-shell.rail-collapsed .rail-link::after{
content:attr(data-label);
position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);
background:var(--ink-900);color:var(--paper);
padding:6px 10px;border-radius:4px;
font:500 11.5px/1 var(--font-body);letter-spacing:.02em;white-space:nowrap;
opacity:0;pointer-events:none;transition:opacity .12s;
z-index:100;box-shadow:var(--shadow-2);
}
body.vz2-shell.rail-collapsed .rail-link:hover::after{opacity:1}
/* Rail footer condenses */
body.vz2-shell.rail-collapsed .rail-foot{padding:14px 6px 0}
body.vz2-shell.rail-collapsed .rail-foot .fresh{display:none}
body.vz2-shell.rail-collapsed .rail-foot::before{
content:"●";display:block;text-align:center;color:var(--ok);font-size:10px;
text-shadow:0 0 6px rgba(47,143,92,.5);
}
/* Brand in collapsed mode → just sq */
body.vz2-shell.rail-collapsed .nav .nav-inner .brand{
padding:14px 0;justify-content:center;font-size:0;
}
body.vz2-shell.rail-collapsed .nav .nav-inner .brand .sq{
font-size:0;width:14px;height:14px;margin:0;
}
body.vz2-shell .rail::-webkit-scrollbar{width:6px}
body.vz2-shell .rail::-webkit-scrollbar-thumb{background:var(--ink-100);border-radius:3px}
[data-theme="dark"] body.vz2-shell .rail::-webkit-scrollbar-thumb{background:var(--ink-200)}
@media (max-width:1024px){
body.vz2-shell .rail{
position:relative;top:0;height:auto;
border-right:0;border-bottom:1px solid var(--border);
padding:18px 24px;
}
}
body.vz2-shell .rail-section{
padding:0 24px 22px;
margin-bottom:18px;
border-bottom:1px solid var(--border);
}
body.vz2-shell .rail-section:last-of-type{border-bottom:0;margin-bottom:0}
body.vz2-shell .rail-section .group-lbl{
display:flex;align-items:center;gap:10px;
font:500 10px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;
color:var(--fg-quiet);margin-bottom:14px;
}
body.vz2-shell .rail-section .group-lbl .ct{
font:500 10px/1 var(--font-mono);letter-spacing:.04em;
color:var(--fg-quiet);background:var(--bg-2);padding:2px 6px;border-radius:2px;
}
body.vz2-shell .rail-nav{display:flex;flex-direction:column;gap:1px}
body.vz2-shell .rail-link{
display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;
padding:9px 10px;border-radius:5px;
font:500 13px/1.2 var(--font-body);color:var(--fg-mute);
transition:.12s;position:relative;
text-decoration:none;
}
body.vz2-shell .rail-link:hover{background:var(--bg-2);color:var(--fg)}
body.vz2-shell .rail-link .num{font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;color:var(--fg-quiet)}
body.vz2-shell .rail-link .badge{
font:500 10px/1 var(--font-mono);letter-spacing:.06em;
color:var(--fg-quiet);padding:2px 6px;border-radius:2px;background:var(--bg-2);
}
body.vz2-shell .rail-link.alert .badge{color:var(--accent);background:var(--accent-100)}
body.vz2-shell .rail-link.active{
background:var(--bg-2);color:var(--fg);
box-shadow:inset 2px 0 0 var(--accent);
}
body.vz2-shell .rail-link.active .num{color:var(--accent)}
/* Rail footer: theme + lang + freshness */
body.vz2-shell .rail-foot{
margin-top:auto;padding:18px 24px 0;
border-top:1px solid var(--border);
display:flex;flex-direction:column;gap:14px;
}
body.vz2-shell .rail-foot .fresh{
font:500 10.5px/1.4 var(--font-mono);letter-spacing:.06em;color:var(--fg-mute);
display:flex;align-items:center;gap:8px;
}
body.vz2-shell .rail-foot .fresh::before{
content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);
box-shadow:0 0 0 3px rgba(47,143,92,.18);flex-shrink:0;
}
body.vz2-shell .rail-foot .controls{display:flex;gap:6px}
body.vz2-shell .rail-foot .ctl{
flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;
height:32px;padding:0 10px;border:1px solid var(--border);border-radius:4px;
font:500 11px/1 var(--font-mono);letter-spacing:.06em;color:var(--fg-mute);
background:var(--bg);transition:.12s;
}
body.vz2-shell .rail-foot .ctl:hover{border-color:var(--ink-300);color:var(--fg);background:var(--bg-2)}
body.vz2-shell .rail-foot .ctl svg{width:13px;height:13px}
/* Main column gets internal padding */
body.vz2-shell .main-col{padding:0;min-width:0}
body.vz2-shell .main-col > section,body.vz2-shell .main-col > .verdict{padding-left:0;padding-right:0}
body.vz2-shell .main-col .container{
max-width:none;
margin:0;
padding:0 64px;
}
@media (max-width:1240px){
body.vz2-shell .main-col .container{padding:0 40px}
}
@media (max-width:1024px){
body.vz2-shell .main-col .container{padding:0 24px}
}
/* ─── Identity redesign (compact-yet-bold) ─── */
body.vz2-shell .co-head{
padding:56px 0 48px;
border-bottom:1px solid var(--border);
position:relative;
}
body.vz2-shell .co-head .top-row{margin-bottom:32px}
body.vz2-shell .co-head .id-row{
display:flex;flex-direction:column;gap:0;
}
body.vz2-shell .co-head .id-row .flag{margin-bottom:18px}
body.vz2-shell .co-head h1{
font:600 88px/.94 var(--font-display);
letter-spacing:-.045em;
margin:0 0 24px;
max-width:none;
}
body.vz2-shell .co-head h1 .legal{
display:inline-block;color:var(--fg-mute);font-weight:500;
letter-spacing:-.03em;
}
/* Identity strip — compact pills with all IDs */
body.vz2-shell .co-head .ident-strip{
display:flex;flex-wrap:wrap;gap:0;
margin-top:0;
border:1px solid var(--border);border-radius:8px;
background:var(--bg);overflow:hidden;
}
body.vz2-shell .co-head .ident-strip > span{
display:flex;flex-direction:column;gap:5px;
padding:14px 22px;
border-right:1px solid var(--border);
min-width:140px;
flex:1 1 auto;
}
body.vz2-shell .co-head .ident-strip > span:last-child{border-right:0}
body.vz2-shell .co-head .ident-strip .k{
font:500 9.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;
color:var(--fg-quiet);margin:0;
}
body.vz2-shell .co-head .ident-strip .v{
font:500 14px/1.2 var(--font-mono);letter-spacing:.02em;color:var(--fg);
}
/* Hide old action bar — replaced by floating actions */
body.vz2-shell .co-head .action-bar{display:none}
/* ─── Floating action menu (kebab) ─── */
body.vz2-shell .fab-actions{
position:fixed;
top:90px;
right:24px;
z-index:40;
display:flex;flex-direction:column;gap:8px;
}
body.vz2-shell .fab-trigger{
width:44px;height:44px;border-radius:8px;
background:var(--bg);border:1px solid var(--border-strong);
display:inline-flex;align-items:center;justify-content:center;
color:var(--fg);cursor:pointer;
box-shadow:var(--shadow-2);
transition:.15s;
}
body.vz2-shell .fab-trigger:hover{transform:translateY(-1px);box-shadow:var(--shadow-3)}
body.vz2-shell .fab-trigger svg{width:18px;height:18px}
body.vz2-shell .fab-menu{
position:absolute;top:calc(100% + 8px);right:0;
min-width:200px;
background:var(--bg);border:1px solid var(--border-strong);border-radius:8px;
box-shadow:var(--shadow-3);padding:6px;
display:none;flex-direction:column;gap:2px;
}
body.vz2-shell .fab-actions.open .fab-menu{display:flex}
body.vz2-shell .fab-item{
display:flex;align-items:center;gap:10px;
padding:9px 12px;border-radius:5px;
font:500 12.5px/1 var(--font-body);color:var(--fg);
background:transparent;border:0;text-align:left;cursor:pointer;
transition:.12s;
}
body.vz2-shell .fab-item:hover{background:var(--bg-2)}
body.vz2-shell .fab-item svg{width:14px;height:14px;color:var(--fg-mute)}
body.vz2-shell .fab-item.primary{color:var(--accent)}
body.vz2-shell .fab-item.primary svg{color:var(--accent)}
body.vz2-shell .fab-divider{height:1px;background:var(--border);margin:4px 0}
@media (max-width:1024px){
body.vz2-shell .fab-actions{top:auto;bottom:24px;right:24px}
}
/* ─── Old horizontal subnav hidden ─── */
body.vz2-shell .subnav-v2{display:none}
/* ─── Density: sparkline ─── */
body.vz2-shell .spark{
display:inline-block;
width:60px;height:18px;
vertical-align:middle;
margin-left:8px;
}
body.vz2-shell .spark path{fill:none;stroke:var(--accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
body.vz2-shell .spark .area{fill:var(--accent);opacity:.12;stroke:none}
body.vz2-shell .spark.up path{stroke:var(--ok)}
body.vz2-shell .spark.up .area{fill:var(--ok)}
body.vz2-shell .spark.down path{stroke:var(--err)}
body.vz2-shell .spark.down .area{fill:var(--err)}
/* ─── Density: benchmark column (peer comparison) ─── */
body.vz2-shell .bench-row{
display:grid;grid-template-columns:1fr auto auto auto;gap:18px;align-items:center;
padding:11px 0;border-bottom:1px solid var(--border);
font:400 13.5px/1.3 var(--font-body);
}
body.vz2-shell .bench-row:last-child{border-bottom:0}
body.vz2-shell .bench-row .lbl{color:var(--fg)}
body.vz2-shell .bench-row .v{
font:500 13px/1 var(--font-mono);letter-spacing:.02em;color:var(--fg);
min-width:64px;text-align:right;
}
body.vz2-shell .bench-row .peer{
font:500 11.5px/1 var(--font-mono);letter-spacing:.04em;color:var(--fg-mute);
min-width:78px;text-align:right;
}
body.vz2-shell .bench-row .delta{
font:500 11px/1 var(--font-mono);letter-spacing:.04em;
min-width:54px;text-align:right;
padding:3px 7px;border-radius:3px;
background:rgba(47,143,92,.12);color:var(--ok);
}
body.vz2-shell .bench-row .delta.down{background:rgba(184,58,46,.12);color:var(--err)}
body.vz2-shell .bench-row .delta.flat{background:var(--bg-2);color:var(--fg-mute)}
body.vz2-shell .bench-header{
display:grid;grid-template-columns:1fr auto auto auto;gap:18px;align-items:center;
padding:10px 0;border-bottom:1px solid var(--border-strong);
font:500 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet);
}
body.vz2-shell .bench-header > *:not(:first-child){text-align:right;min-width:64px}
body.vz2-shell .bench-header > *:nth-child(3){min-width:78px}
body.vz2-shell .bench-header > *:nth-child(4){min-width:54px}
/* ─── Compact dense table v3 ─── */
body.vz2-shell .dtbl{
width:100%;border-collapse:collapse;
font:400 12.5px/1.4 var(--font-body);
border:1px solid var(--border);border-radius:6px;overflow:hidden;
}
body.vz2-shell .dtbl thead{background:var(--bg-2)}
body.vz2-shell .dtbl th{
text-align:left;padding:10px 14px;
font:500 9.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;
color:var(--fg-quiet);border-bottom:1px solid var(--border);
}
body.vz2-shell .dtbl th.r,body.vz2-shell .dtbl td.r{text-align:right}
body.vz2-shell .dtbl td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--fg)}
body.vz2-shell .dtbl tr:last-child td{border-bottom:0}
body.vz2-shell .dtbl td.mono{font-family:var(--font-mono);font-size:12px;color:var(--fg-mute);letter-spacing:.02em}
body.vz2-shell .dtbl tr:hover td{background:var(--bg-2)}
body.vz2-shell .dtbl .spark{margin:0}
/* ─── Hide old action-bar from .id-row ─── */
body.vz2-shell .co-head .id-row{grid-template-columns:1fr !important}
/* ─── Adjust subnav-v2 placement constraint ─── */
body.vz2-shell .main-col .subnav-v2{display:none !important}
/* Crumb / fresh — no wrap */
body.vz2-shell .co-head .top-row{
display:flex;justify-content:space-between;align-items:center;
margin-bottom:32px;flex-wrap:wrap;gap:14px;
}
body.vz2-shell .crumb{flex-wrap:nowrap;overflow:hidden;max-width:100%}
body.vz2-shell .crumb > *{white-space:nowrap}
body.vz2-shell .crumb .mono{font-family:var(--font-mono);color:var(--fg);font-size:11px}
/* PEP badge — no line break */
body.vz2-shell .v-cell.tier-card .why .who{white-space:nowrap}
/* Credit card — stack inside cell when narrow */
body.vz2-shell .main-col .v-cell.credit-card{grid-template-columns:1fr;justify-items:start;gap:18px}
body.vz2-shell .main-col .v-cell.credit-card .v-ring{width:96px;height:96px}
body.vz2-shell .main-col .v-cell.credit-card .v-ring .grade{font-size:30px}
body.vz2-shell .main-col .v-cell.credit-card .credit-meta{align-self:stretch}
/* Verdict gap so cells don't touch FAB */
body.vz2-shell .main-col .verdict{padding-right:0}
@media (max-width:1240px){body.vz2-shell .main-col .verdict{padding-right:0}}
/* ─── Verdict grid: keep ratio ─── */
body.vz2-shell .main-col .verdict-grid{grid-template-columns:1.5fr 1fr 1fr}
@media (max-width:1240px){
body.vz2-shell .main-col .verdict-grid{grid-template-columns:1fr;}
body.vz2-shell .main-col .verdict-grid .v-cell{padding:24px}
}
/* ─── Signal matrix: tighter ─── */
body.vz2-shell .main-col .signal-matrix{grid-template-columns:repeat(5,1fr)}
@media (max-width:1240px){body.vz2-shell .main-col .signal-matrix{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){body.vz2-shell .main-col .signal-matrix{grid-template-columns:repeat(2,1fr)}}
/* ─── Verdict cell sub-meta on dense layout ─── */
body.vz2-shell .v-cell .peer-row{
display:flex;gap:12px;align-items:center;
font:500 10.5px/1 var(--font-mono);letter-spacing:.08em;color:var(--fg-mute);
margin-top:14px;padding-top:14px;border-top:1px dashed var(--border);
}
body.vz2-shell .v-cell .peer-row .label{color:var(--fg-quiet)}
body.vz2-shell .v-cell .peer-row .val{color:var(--fg)}
/* ─── Top nav aligned with app-shell rail + main-col ─── */
body.vz2-shell .nav{display:block}
body.vz2-shell .nav .nav-inner{
max-width:none;
padding:0;
display:grid;
grid-template-columns:260px minmax(0,1fr);
gap:0;
align-items:stretch;
transition:grid-template-columns .25s cubic-bezier(.4,.0,.2,1);
}
body.vz2-shell.rail-collapsed .nav .nav-inner{grid-template-columns:64px minmax(0,1fr)}
body.vz2-shell .nav .nav-inner > .brand{
padding:14px 24px;
display:inline-flex;align-items:center;
transition:padding .25s,font-size .25s;
}
body.vz2-shell .nav-right{
max-width:none;
margin:0;width:100%;
padding:14px 64px;
display:flex;align-items:center;justify-content:space-between;gap:24px;
}
@media (max-width:1240px){
body.vz2-shell .nav-right{padding:14px 40px}
}
@media (max-width:1024px){
body.vz2-shell .nav .nav-inner{grid-template-columns:auto 1fr;padding:0 0}
body.vz2-shell .nav .nav-inner > .brand{padding:14px 0 14px 24px}
body.vz2-shell .nav-right{padding:14px 24px}
}
/* ─────────────────────────────────────────────
RELATED v3 — KPI + toolbar + rich cards + pager
/* (section divider) */
body.vz2-shell .rel-kpis{
display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;
margin-bottom:18px;
}
@media (max-width:760px){body.vz2-shell .rel-kpis{grid-template-columns:repeat(2,1fr)}}
body.vz2-shell .rel-kpi{background:var(--bg);padding:16px 20px;display:flex;flex-direction:column;gap:5px}
body.vz2-shell .rel-kpi-v{font:600 26px/1 var(--font-display);letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums}
body.vz2-shell .rel-kpi-k{font:500 10.5px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet)}
body.vz2-shell .rel-kpi-sub{font:400 11.5px/1.4 var(--font-body);color:var(--fg-mute);margin-top:3px}
body.vz2-shell .rel-toolbar{
display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;
margin-bottom:14px;align-items:center;
}
@media (max-width:1024px){body.vz2-shell .rel-toolbar{grid-template-columns:1fr}}
body.vz2-shell .rel-search{
position:relative;display:flex;align-items:center;
background:var(--bg);border:1px solid var(--border);border-radius:6px;
padding:0 10px 0 32px;transition:.15s;
}
body.vz2-shell .rel-search:focus-within{border-color:var(--ink-300)}
body.vz2-shell .rel-search-ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--fg-quiet)}
body.vz2-shell .rel-search input{
border:0;background:transparent;outline:0;padding:9px 0;width:100%;
font:400 13px/1 var(--font-body);color:var(--fg);
}
body.vz2-shell .rel-search input::placeholder{color:var(--fg-quiet)}
body.vz2-shell .rel-filters{display:inline-flex;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:2px;flex-wrap:wrap}
body.vz2-shell .rel-chip{
padding:7px 12px;border:0;background:transparent;border-radius:4px;cursor:pointer;
font:500 12px/1 var(--font-body);color:var(--fg-mute);
display:inline-flex;align-items:center;gap:6px;transition:.12s;
}
body.vz2-shell .rel-chip:hover{color:var(--fg)}
body.vz2-shell .rel-chip.active{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-1)}
body.vz2-shell .rel-chip .n{font:500 10.5px/1 var(--font-mono);color:var(--fg-quiet);background:var(--bg);padding:2px 5px;border-radius:2px;letter-spacing:.04em}
body.vz2-shell .rel-chip.active .n{background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .rel-chip.active .n{color:var(--accent)}
body.vz2-shell .rel-grid-v3{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
@media (max-width:1024px){body.vz2-shell .rel-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){body.vz2-shell .rel-grid-v3{grid-template-columns:1fr}}
body.vz2-shell .rel-card{
display:flex;flex-direction:column;gap:8px;
padding:16px 18px;border:1px solid var(--border);border-radius:8px;
background:var(--bg);text-decoration:none;color:inherit;
transition:border-color .12s,box-shadow .12s,transform .12s;
}
body.vz2-shell .rel-card:hover{border-color:var(--ink-300);box-shadow:var(--shadow-2);transform:translateY(-1px)}
body.vz2-shell .rel-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
body.vz2-shell .rel-card-tag{
font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;
padding:4px 8px;border-radius:3px;
background:var(--bg-2);color:var(--fg-mute);
}
body.vz2-shell .rel-card-tag.sub{background:rgba(47,143,92,.12);color:var(--ok)}
body.vz2-shell .rel-card-tag.sister{background:rgba(58,107,176,.12);color:var(--product-nis2)}
body.vz2-shell .rel-card-tag.stat{background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .rel-card-tag.stat{color:var(--accent)}
body.vz2-shell .rel-card-tag.addr{background:rgba(124,128,141,.16);color:var(--fg-mute)}
body.vz2-shell .rel-card-flag .iso{
display:inline-flex;align-items:center;justify-content:center;
width:22px;height:16px;font:600 10px/1 var(--font-mono);color:var(--fg);
background:var(--bg-2);border-radius:2px;letter-spacing:.04em;
}
body.vz2-shell .rel-card-nm{font:500 14px/1.3 var(--font-body);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.vz2-shell .rel-card-ico{font:500 11px/1.3 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em}
body.vz2-shell .rel-card-meta{
display:flex;justify-content:space-between;align-items:center;gap:12px;
margin-top:6px;padding-top:8px;border-top:1px dashed var(--border);
}
body.vz2-shell .rel-card-stat{
font:500 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;
padding:3px 6px;border-radius:2px;
background:rgba(47,143,92,.12);color:var(--ok);
}
body.vz2-shell .rel-card-sub{font:500 11px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em}
body.vz2-shell .rel-pager{
display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
margin-top:18px;
}
/* IP toolbar (reuses rel-search/rel-filters chrome) */
body.vz2-shell .ip-toolbar{
display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;
margin-bottom:14px;align-items:center;
}
@media (max-width:980px){body.vz2-shell .ip-toolbar{grid-template-columns:1fr}}
body.vz2-shell .ip-pager{
display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
margin-top:16px;padding-top:14px;border-top:1px solid var(--border);
}
/* ─────────────────────────────────────────────
STATUTORY EVENTS — toolbar + pager
/* (section divider) */
body.vz2-shell .th-events-head{
display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;
margin-bottom:12px;
}
body.vz2-shell .th-events-head h3{font:600 14px/1.2 var(--font-display);letter-spacing:-.01em;margin:0;color:var(--fg)}
body.vz2-shell .th-events-meta{font:500 11.5px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.04em}
body.vz2-shell .th-events-meta strong{color:var(--fg)}
body.vz2-shell .th-events-filters{
display:flex;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:2px;
margin-bottom:14px;flex-wrap:wrap;width:fit-content;
}
body.vz2-shell .th-evt-chip{
padding:6px 11px;border:0;background:transparent;border-radius:4px;cursor:pointer;
font:500 11.5px/1 var(--font-body);color:var(--fg-mute);
display:inline-flex;align-items:center;gap:6px;transition:.12s;
}
body.vz2-shell .th-evt-chip:hover{color:var(--fg)}
body.vz2-shell .th-evt-chip.active{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-1)}
body.vz2-shell .th-evt-chip.warn.active{color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .th-evt-chip.warn.active{color:var(--accent)}
body.vz2-shell .th-evt-chip .n{font:500 10px/1 var(--font-mono);color:var(--fg-quiet);background:var(--bg);padding:2px 5px;border-radius:2px;letter-spacing:.04em}
body.vz2-shell .th-evt-chip.active .n{background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .th-evt-chip.active .n{color:var(--accent)}
body.vz2-shell .th-events-pager{
display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
margin-top:18px;padding-top:14px;border-top:1px solid var(--border);
}
/* ─────────────────────────────────────────────
SOURCES v3 — collapsible audit log
/* (section divider) */
body.vz2-shell .sources-v2{
border:1px solid var(--border);border-radius:8px;background:var(--bg);overflow:hidden;
}
body.vz2-shell .sources-head{
display:flex;justify-content:space-between;align-items:center;gap:14px;
padding:14px 18px;border-bottom:1px solid var(--border);background:var(--bg-2);
}
body.vz2-shell .sources-head-l h4{font:600 14px/1.2 var(--font-display);letter-spacing:-.01em;margin:0 0 3px}
body.vz2-shell .sources-head-meta{font:500 11px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.04em}
body.vz2-shell .src-refresh-btn{
display:inline-flex;align-items:center;gap:7px;
padding:8px 14px;border:1px solid var(--border);border-radius:5px;
background:var(--bg);color:var(--fg-mute);
font:500 11.5px/1 var(--font-body);cursor:pointer;transition:.12s;
}
body.vz2-shell .src-refresh-btn:hover{border-color:var(--ink-300);color:var(--fg);background:var(--bg-2)}
body.vz2-shell .src-refresh-btn svg{width:13px;height:13px}
body.vz2-shell .sources-list{display:flex;flex-direction:column}
body.vz2-shell .src-item{border-bottom:1px solid var(--border)}
body.vz2-shell .src-item:last-child{border-bottom:0}
body.vz2-shell .src-row{
list-style:none;cursor:pointer;
display:grid;grid-template-columns:auto 1fr auto auto auto;gap:14px;align-items:center;
padding:12px 18px;transition:background .12s;
}
@media (max-width:760px){
body.vz2-shell .src-row{grid-template-columns:auto 1fr auto;gap:10px}
body.vz2-shell .src-row .src-fields,body.vz2-shell .src-row .src-toggle{display:none}
}
body.vz2-shell .src-row::-webkit-details-marker{display:none}
body.vz2-shell .src-row::marker{display:none}
body.vz2-shell .src-item:hover .src-row,body.vz2-shell .src-item[open] .src-row{background:var(--bg-2)}
body.vz2-shell .src-row .dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}
body.vz2-shell .src-item.stale .src-row .dot{background:var(--fg-quiet)}
body.vz2-shell .src-nm{font:500 13px/1.3 var(--font-body);color:var(--fg);min-width:0}
body.vz2-shell .src-url{display:block;font:400 11px/1.3 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em;margin-top:2px}
body.vz2-shell .src-fields{font:500 10.5px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.06em;padding:3px 7px;background:var(--bg-2);border-radius:3px}
body.vz2-shell .src-age{font:500 10.5px/1 var(--font-mono);color:var(--fg-quiet);letter-spacing:.06em;min-width:80px;text-align:right}
body.vz2-shell .src-toggle{
width:22px;height:22px;border-radius:4px;
display:inline-flex;align-items:center;justify-content:center;
background:var(--bg-2);color:var(--fg-mute);
font:500 14px/1 var(--font-mono);transition:transform .2s;
}
body.vz2-shell .src-item[open] .src-toggle{transform:rotate(45deg);background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .src-item[open] .src-toggle{color:var(--accent)}
body.vz2-shell .src-detail{
padding:14px 18px 18px 38px;
background:var(--bg-2);
border-top:1px dashed var(--border);
}
body.vz2-shell .src-detail-grid{
display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
margin-bottom:10px;
}
@media (max-width:760px){body.vz2-shell .src-detail-grid{grid-template-columns:repeat(2,1fr)}}
body.vz2-shell .src-detail-grid > div{display:flex;flex-direction:column;gap:3px}
body.vz2-shell .src-d-k{font:500 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet)}
body.vz2-shell .src-d-v{font:500 12.5px/1.2 var(--font-body);color:var(--fg)}
body.vz2-shell .src-d-v.mono{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em}
body.vz2-shell .src-d-fields{
font:400 11.5px/1.55 var(--font-body);color:var(--fg-mute);
margin:0;padding-top:8px;border-top:1px dashed var(--border);
}
body.vz2-shell .src-d-fields code{
font-family:var(--font-mono);font-size:11px;
background:var(--bg);padding:1px 4px;border-radius:2px;color:var(--fg);
border:1px solid var(--border);
}
/* (section divider) */
body.vz2-shell .ppl-toolbar{
display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;
margin-bottom:18px;align-items:center;flex-wrap:wrap;
}
@media (max-width:980px){body.vz2-shell .ppl-toolbar{grid-template-columns:1fr}}
body.vz2-shell .ppl-search{
position:relative;display:flex;align-items:center;
background:var(--bg);border:1px solid var(--border);border-radius:6px;
padding:0 10px 0 32px;transition:.15s;
}
body.vz2-shell .ppl-search:focus-within{border-color:var(--ink-300);box-shadow:0 0 0 3px var(--accent-50)}
body.vz2-shell .ppl-search-ico{
position:absolute;left:10px;top:50%;transform:translateY(-50%);
width:14px;height:14px;color:var(--fg-quiet);
}
body.vz2-shell .ppl-search input{
border:0;background:transparent;outline:0;
padding:9px 0;width:100%;
font:400 13px/1 var(--font-body);color:var(--fg);
}
body.vz2-shell .ppl-search input::placeholder{color:var(--fg-quiet)}
body.vz2-shell .ppl-filters{display:inline-flex;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:2px}
body.vz2-shell .ppl-chip{
padding:7px 12px;border:0;background:transparent;border-radius:4px;cursor:pointer;
font:500 12px/1 var(--font-body);color:var(--fg-mute);
display:inline-flex;align-items:center;gap:6px;transition:.12s;
}
body.vz2-shell .ppl-chip:hover{color:var(--fg)}
body.vz2-shell .ppl-chip.active{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-1)}
body.vz2-shell .ppl-chip.warn.active{color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .ppl-chip.warn.active{color:var(--accent)}
body.vz2-shell .ppl-chip .n{font:500 10.5px/1 var(--font-mono);color:var(--fg-quiet);background:var(--bg);padding:2px 5px;border-radius:2px;letter-spacing:.04em}
body.vz2-shell .ppl-chip.active .n{background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .ppl-chip.active .n{color:var(--accent)}
body.vz2-shell .ppl-view{display:inline-flex;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:2px}
body.vz2-shell .ppl-view-btn{
width:30px;height:30px;border:0;border-radius:4px;background:transparent;cursor:pointer;
display:inline-flex;align-items:center;justify-content:center;
color:var(--fg-mute);transition:.12s;
}
body.vz2-shell .ppl-view-btn:hover{color:var(--fg)}
body.vz2-shell .ppl-view-btn.active{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-1)}
body.vz2-shell .ppl-view-btn svg{width:14px;height:14px}
/* Top nav controls anchor */
body.vz2-shell .nav-controls{display:flex;align-items:center;gap:6px}
body.vz2-shell .nav-ctl{
display:inline-flex;align-items:center;justify-content:center;gap:6px;
height:34px;padding:0 12px;border:1px solid var(--border);border-radius:5px;
background:transparent;color:var(--fg-mute);
font:500 12px/1 var(--font-mono);letter-spacing:.06em;
cursor:pointer;transition:.15s;
}
body.vz2-shell .nav-ctl:hover{border-color:var(--ink-300);color:var(--fg);background:var(--bg-2)}
body.vz2-shell .nav-ctl.icon{width:34px;padding:0}
body.vz2-shell .nav-ctl.icon svg{width:15px;height:15px}
body.vz2-shell .nav-ctl .chev{width:9px;height:9px;opacity:.6}
body.vz2-shell .lang-wrap{position:relative}
body.vz2-shell .lang-menu{
position:absolute;right:0;top:calc(100% + 6px);min-width:160px;
background:var(--bg);border:1px solid var(--border-strong);border-radius:6px;
box-shadow:var(--shadow-2);padding:5px;
display:none;flex-direction:column;gap:1px;z-index:60;
}
body.vz2-shell .lang-wrap.open .lang-menu{display:flex}
body.vz2-shell .lang-menu button{
display:flex;justify-content:space-between;align-items:center;gap:14px;
padding:8px 10px;background:transparent;border:0;border-radius:4px;
font:500 12.5px/1 var(--font-body);color:var(--fg);text-align:left;cursor:pointer;
}
body.vz2-shell .lang-menu button:hover{background:var(--bg-2)}
body.vz2-shell .lang-menu button.active{color:var(--accent)}
body.vz2-shell .lang-menu .flag{font:500 10px/1 var(--font-mono);color:var(--fg-quiet);letter-spacing:.08em}
/* ─── Identity hero v3: dashboard layout ─── */
body.vz2-shell .co-head{padding:48px 0 40px}
body.vz2-shell .co-head.v3{
padding:40px 0 32px;
background:
radial-gradient(circle at 92% 10%, var(--accent-50) 0%, transparent 32%),
var(--bg);
border-bottom:1px solid var(--border);
}
[data-theme="dark"] body.vz2-shell .co-head.v3{
background:
radial-gradient(circle at 92% 10%, var(--accent-100) 0%, transparent 32%),
var(--bg);
}
body.vz2-shell .co-head.v3 .top-row{margin-bottom:28px}
body.vz2-shell .hero-grid{
display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
gap:48px;align-items:start;
margin-bottom:28px;
}
@media (max-width:1024px){body.vz2-shell .hero-grid{grid-template-columns:1fr;gap:24px}}
body.vz2-shell .hero-monogram-row{
display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:flex-start;
}
body.vz2-shell .hero-monogram{
width:84px;height:84px;border-radius:14px;
background:var(--ink-900);color:var(--paper);
display:flex;align-items:center;justify-content:center;
font:600 44px/1 var(--font-display);letter-spacing:-.02em;
flex-shrink:0;position:relative;
box-shadow:0 12px 32px -8px rgba(14,15,18,.18),0 0 0 1px rgba(14,15,18,.08);
}
body.vz2-shell .hero-monogram::after{
content:"";position:absolute;right:8px;bottom:8px;
width:14px;height:14px;border-radius:50%;
background:var(--accent);
box-shadow:0 0 0 3px var(--bg);
}
[data-theme="dark"] body.vz2-shell .hero-monogram{background:var(--paper);color:#0B0C0F}
[data-theme="dark"] body.vz2-shell .hero-monogram::after{box-shadow:0 0 0 3px var(--bg)}
body.vz2-shell .hero-name-block{min-width:0;padding-top:4px}
body.vz2-shell .co-head.v3 h1{
font-size:clamp(40px,4.4vw,72px);
letter-spacing:-.045em;line-height:.96;
margin:0;text-wrap:balance;
}
body.vz2-shell .co-head.v3 h1 .legal{color:var(--fg-mute);font-weight:500;letter-spacing:-.03em}
body.vz2-shell .co-head.v3 .flag{
display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;
font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute);
}
body.vz2-shell .co-head.v3 .flag .iso{
display:inline-flex;align-items:center;justify-content:center;
width:24px;height:18px;font-size:11px;font-weight:600;
background:var(--bg-2);color:var(--fg);border-radius:3px;letter-spacing:0;
}
body.vz2-shell .hero-tagline{
font:400 16px/1.55 var(--font-body);color:var(--fg-mute);
margin:20px 0 18px;max-width:62ch;text-wrap:pretty;
}
body.vz2-shell .hero-verifs{
display:flex;flex-wrap:wrap;gap:8px 14px;
}
body.vz2-shell .vrf{
display:inline-flex;align-items:center;gap:8px;
padding:6px 10px;border:1px solid var(--border);border-radius:5px;
font:500 12px/1.3 var(--font-body);color:var(--fg-mute);
background:var(--bg);
}
body.vz2-shell .vrf-ico{
display:inline-flex;align-items:center;justify-content:center;
width:18px;height:18px;border-radius:50%;
background:var(--bg-2);color:var(--fg-mute);
font:600 11px/1 var(--font-display);
}
body.vz2-shell .vrf-ico.ok{background:rgba(47,143,92,.16);color:var(--ok)}
/* AT-A-GLANCE card */
body.vz2-shell .hero-glance{
background:var(--bg);border:1px solid var(--border);border-radius:12px;
padding:18px 22px;
box-shadow:0 1px 2px rgba(14,15,18,.04);
}
body.vz2-shell .glance-head{
display:flex;justify-content:space-between;align-items:baseline;
padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--border);
}
body.vz2-shell .glance-head-k{font:500 10.5px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg)}
body.vz2-shell .glance-head-meta{font:500 10.5px/1 var(--font-mono);color:var(--fg-quiet);letter-spacing:.06em}
body.vz2-shell .glance-list{display:flex;flex-direction:column}
body.vz2-shell .glance-row{
display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;
padding:14px 0;border-bottom:1px dashed var(--border);
}
body.vz2-shell .glance-row:last-child{border-bottom:0;padding-bottom:0}
body.vz2-shell .glance-v{
font:600 26px/1 var(--font-display);letter-spacing:-.025em;color:var(--fg);
font-variant-numeric:tabular-nums;min-width:100px;
}
body.vz2-shell .glance-v .u{font-size:13px;color:var(--fg-mute);font-weight:500;margin-left:2px;letter-spacing:0}
body.vz2-shell .glance-k{font:400 12.5px/1.4 var(--font-body);color:var(--fg)}
body.vz2-shell .glance-k .dim{color:var(--fg-mute);font-size:11.5px}
/* Status pills strip */
body.vz2-shell .status-strip{
display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden;
margin-bottom:22px;
}
@media (max-width:1240px){body.vz2-shell .status-strip{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){body.vz2-shell .status-strip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){body.vz2-shell .status-strip{grid-template-columns:1fr}}
body.vz2-shell .status-chip{
display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
padding:14px 16px;background:var(--bg);transition:background .12s;
}
body.vz2-shell .status-chip:hover{background:var(--bg-2)}
body.vz2-shell .status-dot{width:8px;height:8px;border-radius:50%;background:var(--fg-quiet);flex-shrink:0}
body.vz2-shell .status-chip.ok .status-dot{
background:var(--ok);
box-shadow:0 0 0 3px rgba(47,143,92,.18);
}
body.vz2-shell .status-chip.warn .status-dot{
background:var(--accent);
box-shadow:0 0 0 3px rgba(201,100,66,.18);
}
body.vz2-shell .status-chip.info .status-dot{
background:var(--product-nis2);
box-shadow:0 0 0 3px rgba(58,107,176,.18);
}
body.vz2-shell .status-body{display:flex;flex-direction:column;gap:3px;min-width:0}
body.vz2-shell .status-label{font:500 9.5px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-quiet)}
body.vz2-shell .status-value{
font:600 14px/1.2 var(--font-display);letter-spacing:-.01em;color:var(--fg);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.vz2-shell .status-chip.warn .status-value{color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .status-chip.warn .status-value{color:var(--accent)}
body.vz2-shell .status-chip.ok .status-value{color:var(--ok)}
body.vz2-shell .status-chip.info .status-value{color:var(--product-nis2)}
body.vz2-shell .status-link{
font:500 14px/1 var(--font-mono);color:var(--fg-quiet);
text-decoration:none;transition:color .12s,transform .15s;
display:inline-flex;align-items:center;
}
body.vz2-shell .status-chip:hover .status-link{color:var(--accent);transform:translateX(2px)}
/* Identifiers row */
body.vz2-shell .ident-row{
display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;
background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden;
}
@media (max-width:1240px){body.vz2-shell .ident-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){body.vz2-shell .ident-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.vz2-shell .ident-cell{
background:var(--bg);padding:12px 16px;
display:flex;flex-direction:column;gap:4px;min-width:0;
}
body.vz2-shell .ident-cell .ident-k{
font:500 9.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-quiet);
}
body.vz2-shell .ident-cell .ident-v{
font:500 13px/1.2 var(--font-mono);color:var(--fg);letter-spacing:.02em;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
/* legacy classes (kept for safety, but unused by v3) */
body.vz2-shell .co-head:not(.v3) .id-row{display:none}
body.vz2-shell .co-head:not(.v3) .ident-strip,body.vz2-shell .co-head:not(.v3) .quick-pills{display:none}
body.vz2-shell .co-head h1{
font-size:clamp(48px,5.5vw,84px);
letter-spacing:-.045em;
line-height:.96;
margin:0;
text-wrap:balance;
max-width:18ch;
}
body.vz2-shell .co-head .id-row{
display:grid;
grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
gap:56px;
align-items:start;
}
@media (max-width:1024px){body.vz2-shell .co-head .id-row{grid-template-columns:1fr;gap:32px}}
body.vz2-shell .co-head .id-row .title-block{min-width:0}
body.vz2-shell .co-head .id-row .since-block{
display:flex;flex-direction:column;gap:14px;
align-self:stretch;
padding-top:24px;
}
body.vz2-shell .since-block .since-line{
display:flex;align-items:center;gap:14px;
padding:12px 16px;background:var(--bg);border:1px solid var(--border);
border-radius:8px;
}
body.vz2-shell .since-block .since-line .since-icon{
width:32px;height:32px;border-radius:50%;
background:var(--accent-100);color:var(--accent-600);
display:flex;align-items:center;justify-content:center;
font:600 14px/1 var(--font-display);flex-shrink:0;
}
[data-theme="dark"] body.vz2-shell .since-block .since-line .since-icon{color:var(--accent)}
body.vz2-shell .since-block .since-line .since-text{display:flex;flex-direction:column;gap:2px;min-width:0}
body.vz2-shell .since-block .since-line .since-k{font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet)}
body.vz2-shell .since-block .since-line .since-v{font:500 13.5px/1.3 var(--font-body);color:var(--fg)}
body.vz2-shell .since-block .since-line .since-meta{margin-left:auto;font:500 11.5px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.04em}
/* Identity strip — better proportions */
body.vz2-shell .co-head .ident-strip{
margin-top:24px;
width:100%;
}
body.vz2-shell .co-head .ident-strip > span{
padding:14px 18px;
}
/* Quick pills with stronger visual */
body.vz2-shell .co-head .quick-pills{margin-top:18px}
body.vz2-shell .co-head .flag{
font-size:11px;color:var(--fg-mute);letter-spacing:.14em;text-transform:uppercase;
display:inline-flex;align-items:center;gap:10px;
margin-bottom:20px;
}
body.vz2-shell .co-head .flag .iso{
width:24px;height:18px;font-size:11px;font-weight:600;
}
body.vz2-shell .co-head .ident-strip > span{
padding:14px 20px;
min-width:0;
flex:1 1 0;
}
body.vz2-shell .co-head .ident-strip .v{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/* ─── Quick status pills under identity ─── */
body.vz2-shell .co-head .quick-pills{
display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;
}
body.vz2-shell .co-head .quick-pill{
display:inline-flex;align-items:center;gap:8px;
padding:6px 12px;border-radius:99px;
font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;
border:1px solid var(--border);background:var(--bg);
}
body.vz2-shell .co-head .quick-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}
body.vz2-shell .co-head .quick-pill.warn{background:var(--accent-100);border-color:transparent;color:var(--accent-600)}
body.vz2-shell .co-head .quick-pill.warn .dot{background:var(--accent)}
body.vz2-shell .co-head .quick-pill.info{background:color-mix(in srgb,var(--product-nis2) 12%,var(--bg));border-color:transparent;color:var(--product-nis2)}
body.vz2-shell .co-head .quick-pill.info .dot{background:var(--product-nis2)}
[data-theme="dark"] body.vz2-shell .co-head .quick-pill.warn{color:var(--accent)}
/* ─── Micro polish: hover + focus + entrance ─── */
body.vz2-shell .rail-link{transition:background .14s, color .14s, box-shadow .14s, padding-left .14s}
body.vz2-shell .rail-link:hover{padding-left:14px}
body.vz2-shell .rail-link.active{padding-left:14px}
body.vz2-shell .rail-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:var(--bg-2)}
body.vz2-shell .v-cell{transition:background .2s}
body.vz2-shell .fab-trigger{transition:transform .18s,box-shadow .18s,background .18s}
body.vz2-shell .fab-trigger:active{transform:translateY(0) scale(.96)}
body.vz2-shell .fab-item{transition:background .12s,padding-left .14s}
body.vz2-shell .fab-item:hover{padding-left:16px}
body.vz2-shell .co-head .quick-pill{transition:transform .14s,box-shadow .14s}
body.vz2-shell .co-head .quick-pill:hover{transform:translateY(-1px);box-shadow:var(--shadow-1)}
body.vz2-shell .credit-bench .row{transition:background .12s}
/* Section number marker = pulsing pin for active rail link */
body.vz2-shell .rail-link.active::before{
content:"";position:absolute;left:-2px;top:11px;bottom:11px;width:2px;
background:var(--accent);border-radius:1px;
}
/* Smooth verdict-grid focus */
body.vz2-shell .verdict-grid{border-color:var(--border-strong)}
body.vz2-shell .v-cell.tier-card{position:relative}
body.vz2-shell .v-cell.tier-card::before{
content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
background:var(--accent);
}
/* ─── Credit benchmark table (dense per-factor with sparklines) ─── */
body.vz2-shell .credit-bench{
border:1px solid var(--border);border-radius:8px;overflow:hidden;
margin-top:28px;background:var(--bg);
}
body.vz2-shell .credit-bench .head,body.vz2-shell .credit-bench .row{
display:grid;
grid-template-columns:minmax(0,1fr) 70px 110px 80px 100px;
gap:24px;align-items:center;
padding:13px 22px;
border-bottom:1px solid var(--border);
}
body.vz2-shell .credit-bench .row:last-child{border-bottom:0}
body.vz2-shell .credit-bench .head{
background:var(--bg-2);
font:500 9.5px/1 var(--font-mono);
letter-spacing:.14em;text-transform:uppercase;
color:var(--fg-quiet);
padding-top:11px;padding-bottom:11px;
}
body.vz2-shell .credit-bench .head > div:nth-child(2),body.vz2-shell .credit-bench .head > div:nth-child(3),body.vz2-shell .credit-bench .head > div:nth-child(4),body.vz2-shell .credit-bench .head > div:nth-child(5){text-align:right}
body.vz2-shell .credit-bench .row:hover{background:var(--bg-2)}
body.vz2-shell .credit-bench .row .nm{
font:500 13.5px/1.3 var(--font-body);color:var(--fg);min-width:0;
}
body.vz2-shell .credit-bench .row .nm .sub{
display:block;font:400 11.5px/1.3 var(--font-body);
color:var(--fg-mute);margin-top:3px;
}
body.vz2-shell .credit-bench .row .score{
font:600 22px/1 var(--font-display);letter-spacing:-.02em;
color:var(--fg);text-align:right;font-variant-numeric:tabular-nums;
}
body.vz2-shell .credit-bench .row .peer{
font:500 13px/1 var(--font-mono);color:var(--fg-mute);
text-align:right;letter-spacing:.02em;font-variant-numeric:tabular-nums;
}
body.vz2-shell .credit-bench .row .delta{text-align:right}
body.vz2-shell .credit-bench .row .delta .pill{
display:inline-block;padding:3px 8px;border-radius:3px;
font:500 11px/1 var(--font-mono);letter-spacing:.04em;
background:rgba(47,143,92,.12);color:var(--ok);
}
body.vz2-shell .credit-bench .row .delta .pill.down{background:rgba(184,58,46,.12);color:var(--err)}
body.vz2-shell .credit-bench .row .delta .pill.flat{background:var(--bg-2);color:var(--fg-mute)}
body.vz2-shell .credit-bench .row .trend{display:flex;justify-content:flex-end;align-items:center}
body.vz2-shell .credit-bench .row .trend svg{width:80px;height:24px;display:block}
body.vz2-shell .credit-bench .row .trend path{fill:none;stroke:var(--ok);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.vz2-shell .credit-bench .row .trend .area{fill:var(--ok);opacity:.14;stroke:none}
body.vz2-shell .credit-bench .row .trend.mixed path{stroke:var(--accent)}
body.vz2-shell .credit-bench .row .trend.mixed .area{fill:var(--accent);opacity:.14}
body.vz2-shell .credit-bench .row .trend.down path{stroke:var(--err)}
body.vz2-shell .credit-bench .row .trend.down .area{fill:var(--err)}
body.vz2-shell .credit-bench .row .trend.flat path{stroke:var(--fg-quiet)}
body.vz2-shell .credit-bench .row .trend.flat .area{fill:var(--fg-quiet);opacity:.10}
@media (max-width:980px){
body.vz2-shell .credit-bench .head,body.vz2-shell .credit-bench .row{
grid-template-columns:1fr 60px 80px;
gap:14px;padding:12px 16px;
}
body.vz2-shell .credit-bench .head > div:nth-child(4),body.vz2-shell .credit-bench .head > div:nth-child(5),body.vz2-shell .credit-bench .row > .delta,body.vz2-shell .credit-bench .row > .trend{display:none}
}
/* ─────────────────────────────────────────────
FINANCIALS v2 — top-line cards with peer median
/* (section divider) */
body.vz2-shell .finstrip{
display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;
margin-bottom:32px;
}
@media (max-width:980px){body.vz2-shell .finstrip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){body.vz2-shell .finstrip{grid-template-columns:1fr}}
body.vz2-shell .fin-card{
background:var(--bg);padding:20px 22px;
display:flex;flex-direction:column;gap:8px;
}
body.vz2-shell .fin-card .fin-k{
font:500 10.5px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;
color:var(--fg-quiet);
}
body.vz2-shell .fin-card .fin-k .sub{
display:block;font:500 10px/1.2 var(--font-mono);letter-spacing:.04em;
color:var(--fg-mute);text-transform:none;margin-top:3px;
}
body.vz2-shell .fin-card .fin-v{
font:600 30px/1 var(--font-display);letter-spacing:-.025em;
color:var(--fg);font-variant-numeric:tabular-nums;
}
body.vz2-shell .fin-card .fin-v .u{font-size:14px;color:var(--fg-mute);font-weight:500;margin-left:2px}
body.vz2-shell .fin-card .fin-trend{
display:flex;justify-content:space-between;align-items:center;
margin-top:2px;
}
body.vz2-shell .fin-card .fin-trend .delta{
font:500 11px/1 var(--font-mono);color:var(--ok);letter-spacing:.04em;
}
body.vz2-shell .fin-card .fin-trend .delta.down{color:var(--err)}
body.vz2-shell .fin-card .fin-trend .delta.flat{color:var(--fg-quiet)}
body.vz2-shell .fin-card .sparkline{width:80px;height:22px}
body.vz2-shell .fin-card .sparkline path{fill:none;stroke:var(--ok);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
body.vz2-shell .fin-card .sparkline .area{fill:var(--ok);opacity:.14;stroke:none}
body.vz2-shell .fin-card .sparkline.down path{stroke:var(--err)}
body.vz2-shell .fin-card .sparkline.down .area{fill:var(--err);opacity:.14}
body.vz2-shell .fin-card .sparkline.flat path{stroke:var(--fg-quiet)}
body.vz2-shell .fin-card .sparkline.flat .area{fill:var(--fg-quiet);opacity:.08}
body.vz2-shell .fin-card .fin-peer{
display:flex;align-items:center;gap:10px;flex-wrap:wrap;
margin-top:8px;padding-top:10px;border-top:1px dashed var(--border);
font:500 10.5px/1.3 var(--font-mono);letter-spacing:.04em;
color:var(--fg-quiet);
}
body.vz2-shell .fin-card .fin-peer .v{color:var(--fg);font-weight:600}
body.vz2-shell .fin-card .fin-peer .rank{
margin-left:auto;color:var(--ok);
background:rgba(47,143,92,.12);padding:3px 7px;border-radius:3px;
}
/* 8-year P&L table wrap */
body.vz2-shell .fin-table-wrap{margin-bottom:32px}
body.vz2-shell .fin-table-head{
display:flex;justify-content:space-between;align-items:flex-end;
margin-bottom:16px;gap:24px;flex-wrap:wrap;
}
body.vz2-shell .fin-table-head h3{font:600 18px/1.2 var(--font-display);letter-spacing:-.015em;margin:0 0 4px}
body.vz2-shell .fin-table-head p{font:400 13px/1.4 var(--font-body);color:var(--fg-mute);margin:0;max-width:54ch}
body.vz2-shell .fin-actions{display:flex;gap:6px;flex-wrap:wrap}
body.vz2-shell .fin-actions .ab{
display:inline-flex;align-items:center;gap:7px;
padding:7px 11px;border:1px solid var(--border);border-radius:4px;
background:var(--bg);color:var(--fg-mute);
font:500 11px/1 var(--font-mono);letter-spacing:.04em;cursor:pointer;transition:.15s;
}
body.vz2-shell .fin-actions .ab:hover{border-color:var(--ink-300);color:var(--fg);background:var(--bg-2)}
body.vz2-shell .fin-dtbl{font-variant-numeric:tabular-nums}
body.vz2-shell .fin-dtbl tbody tr:first-child{background:var(--accent-50)}
[data-theme="dark"] body.vz2-shell .fin-dtbl tbody tr:first-child{background:var(--accent-100)}
body.vz2-shell .fin-dtbl tbody tr:first-child td{font-weight:500}
/* Sector peers strip */
body.vz2-shell .peers-strip{
border:1px solid var(--border);border-radius:8px;overflow:hidden;
background:var(--bg);
}
body.vz2-shell .peers-head{
display:flex;justify-content:space-between;align-items:flex-end;
padding:18px 22px;border-bottom:1px solid var(--border);
background:var(--bg-2);gap:18px;flex-wrap:wrap;
}
body.vz2-shell .peers-head h3{font:600 16px/1.2 var(--font-display);letter-spacing:-.015em;margin:0 0 4px}
body.vz2-shell .peers-head p{font:400 12.5px/1.4 var(--font-body);color:var(--fg-mute);margin:0}
body.vz2-shell .peers-head .peers-all{
font:500 11px/1 var(--font-mono);letter-spacing:.08em;color:var(--accent);text-decoration:none;
}
body.vz2-shell .peers-head .peers-all:hover{text-decoration:underline;text-underline-offset:3px}
body.vz2-shell .peers-list{display:flex;flex-direction:column}
body.vz2-shell .peer{
display:grid;grid-template-columns:60px 1fr 160px 140px;gap:18px;align-items:center;
padding:14px 22px;border-bottom:1px solid var(--border);
text-decoration:none;color:inherit;transition:background .12s;
}
@media (max-width:760px){body.vz2-shell .peer{grid-template-columns:50px 1fr;gap:12px}body.vz2-shell .peer .kv{display:none}}
body.vz2-shell .peer:last-child{border-bottom:0}
body.vz2-shell .peer:hover{background:var(--bg-2)}
body.vz2-shell .peer.current{background:var(--accent-50)}
[data-theme="dark"] body.vz2-shell .peer.current{background:var(--accent-100)}
body.vz2-shell .peer.current:hover{background:var(--accent-100)}
body.vz2-shell .peer .rank{
font:600 22px/1 var(--font-display);color:var(--fg-mute);letter-spacing:-.01em;
}
body.vz2-shell .peer.current .rank{color:var(--accent)}
body.vz2-shell .peer .meta .nm{font:500 14px/1.3 var(--font-body);color:var(--fg)}
body.vz2-shell .peer .meta .sub{font:400 11.5px/1.3 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em;margin-top:3px}
body.vz2-shell .peer .kv{
display:flex;flex-direction:column;gap:3px;
font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;color:var(--fg-quiet);
}
body.vz2-shell .peer .kv strong{font:500 13.5px/1 var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums}
body.vz2-shell .peer .kv strong.ok{color:var(--ok)}
/* ─────────────────────────────────────────────
BUSINESS ACTIVITY (NACE / ownership / objects)
/* (section divider) */
body.vz2-shell .activity-grid{
display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;
margin-bottom:24px;
}
@media (max-width:980px){body.vz2-shell .activity-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){body.vz2-shell .activity-grid{grid-template-columns:1fr}}
body.vz2-shell .activity-card{
background:var(--bg);padding:18px 20px;
display:flex;flex-direction:column;gap:6px;
}
body.vz2-shell .activity-card.primary{background:var(--accent-50)}
[data-theme="dark"] body.vz2-shell .activity-card.primary{background:var(--accent-100)}
body.vz2-shell .activity-card .actcard-k{
font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet);
}
body.vz2-shell .activity-card.primary .actcard-k{color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .activity-card.primary .actcard-k{color:var(--accent)}
body.vz2-shell .activity-card .actcard-v{
font:500 16px/1.25 var(--font-display);letter-spacing:-.01em;color:var(--fg);
}
body.vz2-shell .activity-card .actcard-meta{
font:500 10.5px/1.4 var(--font-mono);letter-spacing:.04em;color:var(--fg-mute);
display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:4px;
}
body.vz2-shell .activity-card .actcard-meta .dim{color:var(--fg-quiet)}
body.vz2-shell .activity-card .hist-period{
display:block;font:500 10px/1 var(--font-mono);color:var(--fg-quiet);letter-spacing:.04em;margin-top:4px;
}
/* Objects of business (collapsible) */
body.vz2-shell .objects{
border:1px solid var(--border);border-radius:8px;
background:var(--bg);overflow:hidden;
}
body.vz2-shell .objects > summary{
list-style:none;display:flex;justify-content:space-between;align-items:center;
padding:16px 22px;cursor:pointer;
font:500 14px/1.3 var(--font-body);color:var(--fg);
}
body.vz2-shell .objects > summary::-webkit-details-marker{display:none}
body.vz2-shell .objects > summary strong{font-weight:600}
body.vz2-shell .objects > summary .meta{
font:500 11px/1 var(--font-mono);letter-spacing:.06em;color:var(--fg-quiet);
display:flex;align-items:center;gap:10px;
}
body.vz2-shell .objects > summary .arrow{font:500 16px/1 var(--font-mono);color:var(--fg-mute);transition:transform .2s}
body.vz2-shell .objects[open] > summary .arrow{transform:rotate(45deg)}
body.vz2-shell .objects-list{
margin:0;padding:0 22px 18px 42px;
display:grid;grid-template-columns:1fr 1fr;gap:8px 32px;
font:400 13px/1.5 var(--font-body);color:var(--fg);
}
@media (max-width:760px){body.vz2-shell .objects-list{grid-template-columns:1fr}}
body.vz2-shell .objects-list li{padding:4px 0;color:var(--fg-mute)}
body.vz2-shell .objects-list li strong{color:var(--fg);font-weight:600}
/* ─────────────────────────────────────────────
PEOPLE v2 — 8 officers grid
/* (section divider) */
body.vz2-shell .ppl-row-head{
display:flex;justify-content:space-between;align-items:baseline;
margin-bottom:14px;
}
body.vz2-shell .ppl-row-head h3{font:600 13px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute);margin:0}
body.vz2-shell .ppl-row-head .ct{font:500 11px/1 var(--font-mono);color:var(--fg-quiet);letter-spacing:.06em}
body.vz2-shell .officers-grid{
display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden;
margin-bottom:18px;
}
@media (max-width:980px){body.vz2-shell .officers-grid{grid-template-columns:repeat(2,1fr)}}
body.vz2-shell .officers-grid .officer{
background:var(--bg);padding:14px 16px;border:0;border-radius:0;
display:flex;flex-direction:column;gap:5px;
}
body.vz2-shell .officers-grid .officer:hover{background:var(--bg-2)}
body.vz2-shell .officers-grid .officer .av-row{margin-bottom:2px}
body.vz2-shell .officers-grid .officer .av{
width:32px;height:32px;border-radius:50%;
background:var(--bg-2);border:1px solid var(--border);
display:flex;align-items:center;justify-content:center;
font:600 11px/1 var(--font-mono);color:var(--fg);letter-spacing:.04em;
margin-bottom:6px;
}
body.vz2-shell .officers-grid .officer .role{
font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-top:0;
}
body.vz2-shell .officers-grid .officer .nm{font:500 13px/1.3 var(--font-body);color:var(--fg);margin-top:2px}
body.vz2-shell .officers-grid .officer .from{font:500 10.5px/1.3 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em}
/* ─────────────────────────────────────────────
FINANCIALS — section header divider
/* (section divider) */
body.vz2-shell .finstrip-meta{
display:flex;justify-content:space-between;align-items:flex-end;
margin-bottom:14px;padding-bottom:0;
}
body.vz2-shell .finstrip-meta h3{font:600 16px/1.2 var(--font-display);letter-spacing:-.015em;margin:0;color:var(--fg)}
body.vz2-shell .finstrip-meta .src-tag{
font:500 10.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-quiet);
}
/* Override finstrip for 4-col grid (12 metrics) */
body.vz2-shell .finstrip{grid-template-columns:repeat(4,1fr) !important}
@media (max-width:1240px){body.vz2-shell .finstrip{grid-template-columns:repeat(3,1fr) !important}}
@media (max-width:980px){body.vz2-shell .finstrip{grid-template-columns:repeat(2,1fr) !important}}
@media (max-width:540px){body.vz2-shell .finstrip{grid-template-columns:1fr !important}}
/* ─────────────────────────────────────────────
RISK INDICES — banded metrics
/* (section divider) */
body.vz2-shell .risk-indices{
display:grid;grid-template-columns:1fr 1fr;gap:18px;
margin:32px 0;
}
@media (max-width:760px){body.vz2-shell .risk-indices{grid-template-columns:1fr}}
body.vz2-shell .ri-item{
border:1px solid var(--border);border-radius:8px;
padding:20px 22px;background:var(--bg);
display:flex;flex-direction:column;gap:14px;
}
body.vz2-shell .ri-item .ri-head{
display:flex;justify-content:space-between;align-items:baseline;gap:18px;
}
body.vz2-shell .ri-item .ri-name{
font:500 13px/1.2 var(--font-body);color:var(--fg);
}
body.vz2-shell .ri-item .ri-val{
font:600 22px/1 var(--font-display);letter-spacing:-.02em;color:var(--fg);
font-variant-numeric:tabular-nums;
}
body.vz2-shell .ri-item .ri-val .u{font-size:13px;color:var(--fg-mute);font-weight:500;margin-left:3px;letter-spacing:0}
body.vz2-shell .ri-item .ri-band{display:flex;flex-direction:column;gap:8px}
body.vz2-shell .ri-item .ri-track{
position:relative;height:6px;
background:linear-gradient(90deg,var(--ok) 0%,#9bc69b 40%,#d9c074 60%,var(--accent) 80%,var(--err) 100%);
border-radius:3px;
}
body.vz2-shell .ri-item .ri-marker{
position:absolute;top:50%;width:14px;height:14px;border-radius:50%;
background:var(--bg);border:2px solid var(--fg);
transform:translate(-50%,-50%);
box-shadow:0 1px 3px rgba(14,15,18,.18);
}
body.vz2-shell .ri-item .ri-scale{
display:flex;justify-content:space-between;
font:500 9.5px/1 var(--font-mono);letter-spacing:.08em;color:var(--fg-quiet);
}
body.vz2-shell .ri-item .ri-meta{
font:400 12px/1.5 var(--font-body);color:var(--fg-mute);
padding-top:8px;border-top:1px dashed var(--border);
}
body.vz2-shell .ri-item .ri-meta strong{color:var(--fg);font-weight:600}
body.vz2-shell .ri-item .ri-meta .ok{color:var(--ok);font-weight:500}
body.vz2-shell .ri-item .ri-meta .mono{font-family:var(--font-mono);font-size:11px}
/* ─────────────────────────────────────────────
CONTRACTS v3 — KPI strip, timeline chart, split
/* (section divider) */
body.vz2-shell .ct-kpis{
display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;
margin-bottom:24px;
}
@media (max-width:760px){body.vz2-shell .ct-kpis{grid-template-columns:repeat(2,1fr)}}
body.vz2-shell .ct-kpi{
background:var(--bg);padding:18px 22px;
display:flex;flex-direction:column;gap:6px;
}
body.vz2-shell .ct-k{
font:500 10.5px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet);
}
body.vz2-shell .ct-v{
font:600 32px/1 var(--font-display);letter-spacing:-.025em;color:var(--fg);
font-variant-numeric:tabular-nums;
}
body.vz2-shell .ct-v .u{font-size:14px;color:var(--fg-mute);font-weight:500;margin-left:2px}
body.vz2-shell .ct-sub{font:500 11px/1.3 var(--font-mono);letter-spacing:.04em;color:var(--accent);margin-top:2px}
/* Volume timeline chart */
body.vz2-shell .ct-chart{
border:1px solid var(--border);border-radius:8px;
padding:22px 24px;background:var(--bg);margin-bottom:24px;
}
body.vz2-shell .ct-chart-head{
display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:14px;
margin-bottom:18px;
}
body.vz2-shell .ct-chart-head h3{font:600 16px/1.2 var(--font-display);letter-spacing:-.015em;margin:0}
body.vz2-shell .ct-legend{display:flex;gap:18px}
body.vz2-shell .ct-legend .lk{
display:inline-flex;align-items:center;gap:7px;
font:500 11px/1 var(--font-mono);letter-spacing:.06em;color:var(--fg-mute);
}
body.vz2-shell .ct-legend .sw{width:11px;height:11px;border-radius:2px;background:var(--accent);opacity:.5}
body.vz2-shell .ct-legend .sw.peak{opacity:1}
body.vz2-shell .ct-chart svg{display:block;width:100%;height:160px}
body.vz2-shell .ct-chart .grid{stroke:var(--border);stroke-width:.6;stroke-dasharray:2 4}
body.vz2-shell .ct-chart .axis{stroke:var(--border-strong);stroke-width:.8}
body.vz2-shell .ct-chart .ax{font:500 10px var(--font-mono);fill:var(--fg-quiet);letter-spacing:.04em}
body.vz2-shell .ct-chart .yr{font:500 10px var(--font-mono);fill:var(--fg-mute);text-anchor:middle;letter-spacing:.06em}
body.vz2-shell .ct-chart .bar{fill:var(--accent);opacity:.6;transition:opacity .15s}
body.vz2-shell .ct-chart .bar.peak{opacity:1}
body.vz2-shell .ct-chart .bar:hover{opacity:.95}
/* Split: buyers + recent */
body.vz2-shell .ct-split{
display:grid;grid-template-columns:1fr 1.2fr;gap:24px;
}
@media (max-width:980px){body.vz2-shell .ct-split{grid-template-columns:1fr}}
body.vz2-shell .ct-block-head{
display:flex;justify-content:space-between;align-items:baseline;
padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--border-strong);
}
body.vz2-shell .ct-block-head h3{font:600 15px/1.2 var(--font-display);letter-spacing:-.015em;margin:0}
body.vz2-shell .ct-block-head .ct-meta{font:500 11px/1 var(--font-mono);color:var(--fg-quiet);letter-spacing:.06em}
body.vz2-shell .ct-block-head .ct-meta a{color:var(--accent);text-decoration:none}
body.vz2-shell .ct-block-head .ct-meta a:hover{text-decoration:underline;text-underline-offset:3px}
body.vz2-shell .ct-block-head .ct-meta strong{color:var(--fg);font-weight:600}
/* Buyers list */
body.vz2-shell .ct-buyers{
border:1px solid var(--border);border-radius:8px;
padding:18px 20px;background:var(--bg);
display:flex;flex-direction:column;
}
body.vz2-shell .ct-buyer-list{display:flex;flex-direction:column;gap:1px;background:var(--border);margin:0 -20px}
body.vz2-shell .ct-buyer{
display:grid;grid-template-columns:1fr 90px 90px;gap:14px;align-items:center;
padding:11px 20px;background:var(--bg);
text-decoration:none;color:inherit;transition:background .12s;
}
body.vz2-shell .ct-buyer:hover{background:var(--bg-2)}
body.vz2-shell .ct-buyer-meta{min-width:0}
body.vz2-shell .ct-buyer-name{font:500 13px/1.3 var(--font-body);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.vz2-shell .ct-buyer-sub{font:400 11px/1.3 var(--font-body);color:var(--fg-mute);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.vz2-shell .ct-buyer-pct{height:5px;background:var(--ink-100);border-radius:3px;overflow:hidden}
[data-theme="dark"] body.vz2-shell .ct-buyer-pct{background:var(--ink-200)}
body.vz2-shell .ct-buyer-pct .bar{height:100%;background:var(--accent);border-radius:3px}
body.vz2-shell .ct-buyer-val{
font:500 13px/1 var(--font-mono);color:var(--fg);text-align:right;
font-variant-numeric:tabular-nums;letter-spacing:.02em;
}
body.vz2-shell .ct-buyer-val .u{color:var(--fg-mute);font-weight:400;margin-left:1px}
body.vz2-shell .ct-allbuyers{
display:inline-block;margin-top:14px;padding:8px 0;
font:500 11.5px/1 var(--font-mono);letter-spacing:.06em;color:var(--accent);text-decoration:none;
}
body.vz2-shell .ct-allbuyers:hover{text-decoration:underline;text-underline-offset:3px}
/* Recent contracts */
body.vz2-shell .ct-recent{
border:1px solid var(--border);border-radius:8px;
padding:18px 20px;background:var(--bg);
display:flex;flex-direction:column;
}
/* Contract toolbar (search + filter + sort) */
body.vz2-shell .ct-toolbar{
display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;
padding:14px 0 16px;margin:0 -20px;padding-left:20px;padding-right:20px;
border-bottom:1px solid var(--border);align-items:center;flex-wrap:wrap;
}
@media (max-width:980px){
body.vz2-shell .ct-toolbar{grid-template-columns:1fr}
}
body.vz2-shell .ct-search{
position:relative;display:flex;align-items:center;
background:var(--bg-2);border:1px solid var(--border);border-radius:6px;
padding:0 10px 0 32px;transition:.15s;
}
body.vz2-shell .ct-search:focus-within{border-color:var(--ink-300);background:var(--bg)}
body.vz2-shell .ct-search-ico{
position:absolute;left:10px;top:50%;transform:translateY(-50%);
width:14px;height:14px;color:var(--fg-quiet);
}
body.vz2-shell .ct-search input{
border:0;background:transparent;outline:0;
padding:9px 0;width:100%;
font:400 13px/1 var(--font-body);color:var(--fg);
}
body.vz2-shell .ct-search input::placeholder{color:var(--fg-quiet)}
body.vz2-shell .ct-filters{display:inline-flex;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:2px}
body.vz2-shell .ct-chip{
padding:7px 12px;border:0;background:transparent;border-radius:4px;cursor:pointer;
font:500 12px/1 var(--font-body);color:var(--fg-mute);
display:inline-flex;align-items:center;gap:6px;transition:.12s;
}
body.vz2-shell .ct-chip:hover{color:var(--fg)}
body.vz2-shell .ct-chip.active{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-1)}
body.vz2-shell .ct-chip-n{font:500 10.5px/1 var(--font-mono);color:var(--fg-quiet);background:var(--bg);padding:2px 5px;border-radius:2px;letter-spacing:.04em}
body.vz2-shell .ct-chip.active .ct-chip-n{background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .ct-chip.active .ct-chip-n{color:var(--accent)}
body.vz2-shell .ct-sort label{
display:inline-flex;align-items:center;gap:8px;
font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet);
}
body.vz2-shell .ct-sort select{
appearance:none;-webkit-appearance:none;
background:var(--bg-2) url("data:image/svg+xml;utf8,") right 10px center no-repeat;
background-size:10px 10px;
border:1px solid var(--border);border-radius:6px;
padding:8px 28px 8px 12px;
font:500 12px/1 var(--font-body);color:var(--fg);cursor:pointer;
transition:.12s;
}
body.vz2-shell .ct-sort select:hover{background-color:var(--bg);border-color:var(--ink-300)}
body.vz2-shell .ct-sort select:focus{outline:0;border-color:var(--ink-900)}
[data-theme="dark"] body.vz2-shell .ct-sort select{
background-image:url("data:image/svg+xml;utf8,");
}
body.vz2-shell .ct-recent-list{display:flex;flex-direction:column;gap:1px;background:var(--border);margin:0 -20px}
body.vz2-shell .ct-row{
display:grid;grid-template-columns:90px 1fr 90px 70px;gap:14px;align-items:flex-start;
padding:13px 20px;background:var(--bg);transition:background .12s;
}
@media (max-width:760px){
body.vz2-shell .ct-row{grid-template-columns:80px 1fr 80px;gap:10px}
body.vz2-shell .ct-row .ct-row-st{display:none}
}
body.vz2-shell .ct-row:hover{background:var(--bg-2)}
body.vz2-shell .ct-row-date{font:500 11.5px/1.4 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em;padding-top:2px}
body.vz2-shell .ct-row-main{min-width:0;display:flex;flex-direction:column;gap:4px}
body.vz2-shell .ct-row-cp{font:500 13px/1.3 var(--font-body);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.vz2-shell .ct-row-subj{font:400 11.5px/1.4 var(--font-body);color:var(--fg-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.vz2-shell .ct-row-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}
body.vz2-shell .ct-tag{
font:500 9.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;
color:var(--fg-mute);background:var(--bg-2);
padding:3px 7px;border-radius:3px;border:1px solid var(--border);
}
body.vz2-shell .ct-row-val{
font:500 13px/1.4 var(--font-mono);color:var(--fg);text-align:right;
font-variant-numeric:tabular-nums;letter-spacing:.02em;padding-top:2px;
}
body.vz2-shell .ct-row-val .u{color:var(--fg-mute);font-weight:400;margin-left:1px}
body.vz2-shell .ct-row-st{
font:500 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;text-align:right;
padding:4px 7px;border-radius:3px;margin-top:2px;
}
body.vz2-shell .ct-row-st.active{background:rgba(47,143,92,.12);color:var(--ok)}
body.vz2-shell .ct-row-st.done{background:var(--bg-2);color:var(--fg-mute)}
/* Pager */
body.vz2-shell .ct-pager{
display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
padding:18px 20px 4px;margin:0 -20px;border-top:1px solid var(--border);
}
body.vz2-shell .ct-load-more{
padding:9px 16px;background:var(--bg-2);
border:1px solid var(--border);border-radius:5px;cursor:pointer;
font:500 12px/1 var(--font-body);color:var(--fg);transition:.15s;
display:inline-flex;align-items:center;gap:6px;
}
body.vz2-shell .ct-load-more:hover{background:var(--bg);border-color:var(--ink-300);transform:translateY(-1px);box-shadow:var(--shadow-1)}
body.vz2-shell .ct-pager-meta{
display:flex;align-items:center;gap:10px;
font:500 11.5px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.04em;
}
body.vz2-shell .ct-pager-meta strong{color:var(--fg);font-weight:600}
body.vz2-shell .ct-pager-divider{color:var(--fg-quiet)}
body.vz2-shell .ct-pager-export{color:var(--accent);text-decoration:none}
body.vz2-shell .ct-pager-export:hover{text-decoration:underline;text-underline-offset:3px}
/* ─────────────────────────────────────────────
BALANCE SHEET — IFRS aktíva / pasíva
/* (section divider) */
body.vz2-shell .bs-head{
display:flex;justify-content:space-between;align-items:flex-end;
margin:32px 0 18px;gap:24px;flex-wrap:wrap;
}
body.vz2-shell .bs-head h3{font:600 18px/1.2 var(--font-display);letter-spacing:-.015em;margin:0 0 4px}
body.vz2-shell .bs-head p{font:400 13px/1.5 var(--font-body);color:var(--fg-mute);margin:0;max-width:60ch}
body.vz2-shell .bs-head p strong{color:var(--fg);font-weight:600}
body.vz2-shell .bs-tabs{
display:inline-flex;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:3px;
gap:2px;
}
body.vz2-shell .bs-tab{
padding:8px 16px;border:0;background:transparent;border-radius:4px;cursor:pointer;
font:500 12px/1 var(--font-body);color:var(--fg-mute);transition:.15s;letter-spacing:.02em;
}
body.vz2-shell .bs-tab:hover{color:var(--fg)}
body.vz2-shell .bs-tab.active{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-1)}
body.vz2-shell .bs-grid{position:relative}
body.vz2-shell .bs-pane{display:none}
body.vz2-shell .bs-pane.active{display:block}
body.vz2-shell .bs-section{
border:1px solid var(--border);border-radius:6px;
background:var(--bg);overflow:hidden;
margin-bottom:10px;
}
body.vz2-shell .bs-section.bs-other{background:var(--bg-2)}
body.vz2-shell .bs-section-head{
display:grid;grid-template-columns:1fr 140px 70px 80px;gap:18px;align-items:center;
padding:14px 20px;border-bottom:1px solid var(--border);
background:var(--bg-2);
}
body.vz2-shell .bs-section.bs-other .bs-section-head{border-bottom:0}
body.vz2-shell .bs-label{font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);min-width:0}
body.vz2-shell .bs-total{
font:600 20px/1 var(--font-display);letter-spacing:-.015em;color:var(--fg);
text-align:right;font-variant-numeric:tabular-nums;
}
body.vz2-shell .bs-total .u{font-size:12px;color:var(--fg-mute);font-weight:500;margin-left:2px;letter-spacing:0}
body.vz2-shell .bs-share{
font:500 12px/1 var(--font-mono);color:var(--fg-mute);text-align:right;
letter-spacing:.02em;font-variant-numeric:tabular-nums;
}
body.vz2-shell .bs-yoy{
font:500 11px/1 var(--font-mono);color:var(--ok);text-align:right;
letter-spacing:.04em;padding:4px 8px;border-radius:3px;background:rgba(47,143,92,.12);
}
body.vz2-shell .bs-yoy:has(:contains("↘")){color:var(--err);background:rgba(184,58,46,.12)}
/* Fallback via class for browsers without :has */
body.vz2-shell .bs-section-head .bs-yoy{background:rgba(47,143,92,.12);color:var(--ok)}
body.vz2-shell .bs-line{
display:grid;grid-template-columns:1fr 90px 90px 1fr;gap:18px;align-items:center;
padding:9px 20px;border-bottom:1px solid var(--border);
transition:background .12s;
}
body.vz2-shell .bs-line:last-child{border-bottom:0}
body.vz2-shell .bs-line:hover{background:var(--bg-2)}
body.vz2-shell .bs-l{
font:400 13px/1.3 var(--font-body);color:var(--fg);min-width:0;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.vz2-shell .bs-v{
font:500 13px/1 var(--font-mono);color:var(--fg);text-align:right;
letter-spacing:.02em;font-variant-numeric:tabular-nums;
}
body.vz2-shell .bs-py{
font:500 12px/1 var(--font-mono);color:var(--fg-quiet);text-align:right;
letter-spacing:.02em;font-variant-numeric:tabular-nums;
}
body.vz2-shell .bs-bar{
height:6px;background:var(--ink-100);border-radius:3px;overflow:hidden;
position:relative;
}
[data-theme="dark"] body.vz2-shell .bs-bar{background:var(--ink-200)}
body.vz2-shell .bs-bar span{
display:block;height:100%;background:var(--accent);border-radius:3px;
max-width:100%;
}
body.vz2-shell .bs-footer{
display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;
padding:18px 20px;margin-top:10px;
border:1px solid var(--border-strong);border-radius:6px;
background:var(--accent-50);
}
[data-theme="dark"] body.vz2-shell .bs-footer{background:var(--accent-100)}
body.vz2-shell .bs-foot-label{font:500 11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg)}
body.vz2-shell .bs-foot-val{
font:600 24px/1 var(--font-display);letter-spacing:-.02em;color:var(--fg);
font-variant-numeric:tabular-nums;
}
body.vz2-shell .bs-foot-val .u{font-size:13px;color:var(--fg-mute);font-weight:500;margin-left:2px;letter-spacing:0}
body.vz2-shell .bs-foot-meta{
font:500 11px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.04em;
}
body.vz2-shell .bs-foot-meta .dim{color:var(--fg-quiet)}
body.vz2-shell .bs-foot-meta .down{color:var(--err)}
body.vz2-shell .bs-foot-meta .ok{color:var(--ok)}
@media (max-width:980px){
body.vz2-shell .bs-section-head{grid-template-columns:1fr 100px 60px}
body.vz2-shell .bs-section-head .bs-yoy{display:none}
body.vz2-shell .bs-line{grid-template-columns:1fr 80px 70px}
body.vz2-shell .bs-bar{display:none}
}
@media (max-width:540px){
body.vz2-shell .bs-section-head{grid-template-columns:1fr 80px}
body.vz2-shell .bs-section-head .bs-share{display:none}
body.vz2-shell .bs-line{grid-template-columns:1fr 80px}
body.vz2-shell .bs-py{display:none}
}
/* ─────────────────────────────────────────────
STATUTORY HISTORY · gantt-style timeline
/* (section divider) */
body.vz2-shell .th-chrome{
display:flex;justify-content:space-between;align-items:stretch;gap:24px;
border:1px solid var(--border);border-radius:8px;
background:var(--bg);overflow:hidden;
margin-bottom:18px;flex-wrap:wrap;
}
body.vz2-shell .th-summary{
display:flex;flex:1;min-width:0;
}
body.vz2-shell .th-stat{
flex:1;min-width:120px;
padding:18px 22px;border-right:1px solid var(--border);
display:flex;flex-direction:column;gap:6px;
}
body.vz2-shell .th-stat:last-child{border-right:0}
body.vz2-shell .th-stat.warn .th-num{color:var(--accent)}
body.vz2-shell .th-num{
font:600 24px/1 var(--font-display);letter-spacing:-.02em;color:var(--fg);
font-variant-numeric:tabular-nums;
}
body.vz2-shell .th-num .u{font-size:13px;color:var(--fg-mute);font-weight:500;margin-left:2px}
body.vz2-shell .th-lbl{
font:500 10.5px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet);
}
body.vz2-shell .th-filters{
display:flex;align-items:center;gap:4px;padding:14px 18px;
background:var(--bg-2);border-left:1px solid var(--border);
}
@media (max-width:980px){body.vz2-shell .th-filters{width:100%;border-left:0;border-top:1px solid var(--border);justify-content:flex-start;flex-wrap:wrap}}
body.vz2-shell .th-filter{
padding:7px 12px;border:1px solid transparent;border-radius:4px;
background:transparent;cursor:pointer;
font:500 11.5px/1 var(--font-body);color:var(--fg-mute);
display:inline-flex;align-items:center;gap:6px;transition:.12s;
}
body.vz2-shell .th-filter:hover{color:var(--fg);background:var(--bg)}
body.vz2-shell .th-filter.active{background:var(--bg);color:var(--fg);border-color:var(--border);box-shadow:var(--shadow-1)}
body.vz2-shell .th-filter .ct{
font:500 10px/1 var(--font-mono);letter-spacing:.04em;color:var(--fg-quiet);
padding:2px 5px;background:var(--bg-2);border-radius:2px;
}
body.vz2-shell .th-filter.active .ct{background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .th-filter.active .ct{color:var(--accent)}
/* Timeline grid */
body.vz2-shell .th-timeline{
border:1px solid var(--border);border-radius:8px;
background:var(--bg);overflow:hidden;
}
/* Layout sizes (malformed declaration in source removed during port) */
/* Top scale row */
body.vz2-shell .th-scale{
display:grid;grid-template-columns:280px 1fr;
border-bottom:1px solid var(--border-strong);
background:var(--bg-2);
}
body.vz2-shell .th-scale-side{
padding:10px 16px;
font:500 9.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-quiet);
display:flex;align-items:center;
}
body.vz2-shell .th-scale-side::before{content:"Tenure timeline"}
body.vz2-shell .th-scale-track{
position:relative;height:34px;border-left:1px solid var(--border);
overflow:hidden;
}
body.vz2-shell .th-scale-track > span{
position:absolute;top:50%;transform:translate(-50%,-50%);
font:500 10px/1 var(--font-mono);letter-spacing:.06em;color:var(--fg-mute);
}
body.vz2-shell .th-scale-track > .now{
position:absolute;top:8px;bottom:8px;width:1px;background:var(--accent);
transform:translateX(-50%);
}
body.vz2-shell .th-scale-track > .now::after{
content:"";position:absolute;top:-3px;left:-3px;width:7px;height:7px;
background:var(--accent);border-radius:50%;
}
/* Group headers */
body.vz2-shell .th-group-head{
display:flex;justify-content:space-between;align-items:baseline;gap:12px;
padding:14px 20px;background:var(--bg-2);
border-bottom:1px solid var(--border);border-top:1px solid var(--border);
}
body.vz2-shell .th-group-name{font:600 13px/1 var(--font-display);letter-spacing:-.01em;color:var(--fg)}
body.vz2-shell .th-group-meta{font:500 11px/1.3 var(--font-mono);letter-spacing:.04em;color:var(--fg-mute)}
/* Lane */
body.vz2-shell .th-lane{
display:grid;grid-template-columns:280px 1fr;
border-bottom:1px solid var(--border);
transition:background .12s;
}
body.vz2-shell .th-group:last-child .th-lane:last-child{border-bottom:0}
body.vz2-shell .th-lane:hover{background:var(--bg-2)}
body.vz2-shell .th-lane.th-pep{background:rgba(201,100,66,.04)}
[data-theme="dark"] body.vz2-shell .th-lane.th-pep{background:rgba(224,122,87,.06)}
body.vz2-shell .th-lane.th-pep:hover{background:rgba(201,100,66,.08)}
body.vz2-shell .th-meta{
display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;
padding:11px 16px;border-right:1px solid var(--border);
min-width:0;
}
body.vz2-shell .th-av{
width:30px;height:30px;border-radius:50%;
background:var(--bg-2);border:1px solid var(--border);
display:flex;align-items:center;justify-content:center;
font:600 11px/1 var(--font-mono);color:var(--fg);letter-spacing:.04em;
}
body.vz2-shell .th-av.pep{background:var(--accent);color:#fff;border-color:var(--accent)}
body.vz2-shell .th-who{min-width:0}
body.vz2-shell .th-nm{
font:500 13px/1.3 var(--font-body);color:var(--fg);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
display:flex;align-items:center;gap:6px;
}
body.vz2-shell .pep-pill{
display:inline-block;padding:2px 6px;border-radius:2px;
background:var(--accent);color:#fff;
font:600 8.5px/1 var(--font-mono);letter-spacing:.14em;
}
body.vz2-shell .th-role{
font:400 11.5px/1.3 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em;margin-top:2px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.vz2-shell .th-tenure{
font:500 10.5px/1.4 var(--font-mono);color:var(--fg-quiet);letter-spacing:.04em;
white-space:nowrap;text-align:right;
}
/* Track */
body.vz2-shell .th-track{
position:relative;height:48px;
border-left:1px solid var(--border);
overflow:hidden;
}
body.vz2-shell .th-track::before,body.vz2-shell .th-track::after{
content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--border);
}
body.vz2-shell .th-track::before{left:21.2%}
body.vz2-shell .th-track::after{left:63.7%}
body.vz2-shell .th-stint{
position:absolute;top:50%;height:10px;transform:translateY(-50%);
background:var(--ink-300);border-radius:5px;
display:block;
}
[data-theme="dark"] body.vz2-shell .th-stint{background:var(--ink-300)}
body.vz2-shell .th-stint.current{background:var(--accent);box-shadow:0 1px 3px rgba(201,100,66,.18)}
body.vz2-shell .th-stint.pep{background:var(--accent)}
/* Major events list */
body.vz2-shell .th-events{
margin-top:20px;border:1px solid var(--border);border-radius:8px;
background:var(--bg);padding:20px 24px;
}
body.vz2-shell .th-events h3{
font:600 14px/1.2 var(--font-display);letter-spacing:-.01em;
margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border);
color:var(--fg);
}
body.vz2-shell .th-event-list{display:flex;flex-direction:column}
body.vz2-shell .th-event{
display:grid;grid-template-columns:100px 130px 1fr;gap:18px;align-items:center;
padding:10px 0;border-bottom:1px dashed var(--border);
}
body.vz2-shell .th-event:last-child{border-bottom:0}
body.vz2-shell .th-event-date{font:500 11.5px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em}
body.vz2-shell .th-event-cat{
font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;
padding:5px 9px;border-radius:3px;text-align:center;
background:rgba(47,143,92,.12);color:var(--ok);
}
body.vz2-shell .th-event-cat.pep{background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .th-event-cat.pep{color:var(--accent)}
body.vz2-shell .th-event-desc{font:400 13px/1.45 var(--font-body);color:var(--fg)}
body.vz2-shell .th-event-desc strong{font-weight:600}
body.vz2-shell .th-allevents{
display:inline-block;margin-top:14px;padding:8px 0;
font:500 11.5px/1 var(--font-mono);letter-spacing:.06em;color:var(--accent);text-decoration:none;
}
body.vz2-shell .th-allevents:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){
body.vz2-shell .th-scale,body.vz2-shell .th-lane{grid-template-columns:200px 1fr}
body.vz2-shell .th-meta{grid-template-columns:24px 1fr;gap:8px;padding:9px 12px}
body.vz2-shell .th-meta .th-tenure{display:none}
body.vz2-shell .th-av{width:24px;height:24px;font-size:10px}
body.vz2-shell .th-event{grid-template-columns:80px 110px 1fr;gap:10px}
}
/* ─────────────────────────────────────────────
TRADEMARKS & IP
/* (section divider) */
body.vz2-shell .ip-kpis{
display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;
margin-bottom:24px;
}
@media (max-width:760px){body.vz2-shell .ip-kpis{grid-template-columns:repeat(2,1fr)}}
body.vz2-shell .ip-kpi{background:var(--bg);padding:18px 22px;display:flex;flex-direction:column;gap:6px}
body.vz2-shell .ip-kpi.warn{background:var(--accent-50)}
[data-theme="dark"] body.vz2-shell .ip-kpi.warn{background:var(--accent-100)}
body.vz2-shell .ip-kpi-v{
font:600 30px/1 var(--font-display);letter-spacing:-.025em;color:var(--fg);
font-variant-numeric:tabular-nums;
}
body.vz2-shell .ip-kpi.warn .ip-kpi-v{color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .ip-kpi.warn .ip-kpi-v{color:var(--accent)}
body.vz2-shell .ip-kpi-k{font:500 10.5px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet)}
body.vz2-shell .ip-kpi-sub{font:400 11.5px/1.4 var(--font-body);color:var(--fg-mute);margin-top:4px}
body.vz2-shell .ip-split{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}
@media (max-width:1024px){body.vz2-shell .ip-split{grid-template-columns:1fr}}
body.vz2-shell .ip-block{border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:20px 22px}
body.vz2-shell .ip-block h3,body.vz2-shell .ip-block h4{font:600 14px/1.2 var(--font-display);letter-spacing:-.01em;margin:0 0 14px}
body.vz2-shell .ip-block-head{
display:flex;justify-content:space-between;align-items:baseline;gap:14px;
padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--border);flex-wrap:wrap;
}
body.vz2-shell .ip-block-head h3{margin:0}
body.vz2-shell .ip-meta{font:500 11px/1 var(--font-mono);color:var(--fg-quiet);letter-spacing:.04em}
body.vz2-shell .ip-tm-list{display:flex;flex-direction:column}
body.vz2-shell .ip-tm{
display:grid;grid-template-columns:48px 1fr 90px 110px 80px;gap:14px;align-items:center;
padding:11px 0;border-bottom:1px solid var(--border);
}
body.vz2-shell .ip-tm:last-of-type{border-bottom:0}
@media (max-width:760px){
body.vz2-shell .ip-tm{grid-template-columns:40px 1fr 70px;gap:10px}
body.vz2-shell .ip-tm-since,body.vz2-shell .ip-tm-status{display:none}
}
body.vz2-shell .ip-tm-mark{
width:48px;height:48px;border-radius:6px;
background:var(--ink-900);color:var(--paper);
display:flex;align-items:center;justify-content:center;
font:600 8px/1.05 var(--font-display);letter-spacing:.04em;text-align:center;padding:4px;
}
[data-theme="dark"] body.vz2-shell .ip-tm-mark{background:var(--paper);color:#0B0C0F}
body.vz2-shell .ip-tm-meta{min-width:0}
body.vz2-shell .ip-tm-nm{font:500 13.5px/1.3 var(--font-body);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.vz2-shell .ip-tm-sub{font:400 11.5px/1.4 var(--font-body);color:var(--fg-mute);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.vz2-shell .ip-tm-juris{display:flex;gap:4px;flex-wrap:wrap}
body.vz2-shell .ip-tm-juris .iso{
font:500 10px/1 var(--font-mono);letter-spacing:.04em;
padding:3px 6px;background:var(--bg-2);border-radius:2px;color:var(--fg);
}
body.vz2-shell .ip-tm-since{font:500 11px/1.3 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em}
body.vz2-shell .ip-tm-status{
font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;text-align:center;
padding:5px 9px;border-radius:3px;
}
body.vz2-shell .ip-tm-status.ok{background:rgba(47,143,92,.12);color:var(--ok)}
body.vz2-shell .ip-tm-status.pending{background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .ip-tm-status.pending{color:var(--accent)}
body.vz2-shell .ip-allmarks{
display:inline-block;margin-top:14px;padding:8px 0;
font:500 11.5px/1 var(--font-mono);letter-spacing:.06em;color:var(--accent);text-decoration:none;
}
body.vz2-shell .ip-allmarks:hover{text-decoration:underline;text-underline-offset:3px}
body.vz2-shell .ip-sidepanel{display:flex;flex-direction:column;gap:14px}
body.vz2-shell .ip-permits{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
body.vz2-shell .ip-permits li{
display:grid;grid-template-columns:1fr auto;gap:14px;align-items:baseline;
padding:7px 0;border-bottom:1px dashed var(--border);
}
body.vz2-shell .ip-permits li:last-child{border-bottom:0}
body.vz2-shell .ip-permit-k{font:400 12.5px/1.3 var(--font-body);color:var(--fg)}
body.vz2-shell .ip-permit-v{font:500 11.5px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.04em}
body.vz2-shell .ip-domains{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
body.vz2-shell .ip-domains li{
display:flex;justify-content:space-between;align-items:baseline;gap:14px;
padding:6px 0;border-bottom:1px dashed var(--border);
}
body.vz2-shell .ip-domains li:last-child{border-bottom:0}
body.vz2-shell .ip-dom{font:500 12.5px/1 var(--font-mono);color:var(--fg);letter-spacing:.02em}
body.vz2-shell .ip-dom-since{font:500 10.5px/1 var(--font-mono);color:var(--fg-quiet);letter-spacing:.04em}
/* ─────────────────────────────────────────────
TAX HISTORY
/* (section divider) */
body.vz2-shell .tax-headline{
display:grid;grid-template-columns:1.4fr 1fr;gap:18px;
margin-bottom:24px;
}
@media (max-width:980px){body.vz2-shell .tax-headline{grid-template-columns:1fr}}
body.vz2-shell .tax-headline-main{
border:1px solid var(--border);border-radius:8px;background:var(--bg);
padding:24px 28px;display:flex;flex-direction:column;gap:18px;
position:relative;overflow:hidden;
}
body.vz2-shell .tax-headline-main::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ok)}
body.vz2-shell .tax-headline-grid{
display:grid;grid-template-columns:1fr 1fr;gap:1px;
background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;
}
body.vz2-shell .tax-timeline-wrap{
border:1px solid var(--border);border-radius:8px;background:var(--bg);
padding:22px 24px;margin-bottom:24px;
}
body.vz2-shell .tax-tl-head{
display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;
padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--border);
}
body.vz2-shell .tax-tl-head h3{font:600 14px/1.2 var(--font-display);letter-spacing:-.01em;margin:0}
body.vz2-shell .tax-tl-meta{font:500 11px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.04em}
body.vz2-shell .tax-tl-svg{display:block;width:100%;height:220px}
body.vz2-shell .tax-tl-svg .grid{stroke:var(--border);stroke-width:.6;stroke-dasharray:2 4}
body.vz2-shell .tax-tl-svg .ax{font:500 10px var(--font-mono);fill:var(--fg-quiet);letter-spacing:.04em}
body.vz2-shell .tax-tl-svg .yr{font:500 10px var(--font-mono);fill:var(--fg-mute);text-anchor:middle;letter-spacing:.06em}
body.vz2-shell .tax-tl-svg .lbl{font:500 10.5px var(--font-mono);fill:var(--fg);text-anchor:middle;letter-spacing:.02em}
body.vz2-shell .tax-tl-svg .bar.paid{fill:var(--ok);opacity:.55}
body.vz2-shell .tax-tl-svg .bar.paid.peak{opacity:.92}
body.vz2-shell .tax-tl-svg .bar.paid.recent{opacity:1}
body.vz2-shell .tax-registers{
display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;
}
@media (max-width:760px){body.vz2-shell .tax-registers{grid-template-columns:1fr}}
body.vz2-shell .tax-reg{background:var(--bg);padding:18px 20px;display:flex;gap:14px;align-items:flex-start}
body.vz2-shell .tax-reg-icon{
width:32px;height:32px;border-radius:50%;flex-shrink:0;
display:flex;align-items:center;justify-content:center;
font:600 14px/1 var(--font-display);
background:rgba(47,143,92,.12);color:var(--ok);
}
body.vz2-shell .tax-reg.warn .tax-reg-icon{background:var(--accent-100);color:var(--accent-600)}
body.vz2-shell .tax-reg-body{display:flex;flex-direction:column;gap:3px;min-width:0}
body.vz2-shell .tax-reg-name{font:500 12.5px/1.3 var(--font-body);color:var(--fg)}
body.vz2-shell .tax-reg-v{font:600 18px/1.1 var(--font-display);letter-spacing:-.015em;color:var(--ok);font-variant-numeric:tabular-nums}
body.vz2-shell .tax-reg-meta{font:400 11px/1.4 var(--font-body);color:var(--fg-mute)}
/* (section divider) */
body.vz2-shell .snc-verdict-grid{
display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
margin-bottom:24px;
}
@media (max-width:980px){body.vz2-shell .snc-verdict-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){body.vz2-shell .snc-verdict-grid{grid-template-columns:1fr}}
body.vz2-shell .snc-vd-card{
border:1px solid var(--border);border-radius:8px;background:var(--bg);
padding:18px 20px;display:flex;gap:14px;align-items:flex-start;
position:relative;overflow:hidden;
}
body.vz2-shell .snc-vd-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ok)}
body.vz2-shell .snc-vd-card.warn::before{background:var(--accent)}
body.vz2-shell .snc-vd-card.bad::before{background:var(--err)}
body.vz2-shell .snc-vd-icon{
width:36px;height:36px;border-radius:50%;flex-shrink:0;
display:flex;align-items:center;justify-content:center;
font:600 18px/1 var(--font-display);
background:rgba(47,143,92,.12);color:var(--ok);
}
body.vz2-shell .snc-vd-card.warn .snc-vd-icon{background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .snc-vd-card.warn .snc-vd-icon{color:var(--accent)}
body.vz2-shell .snc-vd-card.bad .snc-vd-icon{background:rgba(184,58,46,.12);color:var(--err)}
body.vz2-shell .snc-vd-body{display:flex;flex-direction:column;gap:3px;min-width:0}
body.vz2-shell .snc-vd-k{font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet)}
body.vz2-shell .snc-vd-v{font:600 18px/1.2 var(--font-display);letter-spacing:-.015em;color:var(--fg);margin-top:4px}
body.vz2-shell .snc-vd-card.warn .snc-vd-v{color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .snc-vd-card.warn .snc-vd-v{color:var(--accent)}
body.vz2-shell .snc-vd-sub{font:400 11.5px/1.4 var(--font-body);color:var(--fg-mute);margin-top:4px}
body.vz2-shell .snc-matrix-wrap{
border:1px solid var(--border);border-radius:8px;background:var(--bg);overflow:hidden;
margin-bottom:18px;
}
body.vz2-shell .snc-matrix-head{
display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;
padding:14px 22px;background:var(--bg-2);border-bottom:1px solid var(--border);
}
body.vz2-shell .snc-matrix-head h3{font:600 14px/1.2 var(--font-display);letter-spacing:-.01em;margin:0}
body.vz2-shell .snc-matrix-meta{font:500 11px/1.3 var(--font-mono);color:var(--fg-mute);letter-spacing:.04em}
body.vz2-shell .snc-matrix{width:100%;border-collapse:collapse;font:400 13px/1.4 var(--font-body)}
body.vz2-shell .snc-matrix th{
text-align:left;padding:10px 18px;
font:500 9.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-quiet);
border-bottom:1px solid var(--border);background:var(--bg);
}
body.vz2-shell .snc-matrix th.r,body.vz2-shell .snc-matrix td.r{text-align:right}
body.vz2-shell .snc-matrix td{padding:14px 18px;border-bottom:1px solid var(--border);vertical-align:top}
body.vz2-shell .snc-matrix tr:last-child td{border-bottom:0}
body.vz2-shell .snc-matrix tr:hover td{background:var(--bg-2)}
body.vz2-shell .snc-matrix tr.snc-info{background:var(--bg-2)}
body.vz2-shell .snc-list-sub{display:block;font:400 11.5px/1.4 var(--font-body);color:var(--fg-mute);margin-top:3px}
body.vz2-shell .snc-matrix td.mono{font-family:var(--font-mono);font-size:12px;color:var(--fg-mute);letter-spacing:.04em}
body.vz2-shell .snc-cell{
font:500 11px/1 var(--font-mono);letter-spacing:.06em;text-align:center;
}
body.vz2-shell .snc-cell.ok{color:var(--ok)}
body.vz2-shell .snc-cell.warn{color:var(--accent)}
body.vz2-shell .snc-cell.bad{color:var(--err)}
/* PEP detail */
body.vz2-shell .snc-pep-card{
margin-top:24px;
border:1px solid var(--accent);border-left-width:3px;border-radius:8px;
background:linear-gradient(180deg,var(--accent-50) 0%,var(--bg) 60%);
overflow:hidden;
}
[data-theme="dark"] body.vz2-shell .snc-pep-card{
background:linear-gradient(180deg,var(--accent-100) 0%,var(--bg) 60%);
}
body.vz2-shell .snc-pep-head{
display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;
padding:20px 24px;border-bottom:1px solid var(--border);
}
body.vz2-shell .snc-pep-avatar{
width:48px;height:48px;border-radius:50%;
background:var(--accent);color:#fff;
display:flex;align-items:center;justify-content:center;
font:600 16px/1 var(--font-display);
}
body.vz2-shell .snc-pep-eyebrow{font:500 10px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-600);margin-bottom:6px}
[data-theme="dark"] body.vz2-shell .snc-pep-eyebrow{color:var(--accent)}
body.vz2-shell .snc-pep-name{font:600 20px/1.2 var(--font-display);letter-spacing:-.015em;color:var(--fg)}
body.vz2-shell .snc-pep-role{font:400 12px/1.4 var(--font-body);color:var(--fg-mute);margin-top:3px}
body.vz2-shell .snc-pep-tier{
font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;
padding:6px 12px;background:var(--accent);color:#fff;border-radius:3px;
}
body.vz2-shell .snc-pep-body{padding:20px 24px}
body.vz2-shell .snc-pep-cols{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:32px}
@media (max-width:980px){body.vz2-shell .snc-pep-cols{grid-template-columns:1fr;gap:24px}}
body.vz2-shell .snc-pep-col{display:flex;flex-direction:column;gap:8px}
body.vz2-shell .snc-pep-col-k{font:500 10px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-quiet)}
body.vz2-shell .snc-pep-col-v{font:500 14px/1.3 var(--font-body);color:var(--fg)}
body.vz2-shell .snc-pep-col-sub{font:400 11.5px/1.5 var(--font-body);color:var(--fg-mute)}
body.vz2-shell .snc-pep-positions,body.vz2-shell .snc-pep-actions{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
body.vz2-shell .snc-pep-positions li{
display:flex;flex-direction:column;gap:2px;
padding-bottom:6px;border-bottom:1px dashed var(--border);
}
body.vz2-shell .snc-pep-positions li:last-child{border-bottom:0;padding-bottom:0}
body.vz2-shell .snc-pep-positions .role{font:500 13px/1.3 var(--font-body);color:var(--fg)}
body.vz2-shell .snc-pep-positions .period{font:500 11px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em}
body.vz2-shell .snc-pep-actions li{
display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:flex-start;
font:400 12.5px/1.4 var(--font-body);color:var(--fg);
}
body.vz2-shell .snc-pep-actions .ico{
width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
font:600 11px/1 var(--font-display);
}
body.vz2-shell .snc-pep-actions .ico.ok{background:rgba(47,143,92,.16);color:var(--ok)}
body.vz2-shell .snc-pep-actions .ico.warn{background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .snc-pep-actions .ico.warn{color:var(--accent)}
/* ─────────────────────────────────────────────
COMPLIANCE SIGNAL TOOLBAR (Pass / Soft / Fail filter)
/* (section divider) */
body.vz2-shell .sig-toolbar{
display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
margin-bottom:14px;
}
body.vz2-shell .sig-summary{
display:inline-flex;align-items:center;gap:14px;
font:500 11px/1 var(--font-mono);letter-spacing:.06em;color:var(--fg-mute);
flex-wrap:wrap;
}
body.vz2-shell .sig-sum-k{color:var(--fg)}
body.vz2-shell .sig-pip{
display:inline-flex;align-items:center;gap:6px;
padding:4px 9px;border-radius:3px;
font:500 10.5px/1 var(--font-mono);letter-spacing:.08em;
}
body.vz2-shell .sig-pip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
body.vz2-shell .sig-pip.ok{color:var(--ok);background:rgba(47,143,92,.12)}
body.vz2-shell .sig-pip.warn{color:var(--accent-600);background:var(--accent-100)}
[data-theme="dark"] body.vz2-shell .sig-pip.warn{color:var(--accent)}
body.vz2-shell .sig-pip.bad{color:var(--err);background:rgba(184,58,46,.12)}
body.vz2-shell .sig-filters{
display:inline-flex;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:2px;
}
body.vz2-shell .sig-filter{
padding:7px 12px;border:0;background:transparent;border-radius:4px;cursor:pointer;
font:500 12px/1 var(--font-body);color:var(--fg-mute);
display:inline-flex;align-items:center;gap:6px;transition:.12s;
}
body.vz2-shell .sig-filter:hover{color:var(--fg)}
body.vz2-shell .sig-filter.active{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-1)}
body.vz2-shell .sig-filter.warn.active{color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .sig-filter.warn.active{color:var(--accent)}
body.vz2-shell .sig-filter.bad.active{color:var(--err)}
body.vz2-shell .sig-filter .n{font:500 10.5px/1 var(--font-mono);color:var(--fg-quiet);background:var(--bg);padding:2px 5px;border-radius:2px;letter-spacing:.04em}
body.vz2-shell .sig-filter.active .n{background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .sig-filter.active .n{color:var(--accent)}
/* Signal filter behavior — hides .sig-chip cards inside .signal-matrix */
body.vz2-shell .signal-matrix.filter-ok .sig-chip.warn,body.vz2-shell .signal-matrix.filter-ok .sig-chip.bad,body.vz2-shell .signal-matrix.filter-ok .sig-chip.soft{display:none}
body.vz2-shell .signal-matrix.filter-soft .sig-chip:not(.warn):not(.soft){display:none}
body.vz2-shell .signal-matrix.filter-bad .sig-chip:not(.bad){display:none}
/* ─────────────────────────────────────────────
PEOPLE TOOLBAR (search + filter + view)
/* (section divider) */
body.vz2-shell .ppl-toolbar{
display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;
margin-bottom:18px;align-items:center;
}
@media (max-width:980px){body.vz2-shell .ppl-toolbar{grid-template-columns:1fr;align-items:stretch}}
body.vz2-shell .ppl-search{
position:relative;display:flex;align-items:center;
background:var(--bg);border:1px solid var(--border);border-radius:6px;
padding:0 10px 0 32px;transition:.15s;
}
body.vz2-shell .ppl-search:focus-within{border-color:var(--ink-300);box-shadow:0 0 0 3px var(--accent-50)}
body.vz2-shell .ppl-search-ico{
position:absolute;left:10px;top:50%;transform:translateY(-50%);
width:14px;height:14px;color:var(--fg-quiet);
}
body.vz2-shell .ppl-search input{
border:0;background:transparent;outline:0;padding:9px 0;width:100%;
font:400 13px/1 var(--font-body);color:var(--fg);
}
body.vz2-shell .ppl-search input::placeholder{color:var(--fg-quiet)}
body.vz2-shell .ppl-filters{display:inline-flex;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:2px;flex-wrap:wrap}
body.vz2-shell .ppl-chip{
padding:7px 12px;border:0;background:transparent;border-radius:4px;cursor:pointer;
font:500 12px/1 var(--font-body);color:var(--fg-mute);
display:inline-flex;align-items:center;gap:6px;transition:.12s;
}
body.vz2-shell .ppl-chip:hover{color:var(--fg)}
body.vz2-shell .ppl-chip.active{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-1)}
body.vz2-shell .ppl-chip.warn.active{color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .ppl-chip.warn.active{color:var(--accent)}
body.vz2-shell .ppl-chip .n{font:500 10.5px/1 var(--font-mono);color:var(--fg-quiet);background:var(--bg);padding:2px 5px;border-radius:2px;letter-spacing:.04em}
body.vz2-shell .ppl-chip.active .n{background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .ppl-chip.active .n{color:var(--accent)}
body.vz2-shell .ppl-view{display:inline-flex;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:2px}
body.vz2-shell .ppl-view-btn{
width:30px;height:30px;border:0;border-radius:4px;background:transparent;cursor:pointer;
display:inline-flex;align-items:center;justify-content:center;
color:var(--fg-mute);transition:.12s;
}
body.vz2-shell .ppl-view-btn:hover{color:var(--fg)}
body.vz2-shell .ppl-view-btn.active{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-1)}
body.vz2-shell .ppl-view-btn svg{width:14px;height:14px}
/* ─────────────────────────────────────────────
COURT CASES — drilldown
/* (section divider) */
body.vz2-shell .court-headline{
display:grid;grid-template-columns:1.4fr 1fr;gap:18px;
margin-bottom:18px;
}
@media (max-width:980px){body.vz2-shell .court-headline{grid-template-columns:1fr}}
body.vz2-shell .court-headline-main{
border:1px solid var(--border);border-radius:8px;
background:var(--bg);padding:24px 28px;
display:flex;flex-direction:column;gap:18px;
position:relative;overflow:hidden;
}
body.vz2-shell .court-headline-main::before{
content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ok);
}
body.vz2-shell .court-eyebrow{
font:500 10.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-quiet);
}
body.vz2-shell .court-verdict{
display:flex;align-items:flex-start;gap:24px;
}
body.vz2-shell .court-big{
font:600 80px/1 var(--font-display);letter-spacing:-.04em;
color:var(--ok);font-variant-numeric:tabular-nums;
}
body.vz2-shell .court-verdict.ok .court-big{color:var(--ok)}
body.vz2-shell .court-verdict.warn .court-big{color:var(--accent)}
body.vz2-shell .court-context{font:400 14px/1.5 var(--font-body);color:var(--fg-mute);max-width:46ch}
body.vz2-shell .court-context strong{display:block;color:var(--fg);font-size:16px;font-weight:600;margin-bottom:6px}
body.vz2-shell .court-rank{
background:rgba(47,143,92,.12);color:var(--ok);padding:2px 6px;border-radius:3px;
font:500 12px/1.4 var(--font-mono);letter-spacing:.04em;
}
body.vz2-shell .court-headline-grid{
display:grid;grid-template-columns:1fr 1fr;gap:1px;
background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;
}
body.vz2-shell .court-stat{
background:var(--bg);padding:18px 20px;display:flex;flex-direction:column;gap:5px;
}
body.vz2-shell .court-stat-v{
font:600 32px/1 var(--font-display);letter-spacing:-.025em;color:var(--fg);
font-variant-numeric:tabular-nums;
}
body.vz2-shell .court-stat.warn .court-stat-v{color:var(--accent)}
body.vz2-shell .court-stat-k{font:500 10.5px/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet)}
/* Split */
body.vz2-shell .court-split{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}
@media (max-width:1024px){body.vz2-shell .court-split{grid-template-columns:1fr}}
body.vz2-shell .court-cases-list{
border:1px solid var(--border);border-radius:8px;
background:var(--bg);padding:18px 22px;
}
body.vz2-shell .court-cases-head{
display:flex;justify-content:space-between;align-items:center;
padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--border);
gap:14px;flex-wrap:wrap;
}
body.vz2-shell .court-cases-head h3{font:600 15px/1.2 var(--font-display);letter-spacing:-.01em;margin:0}
body.vz2-shell .court-filter{display:flex;gap:4px;background:var(--bg-2);border-radius:5px;padding:3px}
body.vz2-shell .cf-btn{
padding:6px 12px;border:0;background:transparent;border-radius:3px;cursor:pointer;
font:500 11.5px/1 var(--font-body);color:var(--fg-mute);
display:inline-flex;align-items:center;gap:6px;transition:.12s;
}
body.vz2-shell .cf-btn:hover{color:var(--fg)}
body.vz2-shell .cf-btn.active{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-1)}
body.vz2-shell .cf-btn .ct{font:500 10px/1 var(--font-mono);color:var(--fg-quiet);padding:1px 5px;border-radius:2px;background:var(--bg)}
body.vz2-shell .cf-btn.active .ct{background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .cf-btn.active .ct{color:var(--accent)}
body.vz2-shell .court-case{border-bottom:1px solid var(--border);transition:background .12s}
body.vz2-shell .court-case:last-of-type{border-bottom:0}
body.vz2-shell .court-case:hover{background:var(--bg-2)}
body.vz2-shell .court-case-row{
display:grid;grid-template-columns:32px 1fr 180px 130px 90px;gap:14px;align-items:center;
padding:14px 0;
}
@media (max-width:980px){
body.vz2-shell .court-case-row{grid-template-columns:32px 1fr 110px;gap:12px}
body.vz2-shell .court-case-court,body.vz2-shell .court-case-date{display:none}
}
body.vz2-shell .court-side{
display:flex;align-items:center;gap:6px;
font:600 11px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.04em;
}
body.vz2-shell .court-side-dot{width:8px;height:8px;border-radius:50%;background:var(--fg-quiet)}
body.vz2-shell .court-side-dot.p{background:var(--ok)}
body.vz2-shell .court-side-dot.d{background:var(--accent)}
body.vz2-shell .court-case-meta{min-width:0}
body.vz2-shell .court-case-title{
font:500 13.5px/1.4 var(--font-body);color:var(--fg);
}
body.vz2-shell .court-case-title .vs{color:var(--fg-quiet);font-weight:400;font-style:italic;margin:0 4px}
body.vz2-shell .court-case-sub{font:400 11.5px/1.45 var(--font-body);color:var(--fg-mute);margin-top:3px}
body.vz2-shell .court-case-court{display:flex;flex-direction:column;gap:2px}
body.vz2-shell .court-court-name{font:500 11.5px/1.3 var(--font-mono);color:var(--fg);letter-spacing:.02em}
body.vz2-shell .court-court-id{font:500 10.5px/1.3 var(--font-mono);color:var(--fg-quiet);letter-spacing:.04em}
body.vz2-shell .court-case-outcome{
font:500 11px/1 var(--font-mono);letter-spacing:.04em;padding:5px 9px;border-radius:3px;
text-align:center;
}
body.vz2-shell .court-case-outcome.ok{background:rgba(47,143,92,.12);color:var(--ok)}
body.vz2-shell .court-case-outcome.neutral{background:var(--bg-2);color:var(--fg-mute)}
body.vz2-shell .court-case-outcome.warn{background:var(--accent-100);color:var(--accent-600)}
[data-theme="dark"] body.vz2-shell .court-case-outcome.warn{color:var(--accent)}
body.vz2-shell .court-case-date{
font:500 11.5px/1 var(--font-mono);color:var(--fg-mute);letter-spacing:.02em;text-align:right;
}
body.vz2-shell .court-allcases{
display:inline-block;margin-top:14px;padding:8px 0;
font:500 11.5px/1 var(--font-mono);letter-spacing:.06em;color:var(--accent);text-decoration:none;
}
body.vz2-shell .court-allcases:hover{text-decoration:underline;text-underline-offset:3px}
/* Filter behavior */
body.vz2-shell .court-cases-list.filter-plaintiff .court-case[data-side="defendant"]{display:none}
body.vz2-shell .court-cases-list.filter-defendant .court-case[data-side="plaintiff"]{display:none}
/* Side panel */
body.vz2-shell .court-side-panel{display:flex;flex-direction:column;gap:14px}
body.vz2-shell .court-block{
border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:18px 20px;
}
body.vz2-shell .court-block h4{
font:500 10.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-quiet);
margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border);
}
body.vz2-shell .court-profile-row{
display:flex;justify-content:space-between;align-items:baseline;
padding:7px 0;border-bottom:1px dashed var(--border);
}
body.vz2-shell .court-profile-row:last-child{border-bottom:0}
body.vz2-shell .court-pr-k{font:500 12.5px/1.3 var(--font-body);color:var(--fg-mute)}
body.vz2-shell .court-pr-v{
font:600 14px/1 var(--font-display);color:var(--fg);letter-spacing:-.01em;
font-variant-numeric:tabular-nums;
}
body.vz2-shell .court-pr-v .u{font-size:11px;color:var(--fg-mute);font-weight:500;margin-left:2px;letter-spacing:0}
body.vz2-shell .court-dist-row{
display:grid;grid-template-columns:1fr 60px 20px;gap:12px;align-items:center;
padding:6px 0;
}
body.vz2-shell .court-dist-k{font:400 12px/1.3 var(--font-body);color:var(--fg)}
body.vz2-shell .court-dist-bar{height:5px;background:var(--ink-100);border-radius:3px;overflow:hidden}
[data-theme="dark"] body.vz2-shell .court-dist-bar{background:var(--ink-200)}
body.vz2-shell .court-dist-bar span{display:block;height:100%;background:var(--accent);border-radius:3px}
body.vz2-shell .court-dist-v{font:500 12px/1 var(--font-mono);color:var(--fg);text-align:right}
body.vz2-shell .court-cmp-row{
display:grid;grid-template-columns:1fr 110px 60px;gap:10px;align-items:center;
padding:6px 0;
}
body.vz2-shell .court-cmp-k{font:400 12px/1.3 var(--font-body);color:var(--fg)}
body.vz2-shell .court-cmp-bar{height:7px;background:var(--ink-100);border-radius:4px;overflow:hidden}
[data-theme="dark"] body.vz2-shell .court-cmp-bar{background:var(--ink-200)}
body.vz2-shell .court-cmp-bar span{display:block;height:100%;background:var(--accent);border-radius:4px}
body.vz2-shell .court-cmp-bar.muted span{background:var(--ink-300)}
[data-theme="dark"] body.vz2-shell .court-cmp-bar.muted span{background:var(--ink-300)}
body.vz2-shell .court-cmp-v{font:500 11.5px/1 var(--font-mono);color:var(--fg);text-align:right;letter-spacing:.02em}
body.vz2-shell .court-note{
font:400 12px/1.55 var(--font-body);color:var(--fg-mute);
margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--border);
}
body.vz2-shell .th-timeline.filter-board .th-lane[data-group="sup"],body.vz2-shell .th-timeline.filter-board .th-group[data-group="sup"]{display:none}
body.vz2-shell .th-timeline.filter-sup .th-lane[data-group="board"],body.vz2-shell .th-timeline.filter-sup .th-group[data-group="board"]{display:none}
body.vz2-shell .th-timeline.filter-pep .th-lane:not([data-pep="1"]){display:none}
body.vz2-shell .th-timeline.filter-pep .th-group:not(:has([data-pep="1"])){display:none}
/* ─────────────────────────────────────────────
SIGNAL CHIPS — bench (peer context) line
/* (section divider) */
body.vz2-shell .sig-chip .bench{
font:400 11.5px/1.4 var(--font-body);color:var(--fg-mute);
margin-top:6px;padding-top:8px;border-top:1px dashed var(--border);
display:block;
}
body.vz2-shell .sig-chip.warn .bench,body.vz2-shell .sig-chip.soft .bench{border-top-color:rgba(201,100,66,.18)}
body.vz2-shell .sig-chip.bad .bench{border-top-color:rgba(184,58,46,.18)}
/* Make chips a bit taller to accommodate bench line */
body.vz2-shell .sig-chip{min-height:120px}
/* ─────────────────────────────────────────────
REGISTERED OFFICE · address card with map
/* (section divider) */
body.vz2-shell .addr-card{
margin-top:24px;
display:grid;grid-template-columns:1.1fr 1fr;gap:0;
border:1px solid var(--border);border-radius:8px;overflow:hidden;
background:var(--bg);
}
@media (max-width:980px){body.vz2-shell .addr-card{grid-template-columns:1fr}}
body.vz2-shell .addr-info{padding:28px 30px}
body.vz2-shell .addr-eyebrow{
font:500 10.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;
color:var(--fg-quiet);margin-bottom:14px;
}
body.vz2-shell .addr-line{
font:600 32px/1.1 var(--font-display);letter-spacing:-.025em;color:var(--fg);
}
body.vz2-shell .addr-city{
font:500 16px/1.3 var(--font-body);color:var(--fg-mute);margin-top:4px;
}
body.vz2-shell .addr-coords{
margin-top:18px;padding:12px 14px;
background:var(--bg-2);border-radius:6px;
display:flex;align-items:center;gap:12px;flex-wrap:wrap;
font:500 12px/1.3 var(--font-mono);color:var(--fg);letter-spacing:.02em;
}
body.vz2-shell .addr-coords .ico{color:var(--accent);font-size:14px}
body.vz2-shell .addr-coords .dim{color:var(--fg-quiet);margin-left:auto;letter-spacing:.04em}
body.vz2-shell .addr-facts{
margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:1px;
background:var(--border);border:1px solid var(--border);
}
body.vz2-shell .fact{background:var(--bg);padding:12px 14px;display:flex;flex-direction:column;gap:3px}
body.vz2-shell .fact-k{font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-quiet)}
body.vz2-shell .fact-v{font:600 16px/1.2 var(--font-display);letter-spacing:-.015em;color:var(--fg)}
body.vz2-shell .fact-note{font:400 11px/1.4 var(--font-body);color:var(--fg-mute);margin-top:2px}
body.vz2-shell .addr-map{
background:var(--bg-2);border-left:1px solid var(--border);
display:flex;align-items:stretch;justify-content:center;
padding:0;min-height:280px;
}
@media (max-width:980px){body.vz2-shell .addr-map{border-left:0;border-top:1px solid var(--border);min-height:240px}}
body.vz2-shell .addr-map svg{width:100%;height:100%;display:block}
/* ─── Court search row (additional toolbar) ─── */
body.vz2-shell .court-search-row{
display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;
margin:8px 0 4px;align-items:center;
}
@media (max-width:760px){body.vz2-shell .court-search-row{grid-template-columns:1fr}}
body.vz2-shell .court-pager{
display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
margin-top:14px;padding-top:14px;border-top:1px solid var(--border);
}
body.vz2-shell .vz2-tabs-host > section,
body.vz2-shell .vz2-tabs-host > .vz-tab,
body.vz2-shell .vz2-tabs-host > .vz-tab > .section{
padding-top:0;
padding-bottom:0;
border-top:0;
}
body.vz2-shell .vz2-tabs-host > .vz-tab:not(:first-child){
border-top:1px solid var(--border);
margin-top:24px;
padding-top:24px;
}