.password-field{position:relative;width:100%}.login-card .password-field input{width:100%;padding-right:50px}.password-toggle{position:absolute;top:50%;right:10px;display:grid;place-items:center;width:34px;height:34px;padding:0;transform:translateY(-50%);border:0;border-radius:7px;background:transparent;color:#728096;cursor:pointer}.password-toggle:hover{background:#f1f4f9;color:#315ed0}.password-toggle:focus-visible{outline:2px solid #3867e8;outline-offset:2px}.password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.password-toggle .eye-off{display:none}.password-toggle.is-visible .eye-on{display:none}.password-toggle.is-visible .eye-off{display:block}
.login-card select{box-sizing:border-box;width:100%;height:52px;padding:0 42px 0 15px;border:1px solid #dce2ec;border-radius:9px;background-color:#fff;color:#263953;font:14px 'DM Sans',Arial,sans-serif;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#728096 50%),linear-gradient(135deg,#728096 50%,transparent 50%);background-repeat:no-repeat;background-size:5px 5px,5px 5px;background-position:calc(100% - 18px) 23px,calc(100% - 13px) 23px}.login-card select:focus{outline:0;border-color:#3867e8;box-shadow:0 0 0 3px #3867e81c}
/* Identidade visual compartilhada pelas áreas administrativa e das equipes. */
.login-layout{min-height:100vh;background:#f4f7fc}.login-brand{isolation:isolate;justify-content:center;align-items:flex-start;padding:clamp(48px,7vw,104px);padding-top:170px;background:radial-gradient(ellipse at 82% 80%,#1678cf88 0,transparent 43%),linear-gradient(145deg,#062957 0%,#064786 52%,#0874bd 100%)}.login-brand::before,.login-brand::after{position:absolute;z-index:-1;content:"";pointer-events:none;border:1px solid #c5e2ff20;border-radius:50%}.login-brand::before{right:-215px;bottom:-320px;width:670px;height:670px;box-shadow:0 0 0 23px #c5e2ff0b,0 0 0 48px #c5e2ff0a,0 0 0 75px #c5e2ff08}.login-brand::after{right:-150px;bottom:-265px;width:530px;height:530px;border-color:#c5e2ff16}.brand-logo{top:clamp(30px,5vh,54px);left:clamp(30px,5vw,74px);width:178px;height:96px;padding:7px 10px;object-fit:contain;background:#fff;border:1px solid #ffffff80;border-radius:15px;box-shadow:0 12px 32px #001a3b45}.login-brand h1{position:relative;max-width:480px;margin:0;color:#fff;font:800 clamp(42px,5vw,66px)/1.02 Manrope,Arial,sans-serif;letter-spacing:-.055em;text-wrap:balance}.brand-copy{position:relative;max-width:360px;margin:16px 0 0;color:#e2efff;font-size:16px;line-height:1.55}.brand-ball{display:none}.login-panel{background:#f4f7fc}.login-card{padding:clamp(28px,4vw,42px);border:1px solid #e6ebf3;border-radius:18px;background:#fff;box-shadow:0 18px 48px #19365e12}.login-card h2{color:#142743;font-size:31px}.muted{margin:10px 0 28px;color:#718097}.login-footer{justify-self:center;color:#8492a7}
@media(max-width:700px){.login-layout{grid-template-columns:1fr;align-content:start}.login-brand{min-height:390px;padding:166px 30px 38px}.brand-logo{top:22px;left:28px;width:178px;height:96px}.login-brand h1{max-width:340px;font-size:clamp(39px,10vw,52px);line-height:1.02}.brand-copy{max-width:310px;margin-top:11px;font-size:14px;line-height:1.45}.login-panel{padding:28px 20px 22px}.login-card{width:min(100%,460px);padding:28px 24px;border-radius:16px}.login-footer{margin-top:24px}.login-brand::before{right:-350px;bottom:-440px}.login-brand::after{right:-270px;bottom:-390px}}
@media(max-width:380px){.login-brand{min-height:360px;padding-right:24px;padding-left:24px}.brand-logo{left:24px;width:160px;height:86px}.login-brand h1{font-size:39px}}
.brand-logo{left:50%;width:min(216px,calc(100% - 60px));height:auto;padding:0;transform:translateX(-50%);object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none}
@media(max-width:700px){.brand-logo{top:12px;left:50%;width:min(216px,calc(100% - 60px));height:auto;transform:translateX(-50%)}}
@media(max-width:380px){.brand-logo{left:50%;width:min(190px,calc(100% - 48px));height:auto;transform:translateX(-50%)}}

/* Atalhos públicos da área da equipe: consulta de jogos/classificação e transmissões ao vivo. */
.public-shortcuts{display:grid;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid #e6ebf3}.shortcut-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;padding:0 16px;border:1px solid #d5deeb;border-radius:9px;background:#fff;color:#2f4566;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer;transition:border-color .18s,background-color .18s}.shortcut-button:hover{border-color:#3867e8;background:#f5f8ff}.shortcut-button:focus-visible{outline:2px solid #3867e8;outline-offset:2px}.shortcut-live:hover{border-color:#ff0000;background:#fff6f6}.youtube-icon{width:26px;height:26px;flex:none}
.public-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:14px;background:#fff;color:#263953;box-shadow:0 24px 60px #15263e40}.public-dialog::backdrop{background:#0f1c2e8c}.public-dialog-wide{width:min(1180px,calc(100vw - 24px));height:calc(100vh - 32px)}.public-dialog[open]{display:flex;flex-direction:column}.public-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #e6ebf3}.public-dialog-head h2{display:flex;align-items:center;gap:8px;margin:0;font:800 17px Manrope,Arial,sans-serif}.dialog-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:#f1f4f9;color:#44556f;font-size:22px;line-height:1;cursor:pointer}.dialog-close:hover{background:#e3e9f3}.public-dialog-frame{flex:1;width:100%;min-height:0;border:0;background:#f4f6fa}
.live-help,.live-empty{margin:0;padding:14px 18px 4px;color:#6b7b93;font-size:13px}.live-empty{padding-bottom:22px}.live-list{display:grid;gap:8px;margin:0;padding:12px 18px 18px;overflow:auto;list-style:none}.live-list a{position:relative;display:grid;gap:4px;padding:12px 42px 12px 14px;border:1px solid #e1e7f0;border-radius:10px;color:inherit;text-decoration:none;transition:border-color .18s,background-color .18s}.live-list a:hover,.live-list a:focus-visible{border-color:#ff0000;background:#fff6f6;outline:0}.live-meta{color:#7a889c;font-size:11px;font-weight:700}.live-badge{margin-right:6px;padding:2px 6px;border-radius:4px;background:#ff0000;color:#fff;font-size:10px}.live-list strong{color:#22324b;font-size:14px}.live-list small{color:#7a889c;font-size:12px}.live-open{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#ff0000;font-size:18px;font-weight:700}
@media(max-width:600px){.public-dialog,.public-dialog-wide{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}}