/* DESTRO · Comercial — login (CLARA light). Same tokens as app.css. */
:root{--navy-900:#01274A;--navy-800:#073B6B;--bg:#F4F6F9;--surface:#fff;--line:#E1E6ED;--line-strong:#B9C4D1;--ink:#0B1F33;--ink-2:#34475B;--muted:#586A7C;--red:#B3202A;--brand:#A9D047;--blue-600:#0B5CAD;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}
html{color-scheme:light;background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,p{margin:0}
.login-brand{display:flex;flex-direction:column;align-items:center;gap:8px;padding:calc(var(--safe-top) + 16px) 20px 36px;background:var(--navy-900);color:#fff}
.login-brand img{display:block;width:auto;height:76px;object-fit:contain}
.env-chip{padding:2px 10px;border-radius:99px;background:rgba(255,255,255,.16);font-size:13px;font-weight:600;letter-spacing:.04em}
.login-card{position:relative;width:calc(100% - 32px);max-width:420px;margin:-20px auto 0;padding:24px 20px 20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 8px 28px rgba(1,39,74,.1)}
.login-card::before{content:"";position:absolute;top:0;left:32px;width:40px;height:3px;border-radius:0 0 3px 3px;background:var(--brand)}
h1{font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.02em}
.lead{margin-top:4px;font-size:16px;color:var(--ink-2)}
.alert{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;border:1px solid #E8B4B7;border-radius:12px;background:#FFF1F1;color:#8F1D22;font-size:15px;font-weight:600}
.alert svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
form{display:grid;gap:14px;margin-top:20px}
.field{display:grid;gap:6px}
label{font-size:14px;font-weight:600;color:var(--ink-2)}
input{width:100%;min-height:52px;padding:0 14px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:16px}
input:focus{border-color:var(--blue-600)}
:focus-visible{outline:3px solid #2E7DD1;outline-offset:2px}
button{min-height:52px;margin-top:4px;border:0;border-radius:12px;background:var(--navy-900);color:#fff;font:inherit;font-size:17px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}
button:active{background:var(--navy-800)}
.foot{margin-top:18px;font-size:13px;line-height:1.5;color:var(--muted);text-align:center}
@media(max-height:700px){.login-brand{padding-bottom:30px}.login-brand img{height:56px}.login-card{padding-top:18px}form{margin-top:14px;gap:10px}}
@media(max-height:700px) and (max-width:340px){.foot{margin-top:12px}}