/* Modo leve (html[data-leve="1"]): tira o que mais pesa em computador/placa de vídeo antigos. Ver leve.js. */
html[data-leve="1"] *:not([data-sonda]),
html[data-leve="1"] *:not([data-sonda])::before,
html[data-leve="1"] *:not([data-sonda])::after {
  animation: none !important; transition: none !important; scroll-behavior: auto !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  filter: none !important; text-shadow: none !important; will-change: auto !important;
}
html[data-leve="1"] dialog::backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
/* sombras grandes custam muito para pintar; o anel de foco (acessibilidade) continua */
html[data-leve="1"] *:not(:focus):not(:focus-visible):not([data-sonda]) { box-shadow: none !important; }
html[data-leve="1"] dialog, html[data-leve="1"] .menu-contexto, html[data-leve="1"] .un-lista { border: 1px solid rgba(60, 40, 50, .28) !important; }
html[data-leve="1"] .caixa-login, html[data-leve="1"] .shell { border: 1px solid rgba(60, 40, 50, .16) !important; }
/* feedback que precisa continuar visível */
html[data-leve="1"] .status-icone .girando { animation: status-gira 1s linear infinite !important; }
html[data-leve="1"] .botao-ponto--pendente { outline: 3px solid rgba(138, 75, 92, .45); outline-offset: 1px; }
/* fundos translúcidos viram sólidos (sem desfoque por trás eles ficam sujos) */
html[data-leve="1"] .cabecalho-prof { background: #fff !important; }
html[data-leve="1"][data-tema="escuro"] .cabecalho-prof { background: #25262b !important; }

/* botão e menu de desempenho */
.btn-desempenho { cursor: pointer; }
.btn-desempenho[aria-pressed="true"] { color: var(--cor-marca, #8a4b5c); }
.desempenho-menu { position: fixed; z-index: 2000; left: 8px; top: 60px; width: 270px; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(60, 40, 50, .2); background: #fff; color: #3a2a30; font-size: 13px; line-height: 1.45; display: flex; flex-direction: column; gap: 6px; box-shadow: 0 10px 30px rgba(0, 0, 0, .18); }
.desempenho-menu[hidden] { display: none; }
.desempenho-menu label { display: flex; gap: 8px; align-items: center; cursor: pointer; }
.desempenho-menu small { color: #7a6a70; }
html[data-tema="escuro"] .desempenho-menu { background: #2a2c32; color: #eee; border-color: rgba(255, 255, 255, .15); }
html[data-tema="escuro"] .desempenho-menu small { color: #b5b0b4; }