/* Paleta corporativa clara — Daher Electrovida */
:root{
  --bg:#F6F7FA; --panel:#FFFFFF; --ink:#112142; --muted:#5A6478; --line:#E2E6EE;
  --red:#DA0C17; --red-soft:#FDECEC; --navy:#112142; --ok:#1F7A4D; --bad:#B3261E;
  --f:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --r:12px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:14px;line-height:1.45}
button,input,select{font:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:9px 16px;cursor:pointer;font-weight:500}
.btn:hover{border-color:#B9C1D0}
.btn.primary{background:var(--red);border-color:var(--red);color:#fff}
.btn.primary:hover{background:#B90A14}
.btn:disabled{opacity:.55;cursor:not-allowed}
.btn.link{border:0;background:none;color:var(--red);padding:4px 6px}
label.f{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:500;color:var(--muted)}
input[type=email],input[type=password],input[type=text],select{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
input:focus,select:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px var(--red-soft)}
.msg{font-size:13px;margin:0;min-height:1.2em;color:var(--muted)}
.msg.bad{color:var(--bad)}.msg.ok{color:var(--ok)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.topbar{background:#fff;border-bottom:3px solid var(--red);box-shadow:0 1px 8px rgba(17,33,66,.06)}
.topbar .in{max-width:1100px;margin:auto;padding:12px 18px;display:flex;align-items:center;gap:14px}
.topbar img{height:34px}
.topbar h1{font-size:17px;font-weight:600;margin:0;padding-left:14px;border-left:1px solid var(--line)}
.topbar .sp{flex:1}