/* Identidade inspirada no site da escola: laranja vibrante + grafite, Barlow Condensed (títulos) e Manrope (texto) */
:root,:root[data-theme="light"]{
  --bg:#f5f7f9;--card:#fff;--tx:#1f2329;--mut:#636a70;--bd:#dcdee0;--soft:#eaebed;
  --pri:#e02a00;--pri2:#b82200;--amb:#fba02d;--ink:#1f2329;
  --err:#b42318;--errbg:#fef3f2;--ok:#067647;--okbg:#ecfdf3;--warn:#fff4dc;--warnbd:#fba02d;
  --r:12px;--sh:0 10px 30px -14px rgba(0,0,0,.28);color-scheme:light}
:root[data-theme="dark"]{
  --bg:#12161a;--card:#1b2127;--tx:#eceff2;--mut:#9aa4ad;--bd:#2c353d;--soft:#242c33;
  --pri:#ff5a36;--pri2:#ff7a5c;--ink:#0d1115;
  --errbg:#3a1a17;--okbg:#10301f;--warn:#33290e;--err:#ffb4a9;--ok:#7be0a8;color-scheme:dark}
/* nomes usados pelo componente de botões do lab */
:root{--linha:var(--bd);--cartao:var(--card);--tinta:var(--tx);--accent:var(--pri);--suave:var(--mut)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.5 Manrope,system-ui,Segoe UI,sans-serif}
a{color:var(--pri)}
h1,h3,.marca{font-family:"Barlow Condensed",Manrope,system-ui,sans-serif;letter-spacing:.2px}
h1{font-size:30px;font-weight:700;margin:6px 0 18px;line-height:1.15}
h1::after{content:"";display:block;width:44px;height:4px;border-radius:4px;background:var(--amb);margin-top:8px}

/* topo */
.topo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px;padding:0 max(16px,calc((100% - 1100px)/2));background:var(--ink);color:#fff;border-bottom:3px solid var(--pri)}
.topo a{color:#fff;text-decoration:none}
.marca{font-weight:800;font-size:22px;padding:12px 0;text-transform:uppercase;letter-spacing:.8px}
.marca::before{content:"";display:inline-block;width:10px;height:22px;background:var(--pri);border-radius:2px;margin-right:10px;vertical-align:-4px}
.topo nav{display:flex;flex-wrap:wrap;gap:0 4px;flex:1}
.topo nav a{opacity:.8;padding:16px 12px;font-weight:600;border-bottom:3px solid transparent;margin-bottom:-3px}
.topo nav a:hover{opacity:1;border-bottom-color:var(--amb)}
.sair{display:flex;gap:14px;align-items:center;margin:0;font-size:14px}
button.link{background:none;border:0;color:#fff;padding:0;opacity:.8;text-decoration:underline}
button.link:hover{background:none;opacity:1}

main{max-width:1100px;margin:0 auto;padding:24px 16px 48px}

/* cartões e avisos */
.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:20px;margin-bottom:16px;box-shadow:var(--sh)}
.aviso{padding:12px 16px;border-radius:var(--r);margin-bottom:16px;background:var(--okbg);color:var(--ok);border-left:4px solid var(--ok)}
.aviso.erro{background:var(--errbg);color:var(--err);border-left-color:var(--err)}
.conflito{background:var(--warn);border:1px solid var(--warnbd);border-left-width:4px;border-radius:var(--r);padding:12px 16px;margin-bottom:16px}
.conflito ul{margin:8px 0 0;padding-left:20px}
.conflito li+li{margin-top:4px}

/* barras de ação */
.barra{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.barra .esp{flex:1}
form.barra select{width:auto;min-width:180px}

/* botões */
.btn,button{font:inherit;font-weight:700;cursor:pointer;border:2px solid var(--pri);background:var(--pri);color:#fff;padding:9px 18px;border-radius:10px;text-decoration:none;display:inline-block;line-height:1.3;transition:background .15s,color .15s}
.btn:hover,button:hover{background:var(--pri2);border-color:var(--pri2)}
.btn.sec,button.sec{background:transparent;color:var(--pri)}
.btn.sec:hover,button.sec:hover{background:var(--pri);color:#fff}
.btn.perigo,button.perigo{background:transparent;color:var(--err);border-color:var(--err)}
.btn.perigo:hover,button.perigo:hover{background:var(--err);color:#fff}
.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--amb);outline-offset:2px}

/* formulários */
label{display:block;font-weight:700;font-size:14px;margin:14px 0 6px}
label:first-child{margin-top:0}
input,select,textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--tx)}
input:focus,select:focus,textarea:focus{border-color:var(--pri)}
input[type=checkbox]{width:auto;accent-color:var(--pri)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 16px}

/* tabelas */
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:12px 12px;border-bottom:1px solid var(--bd);vertical-align:top}
th{color:var(--mut);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;background:var(--soft)}
tbody tr:hover td,tr:hover td{background:color-mix(in srgb,var(--soft) 55%,transparent)}
tr:last-child td{border-bottom:0}
.card table{margin:-8px 0}

/* agenda */
.semana{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.dia{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:10px;min-height:150px}
.dia h3{margin:0 0 10px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--mut);padding-bottom:6px;border-bottom:1px solid var(--bd)}
.dia.hoje{border-color:var(--pri);box-shadow:0 0 0 2px var(--pri)}
.dia.hoje h3{color:var(--pri)}
.ev{display:block;text-decoration:none;color:var(--tx);border-left:4px solid var(--pri);background:var(--bg);border-radius:8px;padding:7px 9px;margin-bottom:8px;font-size:13px}
.ev:hover{box-shadow:var(--sh)}
.ev.aula{border-left-color:var(--amb)}
.ev small{color:var(--mut);display:block;margin-top:1px}
.chip{display:inline-block;padding:2px 10px;border-radius:99px;background:var(--soft);font-size:12px;font-weight:600;color:var(--mut)}
.alunos-box{max-height:240px;overflow:auto;border:1px solid var(--bd);border-radius:10px;padding:8px 12px}
.alunos-box label{font-weight:500;margin:4px 0;display:flex;gap:8px;align-items:center}
.prog{height:8px;background:var(--soft);border-radius:99px;overflow:hidden;min-width:90px}
.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--pri),var(--amb))}
.login{max-width:400px;margin:10vh auto}
.login h1{text-align:center}.login h1::after{margin:8px auto 0}

