/* Identidade Time2Coach: fundo saibro, cartoes em verde profundo com conteudo em bege/saibro claro.
   Carregado DEPOIS de tema-base.css e so quando body.tema-t2c. Para voltar ao escuro: ?tema=base.
   Paleta: saibro #A95135 | verde profundo #24533D | creme #F1E9DC | verde-limao #D1E944 | costura #F8F9EB | ponteiros #9A472C
   Apoio: #FFF7EA titulos | #F8E4D7 texto secundario | #F4EADF areia | #183F32 verde escuro | #2B6246 verde medio | #8D422D saibro profundo */

@font-face { font-family: "Barlow Semi Condensed"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/barlow-semi-condensed-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Semi Condensed"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/barlow-semi-condensed-latin-700-normal.woff2") format("woff2"); }

/* ---------- Pagina (sobre o saibro) ---------- */
body.tema-base.tema-t2c {
  --tinta: #FFF7EA; --tinta-2: #F8E4D7; --mudo: #F0CDBA;
  --papel: #A95135; --lateral: #8D422D; --linha: rgba(255, 247, 234, .28); --linha-forte: rgba(255, 247, 234, .45);
  --branco: #24533D; --campo: #FFF7EA;
  --quadra: #D1E944; --quadra-esc: #E0F26A; --quadra-clara: rgba(209, 233, 68, .16);
  --verde: #BFE3C6; --verde-clara: rgba(191, 227, 198, .16);
  --ambar: #F6D77A; --ambar-clara: rgba(246, 215, 122, .16);
  --vermelho: #FFD2C4; --vermelho-clara: rgba(60, 10, 0, .22);
  --chuva: #4F6E86; --chuva-clara: rgba(79, 110, 134, .2);
  --fonte: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --fonte-titulo: Bahnschrift, "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  color-scheme: dark;
  background: var(--papel); color: var(--tinta);
  -webkit-tap-highlight-color: rgba(209, 233, 68, .25);
}

