html,body{margin:0!important;padding:0!important;height:100%!important;overflow:hidden!important}button{font:inherit;width:100%;cursor:pointer}/* Login no design Síntese do Cockpit: fundo de névoa, cartão claro com borda fina, logo do sistema, botão escuro. */
.verseAuthScreen,#verse-auth-screen { position:fixed!important; inset:0!important; width:100vw!important; height:100dvh!important; min-height:0!important; max-height:100dvh!important; margin:0!important; padding:20px!important; box-sizing:border-box!important; overflow:auto!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; background-color:#EEF1F5; background-image:radial-gradient(ellipse 70% 55% at 12% 8%,rgba(255,255,255,.95),transparent 70%),radial-gradient(ellipse 60% 50% at 88% 18%,rgba(196,208,224,.55),transparent 72%),radial-gradient(ellipse 80% 60% at 50% 105%,rgba(215,110,39,.07),transparent 70%),radial-gradient(ellipse 55% 45% at 75% 80%,rgba(255,255,255,.8),transparent 70%),linear-gradient(180deg,#F3F5F8 0%,#E9EDF2 100%); font-family:'Barlow',system-ui,sans-serif; color:#0E1726; }
.verseAuthCard,#verse-auth-card { display:block!important; width:100%!important; max-width:392px!important; height:auto!important; min-height:0!important; max-height:none!important; margin:auto!important; padding:0!important; flex:0 0 auto!important; align-self:center!important; box-sizing:border-box!important; overflow:hidden!important; border:1px solid #E3E7EC; border-radius:14px; background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px) saturate(1.3); backdrop-filter:blur(18px) saturate(1.3); box-shadow:0 1px 2px rgba(14,23,38,.04),0 24px 48px -30px rgba(14,23,38,.35); animation:login-arrive .5s cubic-bezier(.2,.7,.2,1) both; }
#verse-auth-card::before,#verse-auth-card::after,#verse-auth-body::before,#verse-auth-body::after,#verse-auth-card > :not(#verse-auth-head):not(#verse-auth-body) { display:none!important; content:none!important; height:0!important; margin:0!important; padding:0!important; }
.verseAuthHead,#verse-auth-head { position:relative; margin:0!important; padding:26px 28px 6px!important; height:auto!important; min-height:0!important; box-sizing:border-box!important; background:transparent; color:#0E1726; }
.verseAuthHead span { display:block; }
.verseAuthLogo img { display:block; height:26px; width:auto; }
.verseAuthLogo .logo-dark { display:none; }
.verseAuthHead h1 { font:800 22px/1.2 'Barlow',system-ui,sans-serif; letter-spacing:-.015em; margin:22px 0 4px!important; color:#0E1726; }
.verseAuthHead p { margin:0!important; font-size:13.5px; font-weight:500; color:#5B6B80; }
.verseAuthBody,#verse-auth-body { display:block!important; margin:0!important; padding:18px 28px 26px!important; height:auto!important; min-height:0!important; max-height:none!important; flex:0 0 auto!important; box-sizing:border-box!important; background:transparent!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; }
.note { font-size:13px; line-height:1.45; margin:0 0 14px!important; color:#5B6B80; }
.fields { border:0; padding:0!important; margin:0!important; display:grid; gap:14px; }
.fields label { display:grid; gap:6px; font-size:12.5px; font-weight:700; color:#33415A; margin:0!important; }
.fields input { width:100%; box-sizing:border-box; height:40px; border:1px solid #E3E7EC; border-radius:9px; padding:0 12px; font:500 14px 'Barlow',system-ui,sans-serif; background:#F6F8FA; color:#0E1726; transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease; }
.fields input:hover { border-color:#C9D1DB; }
.fields input:focus-visible { outline:none; border-color:#0E1726; background:#fff; box-shadow:0 0 0 3px rgba(14,23,38,.1); }
.enter { display:block; text-align:center; height:42px; padding:0 16px; margin:18px 0 0!important; border:0; border-radius:9px; background:#0E1726; color:#fff; font:700 14px 'Barlow',system-ui,sans-serif; transition:background .18s ease,box-shadow .18s ease,transform .18s ease; }
.enter:hover:not(:disabled) { background:#1C2940; box-shadow:0 6px 16px -8px rgba(14,23,38,.5); transform:translateY(-1px); }
.enter:active:not(:disabled) { transform:translateY(0); }
.enter:focus-visible { outline:3px solid rgba(215,110,39,.55); outline-offset:3px; }
.enter:disabled { cursor:wait; opacity:.72; }
.caption { margin:12px 0 0!important; font-size:11.5px; font-weight:500; text-align:center; color:#7A8799; }
@keyframes login-arrive { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:480px){.verseAuthScreen,#verse-auth-screen{padding:16px!important}.verseAuthBody,#verse-auth-body{padding:16px 20px 22px!important}.verseAuthHead,#verse-auth-head{padding:22px 20px 4px!important}}
@media(prefers-color-scheme:dark){
 .verseAuthScreen,#verse-auth-screen{background-color:#0A0E14;background-image:radial-gradient(ellipse 70% 55% at 12% 8%,rgba(56,72,96,.35),transparent 70%),radial-gradient(ellipse 60% 50% at 88% 18%,rgba(40,52,72,.4),transparent 72%),radial-gradient(ellipse 80% 60% at 50% 105%,rgba(215,110,39,.08),transparent 70%),linear-gradient(180deg,#0C1118 0%,#090C12 100%);color:#E8EDF4}
 .verseAuthCard,#verse-auth-card{background:rgba(16,21,29,.92);border-color:#232C38;box-shadow:0 24px 48px -30px rgba(0,0,0,.8)}
 .verseAuthLogo .logo-light{display:none}.verseAuthLogo .logo-dark{display:block}
 .verseAuthHead,#verse-auth-head,.verseAuthHead h1{color:#E8EDF4}
 .verseAuthHead p,.note{color:#9AA7B8}
 .fields label{color:#C5CFDB}
 .fields input{background:#0C1118;border-color:#232C38;color:#E8EDF4}
 .fields input:hover{border-color:#36424F}
 .fields input:focus-visible{border-color:#E8EDF4;background:#0C1118;box-shadow:0 0 0 3px rgba(232,237,244,.12)}
 .enter{background:#E8EDF4;color:#0C1118}
 .enter:hover:not(:disabled){background:#fff}
 .caption{color:#7A8799}
}
@media(prefers-reduced-motion:reduce){.verseAuthCard,#verse-auth-card{animation:none}.fields input,.enter{transition:none}}