@media(max-width:1000px){.semana{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .semana,.grid2,.grid3{grid-template-columns:1fr}
  .dia{min-height:0}
  h1{font-size:26px}
  .card{padding:16px}
  .topo nav a{padding:10px 10px}
  form.barra select{width:100%}
}

/* sino de avisos */
.sino{position:relative;font-size:18px;line-height:1;padding:4px}
.badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;border-radius:99px;background:var(--pri);color:#fff;font:700 11px/18px Manrope,sans-serif;text-align:center;padding:0 5px}
a.aviso-item{display:block;text-decoration:none;color:var(--tx);border-left:4px solid var(--amb)}
a.aviso-item:hover{box-shadow:var(--sh)}
.aviso-item span{display:block;margin-top:2px}
.aviso-item small{color:var(--mut)}

/* ===== Botões de ferramentas (imagem, compartilhar, tema, TV) ===== */
.ferramentas{display:flex;gap:8px;align-items:center}
.ferr-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer;text-decoration:none;font:inherit;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}
.ferr-btn:hover{background:rgba(255,255,255,.16);border-color:var(--amb);transform:translateY(-2px);box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.ferr-btn:active{transform:scale(.92)}
.ferr-btn:focus-visible{outline:3px solid var(--amb);outline-offset:2px}
.ferr-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.ferr-btn:hover svg{transform:scale(1.12)}
.ferr-btn[data-dica]::after{content:attr(data-dica);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);white-space:nowrap;background:var(--ink);color:#fff;border:1px solid var(--bd);font:600 12px Manrope,sans-serif;padding:4px 9px;border-radius:8px;opacity:0;pointer-events:none;transition:.15s;z-index:20}
.ferr-btn[data-dica]:hover::after{opacity:1;transform:translate(-50%,0)}
.ferr-onda{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:rgba(255,255,255,.55);pointer-events:none;animation:ferr-onda .6s ease-out forwards}
@keyframes ferr-onda{to{transform:scale(9);opacity:0}}
.ferr-lua{display:none}
:root[data-theme="light"] .ferr-lua{display:block}:root[data-theme="light"] .ferr-sol{display:none}
.ferr-btn.girando svg{animation:ferr-gira .5s ease}
@keyframes ferr-gira{from{transform:rotate(-200deg) scale(.4);opacity:0}to{transform:none;opacity:1}}
.ferr-btn.tv-btn{border-color:var(--amb)}
.ferr-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:#fff;border:1px solid var(--bd);border-left:4px solid var(--amb);padding:10px 18px;border-radius:12px;font-weight:700;box-shadow:var(--sh);opacity:0;pointer-events:none;transition:.25s;z-index:100}
.ferr-toast.on{opacity:1;transform:translate(-50%,0)}
/* menu de compartilhar e prévia da imagem */
.ferr-menu{border:1px solid var(--bd);border-radius:20px;background:var(--card);color:var(--tx);padding:16px;width:min(440px,calc(100% - 24px));margin:auto auto 12px;animation:ferr-sobe .25s ease}
.ferr-menu::backdrop,.ferr-img::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(2px)}
@keyframes ferr-sobe{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.ferr-menu-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--bd)}
.ferr-menu-info{min-width:0}.ferr-menu-info strong{display:block}.ferr-menu-info small{display:block;color:var(--mut);overflow-wrap:anywhere}
.ferr-menu-fechar{flex:none;width:36px;height:36px;min-height:0;padding:0;border:1px solid var(--bd);border-radius:50%;background:transparent;color:var(--tx);cursor:pointer}
.ferr-menu-fechar:hover{background:var(--soft);border-color:var(--pri);color:var(--pri)}
.ferr-menu-lista{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.ferr-op{position:relative;overflow:hidden;display:grid;justify-items:center;gap:6px;min-height:0;padding:8px 0;background:none;border:0;border-radius:12px;color:inherit;font:inherit;font-size:.8rem;font-weight:600;text-decoration:none;cursor:pointer;text-align:center;transition:transform .15s,background .15s}
.ferr-op:hover{background:var(--soft);transform:translateY(-2px)}.ferr-op:active{transform:scale(.94)}
.ferr-op i{display:flex;width:52px;height:52px;border-radius:50%;align-items:center;justify-content:center;color:#fff;font-style:normal;font-weight:800;font-size:1.2rem}
.ferr-img{border:0;background:transparent;padding:0;width:min(1000px,calc(100% - 24px));max-width:none;margin:auto;color:#fff;overflow:visible;animation:ferr-sobe .25s ease}
.ferr-img img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.ferr-img-acoes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}
.ferr-img-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:0;border-radius:999px;background:#fff;color:#111;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .15s,background .15s}
.ferr-img-btn:hover{background:var(--amb);transform:translateY(-2px)}.ferr-img-btn:active{transform:scale(.95)}
@media(max-width:640px){.ferr-btn{width:36px;height:36px;min-height:36px}.ferr-btn svg{width:18px;height:18px}.ferramentas{gap:5px}.ferr-btn[data-dica]::after{display:none}.ferr-img-acoes{flex-wrap:nowrap;gap:6px}.ferr-img-btn{padding:0 12px;font-size:.88rem;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.ferr-btn,.ferr-btn svg,.ferr-op,.ferr-img-btn,.ferr-menu,.ferr-img{transition:none;animation:none}.ferr-onda{display:none}}


/* ================= Visual v2: cartões mais leves, respiro e hierarquia ================= */
body{background:radial-gradient(900px 380px at 8% -8%,rgba(224,42,0,.09),transparent 70%),radial-gradient(700px 320px at 100% 0,rgba(251,160,45,.10),transparent 70%),var(--bg);background-attachment:fixed}
:root[data-theme="dark"] body{background:radial-gradient(900px 380px at 8% -8%,rgba(255,90,54,.12),transparent 70%),radial-gradient(700px 320px at 100% 0,rgba(251,160,45,.08),transparent 70%),var(--bg)}
main{padding:32px 20px 64px}
main.larga{max-width:1360px}
h1{font-size:36px}
h1::after{display:none}
.eyebrow{display:inline-block;font:700 12px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--pri);background:color-mix(in srgb,var(--pri) 12%,transparent);padding:4px 12px;border-radius:99px}
.card{border-radius:20px;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -22px rgba(0,0,0,.28)}
.btn,button{border-radius:999px;padding:10px 20px}
.btn.sec,button.sec{border-width:1.5px}
input,select,textarea{border-radius:12px;padding:11px 14px}
.topo{border-bottom-width:0;box-shadow:0 10px 30px -18px rgba(0,0,0,.6);position:sticky;top:0;z-index:30;backdrop-filter:blur(8px)}
.topo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--pri),var(--amb))}

