/* tokens-2.css — ECM 2.0 design tokens (ECM-PLAN βήμα 6, 22.08.2026)
   Πηγή: prototype/b2b-portal.html «Clinical Graphite + Signal Cobalt».
   🔴 ΟΛΑ scoped κάτω από .ec2 — μηδέν global selectors, μηδέν pixel αλλαγή
   μέχρι κάποιο partial να φορέσει την κλάση (βήμα 7+). */
.ec2{
  --ec-ink:#0E1621; --ec-text:#16202B; --ec-muted:#5A6675;
  --ec-cobalt:#1B4DB1; --ec-cobalt-tint:#EAF0FB;
  --ec-paper:#FFFFFF; --ec-surface:#F6F8FA; --ec-line:#DCE3EA;
  --ec-ok:#1F7A4D; --ec-ok-tint:#E7F4ED;
  --ec-warn:#9A6212; --ec-warn-tint:#FBF2E3;
  --ec-stop:#9B2C2C; --ec-stop-tint:#FAECEC;
  --ec-radius:12px; --ec-radius-s:8px;
  --ec-font:"Inter var",Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ec-text);
  font-family:var(--ec-font);
}
.ec2 .ec-card{background:var(--ec-paper);border:1px solid var(--ec-line);
  border-radius:var(--ec-radius);padding:16px 18px}
.ec2 .ec-pill{display:inline-block;font-size:11px;font-weight:700;
  padding:3px 10px;border-radius:999px}
.ec2 .ec-pill--ok{background:var(--ec-ok-tint);color:var(--ec-ok)}
.ec2 .ec-pill--warn{background:var(--ec-warn-tint);color:var(--ec-warn)}
.ec2 .ec-pill--stop{background:var(--ec-stop-tint);color:var(--ec-stop)}
.ec2 .ec-num{font-variant-numeric:tabular-nums}

/* βήμα 7 — spec block (κανένα inline % στο HTML) */
.ec2-spec .ec-h{margin:0 0 10px;font-size:16px}
.ec2-spec .ec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ec2-spec .ec-gt{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ec-muted);margin-bottom:6px}
.ec2-spec table{width:100%;font-size:13.5px;border-collapse:collapse}
.ec2-spec td{padding:3px 8px 3px 0}
.ec2-spec td:first-child{color:var(--ec-muted)}
/* βήμα 8 — loop spec row */
.ec2-looprow{font-size:12px;color:var(--ec-muted);margin-top:4px}
.ec2-looprow b{color:var(--ec-text);font-weight:600}
.ec2-looprow .ec-sep{opacity:.5}
/* βήμα 10 — αρχική 2.0 */
.ec2-home{background:var(--ec-surface)}
.ec2h-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.ec2h-hero{background:linear-gradient(180deg,var(--ec-cobalt-tint),var(--ec-surface));padding:64px 0 44px;text-align:center}
.ec2h-hero h1{font-size:clamp(26px,4vw,44px);letter-spacing:-.02em;margin:0 0 14px;color:var(--ec-ink)}
.ec2h-hero p{max-width:640px;margin:0 auto 22px;color:var(--ec-muted);font-size:16.5px}
.ec2h-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ec2h-btn{display:inline-block;padding:12px 26px;border-radius:10px;border:1px solid var(--ec-line);background:var(--ec-paper);color:var(--ec-text);text-decoration:none;font-weight:600}
.ec2h-btn--primary{background:var(--ec-cobalt);border-color:var(--ec-cobalt);color:#fff}
.ec2-home h2{font-size:22px;letter-spacing:-.01em;margin:0 0 16px}
.ec2h-cats,.ec2h-brands,.ec2h-b2b{padding:34px 0}
.ec2h-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.ec2h-cat{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ec-text)}
.ec2h-cat img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:var(--ec-paper)}
.ec2h-catname{font-weight:600}
.ec2h-catcount{font-size:12px;color:var(--ec-muted)}
.ec2h-brandrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ec2h-brandrow b{font-size:17px;display:block;margin-bottom:4px}
.ec2h-brandrow span{color:var(--ec-muted);font-size:13.5px}
.ec2h-b2b .ec-card{text-align:center;padding:30px}
.ec2h-b2b p{max-width:560px;margin:8px auto 18px;color:var(--ec-muted)}
/* βήμα 10 — full-bleed breakout από τον container του θέματος */
.ec2-home{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.single-page .ec2-home{margin-top:-40px}