/* Tema Consolă. Cromatica de interfață urmează Sherlock, ca cele două aplicații să pară
   o singură suită: suprafețe reci, albastru oțel potolit, antet antracit identic în ambele
   moduri, auriu rezervat acțiunii principale.

   Culorile datelor sunt separate de accentul de interfață și verificate cu validatorul de
   paletă pe suprafața fiecărui mod: seriile lui Sherlock nu trec ca set de patru categorii
   (aurul iese din banda de luminozitate, verdele și maroul se confundă la deuteranopie). */
:root{
  color-scheme: light;
  --plane:#f6f8fa; --surface:#ffffff; --ridicat:#eef2f6;
  --ink:#1c2734; --ink2:#4d5d75; --muted:#6b7d94;
  --grid:#e4eaf1; --border:#dde4ec; --axis:#c3cfdd;
  --accent:#2f6fab; --accent-tare:#275d8f;
  --bine:#177a43; --grav:#b3261e; --atentie:#fdb813;
  --s1:#2a78d6; --s2:#eb6834; --s3:#1baf7a; --s4:#eda100;
  --rampa-1:#eef3f9; --rampa-2:#dbe7f5; --rampa-3:#b9d0e9; --rampa-4:#8fb2d8;
  --rampa-5:#5f8fc4; --rampa-6:#3b6ea8; --rampa-7:#27547f;
  --hover:rgba(28,39,52,.05);
  --wash:rgba(47,111,171,.10); --wash-slab:rgba(47,111,171,.045);
  --umbra:0 1px 2px rgba(16,24,40,.05);
  --antet-bg:#1c2734; --antet-text:#f0f4f8; --antet-mut:#9db0c6;
  --cta:#fdb813; --pe-cta:#1c2734;
}
@media (prefers-color-scheme: dark){
  :root{
    color-scheme: dark;
    --plane:#0f141a; --surface:#161d26; --ridicat:#1e2937;
    --ink:#e2e8f0; --ink2:#b7c3d2; --muted:#9aa8ba;
    --grid:#232f3d; --border:#2a3646; --axis:#3b4c63;
    --accent:#7fb3e3; --accent-tare:#3478b6;
    --bine:#6fcf97; --grav:#f0938c; --atentie:#e8c35a;
    --s1:#3987e5; --s2:#d95926; --s3:#199e70; --s4:#c98500;
    /* Pe întuneric rampa merge invers: treapta apropiată de fundal înseamnă aproape zero. */
    --rampa-1:#1b2836; --rampa-2:#22384c; --rampa-3:#2b4a68; --rampa-4:#356082;
    --rampa-5:#3f79a3; --rampa-6:#5b95bf; --rampa-7:#7fb3e3;
    --hover:rgba(255,255,255,.05);
    --wash:rgba(127,179,227,.14); --wash-slab:rgba(127,179,227,.05);
    --umbra:none;
  }
}
*{box-sizing:border-box}
body{margin:0;background:var(--plane);color:var(--ink);
  font:14px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
header{background:var(--plane);border-bottom:1px solid var(--border)}
.hdr{max-width:1440px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:14px}
.brand{font-weight:650;text-decoration:none;color:var(--ink)}
.sp{flex:1}
.nav{font-size:12.5px;text-decoration:none}
.cine{font-size:12.5px;color:var(--ink2)}
.cine i{font-style:normal;color:var(--muted);margin-left:6px}
.wrap{max-width:1440px;margin:0 auto;padding:22px 20px 70px}
h1{font-size:20px;letter-spacing:-.01em;margin:0 0 4px}
h2{font-size:13px;font-weight:650;margin:0 0 2px}
.sub{margin:0 0 16px;font-size:12.5px;color:var(--muted)}
.gol{color:var(--muted)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;
  padding:16px 18px;margin-bottom:12px}
.card.autentificare{max-width:380px;margin:64px auto}
form label{display:block;font-size:12.5px;color:var(--ink2);margin:12px 0 4px}
form input{width:100%;font:inherit;padding:8px 10px;border-radius:8px;
  border:1px solid var(--border);background:var(--plane);color:var(--ink)}
form button{margin-top:18px;width:100%;font:inherit;font-weight:600;padding:9px 12px;
  border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer}
button.mini{width:auto;margin:0;font-size:12px;padding:5px 10px;background:transparent;
  color:var(--ink2);border:1px solid var(--border);border-radius:7px;cursor:pointer}
.eroare{color:var(--grav);font-size:12.5px;margin:10px 0 0}
.nota{margin-top:16px;font-size:11.5px;color:var(--muted)}
.cifre{margin:10px 0 0;font-size:12.5px;color:var(--ink2);font-variant-numeric:tabular-nums}
table{border-collapse:collapse;width:100%;font-size:13px;background:var(--surface);
  border:1px solid var(--border);border-radius:12px;overflow:hidden}
th{text-align:left;font-weight:600;color:var(--ink2);padding:9px 12px;
  border-bottom:1px solid var(--border)}
td{padding:8px 12px;border-bottom:1px solid var(--grid)}
tr:last-child td{border-bottom:0}
.probleme{list-style:none;margin:12px 0 0;padding:0;font-size:12.5px}
.probleme li{padding:3px 0;color:var(--ink2)}
.probleme li b{font-variant-numeric:tabular-nums;display:inline-block;min-width:38px}
.probleme li.grav b{color:var(--grav)}
.probleme li.usor b{color:var(--atentie)}

/* ---------- import si date de referinta ---------- */
.rand-luna{display:flex;gap:12px}
.rand-luna>div{flex:1}
.card.avert{border-left:3px solid var(--grav)}
.card.ok-mesaj{border-left:3px solid var(--bine);font-size:13px}
input[type=file]{width:100%;font:inherit;font-size:12.5px;padding:7px 10px;border-radius:8px;
  border:1px solid var(--border);background:var(--plane);color:var(--ink2)}
table.editabil td{padding:4px 8px}
table.editabil input{width:100%;margin:0;font-size:12.5px;padding:4px 7px}
table.editabil td.r input{text-align:right;max-width:88px;margin-left:auto}
td.dim{color:var(--muted);font-size:11.5px}

/* ---------- facturare ---------- */
table.decizii td{vertical-align:middle;font-size:12.5px}
table.decizii tr.decisa{background:color-mix(in srgb,var(--bine) 6%,transparent)}
table.decizii tr.eroare-rand{background:color-mix(in srgb,var(--grav) 8%,transparent)}
.formula{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.obs{color:var(--atentie);font-size:11px}
.fereastra{font-size:11px;color:var(--ink2);font-variant-numeric:tabular-nums;white-space:nowrap}
.fereastra span{display:inline-block;margin-right:8px}
.fereastra .neg,td.neg{color:var(--grav)}
.fereastra .marcaj{color:var(--accent)}
.motiv{font-size:11.5px;color:var(--ink2);max-width:220px}
td.actiuni form{display:flex;gap:5px;align-items:center;margin:0}
td.actiuni input{margin:0;font-size:12px;padding:4px 7px}
td.actiuni input.suma{width:78px;text-align:right}
td.actiuni input.motiv-input{width:180px}
td.actiuni button{margin:0;flex:none}
table.editabil select{font:inherit;font-size:12px;padding:3px 5px;border-radius:6px;
  border:1px solid var(--border);background:var(--plane);color:var(--ink)}


/* ---------- tabele, comune tuturor paginilor ---------- */
.tbl-scroll{overflow:auto;max-height:520px;border-radius:10px}
.tbl-scroll table{border:0;border-radius:0;margin:0}
.tbl-scroll thead th{position:sticky;top:0;background:var(--surface);z-index:2}
td.r,th.r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.gol{color:var(--muted);text-align:center;padding:26px}
.link{background:none;border:0;color:var(--accent);font:inherit;font-size:12.5px;
  cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}
.mini{appearance:none;border:1px solid var(--border);background:transparent;color:var(--ink2);
  font:inherit;font-size:12px;padding:5px 10px;border-radius:8px;cursor:pointer;
  text-decoration:none;white-space:nowrap;margin:0;width:auto}
.mini:hover{background:var(--hover);color:var(--ink)}
.tbl-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.tbl-bar label{font-size:12px;color:var(--muted);margin:0}
.tbl-bar select{font:inherit;font-size:12px;padding:5px 8px;border-radius:8px;
  border:1px solid var(--border);background:var(--surface);color:var(--ink)}
.tbl-bar .sp{flex:1}

/* ---------- analiza ---------- */
.analiza{display:grid;grid-template-columns:290px 1fr;gap:18px;align-items:start}
.panou{background:var(--surface);border:1px solid var(--border);border-radius:14px;
  position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto;box-shadow:var(--umbra)}
.panou-hd{padding:14px 16px 12px;border-bottom:1px solid var(--border)}
.panou-hd h2{margin:0 0 2px;font-size:12.5px}
.panou-hd .sub{margin:0;font-size:11.5px}
.lb{border-bottom:1px solid var(--border)}
.lb:last-child{border-bottom:0}
.lb.deschis{background:var(--wash-slab)}
.lb-hd{display:flex;align-items:center;gap:9px;padding:9px 14px;text-decoration:none;color:var(--ink)}
.lb-hd:hover{background:var(--hover)}
.lb-hd .nm{flex:1;font-size:12.5px;font-weight:600}
.lb-hd .cv{color:var(--muted);font-size:9px;width:9px}
.lb-hd .ct.on{font-size:11px;color:#fff;background:var(--accent);padding:1px 8px;
  border-radius:99px;font-weight:650}
.lb-list{list-style:none;margin:0;padding:0 8px 10px;max-height:236px;overflow:auto}
.lb-list a{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;
  font-size:12px;text-decoration:none;color:var(--ink)}
.lb-list a:hover{background:var(--hover)}
.lb-list .v{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-list .n{font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.lb-list .bx{width:13px;height:13px;border-radius:4px;border:1.5px solid var(--axis);
  flex:none;position:relative;transition:background .12s}
.lb-list li.selectata a{background:var(--wash);font-weight:600}
.lb-list li.selectata .bx{background:var(--accent);border-color:var(--accent)}
.lb-list li.selectata .bx::after{content:"";position:absolute;left:3.5px;top:1px;width:3.5px;
  height:7px;border:solid #fff;border-width:0 1.7px 1.7px 0;transform:rotate(42deg)}
.lb-list li.exclusa a{opacity:.32}
.lb-list li.exclusa .v{text-decoration:line-through}
.continut{min-width:0}

.bara-sus{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.selbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex:1;min-height:32px}
.selbar .lbl{font-size:12px;color:var(--muted)}
.masura-form{margin:0}
.chip{display:inline-flex;align-items:center;gap:7px;background:var(--surface);
  border:1px solid var(--border);border-radius:99px;padding:5px 11px;font-size:12.5px;
  text-decoration:none;color:var(--ink);box-shadow:var(--umbra)}
.chip:hover{border-color:var(--accent)}
.chip i{font-style:normal;color:var(--muted);font-size:11px}
.chip .x{color:var(--muted);font-size:11px}
.chip:hover .x{color:var(--grav)}
.buton-primar{background:var(--accent);color:#fff;text-decoration:none;font-size:12.5px;
  font-weight:600;padding:7px 14px;border-radius:9px;white-space:nowrap}
.buton-primar:hover{filter:brightness(1.08)}
.buton-secundar{background:var(--surface);color:var(--ink);text-decoration:none;font-size:12.5px;
  font-weight:600;padding:6px 13px;border:1px solid var(--border);border-radius:9px;white-space:nowrap}
.buton-secundar:hover{border-color:var(--accent)}

.kpis{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:12px;margin-bottom:14px}
.kpi{background:var(--surface);border:1px solid var(--border);border-radius:14px;
  padding:16px 18px;box-shadow:var(--umbra)}
.kpi.hero{background:linear-gradient(135deg,var(--wash) 0%,var(--surface) 62%)}
.kpi .k-lbl{font-size:12px;color:var(--ink2);margin-bottom:8px}
.kpi .k-val{font-size:28px;font-weight:650;letter-spacing:-.025em;line-height:1.1}
.kpi.hero .k-val{font-size:40px;letter-spacing:-.035em}
.kpi .k-val u{text-decoration:none;font-size:.46em;font-weight:500;color:var(--muted);margin-left:4px}
.kpi .k-sub{font-size:11.5px;color:var(--muted);margin-top:5px}

.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;
  padding:18px 20px;margin-bottom:14px;box-shadow:var(--umbra)}
.card-hd{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;flex-wrap:nowrap}
.card-hd>div:first-child{flex:1 1 auto;min-width:0}
.card-hd .sp{flex:1}
.card-hd h2{margin:0 0 2px;font-size:13.5px}
.card-hd .sub{margin:0;font-size:11.5px}
select.pick{font:inherit;font-size:12px;padding:5px 8px;border-radius:8px;flex:none;
  border:1px solid var(--border);background:var(--plane);color:var(--ink);cursor:pointer;max-width:172px}
.x-mic{color:var(--muted);font-size:12px}

/* grafice */
svg{display:block;width:100%;height:auto;overflow:visible}
.g-bare .et{font-size:11.5px;fill:var(--ink2)}
.g-bare .val{font-size:11.5px;fill:var(--ink2);font-variant-numeric:tabular-nums}
.g-bare .bara{fill:var(--s1)}
.g-bare .zona{fill:transparent}
.g-bare .rand:hover .zona{fill:var(--hover)}
.g-bare .rand:hover .bara{filter:brightness(1.1)}
.g-bare .rand.sel .et,.g-bare .rand.sel .val{fill:var(--ink);font-weight:650}
.g-arie .grila{stroke:var(--grid);stroke-width:1}
.g-arie .axa{stroke:var(--axis);stroke-width:1}
.g-arie .tick{font-size:10.5px;fill:var(--muted);font-variant-numeric:tabular-nums}
.g-arie .umplere{fill:var(--s1);opacity:.10}
.g-arie .linie{fill:none;stroke:var(--s1);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.g-arie .marcaj{fill:var(--s1);stroke:var(--surface);stroke-width:2}
.g-arie .zona-punct{fill:transparent}
.g-arie .punct:hover .marcaj{r:6}
.g-inel .felie path{transition:opacity .12s}
.g-inel:hover .felie:not(:hover) path{opacity:.45}
.g-inel .inel-total{font-size:26px;font-weight:650;fill:var(--ink)}
.g-inel .inel-sub{font-size:11px;fill:var(--muted)}
.g-harta .et{font-size:11.5px;fill:var(--ink2)}
.g-harta .tick{font-size:10px;fill:var(--muted)}
.g-harta .gol-cel{fill:var(--grid);opacity:.45}
.g-harta .rand:hover .et{fill:var(--ink);font-weight:650}
.scala{display:flex;align-items:center;gap:3px;margin-top:12px;font-size:10.5px;color:var(--muted)}
.scala i{width:26px;height:9px;border-radius:2px;display:block}
.scala span:first-child{margin-right:5px}
.scala span:last-child{margin-left:5px}
.inel-zona{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.g-inel{max-width:238px;flex:none}
.legenda{list-style:none;margin:0;padding:0;flex:1;min-width:190px}
.legenda a{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:8px;
  text-decoration:none;color:var(--ink2);font-size:12.5px}
.legenda a:hover{background:var(--hover)}
.legenda li.sel a{background:var(--wash);color:var(--ink);font-weight:600}
.legenda b{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--ink2);font-weight:600}
.legenda .sw{width:11px;height:11px;border-radius:4px;flex:none}
.legenda.orizontala{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px}
.legenda.orizontala li{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink2)}
.o-luna{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:24px 0}
.o-luna b{font-size:34px;font-weight:650;letter-spacing:-.03em}
.o-luna span{color:var(--ink2);font-size:13px}
.o-luna i{font-style:normal;color:var(--muted);font-size:11.5px;width:100%}
@media (max-width:1180px){
  .analiza{grid-template-columns:1fr}
  .panou{position:static;max-height:none}
  .g2{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr}
}

/* ---------- inregistrari de pontaj ---------- */
.cap-inreg{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.cap-inreg>div{flex:1}
.chip.static{background:var(--plane)}
.numar{margin:0 0 12px;font-variant-numeric:tabular-nums}
table.pontaj{font-size:12.5px}
table.pontaj td{vertical-align:top;padding:7px 12px}
table.pontaj td.zi{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink2)}
table.pontaj td.zi .luna{display:block;font-size:10.5px;color:var(--muted)}
table.pontaj td.desc{color:var(--ink2);max-width:330px}
table.pontaj td.cat{white-space:nowrap;color:var(--ink2)}
.sw-in{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:7px;
  vertical-align:baseline}
.legenda .sw,.sw-in{flex:none}
.comenzi{display:flex;align-items:center;gap:6px;margin:-4px 0 14px}
.comenzi .sp{flex:1}
.mini.activ{background:var(--wash);color:var(--ink);border-color:transparent;font-weight:600}
tr.ales td{background:var(--wash)}
.fara-script[hidden]{display:none}

table.pontaj tr.reclasificata{background:color-mix(in srgb,var(--atentie) 10%,transparent)}
td.reclas form{display:flex;gap:5px;align-items:center;margin:0}
td.reclas select{font:inherit;font-size:11.5px;padding:3px 5px;border-radius:6px;
  border:1px solid var(--border);background:var(--plane);color:var(--ink)}
td.reclas input{font:inherit;font-size:11.5px;padding:3px 7px;width:150px;margin:0}
td.reclas button{flex:none}

/* Antetul e antracit în ambele moduri: aplicația arată la fel zi și noapte. */
header{background:var(--antet-bg);border-bottom:0}
.brand{color:var(--antet-text)}
.nav{color:var(--antet-mut)}
.nav:hover{color:var(--antet-text)}
.cine{color:var(--antet-mut)}
.cine i{color:var(--antet-mut);opacity:.75}
header .mini{color:var(--antet-text);border-color:rgba(255,255,255,.22);background:transparent}
header .mini:hover{background:rgba(255,255,255,.10);color:#fff}

/* Auriul apare într-un singur loc: acțiunea principală a paginii. */
.buton-primar{background:var(--cta);color:var(--pe-cta)}
.buton-primar:hover{filter:brightness(1.04)}

.card,.kpi,.panou{border-radius:12px}
.lb-hd .ct.on{background:var(--accent)}
.scala i.tr-1{background:var(--rampa-1)}
.scala i.tr-2{background:var(--rampa-2)}
.scala i.tr-3{background:var(--rampa-3)}
.scala i.tr-4{background:var(--rampa-4)}
.scala i.tr-5{background:var(--rampa-5)}
.scala i.tr-6{background:var(--rampa-6)}
.scala i.tr-7{background:var(--rampa-7)}
a.periculos{color:var(--grav)}
.periculos-buton{background:var(--grav);color:#fff;max-width:260px}
.periculos-buton:hover{filter:brightness(1.08)}
label.bifa{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:12.5px;color:var(--ink2)}
label.bifa input{width:auto;margin:0}