/* cabeçalho da página */
.hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.hero h1{margin:8px 0 0}
.hero-acoes{display:flex;flex-wrap:wrap;gap:8px}
.hero-acoes .btn{padding:9px 18px}

/* cartões de resumo */
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}
.stat{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:18px 20px;text-decoration:none;color:var(--tx);box-shadow:0 18px 40px -26px rgba(0,0,0,.35);transition:transform .2s,box-shadow .2s}
.stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--pri),var(--amb))}
.stat:hover{transform:translateY(-3px)}
.stat b{font:800 40px/1 "Barlow Condensed",sans-serif;color:var(--tx)}
.stat span{color:var(--mut);font-size:13px;font-weight:600}
.stat.alerta{background:color-mix(in srgb,var(--amb) 14%,var(--card));border-color:var(--amb)}
.stat.alerta b{color:var(--pri)}
.filtros{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.filtros select{width:auto;min-width:200px;flex:1 1 200px;max-width:320px}

/* agenda */
.semana{gap:14px}
.dia{border-radius:20px;padding:14px;min-height:200px;box-shadow:0 18px 40px -30px rgba(0,0,0,.35)}
.dia h3{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 12px;padding:0 2px 10px;border-bottom:1px solid var(--bd);text-transform:none;letter-spacing:0}
.dia h3 span{font:700 15px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--mut)}
.dia h3 b{font:800 30px/1 "Barlow Condensed",sans-serif;color:var(--tx)}
.dia.hoje{border-color:transparent;box-shadow:0 0 0 2px var(--pri),0 20px 44px -22px color-mix(in srgb,var(--pri) 60%,transparent)}
.dia.hoje h3 span,.dia.hoje h3 b{color:var(--pri)}
.dia.sem-ev{background:transparent;border-style:dashed;box-shadow:none;min-height:0}
.livre{margin:6px 2px 0;color:var(--mut);font-size:13px;opacity:.7}
.ev{display:flex;flex-direction:column;gap:5px;border:1px solid var(--bd);border-left:4px solid var(--pri);background:var(--bg);border-radius:14px;padding:11px 12px;margin-bottom:10px;transition:transform .15s,box-shadow .15s}
.ev:hover{transform:translateY(-2px);box-shadow:0 14px 26px -16px rgba(0,0,0,.45)}
.ev-hora{font:800 22px/1 "Barlow Condensed",sans-serif;letter-spacing:.2px}
.ev-hora i{font-style:normal;opacity:.5;margin:0 2px}
.ev-turma{font-weight:700;font-size:14px;line-height:1.25}
.ev-meta{display:flex;align-items:center;gap:6px;color:var(--mut);font-size:12.5px}
.pill{align-self:flex-start;font:800 10.5px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:99px}
.pill.estagio{background:color-mix(in srgb,var(--pri) 14%,transparent);color:var(--pri)}
.pill.aula{background:color-mix(in srgb,var(--amb) 22%,transparent);color:#a35f00}
:root[data-theme="dark"] .pill.aula{color:var(--amb)}

/* avatares com inicial */
.av{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--pri),var(--amb));color:#fff;font:800 14px Manrope,sans-serif;text-transform:uppercase;margin-right:12px}
.av.mini{width:20px;height:20px;font-size:10px;margin-right:0}

