:root{--bg:#f8fafc;--ink:#0f172a;--muted:#59677b;--dark:#001f5b;--line:#dde5f1;--green:#ffc700;--forest:#003da5;--blue:#003da5;--orange:#ff7a00;--pale:#edf3ff;--shadow:0 8px 28px #001f5b0b}
body{font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,sans-serif}
a{color:#003da5}.side{background:#001f5b;padding-top:24px}.brand{padding:0;margin-bottom:24px;gap:10px}.brand-logo{width:62px;height:62px;object-fit:contain;background:white;border-radius:50%;flex:none}.brand small{color:#c6d5f4;letter-spacing:.5px}.brand b{font-size:14px;line-height:1.4}.navbtn{color:#d5e0f6}.navbtn:hover{background:#153978}.navbtn.active{background:#ffc700;color:#001f5b}.sidefoot{border-color:#315087;color:#c4d2ec}.sidefoot strong{color:white}
.hero{background:linear-gradient(125deg,#001f5b,#003da5);border-radius:20px}.hero p{color:#e1eaff}.hero .overline{color:#ffc700!important}.hero .tag,.btn.lime{color:#001f5b;background:#ffc700}.btn.primary{background:#003da5;border-color:#003da5}.btn.primary:hover{background:#002f80}.btn:hover{background:#eef3ff}.pill{border-color:#dde5f1;color:#33496e}.tag,.number{background:#edf3ff;color:#003da5}.progress div,.chartbar>div{background:#003da5}.card.soft,.exercise-card .detail,.progresssteps label{background:#f1f5fb}.overline{color:#003da5}.field label,.table th{color:#33496e}.checkline input{accent-color:#003da5}.alert{background:#edf3ff;border-color:#003da5;color:#183d79}.history .date{color:#003da5}.topmenu{background:#f8fafc}.mobilebar{background:#001f5b;border-color:#003da5}.topmenu .brand-logo{width:38px;height:38px}.topline{position:relative}.topright{align-items:center}
.account-shell{position:relative;color:#0f172a;z-index:60}.account-shell details>summary{list-style:none;cursor:pointer;border:1px solid #dde5f1;border-radius:10px;background:#fff;padding:9px 13px;font-size:12px;font-weight:750;display:flex;align-items:center;gap:8px}.account-shell summary::-webkit-details-marker{display:none}.account-dot{width:8px;height:8px;border-radius:50%;background:#9aa8bd}.account-dot.connected{background:#003da5}.account-content{position:absolute;right:0;top:calc(100% + 9px);width:min(390px,calc(100vw - 32px));padding:22px;background:white;border:1px solid #dde5f1;border-radius:16px;box-shadow:0 18px 50px #001f5b26;font-size:13px}.account-content p{font-size:12px;color:#59677b;line-height:1.6}.account-content form{display:grid;gap:14px}.account-content label{display:grid;gap:6px;font-weight:650}.account-content input{padding:12px;border:1px solid #ccd7ea;border-radius:9px;width:100%;min-width:0}.account-content #cloudActions{display:flex;flex-wrap:wrap;gap:8px}.account-content #cloudAccount{display:block;flex-basis:100%;overflow-wrap:anywhere;font-weight:750;margin-bottom:8px}.auth-page{min-height:100vh;background:linear-gradient(135deg,#eef3ff,#f8fafc 65%)}.auth-page .account-shell{max-width:460px;margin:7vh auto;padding:30px;background:white;border:1px solid #dde5f1;border-radius:22px;box-shadow:var(--shadow)}.auth-page .account-content{position:static;box-shadow:none;border:0;padding:15px 0 0;width:100%}.auth-page .account-shell summary{display:none}.auth-page .topmenu,.auth-page .mobilebar{display:none}.login-heading{font-size:28px;letter-spacing:-.8px;margin-top:20px}.login-logo{width:104px;height:104px;display:block;margin:15px auto}.login-back{font-size:12px;text-decoration:none}.auth-page .account-content .btn{min-height:46px}.auth-page #cloudLogin button{background:#003da5;color:white;border-color:#003da5}
@media(max-width:600px){.topline{align-items:flex-start;gap:8px}.topright{justify-content:flex-end}.topright .pill{display:none}.account-content{right:0}.auth-page .account-shell{margin:30px 14px;padding:24px}.topmenu small{display:none}}

.nav-group{color:#9fb9ef;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:850;padding:15px 14px 6px}.navbtn{padding:10px 14px}.language-choice{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750;color:#33496e}.language-choice select{border:1px solid #dde5f1;background:white;border-radius:9px;padding:9px 10px;color:#001f5b;font:inherit}.login-language{display:none}.auth-page .login-language{display:flex;justify-content:flex-end;padding:18px 25px}.auth-page .account-shell{margin-top:2vh}.board-controls{margin-bottom:20px}.named-marker{font-size:9px;width:46px;height:32px;border-radius:12px;padding:2px;overflow:hidden;text-overflow:ellipsis}.marker.opponent{background:#ff7a00}.marker:not(.opponent):not(.ball){background:#003da5}.language-choice>span{display:none}@media(max-width:600px){.topline{flex-wrap:wrap}.topright{flex:1;gap:6px}.language-choice select{padding:9px 6px}.board-controls .twoinput{grid-template-columns:1fr}.auth-page .login-language{padding-right:14px}}

.board-display-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.board-display-bar strong{font-size:14px}.board-expanded,.board-stage:fullscreen{position:fixed;inset:0;z-index:1000;margin:0;border:0;border-radius:0;background:#f8fafc;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;overflow:auto}.board-expanded .board-display-bar,.board-stage:fullscreen .board-display-bar{width:100%;max-width:1000px;flex:none}.board-expanded .pitch,.board-stage:fullscreen .pitch{height:calc(100vh - 130px);height:calc(100dvh - 130px);width:min(100%,calc((100dvh - 130px)*.72));max-width:none;min-height:0;flex:none}.board-expanded .legend,.board-stage:fullscreen .legend{flex:none;margin-top:10px}.showing-board .mobilebar{display:none}.showing-board{overflow:hidden}@media(max-height:450px){.board-expanded .pitch,.board-stage:fullscreen .pitch{height:calc(100dvh - 105px);width:min(100%,calc((100dvh - 105px)*.72))}.board-expanded .board-display-bar{margin-bottom:6px}}

.moremenu{max-height:90dvh;overflow:auto}.moremenu .navgroup{color:#003da5;margin:12px 0 2px}

.language-choice select{min-width:64px;width:64px;padding:8px}.language-choice{gap:0}
/* 0.8: one team context, navigation and account controls in the sidebar. */
.auth-page .layout{display:none!important}.topright{display:none}.topline{justify-content:flex-start;min-height:48px}.breadcrumb{font-size:16px;font-weight:750;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}.side{display:flex;flex-direction:column;height:100dvh;overflow-y:auto}.side #sidenav{flex:1}.menu-base{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 8px;border-top:1px solid #315087;margin-top:18px}.menu-base .account-shell{flex:1}.menu-base .account-content{position:static;width:100%;max-height:60dvh;overflow:auto;margin-top:8px;padding:14px}.menu-base .account-shell details[open]{min-width:205px}.menu-base .language-choice{align-self:flex-start}.menu-base #profileForm{margin-top:18px}.team-menu{padding:10px 14px}.team-menu label{display:block;color:#d5e0f6;font-size:12px;font-weight:750;margin-bottom:7px}.team-menu select{width:100%;max-width:none!important;padding:11px;border-radius:9px;border:1px solid #5574ab;color:#001f5b;background:white;font:inherit;font-size:13px}.create-team-card{max-width:650px}.create-team-card form{display:grid;gap:12px}.parent-form{margin-top:14px}.auth-links{margin-top:16px}.auth-page #profileForm{display:none}.auth-page .account-shell{max-width:500px}.auth-page .account-content form{gap:12px}.auth-page .account-content h2{font-size:23px}.menu-toggle,.menu-close,.menu-backdrop{display:none}.mobilebar{display:none!important}.sidefoot{margin-top:0;font-size:10px}.auth-page .menu-backdrop{display:none!important}
@media(max-width:900px){.main{padding-bottom:28px}.menu-toggle{display:inline-flex;flex:none}.menu-close{display:block;align-self:flex-end;margin-bottom:14px}.topline{gap:12px;flex-wrap:nowrap;align-items:center}.breadcrumb{font-size:14px}.side{display:flex!important;position:fixed;z-index:95;width:min(300px,85vw);left:0;top:0;bottom:0;transform:translateX(-105%);transition:transform .18s ease;padding-bottom:max(20px,env(safe-area-inset-bottom))}.menu-open .side{transform:translateX(0)}.menu-open .menu-backdrop{display:block;position:fixed;inset:0;background:#001f5b80;border:0;z-index:90}.menu-open{overflow:hidden}.auth-page .menu-toggle{display:none}.account-content{max-width:100%}.topmenu{display:none!important}}

@media(max-width:900px){.side{visibility:hidden}.menu-open .side{visibility:visible}}
.side .brand{margin-bottom:16px}.side .navbtn{padding:8px 12px;min-height:36px}.side .nav-group{padding-top:12px}.menu-base{margin-top:12px;padding:12px 8px}

.sync-indicator{font-size:12px;line-height:1.5;margin:0 0 8px;color:#001f5b;overflow-wrap:anywhere}
/* 0.10: quiet sidebar controls, retaining keyboard focus and native options. */
.side .team-menu select,.side .language-choice select{appearance:none;-webkit-appearance:none;color:#fff;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;border:1px solid transparent;border-radius:6px;padding:9px 29px 9px 8px;min-height:38px;box-shadow:none}
.side select option{color:#fff;background:#001f5b}.side .team-menu{padding:8px 12px}.side .team-menu label{font-size:11px;font-weight:500;color:#aac2e9;margin-bottom:1px}.side .account-shell details>summary{background:transparent;color:#fff;border:1px solid transparent;border-radius:6px;padding:9px 8px;font-weight:500;min-height:38px}.side .account-shell details>summary::after{content:none}.side .account-shell summary>span:last-child{margin-left:auto}.side .language-choice select{width:66px;min-width:66px}.side .team-menu select:hover,.side .language-choice select:hover,.side .account-shell summary:hover{background-color:#ffffff0d}.side .team-menu select:focus-visible,.side .language-choice select:focus-visible,.side .account-shell summary:focus-visible{outline:2px solid #ffcc00;outline-offset:2px}.side .account-dot.connected{background:#ffcc00}.study-filter{max-width:320px;margin-bottom:20px}.stage-guide ol{list-style:none;padding:0}.stage-guide li{margin:8px 0;font-size:13px}.stage-guide h3{margin-top:18px;font-size:14px}#knowledgeSources{margin-bottom:22px}.jersey-field{max-width:180px}

.club-body form{display:grid;gap:10px;max-width:650px}.club-body input,.club-body select,.club-body textarea{max-width:100%}.club-body .actions{flex-wrap:wrap;margin:10px 0}.club-body [aria-pressed="true"]{outline:2px solid #ffcc00}.club-body h2{overflow-wrap:anywhere}

/* Club forms share the application controls and keep event statuses legible. */
.club-body form{display:grid;gap:10px;max-width:650px}
.club-body form label{font-size:13px;font-weight:650;margin-top:6px}
.club-body input:not([type=checkbox]),.club-body select,.club-body textarea{max-width:100%;min-width:0;padding:11px 12px;border:1px solid #ccd7ea;border-radius:9px;background:#fff;color:var(--ink);font:inherit}
.club-body form input:not([type=checkbox]),.club-body form select,.club-body textarea{width:100%}
.club-body input[type=checkbox]{accent-color:#003da5}
#eventList article>p>label{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
#eventList .actions{gap:8px;flex-wrap:wrap}
#agendaTeam{margin:8px 12px}
@media(max-width:600px){#agendaTeam{display:block;width:100%;margin:8px 0}.club-body .actions{flex-wrap:wrap}.club-body input[type=datetime-local]{width:100%}}
/* Desktop keeps compact navigation visible at the top of the sidebar. */
@media(min-width:901px){
 .layout{grid-template-columns:250px minmax(0,1fr)}
 .side{display:flex;position:sticky;top:0;left:auto;width:250px;height:100dvh;max-height:100dvh;padding:20px 12px;border-radius:0;box-shadow:none;z-index:50;overflow:auto;transform:none;visibility:visible}
 .side #sidenav{flex:none;gap:2px;align-content:start}
 .side .brand{margin-bottom:12px;gap:8px}
 .side .brand-logo{width:42px;height:42px}
 .side .brand b{font-size:12px}
 .side .brand small{font-size:8px}
 .side .navbtn{padding:9px 12px;min-height:36px;font-size:12px}
 .side .nav-group{margin:12px 12px 4px;font-size:10px}
 .side .team-menu{padding:6px 10px}
 .side .menu-base{padding:10px 6px;margin-top:12px;gap:6px}
 .side .sidefoot{display:none}
 .menu-toggle,.menu-close,.menu-backdrop{display:none!important}
 .topline{gap:14px;align-items:center;margin-bottom:24px}
}

.billing-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;border-left:4px solid var(--yellow,#f5c400)}
.billing-banner.billing-warning{border-left-color:var(--orange,#f26b1d)}
#billingTeams{max-width:120px}

/* 0.14: barra das cinco areas e cartoes dos paineis de entrada. */
.area-nav{display:flex;flex-direction:column;gap:2px;align-content:start}
.area-nav .navbtn{width:100%}
.area-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer}
.area-card b{font-size:16px}
.area-card small{color:var(--muted);line-height:1.45}
.area-card:hover{border-color:var(--blue)}
.area-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:760px){.grid.cols2{grid-template-columns:1fr}}

/* 0.15: a semana vinda do banco. */
.week-pick{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.week-pick label{display:flex;gap:7px;align-items:center;font-weight:700;font-size:14px}
.week-pick select{min-height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit}
.week-focus h2{margin:6px 0 0;font-size:26px;line-height:1.2}
.week-fields{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:8px 18px;margin:0}
.week-fields dt{font-weight:800;color:var(--muted);font-size:13px}
.week-fields dd{margin:0;line-height:1.5}
.activity-sheet{grid-column:1/-1;background:var(--pale)}
@media(max-width:620px){.week-fields{grid-template-columns:1fr;gap:2px 0}.week-fields dd{margin-bottom:10px}}

.model-library h2{margin:0 0 4px;font-size:19px}
.model-library .area-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 0.16: Trilha do Conhecimento. */
.trilha-contagem{font-size:13px;font-weight:700;color:var(--muted)}
.lesson-card{padding:0;overflow:hidden}
.lesson-head{display:flex;align-items:center;gap:12px;padding:14px 17px;flex-wrap:wrap}
.lesson-open{flex:1;min-width:200px;display:flex;align-items:center;gap:11px;background:transparent;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;min-height:44px}
.lesson-open b{font-size:16px}
.lesson-open small{color:var(--muted);margin-left:auto;white-space:nowrap}
.lesson-mark{width:26px;height:26px;flex:none;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--muted)}
.lesson-done .lesson-mark{background:var(--green);border-color:var(--green);color:var(--dark)}
.lesson-body{padding:0 17px 18px;border-top:1px solid var(--line)}
.lesson-h{margin:18px 0 6px;font-size:17px;line-height:1.3}
.lesson-p{margin:0 0 11px;line-height:1.6}
.lesson-ul{margin:0 0 11px;padding-left:20px;line-height:1.6}
.lesson-ul li{margin-bottom:5px}
.lesson-table{overflow-x:auto;margin:0 0 13px}
.lesson-table table{border-collapse:collapse;font-size:14px;min-width:420px;width:100%}
.lesson-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}
.lesson-table td{padding:9px 10px;border-bottom:1px solid var(--line);line-height:1.45;vertical-align:top}

/* 0.17: a trilha unica. */
.trilha-top{display:flex;flex-direction:column;gap:7px}
.trilha-pct{font-size:40px;line-height:1;color:var(--dark)}
.trilha-etapa{margin:22px 0 2px;font-size:13px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.trilha-etapa:first-child{margin-top:4px}

.account-shell summary span[data-user-content]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 0.18: teste de conhecimento ao fim de cada etapa da Formação. */
.lesson-card.lesson-test{border-color:var(--line-strong,#d8d2c6)}
.lesson-card.lesson-test .lesson-mark{background:var(--accent-soft,#f3efe6)}
.teste-q{padding:14px 0;border-top:1px solid var(--line,#e6e1d6)}
.teste-q:first-of-type{border-top:0}
.teste-stem{display:block;margin-bottom:10px;line-height:1.45}
.teste-ops{display:grid;gap:8px}
.teste-op{text-align:left;padding:10px 12px;border:1px solid var(--line,#e6e1d6);border-radius:10px;
 background:var(--surface,#fff);font:inherit;cursor:pointer;line-height:1.4}
.teste-op:hover:not(:disabled){border-color:var(--line-strong,#c9c2b4)}
.teste-op:disabled{cursor:default;opacity:1;color:inherit;-webkit-text-fill-color:currentColor}
.teste-op.teste-marcada{border-color:var(--ink,#2c2a25);box-shadow:inset 0 0 0 1px var(--ink,#2c2a25)}
.teste-op.teste-certa{border-color:#2f7d4f;background:#eef7f1}
.teste-op.teste-errada{border-color:#9d3b2f;background:#fbeeec}
.teste-why{margin-top:8px}
.teste-fim{margin-top:18px;padding-top:14px;border-top:1px solid var(--line,#e6e1d6)}
.teste-nota{font-size:28px;font-weight:600;margin:0 0 6px}
.teste-obs{width:100%;padding:10px 12px;border:1px solid var(--line,#e6e1d6);border-radius:10px;
 font:inherit;background:var(--surface,#fff);margin:4px 0 12px}
.teste-acoes{display:flex;gap:8px;flex-wrap:wrap}

/* 0.19: menu em três blocos, com título por bloco. */
.area-group{color:#9fb9ef;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
 font-weight:850;padding:15px 14px 6px}
.area-group:first-child{padding-top:4px}
.criar-time{margin-top:12px}
.account-links{display:grid;gap:2px;margin-bottom:10px}
.account-link{text-align:left;padding:8px 10px;border:0;border-radius:8px;background:transparent;
 font:inherit;color:inherit;cursor:pointer}
.account-link:hover{background:rgba(255,255,255,.08)}

/* 0.21: aviso de formato no Treino. */
.aviso-formato{border-left:4px solid var(--brand-yellow,#ffc700)}
.aviso-formato p{margin:0 0 6px}
.aviso-formato p:last-child{margin:0}

/* 0.22: planejador de temporada. */
.temporada{border-left:4px solid var(--brand-green,#0b8a4a)}
.temporada h2{margin:4px 0 6px;font-size:22px;line-height:1.2}
.temporada p{margin:0 0 8px}
.temporada-sessoes{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.temporada-sessoes li{border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}
.week-now{font-weight:800;font-size:15px}
.temporada-dialogo{max-width:620px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:16px;padding:22px}
.temporada-dialogo::backdrop{background:rgba(0,0,0,.45)}
.temporada-dialogo h2{margin:0 0 6px}
.temporada-dialogo .field{margin:14px 0}
.temporada-dialogo label{display:block;font-size:14px}
.temporada-dialogo #tempDias label,.temporada-dialogo #tempEntrada label{display:flex;gap:7px;align-items:center;font-weight:600}
.temporada-dialogo #tempPausas label{display:flex;gap:7px;align-items:center;margin:4px 0}
.temporada-dialogo input[type="date"],.temporada-dialogo select{min-height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit;width:100%}
.temporada-dialogo #tempEntrada{margin:14px 0;border-left:4px solid var(--brand-yellow,#ffc700)}

/* 0.23: dias e horarios no planejador, e a agenda do time pessoal. */
.dias-treino{display:grid;gap:6px}
.dia-treino{display:flex;gap:10px;align-items:center;justify-content:space-between;max-width:320px}
.dia-treino label{display:flex;gap:7px;align-items:center;font-weight:600;margin:0}
.hora-treino{min-height:36px;border:1px solid var(--line);border-radius:10px;padding:0 8px;font:inherit;width:120px}
.agenda-temporada .overline{margin-bottom:6px}
.agenda-temporada .temporada-sessoes{margin-bottom:0}

/* 0.24: agenda por dia. */
.agenda-mes{font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 2px}
.agenda-dia{display:grid;gap:4px}
.agenda-topo{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.agenda-topo b{font-size:17px}
.agenda-topo b::first-letter{text-transform:uppercase}
.agenda-horas{font-weight:700;color:var(--muted);font-size:14px}
.agenda-titulo{margin:2px 0 0;font-size:15px}
.agenda-local{margin:0}
.agenda-pe{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.agenda-tipo{font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px;background:rgba(11,138,74,.12);color:#0b6b3c}

/* 0.26: excluir conta. */
.excluir-conta{border-left:4px solid #b4232a}
.excluir-lista{margin:0 0 10px;padding-left:20px;display:grid;gap:6px}
.excluir-grave{font-weight:700}
.btn.perigo{background:#b4232a;border-color:#b4232a;color:#fff}
.btn.perigo:hover{background:#8e1b21;border-color:#8e1b21}

.store-badges{margin-top:22px;padding-top:20px;border-top:1px solid #e7edf7}.store-badges>p:first-child{font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#33496e;margin:0 0 10px}.store-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.store-links a{display:inline-flex;line-height:0;border-radius:9px}.store-links img{display:block;max-width:100%;height:auto}.store-badges .store-note{font-size:11px;line-height:1.5;color:#59677b;margin:10px 0 0}.store-badges[hidden]{display:none}