/* ==========================================================================
   INSTITUTO MARTINS THEODORO — interior.css
   As áreas logadas e a entrada: aluno, professor, coordenação, /entrar.
   Substitui area.css e login.css desde 14/09/2026 (upgrade de design,
   direções A · Papel e B · Noir escolhidas no canvas
   https://claude.ai/code/artifact/01cb9676-3705-4376-8ce7-ccd9eadae25b).

   PRINCÍPIOS
   · Uma casca só para as quatro áreas: barra fina com a marca, o nome da
     área, as abas, o seletor de tema e a pessoa. Sem menu público, sem
     faixa-título, sem rodapé do site.
   · Duas famílias: Fraunces para nomes, títulos e números (caixa baixa,
     sempre); Inter para tudo o que é interface. Jost fica no site público.
   · O ouro tem três empregos: a aba ativa, o número que pede atenção e um
     botão principal por tela. Verde, âmbar e vermelho têm papel fixo.
   · Nada neumórfico. Folhas planas com um fio; a sombra só no visor e
     no botão de voltar ao topo, que flutua sobre a página.
   · Dois temas, um conjunto de tokens. Tudo o que tem cor lê um token;
     nenhuma cor literal fora do bloco de tokens (exceto o ouro do botão
     principal e o papel do editor, que são iguais nos dois temas).
   · Nada anima altura, largura ou posição: só transform e opacity — e,
     na troca de tema, cor.
   ========================================================================== */

/* ══════════════════════════════════════════════════════════════════
   1. TOKENS — A · Papel (claro) é a base; B · Noir (escuro) redefine.
   O atributo data-tema é escrito por um script inline no <head> antes
   da primeira pintura (ver casca-topo.php); "sistema" segue o aparelho.
   ══════════════════════════════════════════════════════════════════ */
/* 3.11.2 · A fonte de reserva com as medidas da Inter: se a Inter demorar
   um instante numa troca de página, o texto já nasce com a largura certa e
   não salta quando ela chega (valores de ajuste da Inter sobre a Arial). */
@font-face{
  font-family:'Inter reserva';src:local('Arial'),local('ArialMT');
  ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%;size-adjust:107.12%;
}

html[data-tema]{
  color-scheme:light;

  --chao:#F5EFE4;
  --folha:#FFFDF8;
  --folha-2:#FBF7EE;
  --barra-fundo:#FFFDF8;
  --barra-tinta:#141414;
  --barra-suave:#6E675C;
  --tinta:#141414;
  --suave:#6E675C;
  --apagado:#787164; /* 3.7: era #9A9284 (2,7:1 no chão); agora 4,2–4,7:1 */
  --fio:rgba(124,90,33,.16);
  --fio-suave:rgba(124,90,33,.09);
  --fio-forte:rgba(124,90,33,.30);
  --pastilha:rgba(124,90,33,.07);
  --pastilha-forte:rgba(124,90,33,.13);
  --ouro:#CBA045;
  --ouro-texto:#7C5A21;
  --ouro-fundo:rgba(203,160,69,.14);
  --verde:#2E7D4F;--verde-fundo:rgba(46,125,79,.10);
  --ambar:#8F5B0E;--ambar-fundo:rgba(184,121,27,.12); /* 3.7: era #B8791B (3,1:1 no selo); agora 4,8:1 */
  --vermelho:#B3261E;--vermelho-fundo:rgba(179,38,30,.08);
  --aula-fundo:#FBF4E3;--aula-fio:rgba(203,160,69,.40);
  --veu:rgba(30,28,24,.72);
  --raio:10px;
  --raio-p:7px;
  --sombra-visor:0 30px 80px -30px rgba(0,0,0,.55);

  --voz:'Fraunces',Georgia,serif;
  --corpo:'Inter','Inter reserva',system-ui,-apple-system,sans-serif;

}

html[data-tema="escuro"]{
  color-scheme:dark;

  --chao:#141414;
  --folha:#1E1C18;
  --folha-2:#242019;
  --barra-fundo:#141414;
  --barra-tinta:#F5EFE4;
  --barra-suave:rgba(245,239,228,.60);
  --tinta:#F5EFE4;
  --suave:rgba(245,239,228,.60);
  --apagado:rgba(245,239,228,.52);
  --fio:rgba(255,255,255,.12);
  --fio-suave:rgba(255,255,255,.07);
  --fio-forte:rgba(255,255,255,.24);
  --pastilha:rgba(255,255,255,.08);
  --pastilha-forte:rgba(255,255,255,.14);
  --ouro:#D9B35C;
  --ouro-texto:#E2C27A;
  --ouro-fundo:rgba(217,179,92,.14);
  --verde:#5FBF87;--verde-fundo:rgba(95,191,135,.14);
  --ambar:#E0A64A;--ambar-fundo:rgba(224,166,74,.14);
  --vermelho:#E06B62;--vermelho-fundo:rgba(224,107,98,.12);
  --aula-fundo:#26211A;--aula-fio:rgba(217,179,92,.35);
  --veu:rgba(0,0,0,.78);
}

@media (prefers-color-scheme:dark){
  html[data-tema="sistema"]{
    color-scheme:dark;

    --chao:#141414;
    --folha:#1E1C18;
    --folha-2:#242019;
    --barra-fundo:#141414;
    --barra-tinta:#F5EFE4;
    --barra-suave:rgba(245,239,228,.60);
    --tinta:#F5EFE4;
    --suave:rgba(245,239,228,.60);
    --apagado:rgba(245,239,228,.52);
    --fio:rgba(255,255,255,.12);
    --fio-suave:rgba(255,255,255,.07);
    --fio-forte:rgba(255,255,255,.24);
    --pastilha:rgba(255,255,255,.08);
    --pastilha-forte:rgba(255,255,255,.14);
    --ouro:#D9B35C;
    --ouro-texto:#E2C27A;
    --ouro-fundo:rgba(217,179,92,.14);
    --verde:#5FBF87;--verde-fundo:rgba(95,191,135,.14);
    --ambar:#E0A64A;--ambar-fundo:rgba(224,166,74,.14);
    --vermelho:#E06B62;--vermelho-fundo:rgba(224,107,98,.12);
    --aula-fundo:#26211A;--aula-fio:rgba(217,179,92,.35);
    --veu:rgba(0,0,0,.78);
  }
}

/* A TROCA É INSTANTÂNEA, como um interruptor. Durante a troca a classe
   abaixo (posta por interior.js por um quadro) desliga TODAS as transições
   da página: sem ela, botões e fios que têm transição própria de cor
   passariam por tons intermediários e a troca pareceria travada. */
html.imt-tema-corte *,
html.imt-tema-corte *::before,
html.imt-tema-corte *::after{transition:none!important;animation-duration:0s!important}

/* ══════════════════════════════════════════════════════════════════
   2. BASE DO INTERIOR
   ══════════════════════════════════════════════════════════════════ */
body.imt-interior{
  background:var(--chao);
  color:var(--tinta);
  font-family:var(--corpo);
  font-size:.9375rem;
  line-height:1.55;
  font-feature-settings:"tnum" 1,"cv11" 1;
}
.imt-interior #site-content{padding-top:0;background:transparent}
/* 3.7: a regra do site público (body:not(.home) #site-content, que guarda
   lugar para o cabeçalho fixo) vencia a de cima por especificidade e
   deixava ~90px vazios no alto de toda tela do interior. */
body.imt-interior #site-content{padding-top:0}
.imt-interior :focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
.imt-interior ::selection{background:var(--ouro-fundo)}
.imt-interior a{color:inherit}

/* Rótulo (eyebrow) do interior: Inter, pequeno, espaçado; sem o traço. */
.imt-interior .imt-eyebrow,
.imt-rot{
  display:block;
  font-family:var(--corpo);
  font-size:.6875rem;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ouro-texto);
  margin:0 0 .4rem;
}
.imt-interior .imt-eyebrow-line{display:none}

/* Utilitário de leitor de tela (o do theme.css chama-se .imt-sr; repetido
   aqui para a casca não depender da ordem). */
.imt-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Quebra de palavra: tudo o que vem digitado por gente. */
.imt-interior .imt-sala-ladrilho-texto,
.imt-interior .imt-sala-curso-descricao,
.imt-interior .imt-sala-meta,
.imt-interior .imt-area-curso-nome,
.imt-interior .imt-mat-prosa,
.imt-interior .imt-mat-nota,
.imt-interior .imt-mat-meta,
.imt-interior .imt-mat-titulo,
.imt-interior .imt-sala-ladrilho-titulo,
.imt-interior .cmc-coord-item__titulo,
.imt-interior .cmc-coord-item__meta,
.imt-interior .imt-tabela td{overflow-wrap:anywhere}

/* ══════════════════════════════════════════════════════════════════
   3. A CASCA — barra, abas, tema, pessoa, rodapé
   ══════════════════════════════════════════════════════════════════ */
.imt-barra{
  position:relative;
  z-index:50;
  background:var(--barra-fundo);
  color:var(--barra-tinta);
  border-bottom:1px solid var(--fio);
}
.imt-marca{
  display:flex;align-items:center;gap:.75rem;
  font-family:var(--voz);
  font-size:.9375rem;
  line-height:1.1;
  letter-spacing:-.005em;
  white-space:nowrap;
  color:inherit;
}
.imt-marca img{width:34px;height:34px;border-radius:50%;flex:none}

/* Abas: texto, com o traço de ouro por baixo da ativa, na borda da barra. */
.imt-abas{display:flex;align-items:stretch;gap:.15rem;align-self:stretch;min-width:0;overflow-x:auto;scrollbar-width:none}
.imt-abas::-webkit-scrollbar{display:none}
.imt-aba{
  position:relative;
  display:inline-flex;align-items:center;gap:.5rem;
  padding:0 .8rem;
  font-size:.84375rem;
  color:var(--barra-suave);
  white-space:nowrap;
  transition:color var(--t-toque) var(--ease);
}
.imt-aba:hover{color:var(--barra-tinta)}
.imt-aba.esta-ativa,.imt-aba[aria-current]{color:var(--barra-tinta)}
.imt-aba::after{
  content:"";position:absolute;left:.8rem;right:.8rem;bottom:-1px;height:2px;
  background:var(--ouro);
  transform:scaleX(0);transform-origin:center;
  transition:transform var(--t-resposta) var(--ease);
}
.imt-aba.esta-ativa::after,.imt-aba[aria-current]::after{transform:scaleX(1)}
.imt-aba-n{
  font-weight:500;font-size:.6875rem;line-height:1;
  padding:.2rem .45rem;border-radius:9px;
  background:var(--pastilha);color:var(--barra-tinta);
  font-variant-numeric:tabular-nums;
}
.imt-aba-n.esta-atencao{background:var(--ambar-fundo);color:var(--ambar)}

.imt-barra-fim{margin-left:auto;display:flex;align-items:center;gap:1rem;flex:none}
.imt-barra-sair{
  display:inline-flex;align-items:center;height:32px;padding:0 .8rem;
  border:1px solid var(--fio-forte);border-radius:var(--raio-p);
  font-size:.75rem;font-weight:500;color:var(--barra-tinta);
  transition:border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease);
}
.imt-barra-sair:hover{border-color:var(--barra-tinta);background-color:var(--pastilha)}

/* ── O seletor de tema ─────────────────────────────────────────────
   Três rádios num trilho: Claro · Escuro · Sistema. Rádio nativo dá o
   teclado de graça (setas trocam e selecionam); o cursor de ouro
   desliza por transform. Sem :has, a opção marcada se pinta sozinha. */
.imt-tema{
  position:relative;
  display:inline-grid;grid-template-columns:repeat(3,1fr);
  margin:0;padding:3px;border:0;
  border-radius:999px;
  background:var(--pastilha);
  isolation:isolate;
}
.imt-tema-opcao{position:relative;z-index:1;cursor:pointer;display:block}
.imt-tema-opcao input{position:absolute;opacity:0;width:0;height:0;margin:0}
.imt-tema-opcao > span{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  height:28px;padding:0 .75rem;border-radius:999px;
  font-size:.71875rem;font-weight:500;letter-spacing:.02em;
  color:var(--barra-suave);
  white-space:nowrap;
  transition:color var(--t-resposta) var(--ease),background-color var(--t-resposta) var(--ease);
}
.imt-tema-opcao svg{width:14px;height:14px;flex:none}
.imt-tema-opcao:hover > span{color:var(--barra-tinta)}
.imt-tema-opcao input:checked + span{color:var(--barra-tinta)}
.imt-tema-opcao input:focus-visible + span{outline:2px solid var(--ouro);outline-offset:2px}
/* Sem :has, a própria opção marcada ganha o fundo. */
.imt-tema-opcao input:checked + span{background:var(--folha)}
.imt-tema-cursor{display:none}
@supports selector(:has(a)){
  .imt-tema-opcao input:checked + span{background:transparent}
  .imt-tema-cursor{
    display:block;position:absolute;z-index:0;
    top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 3);
    border-radius:999px;
    background:var(--folha);
    box-shadow:0 1px 2px rgba(0,0,0,.10),0 0 0 1px var(--fio);
    transition:transform .38s var(--ease);
  }
  .imt-tema:has(input[value="escuro"]:checked) .imt-tema-cursor{transform:translateX(100%)}
  .imt-tema:has(input[value="sistema"]:checked) .imt-tema-cursor{transform:translateX(200%)}
}
.imt-tema-rotulo{display:inline}
/* Quando mesmo assim não cabe, as abas rolam — e MOSTRAM que rolam: um
   esmaecimento na borda que ainda tem conteúdo (interior.js põe as
   classes conforme a posição). Sem JS a rolagem continua existindo. */
.imt-abas.rola-dir{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 2.5rem),transparent)}
.imt-abas.rola-esq{-webkit-mask-image:linear-gradient(to right,transparent,#000 2.5rem);mask-image:linear-gradient(to right,transparent,#000 2.5rem)}
.imt-abas.rola-esq.rola-dir{-webkit-mask-image:linear-gradient(to right,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to right,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent)}

/* Rodapé fino. */
.imt-rodape{
  margin-top:auto;
  border-top:1px solid var(--fio);
  color:var(--suave);
  font-size:.75rem;
}
.imt-rodape-int{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:1.2rem}
.imt-rodape a{color:var(--ouro-texto)}

/* ── Voltar ao topo ─────────────────────────────────────────────────
   Um botão redondo que flutua no canto de baixo à direita e só aparece
   depois que a pessoa desceu uma tela (interior.js põe .esta-visivel).
   É uma folha com um fio, como qualquer botão do interior, e lê os
   mesmos tokens — nos dois temas é a mesma peça: folha sobre o chão,
   seta em ouro. A única sombra fora do visor: sem ela, parado sobre uma
   folha da mesma cor, o botão sumiria. Entra e sai só com transform e
   opacity; a visibilidade espera a saída terminar. */
.imt-topo{
  position:fixed;
  right:max(24px,env(safe-area-inset-right,0px));
  bottom:calc(24px + env(safe-area-inset-bottom,0px));
  z-index:300;
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;padding:0;
  border:1px solid var(--fio-forte);
  border-radius:50%;
  background:var(--folha);
  color:var(--ouro-texto);
  cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.06),0 12px 28px -14px rgba(0,0,0,.35);
  opacity:0;visibility:hidden;
  transform:translateY(12px) scale(.9);
  transition:opacity var(--t-toque) var(--ease),transform var(--t-toque) var(--ease),
             visibility 0s linear var(--t-toque),
             border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease),color var(--t-toque) var(--ease);
}
.imt-topo svg{display:block;width:18px;height:18px;transition:transform var(--t-toque) var(--ease)}
.imt-topo.esta-visivel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.imt-topo.esta-visivel:hover{border-color:var(--ouro);background-color:var(--ouro-fundo)}
.imt-topo.esta-visivel:hover svg{transform:translateY(-2px)}
.imt-topo.esta-visivel:active{transform:translateY(1px)}
.imt-topo.esta-visivel:active svg{transform:none}
/* Com o visor aberto a página está travada: o botão sai de cena. */
html.imt-visor-aberto .imt-topo{opacity:0;visibility:hidden;pointer-events:none}
@media (max-width:640px){
  .imt-topo{right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:44px;height:44px}
}

/* A página: o miolo entre a barra e o rodapé. */
body.imt-interior{min-height:100svh;display:flex;flex-direction:column}
.imt-interior #site-content{flex:1;display:flex;flex-direction:column}
.imt-pagina{padding-block:clamp(2rem,4vw,2.75rem) clamp(3rem,6vw,4.5rem);display:flex;flex-direction:column;gap:clamp(1.6rem,3vw,2.25rem)}

@media (max-width:640px){
  .imt-marca > span{display:none}
  .imt-tema-opcao .imt-tema-rotulo{display:none}
  .imt-tema-opcao > span{padding:0 .6rem}
}

/* ══════════════════════════════════════════════════════════════════
   4. PRIMITIVAS — folha, cabeça, botões, campos, selos
   ══════════════════════════════════════════════════════════════════ */
.imt-folha{
  background:var(--folha);
  border:1px solid var(--fio);
  border-radius:var(--raio);
}
.imt-folha-topo{
  display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;
  padding:1.35rem 1.75rem 0;
}
.imt-folha-titulo,
.imt-interior .imt-area-secao,
.imt-interior .cmc-coord-secao__titulo{
  font-family:var(--voz);
  font-weight:400;
  font-size:1.4375rem;
  line-height:1.15;
  letter-spacing:-.01em;
  margin:0;
  display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;
}
.imt-folha-titulo small,
.imt-folha-sub{font-family:var(--corpo);font-size:.8125rem;color:var(--suave);letter-spacing:0}
.imt-ver{font-size:.8125rem;color:var(--ouro-texto);border-bottom:1px solid transparent;transition:border-color var(--t-toque) var(--ease)}
.imt-ver:hover{border-bottom-color:var(--ouro)}

/* A cabeça da página: saudação e ações. */
.imt-cabeca{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem 2.5rem;flex-wrap:wrap}
.imt-cabeca-texto{min-width:0;max-width:60ch}
.imt-cabeca h1,.imt-cabeca h2,
.imt-interior .imt-sala-ola,
.imt-interior .imt-area-ola,
.imt-interior .cmc-coord__ola{
  font-family:var(--voz);
  font-weight:400;
  font-size:clamp(1.9rem,3.4vw,2.5rem);
  line-height:1.05;
  letter-spacing:-.015em;
  margin:0;
}
.imt-cabeca-linha,
.imt-interior .imt-sala-sub,
.imt-interior .imt-area-sub,
.imt-interior .cmc-coord__sub{
  margin:.55rem 0 0;
  font-family:var(--corpo);
  font-size:.9375rem;
  letter-spacing:0;
  text-transform:none;
  color:var(--suave);
  line-height:1.55;
}
.imt-cabeca-acoes{display:flex;gap:.6rem;flex-wrap:wrap;flex:none}

