/* live.fluxer.ai — designul „business" (din 15.10.2026; pagina principală și cele patru pagini juridice.
   Foaia de stiluri veche a rămas pe server, dar nu mai e legată de nicio pagină).
   Direcția: aproape monocrom (cerneală + gri), UN SINGUR accent albastru închis, colțuri de 2–4px,
   linii subțiri în loc de carduri cu umbre, titluri în propoziție (nu versale), IBM Plex Sans.
   Tema: variabilele stau pe :root (lumina) și se rescriu pe întuneric în două locuri — alegerea
   explicită ([data-theme="dark"]) și sistemul (prefers-color-scheme, gardat cu :not([data-theme="light"])). */

/* FONTURI — găzduite local (fără cereri la terți înainte de consimțământ). */
@font-face {
  font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 100 700; font-display: swap;
  src: url(/fonts/ibm-plex-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 100 700; font-display: swap;
  src: url(/fonts/ibm-plex-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 500; font-display: swap;
  src: url(/fonts/jetbrains-mono-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+2000-206F;
}

/* ICOANE — același subset local ca pe site (53 de glife). O clasă bi-* care nu e aici desenează un pătrat gol. */
@font-face { font-family: 'fluxer-icons'; font-style: normal; font-weight: 400; font-display: block; src: url('/fonts/fluxer-icons.woff2') format('woff2'); }
.bi::before {
  display: inline-block; font-family: 'fluxer-icons' !important; font-style: normal; font-weight: normal !important;
  font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.bi-alarm::before { content: "\f102"; }
.bi-arrow-right::before { content: "\f138"; }
.bi-briefcase::before { content: "\f1cc"; }
.bi-building::before { content: "\f1dd"; }
.bi-bus-front::before { content: "\f87f"; }
.bi-camera::before { content: "\f220"; }
.bi-chat-dots::before { content: "\f24a"; }
.bi-chat-left-text::before { content: "\f252"; }
.bi-check2::before { content: "\f272"; }
.bi-chevron-down::before { content: "\f282"; }
.bi-clock-history::before { content: "\f292"; }
.bi-cone-striped::before { content: "\f2d2"; }
.bi-cookie::before { content: "\f6ee"; }
.bi-diagram-3::before { content: "\f2ee"; }
.bi-envelope::before { content: "\f32f"; }
.bi-globe2::before { content: "\f3ef"; }
.bi-list::before { content: "\f479"; }
.bi-moon-stars::before { content: "\f496"; }
.bi-people::before { content: "\f4d0"; }
.bi-person-badge::before { content: "\f4d3"; }
.bi-shield-check::before { content: "\f52f"; }
.bi-sliders::before { content: "\f56b"; }
.bi-sun::before { content: "\f5a2"; }
.bi-telephone::before { content: "\f5c1"; }
.bi-tools::before { content: "\f5db"; }
.bi-truck::before { content: "\f5ea"; }
.bi-whatsapp::before { content: "\f618"; }
.bi-x-lg::before { content: "\f659"; }

:root {
  --f-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --bg: #ffffff;
  --bg-2: #f6f7f9;
  --surface: #ffffff;
  --ink: #0e1726;
  --ink-2: #3f4a5c;
  --ink-3: #667085;
  --line: #e4e7ec;
  --line-2: #cfd4dc;

  --accent: #1d4ed8;
  --accent-ink: #ffffff;
  --accent-hover: #1a3fae;
  --accent-soft: #eef2fb;
  --ok: #16794f;      /* doar puncte de stare, mici */

  /* banda de CTA și subsolul: închise în ambele teme */
  --dark: #0b111c;
  --dark-2: #111a29;
  --dark-line: #233046;
  --dark-ink: #f1f4f8;
  --dark-mut: #a3aec0;

  --r: 3px;
  --r-sm: 2px;

  --wrap: 1200px;
  --gutter: clamp(16px, 4vw, 40px);
  --sect: clamp(64px, 8vw, 112px);
  --head-h: 68px;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --bg: #0b111c; --bg-2: #0f1724; --surface: #121b2a;
  --ink: #e9edf3; --ink-2: #b4bdcb; --ink-3: #8b96a8;
  --line: #1f2a3b; --line-2: #2c3a50;
  --accent: #6f9bf2; --accent-ink: #0b111c; --accent-hover: #8fb2f6; --accent-soft: #15213a;
  --ok: #46b886;
  --dark: #070b13; --dark-2: #0a101b; --dark-line: #1c2738;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0b111c; --bg-2: #0f1724; --surface: #121b2a;
    --ink: #e9edf3; --ink-2: #b4bdcb; --ink-3: #8b96a8;
    --line: #1f2a3b; --line-2: #2c3a50;
    --accent: #6f9bf2; --accent-ink: #0b111c; --accent-hover: #8fb2f6; --accent-soft: #15213a;
    --ok: #46b886;
    --dark: #070b13; --dark-2: #0a101b; --dark-line: #1c2738;
    color-scheme: dark;
  }
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--head-h) + 8px); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
  margin: 0; font-family: var(--f-sans); font-size: 16px; line-height: 1.6;
  color: var(--ink); background: var(--bg);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
img, svg { max-width: 100%; height: auto; }
a { color: var(--accent); }
.wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.skip { position: absolute; left: -9999px; top: 8px; z-index: 100; background: var(--ink); color: var(--bg); padding: 10px 16px; }
.skip:focus { left: 12px; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

h1, h2, h3 { margin: 0; color: var(--ink); font-weight: 600; letter-spacing: -.015em; line-height: 1.25; }
p { margin: 0; color: var(--ink-2); }

/* ——— butoane: dreptunghiulare, fără ridicare, fără umbre ——— */
.btn {
  --b-bg: var(--accent); --b-ink: var(--accent-ink); --b-line: var(--accent);
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 44px; padding: 10px 20px; border-radius: var(--r-sm);
  background: var(--b-bg); color: var(--b-ink); border: 1px solid var(--b-line);
  font: 500 15px/1.2 var(--f-sans); text-decoration: none; cursor: pointer; white-space: nowrap;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.btn:hover { --b-bg: var(--accent-hover); --b-line: var(--accent-hover); }
.btn i { font-size: 16px; }
.btn-2 { --b-bg: transparent; --b-ink: var(--ink); --b-line: var(--line-2); }
.btn-2:hover { --b-bg: transparent; --b-line: var(--ink); --b-ink: var(--ink); }
.btn-lg { min-height: 52px; padding: 14px 24px; font-size: 16px; }
.btn-sm { min-height: 38px; padding: 8px 16px; font-size: 14px; }
.btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
@media (max-width: 480px) { .btns .btn { width: 100%; } }

.link { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 500; color: var(--accent); text-decoration: none; }
.link:hover { text-decoration: underline; text-underline-offset: 3px; }
.link i { transition: transform .15s ease; }
.link:hover i { transform: translateX(3px); }

/* ——— antet ———
   Peste hero e TRANSPARENT (text alb pe fotografie); după primul scroll, sau cu meniul deschis,
   devine plin (`.solid`), pe culorile temei. */
.head {
  --logo-bg: var(--ink); --logo-fg: var(--bg);
  position: sticky; top: 0; z-index: 50; background: var(--bg); border-bottom: 1px solid var(--line);
  transition: background-color .25s ease, border-color .25s ease;
}
.head.peste:not(.solid) {
  --ink: #ffffff; --ink-2: rgba(255,255,255,.82); --line: rgba(255,255,255,.18); --bg: #0b111c;
  --logo-bg: #ffffff; --logo-fg: #0b111c;
  background: transparent; border-bottom-color: rgba(255,255,255,.12);
}
.head-in { display: flex; align-items: center; gap: 20px; height: var(--head-h); }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; margin-right: auto; }
.brand svg { width: 28px; height: 28px; flex: none; }
.brand .nume { font-weight: 600; font-size: 17px; color: var(--ink); letter-spacing: -.01em; }
.nav { display: flex; gap: 28px; }
.nav a { font-size: 15px; color: var(--ink-2); text-decoration: none; padding-block: 6px; border-bottom: 1px solid transparent; transition: color .15s ease, border-color .15s ease; }
.nav a:hover { color: var(--ink); }
.nav a.activ { color: var(--ink); border-bottom-color: var(--accent); }
.head-tel { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 500; color: var(--ink); text-decoration: none; white-space: nowrap; padding-left: 20px; border-left: 1px solid var(--line); }
.head-tel:hover { color: var(--accent); }
.ico-btn {
  width: 38px; height: 38px; flex: none; display: inline-flex; align-items: center; justify-content: center;
  background: transparent; border: 1px solid var(--line); border-radius: var(--r-sm);
  color: var(--ink); font-size: 16px; cursor: pointer;
}
.ico-btn:hover { border-color: var(--ink); }
.burger { display: none; }
@media (max-width: 1080px) {
  .nav, .head-tel { display: none; }
  .burger { display: inline-flex; }
}
@media (max-width: 480px) { .head-cta { display: none; } }

.meniu {
  display: none; flex-direction: column; position: absolute; left: 0; right: 0; top: 100%;
  background: var(--bg); border-bottom: 1px solid var(--line); padding: 4px var(--gutter) 20px;
}
.meniu[data-deschis="1"] { display: flex; }
.meniu a { padding: 14px 0; text-decoration: none; font-size: 17px; color: var(--ink); border-bottom: 1px solid var(--line); }
.meniu .btn { margin-top: 18px; border-bottom: 1px solid var(--b-line); color: var(--b-ink); }

/* ——— hero: pe toată lățimea, închis în ambele teme ———
   Variabilele de culoare se rescriu LOCAL, ca jurnalul, faptele și butoanele să se așeze singure pe fotografie.
   Urcă sub antetul lipicios (margin-top negativ), ca fotografia să înceapă din vârful ferestrei. */
.hero {
  --ink: #f4f6fa; --ink-2: rgba(244,246,250,.80); --ink-3: rgba(244,246,250,.60);
  --line: rgba(255,255,255,.14); --line-2: rgba(255,255,255,.22);
  --surface: rgba(10,16,28,.62); --bg-2: rgba(255,255,255,.04); --ok: #4cc38a;
  --accent: #2f62e8; --accent-ink: #ffffff; --accent-hover: #2552cf; --h-accent: #9db9ff;
  position: relative; overflow: hidden; isolation: isolate;
  margin-top: calc(-1 * var(--head-h) - 1px); padding-top: var(--head-h);
  min-height: min(100svh, 960px); display: flex; flex-direction: column; justify-content: center;
  background: #0a0f19; color: var(--ink-2);
}
.hero-foto { position: absolute; inset: -12% 0; z-index: -2; will-change: transform; }
.hero-foto::before {
  content: ""; position: absolute; inset: 0;
  background: url('/img/hero.webp') 68% 55% / cover no-repeat;
  animation: hero-zoom 2.4s cubic-bezier(.2,.7,.2,1) both;
}
@media (max-width: 760px) { .hero-foto::before { background-image: url('/img/hero-m.webp'); background-position: 60% 50%; } }
@keyframes hero-zoom { from { transform: scale(1.09); opacity: .4; } to { transform: none; opacity: 1; } }
.hero-voal {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(180deg, rgba(7,11,19,.70) 0%, rgba(7,11,19,0) 22%, rgba(7,11,19,0) 58%, rgba(7,11,19,.92) 100%),
    linear-gradient(90deg, rgba(7,11,19,.94) 0%, rgba(7,11,19,.78) 34%, rgba(7,11,19,.25) 66%, rgba(7,11,19,.10) 100%);
}
@media (max-width: 960px) {
  .hero-voal { background: linear-gradient(180deg, rgba(7,11,19,.80) 0%, rgba(7,11,19,.70) 50%, rgba(7,11,19,.94) 100%); }
}
.hero-in {
  display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(32px, 5vw, 88px);
  align-items: center; padding-block: clamp(56px, 9vw, 120px) clamp(40px, 6vw, 72px);
}
@media (max-width: 960px) { .hero-in { grid-template-columns: minmax(0, 1fr); } }
.hero h1 { font-size: clamp(2.5rem, 5.8vw, 4.6rem); line-height: 1.02; letter-spacing: -.035em; font-weight: 600; color: var(--ink); }
.h-rand { display: block; }
.h-accent { color: var(--h-accent); }
.lede { font-size: clamp(1.05rem, 1.35vw, 1.22rem); line-height: 1.6; max-width: 54ch; margin-top: 26px; }
.hero-nota { margin-top: 18px; font-size: 14px; color: var(--ink-3); }
.btn-alb { --b-bg: rgba(255,255,255,.04); --b-ink: #fff; --b-line: rgba(255,255,255,.42); backdrop-filter: blur(6px); }
.btn-alb:hover { --b-bg: #fff; --b-ink: #0b111c; --b-line: #fff; }

/* intrarea titlului: rândurile urcă pe rând, o singură dată */
.hero .h-rand, .hero .lede, .hero .btns, .hero .hero-nota { animation: urca .9s cubic-bezier(.2,.7,.2,1) both; }
.hero .h-rand:nth-child(2) { animation-delay: .12s; }
.hero .lede { animation-delay: .24s; }
.hero .btns { animation-delay: .36s; }
.hero .hero-nota { animation-delay: .46s; }
@keyframes urca { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }

/* Jurnalul de conversații: sticlă peste fotografie; rândurile „intră" pe rând, ca într-o zi care curge. */
.jurnal {
  margin: 0; border: 1px solid var(--line-2); border-radius: var(--r); background: var(--surface);
  backdrop-filter: blur(16px) saturate(1.15); -webkit-backdrop-filter: blur(16px) saturate(1.15);
  box-shadow: 0 30px 80px -30px rgba(0,0,0,.7); will-change: transform;
}
.jurnal-cap {
  display: flex; justify-content: space-between; align-items: center; padding: 14px 18px;
  border-bottom: 1px solid var(--line); font-size: 13.5px; font-weight: 500; color: var(--ink-2);
}
.jurnal-live { display: inline-flex; align-items: center; gap: 7px; color: var(--ink-3); font-weight: 400; }
.dot { position: relative; width: 7px; height: 7px; border-radius: 50%; background: var(--ok); display: inline-block; }
.dot::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 1px solid var(--ok); animation: puls 2s ease-out infinite; }
@keyframes puls { from { opacity: .8; transform: scale(.6); } to { opacity: 0; transform: scale(1.8); } }
.jurnal-lista { list-style: none; margin: 0; padding: 0; }
.jurnal-lista li {
  display: grid; grid-template-columns: 48px 112px minmax(0, 1fr); grid-template-areas: "ora canal text" ". . stare";
  gap: 4px 12px; padding: 14px 18px; border-bottom: 1px solid var(--line); align-items: baseline;
  animation: rand-in .6s cubic-bezier(.2,.7,.2,1) both;
}
.jurnal-lista li:nth-child(1) { animation-delay: .7s; }
.jurnal-lista li:nth-child(2) { animation-delay: 1.15s; }
.jurnal-lista li:nth-child(3) { animation-delay: 1.6s; }
.jurnal-lista li:nth-child(4) { animation-delay: 2.05s; }
.jurnal-lista li .j-stare { animation: stare-in .5s ease both; animation-delay: inherit; }
.jurnal-lista li:nth-child(1) .j-stare { animation-delay: 1.05s; }
.jurnal-lista li:nth-child(2) .j-stare { animation-delay: 1.5s; }
.jurnal-lista li:nth-child(3) .j-stare { animation-delay: 1.95s; }
.jurnal-lista li:nth-child(4) .j-stare { animation-delay: 2.4s; }
@keyframes rand-in { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }
@keyframes stare-in { from { opacity: 0; } to { opacity: 1; } }
.j-ora { grid-area: ora; font-family: var(--f-mono); font-size: 12.5px; color: var(--ink-3); }
.j-canal { grid-area: canal; display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 500; color: var(--ink); white-space: nowrap; }
.j-canal i { color: var(--ink-3); font-size: 14px; }
.j-text { grid-area: text; font-size: 14.5px; color: var(--ink); }
.j-stare { grid-area: stare; display: inline-flex; align-items: center; gap: 7px; font-size: 13px; color: var(--ink-3); }
.j-stare::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--ok); flex: none; }
.j-stare.om::before { background: var(--h-accent); }
.jurnal-jos { padding: 14px 18px; font-size: 13.5px; color: var(--ink-3); background: var(--bg-2); }
@media (max-width: 520px) {
  .jurnal-lista li { grid-template-columns: 44px minmax(0, 1fr); grid-template-areas: "ora canal" ". text" ". stare"; }
}

.fapte {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0;
  border-top: 1px solid var(--line);
}
.fapte > div { padding: 28px 24px 34px 0; }
.fapte > div + div { padding-left: 24px; border-left: 1px solid var(--line); }
.fapte dt { font-size: clamp(1.5rem, 2.4vw, 2.1rem); font-weight: 500; letter-spacing: -.02em; color: var(--ink); }
.fapte dd { margin: 6px 0 0; font-size: 14px; line-height: 1.5; color: var(--ink-3); max-width: 30ch; }
@media (max-width: 820px) {
  .fapte { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fapte > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .fapte > div:nth-child(n+3) { border-top: 1px solid var(--line); }
}

/* ——— secțiuni ——— */
.sect { padding-block: var(--sect); }
.sect-alt { background: var(--bg-2); border-block: 1px solid var(--line); }
/* Antetul secțiunii pe două coloane: titlul la stânga, explicația la dreapta. */
.sect-head {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 64px;
  align-items: end; margin-bottom: clamp(36px, 5vw, 56px);
}
.sect-head h2 { font-size: clamp(1.75rem, 3.2vw, 2.5rem); line-height: 1.12; letter-spacing: -.025em; max-width: 24ch; }
.sect-head p { font-size: 17px; line-height: 1.6; max-width: 54ch; }
@media (max-width: 820px) { .sect-head { grid-template-columns: minmax(0, 1fr); } }

/* canale: rânduri de tabel, nu carduri */
.tabel-canale { border-top: 1px solid var(--ink); }
.tabel-canale .rand {
  display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 2.4fr); gap: 8px 40px;
  padding: 22px 0; border-bottom: 1px solid var(--line); align-items: baseline;
}
.r-nume { display: inline-flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 600; color: var(--ink); }
.r-nume i { font-size: 18px; color: var(--ink-3); }
.tabel-canale p { font-size: 16px; }
@media (max-width: 640px) { .tabel-canale .rand { grid-template-columns: minmax(0, 1fr); } }

/* industrii: file verticale + panou cu fotografie */
.ind { display: grid; grid-template-columns: minmax(0, 280px) minmax(0, 1fr); border: 1px solid var(--line-2); border-radius: var(--r); background: var(--surface); overflow: hidden; }
.ind-file { display: flex; flex-direction: column; border-right: 1px solid var(--line); padding: 8px 0; }
.ind-file button {
  position: relative; display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; cursor: pointer;
  padding: 16px 22px; background: none; border: 0;
  font: 400 15.5px/1.35 var(--f-sans); color: var(--ink-2); transition: color .15s ease, background-color .15s ease;
}
.ind-file button::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--accent); transform: scaleY(0); transition: transform .25s ease; }
.ind-file button i { font-size: 16px; color: var(--ink-3); transition: color .15s ease; }
.ind-file button:hover { color: var(--ink); background: var(--bg-2); }
.ind-file button[aria-selected="true"] { color: var(--ink); font-weight: 600; background: var(--accent-soft); }
.ind-file button[aria-selected="true"]::before { transform: none; }
.ind-file button[aria-selected="true"] i { color: var(--accent); }
.ind-panou { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); }
@media (min-width: 861px) { .ind[data-file="1"] .ind-panou { min-height: 100%; } }
.ind-txt { padding: clamp(28px, 4vw, 48px); display: flex; flex-direction: column; }
.ind-txt h3 { font-size: clamp(1.3rem, 2vw, 1.6rem); letter-spacing: -.02em; }
.ind-act { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; margin-top: auto; padding-top: 28px; }
.ind-act::before { content: ""; flex-basis: 100%; height: 1px; background: var(--line); margin-bottom: 4px; }
.ind-foto { margin: 0; order: 2; position: relative; overflow: hidden; min-height: 340px; background: #0b111c; }
.ind-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
/* la fiecare filă aleasă, fotografia „se apropie" ușor și textul apare — animația repornește când panoul revine din display:none */
.ind[data-file="1"] .ind-panou:not([hidden]) .ind-foto img { animation: kb 1.6s cubic-bezier(.2,.7,.2,1) both; }
.ind[data-file="1"] .ind-panou:not([hidden]) .ind-txt { animation: urca .55s cubic-bezier(.2,.7,.2,1) both; }
@keyframes kb { from { transform: scale(1.08); opacity: .5; } to { transform: none; opacity: 1; } }
.ind[data-file="1"] .ind-panou[hidden] { display: none !important; }
/* fără JS nu există file: panourile stau toate, unul sub altul */
.ind:not([data-file="1"]) { grid-template-columns: minmax(0, 1fr); }
.ind:not([data-file="1"]) .ind-panou + .ind-panou, .ind-panou + .ind-panou { border-top: 1px solid var(--line); }
@media (max-width: 1000px) {
  .ind-panou { grid-template-columns: minmax(0, 1fr); }
  .ind-foto { order: 0; min-height: 0; aspect-ratio: 16 / 9; }
}
@media (max-width: 860px) {
  .ind, .ind[data-file="1"] { grid-template-columns: minmax(0, 1fr); }
  .ind[data-file="1"] .ind-file { display: none; }
  .ind[data-file="1"] .ind-panou[hidden] { display: grid !important; }
}

.bife { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 12px; }
.bife li { position: relative; padding-left: 30px; font-size: 16.5px; line-height: 1.5; color: var(--ink-2); }
.bife li::before {
  content: ""; position: absolute; left: 2px; top: .42em; width: 12px; height: 7px;
  border-left: 2px solid var(--accent); border-bottom: 2px solid var(--accent); transform: rotate(-45deg);
}

/* acces: o matrice simplă */
.matrice { border-top: 1px solid var(--ink); }
.m-rand { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(0, 1.6fr) minmax(0, 1.3fr); gap: 8px 40px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.m-rand > span { font-size: 15.5px; color: var(--ink-2); line-height: 1.55; }
.m-rand > span:first-child { display: inline-flex; align-items: baseline; gap: 12px; font-size: 17px; font-weight: 600; color: var(--ink); }
.m-rand > span:first-child i { color: var(--ink-3); font-size: 17px; }
.m-cap { padding: 12px 0; }
.m-cap > span, .m-cap > span:first-child { font-size: 13px; font-weight: 500; color: var(--ink-3); }
@media (max-width: 760px) {
  .m-rand { grid-template-columns: minmax(0, 1fr); }
  .m-cap { display: none; }
}
.nota-lata { display: flex; align-items: baseline; gap: 10px; margin-top: 24px; font-size: 14.5px; color: var(--ink-3); }
.nota-lata i { color: var(--ink-2); }

/* trei coloane cu linie de sus */
.coloane-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.col { border-top: 1px solid var(--ink); padding-top: 26px; }
.col > i { font-size: 22px; color: var(--accent); }
.col h3 { font-size: 19px; margin-top: 18px; }
.col p { margin-top: 10px; font-size: 15.5px; line-height: 1.65; }
@media (max-width: 860px) { .coloane-3 { grid-template-columns: minmax(0, 1fr); gap: 32px; } }
.nota-tehnica { margin-top: 48px; padding: 18px 22px; border: 1px solid var(--line-2); border-radius: var(--r); background: var(--surface); font-size: 15px; }
.nota-tehnica b { color: var(--ink); font-weight: 600; }

/* pași: linie orizontală cu marcaje */
.pasi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; position: relative; }
.pasi::before { content: ""; position: absolute; left: 0; right: 0; top: 19px; height: 1px; background: var(--line-2); }
.pasi li { position: relative; }
.pasi .nr {
  position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px;
  border: 1px solid var(--ink); border-radius: var(--r-sm); background: var(--bg); font-weight: 600; font-size: 16px; color: var(--ink);
}
.pasi h3 { font-size: 19px; margin-top: 22px; }
.pasi p { margin-top: 10px; font-size: 15.5px; line-height: 1.65; max-width: 36ch; }
@media (max-width: 860px) {
  .pasi { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .pasi::before { left: 19px; right: auto; top: 0; bottom: 0; width: 1px; height: auto; }
  .pasi li { padding-left: 64px; }
  .pasi .nr { position: absolute; left: 0; top: 0; }
  .pasi h3 { margin-top: 6px; }
}

/* banda de testare: închisă, singurul loc „greu" al paginii */
.banda { background: var(--dark); color: var(--dark-mut); padding-block: var(--sect); }
.banda h2 { color: var(--dark-ink); font-size: clamp(1.75rem, 3.2vw, 2.5rem); line-height: 1.12; letter-spacing: -.025em; }
.banda-sus { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px 48px; }
.banda-sus p { color: var(--dark-mut); margin-top: 14px; font-size: 17px; max-width: 52ch; }
.banda-nr { font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 500; letter-spacing: -.02em; color: var(--dark-ink); text-decoration: none; line-height: 1; border-bottom: 1px solid var(--dark-line); padding-bottom: 8px; }
.banda-nr:hover { border-bottom-color: var(--dark-ink); }
.cai { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(40px, 5vw, 64px); border-top: 1px solid var(--dark-line); }
.cale {
  display: flex; flex-direction: column; align-items: flex-start; gap: 0; text-align: left;
  padding: 28px 28px 30px 0; color: inherit; text-decoration: none; cursor: pointer;
  background: none; border: 0; font: inherit;
  transition: background-color .15s ease;
}
.cale + .cale { padding-left: 28px; border-left: 1px solid var(--dark-line); }
.cale > i { font-size: 20px; color: var(--dark-ink); }
.cale h3 { color: var(--dark-ink); font-size: 17px; margin-top: 18px; }
.cale p { color: var(--dark-mut); font-size: 14.5px; margin-top: 8px; line-height: 1.55; }
.cale-act { margin-top: auto; padding-top: 20px; display: inline-flex; align-items: center; gap: 8px; color: var(--dark-ink); font-size: 14.5px; font-weight: 500; }
.cale-act i { transition: transform .15s ease; }
.cale:hover .cale-act i { transform: translateX(4px); }
.cale:hover h3 { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
@media (max-width: 960px) {
  .cai { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cale:nth-child(3) { padding-left: 0; border-left: 0; }
  .cale:nth-child(n+3) { border-top: 1px solid var(--dark-line); }
}
@media (max-width: 520px) {
  .cai { grid-template-columns: minmax(0, 1fr); }
  .cale, .cale + .cale { padding: 24px 0; border-left: 0; }
  .cale + .cale { border-top: 1px solid var(--dark-line); }
}
.banda .ck-locul { margin-top: 24px; max-width: 640px; border-color: var(--dark-line); background: var(--dark-2); }
.banda .ck-locul p { color: var(--dark-mut); }
.banda .ck-locul strong { color: var(--dark-ink); }
.banda .ck-locul .btn-2 { --b-ink: var(--dark-ink); --b-line: var(--dark-line); }

/* întrebări */
.faq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 32px 64px; align-items: start; }
.faq-cap h2 { font-size: clamp(1.75rem, 3.2vw, 2.5rem); line-height: 1.12; letter-spacing: -.025em; }
.faq-cap p { margin-top: 16px; font-size: 16px; max-width: 40ch; }
.faq-lista { border-top: 1px solid var(--ink); }
.faq-lista details { border-bottom: 1px solid var(--line); }
.faq-lista summary {
  list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 24px;
  padding: 20px 0; font-size: 17px; font-weight: 500; color: var(--ink);
}
.faq-lista summary::-webkit-details-marker { display: none; }
.faq-lista summary::after {
  content: ""; flex: none; width: 9px; height: 9px; margin-right: 4px;
  border-right: 1.5px solid var(--ink-2); border-bottom: 1.5px solid var(--ink-2);
  transform: translateY(-3px) rotate(45deg); transition: transform .18s ease;
}
.faq-lista details[open] summary::after { transform: translateY(2px) rotate(-135deg); }
.faq-lista summary:hover { color: var(--accent); }
.faq-lista details p { padding: 0 40px 22px 0; font-size: 16px; line-height: 1.65; }
@media (max-width: 860px) { .faq { grid-template-columns: minmax(0, 1fr); } }

/* subsol */
.foot { background: var(--dark); color: var(--dark-mut); border-top: 1px solid var(--dark-line); }
.foot-sus { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 40px 56px; padding-block: clamp(48px, 6vw, 80px); }
.foot .brand .nume { color: var(--dark-ink); }
.foot-brand p { color: var(--dark-mut); font-size: 14.5px; line-height: 1.65; margin-top: 16px; max-width: 40ch; }
.foot-col { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; font-size: 14.5px; }
.foot-col h3 { font-size: 14px; font-weight: 600; color: var(--dark-ink); letter-spacing: 0; margin-bottom: 4px; }
.foot-col a { color: var(--dark-mut); text-decoration: none; }
.foot-col a:hover { color: var(--dark-ink); }
.foot-jos { border-top: 1px solid var(--dark-line); }
.foot-jos-in { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 28px; padding-block: 20px; font-size: 13.5px; }
.foot-jos a { color: var(--dark-mut); text-decoration: none; }
.foot-jos a:hover { color: var(--dark-ink); }
.foot-jos nav { display: flex; flex-wrap: wrap; gap: 8px 22px; }
@media (max-width: 960px) {
  .foot-sus { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .foot-brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) { .foot-sus { grid-template-columns: minmax(0, 1fr); } }

/* ═══ ACCENTE ȘI MIȘCARE ═════════════════════════════════════════════════════════════════════
   Discrete și o singură dată: aparițiile la derulare (clasa .rv o pune JS-ul — fără JS nu se ascunde nimic),
   bara de accent de deasupra titlurilor, linia pașilor care se desenează. Totul cade la reduced-motion. */
.rv { opacity: 0; transform: translateY(20px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); transition-delay: var(--d, 0s); }
.rv.in { opacity: 1; transform: none; }

.sect-head h2::before, .faq-cap h2::before, .banda h2::before {
  content: ""; display: block; width: 44px; height: 3px; background: var(--accent); margin-bottom: 24px;
  transform-origin: left; transition: transform .9s cubic-bezier(.2,.7,.2,1) .15s;
}
.banda h2::before { background: #6f9bf2; }
.rv:not(.in) h2::before { transform: scaleX(0); }

/* canale: rândul se aprinde la hover */
.tabel-canale .rand { position: relative; padding-inline: 18px; margin-inline: -18px; transition: background-color .2s ease; }
.tabel-canale .rand::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--accent); transform: scaleY(0); transform-origin: top; transition: transform .25s ease; }
.tabel-canale .rand:hover { background: linear-gradient(90deg, var(--accent-soft), transparent 75%); }
.tabel-canale .rand:hover::before { transform: none; }
.tabel-canale .rand:hover .r-nume i { color: var(--accent); }
.r-nume i { transition: color .2s ease; }
@media (max-width: 640px) { .tabel-canale .rand { padding-inline: 0; margin-inline: 0; } .tabel-canale .rand::before { display: none; } }

/* matricea de acces: aceeași lumină discretă */
.m-rand:not(.m-cap) { transition: background-color .2s ease; }
.m-rand:not(.m-cap):hover { background: linear-gradient(90deg, var(--accent-soft), transparent 75%); }

/* coloanele: bara de accent crește peste linia de sus */
.col { position: relative; border-top-color: var(--line-2); }
.col::before { content: ""; position: absolute; left: 0; top: -1px; width: 72px; height: 2px; background: var(--accent); transform-origin: left; transition: transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--d, 0s) + .2s); }
.col.rv:not(.in)::before { transform: scaleX(0); }

/* pașii: linia se desenează, marcajele se aprind pe rând */
.pasi::before { transform-origin: left; transition: transform 1.4s cubic-bezier(.2,.7,.2,1); }
.pasi.rv:not(.in)::before { transform: scaleX(0); }
.pasi.rv { opacity: 1; transform: none; }
.pasi .nr { transition: background-color .4s ease, color .4s ease, border-color .4s ease; }
.pasi.in li:nth-child(1) .nr { transition-delay: .3s; }
.pasi.in li:nth-child(2) .nr { transition-delay: .75s; }
.pasi.in li:nth-child(3) .nr { transition-delay: 1.2s; }
.pasi.in .nr { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
@media (max-width: 860px) { .pasi::before { transform-origin: top; } .pasi.rv:not(.in)::before { transform: scaleY(0); } }

/* ——— declarația: bandă pe toată lățimea, fotografie în paralaxă ——— */
.declaratie {
  position: relative; overflow: hidden; isolation: isolate; background: #0a0f19;
  min-height: clamp(440px, 64vh, 680px); display: flex; align-items: center;
}
.decl-foto { position: absolute; inset: -16% 0; z-index: -2; background: url('/img/banda.webp') center 40% / cover no-repeat; will-change: transform; }
@media (max-width: 760px) { .decl-foto { background-image: url('/img/banda-m.webp'); background-position: 30% 50%; } }
.decl-voal { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(7,11,19,.90) 0%, rgba(7,11,19,.66) 46%, rgba(7,11,19,.18) 100%); }
@media (max-width: 760px) { .decl-voal { background: rgba(7,11,19,.72); } }
.decl-in { padding-block: clamp(72px, 9vw, 120px); }
.decl-text { color: #fff; font-size: clamp(1.9rem, 4.2vw, 3.4rem); line-height: 1.1; letter-spacing: -.03em; font-weight: 600; max-width: 26ch; }
.decl-text span { color: #9db9ff; }
.decl-text::before { content: ""; display: block; width: 44px; height: 3px; background: #6f9bf2; margin-bottom: 28px; }
.decl-sub { color: rgba(244,246,250,.78); font-size: 17px; line-height: 1.6; max-width: 52ch; margin-top: 24px; }

/* banda de testare: o lumină de accent în colț */
.banda { position: relative; overflow: hidden; isolation: isolate; }
.banda::before {
  content: ""; position: absolute; z-index: -1; width: 900px; height: 900px; right: -260px; top: -520px; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(47,98,232,.38), rgba(47,98,232,0));
}
.cale { position: relative; }
.cale::after { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: #6f9bf2; transform: scaleX(0); transform-origin: left; transition: transform .35s ease; }
.cale + .cale::after { left: 28px; }
.cale:hover::after { transform: none; }
@media (max-width: 520px) { .cale + .cale::after { left: 0; } }

@media (prefers-reduced-motion: reduce) {
  .rv { opacity: 1; transform: none; }
  .hero-foto::before, .hero .h-rand, .hero .lede, .hero .btns, .hero .hero-nota, .jurnal-lista li, .jurnal-lista li .j-stare,
  .ind-foto img, .ind-txt, .dot::after { animation: none !important; }
}

/* ═══ DOCUMENTE — termeni, confidențialitate, GDPR, cookie ═══════════════════════════════════════
   Același vocabular ca pagina principală: antet plin, titlu cu bara de accent, linii subțiri în loc de cutii,
   tabele cu linie de cerneală sus. Textul e lung, deci totul servește cititului: coloană de ~72 de caractere,
   cuprins lipicios pe lat, capitole despărțite de o linie. */
.doc-hero { padding-top: clamp(48px, 6vw, 88px); border-bottom: 1px solid var(--line); background: var(--bg-2); }
.doc-hero h1 { font-size: clamp(2rem, 4.4vw, 3.1rem); line-height: 1.08; letter-spacing: -.03em; max-width: 22ch; }
.doc-hero h1::before { content: ""; display: block; width: 44px; height: 3px; background: var(--accent); margin-bottom: 24px; }
.doc-hero .lede { margin-top: 20px; max-width: 64ch; font-size: clamp(1.02rem, 1.25vw, 1.14rem); }
.doc-meta { display: flex; flex-wrap: wrap; gap: 6px 0; margin-top: 24px; font-size: 14px; color: var(--ink-3); }
.doc-meta span { padding-right: 14px; margin-right: 14px; border-right: 1px solid var(--line-2); line-height: 1.3; }
.doc-meta span:last-child { padding-right: 0; margin-right: 0; border-right: 0; }

/* celelalte documente: rând de patru, ca faptele din hero; cel curent are bara de accent deasupra */
.doc-fratii { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(36px, 4.5vw, 56px); border-top: 1px solid var(--line-2); }
.doc-fratii a {
  position: relative; display: block; padding: 18px 20px 20px 0;
  font-size: 15px; font-weight: 500; line-height: 1.35; color: var(--ink-2); text-decoration: none;
  transition: color .15s ease;
}
.doc-fratii a + a { padding-left: 20px; border-left: 1px solid var(--line); }
.doc-fratii a::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.doc-fratii a:hover { color: var(--ink); }
.doc-fratii a:hover::before { transform: scaleX(.35); }
.doc-fratii a[aria-current="page"] { color: var(--ink); font-weight: 600; }
.doc-fratii a[aria-current="page"]::before { transform: none; }
@media (max-width: 760px) {
  .doc-fratii { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .doc-fratii a:nth-child(3) { padding-left: 0; border-left: 0; }
  .doc-fratii a:nth-child(n+3) { border-top: 1px solid var(--line); }
}

.doc-corp { padding-block: clamp(48px, 6vw, 88px) var(--sect); }
.doc-corp .wrap { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
@media (max-width: 940px) { .doc-corp .wrap { grid-template-columns: minmax(0, 1fr); } }

.toc { position: sticky; top: calc(var(--head-h) + 32px); max-height: calc(100vh - var(--head-h) - 64px); overflow-y: auto; }
.toc h2 { font-size: 15px; font-weight: 600; letter-spacing: 0; padding-bottom: 12px; border-bottom: 1px solid var(--ink); }
.toc ol { list-style: none; margin: 0; padding: 0; }
.toc a {
  display: block; padding: 9px 0 9px 14px; border-left: 2px solid transparent;
  font-size: 14px; line-height: 1.4; color: var(--ink-2); text-decoration: none;
  transition: color .15s ease, border-color .15s ease, background-color .15s ease;
}
.toc li + li a { border-top: 1px solid var(--line); }
.toc a:hover { color: var(--ink); background: var(--bg-2); }
.toc a.activ { color: var(--ink); font-weight: 500; border-left-color: var(--accent); }
@media (max-width: 940px) {
  .toc { position: static; max-height: none; overflow: visible; }
  .toc ol { columns: 2; column-gap: 40px; }
  .toc li { break-inside: avoid; }
  .toc a { padding-left: 0; border-left: 0; }
  .toc li + li a { border-top: 0; }
  .toc li a { border-bottom: 1px solid var(--line); }
}
@media (max-width: 560px) { .toc ol { columns: 1; } }

.doc { max-width: 74ch; min-width: 0; }
.doc h2 {
  display: flex; align-items: baseline; gap: 14px;
  margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--line);
  font-size: clamp(1.28rem, 1.9vw, 1.5rem); line-height: 1.25; letter-spacing: -.02em;
}
.doc > h2:first-child, .doc > .doc-caseta:first-child + h2 { margin-top: 0; padding-top: 0; border-top: 0; }
.doc > .doc-caseta:first-child + h2 { margin-top: 48px; }
.doc h2 .nr { flex: none; min-width: 1.6em; font-weight: 500; color: var(--accent); font-variant-numeric: tabular-nums; }
.doc h3 { font-size: 17px; margin-top: 32px; letter-spacing: -.01em; }
.doc p { font-size: 16px; line-height: 1.72; margin-top: 14px; }
.doc ul, .doc ol { margin: 14px 0 0; padding-left: 22px; color: var(--ink-2); font-size: 16px; line-height: 1.68; }
.doc li { margin-top: 8px; padding-left: 4px; }
.doc li::marker { color: var(--ink-3); }
.doc strong { color: var(--ink); font-weight: 600; }
.doc a { color: var(--accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.doc a:hover { color: var(--accent-hover); }
.doc code { font-family: var(--f-mono); font-size: .86em; padding: 1px 5px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--bg-2); color: var(--ink); }
.doc sup { line-height: 0; }

/* tabelele juridice: linie de cerneală sus, rânduri despărțite de linii; pe telefon se derulează pe orizontală */
.doc-tabel { margin-top: 20px; overflow-x: auto; border-top: 1px solid var(--ink); }
.doc-tabel table { border-collapse: collapse; width: 100%; min-width: 560px; font-size: 14.5px; }
.doc-tabel th, .doc-tabel td { text-align: left; padding: 12px 16px 12px 0; border-bottom: 1px solid var(--line); vertical-align: top; line-height: 1.55; color: var(--ink-2); }
.doc-tabel th:last-child, .doc-tabel td:last-child { padding-right: 0; }
.doc-tabel thead th { font-size: 13px; font-weight: 500; color: var(--ink-3); }
.doc-tabel tbody th { width: 30%; font-weight: 600; color: var(--ink); }
.doc-tabel td code { white-space: nowrap; }
/* tabelele „cheie — valoare" (fără cap de tabel) nu se derulează: pe telefon, eticheta trece deasupra valorii */
.doc-tabel table:not(:has(thead)) { min-width: 0; }
@media (max-width: 560px) {
  .doc-tabel table:not(:has(thead)) tr > * { display: block; width: auto; }
  .doc-tabel table:not(:has(thead)) tbody th { padding-bottom: 2px; border-bottom: 0; }
  .doc-tabel table:not(:has(thead)) td { padding-top: 0; }
  .doc-meta { flex-direction: column; }
  .doc-meta span { padding-right: 0; margin-right: 0; border-right: 0; }
}

/* casetele: o notă încadrată, ca nota tehnică; „verde" (rezumatul, încheierea) e cea pe fondul accentului */
.doc-caseta { margin-top: 32px; padding: 22px 24px; border: 1px solid var(--line-2); border-radius: var(--r); background: var(--surface); }
.doc-caseta.verde { background: var(--accent-soft); border-color: var(--line); }
.doc-caseta > h3 { margin-top: 0; font-size: 17px; }
.doc-caseta > h3 + p { margin-top: 8px; }
.doc-caseta > p:first-child { margin-top: 0; }
.doc > .doc-caseta:first-child { margin-top: 0; }
.doc > .doc-caseta:last-child { margin-top: 56px; }

/* ═══ CONSIMȚĂMÂNT — marcajul vine din /js/cookie.js; aici doar haina nouă ════════════════════════ */
.ck { position: fixed; inset: auto 0 0 0; z-index: 80; padding: 0 var(--gutter) max(12px, env(safe-area-inset-bottom)); pointer-events: none; }
.ck-cutie {
  pointer-events: auto; width: 100%; max-width: 880px; margin-inline: auto;
  background: var(--surface); border: 1px solid var(--line-2); border-radius: var(--r);
  box-shadow: 0 18px 40px -20px rgba(0,0,0,.45);
  padding: 16px 18px; max-height: min(80vh, 620px); overflow-y: auto;
}
.ck-titlu { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; color: var(--ink); }
.ck-titlu i { color: var(--ink-2); font-size: 16px; }
.ck-cutie > p { font-size: 13.8px; line-height: 1.55; margin-top: 6px; max-width: 82ch; }
.ck-cutie a { color: var(--accent); }
.ck-btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; align-items: center; }
.ck-btns .btn { min-height: 38px; padding: 8px 16px; font-size: 13.5px; }
.ck-btns .btn i { font-size: 14px; }
.ck-btns .spatiu { flex: 1 1 auto; }
@media (max-width: 620px) {
  .ck-btns .btn { flex: 1 1 calc(50% - 4px); padding: 8px; gap: 0; }
  .ck-btns .btn i, .ck-btns .spatiu { display: none; }
  .ck-btns .btn[data-ck="comuta"], .ck-btns .btn[data-ck="salveaza"], .ck-locul .btn { flex: 1 1 100%; }
}
.ck-setari { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 6px; }
.ck-rand { display: flex; gap: 12px; align-items: flex-start; padding: 11px 0; border-bottom: 1px solid var(--line); }
.ck-rand:last-of-type { border-bottom: 0; }
.ck-rand .txt { flex: 1 1 auto; min-width: 0; }
.ck-rand h3 { font-size: 14px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ck-rand p { font-size: 13px; line-height: 1.5; margin-top: 3px; }
.ck-eticheta { font-size: 11.5px; padding: 2px 8px; border-radius: var(--r-sm); background: var(--bg-2); color: var(--ink-2); border: 1px solid var(--line-2); font-weight: 500; }
.ck-com { flex: none; position: relative; width: 42px; height: 24px; }
.ck-com input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 1; }
.ck-com span { position: absolute; inset: 0; border-radius: 12px; background: var(--line-2); transition: background .15s ease; pointer-events: none; }
.ck-com span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .15s ease; }
.ck-com input:checked + span { background: var(--accent); }
.ck-com input:checked + span::after { transform: translateX(18px); }
.ck-com input:disabled + span { opacity: .55; }
.ck-com input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 3px; }
.ck-detalii { margin-top: 10px; }
.ck-detalii summary { cursor: pointer; font-size: 13px; color: var(--ink-3); font-weight: 500; }
/* tabelul de chei din fereastră: aceeași clasă ca în documente (o generează cookie.js), aici strâns și încadrat */
.ck-detalii .doc-tabel { margin-top: 10px; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); }
.ck-detalii .doc-tabel table { min-width: 480px; font-size: 12.8px; }
.ck-detalii .doc-tabel th, .ck-detalii .doc-tabel td { padding: 8px 11px; line-height: 1.5; }
.ck-detalii .doc-tabel thead th { font-size: 12.8px; font-weight: 600; color: var(--ink); background: var(--bg-2); }
.ck-detalii .doc-tabel code { font-size: 12px; }
.ck-locul { margin-top: 12px; padding: 14px 16px; border: 1px dashed var(--line-2); border-radius: var(--r); background: var(--bg-2); }
.ck-locul p { margin-top: 0; font-size: 14px; line-height: 1.5; }
.ck-locul .btn { margin-top: 12px; min-height: 38px; padding: 8px 14px; font-size: 13.5px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; } }

[hidden] { display: none !important; }