:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#193e31;background:#f6f8f4;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 35%,#fff 0%,#f6f8f4 68%)}header{padding:30px 42px;display:flex;align-items:center;justify-content:space-between}header>span{font-size:12px;color:#718174}.brand{font-size:19px;letter-spacing:4px;font-weight:800;text-decoration:none;color:#234b3b;display:flex;align-items:center;gap:8px}.brand-dot{height:6px;width:6px;border-radius:50%;background:#8fa982;display:inline-block}main{flex:1;display:grid;place-items:center;padding:26px 24px 42px}.welcome{width:100%;max-width:380px}.welcome-mark{display:flex;align-items:center;justify-content:center;background:#e7eee2;color:#416444;border:1px solid #dce7d7;border-radius:15px;width:46px;height:46px;font-size:24px;font-weight:600;margin-bottom:28px}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:#79906f}h1{font-size:38px;line-height:1.16;font-weight:600;letter-spacing:-1.6px;margin:13px 0 15px}.intro{color:#718173;font-size:14px;line-height:1.7;margin:0 0 32px}.field{margin:0 0 20px}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px;color:#3a5545}input{display:block;width:100%;height:50px;padding:12px 15px;font:inherit;font-size:14px;color:#274b37;background:#fff;border:1px solid #d6dfd1;border-radius:10px;transition:border-color .12s}input:hover{border-color:#acbda3}input:focus-visible{outline:3px solid #bbd0af;outline-offset:2px;border-color:#769969}.password-field{position:relative}.password-field input{padding-right:86px}.reveal{position:absolute;right:5px;top:5px;height:40px;padding:0 11px;border:0;border-radius:7px;background:transparent;font:inherit;font-size:11px;font-weight:600;color:#567047;cursor:pointer}.reveal:hover{background:#eff4ea}.enter{display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;border:0;border-radius:10px;padding:0 17px;margin-top:26px;background:#28543c;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #1d442817}.enter:hover{background:#1e442e}.enter:disabled{opacity:.7;cursor:wait}.enter>span:last-child{font-size:20px;font-weight:400;color:#d8e8d0}button:focus-visible,a:focus-visible{outline:3px solid #9abb8d;outline-offset:3px}.session-note{font-size:11px;color:#798876;text-align:center;line-height:1.6;margin:15px 0 0}#login-error{font-size:13px;line-height:1.5;color:#854126;background:#fcf0e7;border:1px solid #efd9c8;border-radius:9px;padding:11px 13px;margin:10px 0}footer{text-align:center;font-size:11px;letter-spacing:.1px;color:#8a9785;padding:22px 20px 28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:520px){header{padding:24px}header>span{display:none}main{padding:20px 28px 30px}.welcome{max-width:360px}h1{font-size:35px}.welcome-mark{margin-bottom:24px}footer{font-size:10px;padding:14px 18px 24px}}@media(max-height:740px){main{padding-top:8px}.welcome-mark{display:none}.intro{margin-bottom:24px}header{padding-top:22px;padding-bottom:22px}footer{padding-top:12px;padding-bottom:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* VALEN v6 — marca nova (01/10/2026): preto quente + dourado */
html,body{background:#080706!important;color:#f7f0df!important;font-family:"Inter","Segoe UI",Arial,sans-serif!important}
header{background:#0d0b08!important;border-bottom:1px solid rgba(230,196,124,.18)!important;color:#c5bda9!important}
.brand-symbol{height:30px;width:auto;display:block;object-fit:contain}
.welcome{background:#17130e!important;border:1px solid rgba(230,196,124,.22)!important;color:#f7f0df!important;box-shadow:none!important}
.welcome-logo{display:block;width:min(340px,80%);height:auto;aspect-ratio:984/803;object-fit:contain;margin:0 auto 12px}
.eyebrow{color:#e6c47c!important}.intro,.session-note,footer{color:#c5bda9!important}
h1{color:#f7f0df!important}
label{color:#c5bda9!important}
input{background:#0d0b08!important;color:#f7f0df!important;border:1px solid rgba(230,196,124,.28)!important}
input:focus{outline:2px solid #fff1c9!important;outline-offset:2px}
.reveal{background:transparent!important;color:#e6c47c!important;border-color:rgba(230,196,124,.28)!important}
.enter{background:linear-gradient(135deg,#fff1c9 0%,#e6c47c 45%,#94703a 100%)!important;color:#171008!important;border:0!important;font-weight:600!important}
#login-error{color:#ffb4a8!important}
@media (max-width:640px){.welcome-logo{display:none}.welcome::before{content:"";display:block;width:88px;height:66px;margin:0 auto 8px;background:url("/mesa/marca/valen-simbolo-96.png") center/contain no-repeat}}

/* 08/10/2026 TI (isabella-login): avisos do primeiro acesso e da troca de senha, mesmo visual do erro de login */
#def-error,#link-msg,#pw-error{font-size:13px;line-height:1.5;color:#ffb4a8;background:rgba(133,65,38,.18);border:1px solid rgba(255,180,168,.35);border-radius:9px;padding:11px 13px;margin:10px 0}
.session-note a{color:#e6c47c}
.link-btn{background:none;border:0;padding:0;color:#e6c47c;font:inherit;font-size:11px;text-decoration:underline;cursor:pointer}