/* tabelas */
th{background:transparent;border-bottom:2px solid var(--bd)}
td{padding:14px 12px}
table.mob td:first-child{display:flex;align-items:center}
table.mob td:first-child b{font-weight:700}
.card table{margin:-6px 0}

/* login */
.login-main{max-width:980px;padding-top:7vh}
.login-wrap{display:grid;grid-template-columns:1.1fr 1fr;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.5);border:1px solid var(--bd)}
.login-marca{position:relative;padding:48px 40px;color:#fff;background:radial-gradient(420px 300px at 90% 100%,rgba(251,160,45,.55),transparent 70%),linear-gradient(150deg,#1f2329,#12161a)}
.login-marca::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--pri),var(--amb))}
.login-marca h2{font:800 64px/.95 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:18px 0 14px;letter-spacing:.02em}
.login-marca p{color:#cfd5db;font-size:17px;max-width:30ch}
.login-marca ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px;color:#e6eaee;font-weight:600}
.login-marca li::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--amb);margin-right:12px}
.login-wrap .login{margin:0;max-width:none;border:0;border-radius:0;box-shadow:none;padding:48px 40px;display:flex;flex-direction:column;justify-content:center;background:var(--card)}
.login-wrap .login h1{text-align:left;margin-bottom:10px}

@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  main{padding:20px 14px 56px}
  h1{font-size:30px}
  .stats{grid-template-columns:repeat(2,1fr);gap:10px}
  .stat{padding:14px 16px}.stat b{font-size:32px}
  .filtros select{max-width:none}
  .login-wrap{grid-template-columns:1fr}
  .login-marca{padding:32px 26px}.login-marca h2{font-size:48px}.login-marca ul{display:none}
  .login-wrap .login{padding:28px 26px}
  /* tabelas viram cartões no celular */
  table.mob,table.mob tbody,table.mob tr,table.mob td{display:block}
  table.mob tr:first-child{display:none}
  table.mob tr{padding:12px 4px;border-bottom:1px solid var(--bd)}
  table.mob td{border:0;padding:3px 0}
  table.mob td:first-child{display:flex}
  table.mob td[data-rotulo]:not(:first-child)::before{content:attr(data-rotulo) ": ";color:var(--mut);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
  table.mob td:first-child{padding-bottom:6px}
  table.mob td:last-child{text-align:left!important;padding-top:6px}
}
@media(max-width:1280px){.topo{gap:4px 14px}.topo nav a{padding:16px 8px;font-size:14px}.marca{font-size:20px}}

