/* Mundo do produto: caderno, caneta azul (o edital exige azul ou preta), marca-texto, cartão-resposta */
:root{
  --papel:#f6f2e9;        /* fundo: folha de caderno */
  --folha:#fbf8f2;        /* superfície 1 */
  --folha-alta:#fffdf9;   /* superfície 2 (menus) */
  --pauta:rgba(40,52,90,.10);   /* bordas = linhas da pauta */
  --pauta-forte:rgba(40,52,90,.18);
  --tinta:#1d2440;        /* texto principal: grafite azulado */
  --tinta-2:#2f3550;
  --tinta-3:#4c5270;
  --tinta-4:#8d92a6;
  --caneta:#2346b8;       /* acento único: caneta esferográfica azul */
  --caneta-suave:rgba(35,70,184,.10);
  --marca:#ffe35c;        /* marca-texto: dias estudados / destaque */
  --marca-suave:rgba(255,227,92,.45);
  --correcao:#c2412d;     /* caneta vermelha: erro */
  --certo:#2f7d4f;
  --campo:#efe9dc;        /* campos afundados */
  --r-p:8px; --r-m:14px; --r-g:20px;
  --u:clamp(5px,min(.42vw,.78vh),10px); /* unidade que acompanha a tela (largura E altura) */
}
/* Tema escuro: caderno à noite, luz baixa, tinta mais clara para não cansar a vista */
:root[data-tema="escuro"]{
  --papel:#14161f; --folha:#1b1e2a; --folha-alta:#242839;
  --pauta:rgba(200,210,240,.09); --pauta-forte:rgba(200,210,240,.17);
  --tinta:#ffffff; --tinta-2:#e6e8f2; --tinta-3:#c6cadb; --tinta-4:#80859f;
  --caneta:#7390ff; --caneta-suave:rgba(115,144,255,.15);
  --marca:#e9d05a; --marca-suave:rgba(233,208,90,.16);
  --correcao:#f07c68; --certo:#62c48b; --campo:#10121a;
}
body{transition:background .2s,color .2s}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--papel);color:var(--tinta);font-family:Figtree,system-ui,sans-serif;font-size:clamp(12px,min(.82vw,1.5vh),17px);overflow:hidden}
.app{height:100vh;display:grid;grid-template-rows:auto 1fr}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.mono{font-family:"JetBrains Mono",monospace;font-variant-numeric:tabular-nums}
.serif{font-family:Newsreader,Georgia,serif}

/* ===== Barra superior ===== */
.topo{display:flex;align-items:center;gap:calc(var(--u)*3);padding:calc(var(--u)*1.6) calc(var(--u)*4);border-bottom:1px solid var(--pauta);background:var(--papel)}
.marca-app{font-family:Newsreader,serif;font-weight:600;font-size:1.55em;letter-spacing:-.01em;display:flex;align-items:center;gap:.4em}
.marca-app i{width:.55em;height:.55em;border-radius:50%;background:var(--caneta);display:inline-block}
.perfil{position:relative}
.perfil-btn{display:flex;align-items:center;gap:.6em;padding:.45em .9em .45em .45em;border:1px solid var(--pauta-forte);border-radius:999px;background:var(--folha)}
.perfil-btn:hover{border-color:var(--caneta)}
.avatar{width:2em;height:2em;border-radius:50%;background:var(--caneta);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85em}
.perfil-btn b{font-weight:600}
.perfil-btn small{color:var(--tinta-3);font-size:.85em}
.menu{position:absolute;top:calc(100% + 8px);left:0;min-width:300px;background:var(--folha-alta);border:1px solid var(--pauta-forte);border-radius:var(--r-m);box-shadow:0 10px 30px rgba(29,36,64,.10);padding:6px;display:none;z-index:10}
.menu.aberto{display:block}
.menu button{width:100%;display:flex;align-items:center;gap:.7em;padding:.6em .7em;border-radius:var(--r-p);text-align:left}
.menu button:hover{background:var(--caneta-suave)}
.menu .novo{color:var(--caneta);font-weight:600;border-top:1px solid var(--pauta);border-radius:0 0 var(--r-p) var(--r-p);margin-top:4px}
.avatar.cinza{background:var(--tinta-4)}

.abas{display:flex;gap:.25em;margin:0 auto;background:var(--campo);padding:4px;border-radius:999px}
.aba{padding:.5em 1.1em;border-radius:999px;color:var(--tinta-2);font-weight:500;white-space:nowrap}
.aba:hover{color:var(--tinta)}
.aba.ativa{background:var(--folha-alta);color:var(--tinta);font-weight:600;box-shadow:0 1px 2px rgba(29,36,64,.12)}