/* ---------- Cartoes verdes (contêineres) com itens internos em bege ---------- */
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) {
  --tinta: #183F32; --tinta-2: #2B6246; --mudo: #5E6F64;
  --linha: #DCCDB8; --linha-forte: #C8B79F;
  --branco: #F4EADF; --campo: #FFF7EA;
  --quadra: #24533D; --quadra-esc: #183F32; --quadra-clara: rgba(36, 83, 61, .1);
  --verde: #2B6246; --verde-clara: rgba(43, 98, 70, .14);
  --ambar: #8A5A00; --ambar-clara: rgba(214, 160, 40, .2);
  --vermelho: #9B2C1F; --vermelho-clara: rgba(169, 81, 53, .16);
  --chuva: #3D5A72; --chuva-clara: rgba(79, 110, 134, .16);
  color: var(--tinta);
}
.tema-t2c h1 { text-transform: uppercase; font-size: 1.9rem; line-height: 1.05; color: #FFF7EA; }
.tema-t2c h2 { font-size: 1.3rem; }
.tema-t2c :is(.cartao, .painel, .chuva-dia) h2 { color: #183F32; }
.tema-t2c .sub, .tema-t2c .cab p, .tema-t2c .dica { color: #F8E4D7; }
.tema-t2c .cab .olho { color: #D1E944; }

.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) :is(.sub, .dica) { color: #5E6F64; }
.tema-t2c .campo label, .tema-t2c legend, .tema-t2c .filtro-rotulo { color: #F8E4D7; }
.tema-t2c a { color: #D1E944; }

.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) a:not(.btn):not(.mini) { color: #24533D; text-decoration: underline; }
.tema-t2c :focus-visible { outline-color: #D1E944; }

/* ---------- Marca ---------- */
.tema-t2c .marca-nome { font-family: var(--fonte-titulo); font-weight: 700; font-size: 1.35rem; letter-spacing: .02em; color: #F1E9DC; line-height: 1; }
.tema-t2c .marca-2l { display: inline-flex; flex-direction: column; font-size: 1.25rem; }
.tema-t2c .marca-2l small { font-size: .62em; letter-spacing: .12em; font-weight: 700; }
.tema-t2c .topo .marca, .tema-t2c .abas-marca { color: #F1E9DC; gap: 10px; }
.tema-t2c .bola-logo, .tema-t2c .abas-marca svg { width: 34px; height: 34px; }
.tema-t2c.area-professor .abas-marca { flex-direction: row; justify-content: flex-start; }

/* ---------- Barras ---------- */
.tema-t2c .topo { background: #8D422D; border-bottom: 1px solid rgba(255, 247, 234, .18); color: #FFF7EA; }
.tema-t2c .topo-nav a, .tema-t2c .topo-nav .link { color: #F8E4D7; }
.tema-t2c .topo-nav a[aria-current="page"] { background: #D1E944; color: #183F32; }
.tema-t2c .topo-nav a:hover, .tema-t2c .topo-nav .link:hover { background: rgba(255, 247, 234, .1); color: #FFF7EA; }
.tema-t2c .abas { background: #8D422D; border-top: 1px solid rgba(255, 247, 234, .18); }
.tema-t2c .abas a { color: #F0CDBA; }
.tema-t2c .abas a[aria-current="page"], .tema-t2c .abas a[aria-current="page"]::before { color: #D1E944; }
.tema-t2c .abas a[aria-current="page"]::before { background: #D1E944; }
@media (min-width: 761px) {
  .tema-t2c.area-professor .abas a[aria-current="page"]:not(.abas-marca) { background: #D1E944; color: #183F32; }
  .tema-t2c.area-professor .abas a:not(.abas-marca):hover { background: rgba(255, 247, 234, .1); color: #FFF7EA; }
  .tema-t2c.area-professor .avatar { background: #D1E944; color: #183F32; }
  .tema-t2c.area-professor .abas-sair:hover { color: #D1E944; }
}
.tema-t2c .selo, .tema-t2c .contador { background: #D1E944; color: #183F32; }

/* ---------- Botoes e campos: na pagina (saibro) ---------- */
.tema-t2c .btn { background: #F4EADF; color: #183F32; border: 1px solid #F4EADF; }
.tema-t2c .btn.primario, .tema-t2c .mini.ok { background: #24533D; color: #F1E9DC; border-color: #24533D; }
.tema-t2c .btn.primario:hover { background: #2B6246; }
.tema-t2c .btn.sec { background: transparent; color: #FFF7EA; border: 1.5px solid rgba(255, 247, 234, .6); }
.tema-t2c .btn.perigo-sec { background: transparent; color: #FFD2C4; border-color: rgba(255, 210, 196, .6); }
.tema-t2c .btn.chuva-btn { background: #3D5A72; color: #fff; border-color: #3D5A72; }
.tema-t2c .mini { background: #F4EADF; color: #183F32; border-color: #F4EADF; }
.tema-t2c .mini.perigo { color: #FFD2C4; background: transparent; border-color: rgba(255, 210, 196, .6); }
.tema-t2c input, .tema-t2c select, .tema-t2c textarea { background: #FFF7EA; color: #183F32; border: 1px solid #C8B79F; }
.tema-t2c input::placeholder, .tema-t2c textarea::placeholder { color: #7C8A80; }
.tema-t2c .ficha span { background: #FFF7EA; color: #183F32; border-color: #C8B79F; }
.tema-t2c .ficha input:checked + span { background: #24533D; border-color: #24533D; color: #F1E9DC; }
.tema-t2c .filtros a { background: rgba(255, 247, 234, .1); color: #FFF7EA; border-color: rgba(255, 247, 234, .35); }
.tema-t2c .filtros a[aria-current="true"] { background: #D1E944; border-color: #D1E944; color: #183F32; }

/* ---------- Botoes e campos dentro dos cartoes ---------- */
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .btn { background: #FFF7EA; color: #183F32; border-color: #C8B79F; }
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .btn.primario, .tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .mini.ok { background: #A95135; color: #FFF7EA; border-color: #A95135; }
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .btn.sec { background: transparent; color: #24533D; border-color: #24533D; }
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .btn.perigo-sec, .tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .mini.perigo { background: transparent; color: #9B2C1F; border-color: rgba(155, 44, 31, .5); }
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .mini { background: #FFF7EA; color: #183F32; border-color: #C8B79F; }
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) :is(.campo label, legend, .filtro-rotulo) { color: #2B6246; }
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) :focus-visible { outline-color: #24533D; }
.tema-t2c :is(.passo, .sugestao) { background: #FFF7EA; border-color: #C8B79F; }

/* ---------- Avisos ---------- */
.tema-t2c .aviso-flash { background: #24533D; color: #F4EADF; border: 1px solid rgba(244, 234, 223, .25); }
.tema-t2c .aviso-flash.ok { background: #24533D; border-left: 5px solid #D1E944; }
.tema-t2c .aviso-flash.erro { background: #7A2F18; color: #FFF7EA; border-color: #9A472C; }
.tema-t2c .aviso-flash.aviso { background: #F8E4D7; color: #6B3A10; border-color: #E8CF93; }
.tema-t2c .resumo { color: #F4EADF; }

/* ---------- Etiquetas: verde = ok, saibro = atencao, bege = neutro ---------- */
.tema-t2c .etq { background: rgba(255, 247, 234, .18); color: #FFF7EA; }
.tema-t2c .etq.ok { background: #D1E944; color: #183F32; }
.tema-t2c .etq.aviso { background: #F8E4D7; color: #7A2F18; }
.tema-t2c .etq.perigo { background: #A95135; color: #FFF7EA; }
.tema-t2c .etq.info, .tema-t2c .etq.tipo-misto { background: #D7E6D4; color: #1F4A36; }
.tema-t2c .etq.neutra { background: rgba(244, 234, 223, .12); color: #E2C6B5; }
.tema-t2c .etq.chuva { background: #D5E0E8; color: #2F4A60; }
.tema-t2c .etq.tipo-feminino { background: #F2C9B5; color: #7A2F18; }
.tema-t2c .etq.tipo-masculino { background: #D7E6D4; color: #1F4A36; }
/* sobre bege: verde = ok, saibro = atencao */
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .etq { background: #E9DDC8; color: #183F32; }
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .etq.ok { background: #24533D; color: #F1E9DC; }
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .etq.aviso { background: #F2C9B5; color: #7A2F18; }
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .etq.perigo { background: #A95135; color: #FFF7EA; }
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .etq.info, .tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .etq.tipo-misto { background: #D7E6D4; color: #1F4A36; }
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .etq.neutra { background: #E9DDC8; color: #5E6F64; }
.tema-t2c :is(.cartao, .stat, .toast, .aviso-flash, .painel, .chuva-dia, .vazio, .horario, .pedido, .alunos-dia, .ficha-aluno, .filtros-painel, .edita-painel, .linha-marcar, .reserva, .sugestao, .passo, .quadra-topo, .numero, .tabela, .corpo-email, .acao-principal[open]) .etq.chuva { background: #D5E0E8; color: #2F4A60; }

/* ---------- Incluir aluno (acao principal) e aluno novo ---------- */
.tema-t2c .acao-principal > summary { background: #D1E944; color: #183F32; border: 0; }
.tema-t2c .acao-principal[open] { background: #F4EADF; border: 1px solid #DCCDB8; }
.tema-t2c details.aluno-novo { border-color: #C8B79F; }
.tema-t2c details.aluno-novo > summary { color: #24533D; }
.tema-t2c .acao-principal[open] .dica { color: #5E6F64; }

/* Cartao de horario inteiro e um link: sem sublinhado */
.tema-t2c a.horario, .tema-t2c .horario, .tema-t2c .horario * { text-decoration: none; }

/* Rodape fixo do celular em verde */
@media (max-width: 760px) {
  .tema-t2c .abas { background: #24533D; border-top: 1px solid rgba(244, 234, 223, .2); }
  .tema-t2c .abas a { color: #BCD2C3; }
  .tema-t2c .acoes.sticky { background: #24533D; padding: 10px 12px; border-radius: 12px 12px 0 0; }
}
.tema-t2c :is(.painel, .chuva-dia) :is(.linha-marcar, .reserva, .horario, .pedido, .sugestao) { background: #FFF7EA; }

/* Avisos e toasts em bege (cartoes todos bege) */
.tema-t2c .aviso-flash { background: #F4EADF; color: #183F32; border: 1px solid #DCCDB8; }
.tema-t2c .aviso-flash.ok { background: #E1EDDA; border-left: 5px solid #24533D; }
.tema-t2c .aviso-flash.erro { background: #F6D9CC; color: #6E2514; border-color: #E0AB96; }
.tema-t2c .aviso-flash.aviso { background: #FFF1D6; color: #6B4700; border-color: #E8CF93; }
.tema-t2c .toast { background: #F4EADF; color: #183F32; border: 1px solid #DCCDB8; border-left: 5px solid #24533D; }
.tema-t2c .toast.erro { border-left-color: #A95135; }
.tema-t2c .stat.alerta { border-left: 5px solid #A95135; }
.tema-t2c .stat b { color: #183F32; }
.tema-t2c .stat.ok b { color: #24533D; }
.tema-t2c .cartao .mudo, .tema-t2c .stat span { color: #5E6F64; }

/* Perfil: cartao de destaque legivel */
.tema-t2c .painel.destaque { background: #FFF7EA; border: 1.5px solid #24533D; --tinta: #183F32; --mudo: #5E6F64; color: #183F32; }
.tema-t2c .painel.destaque h2 { color: #183F32; }
.tema-t2c .painel.destaque .dica { color: #5E6F64; }
.tema-t2c .painel.destaque .link-agenda { background: #FFF; color: #183F32; border: 1px solid #C8B79F; }
.tema-t2c .painel.destaque .btn.sec { background: transparent; color: #24533D; border: 1.5px solid #24533D; }
.tema-t2c .painel.destaque .btn.primario { background: #24533D; color: #F1E9DC; border-color: #24533D; }
.tema-t2c .gaveta { background: #8D422D; }
.tema-t2c .gaveta a { color: #F8E4D7; }
.tema-t2c .gaveta a[aria-current="page"] { background: #D1E944; color: #183F32; }
.tema-t2c .gaveta .btn.sec { color: #FFF7EA; border-color: rgba(255, 247, 234, .6); }
.tema-t2c .menu-btn { color: #FFF7EA; }
.tema-t2c .ranking .filtros a { text-decoration: none; }

.tema-t2c a:is(.mini, .btn, .btn.primario, .mini.ok):has(> .ico-wa) { background: #A95135; color: #FFF7EA; border-color: #A95135; text-decoration: none; }
.tema-t2c a:is(.mini, .btn):has(> .ico-wa):hover { background: #8D422D; border-color: #8D422D; }
.tema-t2c .entrada, .tema-t2c .entrada span, .tema-t2c .entrada strong { color: #183F32; text-decoration: none; } .tema-t2c .entrada small { color: #5E6F64; }
.tema-t2c.area-aluno .topo-nav, .tema-t2c.area-publico .topo-nav { gap: 10px; font-size: .88rem; }
.tema-t2c.area-aluno .topo-nav a, .tema-t2c.area-aluno .topo-nav .link { padding-left: 4px; padding-right: 4px; }


/* Topo da agenda: quadra de saibro com linhas brancas; o nome fica numa faixa translucida para ler bem */
.tema-t2c .quadra-topo.quadra-topo { background: #B8593A; color: #FFF7EA; border: 2px solid #F1E9DC; box-shadow: inset 0 0 0 4px rgba(184, 89, 58, 1), inset 0 0 40px rgba(60, 20, 8, .25); }
.tema-t2c .quadra-topo .quadra-linhas g { opacity: .85; stroke: #FFFFFF; }
.tema-t2c .quadra-topo .quadra-texto { display: inline-block; max-width: 100%; padding: 8px 16px; border-radius: 12px; background: rgba(54, 22, 12, .55); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.tema-t2c .quadra-topo .quadra-texto h1 { color: #FFF7EA; margin: 0 0 2px; }
.tema-t2c .quadra-topo .quadra-texto p { color: #F8E4D7; opacity: 1; }

/* Identidade por perfil: professor = saibro escuro (padrao acima); aluno logado = verde escuro */
.tema-t2c.logado-aluno .topo { background: #183F32; border-bottom-color: rgba(209, 233, 68, .22); }
.tema-t2c.logado-aluno .topo-nav a, .tema-t2c.logado-aluno .topo-nav .link { color: #CFE3D3; }
.tema-t2c.logado-aluno .topo-nav a:hover, .tema-t2c.logado-aluno .topo-nav .link:hover { background: rgba(255, 247, 234, .1); color: #FFF7EA; }
.tema-t2c.logado-aluno .abas { background: #183F32; border-top-color: rgba(209, 233, 68, .22); }
.tema-t2c.logado-aluno .abas a { color: #A9C9B2; }

/* Rodape do celular em verde para professor e aluno (menu lateral do professor no computador segue em saibro) */
@media (max-width: 760px) {
  .tema-t2c.area-professor .abas { background: #183F32; border-top-color: rgba(209, 233, 68, .22); }
  .tema-t2c.area-professor .abas a { color: #A9C9B2; }
  .tema-t2c.area-professor .abas a[aria-current="page"], .tema-t2c.area-professor .abas a[data-mobile-ativo] { color: #D1E944; }
}

/* Telas de entrada do aluno: topo verde, logo centralizada e inteira */
.tema-t2c.entrada-centro .topo-in { justify-content: center; }
.tema-t2c.entrada-centro .topo-nav { display: none; }
.tema-t2c.entrada-centro .topo .marca-nome { max-width: none; animation: none; }