/* LIS — paginile de server (autentificare, cont, utilizatori, istoric).
   Aceleași culori ca aplicația: marinul și aurul din siglă. */
:root{
  --marin:#12395C; --marin-inchis:#0D2B46; --auriu:#C9A227;
  --hartie:#EDEFEA; --camp:#F8F9F6; --alb:#fff;
  --cerneala:#1B2A33; --slab:#5C6B72; --linie:#C6CDC3; --linie-forte:#9AA69B;
  --verde:#2E6B4F; --rosu:#A33A20;
  --mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --sans:ui-sans-serif,system-ui,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--hartie);color:var(--cerneala);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--marin)}
code{font:12px var(--mono);background:var(--camp);padding:1px 4px;word-break:break-all}

/* bara de aplicație */
.bara-app{position:sticky;top:0;z-index:20;background:var(--marin);border-bottom:2px solid var(--auriu);color:#DDE5EC}
.bara-in{max-width:1180px;margin:0 auto;padding:0 16px;min-height:56px;display:flex;align-items:center;gap:14px}
.sigla{width:36px;height:36px;flex:none;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 0 0 1px rgba(201,162,39,.55)}
.titlu{line-height:1.25;min-width:0}
.titlu .inst{display:block;font:600 12px/1 var(--sans);letter-spacing:.03em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.titlu .unit{display:block;font:11px/1.3 var(--sans);color:#9DB4C6;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dreapta{margin-left:auto;display:flex;align-items:center;gap:12px;flex:none}
.utilizator{font:12px var(--sans);color:#C9DCEA;white-space:nowrap}
.utilizator b{color:#fff;font-weight:600}
nav.cont{display:flex;gap:2px}
nav.cont a{font:600 12px/1 var(--sans);text-decoration:none;color:#A9C0D2;padding:9px 11px;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap}
nav.cont a:hover{color:#fff;background:rgba(255,255,255,.07)}
nav.cont a[aria-current=page]{color:#fff;border-bottom-color:var(--auriu)}
form.iesire{margin:0}
form.iesire button{font:600 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;
  background:transparent;color:var(--auriu);border:1px solid var(--auriu);cursor:pointer;margin:0}
form.iesire button:hover{background:rgba(201,162,39,.12)}

/* conținut */
main{max-width:1180px;margin:0 auto;padding:24px 16px 60px}
main.ingust{max-width:520px;padding-top:7vh}
.cutie{background:var(--alb);border:1px solid var(--linie);padding:20px 22px;margin-bottom:16px}
.cutie h1{font-size:18px;margin:0 0 4px}
.cutie h2{font-size:14px;letter-spacing:.02em;margin:0 0 6px}
.sub{font-size:13px;color:var(--slab);margin:0 0 16px}
.nota{font-size:12px;color:var(--slab);margin:12px 0 0}
label{display:block;font-size:12px;color:var(--slab);margin:12px 0 5px}
input,select{width:100%;padding:9px 10px;border:1px solid var(--linie-forte);background:var(--camp);font:14px var(--sans);color:var(--cerneala);border-radius:0}
input:focus,select:focus{outline:2px solid var(--marin);outline-offset:-1px;background:#fff}
button,.buton{display:inline-block;margin-top:16px;padding:10px 18px;font:600 14px var(--sans);border:1px solid var(--marin);
  background:var(--marin);color:#fff;cursor:pointer;border-radius:0;text-decoration:none}
button:hover,.buton:hover{background:var(--marin-inchis)}
button:focus-visible,.buton:focus-visible{outline:2px solid var(--auriu);outline-offset:2px}
button.secundar,.buton.secundar{background:#fff;color:var(--cerneala);border-color:var(--linie-forte);font-weight:500}
button.secundar:hover,.buton.secundar:hover{border-color:var(--marin);background:var(--camp)}
.mic{margin-top:0!important;padding:5px 10px!important;font-size:12px!important}
.caseta{border:1px solid var(--linie);border-left:4px solid var(--linie-forte);background:#fff;padding:12px 14px;margin-bottom:16px;font-size:13.5px}
.caseta.rau{border-left-color:var(--rosu);background:#FBEDE9}
.caseta.bine{border-left-color:var(--verde)}
.caseta.atentie{border-left-color:var(--auriu);background:#FBF6E6}
.cheie{display:block;margin:10px 0;font:600 18px var(--mono);letter-spacing:.06em;color:var(--marin);word-break:break-all}
.eticheta{display:inline-block;font:600 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:3px 6px;border:1px solid var(--linie-forte);color:var(--slab);white-space:nowrap}
.eticheta.bine{border-color:var(--verde);color:var(--verde)}
.eticheta.rau{border-color:var(--rosu);color:var(--rosu)}
.eticheta.atentie{border-color:var(--auriu);color:#8A6A14}
.pasi{font-size:13px;padding-left:20px;margin:0 0 6px}
.grila{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:0 14px;align-items:end}
.grila .jos button{margin-top:0}

/* tabele */
.tabel-scroll{overflow-x:auto}
table.tabel{width:100%;border-collapse:collapse;font-size:13px}
.tabel th{font:600 10px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--slab);text-align:left;padding:8px;border-bottom:1px solid var(--linie-forte);white-space:nowrap}
.tabel td{padding:7px 8px;border-bottom:1px solid var(--linie);vertical-align:middle}
.tabel td.mono{font:12px var(--mono);font-variant-numeric:tabular-nums}
.tabel td.actiuni{white-space:nowrap;text-align:right}
.tabel tr.inactiv td{color:var(--linie-forte)}
.tabel tr.alerta td{background:#FBEDE9}
.tabel td.gol{color:var(--slab);font-style:italic;text-align:center;padding:18px}
.tabel select{padding:4px 6px;font-size:12.5px;width:auto}
form.inline{display:inline;margin:0}
.verificari td:first-child{width:90px}

@media (max-width:860px){ .titlu .unit,.utilizator{display:none} .grila{grid-template-columns:1fr} }
@media (max-width:620px){ .titlu{display:none} nav.cont a{padding:9px 7px} }