.direita{display:flex;align-items:center;gap:calc(var(--u)*1.6)}
.faltam{display:flex;align-items:baseline;gap:.4em;padding:.35em .9em;border-radius:999px;background:var(--marca-suave)}
.faltam b{font-family:"JetBrains Mono";font-size:1.25em}
.faltam span{color:var(--tinta-2);font-size:.9em}
.pomo-mini{display:flex;align-items:center;gap:.5em;padding:.35em .5em .35em .9em;border:1px solid var(--pauta-forte);border-radius:999px;background:var(--folha)}
.pomo-mini .mono{font-size:1.05em;font-weight:700}
.bolinha-play{width:1.9em;height:1.9em;border-radius:50%;background:var(--caneta);color:#fff;display:grid;place-items:center;font-size:.8em}
.engrenagem{width:2.4em;height:2.4em;border-radius:50%;display:grid;place-items:center;border:1px solid var(--pauta-forte);background:var(--folha);color:var(--tinta-2)}
.engrenagem:hover{color:var(--caneta);border-color:var(--caneta)}

/* ===== Conteúdo (tela "Hoje") ===== */
.palco{min-height:0;padding:calc(var(--u)*3) calc(var(--u)*4);display:grid;gap:calc(var(--u)*2.5);
  grid-template-columns:1.55fr 1fr;grid-template-rows:minmax(0,1.1fr) minmax(0,1fr)}
.bloco{background:var(--folha);border:1px solid var(--pauta);border-radius:var(--r-g);padding:calc(var(--u)*3);min-height:0;display:flex;flex-direction:column;overflow:hidden}
.rotulo{font-size:.78em;font-weight:600;color:var(--tinta-3);letter-spacing:.06em;text-transform:uppercase}
.titulo{font-family:Newsreader,serif;font-weight:600;font-size:1.5em;letter-spacing:-.01em;line-height:1.15}
.cab{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:calc(var(--u)*2)}
.cab a{color:var(--caneta);font-weight:600;font-size:.9em;text-decoration:none}

/* Aula de hoje */
.aula{grid-row:1}
.aula .materia{color:var(--caneta);font-weight:600;margin-top:calc(var(--u)*1.2)}
.aula h1{font-family:Newsreader,serif;font-weight:600;font-size:2.6em;line-height:1.05;letter-spacing:-.02em;margin:.15em 0 .3em}
.pilulas{display:flex;gap:.5em;flex-wrap:wrap}
.pilula{padding:.3em .9em;border-radius:999px;border:1px solid var(--pauta-forte);font-size:.88em;font-weight:500;color:var(--tinta-2)}
.pilula.nivel{background:var(--caneta-suave);border-color:transparent;color:var(--caneta);font-weight:600}
.nesta{margin-top:calc(var(--u)*3);padding:calc(var(--u)*2) calc(var(--u)*2.5);background:var(--papel);border-radius:var(--r-m);border-left:4px solid var(--marca)}
.nesta ol{margin:.6em 0 0 1.2em;display:flex;flex-direction:column;gap:.45em;color:var(--tinta-2);line-height:1.35}
.nesta ol b{color:var(--tinta);font-weight:600}
.trilha{display:grid;grid-template-columns:10fr 20fr 50fr 10fr;gap:6px;margin:auto 0 calc(var(--u)*1.5);padding-top:calc(var(--u)*2.5)}
.etapa{display:flex;flex-direction:column;gap:.5em}
.etapa .barra{height:10px;border-radius:999px;background:var(--campo)}
.etapa.feita .barra{background:var(--caneta)}
.etapa.agora .barra{background:linear-gradient(90deg,var(--caneta) 35%,var(--campo) 35%)}
.etapa b{font-size:.9em}
.etapa small{color:var(--tinta-3);font-size:.8em}
.comecar{margin-top:calc(var(--u)*1.5);align-self:flex-start;background:var(--caneta);color:#fff;font-weight:700;font-size:1.1em;padding:.8em 1.8em;border-radius:999px;display:flex;align-items:center;gap:.6em}
.comecar:hover{background:#1b3a9e}
.comecar:focus-visible,.aba:focus-visible,.perfil-btn:focus-visible{outline:3px solid var(--marca);outline-offset:2px}

/* Pomodoro grande */
.pomodoro{grid-row:1;align-items:center;text-align:center}
.pomodoro .cab{width:100%}
.modos{display:flex;gap:4px;background:var(--campo);padding:4px;border-radius:999px}
.modo{padding:.35em .9em;border-radius:999px;font-size:.85em;color:var(--tinta-2);font-weight:500}
.modo.ativo{background:var(--folha-alta);color:var(--tinta);font-weight:600;box-shadow:0 1px 2px rgba(29,36,64,.12)}
.relogio{position:relative;width:min(100%,clamp(170px,15vw,300px));aspect-ratio:1;margin:auto}
.relogio svg{width:100%;height:100%;transform:rotate(-90deg)}
.relogio .tempo{position:absolute;inset:0;display:grid;place-content:center}
.relogio .tempo b{font-family:"JetBrains Mono";font-size:clamp(34px,3.1vw,62px);font-weight:700;letter-spacing:-.03em}
.relogio .tempo span{color:var(--tinta-3);font-size:.9em}
.ciclos{display:flex;gap:8px;justify-content:center;margin:calc(var(--u)*1.2) 0}
.ciclos i{width:12px;height:12px;border-radius:50%;border:2px solid var(--caneta)}
.ciclos i.cheio{background:var(--caneta)}
.controles{display:flex;gap:10px;justify-content:center}
.ctl{padding:.6em 1.4em;border-radius:999px;border:1px solid var(--pauta-forte);font-weight:600}
.ctl.prim{background:var(--caneta);color:#fff;border-color:var(--caneta);min-width:8em}

/* Contagem + horas */
.lateral{grid-row:1;display:grid;grid-template-rows:auto 1fr;gap:calc(var(--u)*2.5);min-height:0}
.contagem{background:var(--folha);border:1px solid var(--pauta);border-radius:var(--r-g);padding:calc(var(--u)*3);display:grid;grid-template-columns:auto 1fr;gap:calc(var(--u)*2.5);align-items:center}
.carimbo{border:2px solid var(--caneta);border-radius:var(--r-m);padding:.5em 1em;text-align:center;color:var(--caneta);transform:rotate(-2deg)}
.carimbo b{display:block;font-family:"JetBrains Mono";font-size:clamp(36px,3.2vw,64px);line-height:1}
.carimbo span{font-size:.8em;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.contagem .serif{font-size:1.35em;font-weight:600}
.contagem p{color:var(--tinta-2);margin-top:.3em;font-size:.92em;line-height:1.4}
.horas .total{display:flex;align-items:baseline;gap:.5em}
.horas .total b{font-family:"JetBrains Mono";font-size:2.4em;font-weight:700}
.horas .total span{color:var(--tinta-3)}
.meta{height:12px;border-radius:999px;background:var(--campo);overflow:hidden;margin:calc(var(--u)*1.2) 0 calc(var(--u)*2)}
.meta i{display:block;height:100%;width:58%;background:var(--caneta);border-radius:999px}
.semana{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;flex:1;min-height:60px}
.dia{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.dia i{width:100%;max-width:34px;border-radius:8px 8px 4px 4px;background:var(--caneta-suave)}
.dia i.ok{background:var(--caneta)}
.dia i.hoje{background:repeating-linear-gradient(135deg,var(--caneta) 0 6px,#4a68cf 6px 12px)}
.dia small{color:var(--tinta-3);font-size:.78em;font-weight:600}

/* Cartão-resposta do edital (assinatura) */
.cartao{grid-column:1;grid-row:2}
.linhas-cartao{display:flex;flex-direction:column;justify-content:space-around;flex:1;min-height:0}
.linha{display:grid;grid-template-columns:minmax(150px,13em) 1fr 4.5em 4.5em;align-items:center;gap:calc(var(--u)*2);padding:.35em 0;border-bottom:1px dashed var(--pauta)}
.linha:last-child{border-bottom:0}
.linha b{font-weight:600}
.linha small{color:var(--tinta-3);display:block;font-size:.8em}
.bolhas{display:flex;flex-wrap:wrap;gap:5px}
.bolhas i{width:clamp(12px,.95vw,18px);height:clamp(12px,.95vw,18px);border-radius:50%;border:1.5px solid var(--tinta-4)}
.bolhas i.f{background:var(--caneta);border-color:var(--caneta)}
.bolhas i.r{background:var(--marca);border-color:#d9b92b}
.bolhas i.e{border-color:var(--correcao);border-width:2px}
.peso{font-family:"JetBrains Mono";font-weight:700;text-align:right}
.peso small{font-family:Figtree;font-weight:500}
.pct{font-family:"JetBrains Mono";font-weight:700;text-align:right;color:var(--caneta)}
.legenda{display:flex;gap:1.2em;color:var(--tinta-3);font-size:.82em;margin-top:calc(var(--u)*1)}
.legenda span{display:flex;align-items:center;gap:.4em}
.legenda i{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--tinta-4)}

/* Calendário */
.calendario{grid-column:3;grid-row:2}
.grade-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;flex:1;align-content:space-evenly;text-align:center}
.grade-cal .sem{font-size:.75em;color:var(--tinta-3);font-weight:700}
.grade-cal .d{padding:.32em 0;border-radius:8px;font-size:.9em;font-variant-numeric:tabular-nums}
.grade-cal .d.estudou{background:var(--marca-suave)}
.grade-cal .d.hoje{background:var(--caneta);color:#fff;font-weight:700}
.grade-cal .d.fora{color:var(--tinta-4)}
.grade-cal .d.prova{border:2px solid var(--correcao);color:var(--correcao);font-weight:700}

/* ===== Pomodoro no canto (abre um painel) ===== */
.pomo-wrap{position:relative}
.pomo-mini{cursor:pointer}
.pomo-mini .ciclinho{display:flex;gap:3px;margin-left:.2em}
.pomo-mini .ciclinho i{width:6px;height:6px;border-radius:50%;border:1.5px solid var(--caneta)}
.pomo-mini .ciclinho i.cheio{background:var(--caneta)}
.pomo-pop{position:absolute;top:calc(100% + 10px);right:0;width:360px;background:var(--folha-alta);border:1px solid var(--pauta-forte);border-radius:var(--r-g);box-shadow:0 16px 40px rgba(10,14,30,.18);padding:20px;display:none;z-index:20;text-align:center}
.pomo-pop.aberto{display:block}
.pomo-pop .modos{justify-content:center;margin:0 auto 6px;width:max-content}
.pomo-pop .relogio{width:200px;margin:10px auto}
.pomo-pop .relogio .tempo b{font-size:46px}
.ajustes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--pauta);text-align:left}
.ajuste{display:flex;flex-direction:column;gap:6px}
.ajuste span{font-size:.8em;color:var(--tinta-3);font-weight:600}
.stepper{display:flex;align-items:center;justify-content:space-between;background:var(--campo);border-radius:999px;padding:3px}
.stepper button{width:28px;height:28px;border-radius:50%;background:var(--folha-alta);font-weight:700;color:var(--tinta-2)}
.stepper button:hover{color:var(--caneta)}
.stepper b{font-family:"JetBrains Mono";font-size:.95em}

/* ===== Início: próximas aulas e dificuldade ===== */
.proximas{grid-column:2;grid-row:1}
.prox-lista{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}
.prox{display:grid;grid-template-columns:4.2em 1fr auto;gap:calc(var(--u)*1.8);align-items:center;padding:.85em 0;border-bottom:1px dashed var(--pauta)}
.prox:last-child{border-bottom:0}
.prox .quando{font-size:.8em;font-weight:700;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.04em;line-height:1.2}
.prox .quando b{display:block;font-family:"JetBrains Mono";font-size:1.5em;color:var(--tinta);letter-spacing:0}
.prox .mat{font-size:.85em;color:var(--caneta);font-weight:600}
.prox .ass{font-weight:600;line-height:1.25}
.pilula.p{font-size:.78em;padding:.2em .7em}
.pilula.reforco{background:var(--marca-suave);border-color:transparent;color:var(--tinta)}
.dificuldade{grid-column:2;grid-row:2}
.dificuldade p{color:var(--tinta-2);line-height:1.45;margin-bottom:calc(var(--u)*1.8)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:.45em .95em;border-radius:999px;border:1px solid var(--pauta-forte);font-weight:500;background:var(--folha)}
.chip:hover{border-color:var(--caneta);color:var(--caneta)}
.chip.sel{background:var(--caneta);color:#fff;border-color:var(--caneta)}
.chip .x{color:var(--correcao);font-weight:700;margin-left:.3em}
.chip.sel .x{color:#fff}
.busca{margin-top:calc(var(--u)*1.8);display:flex;align-items:center;gap:.6em;background:var(--campo);border-radius:999px;padding:.6em 1em;color:var(--tinta-3)}
.reforcar{margin-top:auto;align-self:flex-start;background:var(--tinta);color:var(--papel);font-weight:700;padding:.7em 1.4em;border-radius:999px}

/* ===== Questões ===== */
.q-palco{min-height:0;padding:calc(var(--u)*3) calc(var(--u)*4);display:grid;gap:calc(var(--u)*2.5);grid-template-columns:minmax(300px,24%) 1fr minmax(200px,15%)}
.q-config{gap:calc(var(--u)*2.2);overflow:auto}
.grupo>span{display:block;font-size:.78em;font-weight:600;color:var(--tinta-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.6em}
.pil3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pil3 .chip,.pil2 .chip{text-align:center;padding:.45em .3em;font-size:.9em}
.pil2{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.campo{display:flex;justify-content:space-between;align-items:center;background:var(--campo);border-radius:var(--r-p);padding:.65em .9em;font-weight:500}
.campo small{color:var(--tinta-3)}
.modo-card{display:flex;gap:.8em;align-items:flex-start;text-align:left;border:1px solid var(--pauta-forte);border-radius:var(--r-m);padding:.8em .9em;width:100%;margin-bottom:8px;background:var(--folha)}
.modo-card i{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--tinta-4);margin-top:2px}
.modo-card.sel{border-color:var(--caneta);background:var(--caneta-suave)}
.modo-card.sel i{border-color:var(--caneta);background:radial-gradient(var(--caneta) 45%,transparent 50%)}
.modo-card b{display:block;font-weight:600}
.modo-card small{color:var(--tinta-2);line-height:1.35;display:block;margin-top:.2em}
.gerar{background:var(--caneta);color:#fff;font-weight:700;padding:.8em;border-radius:999px;width:100%;margin-top:auto;font-size:1.05em}
.q-area{overflow:auto}
.q-topo{display:flex;justify-content:space-between;align-items:center;gap:1em;margin-bottom:calc(var(--u)*1.5)}
.progresso{flex:1;height:8px;border-radius:999px;background:var(--campo);overflow:hidden;max-width:340px}
.progresso i{display:block;height:100%;width:15%;background:var(--caneta)}
.origem{display:flex;gap:.5em;flex-wrap:wrap;margin-bottom:calc(var(--u)*2)}
.enunciado{font-size:1.18em;line-height:1.5;margin-bottom:calc(var(--u)*2)}
.alts{display:flex;flex-direction:column;gap:8px}
.alt{display:grid;grid-template-columns:2.1em 1fr auto;gap:.8em;align-items:center;text-align:left;padding:.65em .9em;border:1px solid var(--pauta-forte);border-radius:var(--r-m);background:var(--folha);font-size:1.02em}
.alt:hover{border-color:var(--caneta)}
.alt .letra{width:2em;height:2em;border-radius:50%;border:1.5px solid var(--tinta-4);display:grid;place-items:center;font-weight:700;font-size:.85em;color:var(--tinta-2)}
.alt u{text-decoration-color:var(--caneta);text-decoration-thickness:2px;text-underline-offset:3px}
.alt .sinal{font-weight:700;font-size:.85em}
.alt.certa{border-color:var(--certo);background:color-mix(in srgb,var(--certo) 9%,var(--folha))}
.alt.certa .letra{background:var(--certo);border-color:var(--certo);color:#fff}
.alt.certa .sinal{color:var(--certo)}
.alt.errada{border-color:var(--correcao);background:color-mix(in srgb,var(--correcao) 8%,var(--folha))}
.alt.errada .letra{border-color:var(--correcao);color:var(--correcao);border-width:2px}
.alt.errada .sinal{color:var(--correcao)}
.explica{margin-top:calc(var(--u)*2.2);display:none;gap:calc(var(--u)*1.8);grid-template-columns:1.2fr 1fr}
.explica.aberta{display:grid}
.exp-box{border-radius:var(--r-m);padding:1em 1.1em;background:var(--papel);line-height:1.5}
.exp-box h4{font-family:Newsreader,serif;font-size:1.15em;font-weight:600;margin-bottom:.4em}
.exp-box ul{margin-left:1.1em;color:var(--tinta-2);display:flex;flex-direction:column;gap:.3em}
.exp-box ul b{color:var(--tinta)}
.exp-box.banca{border-left:4px solid var(--marca)}
.exp-acoes{grid-column:1 / -1;display:flex;gap:10px;justify-content:flex-end}
.btn{padding:.65em 1.3em;border-radius:999px;border:1px solid var(--pauta-forte);font-weight:600}
.btn.prim{background:var(--caneta);border-color:var(--caneta);color:#fff}
.q-mapa .bolhas{gap:8px;justify-content:flex-start}
.q-mapa .bolhas i{width:26px;height:26px;display:grid;place-items:center;font-size:.72em;font-weight:700;color:var(--tinta-3);font-style:normal}
.q-mapa .bolhas i.f{color:#fff}
.q-mapa .bolhas i.e{color:var(--correcao)}
.q-mapa .bolhas i.atual{border-color:var(--caneta);border-width:2.5px;color:var(--caneta)}
.placar{margin-top:auto;padding-top:1em;border-top:1px solid var(--pauta)}
.placar b{font-family:"JetBrains Mono";font-size:1.8em}
.placar small{display:block;color:var(--tinta-3)}

/* ===== Grade (cronograma) ===== */
.g-palco{min-height:0;padding:calc(var(--u)*3) calc(var(--u)*4);display:grid;gap:calc(var(--u)*2.5);grid-template-columns:1fr minmax(320px,27%);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
.semana-grade{grid-row:1 / span 2}
.dias{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;flex:1;min-height:0}
.dcol{display:flex;flex-direction:column;gap:8px;min-height:0}
.dcol>b{font-size:.85em;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.05em;text-align:center}
.dcol>b small{display:block;font-family:"JetBrains Mono";font-size:1.5em;color:var(--tinta);letter-spacing:0}
.dcol.hoje>b small{color:var(--caneta)}
.bl{border-radius:var(--r-p);padding:.55em .65em;background:var(--caneta-suave);border-left:3px solid var(--caneta);font-size:.86em;line-height:1.3}
.bl b{display:block;font-weight:600;color:var(--tinta)}
.bl small{color:var(--tinta-2)}
.bl.rev{background:var(--marca-suave);border-left-color:#d9b92b}
.bl.q{background:var(--campo);border-left-color:var(--tinta-3)}
.bl.feito{opacity:.55}
.bl.feito b::after{content:" ✓";color:var(--certo)}
.dcol.folga .bl{display:none}
.dcol.folga::after{content:"Folga";margin:auto;color:var(--tinta-4);font-weight:600}
.horas-grade{grid-column:2;grid-row:1}
.ajustar{grid-column:2;grid-row:2}
.linha-dia{display:grid;grid-template-columns:3em 1fr;align-items:center;gap:10px;margin-bottom:7px}
.linha-dia span{font-weight:600;color:var(--tinta-2);font-size:.9em}

/* ===== Edital ===== */
.e-palco{min-height:0;padding:calc(var(--u)*3) calc(var(--u)*4);display:grid;gap:calc(var(--u)*2.5);grid-template-columns:1.4fr 1fr;grid-template-rows:auto minmax(0,1fr)}
.edital-card{grid-row:1 / span 2}
.edital-card h2{font-family:Newsreader,serif;font-size:2.1em;font-weight:600;letter-spacing:-.01em;line-height:1.1;margin:.2em 0 .5em}
.ficha{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*1.5);margin-bottom:calc(var(--u)*2.5)}
.ficha div{background:var(--papel);border-radius:var(--r-m);padding:.8em 1em}
.ficha small{display:block;color:var(--tinta-3);font-size:.8em;font-weight:600}
.ficha b{font-size:1.05em}
.vigia{display:flex;gap:.8em;align-items:center;padding:.8em 1em;border-radius:var(--r-m);background:var(--caneta-suave);color:var(--tinta);margin-bottom:calc(var(--u)*2.5)}
.vigia i{width:10px;height:10px;border-radius:50%;background:var(--certo);box-shadow:0 0 0 4px color-mix(in srgb,var(--certo) 25%,transparent)}
.arquivos .arq{display:flex;align-items:center;gap:.8em;padding:.75em 0;border-bottom:1px dashed var(--pauta)}
.arq .pdf{width:2.4em;height:2.8em;border-radius:6px;background:var(--correcao);color:#fff;font-size:.7em;font-weight:700;display:grid;place-items:center}
.arq small{display:block;color:var(--tinta-3)}
.e-acoes{display:flex;gap:10px;margin-top:auto;padding-top:1em}

/* ===== Configurações (janela) ===== */
.veu{position:fixed;inset:0;background:rgba(10,12,22,.45);display:none;place-items:center;z-index:50}
.veu.aberto{display:grid}
.janela{width:min(640px,92vw);background:var(--folha-alta);border:1px solid var(--pauta-forte);border-radius:var(--r-g);padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.25)}
.janela .titulo{margin-bottom:18px}
.secao{padding:16px 0;border-top:1px solid var(--pauta)}
.secao>span{display:block;font-size:.78em;font-weight:600;color:var(--tinta-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.7em}
.entrada{display:flex;gap:8px}
.entrada div{flex:1;background:var(--campo);border-radius:var(--r-p);padding:.7em 1em;font-family:"JetBrains Mono";color:var(--tinta-2);letter-spacing:.1em}
.nota{color:var(--tinta-3);font-size:.85em;margin-top:.6em;line-height:1.4}
.ok{color:var(--certo);font-weight:600}

/* ===== v3: Pomodoro ===== */
.pomo-cab{display:flex;align-items:center;justify-content:center;gap:.4em}
.toggle{display:flex;align-items:center;gap:12px;text-align:left;margin-top:14px;padding:12px;border-radius:var(--r-m);background:var(--papel);cursor:pointer}
.toggle span{flex:1}
.toggle b{display:block;font-weight:600;font-size:.95em}
.toggle small{color:var(--tinta-3);font-size:.8em;line-height:1.3;display:block}
.toggle input{display:none}
.toggle i{flex:none;width:42px;height:24px;border-radius:999px;background:var(--tinta-4);position:relative;transition:background .2s}
.toggle i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .2s}
.toggle input:checked+i{background:var(--caneta)}
.toggle input:checked+i::after{left:21px}
.escuro{position:fixed;inset:0;background:#07080d;z-index:100;display:none;place-content:center;text-align:center;color:#c9cde0;cursor:pointer}
.escuro.aberto{display:grid}
.escuro b{font-family:"JetBrains Mono";font-size:clamp(80px,11vw,200px);font-weight:700;color:#e8ebf7;letter-spacing:-.04em;line-height:1}
.escuro span{font-size:1.2em;margin-top:.6em;color:#8a8fa8}
.escuro small{margin-top:3em;color:#4b5068}

/* ===== v3: "i" de instrução ===== */
.i{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;border:1.5px solid var(--tinta-4);color:var(--tinta-3);font:italic 700 .72rem Newsreader,serif;cursor:help;margin-left:.45em;vertical-align:middle;flex:none;letter-spacing:0;text-transform:none}
.i:hover,.i:focus{border-color:var(--caneta);color:var(--caneta);outline:none}
.dica{text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto;position:fixed;z-index:200;max-width:320px;background:var(--tinta);color:var(--papel);padding:.75em .95em;border-radius:var(--r-m);font-size:.88rem;line-height:1.45;box-shadow:0 10px 30px rgba(0,0,0,.2);pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .12s,transform .12s;font-family:Figtree,sans-serif;font-weight:500;text-transform:none;letter-spacing:0}
.dica.ver{opacity:1;transform:none}
.tt{display:flex;align-items:center}

/* ===== v3: Progresso no edital (substitui o cartão grande) ===== */
.palco{grid-template-rows:minmax(0,1.3fr) minmax(0,.9fr)}
.prog-lista{display:flex;flex-direction:column;justify-content:space-around;flex:1;min-height:0}
.prog{display:grid;grid-template-columns:minmax(150px,12em) 1fr 6.5em;align-items:center;gap:calc(var(--u)*2)}
.prog b{font-weight:600}
.trilho{height:14px;border-radius:999px;background:var(--campo);display:flex;overflow:hidden}
.trilho i{height:100%}
.trilho .f{background:var(--caneta)}
.trilho .r{background:var(--marca)}
.trilho .e{background:var(--correcao)}
.prog .cont{font-family:"JetBrains Mono";font-weight:700;text-align:right}
.prog .cont small{font-family:Figtree;font-weight:500;color:var(--tinta-3)}
.leg2{display:flex;gap:1.2em;color:var(--tinta-3);font-size:.82em;margin-top:.6em}
.leg2 span{display:flex;align-items:center;gap:.4em}
.leg2 i{width:10px;height:10px;border-radius:3px}

/* ===== v3: Questões com chat ===== */
.q-palco{grid-template-columns:minmax(290px,21%) 1fr minmax(320px,27%)}
.lista-ass{display:flex;flex-direction:column;gap:2px;max-height:24vh;overflow:auto;background:var(--campo);border-radius:var(--r-m);padding:6px}
.lista-ass button{display:flex;align-items:center;gap:.6em;padding:.42em .6em;border-radius:var(--r-p);text-align:left;font-size:.92em}
.lista-ass button:hover{background:var(--folha-alta)}
.lista-ass button i{flex:none;width:15px;height:15px;border-radius:50%;border:1.5px solid var(--tinta-4)}
.lista-ass button.sel i{background:var(--caneta);border-color:var(--caneta)}
.lista-ass button.todos{font-weight:600}
.lado{display:flex;flex-direction:column;gap:calc(var(--u)*2.5);min-height:0}
.q-mapa{flex:none}
.q-mapa .bolhas{gap:6px}
.q-mapa .bolhas i{width:22px;height:22px;font-size:.66em}
.q-mapa .linha-placar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8em}
.q-mapa .linha-placar b{font-family:"JetBrains Mono";font-size:1.1em}
.chat{flex:1;min-height:0}
.msgs{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:4px 2px}
.msg{max-width:88%;padding:.7em .9em;border-radius:16px;line-height:1.45;font-size:.95em}
.msg.ia{background:var(--papel);border-top-left-radius:4px}
.msg.eu{background:var(--caneta);color:#fff;align-self:flex-end;border-top-right-radius:4px}
.sugestoes{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.sugestoes .chip{font-size:.82em;padding:.35em .8em}
.escrever{display:flex;gap:8px;align-items:center;background:var(--campo);border-radius:999px;padding:5px 5px 5px 16px}
.escrever span{flex:1;color:var(--tinta-3)}
.escrever button{width:2.3em;height:2.3em;border-radius:50%;background:var(--caneta);color:#fff;font-weight:700}

/* ===== v3: Tela de Aula (estudar de fato) ===== */
.a-palco{min-height:0;padding:calc(var(--u)*3) calc(var(--u)*4);display:grid;gap:calc(var(--u)*2.5);grid-template-columns:1fr minmax(320px,27%);grid-template-rows:auto minmax(0,1fr)}
.passos{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.passo{display:flex;align-items:center;gap:.8em;padding:.8em 1em;border-radius:var(--r-m);background:var(--folha);border:1px solid var(--pauta)}
.passo .n{width:2em;height:2em;border-radius:50%;display:grid;place-items:center;font-weight:700;border:1.5px solid var(--tinta-4);color:var(--tinta-3);font-size:.85em}
.passo b{display:block;font-weight:600}
.passo small{color:var(--tinta-3);font-size:.82em}
.passo.feito .n{background:var(--certo);border-color:var(--certo);color:#fff}
.passo.agora{border-color:var(--caneta);background:var(--caneta-suave)}
.passo.agora .n{background:var(--caneta);border-color:var(--caneta);color:#fff}
.conteudo{overflow:auto}
.conteudo .topo-aula{display:flex;justify-content:space-between;align-items:flex-start;gap:1em}
.conteudo h1{font-family:Newsreader,serif;font-weight:600;font-size:2.3em;letter-spacing:-.02em;line-height:1.1;margin:.1em 0 .4em}
.niveis{display:flex;gap:4px;background:var(--campo);padding:4px;border-radius:999px;flex:none}
.niveis button{padding:.4em 1em;border-radius:999px;font-size:.88em;color:var(--tinta-2);font-weight:500}
.niveis button.sel{background:var(--folha-alta);color:var(--tinta);font-weight:600;box-shadow:0 1px 2px rgba(29,36,64,.12)}
.cols-aula{display:grid;grid-template-columns:1.1fr 1fr;gap:calc(var(--u)*2.5);margin-top:calc(var(--u)*1.5)}
.sec h3{font-family:Newsreader,serif;font-size:1.3em;font-weight:600;margin-bottom:.4em}
.sec p{color:var(--tinta-2);line-height:1.55}
.sec p b{color:var(--tinta)}
.tab-conect{width:100%;border-collapse:collapse;margin-top:.4em;font-size:.95em}
.tab-conect td{padding:.5em .6em;border-bottom:1px dashed var(--pauta);vertical-align:top}
.tab-conect td:first-child{font-family:"JetBrains Mono";font-weight:700;color:var(--caneta);white-space:nowrap}
.tab-conect td:nth-child(2){font-weight:600}
.tab-conect td:last-child{color:var(--tinta-2)}
.confira{margin-top:calc(var(--u)*2.5);padding:1em 1.2em;border-radius:var(--r-m);border:1.5px dashed var(--caneta)}
.confira .alts{margin-top:.7em;display:grid;grid-template-columns:repeat(3,1fr)}
.rodape-aula{display:flex;justify-content:space-between;margin-top:calc(var(--u)*2.5);padding-top:1em;border-top:1px solid var(--pauta)}

/* ===== v3: Plano de Aulas ===== */
.p-palco{min-height:0;padding:calc(var(--u)*3) calc(var(--u)*4);display:grid;gap:calc(var(--u)*2.5);grid-template-columns:minmax(280px,22%) 1fr}
.mats{display:flex;flex-direction:column;gap:6px}
.mat-btn{display:flex;flex-direction:column;gap:.5em;text-align:left;padding:.8em 1em;border-radius:var(--r-m);border:1px solid transparent}
.mat-btn:hover{background:var(--papel)}
.mat-btn.sel{background:var(--caneta-suave);border-color:var(--caneta)}
.mat-btn b{font-weight:600}
.mat-btn .trilho{height:6px}
.aulas{overflow:auto}
.aula-l{display:grid;grid-template-columns:2.2em 1fr auto auto;gap:calc(var(--u)*2);align-items:center;padding:.85em 0;border-bottom:1px dashed var(--pauta)}
.aula-l .num{font-family:"JetBrains Mono";color:var(--tinta-3);font-weight:700}
.aula-l b{font-weight:600}
.aula-l small{display:block;color:var(--tinta-3);font-size:.82em}
.niv3{display:flex;gap:5px}
.niv3 i{width:auto;padding:.2em .6em;border-radius:999px;font-size:.74em;font-style:normal;font-weight:600;border:1px solid var(--pauta-forte);color:var(--tinta-3)}
.niv3 i.ok{background:var(--caneta);border-color:var(--caneta);color:#fff}
.niv3 i.agora{border-color:var(--caneta);color:var(--caneta)}
.tag-mais{background:var(--marca-suave);border-radius:999px;padding:.1em .6em;font-size:.75em;font-weight:600;color:var(--tinta);margin-left:.4em}

/* ===== v4: outra explicação + reportar erro ===== */
.exp-cab{display:flex;justify-content:space-between;align-items:center;gap:1em}
.versoes{display:flex;gap:4px}
.versoes button{min-width:1.9em;height:1.9em;border-radius:50%;border:1.5px solid var(--pauta-forte);font-size:.78em;font-weight:700;color:var(--tinta-3)}
.versoes button.sel{background:var(--caneta);border-color:var(--caneta);color:#fff}
.outro-jeito{margin-top:1em;padding-top:.8em;border-top:1px dashed var(--pauta)}
.outro-jeito>span{font-size:.8em;font-weight:600;color:var(--tinta-3);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5em}
.outro-jeito .chip{font-size:.85em;padding:.35em .85em}
.reportar{grid-column:1 / -1;display:none;padding:1em 1.2em;border-radius:var(--r-m);border:1.5px solid var(--correcao);background:color-mix(in srgb,var(--correcao) 6%,var(--folha))}
.reportar.aberto{display:block}
.reportar .chip.sel{background:var(--correcao);border-color:var(--correcao);color:#fff}
.btn.errado{color:var(--correcao);border-color:color-mix(in srgb,var(--correcao) 45%,transparent)}
.btn.errado:hover{background:color-mix(in srgb,var(--correcao) 8%,transparent)}

/* ===== v4: ciclo de estudos ===== */
.volta{margin:-.6em 0 .4em;color:var(--tinta-2);font-size:.92em}
.volta b{color:var(--tinta)}
.volta span{color:var(--tinta-3)}
.ciclo-wrap{display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:calc(var(--u)*4);align-items:center;flex:1;min-height:0}
.roda{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin:auto}
.roda svg{width:100%;height:100%}
.roda-centro{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.roda-centro span{color:var(--tinta-3);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.8em}
.roda-centro b{font-family:"JetBrains Mono";font-size:clamp(48px,4.5vw,84px);line-height:1}
.roda-centro small{color:var(--tinta-2)}
.fila{display:flex;flex-direction:column;overflow:auto;max-height:100%}
.fila-i{display:grid;grid-template-columns:2.2em 1fr auto;gap:1em;align-items:center;padding:.55em .8em;border-radius:var(--r-p)}
.fila-i .num{width:1.9em;height:1.9em;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.8em;border:1.5px solid var(--tinta-4);color:var(--tinta-3)}
.fila-i small{display:block;color:var(--tinta-3);font-size:.78em;font-weight:600}
.fila-i b{font-weight:600}
.fila-i .est{font-size:.8em;font-weight:700;color:var(--tinta-3)}
.fila-i.f{opacity:.6}
.fila-i.f .num{background:var(--caneta);border-color:var(--caneta);color:#fff}
.fila-i.f .est{color:var(--certo)}
.fila-i.a{background:var(--marca-suave)}
.fila-i.a .num{background:var(--marca);border-color:#d9b92b;color:var(--tinta)}
.fila-i.a .est{color:var(--tinta)}
.fila-i.r .est{background:var(--marca-suave);padding:.15em .6em;border-radius:999px;color:var(--tinta)}

/* ===== Nada cortado: o resumo da aula encolhe; se a janela for pequena demais, a página rola ===== */
.aula .nesta{flex:0 1 auto;min-height:0;overflow:auto}
.aula .comecar{flex:none}
@media (max-height:760px),(max-width:1250px){
  body{overflow:auto}
  .app{height:auto;min-height:100vh}
  .palco,.q-palco,.g-palco,.e-palco,.a-palco,.p-palco{grid-template-rows:none;grid-auto-rows:auto}
  .bloco{overflow:visible}
  .msgs{max-height:50vh}
}

/* ===== v5: Início enxuto (dia corrido) ===== */
.inicio{min-height:0;display:grid;place-items:center;padding:calc(var(--u)*3) calc(var(--u)*4);overflow:auto}
.ini-col{width:min(1040px,100%);display:flex;flex-direction:column;gap:calc(var(--u)*3.2)}
.saudacao{display:flex;justify-content:space-between;align-items:flex-end;gap:2em;flex-wrap:wrap}
.saudacao h2{font-family:Newsreader,serif;font-weight:600;font-size:2.4em;letter-spacing:-.02em;line-height:1}
.tempo-hoje{display:flex;flex-direction:column;gap:.5em;align-items:flex-end}
.tempo-hoje>span{color:var(--tinta-2);font-weight:600;font-size:.92em}
.seg3{display:flex;gap:4px;background:var(--campo);padding:4px;border-radius:999px}
.seg3 button{padding:.55em 1.3em;border-radius:999px;font-weight:600;color:var(--tinta-2)}
.seg3 button.sel{background:var(--caneta);color:#fff}
.hero{padding:calc(var(--u)*4.5)}
.hero h1{font-family:Newsreader,serif;font-weight:600;font-size:3.2em;letter-spacing:-.02em;line-height:1.05;margin:.1em 0 .25em}
.hero-nota{color:var(--tinta-2);font-size:1.05em}
.plano-hoje{display:flex;align-items:center;gap:.9em;margin:calc(var(--u)*3) 0;flex-wrap:wrap}
.ph{padding:.7em 1.2em;border-radius:var(--r-m);background:var(--papel);border:1px solid var(--pauta)}
.ph b{display:block;font-weight:600}
.ph small{color:var(--tinta-3)}
.seta{color:var(--tinta-4);font-weight:700}
.hero-pe{display:flex;align-items:center;gap:.6em;flex-wrap:wrap}
.comecar.grande{margin:0 0 0 auto;font-size:1.25em;padding:.85em 2.2em}
.faixa{display:grid;grid-template-columns:1.1fr .9fr 1.1fr;gap:calc(var(--u)*2.5)}
.item-faixa{background:var(--folha);border:1px solid var(--pauta);border-radius:var(--r-g);padding:calc(var(--u)*2.6) calc(var(--u)*3);display:flex;flex-direction:column;gap:.45em}
.item-faixa>span:not(.rotulo){color:var(--tinta-2)}
.item-faixa b{font-weight:600;color:var(--tinta)}
.item-faixa a{color:var(--caneta);font-weight:600;text-decoration:none;font-size:.92em;margin-top:auto}
.grande-n{font-family:"JetBrains Mono";font-size:2.2em;line-height:1}
.dias7{display:flex;gap:8px;margin:.3em 0}
.dias7 i{width:20px;height:20px;border-radius:50%;border:2px solid var(--caneta)}
.dias7 i.s{background:var(--caneta)}
.dias7 i.h{background:linear-gradient(90deg,var(--caneta) 50%,transparent 50%)}
@media (max-width:900px){.faixa{grid-template-columns:1fr}.tempo-hoje{align-items:flex-start}.comecar.grande{margin:0}}

/* ===== v6: menu da pessoa + Meu Perfil ===== */
.menu{min-width:330px}
.menu-rot{font-size:.72em;font-weight:700;color:var(--tinta-3);letter-spacing:.08em;text-transform:uppercase;padding:.6em .7em .3em}
.menu-sep{height:1px;background:var(--pauta);margin:6px 0}
.menu .novo{border-top:0;margin-top:0;border-radius:var(--r-p)}
.marca-c{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid var(--tinta-4)}
.marca-c.sel{border-color:var(--caneta);background:radial-gradient(var(--caneta) 45%,transparent 50%)}
.pf-palco{min-height:0;padding:calc(var(--u)*3) calc(var(--u)*4);display:grid;gap:calc(var(--u)*2.5);grid-template-columns:1fr 1.25fr 1fr}
.pf-palco .bloco{gap:calc(var(--u)*1.8)}
.pf-topo{display:flex;align-items:center;gap:1em}
.avatar.xl{width:3.6em;height:3.6em;font-size:1.2em}
.pf-nome{display:block;font-family:Newsreader,serif;font-size:1.6em;font-weight:600}
.pf-topo small{color:var(--tinta-3)}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cp{background:var(--papel);border-radius:var(--r-m);padding:.75em 1em}
.cp>small{display:block;color:var(--tinta-3);font-size:.78em;font-weight:600}
.cp b{font-weight:600}
.conc{border:1px solid var(--pauta-forte);border-radius:var(--r-m);padding:1em 1.1em;display:flex;flex-direction:column;gap:.25em}
.conc.ativo{border-color:var(--caneta);background:var(--caneta-suave)}
.conc-cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3em}
.conc small{color:var(--tinta-3)}
.conc b{font-weight:600;font-size:1.05em}
.add-conc{border:1.5px dashed var(--pauta-forte);border-radius:var(--r-m);padding:1em 1.1em}
.add-conc b{color:var(--caneta)}
.secao.admin{background:var(--papel);border-radius:var(--r-m);padding:14px 16px;border-top:0;margin-top:8px}
.secao.admin>span{color:var(--correcao)}
@media (max-width:1250px){.pf-palco,.rd-palco{grid-template-columns:1fr}}
#tela-perfil.pf-palco{grid-template-columns:minmax(360px,1fr) 1.35fr;grid-template-rows:minmax(0,1fr) auto}
#tela-perfil .pf-col{grid-row:1 / span 2}
.pf-conc{grid-column:2;grid-row:1;overflow:hidden}
.pf-novo{grid-column:2;grid-row:2}
.lista-conc{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:calc((100% - 20px) / 3);gap:10px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}
.lista-conc .conc.mini-c{justify-content:flex-start;min-height:0;overflow:hidden;gap:.5em}
.lista-conc .c-l3{margin-top:auto}
.c-corpo{flex:1;min-height:0;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:1.1em}
.c-anel-wrap{display:flex;flex-direction:column;align-items:center;gap:.35em}
.anel-rot{font-size:.68em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-3)}
.anel-cheio.dias{stroke:var(--certo)}
#listaConc .c-chips{display:flex;flex-direction:column;gap:5px;min-width:0}
#listaConc .c-chip{flex-direction:row;align-items:baseline;gap:.5em;padding:.45em .9em}
#listaConc .c-chip small{flex:none;width:3.4em;font-size:.86em;font-weight:500;text-transform:none;letter-spacing:0;color:var(--tinta-3)}
#listaConc .c-chip b{font-size:1em;font-weight:700;color:var(--tinta)}
#listaConc .c-anel-wrap{width:6.6em}
#listaConc .c-anel{width:clamp(64px,8vh,92px);height:clamp(64px,8vh,92px);flex:none}
#listaConc .anel-txt b{font-size:1.25em;line-height:1}
#listaConc .anel-txt small{font-size:.7em}
.c-dias{display:flex;align-items:center;gap:.6em}
.c-dias b{font-size:2.6em;font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.c-dias small{font-size:.85em;color:var(--tinta-2);line-height:1.25}
.c-chips{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:6px}
.c-chip{display:flex;flex-direction:column;min-width:0;padding:.4em .7em;border-radius:999px;background:var(--papel);border:1px solid var(--pauta)}
.conc.mini-c.ativo .c-chip{background:var(--folha-alta)}
.c-chip small{font-size:.66em;font-weight:600;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.05em}
.c-chip b{font-weight:600;font-size:.86em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* situação vira rótulo discreto acima do nome */
#listaConc .c-l1{display:grid;grid-template-columns:1fr auto;column-gap:.6em;row-gap:.1em;align-items:center}
#listaConc .c-l1 .pilula{display:none!important;grid-row:1;justify-self:start;background:none;border:0;padding:0;font-size:.68em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3)}
#listaConc .c-l1 .pilula.nivel{color:var(--caneta)}
#listaConc .c-l1 .c-nome{grid-row:1;grid-column:1;font-size:1.12em}
#listaConc .c-l1 .c-excluir{grid-row:1;grid-column:2}
.c-anel{position:relative;width:clamp(64px,8vh,92px);aspect-ratio:1}
.c-anel svg{width:100%;height:100%;transform:rotate(-90deg)}
.anel-fundo{fill:none;stroke:var(--campo);stroke-width:7}
.anel-cheio{fill:none;stroke:var(--caneta);stroke-width:7;stroke-linecap:round}
.anel-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.anel-txt b{font-size:1.25em;font-weight:700}
.anel-txt small{font-size:.7em;color:var(--tinta-3)}
.c-dados{display:flex;flex-direction:column;gap:.3em;min-width:0}
.c-linha{display:grid;grid-template-columns:3.6em 1fr;gap:.6em;align-items:baseline}
.c-linha small{font-size:.74em;font-weight:600;color:var(--tinta-3)}
.c-linha b{font-weight:600;font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-faltam{margin-top:.25em;padding-top:.45em;border-top:1px solid var(--pauta);color:var(--tinta-2);font-size:.86em}
.c-faltam b{font-size:1.25em;font-weight:700;color:var(--tinta)}
.c-info{display:grid;grid-template-columns:1fr 1.3fr 1fr .8fr;gap:6px}
.c-info>span{display:flex;flex-direction:column;min-width:0;background:var(--papel);border-radius:var(--r-p);padding:.4em .6em}
.c-info small{font-size:.7em;font-weight:600;color:var(--tinta-3)}
.c-info b{font-weight:600;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conc.mini-c.ativo .c-info>span{background:var(--folha-alta)}
.c-prog{margin-top:auto;display:flex;flex-direction:column;gap:.35em}
.c-prog-top{display:flex;justify-content:space-between;align-items:baseline;gap:1em}
.c-prog-top b{font-weight:700;font-size:.95em}
.c-prog-top small{font-size:.78em;color:var(--tinta-3)}
.barra-prog{height:8px;border-radius:999px;background:var(--campo);overflow:hidden}
.barra-prog i{display:block;height:100%;border-radius:999px;background:var(--caneta)}
.c-excluir{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:8px;color:var(--tinta-3);flex:none}
.c-excluir:hover{color:var(--correcao);background:color-mix(in srgb,var(--correcao) 12%,transparent)}
.conc.mini-c{transition:border-color .15s,transform .15s,box-shadow .15s}
.conc.mini-c:hover{border-color:var(--caneta);box-shadow:0 6px 18px rgba(0,0,0,.16)}
.lista-conc:empty::before{content:"Nenhum concurso ainda. Use Novo Concurso, aqui embaixo.";grid-column:1 / -1;color:var(--tinta-3);padding:1em .2em}
.ex-txt{line-height:1.5;color:var(--tinta-2);margin:4px 0 14px}
.ex-txt b{color:var(--tinta)}
.btn.perigo{background:var(--correcao);border-color:var(--correcao);color:#fff}
.btn.perigo:disabled{background:none;border-color:var(--pauta-forte);color:var(--tinta-4);cursor:not-allowed}
.btn.perigo:not(:disabled):hover{filter:brightness(1.08)}
.lista-conc .c-nome{font-size:1.08em}
.conc.mini-c{display:flex;flex-direction:column;gap:.35em;padding:.8em 1em;border-radius:var(--r-m);border:1px solid var(--pauta-forte);background:var(--folha);text-align:left;font:inherit;color:inherit;cursor:pointer}
.conc.mini-c:hover{border-color:var(--caneta)}
.conc.mini-c.ativo{border-color:var(--caneta);background:var(--caneta-suave)}
.c-l1{display:flex;align-items:center;gap:.7em}
.c-nome{flex:1;font-weight:600;font-size:1.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-l2{color:var(--tinta-2);font-size:.88em}
.c-l3{display:flex;align-items:center;gap:.8em}
.c-l3 .trilho{flex:1;height:6px}
.c-l3 small{color:var(--tinta-3);font-size:.8em;white-space:nowrap}
.novo-ops{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.novo-op{display:flex;flex-direction:column;gap:.25em;text-align:left;padding:1em 1.1em;border-radius:var(--r-m);border:1px solid var(--pauta-forte);background:var(--folha)}
.novo-op b{font-weight:700;font-size:1.02em}
.novo-op small{color:var(--tinta-3)}
.novo-op:hover{border-color:var(--caneta)}
.novo-op.prim-op{background:var(--caneta);border-color:var(--caneta)}
.novo-op.prim-op b,.novo-op.prim-op small{color:#fff}

/* ===== v7: perfil no canto direito, concurso atual à esquerda ===== */
.contexto{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:.35em 1em;border-radius:var(--r-m);border:1px solid var(--pauta-forte);background:var(--folha);line-height:1.2}
.contexto small{font-size:.7em;font-weight:700;color:var(--tinta-3);letter-spacing:.08em;text-transform:uppercase}
.contexto b{font-weight:600}
.contexto:hover{border-color:var(--caneta)}
.perfil-btn.so-avatar{padding:3px;border-radius:50%}
.perfil-btn.so-avatar .avatar{width:2.2em;height:2.2em}
.menu.direita-menu{left:auto;right:0}
.menu-quem{display:flex;align-items:center;gap:.8em;padding:.7em .7em .4em}
.menu-quem b{display:block;font-weight:700;font-size:1.05em}
.menu-quem small{color:var(--tinta-3)}
.menu-quem .avatar.xl{width:2.8em;height:2.8em;font-size:1em}
.menu .menu-link{color:var(--caneta);font-weight:600;padding-left:4.1em}
.pf-palco{grid-template-columns:1fr 1.2fr 1fr}
.pf-col{overflow:auto}
.grupo-pf{display:flex;flex-direction:column;gap:6px}
.lin-pf{display:flex;justify-content:space-between;align-items:baseline;gap:1em;background:var(--papel);border-radius:var(--r-p);padding:.6em .9em}
.lin-pf b{font-weight:600}
.lin-pf small{color:var(--tinta-2)}
.mais{align-self:flex-start;color:var(--caneta);font-weight:600;font-size:.9em;padding:.2em 0}
.acoes-conta{display:flex;gap:8px;flex-wrap:wrap}
.conc{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--folha)}
.conc:hover{border-color:var(--caneta)}
.conc .abrir{color:var(--caneta);font-weight:600;font-size:.85em}
.ficha-c{display:grid;grid-template-columns:1.6fr 1fr;gap:6px;margin-top:.6em}
.ficha-c div{background:var(--papel);border-radius:var(--r-p);padding:.45em .7em}
.ficha-c small{display:block;font-size:.72em;font-weight:600;color:var(--tinta-3)}
.ficha-c b{font-size:.88em;font-weight:600}
.conc.ativo .ficha-c div{background:var(--folha-alta)}
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:.7em}
.opc{display:flex;flex-direction:column;gap:.2em;text-align:left;padding:.8em .9em;border-radius:var(--r-m);border:1px solid var(--pauta-forte);background:var(--folha)}
.opc b{font-weight:600;color:var(--tinta)}
.opc small{color:var(--tinta-3);font-size:.8em;line-height:1.3}
.opc:hover{border-color:var(--caneta)}
.opc.destaque{background:var(--caneta);border-color:var(--caneta)}
.opc.destaque b,.opc.destaque small{color:#fff}
.rd-palco{min-height:0;padding:calc(var(--u)*3) calc(var(--u)*4);display:grid;gap:calc(var(--u)*2.5);grid-template-columns:minmax(320px,30%) 1fr}
.rd-filtros{gap:calc(var(--u)*2);overflow:auto}
.rd-result{gap:12px;overflow:auto}
.res{border:1px solid var(--pauta-forte);border-radius:var(--r-m);padding:1em 1.2em;display:flex;flex-direction:column;gap:.3em}
.res-top{display:flex;gap:6px;margin-bottom:.3em}
.res b{font-weight:600;font-size:1.1em}
.res small{color:var(--tinta-3)}
.res p{color:var(--tinta-2);margin-top:.2em}
.res-acoes{display:flex;gap:8px;margin-top:.5em}

/* ===== v9: buscar edital com IA + anexar edital ===== */
.opc.so-titulo{justify-content:center;min-height:4.2em}
.opc.so-titulo b{font-size:1.05em}
.janela.larga{width:min(780px,94vw);max-height:90vh;overflow:auto}
.passo-busca{display:flex;flex-direction:column;gap:.5em}
.linha-busca{display:flex;gap:8px}
.campo-txt.grande{font-size:1.1em;padding:.8em 1em}
.linha-busca .btn{padding:.7em 1.8em;font-size:1.05em}
.link-av{align-self:flex-start;color:var(--caneta);font-weight:600;font-size:.92em;padding:.3em 0}
.btn-av{align-self:flex-start;margin-top:.3em}
.btn-av.ligado{background:var(--caneta-suave);border-color:var(--caneta);color:var(--caneta)}
.av-dica{margin:0;color:var(--tinta-2)}
.janela.larga .avancada{margin-top:0;background:none;border:0;padding:0}
.rodape-busca{display:flex;justify-content:flex-end;padding-top:4px}
.btn.grande-b{padding:.75em 2.4em;font-size:1.05em}
.achado .topo-achado{display:flex;justify-content:space-between;gap:1em;align-items:flex-start}
.achado .dominio{font-size:.8em;color:var(--tinta-3);white-space:nowrap}
.selo-oficial{background:color-mix(in srgb,var(--certo) 15%,transparent);color:var(--certo);font-weight:700;font-size:.72em;padding:.15em .55em;border-radius:999px;margin-left:.4em}
.achado .chips-achado{display:flex;flex-wrap:wrap;gap:6px;margin:.3em 0}
.achado .trecho{color:var(--tinta-2);font-size:.9em;line-height:1.45}
.achado a{text-decoration:none}
.achado a.btn{color:var(--tinta);display:inline-flex;align-items:center}
.achado a.btn.prim{color:#fff}
.avancada{display:none;flex-direction:column;gap:14px;margin-top:14px;padding:16px;border-radius:var(--r-m);background:var(--papel);border:1px solid var(--pauta)}
.avancada.aberta{display:flex}
.pil4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.pil4 .chip{text-align:center;padding:.45em .3em}
.dois-campos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.campo-sel:disabled{opacity:.5;cursor:not-allowed}
.opcional{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;color:var(--tinta-4)}
.resultado-busca{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.resultado-busca:empty{display:none}
.carregando{display:flex;align-items:center;gap:.8em;color:var(--tinta-2);padding:1em;border-radius:var(--r-m);background:var(--papel)}
.carregando i{width:18px;height:18px;border-radius:50%;border:3px solid var(--caneta-suave);border-top-color:var(--caneta);animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.achado{border:1px solid var(--pauta-forte);border-radius:var(--r-m);padding:1em 1.1em;display:flex;flex-direction:column;gap:.3em}
.achado b{font-weight:600;font-size:1.05em}
.achado small{color:var(--tinta-3)}
.achado .acoes-achado{display:flex;gap:8px;margin-top:.5em}
.aviso{padding:.9em 1em;border-radius:var(--r-m);background:var(--marca-suave);color:var(--tinta);line-height:1.45}
.aviso.erro{background:color-mix(in srgb,var(--correcao) 10%,transparent)}
.simul{font-size:.78em;color:var(--tinta-3);font-style:italic}
.soltar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em;padding:2.6em 1em;border:2px dashed var(--pauta-forte);border-radius:var(--r-g);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}
.soltar:hover,.soltar.em-cima{border-color:var(--caneta);background:var(--caneta-suave)}
.soltar b{font-family:Newsreader,serif;font-size:1.4em;font-weight:600}
.soltar span{color:var(--tinta-3)}
.conc.novo-conc{animation:entra .4s ease-out}
@keyframes entra{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.grade-achados{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.achado.mini{padding:.85em .95em;gap:.35em}
.fonte{display:flex;justify-content:space-between;align-items:center;gap:.6em;font-size:.76em}
.fonte span{font-weight:700;padding:.15em .6em;border-radius:999px}
.fonte.oficial span{background:color-mix(in srgb,var(--certo) 16%,transparent);color:var(--certo)}
.fonte.terceiro span{background:var(--campo);color:var(--tinta-3)}
.fonte small{color:var(--tinta-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tit-achado{font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.achado.mini .trecho{font-size:.85em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.achado.mini .acoes-achado{margin-top:auto;padding-top:.4em;flex-wrap:wrap;align-items:center}
.achado.mini .btn{padding:.45em .95em;font-size:.88em}
.topo-mini{display:flex;justify-content:flex-end}
.topo-mini .site{font-size:.76em;color:var(--tinta-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.pe-achado{margin-top:auto;padding-top:.5em;display:flex;justify-content:space-between;align-items:center;gap:.6em;flex-wrap:wrap}
.selo-ok{font-size:.76em;font-weight:700;padding:.2em .65em;border-radius:999px;background:color-mix(in srgb,var(--certo) 16%,transparent);color:var(--certo)}
.botoes-achado{display:flex;gap:6px;margin-left:auto}
.link-estudar{color:var(--caneta);font-weight:600;font-size:.86em;margin-left:auto}
@media (max-width:760px){.grade-achados{grid-template-columns:1fr}}
*{scrollbar-width:thin;scrollbar-color:var(--tinta-4) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--tinta-4);border-radius:999px;border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background-color:var(--tinta-3)}

.ficha-topo{display:flex;justify-content:space-between;align-items:center;gap:1em;flex-wrap:wrap}
.ficha-acoes{display:flex;gap:8px;align-items:center}
.vagas{display:flex;flex-direction:column;gap:6px;margin-bottom:calc(var(--u)*2)}
.vaga{display:flex;align-items:center;gap:.8em;text-align:left;padding:.6em .9em;border-radius:var(--r-m);border:1px solid var(--pauta-forte);background:var(--folha)}
.vaga:hover:not(:disabled){border-color:var(--caneta)}
.vaga.sel{border-color:var(--caneta);background:var(--caneta-suave)}
.vaga-txt{flex:1;display:flex;flex-direction:column;line-height:1.3}
.vaga-txt small{color:var(--tinta-3);font-size:.84em}
.vaga .pode{font-size:.8em;font-weight:700;color:var(--certo)}
.vaga .nao-pode{font-size:.8em;font-weight:700;color:var(--correcao)}
.vaga.bloqueada{opacity:.6;cursor:not-allowed}

/* ===== v11: gestão do edital ===== */
.mc-palco{min-height:0;padding:calc(var(--u)*3) calc(var(--u)*4);display:grid;gap:calc(var(--u)*2.2);grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto minmax(0,1fr)}
.mc-dados{grid-column:1;grid-row:1;gap:calc(var(--u)*1.4);overflow:visible}
#tela-edital.mc-palco{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
#tela-edital .mc-prazos{overflow:hidden}
#tela-edital #fTarefas{flex:1;min-height:0;overflow-y:auto;padding-right:4px}
#tela-edital .mc-anexos{overflow:hidden}
#tela-edital #fAnexos{flex:1;min-height:0;overflow-y:auto;padding-right:4px}
.mc-cai{grid-column:1;grid-row:2;overflow:auto}
.mc-avisos{grid-column:2;grid-row:1 / span 2;gap:calc(var(--u)*1.4)}
.mc-prazos{grid-column:3;grid-row:1;gap:calc(var(--u)*1.2);overflow:auto}
.mc-anexos{grid-column:3;grid-row:2;gap:calc(var(--u)*1.2);overflow:auto}
.anexos{display:flex;flex-direction:column;gap:6px}
.anexo{display:flex;align-items:center;gap:.7em;padding:.55em .7em;border-radius:var(--r-m);border:1px solid var(--pauta);transition:border-color .2s,background .2s}
.anexo .pdf{width:2.1em;height:2.5em;border-radius:5px;background:var(--correcao);color:#fff;font-size:.62em;font-weight:700;display:grid;place-items:center;flex:none}
.anexo-txt{flex:1;display:flex;flex-direction:column;min-width:0}
.anexo-txt b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anexo-txt small{color:var(--tinta-3);font-size:.8em}
.anexo a.btn{color:var(--tinta);text-decoration:none}
.anexo.destaque{border-color:var(--caneta);background:var(--caneta-suave)}
.cab-dir{display:flex;align-items:center;gap:.8em}
#tela-edital .aviso-i.novo,#tela-edital button.aviso-i.novo{background:none;border-color:var(--pauta)}

#tela-edital .av-linha.recente .av-ponto{background:var(--caneta)}
#tela-edital .av-ponto{background:var(--tinta-4)}
#tela-edital .tag,#tela-edital .tag.ret,#tela-edital .tag.lista{background:none;padding:0;color:var(--tinta-3);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.68em}
#tela-edital .anexo.destaque{background:none;border-color:var(--caneta)}
#tela-edital .mc-avisos .avisos{flex:1;min-height:0;overflow:auto}
.mc-avisos{grid-column:2!important;grid-row:1!important}
.mc-chat{grid-column:2;grid-row:2;gap:calc(var(--u)*1.2)}
.mc-chat .msgs{flex:1;min-height:0;overflow:auto}
#tela-edital .mc-avisos .avisos{flex:1;min-height:0;overflow:auto;padding-right:4px}
#tela-edital .av-linha{padding-bottom:4px;grid-template-columns:3em 14px 1fr}
#tela-edital .av-data{padding-top:.55em;font-size:.78em}
#tela-edital .av-ponto{margin-top:.65em;width:10px;height:10px}
#tela-edital .av-linha:not(:last-child)::before{left:calc(3em + .6em + 6px);top:1.2em}
#tela-edital button.aviso-i{padding:.45em .75em;border-radius:var(--r-p)}
.av-cab{display:flex;align-items:baseline;gap:.6em;min-width:0}
#tela-edital .av-cab .tag{flex:none;width:7.2em}
.barra{display:flex;align-items:center;gap:6px;order:10;margin-top:auto;padding-top:calc(var(--u)*1.4)}
.barra>button,.barra-wrap>button{flex:1;font-size:.92em;font-weight:600;color:var(--tinta);padding:.6em 1em;border-radius:999px;border:1px solid var(--pauta-forte);background:var(--folha)}
.barra-wrap{flex:1;display:flex}
.barra-wrap>button{width:100%}
.barra>button:hover:not(:disabled),.barra-wrap>button:hover:not(:disabled){border-color:var(--caneta);color:var(--caneta)}
.barra button:disabled{opacity:.4;cursor:default}
.barra .ordem{flex:none!important;border:0!important;padding:0 .3em!important}
.barra-sep{display:none}
.barra-wrap{position:relative}
.pop{position:absolute;bottom:calc(100% + 6px);left:0;z-index:30;display:none;flex-direction:column;min-width:150px;padding:4px;background:var(--folha-alta);border:1px solid var(--pauta-forte);border-radius:var(--r-p);box-shadow:0 8px 24px rgba(10,14,30,.12)}
.pop.aberto{display:flex}
.pop button{display:flex;align-items:center;gap:.5em;text-align:left;width:100%;font-size:.88em;font-weight:600;color:var(--tinta-2);padding:.4em .7em;border-radius:6px}
.pop button:hover{background:var(--caneta-suave);color:var(--caneta)}
.pop i{width:10px;height:10px;border-radius:50%}
.form-mural{display:none;gap:6px;order:9;margin-top:auto}
.form-mural.aberto{display:flex}
.form-mural .campo-txt{padding:.45em .7em;font-size:.9em}
.form-mural .curto{width:5.5em;flex:none}
.mural{display:flex;flex-direction:column}
.form-mm{display:flex;flex-direction:column;gap:14px;padding:6px 0 4px}
.form-mm input[type=date],.form-mm input[type=time]{color-scheme:light}
:root[data-tema="escuro"] .form-mm input[type=date],:root[data-tema="escuro"] .form-mm input[type=time]{color-scheme:dark}
.cores{display:flex;gap:10px}
.cor{width:2.2em;height:2.2em;border-radius:50%;display:grid;place-items:center;border:2px solid transparent}
.cor i{width:1.4em;height:1.4em;border-radius:50%;display:block}
.cor i.sem{border:2px dashed var(--tinta-4)}
.cor.sel{border-color:var(--tinta)}
.pil-av{display:flex;flex-wrap:wrap;gap:6px}
.pil-av .chip{padding:.4em .9em;font-size:.9em}
.rodape-mm{display:flex;gap:8px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--pauta)}
.lembrete-old{position:fixed;top:78px;left:50%;transform:translate(-50%,-10px);z-index:120;display:flex;align-items:center;gap:1em;padding:.7em .8em .7em 1.1em;border-radius:var(--r-m);background:var(--folha-alta);border:1px solid var(--pauta-forte);box-shadow:0 12px 30px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(720px,92vw)}
.lembrete-old.aberto{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.lembrete-j{width:min(520px,92vw);text-align:center;padding:36px 32px 28px}
.lembrete-j h3{font-family:Newsreader,serif;font-size:2em;font-weight:600;line-height:1.15;margin:.3em 0 .25em}
.lembrete-j p{color:var(--tinta-2);font-size:1.1em}
.lb-acoes{display:flex;gap:10px;justify-content:center;margin-top:26px;flex-wrap:wrap}
.lb-acoes .btn{padding:.75em 1.4em;font-size:1em}
.lb-mais{display:block;margin-top:14px;color:var(--tinta-3)}
#lembrete{z-index:130}
.lb-rot{font-size:.72em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--caneta)}
.lembrete em{font-style:normal;color:var(--tinta-3)}
.lb-ver{font-weight:600;color:var(--caneta);font-size:.9em;padding:.3em .6em}
.lb-x{color:var(--tinta-3);font-size:1.2em;width:1.6em;height:1.6em;border-radius:50%}
.mi.feito .mi-tit{text-decoration:line-through;color:var(--tinta-3)}
#fTarefas .mi{grid-template-columns:auto 1fr auto 3.4em;padding:.5em .5em .5em .6em}
.mi-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.mi-falta{font-size:.76em;color:var(--tinta-3)}
.mi.perto .mi-falta{color:var(--tinta);font-weight:600}
#fTarefas .mi-av{color:var(--tinta-3);display:grid;place-items:center}
.mi-quando{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.mi-quando b{font-weight:600;font-size:.92em;font-variant-numeric:tabular-nums}
.mi-quando small{font-size:.76em;color:var(--tinta-3);font-variant-numeric:tabular-nums}
.mi{--cor-mi:transparent;display:grid;grid-template-columns:auto 1fr auto auto;gap:.6em;align-items:center;padding:.45em .5em .45em .6em;border-bottom:1px solid var(--pauta);border-left:3px solid var(--cor-mi);cursor:pointer}
.mi:last-child{border-bottom:0}
.mi.sel{background:var(--caneta-suave)}
.mi .caixa input{display:none}
.mi .caixa i{display:grid;place-items:center;width:15px;height:15px;border-radius:4px;border:1.5px solid var(--tinta-4);cursor:pointer}
.mi .caixa input:checked+i{background:var(--certo);border-color:var(--certo)}
.mi .caixa input:checked+i::after{content:"✓";color:#fff;font-size:.7em;font-style:normal;font-weight:800}
.mi:has(input:checked) .mi-tit{text-decoration:line-through;color:var(--tinta-3)}
.mi-tit{font-weight:600;font-size:.93em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mi-av{font-size:.74em;color:var(--tinta-3);white-space:nowrap}
.mi-data{font-family:"JetBrains Mono";font-size:.78em;color:var(--tinta-2);white-space:nowrap}
.mi.perto .mi-data{font-weight:700;color:var(--tinta)}
.anexos.tl{gap:0}
.anexos.tl .anexo{display:grid;grid-template-columns:3em 12px auto 1fr auto auto auto;gap:.6em;border:0;border-radius:0;padding:.45em .3em;position:relative;cursor:pointer}
.anexos.tl .anexo{cursor:default}
.an-excluir:hover{border-color:var(--correcao)!important;color:var(--correcao)!important}
.anexos.tl .anexo.destaque{background:var(--caneta-suave)}
.an-data{font-family:"JetBrains Mono";font-size:.78em;font-weight:700;color:var(--tinta-2)}
.an-ponto{width:10px;height:10px;border-radius:50%;background:var(--tinta-4);justify-self:center}
.anexos.tl .anexo:not(:last-child)::before{content:"";position:absolute;left:calc(.3em + 3em + .6em + 5px);top:calc(50% + 5px);height:100%;width:2px;background:var(--pauta-forte)}
.anexos.tl .anexo-txt small{font-size:.74em}
#tela-edital .ordem,#tela-edital .ordem:hover{border:0!important;background:none!important;border-radius:0;padding:0 .15em;width:auto;height:auto;font-size:1.35em;line-height:1;color:var(--tinta-3)}
#tela-edital .ordem:hover{color:var(--caneta)}
.av-cab b{font-weight:600;font-size:.93em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.tag-novo{flex:none;font-size:.68em;font-weight:700;color:var(--caneta);border:1px solid var(--caneta);border-radius:999px;padding:0 .5em;text-transform:uppercase;letter-spacing:.05em}
.ordem{width:auto;height:auto;padding:0 .2em;border:0;border-radius:0;background:none;font-size:1.25em;line-height:1;color:var(--tinta-3)}
.ordem:hover{color:var(--caneta);border:0}
.fonte-msg{display:block;margin-top:.4em;font-size:.82em;color:var(--tinta-3)}
.fonte-msg a{color:var(--caneta);font-weight:600;text-decoration:none}
#fAskSug{margin:-.2em 0 0}
#fAskSug .chip{font-size:.82em;padding:.3em .8em}
.resposta-ia{position:relative;padding:.85em 2.4em .85em 1em;border-radius:var(--r-m);background:var(--caneta-suave);border:1px solid color-mix(in srgb,var(--caneta) 35%,transparent)}
.resposta-ia p{margin:.3em 0;line-height:1.5}
.resposta-ia small{color:var(--tinta-3)}
.resposta-ia small a{color:var(--caneta);font-weight:600;text-decoration:none}
.fecha-resp{position:absolute;top:.5em;right:.6em;width:1.6em;height:1.6em;border-radius:50%;color:var(--tinta-3);font-size:1.1em}
.fecha-resp:hover{background:var(--folha-alta)}
.ordem{font-size:.82em;font-weight:600;color:var(--tinta-2);padding:.3em .8em;border-radius:999px;border:1px solid var(--pauta-forte)}
.ordem:hover{border-color:var(--caneta);color:var(--caneta)}
#fAvisos{gap:0}
.av-linha{display:grid;grid-template-columns:3.2em 16px 1fr;gap:.6em;align-items:start;position:relative;padding-bottom:8px}
.av-data{font-family:"JetBrains Mono";font-size:.82em;font-weight:700;color:var(--tinta-2);padding-top:.9em}
.av-ponto{width:12px;height:12px;border-radius:50%;background:var(--caneta);margin-top:1em;justify-self:center;position:relative;z-index:1}
.av-linha:not(:last-child)::before{content:"";position:absolute;left:calc(3.2em + .6em + 7px);top:1.6em;bottom:-1em;width:2px;background:var(--pauta-forte)}
.av-linha:has(.novo) .av-ponto{background:var(--marca);box-shadow:0 0 0 3px var(--marca-suave)}
button.aviso-i{font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer;background:none}
button.aviso-i.novo{background:var(--marca-suave)}
.aviso-det{display:none;flex-direction:column;gap:.5em;margin-top:.4em;padding-top:.5em;border-top:1px dashed var(--pauta-forte)}
.aviso-i.aberto .aviso-det{display:flex}
.resumo-ia{color:var(--tinta-2);line-height:1.45;font-size:.92em}
.resumo-ia b{color:var(--tinta)}
.aviso-bt{display:flex;gap:6px}
.aviso-bt a.btn{text-decoration:none;color:var(--tinta)}
.aviso-bt a.btn.prim{color:#fff}
.mc-nome{font-family:Newsreader,serif;font-size:1.7em;font-weight:600;line-height:1.1;margin-top:-.3em}
.dados{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dado{background:var(--papel);border-radius:var(--r-p);padding:.5em .8em;min-width:0}
.dado small{display:block;font-size:.74em;font-weight:600;color:var(--tinta-3)}
.dado b{font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pil-ins{display:flex;gap:4px;margin-top:.25em}
.pil-ins .chip{padding:.2em .7em;font-size:.82em}
.btn.mini-b{padding:.35em .8em}
.mc-avisos .avisos{flex:1;min-height:0;overflow:auto}
.chat-edital{display:flex;flex-direction:column;gap:.5em;padding-top:.8em;border-top:1px solid var(--pauta)}
.chat-edital .msgs{max-height:22vh;min-height:4em}
.mc-cab{grid-column:1 / -1;gap:calc(var(--u)*1.8);overflow:visible}
.mc-linha1{display:flex;justify-content:space-between;align-items:flex-start;gap:1em}
.mc-titulo h2{font-family:Newsreader,serif;font-size:2em;font-weight:600;letter-spacing:-.01em;line-height:1.1}
.mc-acoes{display:flex;gap:8px;align-items:center}
.mais-wrap,.vaga-drop{position:relative}
.menu .vermelho b{color:var(--correcao)}
.mc-chips{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.mc-chips>div{background:var(--papel);border-radius:var(--r-m);padding:.55em .85em;min-width:0}
.mc-chips small{display:block;font-size:.74em;font-weight:600;color:var(--tinta-3)}
.mc-chips b{font-weight:600;font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.vaga-drop>button{font:inherit;color:inherit;text-align:left;width:100%;display:flex;align-items:center;gap:.35em;white-space:nowrap}
.vaga-drop>button b{display:inline;overflow:hidden;text-overflow:ellipsis}
.vaga-drop .menu{min-width:380px;padding:6px}
.vaga-drop .menu .vaga{margin-bottom:4px}
.mc-site{display:flex;flex-direction:column;gap:.4em}
.linha-site{display:flex;gap:8px}
.linha-site .campo-txt{flex:1}
.mc-col{gap:calc(var(--u)*1.6);overflow:auto}
.avisos{display:flex;flex-direction:column;gap:6px}
.aviso-i{display:flex;flex-direction:column;gap:.2em;padding:.7em .9em;border-radius:var(--r-m);border:1px solid var(--pauta)}
.aviso-i.novo{border-color:var(--marca);background:var(--marca-suave)}
.aviso-i b{font-weight:600}
.aviso-i small{color:var(--tinta-3)}
.tag{align-self:flex-start;font-size:.72em;font-weight:700;padding:.1em .55em;border-radius:999px;background:var(--campo);color:var(--tinta-2)}
.tag.ret{background:color-mix(in srgb,var(--correcao) 14%,transparent);color:var(--correcao)}
.tag.lista{background:var(--caneta-suave);color:var(--caneta)}
.meu-nome{display:flex;flex-direction:column;gap:.5em;padding-top:.8em;border-top:1px solid var(--pauta)}
.tarefas{display:flex;flex-direction:column;gap:6px}
.tarefa{display:flex;gap:.8em;align-items:center;padding:.6em .8em;border-radius:var(--r-m);border:1px solid var(--pauta);cursor:pointer}
.tarefa input{display:none}
.tarefa i{flex:none;width:20px;height:20px;border-radius:6px;border:2px solid var(--tinta-4);display:grid;place-items:center}
.tarefa input:checked+i{background:var(--certo);border-color:var(--certo)}
.tarefa input:checked+i::after{content:"✓";color:#fff;font-size:.75em;font-style:normal;font-weight:800}
.tarefa span{display:flex;flex-direction:column}
.tarefa b{font-weight:600}
.tarefa small{color:var(--tinta-3)}
.tarefa.urgente{border-color:var(--correcao)}
#tela-edital .tarefas{gap:4px}
#tela-edital .tarefa{padding:.35em .7em;gap:.6em;border-radius:var(--r-p)}
#tela-edital .tarefa i{width:16px;height:16px;border-radius:5px}
#tela-edital .tarefa span{flex-direction:row;align-items:baseline;gap:.6em;flex:1;min-width:0}
#tela-edital .tarefa b{font-size:.93em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tela-edital .tarefa small{margin-left:auto;white-space:nowrap;font-size:.8em}
.tarefa.urgente small{color:var(--correcao);font-weight:600}
.tarefa:has(input:checked) b{text-decoration:line-through;color:var(--tinta-3)}
.levar{padding:.8em 1em;border-radius:var(--r-m);background:var(--papel)}
.levar ul{margin:.5em 0 0 1.1em;color:var(--tinta-2);display:flex;flex-direction:column;gap:.25em}
.tempo-arq{display:flex;flex-direction:column;position:relative}
.ta{display:grid;grid-template-columns:3.4em 18px 1fr auto;gap:.7em;align-items:start;padding:.45em 0;position:relative}
.ta-data{font-family:"JetBrains Mono";font-size:.82em;font-weight:700;color:var(--tinta-2);padding-top:.15em}
.ta-ponto{width:14px;height:14px;border-radius:50%;background:var(--caneta);margin-top:.2em;position:relative;justify-self:center}
.ta:not(:last-child) .ta-ponto::after{content:"";position:absolute;left:6px;top:14px;width:2px;height:calc(100% + 1.6em);background:var(--pauta-forte)}
.ta-txt{display:flex;flex-direction:column}
.ta-txt b{font-weight:600}
.ta-txt small{color:var(--tinta-3)}
.ta-txt small a{color:var(--caneta);font-weight:600;text-decoration:none}
.ta-abrir{color:var(--caneta);font-weight:600;font-size:.88em;text-decoration:none}
.ta.novo .ta-ponto{background:var(--marca);box-shadow:0 0 0 3px var(--marca-suave)}
.ta.futuro .ta-ponto{background:transparent;border:2px dashed var(--tinta-4)}
.ta.futuro .ta-txt b,.ta.futuro .ta-data{color:var(--tinta-4)}
.o-que-cai{margin-top:auto;padding-top:.8em;border-top:1px solid var(--pauta)}
.o-que-cai .linha{padding:.15em 0}
@media (max-width:1250px){.mc-palco{grid-template-columns:1fr;grid-template-rows:auto}.mc-chips{grid-template-columns:repeat(2,1fr)}}

/* ===== v12: montar concurso ===== */
.atalho-montar{display:flex;align-items:center;gap:1.1em;text-align:left;padding:1.1em 1.4em;border-radius:var(--r-g);border:1.5px dashed var(--pauta-forte);background:none;transition:border-color .15s,background .15s}
.atalho-montar:hover{border-color:var(--caneta);background:var(--caneta-suave)}
.am-mais{width:2.4em;height:2.4em;border-radius:50%;background:var(--caneta);color:#fff;display:grid;place-items:center;font-size:1.2em;font-weight:700;flex:none}
.am-txt{display:flex;flex-direction:column;flex:1}
.am-txt b{font-weight:700;font-size:1.1em}
.am-txt small{color:var(--tinta-2)}
.am-passos{font-size:.85em;color:var(--tinta-3);white-space:nowrap}
.montar{display:flex;flex-direction:column}
.passos-m{display:flex;gap:6px;margin:6px 0 18px}
.pm{flex:1;text-align:center;font-size:.85em;font-weight:600;color:var(--tinta-3);padding:.5em;border-bottom:3px solid var(--pauta)}
.pm.on{color:var(--tinta);border-color:var(--caneta)}
.etapa-m{display:flex;flex-direction:column;gap:14px;min-height:240px}
.etapa-m[hidden]{display:none}
.dois-op{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.um-op{display:grid}
.um-op .soltar-m{padding:2.4em 1em}
.op-m{display:flex;flex-direction:column;gap:.6em;padding:1.2em;border-radius:var(--r-m);border:1px solid var(--pauta-forte)}
.op-m b{font-weight:700;font-size:1.05em}
.op-m small{color:var(--tinta-3)}
.soltar-m{cursor:pointer;border-style:dashed;justify-content:center;align-items:center;text-align:center}
.soltar-m:hover,.soltar-m.em-cima{border-color:var(--caneta);background:var(--caneta-suave)}
.achado-m{display:flex;align-items:center;gap:.8em;padding:.9em 1em;border-radius:var(--r-m);border:1px solid var(--certo)}
.achado-m span:last-child{display:flex;flex-direction:column}
.achado-m small{color:var(--tinta-3)}
.pronto-ok{width:2.6em;height:2.6em;border-radius:50%;background:var(--certo);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.2em;flex:none}
.pronto-ok.mini{width:1.8em;height:1.8em;font-size:.9em}
.pm-intro{font-weight:600}
.pronto-m{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6em;padding:1.5em 0}
.pronto-m h3{font-family:Newsreader,serif;font-size:1.8em;font-weight:600}
.pronto-m p{color:var(--tinta-2);line-height:1.6}

.voltar{display:inline-flex;align-items:center;gap:.35em;padding:.5em .95em .5em .7em;border-radius:999px;border:1px solid var(--pauta-forte);background:var(--folha);font-weight:600;color:var(--tinta)}
.voltar:hover{border-color:var(--caneta);color:var(--caneta)}
.voltar[hidden]{display:none}

/* ===== v8: seletor de concurso (canto esquerdo) ===== */
.seletor-wrap{position:relative}
.seletor{display:flex;align-items:center;gap:.7em;padding:.35em .9em .35em .4em;border-radius:var(--r-m);border:1px solid var(--pauta-forte);background:var(--folha);text-align:left;min-width:240px}
.seletor:hover{border-color:var(--caneta)}
.sel-badge{flex:none;width:2.3em;height:2.3em;border-radius:10px;background:var(--caneta);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.8em;letter-spacing:.02em}
.sel-badge.cinza{background:var(--tinta-4)}
.sel-txt{display:flex;flex-direction:column;line-height:1.2;flex:1}
.sel-txt b{font-weight:600}
.sel-txt small{color:var(--tinta-3);font-size:.8em}
.sel-seta{color:var(--tinta-3);font-size:.8em}
.seletor-menu{min-width:340px}
.sel-op{display:flex;align-items:center;gap:.7em}
.sel-op>span:nth-child(2){flex:1;display:flex;flex-direction:column;line-height:1.25}
.sel-op small{color:var(--tinta-3);font-size:.82em}
.sel-op.ativo{background:var(--caneta-suave)}
.sel-ok{color:var(--caneta);font-weight:800}
.menu .menu-ajuste{width:calc(100% - 1.4em);margin:.3em .7em .5em;justify-content:center;display:flex;color:#fff}
.menu .menu-ajuste:hover{background:#1b3a9e}

/* ===== v8: formação e cadastro ===== */
.vazio-pf{padding:.9em 1em;border-radius:var(--r-m);border:1.5px dashed var(--pauta-forte);color:var(--tinta-3);font-size:.92em;line-height:1.4}
#formacoes{display:flex;flex-direction:column;gap:6px}
.form-form{display:none;flex-direction:column;gap:12px;padding:1em;border-radius:var(--r-m);background:var(--papel);border:1px solid var(--pauta)}
.form-form.aberto{display:flex}
.pil2x2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pil2x2 .chip{text-align:center;padding:.45em .3em;font-size:.9em}
.campo-txt,.campo-sel{width:100%;font:inherit;color:var(--tinta);background:var(--campo);border:1px solid transparent;border-radius:var(--r-p);padding:.65em .9em;outline:none}
.campo-txt:focus,.campo-sel:focus{border-color:var(--caneta)}
.campo-sel{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tinta-3) 50%),linear-gradient(135deg,var(--tinta-3) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}
.lin-pf .lin-txt{display:flex;justify-content:space-between;align-items:baseline;gap:1em;flex:1;min-width:0}
.lin-pf .remover{flex:none;width:1.7em;height:1.7em;border-radius:50%;color:var(--tinta-3);font-size:1.1em;line-height:1;display:grid;place-items:center;margin-left:.5em}
.lin-pf .remover:hover{background:color-mix(in srgb,var(--correcao) 12%,transparent);color:var(--correcao)}
.form-acoes{display:flex;gap:8px;justify-content:flex-end}
.cadastrar{border:1.5px dashed var(--pauta-forte);border-radius:var(--r-m);padding:1em 1.1em}
.dois{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.link-garimpo{margin-top:.9em;color:var(--tinta-2);font-size:.92em;text-align:left}
.link-garimpo b{color:var(--caneta);font-weight:600}

/* Telas ainda não desenhadas */
.vazio{display:none;place-content:center;text-align:center;padding:40px;color:var(--tinta-2)}
.vazio .titulo{font-size:2em;margin-bottom:.4em;color:var(--tinta)}

/* Tela menor: empilha e libera rolagem */
@media (max-width:1100px){
  body{overflow:auto}
  .app{height:auto;min-height:100vh}
  .topo{flex-wrap:wrap}
  .abas{order:3;width:100%;overflow-x:auto;margin:0}
  .palco{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .palco,.q-palco,.g-palco,.e-palco{grid-template-columns:1fr;grid-template-rows:auto}
  .aula,.proximas,.dificuldade,.cartao,.semana-grade,.horas-grade,.ajustar,.edital-card{grid-column:auto;grid-row:auto}
  .dias{grid-template-columns:repeat(7,minmax(110px,1fr));overflow-x:auto}
}
@media (max-width:700px){
  .palco{grid-template-columns:1fr}
  .direita .faltam span{display:none}
}