/* cabeçalho compacto no celular: logo + ferramentas na 1ª linha, menu rolável na 2ª */
@media(max-width:980px){
  .topo{position:relative;padding:0 14px;gap:0 10px;align-items:center;flex-wrap:wrap}
  .marca{order:1;padding:10px 0;font-size:19px}
  .sair{order:2;margin-left:auto;gap:10px}
  .usr-nome{display:none}
  .topo nav{order:3;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;gap:0;margin:0 -14px;padding:0 14px;scrollbar-width:none;border-top:1px solid rgba(255,255,255,.12)}
  .topo nav::-webkit-scrollbar{display:none}
  .topo nav a{white-space:nowrap;padding:12px 12px;margin-bottom:0}
  .ferramentas{gap:4px}.ferr-btn{width:34px;height:34px;min-height:34px;border-radius:10px}
}

/* ===== Cabeçalho em UMA linha no computador: logo | menu | ferramentas ===== */
@media(min-width:981px){
  .topo{flex-wrap:nowrap;align-items:stretch;gap:0 18px;min-height:64px}
  .marca{align-self:center;padding:0;white-space:nowrap}
  .topo nav{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;align-items:stretch;gap:0;scrollbar-width:none}
  .topo nav::-webkit-scrollbar{display:none}
  .topo nav a{display:flex;align-items:center;white-space:nowrap;padding:0 12px;margin:0;border-bottom:3px solid transparent;border-top:3px solid transparent}
  .topo nav a:hover{border-bottom-color:var(--amb)}
  .sair{flex:none;align-self:center;gap:12px;white-space:nowrap}
  .ferramentas{gap:6px}
}
.usr{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.usr .av.mini{width:28px;height:28px;font-size:13px}
@media(max-width:1280px){.usr-nome{display:none}}

/* celular estreito: logo + ferramentas + sino + avatar numa linha só (o "Sair" fica no perfil) */
@media(max-width:560px){
  .marca{font-size:15px;letter-spacing:.4px}.marca::before{width:7px;height:16px;margin-right:7px;vertical-align:-2px}
  .sair{gap:6px}.sair button.link{display:none}
  .ferramentas{gap:3px}.ferr-btn{width:30px;height:30px;min-height:30px;border-radius:9px}.ferr-btn svg{width:16px;height:16px}
  .sino{font-size:16px;padding:2px}
  .usr .av.mini{width:26px;height:26px}
}

/* submenu "Cadastros" */
.menu-grupo{position:relative;display:flex;align-items:stretch}
.menu-gatilho{display:flex;align-items:center;gap:6px;padding:0 12px;font-weight:600;opacity:.8;cursor:pointer;color:#fff;border-bottom:3px solid transparent;border-top:3px solid transparent}
.menu-gatilho::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.menu-grupo:hover .menu-gatilho,.menu-grupo:focus-within .menu-gatilho{opacity:1;border-bottom-color:var(--amb)}
.menu-sub{display:none;position:absolute;top:100%;left:0;min-width:220px;background:var(--ink);border:1px solid rgba(255,255,255,.14);border-top:0;border-radius:0 0 16px 16px;padding:8px;box-shadow:0 22px 40px -16px rgba(0,0,0,.65);z-index:50}
.menu-grupo:hover .menu-sub,.menu-grupo:focus-within .menu-sub{display:block}
.menu-sub a{display:block!important;padding:10px 14px!important;border:0!important;border-radius:10px;white-space:nowrap}
.menu-sub a:hover{background:rgba(255,255,255,.1)}
@media(min-width:981px){.topo nav{overflow:visible!important}}
@media(max-width:980px){
  .menu-grupo,.menu-sub{display:contents}
  .menu-gatilho{display:none}
  .menu-sub a{display:block!important;padding:12px 12px!important;border-radius:0}
}

/* ================= Agenda v3: grade horária, mapa do dia e lista ================= */
.c0{--cor:#e02a00}.c1{--cor:#0b7a75}.c2{--cor:#6941c6}.c3{--cor:#c11574}.c4{--cor:#1570ef}.c5{--cor:#4e7d00}
:root[data-theme="dark"] .c0{--cor:#ff5a36}:root[data-theme="dark"] .c1{--cor:#2bb3ab}:root[data-theme="dark"] .c2{--cor:#9b7bf0}
:root[data-theme="dark"] .c3{--cor:#f0589f}:root[data-theme="dark"] .c4{--cor:#5b9bff}:root[data-theme="dark"] .c5{--cor:#8bc34a}

.resumo{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;padding:12px 18px;margin-bottom:16px;background:var(--card);border:1px solid var(--bd);border-radius:16px;color:var(--mut);font-weight:600;font-size:14px}
.resumo b{font:800 22px "Barlow Condensed",sans-serif;color:var(--tx);margin-right:4px}
.resumo a{color:var(--mut);text-decoration:none;margin-left:auto}
.resumo a.alerta{color:var(--pri)}.resumo a.alerta b{color:var(--pri)}
.ferr-linha{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}
.ferr-linha .filtros{margin:0;flex:1 1 auto}
.vistas{display:inline-flex;background:var(--soft);border-radius:999px;padding:4px;gap:2px}
.vistas button{background:transparent;border:0;color:var(--mut);padding:8px 18px;border-radius:999px;font-weight:700}
.vistas button:hover{background:transparent;color:var(--tx)}
.vistas button.on{background:var(--card);color:var(--pri);box-shadow:0 2px 8px -2px rgba(0,0,0,.25)}
.vistas.pequeno button{padding:6px 14px;font-size:13px}
.legenda{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin-bottom:12px;color:var(--mut);font-size:13px;font-weight:600}
.legenda .sw{display:inline-block;width:22px;height:12px;border-radius:4px;margin-right:6px;vertical-align:-1px;background:var(--ink);border-left:4px solid var(--ink)}
.legenda .sw.aula{background:color-mix(in srgb,var(--ink) 14%,var(--card))}
.legenda .dica{margin-left:auto;font-weight:500;opacity:.8}
[hidden]{display:none!important}

/* grade semanal */
.cal{background:var(--card);border:1px solid var(--bd);border-radius:20px;overflow:hidden;box-shadow:0 18px 40px -28px rgba(0,0,0,.4)}
.cal-cab,.cal-corpo{display:grid;grid-template-columns:58px repeat(var(--n),minmax(0,1fr))}
.cal-cab{border-bottom:1px solid var(--bd);background:var(--card)}
.cal-dia-cab{display:flex;align-items:baseline;justify-content:center;gap:8px;padding:12px 6px;border:0;border-left:1px solid var(--bd);border-radius:0;background:transparent;color:var(--mut);cursor:pointer}
.cal-dia-cab:hover{background:var(--soft);color:var(--tx)}
.cal-dia-cab span{font:700 13px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.cal-dia-cab b{font:800 26px/1 "Barlow Condensed",sans-serif;color:var(--tx)}
.cal-dia-cab.hoje b{background:var(--pri);color:#fff;border-radius:50%;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:20px}
.cal-dia-cab.hoje span{color:var(--pri)}
.cal-horas{position:relative}
.cal-horas span{position:absolute;right:8px;transform:translateY(-50%);font-size:11px;font-weight:600;color:var(--mut)}
.cal-horas span:first-child{transform:none;top:2px!important}
.cal-dia{position:relative;border-left:1px solid var(--bd);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--px) - 1px),var(--bd) calc(var(--px) - 1px),var(--bd) var(--px))}
.cal-dia.hoje{background-color:color-mix(in srgb,var(--pri) 4%,transparent)}
.cal-agora{position:absolute;left:0;right:0;height:2px;background:var(--pri);z-index:3;pointer-events:none}
.cal-agora::before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--pri)}
.cal-ev{position:absolute;z-index:2;display:flex;flex-direction:column;gap:1px;overflow:hidden;padding:5px 8px;border-radius:10px;text-decoration:none;font-size:12px;line-height:1.25;border-left:4px solid var(--cor);transition:transform .12s,box-shadow .12s}
.cal-ev:hover{z-index:5;transform:scale(1.02);box-shadow:0 12px 24px -10px rgba(0,0,0,.55)}
.cal-ev b{font:800 13px "Barlow Condensed",sans-serif;letter-spacing:.3px}
.cal-ev .t{font-weight:700}
.cal-ev .m{opacity:.85;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-ev.estagio{background:var(--cor);color:#fff}
.cal-ev.aula{background:color-mix(in srgb,var(--cor) 15%,var(--card));color:var(--tx)}
.cal-ev.aula b{color:var(--cor)}

/* mapa do dia */
.mapa-barra{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}
.dias-chips{display:flex;flex-wrap:wrap;gap:6px}
.chip-dia{background:var(--card);color:var(--tx);border:1.5px solid var(--bd);border-radius:14px;padding:8px 14px;font-weight:700}
.chip-dia span{color:var(--mut);text-transform:uppercase;font-size:11px;letter-spacing:.08em;margin-right:4px}
.chip-dia:hover{border-color:var(--pri);background:var(--card)}
.chip-dia.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip-dia.on span{color:#cfd5db}
.chip-dia.hoje:not(.on){border-color:var(--pri)}
.mapa{background:var(--card);border:1px solid var(--bd);border-radius:20px;overflow:auto;box-shadow:0 18px 40px -28px rgba(0,0,0,.4)}
.mapa-eixo,.mapa-linha{display:grid;grid-template-columns:240px minmax(640px,1fr)}
.mapa-eixo{border-bottom:1px solid var(--bd);background:var(--card)}
.mapa-rotulo{padding:14px 16px;font-weight:700;border-right:1px solid var(--bd);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:sticky;left:0;background:var(--card);z-index:2}
.mapa-horas{display:grid;grid-template-columns:repeat(var(--cols),1fr)}
.mapa-horas span{padding:8px 0 8px 6px;font-size:11px;font-weight:700;color:var(--mut);border-left:1px solid var(--bd)}
.mapa-linha{border-bottom:1px solid var(--bd)}.mapa-linha:last-child{border-bottom:0}
.mapa-trilha{position:relative;min-height:58px;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(100%/var(--cols) - 1px),var(--bd) calc(100%/var(--cols) - 1px),var(--bd) calc(100%/var(--cols)))}
.barra-ev{position:absolute;top:9px;bottom:9px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:10px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:4px solid var(--cor);transition:transform .12s,box-shadow .12s}
.barra-ev:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(0,0,0,.55);z-index:3}
.barra-ev.estagio{background:var(--cor);color:#fff}
.barra-ev.aula{background:color-mix(in srgb,var(--cor) 15%,var(--card));color:var(--tx)}
.barra-ev b{font:800 13px "Barlow Condensed",sans-serif}
.barra-ev.conflito{outline:3px solid var(--err);outline-offset:1px}
.vazio-mapa{padding:28px;color:var(--mut)}

/* lista */
.lista-dia{background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:6px 18px 10px;margin-bottom:14px}
.lista-dia.hoje{border-color:var(--pri);box-shadow:0 0 0 1px var(--pri)}
.lista-dia h3{display:flex;align-items:baseline;gap:10px;margin:10px 0 6px;font-family:Manrope,sans-serif}
.lista-dia h3 b{font:800 30px/1 "Barlow Condensed",sans-serif}
.lista-dia h3 span{font-weight:800}.lista-dia h3 small{color:var(--mut);font-weight:600}
.lista-dia ul{list-style:none;margin:0;padding:0}
.lista-ev{display:grid;grid-template-columns:118px 1fr auto;gap:14px;align-items:center;padding:12px 4px 12px 12px;border-top:1px solid var(--bd);border-left:4px solid var(--cor);margin-left:-4px;text-decoration:none;color:var(--tx);border-radius:4px}
.lista-ev:hover{background:var(--soft)}
.lista-ev .h{font:800 22px "Barlow Condensed",sans-serif}.lista-ev .h i{font-style:normal;opacity:.5;margin:0 3px}
.lista-ev .d b{display:block}.lista-ev .d small{color:var(--mut)}

@media(max-width:860px){
  .vistas button[data-vista="grade"]{display:none}
  .vistas button{padding:8px 14px}
  .legenda .dica{display:none}
  .lista-ev{grid-template-columns:96px 1fr}
  .lista-ev .pill{grid-column:2;justify-self:start}
  .mapa-eixo,.mapa-linha{grid-template-columns:130px minmax(560px,1fr)}
  .resumo a{margin-left:0}
}