/* ── Botões ──────────────────────────────────────────────────────── */
.imt-bt,
.imt-interior .imt-btn,
.imt-interior .cmc-btn,
.imt-interior .imt-barra-sair{font-family:var(--corpo)}
.imt-bt,
.imt-interior .imt-btn,
.imt-interior .cmc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  height:40px;padding:0 1.1rem;
  border:1px solid var(--fio-forte);
  border-radius:var(--raio-p);
  background:var(--folha);
  color:var(--tinta);
  font-size:.8125rem;font-weight:500;letter-spacing:.01em;text-transform:none;
  line-height:1;white-space:nowrap;cursor:pointer;
  box-shadow:none;
  transition:border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease),color var(--t-toque) var(--ease),transform var(--t-toque) var(--ease);
}
.imt-bt:hover,
.imt-interior .imt-btn:hover,
.imt-interior .cmc-btn:hover{border-color:var(--tinta);background-color:var(--pastilha);transform:none;filter:none;box-shadow:none}
.imt-bt--ouro,
.imt-interior .imt-entrar,
.imt-interior .cmc-btn--principal,
.imt-interior .imt-sala-baixar.imt-ouro,
.imt-interior .imt-sala-folhear.imt-ouro,
.imt-interior .imt-sala-leitura:not([open]):not(.esta-lida) summary{
  border-color:transparent;
  color:#2A1F07;
  background:linear-gradient(100deg,#F4E3B0 0%,#CBA045 45%,#A67F2E 100%);
  background-size:100% 100%;
}
.imt-bt--ouro:hover,
.imt-interior .imt-entrar:hover,
.imt-interior .cmc-btn--principal:hover,
.imt-interior .imt-sala-baixar.imt-ouro:hover,
.imt-interior .imt-sala-folhear.imt-ouro:hover{border-color:transparent;color:#2A1F07;background:linear-gradient(100deg,#F7E9BE 0%,#D4AC52 45%,#B08A38 100%);filter:none;box-shadow:none}
.imt-bt--fino,
.imt-interior .cmc-btn--discreto{border-color:var(--fio-forte);background:transparent;color:var(--tinta)}
.imt-interior .cmc-btn--perigo{border-color:var(--fio-forte);background:transparent;color:var(--vermelho)}
.imt-interior .cmc-btn--perigo:hover{border-color:var(--vermelho);background-color:var(--vermelho-fundo)}
.imt-interior .cmc-btn.esta-ativo{border-color:var(--ouro);color:var(--ouro-texto);background:var(--ouro-fundo);box-shadow:none}
.imt-bt--pequeno,.imt-bt.imt-bt--pequeno{height:32px;padding:0 .8rem;font-size:.75rem}
.imt-interior .imt-entrar{height:44px;padding:0 1.4rem;font-size:.84375rem;font-weight:600;width:auto;border-radius:var(--raio-p);overflow:visible;text-transform:none;letter-spacing:.01em}
.imt-interior .imt-entrar::after{display:none}
.imt-interior .imt-entrar:active,
.imt-interior .cmc-btn:active,
.imt-bt:active{transform:translateY(1px)}

/* Link discreto de ação (Editar, Remover, Ver todos). */
.imt-interior .imt-mat-link,
.imt-interior .cmc-coord-link,
.imt-interior .imt-area-filtro a,
.imt-interior .imt-trocar-rotulo,
.imt-interior .imt-sugerir,
.imt-interior .imt-esqueci{
  font-family:var(--corpo);
  font-size:.8125rem;font-weight:500;
  letter-spacing:0;text-transform:none;
  color:var(--ouro-texto);
  border-bottom:1px solid transparent;
  padding:0;background:none;cursor:pointer;
  transition:border-color var(--t-toque) var(--ease),color var(--t-toque) var(--ease);
}
.imt-interior .imt-mat-link:hover,
.imt-interior .cmc-coord-link:hover,
.imt-interior .imt-area-filtro a:hover,
.imt-interior .imt-trocar-rotulo:hover,
.imt-interior .imt-sugerir:hover,
.imt-interior .imt-esqueci:hover{border-bottom-color:var(--ouro);color:var(--ouro-texto);text-decoration:none}
.imt-interior .imt-mat-link--perigo{color:var(--vermelho)}
.imt-interior .imt-mat-link--perigo:hover{color:var(--vermelho);border-bottom-color:var(--vermelho)}
.imt-interior .imt-volta,
.imt-interior .imt-area-volta,
.imt-interior .cmc-coord-volta{
  display:inline-block;
  font-family:var(--corpo);font-size:.8125rem;font-weight:400;
  letter-spacing:0;text-transform:none;
  color:var(--suave);margin:0 0 .6rem;
  transition:color var(--t-toque) var(--ease);
}
.imt-interior .imt-volta:hover,
.imt-interior .imt-area-volta:hover,
.imt-interior .cmc-coord-volta:hover{color:var(--tinta)}
.imt-interior .imt-volta--cofre{display:block;text-align:center;margin:1rem 0 0}

/* ── Campos ──────────────────────────────────────────────────────── */
.imt-interior .imt-campo{display:block;margin:0 0 1.05rem}
.imt-interior .imt-campo[hidden]{display:none}
.imt-interior .imt-campo-rot,
.imt-interior .cmc-campo label,
.imt-interior .cmc-campo--grupo legend,
.imt-interior .imt-campo--cursos legend,
.imt-interior .imt-campo--formato legend{
  display:block;
  font-family:var(--corpo);
  font-size:.6875rem;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--ouro-texto);
  margin:0 0 .45rem;padding:0;
}
.imt-interior .imt-campo-opc,
.imt-interior .cmc-opcional{font-style:normal;font-weight:400;letter-spacing:0;text-transform:none;color:var(--apagado);margin-left:.3rem;opacity:1}
.imt-interior .imt-campo input,
.imt-interior .imt-campo textarea,
.imt-interior .imt-campo select,
.imt-interior .cmc-campo input[type="text"],
.imt-interior .cmc-campo input[type="email"],
.imt-interior .cmc-campo input[type="search"],
.imt-interior .cmc-campo input[type="date"],
.imt-interior .cmc-campo input[type="time"],
.imt-interior .cmc-campo textarea,
.imt-interior .cmc-campo select,
.imt-interior .cmc-coord-busca input[type="search"],
.imt-interior .cmc-coord-aprov__devolver textarea{
  width:100%;
  min-height:44px;
  padding:.65rem .9rem;
  border:1px solid var(--fio-forte);
  border-radius:var(--raio-p);
  background:var(--folha);
  font-family:var(--corpo);font-size:.9375rem;
  color:var(--tinta);
  outline:none;box-shadow:none;
  transition:border-color var(--t-toque) var(--ease),box-shadow var(--t-toque) var(--ease);
}
.imt-interior .cmc-campo textarea,.imt-interior .imt-campo textarea{min-height:6rem;resize:vertical;line-height:1.5}
.imt-interior .imt-campo input:focus,
.imt-interior .imt-campo textarea:focus,
.imt-interior .cmc-campo input:focus,
.imt-interior .cmc-campo textarea:focus,
.imt-interior .cmc-campo select:focus,
.imt-interior .cmc-coord-busca input:focus,
.imt-interior .cmc-coord-aprov__devolver textarea:focus{border-color:var(--ouro);box-shadow:0 0 0 3px var(--ouro-fundo);outline:none}
.imt-interior .imt-campo input::placeholder,
.imt-interior .cmc-campo input::placeholder,
.imt-interior .cmc-campo textarea::placeholder,
.imt-interior .cmc-coord-busca input::placeholder{color:var(--apagado)}
.imt-interior .imt-campo:focus-within .imt-campo-rot{color:var(--ouro-texto)}
.imt-interior .cmc-campo{display:flex;flex-direction:column;gap:0;margin:0 0 1.05rem}
.imt-interior .cmc-campo input[type="file"]{
  width:100%;padding:.55rem .6rem;border:1px dashed var(--fio-forte);border-radius:var(--raio-p);
  background:var(--folha-2);font-size:.8125rem;color:var(--suave);
}
.imt-interior .cmc-campo input[type="file"]::file-selector-button{
  font:inherit;font-weight:500;font-size:.75rem;color:var(--tinta);
  height:30px;padding:0 .8rem;margin-right:.7rem;
  border:1px solid var(--fio-forte);border-radius:5px;background:var(--folha);cursor:pointer;
}
.imt-interior .cmc-dica,
.imt-interior .imt-campo-dica{display:block;margin-top:.45rem;font-size:.8125rem;line-height:1.45;color:var(--suave)}
.imt-interior .cmc-form__acoes .cmc-dica{display:inline;margin:0 0 0 .6rem}
/* Erro: fio vermelho no campo que errou. */
.imt-interior .imt-cofre.tem-erro .imt-campo input,
.imt-interior .imt-convite-cartao.tem-erro .imt-campo input,
.imt-interior .imt-campo input[aria-invalid="true"]{border-color:var(--vermelho);box-shadow:none}
.imt-interior .imt-cofre--definir.tem-erro .imt-campo input{border-color:var(--fio-forte)}
.imt-interior .imt-cofre--definir .imt-campo input[aria-invalid="true"]{border-color:var(--vermelho)}
.imt-interior .imt-cofre-erro,
.imt-interior .imt-envio-erro{display:flex;align-items:flex-start;gap:.5rem;margin:-.2rem 0 1rem;font-size:.8125rem;line-height:1.5;color:var(--vermelho)}
.imt-interior .imt-cofre-erro svg{flex:none;margin-top:.2rem}
.imt-interior .imt-envio-erro[hidden]{display:none}
.imt-interior .imt-cofre-ok{display:flex;align-items:flex-start;gap:.5rem;margin:-.2rem 0 .6rem;font-size:.8125rem;line-height:1.5;color:var(--verde)}
.imt-interior .imt-cofre-ok svg{flex:none;margin-top:.2rem}

/* Senha: "Mostrar" dentro do campo; aviso de Caps Lock. */
.imt-interior .imt-campo--senha{position:relative}
.imt-interior .imt-campo--senha input{padding-right:5.4rem}
.imt-interior .imt-ver-senha{
  position:absolute;right:.45rem;bottom:.45rem;
  height:32px;padding:0 .6rem;border-radius:5px;
  font-family:var(--corpo);font-size:.71875rem;font-weight:500;letter-spacing:.02em;text-transform:none;
  color:var(--ouro-texto);
  transition:background-color var(--t-toque) var(--ease);
}
.imt-interior .imt-ver-senha:hover{background-color:var(--pastilha);color:var(--ouro-texto)}
.imt-interior .imt-caps{display:none;margin-top:.45rem;font-family:var(--corpo);font-size:.75rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ambar)}
.imt-interior .imt-campo--senha.tem-caps .imt-caps{display:block}

/* Caixinha: marca de ouro num quadrado com fio. */
.imt-interior .imt-lembrar,
.imt-interior .imt-avisar,
.imt-interior .cmc-opcao{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.84375rem;color:var(--tinta);padding:0;position:relative}
.imt-interior .imt-lembrar input,
.imt-interior .imt-avisar input{position:absolute;opacity:0;width:0;height:0}
.imt-interior .imt-caixinha{
  width:18px;height:18px;border-radius:4px;flex:none;
  border:1px solid var(--fio-forte);background:var(--folha);
  display:grid;place-items:center;
  box-shadow:none;
  transition:border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease);
}
.imt-interior .imt-caixinha::after{content:"";width:8px;height:8px;border-radius:2px;background:var(--ouro);transform:scale(0);transition:transform var(--t-toque) var(--ease)}
.imt-interior .imt-lembrar input:checked + .imt-caixinha,
.imt-interior .imt-avisar input:checked + .imt-caixinha{border-color:var(--ouro)}
.imt-interior .imt-lembrar input:checked + .imt-caixinha::after,
.imt-interior .imt-avisar input:checked + .imt-caixinha::after{transform:scale(1)}
.imt-interior .imt-lembrar input:focus-visible + .imt-caixinha,
.imt-interior .imt-avisar input:focus-visible + .imt-caixinha{outline:2px solid var(--ouro);outline-offset:3px}
.imt-interior .cmc-opcao input[type="checkbox"]{accent-color:var(--ouro);width:1rem;height:1rem;margin:0}
.imt-interior .cmc-campo--grupo .cmc-opcao{font-size:.875rem;letter-spacing:0;text-transform:none;color:var(--tinta)}

/* Pastilhas de escolha (cursos no envio e na ficha; formato). A marcada
   fica com fundo de ouro tênue e fio de ouro — não afunda mais. */
.imt-interior .imt-pastilhas,
.imt-interior .cmc-coord-pastilhas{display:flex;flex-wrap:wrap;gap:.45rem}
.imt-interior .imt-pastilha,
.imt-interior .cmc-coord-pastilha{position:relative;cursor:pointer;padding:0;margin:0}
.imt-interior .imt-pastilha input,
.imt-interior .cmc-coord-pastilha input{position:absolute;opacity:0;width:0;height:0}
.imt-interior .imt-pastilha span,
.imt-interior .cmc-coord-pastilha span{
  display:inline-flex;align-items:center;
  min-height:34px;padding:.35rem .8rem;
  border:1px solid var(--fio-forte);border-radius:999px;
  background:var(--folha);
  font-family:var(--corpo);font-size:.8125rem;font-weight:400;letter-spacing:0;text-transform:none;
  color:var(--tinta);line-height:1.3;
  box-shadow:none;
  transition:border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease),color var(--t-toque) var(--ease);
}
.imt-interior .imt-pastilha:hover span,
.imt-interior .cmc-coord-pastilha:hover span{border-color:var(--tinta);transform:none}
.imt-interior .imt-pastilha input:checked + span,
.imt-interior .cmc-coord-pastilha input:checked + span{border-color:var(--ouro);background:var(--ouro-fundo);color:var(--tinta);box-shadow:none;transform:none}
.imt-interior .imt-pastilha input:focus-visible + span,
.imt-interior .cmc-coord-pastilha input:focus-visible + span{outline:2px solid var(--ouro);outline-offset:3px}

/* Selos de estado: fundo próprio, cor fixa por papel. */
.imt-interior .imt-status,
.imt-interior .cmc-selo{
  display:inline-flex;align-items:center;
  font-family:var(--corpo);font-size:.71875rem;font-weight:500;letter-spacing:.01em;text-transform:none;
  padding:.25rem .55rem;border-radius:5px;border:0;margin:0;
  color:var(--suave);background:var(--pastilha);white-space:nowrap;flex:none;
}
.imt-interior .imt-status--publish,.imt-interior .cmc-selo--publish,.imt-interior .cmc-selo--ativo{color:var(--verde);background:var(--verde-fundo)}
.imt-interior .imt-status--pending,.imt-interior .cmc-selo--pending,.imt-interior .cmc-selo--convite{color:var(--ambar);background:var(--ambar-fundo)}
.imt-interior .imt-status--draft,.imt-interior .cmc-selo--draft,.imt-interior .cmc-selo--inativo{color:var(--vermelho);background:var(--vermelho-fundo)}
.imt-interior .imt-novo{
  display:inline-flex;align-items:center;gap:.4rem;flex:none;
  font-family:var(--corpo);font-size:.71875rem;font-weight:500;letter-spacing:0;text-transform:none;
  color:var(--ouro-texto);
}
.imt-interior .imt-novo::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ouro);box-shadow:none}
.imt-interior .imt-sala-baixado{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--corpo);font-size:.71875rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--verde)}

/* Contagem ao lado de um título. */
.imt-interior .imt-area-contagem,
.imt-interior .cmc-coord-contagem,
.imt-interior .cmc-coord__contagem{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:1.4rem;height:1.4rem;padding:0 .4rem;
  border:0;border-radius:.7rem;
  background:var(--pastilha);color:var(--tinta);
  font-family:var(--corpo);font-size:.6875rem;font-weight:500;letter-spacing:0;
  transform:none;margin-left:.1rem;vertical-align:middle;
}

/* Metadados (autor · data · tamanho): Inter, pequeno, sem versalete. */
.imt-interior .imt-sala-meta,
.imt-interior .imt-mat-meta,
.imt-interior .imt-mat-cel,
.imt-interior .imt-area-curso-meta,
.imt-interior .cmc-coord-item__meta,
.imt-interior .imt-curso-bloco-meta{
  font-family:var(--corpo);
  font-size:.78125rem;font-weight:400;
  letter-spacing:0;text-transform:none;
  color:var(--suave);line-height:1.5;
}
.imt-interior .imt-mat-meta,
.imt-interior .cmc-coord-item__meta{display:flex;flex-wrap:wrap;gap:.15rem .55rem;margin:.25rem 0 0}
.imt-interior .imt-mat-meta span,
.imt-interior .cmc-coord-item__meta span{position:relative}
.imt-interior .imt-mat-meta span + span::before,
.imt-interior .cmc-coord-item__meta span + span::before{content:"·";position:static;margin-right:.55rem;color:var(--apagado)}
.imt-interior .cmc-coord-item__meta .cmc-selo + span::before{content:none}
.imt-interior .cmc-coord-nota{font-size:.84375rem;color:var(--suave);margin:.4rem 0;line-height:1.5}

/* Estados vazios. */
.imt-interior .imt-area-vazio,
.imt-interior .cmc-vazio{
  padding:2rem 1.4rem;
  border:1px dashed var(--fio-forte);border-radius:var(--raio);
  text-align:center;color:var(--suave);font-size:.875rem;background:transparent;
}
.imt-interior .imt-area-vazio p,.imt-interior .cmc-vazio p{margin:0 0 .3rem}
.imt-interior .imt-area-vazio-nota,.imt-interior .cmc-vazio__nota{font-size:.8125rem;color:var(--apagado)}
.imt-interior .imt-area-vazio--grande{padding:3rem 1.6rem;max-width:none}
.imt-interior .imt-area-vazio--grande strong{font-family:var(--voz);font-weight:400;font-size:1.1875rem;color:var(--tinta)}
.imt-interior .imt-area-vazio.imt-alto{background:var(--folha);border-style:solid;border-color:var(--fio);box-shadow:none;border-radius:var(--raio)}

/* Avisos do plugin (depois de um redirect). */
.imt-interior .cmc-aviso{
  margin:0;padding:.85rem 1.1rem;
  border:1px solid var(--fio);border-left:3px solid var(--ouro);border-radius:var(--raio-p);
  background:var(--folha);font-size:.875rem;color:var(--tinta);
}
.imt-interior .cmc-aviso--erro{border-left-color:var(--vermelho);color:var(--vermelho)}
.imt-interior .cmc-aviso--ok{border-left-color:var(--verde)}

/* As duas antigas matérias neumórficas, neutralizadas: o que ainda leva
   .imt-alto vira folha; o que leva .imt-sulco vira fundo raso. */
.imt-interior .imt-alto{background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio);box-shadow:none}
.imt-interior .imt-sulco{background:var(--pastilha);box-shadow:none}

/* ══════════════════════════════════════════════════════════════════
   5. A ENTRADA — sala, cofre, convite
   ══════════════════════════════════════════════════════════════════ */
.imt-interior .imt-painel--entrada{padding:0}
.imt-interior .imt-login,
.imt-interior .imt-convite{
  position:relative;overflow:hidden;
  display:grid;align-items:center;
  min-height:calc(100svh - 64px - 3.4rem);
  padding-block:clamp(2.5rem,6vw,4.5rem);
  background:var(--chao);
}
.imt-interior .imt-login-int{
  position:relative;z-index:1;
  width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);
  display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);
  gap:clamp(2rem,5vw,4.5rem);align-items:center;
}
.imt-interior .imt-login-sala{position:relative;z-index:1;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(1.8rem,4vw,3rem);padding-block:clamp(.5rem,2vw,1.6rem)}
.imt-interior .imt-login-marca{display:flex;align-items:center;gap:.7rem}
.imt-interior .imt-login-marca img{width:38px;height:auto;flex:none;border-radius:50%}
.imt-interior .imt-login-nome{font-family:var(--voz);font-size:.875rem;line-height:1.12}
.imt-interior .imt-login-frase{font-family:var(--voz);font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:300;line-height:1.1;letter-spacing:-.02em;max-width:15ch;color:var(--tinta);text-wrap:balance}
.imt-interior .imt-login-pe{font-size:.84375rem;color:var(--suave);max-width:32ch;padding-top:1.1rem;border-top:1px solid var(--fio)}
.imt-interior .imt-login-espiral{
  position:absolute;left:-4%;bottom:-32%;height:132%;width:auto;max-width:46%;
  color:var(--ouro);opacity:.32;pointer-events:none;z-index:0;
}
.imt-interior .imt-login-espiral path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000}
html:not(.js-anim) .imt-interior .imt-login-espiral path{stroke-dashoffset:0}
.js-anim .imt-interior .imt-login-espiral path{animation:imt-login-tracar 2.4s var(--ease) .2s forwards}
.js-anim .imt-interior .imt-login-espiral .imt-login-quadros{animation-delay:.45s}
@keyframes imt-login-tracar{to{stroke-dashoffset:0}}

.imt-interior .imt-login-balcao{position:relative;z-index:1;display:grid;place-items:center}
.imt-interior .imt-cofre{
  position:relative;overflow:hidden;
  width:min(27rem,100%);
  background:var(--folha);
  border:1px solid var(--fio);
  border-radius:var(--raio);
  padding:clamp(1.7rem,2.8vw,2.3rem);
  box-shadow:none;
}
html:not(.js-anim) .imt-interior .imt-cofre{opacity:1;transform:none}
.js-anim .imt-interior .imt-cofre{opacity:0;transform:translateY(16px);animation:imt-pousa var(--t-entrada) var(--ease) .25s forwards}
@keyframes imt-pousa{to{opacity:1;transform:none}}
.imt-interior .imt-cofre::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--ouro),transparent);transform:translateX(-101%)}
.js-anim .imt-interior .imt-cofre::before{animation:imt-lacra 1.4s var(--ease) 1s forwards}
@keyframes imt-lacra{to{transform:translateX(101%)}}
.imt-interior .imt-cofre-selo{display:block;width:48px;height:auto;margin-bottom:1.2rem;border-radius:50%}
.imt-interior .imt-cofre-titulo{font-family:var(--voz);font-weight:400;font-size:1.75rem;line-height:1.15;letter-spacing:-.01em}
.imt-interior .imt-cofre-sub{font-size:.875rem;color:var(--suave);margin:.4rem 0 1.6rem;max-width:34ch}
.imt-interior .imt-cofre-linha{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1.1rem 0 1.4rem;font-size:.8125rem;color:var(--suave)}
.imt-interior .imt-cofre .imt-entrar{width:100%}
.imt-interior .imt-cofre--definir .imt-entrar,
.imt-interior .imt-cofre--esqueci .imt-entrar{margin-top:.6rem}

