:root{--navy:#0a2342;--teal:#0f5f63;--gold:#b8893b;--ink:#dce6ee;--panel:#13283d;--bg:#0b1726}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,sans-serif}
body.tehnic{background:var(--bg);color:var(--ink)}
.topbar{display:flex;align-items:center;gap:12px;background:var(--navy);color:#fff;padding:10px 14px}
.topbar .title{font-weight:600;letter-spacing:.03em}
.topbar .status{margin-left:auto;border-radius:20px;padding:3px 12px;font-weight:700;font-size:12px}
.topbar .upd{font-size:11px;color:#9fb2c4}
/* logo-uri topbar: chip = placuta pt logo pe fundal nepotrivit; bare = direct */
.topbar .logo-chip{display:inline-flex;align-items:center;background:#fff;border-radius:7px;padding:4px 8px;flex:none}
.topbar .logo-chip.dark{background:#0a2342}
.topbar .logo-chip img,.topbar .logo-bare{display:block;width:auto} /* inaltime din atribut HTML, aspect pastrat */
.topbar .logo-bare{flex:none}
.topbar .toggle{color:#cfe;text-decoration:none;border:1px solid #2a4a6a;border-radius:6px;padding:3px 9px;font-size:12px}
.datenav{display:flex;align-items:center;gap:8px;background:#0e1d30;color:#9fb2c4;padding:8px 14px;font-size:13px}
.datenav a,.datenav select{background:#16314a;color:#cfe;border:none;border-radius:5px;padding:4px 9px;text-decoration:none}
.datenav a.disabled{opacity:.3;pointer-events:none}
.datenav a.today{background:var(--teal);color:#fff}
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px 14px}
.kpi{background:var(--panel);border-radius:8px;padding:10px;text-align:center}
.kpi b{display:block;font-size:22px}.kpi span{font-size:10px;color:#8aa0b4}
.kpi b.good{color:#7ee0a0}.kpi b.bad{color:#ff6b6b}
.grid2{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;padding:0 14px 12px}
.card{background:var(--panel);border-radius:8px;padding:12px}
.card h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;color:var(--gold)}
.card table{width:100%;font-size:12px;border-collapse:collapse}
.card th{color:#7f93a6;text-align:left;font-size:10px}
.card-stack{display:grid;gap:10px}
.alert-good{background:#12361f;border:1px solid #2e7d4f}
.alert-bad{background:#3a1414;border:1px solid #c0392b}
.svc{font-size:12px;margin-right:6px}.muted{color:#8aa0b4;font-size:11px;margin-top:6px}
/* activitate mail */
.mailflow .flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px}
.mailflow .flow-grid div{background:#0e1d30;border-radius:7px;padding:10px;text-align:center}
.mailflow .flow-grid b{display:block;font-size:20px}
.mailflow .flow-grid b.good{color:#7ee0a0}.mailflow .flow-grid b.bad{color:#ff6b6b}
.mailflow .flow-grid span{font-size:10px;color:#8aa0b4}
.mailflow.dead{border:1px solid #c0392b;background:#3a1414}
.bar-row{display:flex;align-items:center;gap:8px;font-size:12px;margin:6px 0}
.bar-label{width:170px}.bar-val{width:90px;text-align:right}
.bar{flex:1;position:relative;height:14px;background:#0b1726;border-radius:4px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:4px}
.bar .redline{position:absolute;top:0;bottom:0;width:2px;background:#ffd24d}
.bar-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;white-space:nowrap}
.bar-badge.red{background:#3a1414;color:#ff8f7e;border:1px solid #d0584a}
.bar-badge.orange{background:#352712;color:#e8a13a;border:1px solid #e8a13a}
.bar-row.over .bar-label{color:#ff8f7e;font-weight:700}
/* client view */
body.client{background:#f4f7f6;color:#1f2a2b}
.topbar.light{background:#fff;color:#0a2342;border-bottom:1px solid #e0e0e0}
.topbar.light .title{color:#0a2342}
.hero{padding:40px 20px;text-align:center;color:#fff}
.hero.ok{background:linear-gradient(135deg,#0a4548,#0f5f63)}
.hero.warn{background:linear-gradient(135deg,#7a5b12,#b8893b)}
.hero-badge{display:inline-block;background:rgba(255,255,255,.15);border-radius:30px;padding:10px 24px;font-size:22px;font-weight:700}
.hero-sub{margin-top:10px;opacity:.9}
.bignums{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:760px;margin:-26px auto 0;padding:0 20px}
.big{background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(15,95,99,.1);padding:20px;text-align:center}
.big b{display:block;font-size:34px;color:var(--teal)}.big span{font-size:13px;color:#5d6b6c}
.reassure{max-width:760px;margin:24px auto;padding:0 20px;display:grid;gap:10px}
.r-item{background:#fff;border:1px solid #e7efef;border-radius:10px;padding:12px 16px}
.r-item.maint{background:#f6efe2;border-color:#e3d2ad}
/* login — temă închisă elegantă, logo-uri stivuite */
body.login{
  min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center;padding:24px;
  background:
    radial-gradient(1100px 600px at 50% -10%, rgba(15,95,99,.55), transparent 60%),
    radial-gradient(900px 500px at 50% 120%, rgba(184,137,59,.18), transparent 55%),
    linear-gradient(160deg,#06121f 0%,#0a2342 55%,#0a3a3d 100%);
}
.login-box{
  width:340px;max-width:100%;background:rgba(13,30,48,.72);
  border:1px solid rgba(255,255,255,.08);border-radius:18px;
  padding:30px 28px 22px;display:flex;flex-direction:column;align-items:stretch;gap:14px;
  text-align:center;color:#e7eef5;backdrop-filter:blur(8px);
  box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05);
}
/* brand: logo-uri unul sub altul, fiecare pe fundalul potrivit */
.login-box .brand{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:2px}
.login-box .logo-plate{
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border-radius:12px;padding:12px 18px;
  box-shadow:0 6px 18px rgba(0,0,0,.28);
}
.login-box .logo-plate img{display:block;height:86px;width:auto;max-width:62vw} /* înălțime fixă, aspect păstrat */
.login-box .brand-sep{width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7}
.login-box .logo-lebada{display:block;width:160px;max-width:52vw;height:auto;opacity:.96} /* alb pe închis */
.login-box h1{
  font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:22px;margin:8px 0 0;letter-spacing:.01em;color:#fff;
}
.login-box .login-sub{margin:0 0 4px;font-size:12.5px;color:#9fb2c4;letter-spacing:.02em}
.login-box input{
  padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:10px;
  background:rgba(255,255,255,.06);color:#fff;font-size:14px;transition:border-color .15s,background .15s;
}
.login-box input::placeholder{color:#8aa0b4}
.login-box input:focus{outline:none;border-color:var(--gold);background:rgba(255,255,255,.1)}
.login-box button{
  margin-top:4px;padding:12px;border:none;border-radius:10px;cursor:pointer;
  background:linear-gradient(135deg,var(--teal),#0a4548);color:#fff;font-weight:700;font-size:14px;letter-spacing:.03em;
  box-shadow:0 8px 20px rgba(15,95,99,.4);transition:transform .08s,box-shadow .15s;
}
.login-box button:hover{box-shadow:0 10px 26px rgba(15,95,99,.55)}
.login-box button:active{transform:translateY(1px)}
.login-box .err{margin:0;color:#ff9b8a;font-size:13px;background:rgba(192,57,74,.16);border:1px solid rgba(192,57,74,.4);border-radius:8px;padding:8px}
.login-box .login-foot{margin:8px 0 0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#64788c}