/* NX - tema santier: negru real, grafit, un singur rosu de semnalizare. Tipografie condensata (DIN). */
:root{
  --negru:#000;--grafit:#161616;--grafit2:#1f1f1f;--linie:#2c2c2c;
  --rosu:#E3001B;--rosu-inchis:#7A0010;--rosu-slab:rgba(227,0,27,.14);
  --text:#F5F3EE;--otel:#8C8C8C;--verde:#3ddc84;
  --titlu:Bahnschrift,"Bahnschrift Condensed","Roboto Condensed","Arial Narrow","Segoe UI",system-ui,sans-serif;
  --corp:Bahnschrift,"Segoe UI Variable Text","Segoe UI",Roboto,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--negru)}
body{margin:0;background:var(--negru);color:var(--text);font-family:var(--corp);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
::selection{background:var(--rosu);color:#fff}
a{color:var(--text)}
:focus-visible{outline:2px solid var(--rosu);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
header{display:flex;align-items:center;gap:14px;padding:12px 18px 12px 34px;background:var(--grafit);border-bottom:1px solid var(--linie);position:relative}
header::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--rosu)}
header b{font-family:var(--titlu);font-size:20px;font-weight:700;letter-spacing:.02em}
header span{color:var(--otel);font-size:14px}
header a{color:var(--otel);text-decoration:none;border:1px solid var(--linie);padding:6px 12px;border-radius:2px;font-size:14px}
header a:hover{border-color:var(--text);color:var(--text)}
main{max-width:960px;margin:0 auto;padding:24px 18px 70px}
h1{font-family:var(--titlu);font-size:34px;font-weight:700;line-height:1.05;margin:0 0 6px;letter-spacing:.01em}
h2{font-family:var(--titlu);font-size:19px;font-weight:700;margin:0 0 14px;letter-spacing:.01em}
p{margin:0 0 10px}
.card{background:var(--grafit);border:1px solid var(--linie);border-radius:2px;padding:18px 20px;margin-bottom:16px}
label{display:block;color:var(--otel);font-size:13px;margin:12px 0 5px}
input,select{width:100%;background:var(--negru);border:1px solid var(--linie);color:var(--text);padding:12px 13px;border-radius:2px;font-family:var(--corp);font-size:16px}
input:focus,select:focus{outline:none;border-color:var(--rosu);box-shadow:0 0 0 1px var(--rosu)}
input[type=checkbox]{width:18px;height:18px;accent-color:var(--rosu);margin:0}
button{background:var(--rosu);color:#fff;font-family:var(--titlu);font-weight:700;font-size:16px;letter-spacing:.03em;border:0;padding:13px 18px;border-radius:2px;cursor:pointer;margin-top:16px}
button:hover{background:#ff1a33}button:active{background:var(--rosu-inchis)}
button.sec{background:var(--grafit2);color:var(--text);border:1px solid var(--linie);font-family:var(--corp);font-weight:600;font-size:14px;letter-spacing:0}
button.sec:hover{background:var(--grafit2);border-color:var(--text)}
button.mic{padding:6px 10px;font-size:13px;margin:0}
.er{background:var(--rosu-slab);border-left:4px solid var(--rosu);padding:11px 13px;margin:14px 0}
.ok{background:rgba(61,220,132,.1);border-left:4px solid var(--verde);padding:11px 13px;margin:14px 0}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
th,td{border-bottom:1px solid var(--linie);padding:9px 10px;text-align:left;vertical-align:middle}
th{color:var(--otel);font-weight:600;font-size:13px}
tr:hover td{background:var(--grafit2)}
.tag{display:inline-block;padding:2px 8px;border-radius:2px;font-size:12px;font-weight:700;background:var(--grafit2);border:1px solid var(--linie)}
.tag.owner{border-color:var(--rosu);color:var(--rosu)}.tag.inginer{color:var(--verde)}.tag.remediator{color:#7fb8ff}.tag.asistent{color:#ffd400}.tag.office{color:var(--otel)}.tag.inactiv{color:var(--otel);text-decoration:line-through}
.login-pagina{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr)}
.login{position:relative;padding:min(14vh,120px) 28px 40px 36px;max-width:440px}
.login::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--rosu);transform:skewX(-6deg);transform-origin:top}
.login .sigla{font-family:var(--titlu);font-size:64px;font-weight:700;line-height:.9;letter-spacing:-.01em;margin:0 0 4px}
.login .ce{color:var(--otel);font-size:15px;margin:0 0 28px}
.login button{width:100%;margin-top:22px;padding:15px}
@media (min-width:900px){.login-pagina{grid-template-columns:480px 1fr}.login-fundal{background:var(--grafit);border-left:1px solid var(--linie);position:relative}
  .login-fundal::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-14deg,transparent 0 46px,rgba(227,0,27,.06) 46px 48px)}}