/* Régua de força: cresce por transform. */
.imt-interior .imt-forca{height:4px;margin:.5rem 0 .45rem;border-radius:4px;background:var(--pastilha-forte);overflow:hidden;box-shadow:none}
.imt-interior .imt-forca span{display:block;height:100%;border-radius:4px;background:var(--ouro);transform:scaleX(0);transform-origin:left center;transition:transform var(--t-resposta) var(--ease),background-color var(--t-resposta) var(--ease)}
.imt-interior .imt-forca[data-nivel="1"] span{background:var(--vermelho)}
.imt-interior .imt-forca[data-nivel="2"] span{background:var(--ambar)}
.imt-interior .imt-forca[data-nivel="3"] span{background:var(--ouro)}
.imt-interior .imt-forca[data-nivel="4"] span{background:var(--verde)}
.imt-interior .imt-forca-texto{margin:0 0 1rem;font-family:var(--corpo);font-size:.78125rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--suave)}
.imt-interior .imt-forca-texto--confere{margin-top:-.4rem;color:var(--vermelho)}

/* O convite (criar/redefinir senha, esqueci). */
.imt-interior .imt-convite{align-items:start;padding-block:clamp(2.5rem,6vw,4.5rem) clamp(3rem,7vw,5rem)}
.imt-interior .imt-convite-espiral{position:absolute;width:min(560px,60vw);height:auto;opacity:.22;pointer-events:none;fill:none;stroke:var(--ouro);stroke-width:.057}
.imt-interior .imt-convite-espiral--esq{left:-14%;bottom:-18%}
.imt-interior .imt-convite-espiral--dir{right:-15%;top:2%;transform:scaleX(-1)}
.imt-interior .imt-convite-int{position:relative;z-index:1;width:100%;padding-inline:var(--gut);display:flex;flex-direction:column;align-items:center}
.imt-interior .imt-convite-cartao{
  width:min(32.5rem,100%);
  display:flex;flex-direction:column;align-items:center;text-align:center;
  background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio);
  padding:clamp(2rem,4vw,3rem) clamp(1.5rem,4vw,3.25rem) clamp(1.8rem,3.5vw,2.75rem);
  box-shadow:none;
}
html:not(.js-anim) .imt-interior .imt-convite-cartao{opacity:1;transform:none}
.js-anim .imt-interior .imt-convite-cartao{opacity:0;transform:translateY(16px);animation:imt-pousa var(--t-entrada) var(--ease) .25s forwards}
.imt-interior .imt-convite-lacre{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;box-shadow:0 0 0 6px var(--folha),0 0 0 7px var(--ouro)}
.imt-interior .imt-convite-selo{display:block;width:64px;height:auto;border-radius:50%}
.imt-interior .imt-convite-marca{margin:1.4rem 0 0;font-family:var(--corpo);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-texto)}
.imt-interior .imt-convite-titulo{font-family:var(--voz);font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:400;line-height:1.1;letter-spacing:-.015em;margin:1.5rem 0 .6rem;text-wrap:balance}
.imt-interior .imt-convite-frase{font-size:.9375rem;line-height:1.6;color:var(--suave);margin:0;max-width:34em}
.imt-interior .imt-convite-frase strong{font-weight:500;color:var(--tinta)}
.imt-interior .imt-convite-fio{display:block;width:40px;height:1px;background:var(--ouro);margin:1.6rem 0 1.5rem}
.imt-interior .imt-convite-cartao .imt-campo,
.imt-interior .imt-convite-cartao .imt-forca,
.imt-interior .imt-convite-cartao .imt-forca-texto,
.imt-interior .imt-convite-cartao .imt-cofre-erro,
.imt-interior .imt-convite-cartao .imt-convite-linha{width:100%;text-align:left}
.imt-interior .imt-convite-cartao .imt-entrar{width:100%;margin-top:.4rem}
.imt-interior .imt-convite-linha{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem}
.imt-interior .imt-convite-linha .imt-forca-texto{margin:0;width:auto}
.imt-interior .imt-convite-nota{margin:1.2rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--suave);max-width:32em}
.imt-interior .imt-convite-ajuda{margin:1.8rem 0 0;font-size:.8125rem;color:var(--suave)}
.imt-interior .imt-convite-ajuda a{color:var(--ouro-texto);border-bottom:1px solid transparent}
.imt-interior .imt-convite-ajuda a:hover{border-bottom-color:var(--ouro)}

@media (max-width:880px){
  .imt-interior .imt-login{min-height:0}
  .imt-interior .imt-login-int{grid-template-columns:1fr}
  .imt-interior .imt-login-sala{display:none}
  .imt-interior .imt-login-espiral{width:88%;max-width:none;height:auto;left:-22%;bottom:-24%;opacity:.22}
  .imt-interior .imt-convite{min-height:0}
  .imt-interior .imt-convite-espiral--dir{display:none}
  .imt-interior .imt-convite-linha{flex-direction:column;align-items:flex-start;gap:.5rem}
}
@media (max-width:480px){
  .imt-interior .imt-login-int{padding-inline:1rem}
  .imt-interior .imt-cofre{padding:1.6rem 1.3rem 1.5rem}
  .imt-interior .imt-cofre-linha{flex-direction:column;align-items:flex-start;gap:.8rem}
}

/* ══════════════════════════════════════════════════════════════════
   6. A SALA DO ALUNO
   ══════════════════════════════════════════════════════════════════ */
.imt-interior .imt-sala-fundo{background:none}
.imt-interior .imt-painel-corpo--sala{padding:0}
.imt-interior .imt-sala{display:flex;flex-direction:column;gap:clamp(1.6rem,3vw,2.25rem)}
.imt-interior .imt-sala-topo{
  display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem 2.5rem;flex-wrap:wrap;
  margin:0;
}
.imt-interior .imt-sala-saudacao{min-width:0;max-width:60ch}
.imt-interior .imt-sala-linha{display:block;margin:0;max-width:none}
.imt-interior .imt-sala-sair{display:none}
.imt-interior .imt-sala-ola{margin:0}
.imt-interior .imt-sala-sub{max-width:none}

/* Progresso: número em voz, texto e um trilho fino. */
.imt-interior .imt-sala-progresso{
  display:flex;align-items:center;gap:1.1rem;
  padding:.9rem 1.2rem;min-width:min(100%,22rem);
  background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio);box-shadow:none;
}
.imt-interior .imt-sala-anel{width:56px;height:56px;position:relative;flex:none}
.imt-interior .imt-sala-anel svg{width:56px;height:56px}
.imt-interior .imt-sala-anel .imt-anel-trilho{stroke:var(--pastilha-forte)}
.imt-interior .imt-sala-anel .imt-anel-cheio{stroke:var(--ouro);transition:stroke-dashoffset var(--t-entrada) var(--ease)}
.imt-interior .imt-sala-anel-n{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--voz);font-weight:300;font-size:1rem;letter-spacing:-.02em}
.imt-interior .imt-sala-progresso-texto{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.imt-interior .imt-sala-progresso-texto strong{font-family:var(--corpo);font-weight:500;font-size:.84375rem;line-height:1.35;color:var(--tinta)}
.imt-interior .imt-sala-progresso-texto span{font-size:.78125rem;color:var(--suave);line-height:1.4}

/* Meus documentos: uma folha, uma linha por documento. */
.imt-interior .imt-sala-docs{padding:0;margin:0;background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio);box-shadow:none}
.imt-interior .imt-sala-docs-cabeca{padding:1.35rem 1.75rem 0}
.imt-interior .imt-sala-docs-titulo{font-family:var(--voz);font-weight:400;font-size:1.4375rem;line-height:1.15;letter-spacing:-.01em;margin:0 0 .3rem}
.imt-interior .imt-sala-docs-nota{margin:0 0 .6rem;font-size:.84375rem;color:var(--suave);max-width:60ch}
.imt-interior .imt-sala-docs-lista{list-style:none;margin:0;padding:0 1.75rem .4rem}
.imt-interior .imt-sala-doc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:1rem 0;border-top:1px solid var(--fio-suave)}
.imt-interior .imt-sala-doc-tipo{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:0;padding:.35rem .6rem;border-radius:5px;
  font-family:var(--corpo);font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ouro-texto);background:var(--ouro-fundo);box-shadow:none;
}
.imt-interior .imt-sala-doc-corpo{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.imt-interior .imt-sala-doc-titulo{font-family:var(--voz);font-weight:400;font-size:1.1875rem;line-height:1.25;margin:0;overflow-wrap:anywhere}
.imt-interior .imt-sala-doc-nota{margin:0;font-size:.84375rem;color:var(--suave)}

/* Cada curso: uma folha com a cabeça, as abas de módulo e a grade. */
.imt-interior .imt-sala-curso{margin:0}
.imt-interior .imt-sala-folha{background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio)}
.imt-interior .imt-sala-cartao{overflow:visible;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.imt-interior .imt-sala-faixa{display:none}
.imt-interior .imt-sala-cartao-corpo{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:start;
  padding:1.6rem 1.75rem 0;
}
.imt-interior .imt-sala-cartao-texto .imt-eyebrow{margin-bottom:.35rem}
.imt-interior .imt-sala-curso-titulo{font-family:var(--voz);font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:400;line-height:1.12;letter-spacing:-.012em;margin:0 0 .55rem;text-wrap:balance}
.imt-interior .imt-sala-curso-descricao{font-size:.875rem;line-height:1.55;color:var(--suave);max-width:60ch;margin:0}
.imt-interior .imt-sala-cartao-lado{display:flex;flex-direction:column;gap:.2rem;align-items:flex-end;text-align:right}
.imt-interior .imt-sala-cartao-lado .imt-sala-meta{font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-texto)}
.imt-interior .imt-sala-profs{font-family:var(--voz);font-size:1.0625rem;line-height:1.3}

/* Filtro por módulo: abas com o traço, em cima de um fio. */
.imt-interior .imt-sala-filtro{
  display:flex;flex-wrap:wrap;gap:.1rem;
  margin:1.2rem 1.75rem 0;padding:0;
  border-bottom:1px solid var(--fio);
}
.imt-interior .imt-sala-pastilha{
  position:relative;
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.55rem .8rem .75rem;border:0;border-radius:0;
  background:transparent;box-shadow:none;cursor:pointer;
  font-family:var(--corpo);font-size:.84375rem;font-weight:400;letter-spacing:0;text-transform:none;
  color:var(--suave);
  transition:color var(--t-toque) var(--ease);
}
.imt-interior .imt-sala-pastilha::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:-1px;height:2px;background:var(--ouro);transform:scaleX(0);transition:transform var(--t-resposta) var(--ease)}
.imt-interior .imt-sala-pastilha:hover{color:var(--tinta);transform:none}
.imt-interior .imt-sala-pastilha.esta-ativa{color:var(--tinta);box-shadow:none;transform:none}
.imt-interior .imt-sala-pastilha.esta-ativa::after{transform:scaleX(1)}
.imt-interior .imt-sala-pastilha-n{font-size:.6875rem;font-weight:500;color:var(--suave);opacity:1;font-variant-numeric:tabular-nums}

/* A grade de materiais: três colunas em tela larga. */
.imt-interior .imt-sala-grade{
  list-style:none;margin:0;
  padding:1.25rem 1.75rem 1.75rem;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;
}
.imt-interior .imt-sala-ladrilho{
  display:flex;flex-direction:column;gap:.75rem;
  padding:1.15rem 1.25rem 1.05rem;
  background:var(--folha-2);border:1px solid var(--fio);border-radius:calc(var(--raio) - 3px);
  box-shadow:none;
}
.imt-interior .imt-sala-ladrilho[hidden]{display:none}
.imt-interior .imt-sala-ladrilho.esta-surgindo{animation:imt-surge var(--t-resposta) var(--ease)}
@keyframes imt-surge{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.imt-interior .imt-sala-ladrilho-topo{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.imt-interior .imt-sala-selo{
  width:auto;height:auto;border-radius:0;
  display:inline-block;
  font-family:var(--corpo);font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  color:var(--suave);background:transparent;box-shadow:none;padding:0;
}
.imt-interior .imt-sala-selo--aula{color:var(--ouro-texto)}
.imt-interior .imt-sala-selo--aula::after{display:none}
.imt-interior .imt-sala-ladrilho-corpo{display:flex;flex-direction:column;gap:.35rem;flex:1}
.imt-interior .imt-sala-ladrilho-corpo > .imt-sala-meta:empty{display:none}
.imt-interior .imt-sala-ladrilho-titulo{font-family:var(--voz);font-size:1.25rem;font-weight:400;line-height:1.2;letter-spacing:-.008em;margin:0;text-wrap:balance}
.imt-interior .imt-sala-ladrilho-texto{font-size:.84375rem;line-height:1.5;color:var(--suave);margin:0}
.imt-interior .imt-sala-mais{margin:0}
.imt-interior .imt-sala-mais .imt-mat-prosa{max-width:none}
.imt-interior .imt-sala-ladrilho-pe{display:flex;flex-direction:column;align-items:stretch;gap:.7rem;margin:0}
.imt-interior .imt-sala-ladrilho-pe > .imt-sala-meta{font-size:.78125rem}
.imt-interior .imt-sala-acoes{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;width:100%;padding-top:.75rem;border-top:1px solid var(--fio-suave)}
.imt-interior .imt-sala-baixar,
.imt-interior .imt-sala-folhear{
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;
  height:34px;padding:0 .85rem;border-radius:var(--raio-p);
  font-family:var(--corpo);font-size:.78125rem;font-weight:500;letter-spacing:0;text-transform:none;
  border:1px solid var(--fio-forte);background:var(--folha);color:var(--tinta);
  box-shadow:none;cursor:pointer;
  transition:border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease),color var(--t-toque) var(--ease);
}
.imt-interior .imt-sala-baixar svg,.imt-interior .imt-sala-folhear svg{width:14px;height:14px;transition:none}
.imt-interior .imt-sala-baixar:hover,.imt-interior .imt-sala-folhear:hover{border-color:var(--tinta);background-color:var(--pastilha);transform:none;color:var(--tinta);box-shadow:none}
.imt-interior .imt-sala-baixar:hover svg{transform:none}
.imt-interior .imt-sala-baixar.imt-sulco{background:var(--folha);color:var(--tinta);font-weight:500;border-radius:var(--raio-p)}
.imt-interior .imt-sala-baixar:active,.imt-interior .imt-sala-folhear:active{transform:translateY(1px);box-shadow:none}
.imt-interior .imt-sala-folhear{margin-right:auto}
.imt-interior .imt-sala-preparo{font-style:normal;color:var(--apagado);font-size:.75rem;margin-right:auto}
.imt-interior .imt-sala .imt-area-vazio{margin:1.25rem 1.75rem 1.75rem}

/* A aula em texto: fundo quente, botão de ouro que vira fino ao abrir. */
.imt-interior .imt-sala-ladrilho--aula{background:var(--aula-fundo);border-color:var(--aula-fio)}
.imt-interior .imt-sala-abertura{color:var(--suave)}
.imt-interior .imt-sala-leitura{margin:0;padding-top:.75rem;border-top:1px solid var(--fio-suave)}
.imt-interior .imt-sala-leitura summary{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  height:34px;padding:0 1.1rem 0 .95rem;border-radius:var(--raio-p);
  font-family:var(--corpo);font-size:.78125rem;font-weight:600;letter-spacing:0;text-transform:none;
  border:1px solid transparent;
  box-shadow:none;cursor:pointer;list-style:none;
  transition:border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease),color var(--t-toque) var(--ease);
}
.imt-interior .imt-sala-leitura summary::-webkit-details-marker{display:none}
.imt-interior .imt-sala-leitura summary::after{content:"";width:.36em;height:.36em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--t-resposta) var(--ease)}
.imt-interior .imt-sala-leitura summary:hover{transform:none;box-shadow:none}
.imt-interior .imt-sala-leitura summary:active{transform:translateY(1px)}
.imt-interior .imt-sala-leitura[open] summary,
.imt-interior .esta-baixado .imt-sala-leitura:not([open]) summary{
  background:var(--folha);color:var(--tinta);font-weight:500;
  border-color:var(--fio-forte);box-shadow:none;
}
.imt-interior .imt-sala-leitura[open] summary::after{transform:translateY(1px) rotate(-135deg)}
.imt-interior .imt-sala-leitura-fechar,.imt-interior .imt-sala-leitura[open] .imt-sala-leitura-abrir{display:none}
.imt-interior .imt-sala-leitura[open] .imt-sala-leitura-fechar{display:inline}
.imt-interior .imt-sala-ladrilho--aula:has(.imt-sala-leitura[open]){grid-column:1 / -1}
.imt-interior .imt-sala-ladrilho--aula:has(.imt-sala-leitura[open]) .imt-sala-abertura{display:none}
.imt-interior .imt-sala-aula{max-width:66ch;padding-top:1.1rem;font-size:1rem;line-height:1.7;color:var(--tinta)}
.imt-interior .imt-sala-carimbo{
  margin:1.6rem 0 0;padding-top:.7rem;border-top:1px solid var(--aula-fio);
  font-family:var(--corpo);font-size:.71875rem;font-weight:400;letter-spacing:.02em;text-transform:none;
  color:var(--apagado);overflow-wrap:anywhere;
}

/* A prosa (aula e texto de apoio). */
.imt-interior .imt-mat-texto{margin:.2rem 0 0}
.imt-interior .imt-mat-texto summary{
  list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;
  font-family:var(--corpo);font-size:.8125rem;font-weight:500;letter-spacing:0;text-transform:none;
  color:var(--ouro-texto);padding:.2rem 0;
}
.imt-interior .imt-mat-texto summary::-webkit-details-marker{display:none}
.imt-interior .imt-mat-texto summary::after{content:"";width:.36em;height:.36em;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--t-resposta) var(--ease)}
.imt-interior .imt-mat-texto[open] summary::after{transform:translateY(1px) rotate(-135deg)}
.imt-interior .imt-mat-prosa{max-width:66ch;padding-top:.5rem;font-size:.9375rem;line-height:1.65;color:var(--tinta);animation:imt-surge var(--t-resposta) var(--ease)}
.imt-interior .imt-mat-prosa p{margin:0 0 .85em}
.imt-interior .imt-mat-prosa p:last-child{margin-bottom:0}
.imt-interior .imt-mat-prosa h3,.imt-interior .imt-mat-prosa h4{font-family:var(--voz);font-weight:400;font-size:1.375rem;line-height:1.2;margin:1.5em 0 .5em;color:var(--tinta);letter-spacing:-.01em}
.imt-interior .imt-mat-prosa h4{font-size:1.125rem}
.imt-interior .imt-mat-prosa h3:first-child,.imt-interior .imt-mat-prosa h4:first-child{margin-top:.2em}
.imt-interior .imt-mat-prosa blockquote{margin:1.2em 0;padding:.3em 0 .3em 1.1em;border-left:2px solid var(--ouro);font-family:var(--voz);font-style:italic;font-size:1.05em;color:var(--suave)}
.imt-interior .imt-mat-prosa blockquote p{margin:0}
.imt-interior .imt-mat-prosa hr{border:0;width:3rem;height:1px;margin:1.8em 0;background:var(--ouro)}
.imt-interior .imt-mat-prosa ul,.imt-interior .imt-mat-prosa ol{padding-left:1.3em;margin:0 0 .9em;list-style:revert}
.imt-interior .imt-mat-prosa li{margin:0 0 .35em}
.imt-interior .imt-mat-prosa a{color:var(--ouro-texto);border-bottom:1px solid var(--ouro)}
.imt-interior .imt-mat-prosa a:hover{color:var(--tinta)}

