/* Login page styles (extracted from login.html for the strict CSP).
   AMB brand: navy #394d73 (sampled from the official logo) + tricolor card edge. */
:root{--brand:#394d73;--brand-strong:#2c3d5c;--bg:#f6f8fb;--surface:#fff;--border:#e3e8ef;
      --text:#1e2733;--text-muted:#5a6573;--danger:#b42318;--radius:8px;
      --amb-red:#e30613;--amb-yellow:#ffd500;--amb-green:#2b8834;
      --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;}
*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);
  margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center}
.card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius);box-shadow:0 4px 12px rgba(16,24,40,.10);
  padding:1.9rem 1.8rem 1.6rem;width:360px;max-width:92vw}
/* The brand's tricolor bar as the card's top edge (single accent device). */
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(to right,
    var(--amb-red) 0 33.34%,var(--amb-yellow) 33.34% 66.67%,var(--amb-green) 66.67% 100%)}
.login-logo{display:block;height:54px;width:auto;margin:0 auto .9rem}
h1{font-size:1.2rem;color:var(--brand-strong);margin:0 0 .15rem;text-align:center}
.sub{color:var(--text-muted);font-size:.88rem;margin:0 0 1.1rem;text-align:center}
label{display:block;font-size:.85rem;margin:.7rem 0 .25rem;color:var(--text-muted)}
input{width:100%;padding:.6rem .7rem;border:1px solid var(--border);border-radius:var(--radius);
  font-size:1rem;font-family:inherit}
input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(57,77,115,.25)}
button{width:100%;margin-top:1.1rem;padding:.6rem;border:1px solid var(--brand);background:var(--brand);
  color:#fff;border-radius:var(--radius);font-size:1rem;cursor:pointer}
button:hover{background:var(--brand-strong)}
.err{color:var(--danger);font-size:.85rem;margin-top:.8rem;min-height:1em}
.ok{color:var(--amb-green);font-size:.88rem;margin-top:.6rem;min-height:0;font-weight:600}
.hint{color:var(--text-muted);font-size:.78rem;margin-top:1rem;text-align:center}
.hint a{color:var(--brand)}