/* Foaia de stil a importului listei (app/consola/import.html), scoasă din
   pagină într-un fișier: politica de conținut (app/_headers, tools/csp.js)
   ajunge la „style-src 'self'” numai fără blocuri <style> și fără style="…"
   în pagini. Ce stătea în style="…" are regulile lui la capăt. */
/* Numai ce ține de pagina asta. Restul e în stil.css, una pentru toată consola. */
button,input,select{font:inherit;color:inherit}
header a{color:var(--ink-3);text-decoration:none;font-size:13px;font-weight:600}
header a:hover{color:var(--ink)}
select{padding:7px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--ground)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--ground)}
h2{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px}
.zona{
  border:2px dashed var(--line-2);border-radius:14px;padding:38px 24px;text-align:center;
  background:var(--surface);transition:border-color .15s, background .15s;
}
.zona.peste{border-color:var(--accent);background:var(--accent-soft)}
.zona p{font-family:"Karla",system-ui,sans-serif;font-size:16px;color:var(--ink-2);margin:0 0 14px;line-height:1.55}
.zona small{display:block;margin-top:12px;color:var(--ink-3);font-size:12.5px}
/* Pe telefon n-ai de unde trage un fișier, deci „Trage aici” îl trimitea
   după ceva ce nu există. Se alege după degetul cu care lucrezi, nu după
   lățime: o fereastră îngustă pe laptop trage tot cu mouse-ul. */
.cu-degetul{display:none}
@media (pointer:coarse){.cu-mouse{display:none}.cu-degetul{display:inline}}
.cifra b{display:block;font-family:"Karla",system-ui,sans-serif;font-size:23px;line-height:1.1}
.cifra span{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin-top:3px}
.cifra.nou b{color:var(--ok)}
.cifra.disparut b{color:var(--flag)}
details{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:8px}
details summary{cursor:pointer;font-weight:600;font-size:13.5px}
details ul{margin:10px 0 2px;padding-left:20px;font-family:"Karla",system-ui,sans-serif;color:var(--ink-2);line-height:1.6}
.avertisment{background:var(--flag-soft);border:1px solid var(--flag);border-radius:10px;padding:12px 15px;margin-bottom:10px}
.avertisment b{color:var(--flag)}
.avertisment ul{margin:8px 0 0;padding-left:20px;font-family:"Karla",system-ui,sans-serif;color:var(--ink-2);line-height:1.6}
.actiuni{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

/* ---------- ce stătea în style="…" ----------
   În marcaj și în vorba despre prenume, făcută de import.js; politica de
   conținut de la capăt nu mai ia stiluri scrise în pagină. */
/* „alege-l” nu se rupe de la rândul lui */
.nerupt{white-space:nowrap}
/* nota de sub „Aplică importul” */
.nota.sub-butoane{margin-top:14px}
/* butonul de sub vorba despre prenume, mai aproape de ea decât alte acțiuni */
.actiuni.aproape{margin-top:10px}