@media (max-width:1100px){
  .imt-interior .imt-sala-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .imt-interior .imt-sala-grade{grid-template-columns:1fr;padding:1rem 1.1rem 1.25rem}
  .imt-interior .imt-sala-cartao-corpo{grid-template-columns:1fr;padding:1.25rem 1.1rem 0;gap:1rem}
  .imt-interior .imt-sala-cartao-lado{align-items:flex-start;text-align:left}
  .imt-interior .imt-sala-filtro{margin:1rem 1.1rem 0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .imt-interior .imt-sala-filtro::-webkit-scrollbar{display:none}
  .imt-interior .imt-sala-pastilha{white-space:nowrap}
  .imt-interior .imt-sala-docs-cabeca{padding:1.15rem 1.1rem 0}
  .imt-interior .imt-sala-docs-lista{padding:0 1.1rem .3rem}
  .imt-interior .imt-sala-doc{grid-template-columns:1fr;gap:.6rem}
  .imt-interior .imt-sala-doc-tipo{justify-self:start}
  .imt-interior .imt-sala-progresso{width:100%}
  .imt-interior .imt-sala .imt-area-vazio{margin:1rem 1.1rem 1.25rem}
  .imt-interior .imt-sala-leitura summary{width:100%}
}

/* ══════════════════════════════════════════════════════════════════
   7. A MESA DO PROFESSOR
   ══════════════════════════════════════════════════════════════════ */
.imt-interior .imt-area{display:flex;flex-direction:column;gap:clamp(1.6rem,3vw,2.25rem)}
.imt-interior .imt-area-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:0;margin:0;border:0}
.imt-interior .imt-area-topo > .imt-btn{display:none}
.imt-interior .imt-area-ola{margin:0}
.imt-interior .imt-area-envio{margin:0;scroll-margin-top:1rem}
.imt-interior .imt-cartao{position:relative;background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio);padding:0;box-shadow:none}
.imt-interior .imt-cartao--mesa{--cartao-pad:clamp(1.25rem,2.4vw,1.75rem);padding:var(--cartao-pad) var(--cartao-pad) 0}
.imt-interior .imt-cartao--edicao{border-color:var(--ouro);box-shadow:none}
.imt-interior .imt-cartao-cabeca{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem}
.imt-interior .imt-cartao .imt-eyebrow{margin-bottom:.3rem}
.imt-interior .imt-cartao-titulo{font-family:var(--voz);font-size:1.4375rem;font-weight:400;line-height:1.15;letter-spacing:-.01em;margin:0;overflow-wrap:anywhere}
.imt-interior .imt-cartao--mesa .imt-envio{display:grid;grid-template-columns:minmax(0,19rem) minmax(0,1fr);column-gap:clamp(1.5rem,3vw,2.5rem);align-items:stretch}
.imt-interior .imt-envio-ficha,.imt-interior .imt-envio-texto{display:flex;flex-direction:column;min-width:0}
.imt-interior .imt-envio-texto .imt-campo--texto{flex:1;display:flex;flex-direction:column;margin-bottom:1.05rem;min-height:0}
.imt-interior .imt-envio-texto .imt-editor{flex:1;display:flex;flex-direction:column;min-height:30rem}
.imt-interior .imt-envio-texto .imt-editor .wp-editor-wrap,
.imt-interior .imt-envio-texto .imt-editor .wp-editor-container,
.imt-interior .imt-envio-texto .imt-editor .mce-tinymce,
.imt-interior .imt-envio-texto .imt-editor .mce-container-body{flex:1;display:flex!important;flex-direction:column;min-height:0}
.imt-interior .imt-envio-texto .imt-editor .mce-toolbar-grp{flex:none}
.imt-interior .imt-envio-texto .imt-editor .mce-edit-area{flex:1;display:flex;min-height:0}
.imt-interior .imt-envio-texto .imt-editor .mce-edit-area iframe{height:100%!important;min-height:18rem}
.imt-interior .imt-envio-texto .imt-editor textarea.wp-editor-area{flex:1;min-height:18rem}
.imt-interior .imt-envio-texto .imt-avisar{margin-top:.2rem}
.imt-interior .imt-cartao--mesa .imt-envio-acoes{
  grid-column:1 / -1;
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  margin:1rem calc(-1 * var(--cartao-pad)) 0;
  padding:1.1rem var(--cartao-pad) 1.2rem;
  border-top:1px solid var(--fio);
}
.imt-interior .imt-cartao--mesa .imt-envio .imt-entrar{width:auto;order:2;flex:none}
.imt-interior .imt-cartao--mesa .imt-envio-nota{margin:0;text-align:left;max-width:56ch;font-size:.8125rem;color:var(--suave)}
.imt-interior .imt-cartao--mesa .imt-envio-acoes .imt-volta{order:1;margin:0}
.imt-interior .imt-envio .imt-campo{margin-bottom:1.05rem}
.imt-interior .imt-campo--cursos,.imt-interior .imt-campo--formato{border:0;padding:0;margin:0 0 1.05rem;min-width:0}

/* Formato: dois botões num trilho, o marcado com fundo de folha. */
.imt-interior .imt-formato{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border-radius:var(--raio-p);background:var(--pastilha);box-shadow:none}
.imt-interior .imt-formato-opcao{position:relative;cursor:pointer}
.imt-interior .imt-formato-opcao input{position:absolute;opacity:0;width:0;height:0}
.imt-interior .imt-formato-opcao span{
  display:flex;align-items:center;justify-content:center;gap:.45rem;
  height:36px;padding:0 .8rem;border-radius:5px;
  font-family:var(--corpo);font-size:.8125rem;font-weight:500;letter-spacing:0;text-transform:none;
  color:var(--suave);
  transition:color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease),box-shadow var(--t-toque) var(--ease);
}
.imt-interior .imt-formato-opcao:hover span{color:var(--tinta)}
.imt-interior .imt-formato-opcao input:checked + span{color:var(--tinta);background:var(--folha);box-shadow:0 1px 2px rgba(0,0,0,.08),0 0 0 1px var(--fio)}
.imt-interior .imt-formato-opcao input:focus-visible + span{outline:2px solid var(--ouro);outline-offset:2px}
.imt-interior .imt-envio [data-cmc-so-arquivo][hidden],.imt-interior .imt-envio [data-cmc-so-texto][hidden]{display:none}

/* Zona de soltar. */
.imt-interior .imt-solta{
  position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;
  padding:1.4rem 1rem 1.2rem;border-radius:var(--raio-p);
  border:1px dashed var(--fio-forte);background:var(--folha-2);color:var(--ouro-texto);cursor:pointer;
  box-shadow:none;
  transition:border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease);
}
.imt-interior .imt-solta:hover,.imt-interior .imt-solta:focus-visible{border-color:var(--ouro);outline:none}
.imt-interior .imt-solta.esta-sobre{border-color:var(--ouro);border-style:solid;background:var(--ouro-fundo);transform:none;box-shadow:none}
.imt-interior .imt-solta.tem-arquivos{padding-block:.9rem .8rem}
.imt-interior .imt-solta.tem-arquivos .imt-solta-icone{width:22px;height:22px}
.imt-interior .imt-solta-icone{width:28px;height:28px;transition:transform var(--t-deliberado) var(--ease)}
.imt-interior .imt-solta:hover .imt-solta-icone{transform:translateY(-2px)}
.imt-interior .imt-solta-texto{margin:0;font-family:var(--corpo);font-size:.84375rem;font-weight:500;letter-spacing:0;text-transform:none;line-height:1.45;color:var(--tinta)}
.imt-interior .imt-solta-texto .imt-solta-sub{color:var(--ouro-texto);font-weight:400}
.imt-interior .imt-solta-dica{margin:.15rem 0 0;font-size:.78125rem;color:var(--suave)}
.imt-interior .imt-solta-carimbo{color:var(--ouro-texto);margin-top:.3rem}
.imt-interior .imt-solta-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.js-anim .imt-interior .imt-solta-input{pointer-events:none}
.imt-interior .imt-solta-texto .imt-so-toque{display:none}
@media (hover:none) and (pointer:coarse){
  .imt-interior .imt-solta-texto .imt-so-mouse{display:none}
  .imt-interior .imt-solta-texto .imt-so-toque{display:inline}
}

/* Fila de arquivos. */
.imt-interior .imt-fila{list-style:none;margin:-.3rem 0 1.05rem;padding:0}
.imt-interior .imt-fila:not([hidden]){display:block}
.imt-interior .imt-fila .cmc-fila__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:.7rem;row-gap:.4rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--fio-suave);font-size:.84375rem}
.imt-interior .imt-fila .cmc-fila__ext{font-family:var(--corpo);font-size:.625rem;font-weight:500;letter-spacing:.08em;color:var(--ouro-texto);border:1px solid var(--fio-forte);border-radius:4px;padding:.15rem .35rem}
.imt-interior .imt-fila .cmc-fila__nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tinta)}
.imt-interior .imt-fila .cmc-fila__meta{font-size:.78125rem;color:var(--suave);white-space:nowrap}
.imt-interior .imt-fila .cmc-fila__item--erro .cmc-fila__meta{color:var(--vermelho);white-space:normal}
.imt-interior .imt-fila .cmc-fila__item--ok .cmc-fila__meta{color:var(--verde)}
.imt-interior .imt-fila .cmc-fila__barra{grid-column:1 / -1;order:9;height:3px;border-radius:3px;background:var(--pastilha-forte);overflow:hidden}
.imt-interior .imt-fila .cmc-fila__barra span{display:block;height:100%;background:var(--ouro);transform:scaleX(0);transform-origin:left center;transition:transform .25s linear}
.imt-interior .imt-fila .cmc-fila__item--ok .cmc-fila__barra span{transform:scaleX(1);background:var(--verde)}
.imt-interior .imt-fila .cmc-fila__remover{background:none;border:0;cursor:pointer;font-size:1.1rem;line-height:1;color:var(--suave);padding:0 .1rem}
.imt-interior .imt-fila .cmc-fila__remover:hover{color:var(--vermelho)}
.imt-interior .imt-fila .cmc-fila__item--enviando .cmc-fila__remover,.imt-interior .imt-fila .cmc-fila__item--ok .cmc-fila__remover{visibility:hidden}
.imt-interior .imt-envio.esta-enviando .imt-solta{pointer-events:none;opacity:.55}

/* O editor segue o tema: a moldura lê os tokens; o texto do iframe recebe
   a classe imt-escuro por interior.js (ver content_style em form-upload.php). */
.imt-interior .imt-editor .wp-editor-wrap,.imt-interior .imt-editor .wp-editor-container{border:0;background:transparent}
.imt-interior .imt-editor .wp-editor-container{border-radius:var(--raio-p);overflow:hidden;background:var(--folha);border:1px solid var(--fio-forte);box-shadow:none}
.imt-interior .imt-campo--texto:focus-within .wp-editor-container{border-color:var(--ouro);box-shadow:0 0 0 3px var(--ouro-fundo)}
.imt-interior .imt-editor .mce-tinymce{border:0!important;box-shadow:none!important;background:transparent}
.imt-interior .imt-editor .mce-toolbar-grp,.imt-interior .imt-editor .mce-top-part::before{background:transparent!important;border:0!important;box-shadow:none!important}
.imt-interior .imt-editor .mce-toolbar-grp{padding:.3rem .35rem 0!important;border-bottom:1px solid var(--fio)!important}
.imt-interior .imt-editor .mce-btn{background:transparent;border:0;border-radius:5px}
.imt-interior .imt-editor .mce-btn:hover,.imt-interior .imt-editor .mce-btn.mce-active{background:rgba(124,90,33,.10);border:0;box-shadow:none}
.imt-interior .imt-editor .mce-ico{color:var(--ouro-texto)}
.imt-interior .imt-editor .mce-btn .mce-txt{color:var(--tinta)}
.imt-interior .imt-editor .mce-listbox,.imt-interior .imt-editor .mce-btn.mce-listbox:hover{background:var(--folha)!important;border:1px solid var(--fio-forte)!important;box-shadow:none!important}
.imt-interior .imt-editor .mce-listbox .mce-txt,.imt-interior .imt-editor .mce-listbox .mce-caret{color:var(--tinta);border-top-color:var(--tinta)}
.imt-interior .imt-editor .mce-btn:hover,.imt-interior .imt-editor .mce-btn.mce-active{background:var(--pastilha)}
.imt-interior .imt-editor .mce-btn.mce-disabled .mce-ico{color:var(--apagado)}
.imt-interior .imt-editor .mce-statusbar,.imt-interior .imt-editor .mce-path{display:none}
.imt-interior .imt-editor .mce-edit-area,.imt-interior .imt-editor .mce-panel{border:0!important;background:transparent!important}
.imt-interior .imt-editor .mce-edit-area iframe{background:transparent}
.imt-interior .imt-editor .wp-editor-tabs{display:none}
.imt-interior .imt-editor textarea.wp-editor-area{width:100%;border:0;background:transparent;font-family:var(--corpo);font-size:.9375rem;line-height:1.6;padding:.85rem 1rem;color:var(--tinta);outline:none;resize:vertical}
.imt-interior .imt-campo--aula .imt-editor .wp-editor-container{min-height:24rem}

/* Arquivo atual (edição). */
.imt-interior .imt-arquivo-atual{display:flex;align-items:center;gap:.7rem;margin:0 0 .6rem;font-size:.875rem}
.imt-interior .imt-arquivo-atual-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.imt-interior .imt-arquivo-atual-meta{color:var(--suave);font-size:.8125rem;flex:none}
.imt-interior .imt-trocar{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;position:relative}
.imt-interior .imt-trocar input{position:absolute;opacity:0;width:0;height:0}
.imt-interior .imt-trocar input:focus-visible ~ .imt-trocar-rotulo{outline:2px solid var(--ouro);outline-offset:3px}
.imt-interior .imt-trocar-nome{font-size:.8125rem;color:var(--suave)}

/* Envios: a folha com as abas de status e as linhas. */
.imt-interior .imt-area-envios{margin:0;scroll-margin-top:1rem;background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio)}
.imt-interior .imt-area-envios-cabeca{display:flex;align-items:baseline;justify-content:space-between;gap:1rem 1.5rem;flex-wrap:wrap;margin:0;padding:1.35rem 1.75rem 0}
.imt-interior .imt-area-envios-cabeca .imt-area-secao{margin:0}
.imt-interior .imt-area-filtros{display:flex;gap:.1rem;flex-wrap:wrap}
.imt-interior .imt-area-filtros .imt-sala-pastilha{padding:.4rem .7rem .6rem}
.imt-interior .imt-area-filtro{margin:.6rem 1.75rem 0;font-size:.8125rem;color:var(--suave)}
.imt-interior .imt-area-filtro a{margin-left:.4rem}
.imt-interior .imt-area-filtro-vazio{margin:1rem 1.75rem 1.5rem;font-size:.875rem;color:var(--suave);text-align:center;padding:1.4rem;border:1px dashed var(--fio-forte);border-radius:var(--raio-p)}
.imt-interior .imt-area-filtro-vazio[hidden]{display:none}
.imt-interior .imt-area-envios .imt-area-vazio{margin:1rem 1.75rem 1.5rem}
.imt-interior .imt-mats{list-style:none;margin:0;padding:0 1.75rem}
.imt-interior .imt-mats[hidden]{display:none}
.imt-interior .imt-mats--gestao{padding-top:.4rem;padding-bottom:.6rem}
.imt-interior .imt-mats--gestao .imt-mat--gestao{
  display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(9rem,14rem) 8rem auto auto;
  gap:1.2rem;align-items:center;
  padding:.95rem 0;border-bottom:1px solid var(--fio-suave);
}
.imt-interior .imt-mats--gestao .imt-mat--gestao:last-child{border-bottom:0}

/* ── Etapa 2.9: a coordenação editando ──────────────────────────────
   "Editar" é botão na linha; a linha de volta (#material-ID) acende em
   ouro e apaga — só opacity anima. O bloco "Coordenação" no formulário
   é uma seção da ficha, separada por um fio. */
.imt-interior .imt-mat--gestao{position:relative;scroll-margin-top:5.5rem}
.imt-interior .imt-mat--gestao .imt-mat-editar{height:32px}
.imt-interior .imt-mat-editado{margin:.35rem 0 0;font-size:.75rem;color:var(--suave)}
.imt-interior .imt-mat--gestao:target::before{
  content:"";position:absolute;inset:-.35rem -.75rem;border-radius:var(--raio-p);
  background:var(--ouro-fundo);pointer-events:none;
  animation:imt-realce 3s var(--ease) forwards;
}
@keyframes imt-realce{0%,50%{opacity:1}100%{opacity:0}}
.imt-interior .imt-cartao-meta{margin:.3rem 0 0;font-size:.84375rem;color:var(--suave)}
.imt-interior .imt-cartao-cancelar{flex:none;align-self:flex-end}
.imt-interior .imt-coord{margin:1.5rem 0 0;padding-top:1.15rem;border-top:1px solid var(--fio)}
.imt-interior .imt-coord-rot{margin-bottom:1rem;color:var(--suave)}
.imt-interior .imt-campo--status{border:0;padding:0;margin:0 0 1.05rem}
.imt-interior .imt-campo select{appearance:auto;-webkit-appearance:auto;padding-right:2.2rem;cursor:pointer}
.imt-interior .imt-coord .imt-avisar{margin-top:.2rem}
.imt-interior .imt-coord-dica{margin:.6rem 0 0}

/* ── Etapa 2.10: módulos do curso ───────────────────────────────────
   O seletor de módulo no envio, a ordem da lista de envios (com títulos
   por curso · módulo) e a lista editável na ficha do curso. */
.imt-interior .imt-campo--modulo-outro{margin:.7rem 0 0}
.imt-interior .imt-campo--modulo-outro[hidden]{display:none}
.imt-interior .imt-campo--modulo > .imt-campo-dica{display:block;margin-top:.4rem}
.imt-interior .imt-area-ordem{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:.5rem 1.75rem 0;font-size:.8125rem;color:var(--suave)}
.imt-interior .imt-area-ordem-rot{margin-right:.2rem}
.imt-interior .imt-area-ordem .imt-sala-pastilha{padding:.4rem .7rem .6rem;text-decoration:none}
.imt-interior .imt-area-envios .imt-modulo{margin:1.5rem 1.75rem .1rem}
.imt-interior .imt-area-envios .imt-modulo[hidden]{display:none}
.imt-interior .cmc-modulos-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}
.imt-interior .cmc-modulo-linha{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:.5rem;align-items:center}
.imt-interior .cmc-modulo-linha input[type="text"]{min-height:40px;padding-block:.45rem}
.imt-interior .cmc-modulo-linha--novo input[type="text"]{border-style:dashed}
.imt-interior .cmc-modulo-n{font-size:.75rem;color:var(--suave);white-space:nowrap;min-width:6.5em;text-align:right}
.imt-interior .cmc-modulo-seta{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--fio-forte);border-radius:var(--raio-p);background:var(--folha);color:var(--tinta);cursor:pointer;transition:border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease)}
.imt-interior .cmc-modulo-seta:hover{border-color:var(--tinta);background:var(--pastilha)}
.imt-interior .cmc-modulo-seta:disabled{opacity:.3;cursor:default}
.imt-interior .cmc-modulo-seta:disabled:hover{border-color:var(--fio-forte);background:var(--folha)}
.imt-interior .cmc-modulo-seta svg{width:16px;height:16px}
.imt-interior .cmc-modulos-mais{margin-top:.6rem}
.imt-interior .cmc-modulos-mais[hidden]{display:none}
.imt-interior .cmc-modulos-dica{margin-top:.7rem}
@media (max-width:600px){
  .imt-interior .cmc-modulo-n{display:none}
  .imt-interior .imt-area-ordem{margin-inline:1.1rem}
}
.imt-interior .imt-mat--gestao[hidden]{display:none}
.imt-interior .imt-mat-ext{
  flex:none;width:auto;height:auto;display:inline-block;
  border-radius:0;background:transparent;box-shadow:none;
  font-family:var(--corpo);font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--suave);position:static;
}
.imt-interior .imt-mat-ext::after,.imt-interior .imt-mat-ext::before{display:none}
.imt-interior .imt-mat-ext--aula,.imt-interior .imt-mat--novo .imt-mat-ext{color:var(--ouro-texto);font-size:.6875rem;letter-spacing:.1em;box-shadow:none}
.imt-interior .imt-mat--draft .imt-mat-ext{color:var(--vermelho)}
.imt-interior .imt-mat-titulo{font-family:var(--voz);font-size:1.0625rem;font-weight:400;line-height:1.3;margin:0 0 .1rem}
.imt-interior .imt-mat--gestao .imt-mat-meta{margin:0}
.imt-interior .imt-mat--gestao .imt-mat-nota{margin:.5rem 0 0}
.imt-interior .imt-mat-cel{line-height:1.45}
.imt-interior .imt-mat-cel-autor{color:var(--tinta)}
.imt-interior .imt-mat--gestao .imt-status{justify-self:start}
.imt-interior .imt-mat-acoes{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin-top:.5rem}
.imt-interior .imt-mat-acoes--gestao{margin:0;justify-content:flex-end;white-space:nowrap}
.imt-interior .imt-mat-nota{margin:.4rem 0 .6rem;padding:.6rem .85rem;border-left:2px solid var(--ambar);background:var(--ambar-fundo);font-size:.84375rem;line-height:1.5;color:var(--tinta);border-radius:0 5px 5px 0}
.imt-interior .imt-mat-nota strong{font-weight:500}

/* Leitura em lista (fora da sala): linha com selo e corpo. */
.imt-interior .imt-mat:not(.imt-mat--gestao){display:flex;align-items:flex-start;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--fio-suave)}
.imt-interior .imt-mat-corpo{flex:1;min-width:0}
.imt-interior .imt-mat-cabeca{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;flex-wrap:wrap}
.imt-interior .imt-baixar{
  display:inline-flex;align-items:center;gap:.45rem;height:34px;padding:0 .85rem;border-radius:var(--raio-p);
  font-family:var(--corpo);font-size:.78125rem;font-weight:500;letter-spacing:0;text-transform:none;
  border:1px solid var(--fio-forte);color:var(--tinta);background:var(--folha);
  transition:border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease);
}
.imt-interior .imt-baixar:hover{border-color:var(--tinta);background-color:var(--pastilha);color:var(--tinta);transform:none;box-shadow:none}
.imt-interior .imt-baixar:hover svg{transform:none}
.imt-interior .imt-modulo{display:block;font-family:var(--corpo);font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-texto);margin:1.6rem 0 .3rem}
.imt-interior .imt-modulo:first-child{margin-top:.4rem}

/* O curso aberto ("como o aluno vê"). */
.imt-interior .imt-area-visao{background:transparent;border:0;border-radius:0;padding:0;margin:0;scroll-margin-top:1rem;display:flex;flex-direction:column;gap:1rem}
.imt-interior .imt-area-visao-topo{margin:0;display:flex;flex-direction:column;gap:.2rem}
.imt-interior .imt-area-visao-topo .imt-eyebrow{margin:0}
.imt-interior .imt-area-visao-nota{margin:0;font-size:.84375rem;line-height:1.5;color:var(--suave);max-width:70ch}
.imt-interior .imt-area-visao .imt-sala-curso{margin:0}
.imt-interior .imt-area-visao .imt-sala-grade{gap:1rem}

/* Cursos: grade de três, cada um uma folha rasa. */
.imt-interior .imt-area-meus-cursos{margin:0;scroll-margin-top:1rem}
.imt-interior .imt-area-secao--cursos{margin:0 0 1rem}
.imt-interior .imt-area-meus-cursos .imt-area-cursos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;list-style:none;margin:0;padding:0}
.imt-interior .imt-area-curso{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1rem 1.15rem;border-radius:var(--raio-p);
  background:var(--folha);border:1px solid var(--fio);
  transition:border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease);
}
.imt-interior .imt-area-curso:hover{border-color:var(--fio-forte);background-color:var(--folha-2);transform:none}
.imt-interior .imt-area-curso.esta-aberto{border-color:var(--ouro);background:var(--ouro-fundo);box-shadow:none}
.imt-interior .imt-area-curso-texto{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.imt-interior .imt-area-curso-nome{font-family:var(--voz);font-size:1.0625rem;line-height:1.3}
.imt-interior .imt-area-curso-acao{flex:none;display:inline-flex;align-items:center;gap:.35rem;font-family:var(--corpo);font-size:.78125rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ouro-texto)}
.imt-interior .imt-area-curso-acao svg{transition:transform var(--t-deliberado) var(--ease)}
.imt-interior .imt-area-curso:hover .imt-area-curso-acao svg{transform:translateX(3px)}
.imt-interior .imt-area-curso.esta-aberto .imt-area-curso-acao svg{transform:rotate(180deg)}

@media (max-width:960px){
  .imt-interior .imt-cartao--mesa .imt-envio{grid-template-columns:1fr}
  .imt-interior .imt-envio-texto .imt-editor .wp-editor-container{min-height:22rem}
  .imt-interior .imt-cartao--mesa .imt-envio-acoes{flex-direction:column;align-items:stretch;text-align:center}
  .imt-interior .imt-cartao--mesa .imt-envio .imt-entrar{width:100%;order:0}
  .imt-interior .imt-cartao--mesa .imt-envio-nota{max-width:none;text-align:center}
  .imt-interior .imt-area-meus-cursos .imt-area-cursos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .imt-interior .imt-mats--gestao .imt-mat--gestao{grid-template-columns:3rem minmax(0,1fr);gap:.5rem 1rem;align-items:start}
  .imt-interior .imt-mat--gestao .imt-mat-cel,.imt-interior .imt-mat--gestao .imt-status,.imt-interior .imt-mat--gestao .imt-mat-acoes--gestao{grid-column:2}
  .imt-interior .imt-mat-acoes--gestao{justify-content:flex-start}
}
@media (max-width:600px){
  .imt-interior .imt-area-meus-cursos .imt-area-cursos{grid-template-columns:1fr}
  .imt-interior .imt-cartao-cabeca{flex-direction:column;align-items:flex-start;gap:.6rem}
  .imt-interior .imt-area-envios-cabeca,.imt-interior .imt-mats,.imt-interior .imt-area-filtro,.imt-interior .imt-area-filtro-vazio,.imt-interior .imt-area-envios .imt-area-vazio{padding-inline:1.1rem;margin-inline:0}
  .imt-interior .imt-area-filtro-vazio,.imt-interior .imt-area-envios .imt-area-vazio{margin-inline:1.1rem;padding-inline:1rem}
  .imt-interior .imt-mat-meta{flex-direction:column;gap:.15rem}
  .imt-interior .imt-mat-meta span+span::before{content:none}
}

/* ══════════════════════════════════════════════════════════════════
   8. A COORDENAÇÃO
   A cabeça e o painel vêm dos templates do tema
   (curso-materiais/coordenacao.php, coordenacao-painel.php); as demais
   seções são as do plugin, vestidas aqui.
   ══════════════════════════════════════════════════════════════════ */
.imt-interior .cmc-coord{display:flex;flex-direction:column;gap:clamp(1.6rem,3vw,2.25rem)}
.imt-interior .cmc-coord__topo,.imt-interior .cmc-coord__nav{display:none}
.imt-interior .cmc-coord__corpo{display:flex;flex-direction:column;gap:clamp(1.6rem,3vw,2.25rem)}

/* A régua de números (painel: markup do tema; acompanhamento: do plugin). */
.imt-regua,
.imt-interior .cmc-coord-cartoes{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:0;
  border-top:1px solid var(--fio);border-bottom:1px solid var(--fio);margin:0;
}
.imt-regua-item,
.imt-interior .cmc-coord-cartao{
  display:flex;flex-direction:column;gap:.6rem;
  padding:1.3rem 1.25rem 1.3rem 0;
  border:0;border-left:1px solid var(--fio);padding-left:1.25rem;
  background:transparent;border-radius:0;box-shadow:none;color:var(--tinta);
  transition:background-color var(--t-toque) var(--ease);
}
.imt-regua-item:first-child,.imt-interior .cmc-coord-cartao:first-child{border-left:0;padding-left:0}
a.imt-regua-item:hover,.imt-interior a.cmc-coord-cartao:hover{transform:none;background-color:transparent}
a.imt-regua-item:hover .imt-regua-l,.imt-interior a.cmc-coord-cartao:hover span{color:var(--tinta)}
.imt-regua-n,
.imt-interior .cmc-coord-cartao strong{
  display:block;
  font-family:var(--voz);font-weight:300;font-size:2.75rem;line-height:1;letter-spacing:-.02em;
  color:var(--tinta);font-variant-numeric:tabular-nums;
}
.imt-regua-n small,.imt-interior .cmc-coord-cartao strong small{font-size:1.25rem;color:var(--suave);font-weight:300;letter-spacing:0;margin-left:.05em}
.imt-regua-l,
.imt-interior .cmc-coord-cartao span{
  display:block;
  font-family:var(--corpo);font-size:.8125rem;font-weight:400;letter-spacing:0;text-transform:none;
  color:var(--suave);line-height:1.35;
  transition:color var(--t-toque) var(--ease);
}
.imt-regua-item.esta-atencao .imt-regua-n,
.imt-interior .cmc-coord-cartao--atencao strong{color:var(--ambar)}
.imt-regua-item.esta-atencao .imt-regua-l,
.imt-interior .cmc-coord-cartao--atencao span{color:var(--tinta)}
.imt-interior .cmc-coord-atalhos{display:none}

/* Duas colunas de folhas. */
.imt-duas{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.25rem;align-items:start}
.imt-pilha{display:flex;flex-direction:column;gap:1.25rem;min-width:0}

/* Tabela de acessos. */
.imt-tabela{width:100%;border-collapse:collapse;margin-top:.9rem}
.imt-tabela th{font-family:var(--corpo);font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);text-align:left;padding:.6rem 1.75rem;border-bottom:1px solid var(--fio)}
.imt-tabela td{padding:.9rem 1.75rem;border-bottom:1px solid var(--fio-suave);font-size:.875rem;vertical-align:top;line-height:1.45}
.imt-tabela tr:last-child td{border-bottom:0}
.imt-tabela .imt-quem{font-family:var(--voz);font-size:1.0625rem;letter-spacing:-.005em;color:var(--tinta);display:block}
.imt-tabela .imt-onde{display:block;color:var(--suave);font-size:.78125rem;margin-top:.15rem}
.imt-tabela .imt-quando{color:var(--suave);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.imt-evento{display:inline-flex;align-items:center;gap:.45rem;font-size:.78125rem;color:var(--suave)}
.imt-evento::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ouro);flex:none}
.imt-evento--download::before{background:var(--verde)}
.imt-evento--leitura::before{background:var(--ouro)}
.imt-evento--previa::before{background:var(--apagado)}
.imt-evento--documento::before{background:var(--ambar)}

/* Lista de pessoas (sem acesso, na fila). */
.imt-pessoas{list-style:none;margin:0;padding:.4rem 1.75rem 1rem}
.imt-pessoas li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--fio-suave)}
.imt-pessoas li:last-child{border-bottom:0}
.imt-pessoas .imt-nome{font-family:var(--voz);font-size:1.0625rem;letter-spacing:-.005em;color:var(--tinta)}
.imt-pessoas .imt-sub{display:block;color:var(--suave);font-size:.78125rem;margin-top:.1rem}
.imt-pessoas .imt-mais{padding-top:.75rem;padding-bottom:0}
.imt-selo{display:inline-flex;align-items:center;font-size:.71875rem;font-weight:500;padding:.25rem .55rem;border-radius:5px;white-space:nowrap;color:var(--suave);background:var(--pastilha);flex:none}
.imt-selo--ambar{color:var(--ambar);background:var(--ambar-fundo)}
.imt-selo--verde{color:var(--verde);background:var(--verde-fundo)}
.imt-selo--vermelho{color:var(--vermelho);background:var(--vermelho-fundo)}
.imt-aviso-linha{display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.75rem 1.2rem;color:var(--suave);font-size:.84375rem;line-height:1.5}
.imt-aviso-linha b{font-weight:500;color:var(--tinta)}
.imt-aviso-linha .imt-ponto{width:8px;height:8px;border-radius:50%;background:var(--verde);flex:none;margin-top:.45rem}
.imt-aviso-linha--atencao .imt-ponto{background:var(--vermelho)}
.imt-folha-pe{padding:.9rem 1.75rem 1.1rem;border-top:1px solid var(--fio-suave);font-size:.8125rem;color:var(--suave)}

/* Seções do plugin: cada uma vira folha. */
.imt-interior .cmc-coord-secao{margin:0;background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio);padding:1.35rem 1.75rem 1.5rem}
.imt-interior .cmc-coord-secao > .cmc-coord-secao__titulo{margin-bottom:.6rem}
.imt-interior .cmc-coord-secao__titulo a{color:inherit;border-bottom:1px solid transparent;transition:border-color var(--t-toque) var(--ease)}
.imt-interior .cmc-coord-secao__titulo a:hover{border-bottom-color:var(--ouro)}
.imt-interior .cmc-coord-lista{list-style:none;margin:0;padding:0}
.imt-interior .cmc-coord-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--fio-suave)}
.imt-interior .cmc-coord-lista--compacta .cmc-coord-item{padding:.65rem 0}
.imt-interior .cmc-coord-item:last-child{border-bottom:0}
.imt-interior .cmc-coord-item__corpo{flex:1;min-width:0}
.imt-interior .cmc-coord-item__titulo{font-family:var(--voz);font-size:1.0625rem;letter-spacing:-.005em;color:var(--tinta);line-height:1.3;transition:color var(--t-toque) var(--ease)}
.imt-interior a.cmc-coord-item__titulo:hover{color:var(--ouro-texto)}
.imt-interior .cmc-coord-item__descricao{font-size:.875rem;color:var(--suave);margin:.15rem 0 .2rem}
.imt-interior .cmc-coord-item__acoes{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 0}
.imt-interior .cmc-coord-item > .cmc-coord-item__acoes{margin:0;flex:none}
.imt-interior .cmc-coord-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin:.45rem 0 0}
.imt-interior .cmc-coord-chips span{font-size:.71875rem;padding:.2rem .5rem;border-radius:5px;background:var(--pastilha);border:0;color:var(--suave);font-family:var(--corpo);letter-spacing:0;text-transform:none}
.imt-interior .cmc-material__ext{
  flex:none;width:auto;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;
  font-family:var(--corpo);font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);
  min-width:2.6rem;
}

/* Lista e ficha de pessoas / cursos. */
.imt-interior .cmc-coord-barra{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin:0}
.imt-interior .cmc-coord-barra > .cmc-coord-nota{margin:0;flex:1 1 20rem}
.imt-interior .cmc-coord-busca{display:flex;gap:.5rem;flex:1;min-width:240px}
.imt-interior .cmc-coord-busca input[type="search"]{flex:1;min-height:40px;padding:.45rem .85rem}
.imt-interior .cmc-coord-busca .cmc-btn{height:40px}
.imt-interior .cmc-coord__corpo > .cmc-coord-nota:first-child,
.imt-interior .cmc-coord-barra + .cmc-coord-nota{margin:-.6rem 0 -.6rem;font-size:.8125rem}
.imt-interior .cmc-coord__corpo > .cmc-coord-lista{background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio);padding:.2rem 1.75rem}
.imt-interior .cmc-coord__corpo > .cmc-coord-lista > .cmc-coord-item{padding:1rem 0}
.imt-interior .cmc-coord-ficha-cabeca{display:flex;flex-direction:column;gap:.2rem;margin:0}
.imt-interior .cmc-coord-ficha-cabeca .cmc-coord-secao__titulo{font-size:clamp(1.6rem,2.6vw,2rem)}
.imt-interior .cmc-coord-ficha-cabeca .cmc-coord-item__meta{margin-top:.5rem;align-items:center}
.imt-interior .cmc-coord-ver-curso{margin-top:.8rem}
.imt-interior .cmc-coord-form{
  max-width:none;
  background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio);
  padding:1.5rem 1.75rem 1.6rem;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem;
}
.imt-interior .cmc-coord-form > *{grid-column:1 / -1}
.imt-interior .cmc-coord-form__linha{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}
.imt-interior .cmc-coord-form .cmc-campo--cpf input{max-width:16rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.imt-interior .cmc-form__acoes{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.4rem 0 0}
.imt-interior .cmc-coord-ficha-acoes{display:flex;gap:.6rem;flex-wrap:wrap;margin:0}
.imt-interior .cmc-coord-consulta{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:0}
.imt-interior .cmc-coord-consulta section{background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio);padding:1.2rem 1.5rem}
.imt-interior .cmc-coord-consulta h4{font-family:var(--corpo);font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-texto);margin:0 0 .6rem}
.imt-interior .cmc-coord-consulta ul{margin:0;padding:0;list-style:none;font-size:.9375rem}
.imt-interior .cmc-coord-consulta li{padding:.45rem 0;border-bottom:1px solid var(--fio-suave)}
.imt-interior .cmc-coord-consulta li:last-child{border-bottom:0}
.imt-interior .cmc-coord-consulta a{color:var(--tinta)}
.imt-interior .cmc-coord-consulta a:hover{color:var(--ouro-texto)}
.imt-interior .cmc-coord-consulta em{color:var(--suave);font-style:normal;font-size:.8125rem;margin-left:.3rem}
.imt-interior .cmc-coord-remover{margin:0;padding:1.1rem 1.4rem;border:1px solid var(--fio);border-left:3px solid var(--vermelho);border-radius:var(--raio-p);background:var(--folha)}
.imt-interior .cmc-coord-remover p{margin:0 0 .7rem;font-size:.84375rem;color:var(--suave)}

/* Aprovações. */
.imt-interior .cmc-coord-aprovs{display:grid;gap:1.25rem}
.imt-interior .cmc-coord-aprov{border:1px solid var(--fio);border-left:3px solid var(--ambar);border-radius:var(--raio);background:var(--folha);padding:1.35rem 1.75rem;box-shadow:none}
.imt-interior .cmc-coord-aprov__cabeca{display:flex;gap:1rem;align-items:flex-start;margin-bottom:.8rem}
.imt-interior .cmc-coord-aprov__titulo{font-family:var(--voz);font-size:1.4375rem;font-weight:400;line-height:1.15;letter-spacing:-.01em;margin:0 0 .2rem}
.imt-interior .cmc-coord-aprov .cmc-material__ext{padding-top:.5rem}
.imt-interior .cmc-material__texto{margin:.4rem 0 0}
.imt-interior .cmc-material__texto summary{font-family:var(--corpo);font-size:.8125rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ouro-texto)}
.imt-interior .cmc-material__prosa{font-size:.9375rem;line-height:1.65;color:var(--tinta);max-width:66ch;padding-top:.4rem}
.imt-interior .cmc-material__prosa a{color:var(--ouro-texto)}
.imt-interior .cmc-material__prosa blockquote{border-left-color:var(--ouro);color:var(--suave)}
.imt-interior .cmc-material__prosa hr{border-top-color:var(--ouro)}
.imt-interior .cmc-coord-aprov__arquivo{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:.9rem 0}
.imt-interior .cmc-coord-aprov__acoes{display:flex;align-items:flex-start;gap:1rem 1.4rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--fio-suave)}
.imt-interior .cmc-coord-aprov__aprovar{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}
.imt-interior .cmc-coord-aprov__devolver summary{cursor:pointer;list-style:none;font-family:var(--corpo);font-size:.8125rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ouro-texto);padding:.6rem 0}
.imt-interior .cmc-coord-aprov__devolver summary::-webkit-details-marker{display:none}
.imt-interior .cmc-coord-aprov__devolver textarea{max-width:32rem;min-height:5rem}
.imt-interior .cmc-coord-aprov__devolver .cmc-campo{margin:.3rem 0 .6rem}
.imt-interior .cmc-coord-aprov__remover{margin-left:auto}

/* Documentos pessoais, acompanhamento, alertas, CPF na ficha. */
.imt-interior .cmc-coord-docs,.imt-interior .cmc-coord-acomp,.imt-interior .cmc-alerta-ficha,.imt-interior .cmc-alertas{margin:0;padding:1.35rem 1.75rem 1.5rem;border-top:1px solid var(--fio)}
.imt-interior .cmc-coord-doc-form{margin-top:1.2rem;padding:0;border:0;background:transparent;display:block}
.imt-interior .cmc-coord-doc-linha{display:grid;grid-template-columns:minmax(0,1fr) minmax(10rem,14rem);gap:0 1rem}
.imt-interior .cmc-coord-doc-opcoes{display:flex;gap:1.4rem;flex-wrap:wrap;margin:.2rem 0 .8rem}
.imt-interior .cmc-acomp-nota{margin:-.6rem 0 0;max-width:70ch;font-size:.8125rem}
.imt-interior .cmc-acomp-curso{padding-top:1.35rem;border-top:1px solid var(--fio)}
.imt-interior .cmc-acomp-curso__cabeca{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.2rem}
.imt-interior .cmc-acomp-curso__cabeca .cmc-coord-secao__titulo{margin-bottom:.2rem}
.imt-interior .cmc-acomp-medidor{display:flex;flex-direction:column;gap:.45rem;min-width:16rem}
.imt-interior .cmc-acomp-medidor__num{font-family:var(--corpo);font-size:.8125rem;letter-spacing:0;text-transform:none;color:var(--suave)}
.imt-interior .cmc-acomp-medidor__num strong{font-family:var(--voz);font-size:1.5rem;font-weight:300;letter-spacing:-.02em;color:var(--tinta);margin-right:.2rem}
.imt-interior .cmc-acomp-barra{display:block;height:4px;border-radius:2px;background:var(--pastilha-forte);overflow:hidden}
.imt-interior .cmc-acomp-barra__cheio{display:block;height:100%;background:var(--ouro);border-radius:2px}
.imt-interior .cmc-acomp-colunas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.imt-interior .cmc-acomp-col__titulo{font-family:var(--corpo);font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-texto);margin:0 0 .3rem;display:flex;align-items:center;gap:.4rem}
.imt-interior .cmc-acomp-mais{margin-top:.8rem;font-size:.8125rem}
.imt-interior .cmc-acomp-resumo{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1.2rem 2rem;margin:.6rem 0 1.4rem}
.imt-interior .cmc-acomp-resumo__item{display:flex;flex-direction:column;gap:.3rem}
.imt-interior .cmc-acomp-resumo__item > .cmc-coord-item__meta{margin:0}
.imt-interior .cmc-acomp-resumo__item strong{font-family:var(--voz);font-weight:300;font-size:1.5rem;line-height:1.1;letter-spacing:-.02em}
.imt-interior .cmc-acomp-tempo{list-style:none;margin:0;padding:0 0 0 1.1rem;position:relative}
.imt-interior .cmc-acomp-tempo::before{content:"";position:absolute;left:.2rem;top:.6rem;bottom:.6rem;width:1px;background:var(--fio)}
.imt-interior .cmc-acomp-tempo__item{display:grid;grid-template-columns:5.5rem 8rem minmax(0,1fr);gap:1rem;align-items:baseline;padding:.5rem 0;position:relative;font-size:.875rem;border:0}
.imt-interior .cmc-acomp-tempo__item::before{content:"";position:absolute;left:-1.1rem;top:.95rem;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:var(--ouro)}
.imt-interior .cmc-acomp-tempo__item--download::before{background:var(--verde)}
.imt-interior .cmc-acomp-tempo__item--previa::before{background:var(--apagado)}
.imt-interior .cmc-acomp-tempo__item--documento::before{background:var(--ambar)}
.imt-interior .cmc-acomp-tempo__quando,.imt-interior .cmc-acomp-tempo__evento{font-family:var(--corpo);font-size:.78125rem;letter-spacing:0;text-transform:none;color:var(--suave);font-variant-numeric:tabular-nums}
.imt-interior .cmc-acomp-tempo__evento{color:var(--ouro-texto)}
.imt-interior .cmc-alertas{background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio)}
.imt-interior .cmc-alertas--tem,.imt-interior .cmc-alerta-ficha{border-color:var(--vermelho);background:var(--vermelho-fundo);border-radius:var(--raio)}
.imt-interior .cmc-alerta-ficha{border:1px solid var(--vermelho)}
.imt-interior .cmc-alerta-ficha .cmc-coord-secao__titulo{color:var(--vermelho)}
.imt-interior .cmc-alerta__sinal{color:var(--vermelho)!important;font-weight:500}
.imt-interior .cmc-alerta__aparelhos{margin:.3rem 0 0;font-size:.8125rem;color:var(--suave)}
.imt-interior .cmc-cpf{font-variant-numeric:tabular-nums}
.imt-interior .cmc-cpf--falta{color:var(--ambar);font-weight:500}

@media (max-width:960px){
  .imt-duas{grid-template-columns:1fr}
  .imt-regua,.imt-interior .cmc-coord-cartoes{grid-template-columns:repeat(3,1fr);border-bottom:0}
  .imt-regua-item,.imt-interior .cmc-coord-cartao{border-bottom:1px solid var(--fio);padding-block:1.1rem}
  .imt-regua-item:nth-child(3n+1),.imt-interior .cmc-coord-cartao:nth-child(3n+1){border-left:0;padding-left:0}
  .imt-regua-item:not(:nth-child(3n+1)),.imt-interior .cmc-coord-cartao:not(:nth-child(3n+1)){border-left:1px solid var(--fio);padding-left:1.25rem}
}
@media (max-width:640px){
  .imt-regua,.imt-interior .cmc-coord-cartoes{grid-template-columns:repeat(2,1fr)}
  .imt-regua-item:nth-child(n),.imt-interior .cmc-coord-cartao:nth-child(n){border-left:1px solid var(--fio);padding-left:1rem}
  .imt-regua-item:nth-child(2n+1),.imt-interior .cmc-coord-cartao:nth-child(2n+1){border-left:0;padding-left:0}
  .imt-regua-n,.imt-interior .cmc-coord-cartao strong{font-size:2.25rem}
  .imt-folha-topo,.imt-tabela th,.imt-tabela td,.imt-pessoas,.imt-aviso-linha,.imt-folha-pe,
  .imt-interior .cmc-coord-secao,.imt-interior .cmc-coord-form,.imt-interior .cmc-coord-aprov,
  .imt-interior .cmc-coord__corpo > .cmc-coord-lista,.imt-interior .cmc-coord-docs,.imt-interior .cmc-coord-acomp,.imt-interior .cmc-alerta-ficha,.imt-interior .cmc-alertas{padding-inline:1.1rem}
  .imt-tabela .imt-quando{display:none}
  .imt-interior .cmc-coord-form__linha,.imt-interior .cmc-coord-consulta,.imt-interior .cmc-coord-doc-linha,.imt-interior .cmc-acomp-colunas{grid-template-columns:1fr}
  .imt-interior .cmc-coord-item{flex-wrap:wrap;row-gap:.3rem}
  .imt-interior .cmc-coord-item > .cmc-selo{order:-1;margin-left:auto}
  .imt-interior .cmc-coord-item__corpo{flex-basis:100%}
  .imt-interior .cmc-coord-item__meta{flex-direction:column;gap:.15rem}
  .imt-interior .cmc-coord-item__meta span+span::before{content:none}
  .imt-interior .cmc-coord-barra > .cmc-btn--principal{width:100%}
  .imt-interior .cmc-coord-busca{min-width:0;flex-basis:100%}
  .imt-interior .cmc-coord-aprov__arquivo .cmc-btn{width:100%}
  .imt-interior .cmc-coord-aprov__remover{margin-left:0}
  .imt-interior .cmc-acomp-medidor{min-width:0;width:100%}
  .imt-interior .cmc-acomp-tempo__item{grid-template-columns:5rem minmax(0,1fr)}
  .imt-interior .cmc-acomp-tempo__titulo{grid-column:1 / -1}
  .imt-cabeca-acoes{width:100%}
  .imt-cabeca-acoes .imt-bt{flex:1 1 auto}
}

/* ══════════════════════════════════════════════════════════════════
   9. O VISOR (pré-visualização) — igual nos dois temas: sala escura,
   página em papel.
   ══════════════════════════════════════════════════════════════════ */
html.imt-visor-aberto,html.imt-visor-aberto body{overflow:hidden}
.imt-visor{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:1.5rem;color:#F5EFE4}
.imt-visor[hidden]{display:none}
.imt-visor-fundo{position:absolute;inset:0;background:var(--veu);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity var(--t-deliberado) var(--ease)}
.imt-visor.esta-visivel .imt-visor-fundo{opacity:1}
.imt-visor-caixa{position:relative;width:min(100%,1120px);height:100%;max-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;opacity:0;transform:translateY(10px) scale(.985);transition:opacity var(--t-deliberado) var(--ease),transform var(--t-deliberado) var(--ease)}
.imt-visor.esta-visivel .imt-visor-caixa{opacity:1;transform:none}
.imt-visor-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
.imt-visor-topo .imt-eyebrow{color:#E2C27A;margin-bottom:.2rem}
.imt-visor-titulo{font-family:var(--voz);font-weight:400;font-size:1.4375rem;line-height:1.15;margin:0;color:#FFF8EA;overflow-wrap:anywhere;letter-spacing:-.01em}
.imt-visor-contador{font-family:var(--corpo);font-size:.8125rem;letter-spacing:.02em;color:#E2C27A;white-space:nowrap;align-self:center;font-variant-numeric:tabular-nums}
.imt-visor-fechar,.imt-visor-seta{
  width:44px;height:44px;border-radius:50%;cursor:pointer;flex:none;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#F5EFE4;
  box-shadow:none;
  transition:background-color var(--t-toque) var(--ease),opacity var(--t-resposta) var(--ease);
}
.imt-visor-fechar:hover,.imt-visor-seta:hover{background-color:rgba(255,255,255,.16);transform:none}
.imt-visor-fechar:focus-visible,.imt-visor-seta:focus-visible{outline:2px solid #E2C27A;outline-offset:3px}
.imt-visor-seta[disabled]{opacity:.3;cursor:default}
.imt-visor-seta[hidden]{display:none}
.imt-visor-palco{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:0}
.imt-visor-pagina{position:relative;margin:0;height:auto;max-height:100%;min-height:0;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:10px;background:#FFFDF8;border:0;box-shadow:var(--sombra-visor)}
.imt-visor-pagina img{display:block;max-width:100%;max-height:calc(100vh - 13rem);max-height:calc(100dvh - 13rem);width:auto;height:auto;border-radius:5px;transition:opacity var(--t-resposta) var(--ease);user-select:none;-webkit-user-drag:none}
.imt-visor.esta-carregando .imt-visor-pagina img{opacity:.35}
.imt-visor-carregando{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:2px solid rgba(124,90,33,.2);border-top-color:#CBA045;opacity:0;transition:opacity var(--t-resposta) var(--ease)}
.imt-visor.esta-carregando .imt-visor-carregando{opacity:1;animation:imt-gira .9s linear infinite}
@keyframes imt-gira{to{transform:rotate(360deg)}}
.imt-visor-pe{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.imt-visor-dica{color:rgba(255,248,234,.6);font-size:.78125rem}
.imt-visor-pe .imt-sala-baixar[hidden]{display:none}
.imt-visor-pe .imt-sala-baixar{height:40px;padding:0 1.1rem;border:0;color:#2A1F07;background:linear-gradient(100deg,#F4E3B0 0%,#CBA045 45%,#A67F2E 100%);font-size:.8125rem;font-weight:600;gap:.5rem}
@media (max-width:720px){
  .imt-visor{padding:.75rem}
  .imt-visor-palco{grid-template-columns:1fr;gap:.6rem}
  .imt-visor-seta{position:absolute;bottom:4.4rem;z-index:2}
  .imt-visor-seta--ant{left:.9rem}
  .imt-visor-seta--prox{right:.9rem}
  .imt-visor-caixa{gap:.6rem}
  .imt-visor-pagina img{max-height:calc(100vh - 11rem);max-height:calc(100dvh - 11rem)}
  .imt-visor-dica{display:none}
  .imt-visor-pe{justify-content:center}
}

/* ══════════════════════════════════════════════════════════════════
   9b. A COORDENAÇÃO GANHA TEMPO (3.2)
   06 · a lupa na barra e a paleta de procurar (area.js) — e a página de
        resultados, que é a mesma lista sem JS;
   08/09 · a linha de cada arquivo no envio da coordenação (cmc.js);
   11 · o quadro "o que vem do curso anterior" na ficha da turma nova.
   A paleta flutua sobre a página como o visor, e por isso é a terceira
   peça com sombra. Só opacity e transform animam.
   ══════════════════════════════════════════════════════════════════ */

/* ── A lupa na barra: a mesma peça do "Sair", com o atalho à vista. ── */
.imt-procura-gatilho{
  display:inline-flex;align-items:center;gap:.5rem;height:32px;padding:0 .55rem 0 .7rem;
  border:1px solid var(--fio-forte);border-radius:var(--raio-p);
  font-size:.75rem;font-weight:500;color:var(--barra-suave);white-space:nowrap;
  transition:border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease),color var(--t-toque) var(--ease);
}
.imt-procura-gatilho svg{width:15px;height:15px;flex:none}
.imt-procura-gatilho:hover{border-color:var(--barra-tinta);background-color:var(--pastilha);color:var(--barra-tinta)}
.imt-procura-gatilho:focus-visible{outline:2px solid var(--ouro);outline-offset:2px}
.imt-paleta kbd{
  display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;
  font-family:var(--corpo);font-size:.65625rem;font-weight:500;line-height:1;
  color:var(--apagado);border:1px solid var(--fio);border-radius:4px;background:transparent;
}

/* ── A paleta ─────────────────────────────────────────────────────── */
html.imt-paleta-aberta,html.imt-paleta-aberta body{overflow:hidden}
.imt-paleta{position:fixed;inset:0;z-index:410;display:grid;justify-items:center;align-items:start;padding:12vh 16px 16px;color:var(--tinta)}
.imt-paleta[hidden]{display:none}
.imt-paleta-fundo{position:absolute;inset:0;background:var(--veu);opacity:0;transition:opacity var(--t-resposta) var(--ease)}
.imt-paleta.esta-visivel .imt-paleta-fundo{opacity:.62}
.imt-paleta-caixa{
  position:relative;width:min(100%,640px);max-height:76vh;max-height:76dvh;
  display:flex;flex-direction:column;
  background:var(--folha);border:1px solid var(--fio);border-radius:14px;
  box-shadow:var(--sombra-visor);
  opacity:0;transform:translateY(-8px) scale(.99);
  transition:opacity var(--t-resposta) var(--ease),transform var(--t-resposta) var(--ease);
}
.imt-paleta.esta-visivel .imt-paleta-caixa{opacity:1;transform:none}
.imt-paleta-topo{position:relative;display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid var(--fio-suave)}
.imt-paleta-lupa{width:19px;height:19px;flex:none;color:var(--ouro-texto)}
.imt-paleta-campo{
  flex:1;min-width:0;border:0;background:transparent;outline:none;box-shadow:none;
  font-family:var(--corpo);font-size:1.0625rem;color:var(--tinta);padding:.15rem 0;
  -webkit-appearance:none;appearance:none;
}
/* O campo da paleta não é um campo de formulário: sem a moldura que os
   inputs do site ganham (theme.css), a barra inteira é o campo. */
html .imt-paleta .imt-paleta-caixa input.imt-paleta-campo,
html .imt-paleta .imt-paleta-caixa input.imt-paleta-campo:focus{border:0;border-radius:0;box-shadow:none;outline:none;background:transparent;height:auto;min-height:0;padding:.15rem 0}
.imt-paleta-campo::placeholder{color:var(--apagado)}
.imt-paleta-campo::-webkit-search-cancel-button{-webkit-appearance:none}
.imt-paleta-esc{
  flex:none;cursor:pointer;font-family:var(--corpo);font-size:.65625rem;font-weight:500;letter-spacing:.04em;
  color:var(--suave);background:transparent;border:1px solid var(--fio);border-radius:5px;padding:.2rem .45rem;
}
.imt-paleta-esc:hover{border-color:var(--fio-forte);color:var(--tinta)}
/* Procurando: um fio de ouro corre por baixo do campo. */
.imt-paleta-topo::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent,var(--ouro),transparent);
  transform:translateX(-100%);opacity:0;
}
.imt-paleta.esta-buscando .imt-paleta-topo::after{opacity:1;animation:imt-procura-fio 1s var(--ease) infinite}
@keyframes imt-procura-fio{to{transform:translateX(100%)}}
.imt-paleta-corpo{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.35rem .5rem .55rem}
.imt-paleta-estado{margin:.75rem .65rem;font-size:.8125rem;line-height:1.5;color:var(--suave)}
.imt-paleta-estado:empty{display:none}
.imt-paleta-grupo,.imt-procura-grupo{
  margin:0;padding:.75rem .65rem .3rem;
  font-size:.65625rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--apagado);
}
.imt-paleta-pe{display:flex;gap:1.2rem;margin:0;padding:.6rem 1rem;border-top:1px solid var(--fio-suave);font-size:.6875rem;color:var(--apagado)}
.imt-paleta-pe span{display:inline-flex;align-items:center;gap:.3rem}

/* ── Um resultado (paleta e página) ─────────────────────────────── */
.imt-paleta-item,.imt-procura-item{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;
  padding:.55rem .65rem;border-radius:var(--raio-p);color:var(--tinta);text-decoration:none;
  transition:background-color var(--t-toque) var(--ease);
}
.imt-paleta-item.esta-ativo,.imt-procura-item:hover,.imt-procura-item:focus-visible{background:var(--ouro-fundo)}
.imt-procura-item:focus-visible{outline:2px solid var(--ouro);outline-offset:1px}
.imt-procura-selo{
  display:inline-flex;align-items:center;justify-content:center;min-width:2.6rem;height:1.65rem;padding:0 .3rem;
  font-size:.625rem;font-weight:500;letter-spacing:.08em;color:var(--ouro-texto);
  border:1px solid var(--fio-forte);border-radius:4px;
}
.imt-procura-selo--pessoa{min-width:1.95rem;width:1.95rem;height:1.95rem;padding:0;border:0;border-radius:50%;background:var(--pastilha-forte);color:var(--tinta);letter-spacing:.02em}
.imt-procura-selo--curso{border:0;background:var(--ouro-fundo)}
.imt-procura-texto{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.imt-procura-nome{font-size:.90625rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imt-procura-detalhe{font-size:.75rem;line-height:1.35;color:var(--suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imt-procura-acao{font-size:.75rem;font-weight:500;color:var(--ouro-texto);white-space:nowrap;opacity:0;transition:opacity var(--t-toque) var(--ease)}
.imt-paleta-item.esta-ativo .imt-procura-acao,.imt-procura-item:hover .imt-procura-acao,.imt-procura-item:focus-visible .imt-procura-acao{opacity:1}
@media (hover:none){.imt-procura-acao{opacity:1}}
@media (max-width:640px){
  .imt-paleta{padding:.5rem}
  .imt-paleta-caixa{max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem)}
  .imt-paleta-pe{display:none}
  .imt-procura-acao{display:none}
  .imt-paleta-item,.imt-procura-item{grid-template-columns:auto minmax(0,1fr)}
}

/* ── A página de resultados (sem JS) ───────────────────────────── */
.imt-procura-pagina{padding-block:clamp(1.5rem,3vw,2.25rem) 0;display:flex;flex-direction:column;gap:.4rem}
.imt-procura-pagina-titulo{font-family:var(--voz);font-weight:400;font-size:1.5rem;letter-spacing:-.01em;margin:0 0 .6rem}
.imt-procura-pagina-form{display:flex;gap:.6rem;max-width:40rem;margin-bottom:.6rem}
.imt-procura-pagina-form input{
  flex:1;min-width:0;height:44px;padding:0 .9rem;font-family:var(--corpo);font-size:.9375rem;color:var(--tinta);
  background:var(--folha);border:1px solid var(--fio-forte);border-radius:var(--raio-p);
}
.imt-procura-pagina-form input:focus{outline:2px solid var(--ouro);outline-offset:1px}
.imt-procura-lista{list-style:none;margin:0;padding:0;max-width:52rem}
.imt-procura-vazio{color:var(--suave);font-size:.875rem}

/* ── 08/09 · a linha de cada arquivo no envio da coordenação ────── */
.imt-interior .imt-fila--lote .cmc-linha{grid-column:1 / -1;order:10;min-width:0}
.imt-interior .cmc-linha__resumo{
  display:flex;align-items:center;gap:.5rem;min-width:0;cursor:pointer;list-style:none;
  font-size:.78125rem;color:var(--suave);padding:.1rem 0;
}
.imt-interior .cmc-linha__resumo::-webkit-details-marker{display:none}
.imt-interior .cmc-linha__resumo:focus-visible{outline:2px solid var(--ouro);outline-offset:2px;border-radius:4px}
.imt-interior .cmc-linha__destino{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tinta)}
.imt-interior .cmc-linha__selo{
  flex:none;font-size:.59375rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ouro-texto);background:var(--ouro-fundo);border-radius:999px;padding:.15rem .5rem;
}
.imt-interior .cmc-linha__selo--espera{color:var(--suave);background:var(--pastilha);text-transform:none;letter-spacing:.01em;font-size:.6875rem}
.imt-interior .cmc-linha__ajustar{flex:none;font-size:.75rem;font-weight:500;color:var(--ouro-texto)}
.imt-interior .cmc-linha[open] .cmc-linha__ajustar{opacity:.55}
.imt-interior .cmc-linha__corpo{display:grid;gap:.55rem;padding:.65rem 0 .25rem}
.imt-interior .cmc-linha__campo{display:grid;gap:.25rem;min-width:0}
.imt-interior .cmc-linha__rot{font-size:.65625rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--apagado)}
.imt-interior .cmc-linha__campo input,.imt-interior .cmc-linha__campo select{
  width:100%;min-width:0;height:36px;padding:0 .6rem;
  font-family:var(--corpo);font-size:.8125rem;color:var(--tinta);
  background:var(--folha);border:1px solid var(--fio-forte);border-radius:var(--raio-p);
}
.imt-interior .cmc-linha__campo input:focus,.imt-interior .cmc-linha__campo select:focus{outline:2px solid var(--ouro);outline-offset:1px}
.imt-interior .cmc-linha__motivo{margin:.1rem 0 0;font-size:.75rem;line-height:1.45;color:var(--suave)}

/* ── 11 · o que vem do curso anterior ───────────────────────────── */
.imt-interior .cmc-campo--trazer{
  display:flex;flex-direction:column;gap:.55rem;margin:0 0 1.2rem;padding:.9rem 1.05rem 1rem;
  border:1px solid var(--fio);border-radius:var(--raio);background:var(--ouro-fundo);
}
.imt-interior .cmc-campo--trazer legend{padding:0 .35rem;font-size:.8125rem;font-weight:500;color:var(--tinta)}
.imt-interior .cmc-campo--trazer .cmc-dica{font-size:.78125rem;line-height:1.5;color:var(--suave)}

/* ══════════════════════════════════════════════════════════════════
   9c. A TURMA ACONTECE (3.3)
   01 · o mural: avisos no alto do curso (aluno) e o formulário de
        escrever, no curso aberto do professor;
   02 · as dúvidas: perguntar no fim do curso e dentro do Folhear; a
        conversa com as respostas; a fila de responder do professor;
   03 · a agenda: o próximo encontro com a data em bloco, a lista dos
        seguintes, e o formulário de marcar na ficha do curso.
   Folhas dentro da folha do curso usam --folha-2; o ouro marca o que está
   perto (encontro de hoje ou amanhã) e o que é novo. Âmbar = passou do
   prazo; verde = respondida — papéis fixos, como no resto do interior.
   ══════════════════════════════════════════════════════════════════ */

/* ── No alto do curso (aluno) ─────────────────────────────────────── */
.imt-interior .imt-turma{display:grid;gap:1rem;padding:1.25rem 1.75rem 0}
.imt-interior .imt-sala-cartao > .imt-turma + .imt-sala-filtro{margin-top:1.4rem}
.imt-interior .imt-encontro{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem 1.2rem;align-items:center;
  padding:1rem 1.15rem;background:var(--folha-2);border:1px solid var(--fio);border-radius:var(--raio-p);
}
.imt-interior .imt-encontro.esta-perto{border-color:var(--ouro)}
.imt-interior .imt-encontro-dia{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;
  width:4.1rem;padding:.55rem 0 .5rem;border-radius:var(--raio-p);
}
.imt-interior .imt-encontro.esta-perto .imt-encontro-dia{background:var(--ouro-fundo)}
.imt-interior .imt-encontro-mes{font-size:.625rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-texto)}
.imt-interior .imt-encontro-n{font-family:var(--voz);font-size:1.7rem;line-height:1;font-variant-numeric:tabular-nums}
.imt-interior .imt-encontro-sem{font-size:.6875rem;color:var(--suave)}
.imt-interior .imt-encontro-corpo{min-width:0}
.imt-interior .imt-encontro-corpo .imt-eyebrow{margin:0 0 .25rem}
.imt-interior .imt-encontro-quando{font-family:var(--voz);font-size:1.125rem;line-height:1.25;margin:0}
.imt-interior .imt-encontro-meta{font-size:.8125rem;color:var(--suave);margin:.2rem 0 0}
.imt-interior .imt-encontro-meta:empty{display:none}
.imt-interior .imt-encontro-obs{font-size:.8125rem;margin:.35rem 0 0}
.imt-interior .imt-encontro-mais{grid-column:1 / -1}
.imt-interior .imt-encontro-mais summary,
.imt-interior .imt-mural-antes summary,
.imt-interior .imt-duvidas-respondidas summary{
  cursor:pointer;width:fit-content;font-size:.78125rem;font-weight:500;color:var(--ouro-texto);list-style:none;
}
.imt-interior .imt-encontro-mais summary::-webkit-details-marker,
.imt-interior .imt-mural-antes summary::-webkit-details-marker,
.imt-interior .imt-duvidas-respondidas summary::-webkit-details-marker,
.imt-interior .imt-perguntar summary::-webkit-details-marker{display:none}
.imt-interior .imt-encontro-mais summary::after,
.imt-interior .imt-mural-antes summary::after,
.imt-interior .imt-duvidas-respondidas summary::after{content:" ↓"}
.imt-interior .imt-encontro-mais[open] summary::after,
.imt-interior .imt-mural-antes[open] summary::after,
.imt-interior .imt-duvidas-respondidas[open] summary::after{content:" ↑"}
.imt-interior .imt-encontro-lista{list-style:none;margin:.6rem 0 0;padding:0}
.imt-interior .imt-encontro-lista li{display:grid;grid-template-columns:5.2rem minmax(0,1fr);gap:.8rem;padding:.5rem 0;border-top:1px solid var(--fio-suave);font-size:.8125rem}
.imt-interior .imt-encontro-lista-data{font-variant-numeric:tabular-nums;color:var(--tinta)}
.imt-interior .imt-encontro-lista-data small{color:var(--suave);font-size:.75rem}
.imt-interior .imt-encontro-lista-texto{color:var(--suave)}

.imt-interior .imt-mural{display:grid;gap:.6rem}
.imt-interior .imt-mural > .imt-eyebrow{margin:0}
.imt-interior .imt-aviso-mural{padding:.9rem 1.1rem;background:var(--folha-2);border:1px solid var(--fio);border-radius:var(--raio-p);scroll-margin-top:1rem}
.imt-interior .imt-aviso-mural.esta-novo{border-color:var(--ouro)}
.imt-interior .imt-aviso-mural-cabeca{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.imt-interior .imt-aviso-mural-titulo{font-family:var(--voz);font-weight:400;font-size:1.0625rem;line-height:1.3;margin:0;text-wrap:balance}
.imt-interior .imt-selo-novo{font-size:.59375rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-texto);background:var(--ouro-fundo);border-radius:999px;padding:.12rem .5rem}
.imt-interior .imt-aviso-mural-texto{font-size:.875rem;line-height:1.55;margin-top:.35rem;overflow-wrap:anywhere}
.imt-interior .imt-aviso-mural-texto p{margin:0 0 .45rem}
.imt-interior .imt-aviso-mural-texto p:last-child{margin-bottom:0}
.imt-interior .imt-aviso-mural-texto a,.imt-interior .imt-duvida-texto a,.imt-interior .imt-resposta-texto a{color:var(--ouro-texto);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.imt-interior .imt-aviso-mural-pe{display:flex;justify-content:space-between;gap:1rem;margin:.55rem 0 0;font-size:.75rem;color:var(--suave)}
.imt-interior .imt-apagar{font-size:.75rem;color:var(--vermelho)}
.imt-interior .imt-apagar:hover{text-decoration:underline}
.imt-interior .imt-mural-antes{display:grid;gap:.6rem}
.imt-interior .imt-mural-antes[open]{gap:.6rem}

/* ── Dúvidas no fim do curso (aluno) ──────────────────────────────── */
.imt-interior .imt-duvidas{display:grid;gap:.9rem;padding:1.4rem 1.75rem 1.75rem;border-top:1px solid var(--fio);scroll-margin-top:1rem}
.imt-interior .imt-duvidas-cabeca .imt-eyebrow{margin:0 0 .3rem}
.imt-interior .imt-duvidas-titulo{font-family:var(--voz);font-weight:400;font-size:1.3125rem;line-height:1.2;margin:0}
.imt-interior .imt-duvidas-nota{font-size:.8125rem;line-height:1.55;color:var(--suave);max-width:70ch;margin:.35rem 0 0}
.imt-interior .imt-perguntar summary{list-style:none;width:fit-content;cursor:pointer}
.imt-interior .imt-perguntar[open] summary{border-color:var(--ouro);color:var(--ouro-texto)}
.imt-interior .imt-perguntar-form{display:grid;gap:.1rem;max-width:46rem;margin-top:.8rem;padding:1.15rem 1.25rem}
.imt-interior .imt-perguntar-pe{display:flex;align-items:center;gap:.6rem 1.2rem;flex-wrap:wrap}
.imt-interior .imt-perguntar-pe .imt-campo-dica{flex:1 1 16rem;margin:0}
.imt-interior .imt-duvidas-sub{font-family:var(--corpo);font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-texto);margin:.5rem 0 0}

/* ── Uma dúvida (aluno e casa) ─────────────────────────────────────── */
.imt-interior .imt-duvida{display:grid;gap:.6rem;padding:1rem 1.15rem;background:var(--folha-2);border:1px solid var(--fio);border-radius:var(--raio-p);scroll-margin-top:1rem}
.imt-interior .imt-duvida--atrasada{border-color:var(--ambar)}
.imt-interior .imt-duvida-cabeca{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .8rem}
.imt-interior .imt-duvida-quem{font-size:.8125rem;font-weight:500}
.imt-interior .imt-duvida-meta{font-size:.75rem;color:var(--suave);min-width:0;overflow-wrap:anywhere}
.imt-interior .imt-duvida-estado{
  margin-left:auto;font-size:.6875rem;font-weight:500;white-space:nowrap;
  padding:.15rem .55rem;border-radius:999px;background:var(--pastilha);color:var(--suave);
}
.imt-interior .imt-duvida--atrasada .imt-duvida-estado{background:var(--ambar-fundo);color:var(--ambar)}
.imt-interior .imt-duvida--respondida .imt-duvida-estado{background:var(--verde-fundo);color:var(--verde)}
.imt-interior .imt-duvida-texto,.imt-interior .imt-resposta-texto{font-size:.9375rem;line-height:1.55;overflow-wrap:anywhere}
.imt-interior .imt-duvida-texto p,.imt-interior .imt-resposta-texto p{margin:0 0 .45rem}
.imt-interior .imt-duvida-texto p:last-child,.imt-interior .imt-resposta-texto p:last-child{margin-bottom:0}
.imt-interior .imt-resposta{padding:.75rem .95rem;background:var(--folha);border:1px solid var(--fio-suave);border-radius:var(--raio-p)}
.imt-interior .imt-resposta-quem{margin:0 0 .3rem;font-size:.75rem;font-weight:500;color:var(--ouro-texto)}
.imt-interior .imt-resposta-quem span{font-weight:400;color:var(--suave)}
.imt-interior .imt-resposta .imt-apagar{display:inline-block;margin-top:.35rem}
.imt-interior .imt-duvida-apagar{justify-self:start}
.imt-interior .imt-responder{display:grid;gap:.55rem}
.imt-interior .imt-responder textarea{
  width:100%;min-height:5rem;padding:.6rem .75rem;resize:vertical;
  font-family:var(--corpo);font-size:.875rem;line-height:1.5;color:var(--tinta);
  background:var(--folha);border:1px solid var(--fio-forte);border-radius:var(--raio-p);
}
.imt-interior .imt-responder textarea:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 3px var(--ouro-fundo)}
.imt-interior .imt-responder-pe{display:flex;align-items:center;justify-content:space-between;gap:.6rem 1rem;flex-wrap:wrap}
.imt-interior .imt-responder-para{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:0;padding:0;border:0;font-size:.8125rem}
.imt-interior .imt-responder-para label{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}
.imt-interior .imt-responder-para input{accent-color:var(--ouro)}

/* ── A fila de responder (professor) ──────────────────────────────── */
.imt-interior .imt-area-duvidas{margin:0;scroll-margin-top:1rem;background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio);padding-bottom:1.5rem}
.imt-interior .imt-area-duvidas > .imt-duvida{margin:.9rem 1.75rem 0}
.imt-interior .imt-area-duvidas .imt-area-contagem.esta-atencao{background:var(--ambar-fundo);color:var(--ambar)}
.imt-interior .imt-duvidas-respondidas{margin:1.1rem 1.75rem 0;display:grid;gap:.8rem}

/* ── Mural e agenda do curso aberto (professor) ───────────────────── */
.imt-interior .imt-turma-casa{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1rem;align-items:start}
.imt-interior .imt-turma-casa-bloco{display:grid;gap:.8rem;padding:1.35rem 1.5rem 1.5rem;background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio);scroll-margin-top:1rem}
.imt-interior .imt-turma-casa-bloco .imt-area-secao{margin:0}
.imt-interior .imt-turma-casa-bloco .imt-area-filtro{margin:0}
.imt-interior .imt-mural-form{display:grid;gap:.1rem;padding-bottom:1rem;border-bottom:1px solid var(--fio-suave)}
.imt-interior .imt-mural-form-pe{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}
.imt-interior .imt-mural-form-pe .imt-avisar{margin:0}
.imt-interior .imt-encontro-lista--casa{margin:0}
.imt-interior .imt-encontro-lista--casa li:first-child{border-top:0}
@media (max-width:960px){
  .imt-interior .imt-turma-casa{grid-template-columns:1fr}
}

/* ── Agenda na ficha do curso (coordenação) ───────────────────────── */
.imt-interior .cmc-coord-agenda{background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio);padding:1.2rem 1.5rem 1.4rem;scroll-margin-top:1rem}
.imt-interior .cmc-coord-agenda h4{font-family:var(--corpo);font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-texto);margin:0 0 .6rem}
.imt-interior .cmc-coord-agenda__lista{list-style:none;margin:0;padding:0}
.imt-interior .cmc-coord-agenda__lista li{display:grid;grid-template-columns:minmax(12rem,auto) minmax(0,1fr) auto;gap:.4rem 1rem;align-items:baseline;padding:.55rem 0;border-bottom:1px solid var(--fio-suave);font-size:.875rem}
.imt-interior .cmc-coord-agenda__data{font-weight:500}
.imt-interior .cmc-coord-agenda__texto{color:var(--suave)}
.imt-interior .cmc-coord-link--perigo{color:var(--vermelho)}
.imt-interior .cmc-coord-agenda .cmc-coord-agenda__form{margin-top:1.1rem;padding:1rem 0 0;border:0;border-top:1px solid var(--fio-suave);border-radius:0;background:transparent;display:block}
.imt-interior .cmc-campo input[type="date"],.imt-interior .cmc-campo input[type="time"]{color-scheme:inherit;font-variant-numeric:tabular-nums}
.imt-interior .cmc-coord-agenda__titulo{font-size:.8125rem;font-weight:500;margin:0 0 .5rem}
.imt-interior .cmc-coord-agenda__campos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 1rem}
.imt-interior .cmc-coord-agenda__local,.imt-interior .cmc-coord-agenda__obs{grid-column:span 2}
@media (max-width:720px){
  .imt-interior .cmc-coord-agenda__campos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .imt-interior .cmc-coord-agenda__lista li{grid-template-columns:1fr auto}
  .imt-interior .cmc-coord-agenda__texto{grid-column:1 / -1;grid-row:2}
}

/* ── "Tenho uma dúvida" dentro do Folhear (o visor é sempre escuro) ── */
.imt-visor-duvida{
  display:inline-flex;align-items:center;gap:.45rem;height:40px;padding:0 1rem;cursor:pointer;
  border:1px solid rgba(255,255,255,.22);border-radius:var(--raio-p);background:rgba(255,255,255,.08);color:#F5EFE4;
  font-family:var(--corpo);font-size:.8125rem;font-weight:500;
  transition:background-color var(--t-toque) var(--ease);
}
.imt-visor-duvida:hover{background:rgba(255,255,255,.16)}
.imt-visor-duvida:focus-visible{outline:2px solid #E2C27A;outline-offset:3px}
.imt-visor-duvida[hidden]{display:none}
.imt-visor-pergunta{
  position:absolute;left:50%;bottom:4.4rem;z-index:3;width:min(100%,560px);transform:translateX(-50%);
  display:grid;gap:.6rem;padding:1rem 1.05rem;
  background:#1E1C18;border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:var(--sombra-visor);color:#F5EFE4;
}
.imt-visor-pergunta[hidden]{display:none}
.imt-visor-pergunta-rot{font-size:.78125rem;font-weight:500;color:#E2C27A}
.imt-visor-pergunta textarea{
  width:100%;min-height:5.5rem;padding:.6rem .75rem;resize:vertical;
  font-family:var(--corpo);font-size:.9375rem;line-height:1.5;color:#F5EFE4;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:8px;
}
.imt-visor-pergunta textarea:focus{outline:none;border-color:#E2C27A}
.imt-visor-pergunta-pe{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.imt-visor-pergunta-msg{flex:1 1 14rem;margin:0;font-size:.75rem;line-height:1.45;color:rgba(255,248,234,.65)}
.imt-visor-pergunta-msg.esta-ok{color:#5FBF87}
.imt-visor-pergunta-msg.esta-erro{color:#E06B62}
.imt-visor-pergunta-cancelar{background:transparent;border:0;color:rgba(255,248,234,.7);font-family:var(--corpo);font-size:.8125rem;cursor:pointer;padding:0 .4rem;height:36px}
.imt-visor-pergunta-cancelar:hover{color:#FFF8EA}
.imt-visor-pergunta-enviar{
  height:36px;padding:0 1rem;border:0;border-radius:7px;cursor:pointer;
  font-family:var(--corpo);font-size:.8125rem;font-weight:600;color:#2A1F07;
  background:linear-gradient(100deg,#F4E3B0 0%,#CBA045 45%,#A67F2E 100%);
}
.imt-visor-pergunta-enviar[disabled]{opacity:.5;cursor:default}
@media (max-width:720px){
  .imt-visor-pergunta{bottom:4.8rem;width:calc(100% - .5rem)}
}

/* ── Celular ──────────────────────────────────────────────────────── */
@media (max-width:640px){
  .imt-interior .imt-turma,.imt-interior .imt-duvidas{padding-left:1.1rem;padding-right:1.1rem}
  .imt-interior .imt-area-duvidas > .imt-duvida,.imt-interior .imt-duvidas-respondidas{margin-left:1.1rem;margin-right:1.1rem}
  .imt-interior .imt-turma-casa-bloco{padding:1.1rem}
  .imt-interior .imt-duvida-estado{margin-left:0}
}

/* ══════════════════════════════════════════════════════════════════
   9d. DENTRO DAS APOSTILAS (3.4 · item 07)
   O trecho da página no resultado, com a palavra marcada em ouro claro
   (o <mark> do navegador é amarelo-limão, fora da paleta), e a faixa de
   achados no topo do visor.
   ══════════════════════════════════════════════════════════════════ */
.imt-procura-trecho{
  display:block;margin-top:.2rem;font-size:.78125rem;line-height:1.45;color:var(--suave);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;
}
.imt-procura-trecho mark{background:var(--ouro-fundo);color:var(--tinta);border-radius:2px;padding:0 .1em;box-shadow:inset 0 -1px 0 var(--ouro)}
.imt-procura-selo--pagina{min-width:3rem;border-style:dashed}
.imt-visor-achados{
  display:inline-flex;align-items:center;gap:.35rem;align-self:center;margin-left:auto;margin-right:.6rem;
  padding:.2rem .3rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);
}
.imt-visor-achados[hidden]{display:none}
.imt-visor-achados-n{font-family:var(--corpo);font-size:.78125rem;color:#F5EFE4;white-space:nowrap;max-width:22rem;overflow:hidden;text-overflow:ellipsis;padding:0 .2rem}
.imt-visor-achado{
  display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer;
  border:0;background:rgba(226,194,122,.18);color:#E2C27A;transition:background-color var(--t-toque) var(--ease);
}
.imt-visor-achado:hover{background:rgba(226,194,122,.32)}
.imt-visor-achado:focus-visible{outline:2px solid #E2C27A;outline-offset:2px}
.imt-visor-achado[disabled]{opacity:.3;cursor:default}
@media (max-width:720px){
  .imt-visor-topo{flex-wrap:wrap}
  .imt-visor-achados{order:3;margin:0;flex-basis:100%;justify-content:space-between}
  .imt-visor-achados-n{max-width:none;flex:1;text-align:center}
}

/* ══════════════════════════════════════════════════════════════════
   9e. AUTOMAÇÃO (3.5) — no Acompanhamento da coordenação: quem ainda não
   entrou (dois grupos lado a lado) e o resumo semanal como ele chega.
   ══════════════════════════════════════════════════════════════════ */
.imt-interior .cmc-nao-entrou__grupos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.imt-interior .cmc-nao-entrou__grupo{display:grid;gap:.7rem;align-content:start;background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio);padding:1.2rem 1.5rem}
.imt-interior .cmc-nao-entrou__grupo h4{font-family:var(--corpo);font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-texto);margin:0}
.imt-interior .cmc-nao-entrou__lista{list-style:none;margin:0;padding:0}
.imt-interior .cmc-nao-entrou__lista li{display:grid;gap:.1rem;padding:.5rem 0;border-bottom:1px solid var(--fio-suave)}
.imt-interior .cmc-nao-entrou__lista li:last-child{border-bottom:0}
.imt-interior .cmc-nao-entrou__lista a{color:var(--tinta);font-size:.9375rem}
.imt-interior .cmc-nao-entrou__lista a:hover{color:var(--ouro-texto)}
.imt-interior .cmc-nao-entrou__lista span{font-size:.78125rem;color:var(--suave)}
.imt-interior .cmc-nao-entrou__grupo form{display:flex;align-items:center;gap:.6rem 1rem;flex-wrap:wrap}
.imt-interior .cmc-resumo summary{cursor:pointer;list-style:none}
.imt-interior .cmc-resumo summary::-webkit-details-marker{display:none}
.imt-interior .cmc-resumo summary::after{content:" ↓";color:var(--ouro-texto);font-size:.8em}
.imt-interior .cmc-resumo details[open] summary::after{content:" ↑"}
.imt-interior .cmc-resumo__texto{
  white-space:pre-wrap;margin:.8rem 0 1rem;max-width:72ch;
  font-family:var(--corpo);font-size:.875rem;line-height:1.65;color:var(--tinta);
  background:var(--folha);border:1px solid var(--fio);border-radius:var(--raio);padding:1.1rem 1.35rem;
}
@media (max-width:860px){
  .imt-interior .cmc-nao-entrou__grupos{grid-template-columns:1fr}
}

/* ══════════════════════════════════════════════════════════════════
   10. TOQUE E MOVIMENTO REDUZIDO
   ══════════════════════════════════════════════════════════════════ */
@media (pointer:coarse){
  .imt-interior .imt-mat-link,.imt-interior .imt-mat-texto summary,.imt-interior .imt-trocar-rotulo,
  .imt-interior .cmc-coord-volta,.imt-interior .cmc-coord-aprov__devolver summary,.imt-interior .imt-esqueci,.imt-interior .imt-volta,.imt-interior .imt-sugerir{padding-block:.5rem}
  .imt-interior .imt-mat-acoes{gap:.6rem 1.4rem}
  .imt-interior .imt-ver-senha{height:36px}
}
@media (hover:none){
  .imt-interior .imt-area-curso:hover .imt-area-curso-acao svg,.imt-interior .imt-solta:hover .imt-solta-icone{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .imt-interior *{animation-duration:.01ms!important;animation-iteration-count:1!important}
  .imt-topo,.imt-topo svg,.imt-aba::after,.imt-sala-pastilha::after,.imt-tema-cursor,.imt-solta-icone,.imt-area-curso-acao svg,.imt-visor-fundo,.imt-visor-caixa,.imt-paleta-fundo,.imt-paleta-caixa{transition:none!important}
  .imt-paleta.esta-buscando .imt-paleta-topo::after{animation:none;transform:none;opacity:.5}
  .js-anim .imt-interior .imt-cofre,.js-anim .imt-interior .imt-convite-cartao{opacity:1;transform:none;animation:none}
  .js-anim .imt-interior .imt-login-espiral path{animation:none;stroke-dashoffset:0}
}

/* ══════════════════════════════════════════════════════════════════
   11. FLUIDEZ E ACABAMENTO (3.7)
   A troca de página deixa de ser um corte: a barra fica parada, o traço
   da aba desliza até a aba nova e o miolo troca num esmaecer curto
   (View Transitions entre documentos — Chrome, Edge e Safari 18; nos
   outros, a troca segue como antes). A próxima tela já vem pronta pelas
   regras de especulação (functions.php, imt_antecipar).
   ══════════════════════════════════════════════════════════════════ */
@view-transition{navigation:auto}
.imt-barra{view-transition-name:imt-barra}
.imt-aba-traco{
  position:absolute;left:.8rem;right:.8rem;bottom:-1px;height:2px;
  background:var(--ouro);
  view-transition-name:imt-aba-traco;
}
.imt-aba:has(.imt-aba-traco)::after{display:none}
@media (max-width:960px){.imt-aba-traco{bottom:0}}
::view-transition-old(root){animation:imt-vt-sai .14s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:imt-vt-entra .34s var(--ease) .03s both}
::view-transition-group(imt-aba-traco){animation-duration:.42s;animation-timing-function:var(--ease)}
::view-transition-group(imt-barra){animation-duration:0s}
@keyframes imt-vt-sai{to{opacity:0}}
@keyframes imt-vt-entra{from{opacity:0;transform:translateY(8px)}}

/* Indo para outra tela: um fio de ouro corre no alto. Só aparece se a
   troca passar de 120 ms (interior.js) — a tela antecipada nem o mostra. */
.imt-indo-barra{position:fixed;top:0;left:0;right:0;height:2px;z-index:1000;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .2s var(--ease)}
.imt-indo-barra::before{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,var(--ouro),transparent);transform:translateX(-100%)}
html.imt-indo .imt-indo-barra{opacity:1}
html.imt-indo .imt-indo-barra::before{animation:imt-indo 1.05s var(--ease) infinite}
@keyframes imt-indo{to{transform:translateX(260%)}}

/* Enviando: o botão responde na hora e não aceita o segundo clique. */
.imt-interior .esta-enviando{pointer-events:none;opacity:.85}
.imt-interior .esta-enviando::before{
  content:"";flex:none;width:12px;height:12px;border-radius:50%;
  border:1.5px solid currentColor;border-right-color:transparent;
  animation:imt-gira .7s linear infinite;
}
@keyframes imt-gira{to{transform:rotate(360deg)}}

/* Cartões: respondem ao ponteiro sem pular. */
.imt-interior .imt-sala-ladrilho{transition:border-color var(--t-toque) var(--ease)}
@media (hover:hover){
  .imt-interior .imt-sala-ladrilho:hover{border-color:var(--fio-forte)}
}

/* ── Seus cursos: atalhos que acompanham a rolagem ─────────────────── */
.imt-interior .imt-sala-atalhos{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:.45rem;
  margin:-.35rem 0;padding:.6rem 0;
  overflow-x:auto;scrollbar-width:none;
  background:var(--chao);
  box-shadow:0 0 0 100vmax var(--chao);clip-path:inset(0 -100vmax);
}
.imt-interior .imt-sala-atalhos::-webkit-scrollbar{display:none}
.imt-interior .imt-sala-atalhos .imt-rot{margin:0 .35rem 0 0;white-space:nowrap}
.imt-interior .imt-sala-atalho{
  display:inline-flex;align-items:center;gap:.45rem;flex:none;
  height:34px;padding:0 .95rem;
  border:1px solid var(--fio);border-radius:999px;background:var(--folha);
  font-size:.8125rem;color:var(--suave);white-space:nowrap;text-decoration:none;
  transition:color var(--t-toque) var(--ease),border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease);
}
.imt-interior .imt-sala-atalho span{font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--apagado)}
.imt-interior .imt-sala-atalho:hover{color:var(--tinta);border-color:var(--fio-forte)}
.imt-interior .imt-sala-atalho.esta-ativo{color:var(--tinta);border-color:var(--ouro);background:var(--ouro-fundo)}
.imt-interior .imt-sala-atalho.esta-ativo span{color:var(--ouro-texto)}
.imt-interior .imt-sala-curso{scroll-margin-top:4.25rem}
@media (prefers-reduced-motion:no-preference){
  html:has(body.imt-interior){scroll-behavior:smooth}
}

/* ── Celular: o material em linhas compactas ───────────────────────
   Metade dos acessos é pelo celular, e cada material ocupava quase meia
   tela. Fica o que decide o toque: módulo, título, Folhear e, ao lado,
   baixar só com o ícone. Autor, data e tamanho saem; o texto de apoio
   fica para quem abre (no computador continua tudo). */
@media (max-width:640px){
  .imt-interior .imt-sala-grade{gap:.6rem}
  .imt-interior .imt-sala-ladrilho{padding:.9rem 1rem .85rem;gap:.4rem}
  .imt-interior .imt-sala-ladrilho-topo .imt-sala-selo{display:none}
  .imt-interior .imt-sala-ladrilho-topo:not(:has(.imt-novo,.imt-sala-baixado)){display:none}
  .imt-interior .imt-sala-ladrilho-titulo{font-size:1.125rem}
  .imt-interior .imt-sala-ladrilho:not(.imt-sala-ladrilho--aula) .imt-sala-ladrilho-texto,
  .imt-interior .imt-sala-ladrilho:not(.imt-sala-ladrilho--aula) .imt-sala-mais{display:none}
  .imt-interior .imt-sala-ladrilho:not(.imt-sala-ladrilho--aula) .imt-sala-ladrilho-pe > .imt-sala-meta{display:none}
  .imt-interior .imt-sala-acoes{flex-wrap:nowrap;padding-top:.6rem}
  .imt-interior .imt-sala-folhear{flex:1;height:40px;margin-right:0}
  .imt-interior .imt-sala-folhear ~ .imt-sala-baixar{flex:none;width:40px;height:40px;padding:0;gap:0;font-size:0}
  .imt-interior .imt-sala-folhear ~ .imt-sala-baixar svg{width:16px;height:16px}
  .imt-interior .imt-sala-atalhos{margin:-.5rem 0}
  .imt-interior .imt-sala-atalhos .imt-rot{display:none}
}

@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  html.imt-indo .imt-indo-barra::before{animation:none;transform:none;width:100%;opacity:.6}
  .imt-interior .esta-enviando::before{animation:none}
}

/* ══════════════════════════════════════════════════════════════════
   12. O FORMULÁRIO DE ENVIO, ACABADO (3.7.2)
   Os cursos viram uma lista de escolha — nome em cima, turma embaixo, a
   marca de ouro à esquerda —, as listas de seleção ganham a seta do
   sistema no lugar da do navegador, as dicas ficam curtas e mais leves,
   e os grupos respiram mais entre si do que o rótulo do seu campo.
   ══════════════════════════════════════════════════════════════════ */
.imt-interior .imt-envio .imt-campo,
.imt-interior .imt-envio .imt-campo--cursos{margin-bottom:1.5rem}
.imt-interior .imt-envio .imt-campo-rot,
.imt-interior .imt-envio .imt-campo--cursos legend{margin-bottom:.55rem}
.imt-interior .imt-envio .imt-campo-dica{margin-top:.4rem;font-size:.75rem;line-height:1.45;color:var(--apagado)}

.imt-interior .imt-escolhas{
  display:flex;flex-direction:column;
  border:1px solid var(--fio-forte);border-radius:var(--raio-p);
  background:var(--folha);overflow:hidden;
}
.imt-interior .imt-escolha{
  position:relative;display:flex;align-items:center;gap:.8rem;
  padding:.72rem .9rem;cursor:pointer;
  transition:background-color var(--t-toque) var(--ease);
}
.imt-interior .imt-escolha + .imt-escolha{border-top:1px solid var(--fio-suave)}
.imt-interior .imt-escolha input{position:absolute;opacity:0;width:0;height:0}
.imt-interior .imt-escolha-texto{
  flex:1;min-width:0;display:flex;flex-direction:column;gap:.12rem;
  font-size:.84375rem;line-height:1.35;color:var(--tinta);
}
.imt-interior .imt-escolha-texto strong{font-weight:500}
.imt-interior .imt-escolha-texto small{font-size:.75rem;color:var(--suave)}
.imt-interior .imt-escolha-marca{
  order:-1;flex:none;width:18px;height:18px;border-radius:5px;
  display:grid;place-items:center;
  border:1px solid var(--fio-forte);background:var(--folha);color:#2A1F07;
  transition:background-color var(--t-toque) var(--ease),border-color var(--t-toque) var(--ease);
}
.imt-interior .imt-escolha-marca svg{width:12px;height:12px;opacity:0;transform:scale(.6);transition:opacity var(--t-toque) var(--ease),transform var(--t-toque) var(--ease)}
.imt-interior .imt-escolha:hover{background:var(--pastilha)}
.imt-interior .imt-escolha:has(input:checked){background:var(--ouro-fundo)}
.imt-interior .imt-escolha input:checked ~ .imt-escolha-marca{background:var(--ouro);border-color:var(--ouro)}
.imt-interior .imt-escolha input:checked ~ .imt-escolha-marca svg{opacity:1;transform:none}
.imt-interior .imt-escolha input:focus-visible ~ .imt-escolha-marca{outline:2px solid var(--ouro);outline-offset:2px}

.imt-interior .imt-campo select,
.imt-interior .cmc-campo select{
  appearance:none;-webkit-appearance:none;
  padding-right:2.6rem;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B08A38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .9rem center;background-size:15px;
}
.imt-interior .imt-campo select:hover,
.imt-interior .cmc-campo select:hover{border-color:var(--tinta)}
@media (min-width:961px){
  .imt-interior .imt-cartao--mesa .imt-envio{grid-template-columns:minmax(0,21rem) minmax(0,1fr)}
}

/* ══════════════════════════════════════════════════════════════════
   13. A BARRA EM LINHA ÚNICA (3.11 · escolha do usuário, 03/10/2026)

   Uma faixa só: a marca à esquerda, as seções no centro em letra normal,
   a lupa e o monograma à direita. A seção ativa fica numa pílula de ouro
   tênue — e é a própria pílula que desliza até a seção nova na troca de
   página (view-transition-name na .imt-aba-traco).

   Sem tremor (3.10): o espaço da barra de rolagem fica reservado; a barra
   troca seco na transição; o símbolo vem embutido na página.

   Com seções (coordenação e professor) a barra fica presa no alto ao rolar
   e ganha uma sombra leve quando prende; no celular só a fileira das
   seções fica presa. Sem seções (aluno, entrada) ela rola com a página.
   ══════════════════════════════════════════════════════════════════ */
html[data-tema]{
  scrollbar-gutter:stable;
  --barra-h:72px;
  --mono-fundo:#141414;--mono-tinta:#E2C27A;--mono-anel:#CBA045;
}
html[data-tema="escuro"]{--mono-fundo:#211D16;--mono-tinta:#E2C27A;--mono-anel:#B8913F}
@media (prefers-color-scheme:dark){html[data-tema="sistema"]{--mono-fundo:#211D16;--mono-tinta:#E2C27A;--mono-anel:#B8913F}}

::view-transition-old(imt-barra){animation:none;opacity:0}
::view-transition-new(imt-barra){animation:none}

/* ── A faixa ──────────────────────────────────────────────────────── */
.imt-barra:has(.imt-abas){position:sticky;top:0;transition:box-shadow .3s var(--ease)}
.imt-barra.esta-presa{box-shadow:0 1px 0 var(--fio),0 14px 30px -24px rgba(20,16,8,.45)}
html:has(.imt-barra .imt-abas){scroll-padding-top:calc(var(--barra-h) + 16px)}

.imt-barra-int{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:1.5rem;height:var(--barra-h);
}
.imt-barra .imt-marca{justify-self:start;gap:.8rem}
.imt-barra .imt-marca img{width:38px;height:38px}
.imt-barra .imt-marca > span{font-size:1rem;line-height:1.08;letter-spacing:-.01em}
.imt-barra .imt-barra-fim{justify-self:end;gap:.8rem;grid-column:3;grid-row:1}

/* ── As seções ────────────────────────────────────────────────────── */
.imt-barra .imt-abas{
  align-self:center;display:flex;align-items:center;gap:.2rem;
  height:auto;margin:0;padding:2px;border:0;flex:none;order:0;
  overflow-x:auto;scrollbar-width:none;
}
.imt-barra .imt-aba{
  position:relative;display:inline-flex;align-items:center;gap:.45rem;flex:none;
  height:36px;padding:0 1rem;border-radius:999px;
  font-size:.875rem;font-weight:400;letter-spacing:.005em;text-transform:none;
  color:var(--barra-suave);white-space:nowrap;
  transition:color .25s var(--ease),background-color .25s var(--ease);
}
.imt-barra .imt-aba::after{display:none}
.imt-barra .imt-aba:hover{color:var(--barra-tinta);background:var(--pastilha)}
.imt-barra .imt-aba.esta-ativa,.imt-barra .imt-aba.esta-ativa:hover{color:var(--barra-tinta);background:transparent}
.imt-barra .imt-aba-traco{
  position:absolute;inset:0;left:0;right:0;bottom:0;height:auto;z-index:0;
  border-radius:999px;
  background:var(--ouro-fundo);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ouro) 40%,transparent);
  view-transition-name:imt-aba-traco;
}
.imt-barra .imt-aba-rot,.imt-barra .imt-aba-n{position:relative;z-index:1}
.imt-barra .imt-aba-n{
  padding:0;background:none;border-radius:0;
  font-size:.6875rem;font-weight:500;letter-spacing:0;font-variant-numeric:tabular-nums;
  color:var(--ouro-texto);
}
.imt-barra .imt-aba-n.esta-atencao{background:none;color:var(--ambar)}
::view-transition-group(imt-aba-traco){animation-duration:.42s;animation-timing-function:var(--ease)}

/* ── A lupa: um círculo de fio fino, o mesmo tamanho do monograma ──── */
.imt-interior .imt-busca{
  width:40px;height:40px;padding:0;justify-content:center;flex:none;
  border:1px solid var(--fio);border-radius:50%;
  background:transparent;color:var(--ouro-texto);
  transition:border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease);
}
.imt-interior .imt-busca:hover,.imt-interior .imt-busca:focus-visible{border-color:var(--fio-forte);background:var(--pastilha);color:var(--ouro-texto)}
.imt-interior .imt-busca svg{width:16px;height:16px}

/* ── A aparência (3.11.1): o mesmo círculo, ao lado da lupa. O ícone é o
   destino do toque — lua no claro, sol no escuro — e o CSS decide sozinho,
   também quando "Sistema" segue o aparelho. ─────────────────────────── */
.imt-modo{
  appearance:none;display:grid;place-items:center;flex:none;
  width:40px;height:40px;padding:0;margin:0;cursor:pointer;
  border:1px solid var(--fio);border-radius:50%;
  background:transparent;color:var(--ouro-texto);font:inherit;
  transition:border-color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease);
}
.imt-modo:hover,.imt-modo:focus-visible{border-color:var(--fio-forte);background:var(--pastilha)}
.imt-modo:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
.imt-modo svg{width:17px;height:17px;grid-area:1 / 1}
.imt-modo-sol{display:none}
html[data-tema="escuro"] .imt-modo-lua{display:none}
html[data-tema="escuro"] .imt-modo-sol{display:block}
@media (prefers-color-scheme:dark){
  html[data-tema="sistema"] .imt-modo-lua{display:none}
  html[data-tema="sistema"] .imt-modo-sol{display:block}
}

/* ── O monograma ──────────────────────────────────────────────────── */
.imt-conta{position:relative}
.imt-conta summary{list-style:none;display:block;cursor:pointer;border-radius:50%}
.imt-conta summary::-webkit-details-marker{display:none}
.imt-conta summary:focus-visible{outline:2px solid var(--ouro);outline-offset:4px}
.imt-conta-mono{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--mono-fundo);color:var(--mono-tinta);
  box-shadow:0 0 0 2px var(--barra-fundo),0 0 0 3px color-mix(in srgb,var(--mono-anel) 55%,transparent);
  font-family:var(--voz);font-size:1.0625rem;font-weight:400;line-height:1;letter-spacing:.01em;
  transition:box-shadow .3s var(--ease);
}
.imt-conta summary:hover .imt-conta-mono,.imt-conta[open] .imt-conta-mono{box-shadow:0 0 0 2px var(--barra-fundo),0 0 0 3px var(--mono-anel)}

/* ── O menu da conta ──────────────────────────────────────────────── */
.imt-conta-menu{
  position:absolute;right:-6px;top:calc(100% + 14px);z-index:120;
  width:284px;padding:0;
  background:var(--folha);border:1px solid var(--fio);border-radius:14px;
  box-shadow:0 1px 2px rgba(20,16,8,.06),0 24px 48px -24px rgba(20,16,8,.45);
  transform-origin:calc(100% - 25px) -8px;
  animation:imt-conta-abre .24s var(--ease) both;
}
.imt-conta-menu::before{
  content:"";position:absolute;top:-6px;right:19px;width:11px;height:11px;
  background:var(--folha);border-left:1px solid var(--fio);border-top:1px solid var(--fio);
  transform:rotate(45deg);border-radius:2px 0 0 0;
}
@keyframes imt-conta-abre{from{opacity:0;transform:translateY(-4px) scale(.98)}}
.imt-conta-cabeca{display:flex;align-items:center;gap:.85rem;padding:1.15rem 1.15rem 1rem}
.imt-conta-cabeca .imt-conta-mono{width:44px;height:44px;font-size:1.25rem;flex:none;box-shadow:0 0 0 2px var(--folha),0 0 0 3px color-mix(in srgb,var(--mono-anel) 55%,transparent)}
.imt-conta-nome{margin:0;font-family:var(--voz);font-size:1.0625rem;line-height:1.2;color:var(--tinta);overflow-wrap:anywhere}
.imt-conta-papel{margin:.2rem 0 0;font-size:.625rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro-texto)}
.imt-conta-bloco{padding:.95rem 1.15rem 1.05rem;border-top:1px solid var(--fio-suave)}
.imt-conta-rot{margin:0 0 .6rem;font-size:.625rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--barra-suave)}
.imt-conta-menu .imt-tema{display:grid;width:100%}
.imt-conta-menu .imt-tema-opcao .imt-tema-rotulo{display:inline}
.imt-conta-menu .imt-tema-opcao > span{width:100%;padding:0 .35rem}
.imt-conta-sair{
  display:flex;align-items:center;gap:.65rem;
  padding:.85rem 1.15rem;border-top:1px solid var(--fio-suave);border-radius:0 0 13px 13px;
  font-size:.8125rem;color:var(--suave);
  transition:color var(--t-toque) var(--ease),background-color var(--t-toque) var(--ease);
}
.imt-conta-sair svg{width:16px;height:16px;flex:none;color:var(--barra-suave);transition:transform var(--t-toque) var(--ease),color var(--t-toque) var(--ease)}
.imt-conta-sair:hover{color:var(--tinta);background:var(--pastilha)}
.imt-conta-sair:hover svg{color:var(--ouro-texto);transform:translateX(2px)}

/* ── Tablet e celular: as seções descem para a própria fileira, e só ela
   fica presa no alto ao rolar. ─────────────────────────────────────── */
@media (max-width:1100px){
  html[data-tema]{--barra-h:60px}
  .imt-barra-int{grid-template-columns:1fr auto;grid-template-rows:var(--barra-h) auto;height:auto;gap:0 1rem}
  .imt-barra .imt-abas{grid-column:1 / -1;grid-row:2;justify-self:start;max-width:100%;margin:0 -2px .65rem}
  .imt-barra .imt-barra-fim{grid-column:2}
  .imt-barra:has(.imt-abas){top:calc(-1 * var(--barra-h))}
  html:has(.imt-barra .imt-abas){scroll-padding-top:64px}
}
@media (max-width:640px){
  .imt-barra .imt-aba{height:34px;padding:0 .85rem;font-size:.84375rem}
  .imt-conta-menu{width:min(284px,calc(100vw - 24px))}
  .imt-barra .imt-barra-fim{gap:.55rem}
  .imt-interior .imt-busca,.imt-modo{width:38px;height:38px}
}
@media (prefers-reduced-motion:reduce){
  .imt-conta-menu{animation:none}
}