/* =====================================================================
   Metri App 10.0 — visual novo (carregado por último, por cima do 7.1)
   Papel branco, blocos em cinza-névoa, tinta quase preta e um único
   azul de ação. Cor só aparece para certo, errado e pendente.
   Este arquivo só muda aparência: nenhum botão, id ou função muda.
   ===================================================================== */

:root {
  --bq-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "BQ Inter", "Segoe UI", system-ui, sans-serif;
  --bq-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "BQ Inter Display", "BQ Inter", "Segoe UI", system-ui, sans-serif;
  --bq-bg: #FFFFFF;
  --bq-surface: #F5F5F7;
  --bq-sidebar: #F5F5F7;
  --bq-glass: rgba(255, 255, 255, .8);
  --bq-label: #1D1D1F;
  --bq-label-2: #6E6E73;
  --bq-label-3: #86868B;
  --bq-label-4: #AEAEB2;
  --bq-sep: rgba(0, 0, 0, .08);
  --bq-sep-strong: rgba(0, 0, 0, .16);
  --bq-r-control: 12px;
  --bq-r-group: 18px;
  --bq-r-card: 18px;
  --bq-r-sheet: 22px;
  --bq-sidebar-w: 264px;
  --bq-shadow-thumb: 0 1px 3px rgba(0, 0, 0, .12), 0 0 0 .5px rgba(0, 0, 0, .04);
  --bq-shadow-float: 0 0 0 .5px rgba(0, 0, 0, .08), 0 16px 48px rgba(0, 0, 0, .16);
  --bq-shadow-sheet: 0 0 0 .5px rgba(0, 0, 0, .08), 0 24px 64px rgba(0, 0, 0, .2);
  --m-paper: #FFFFFF;
  --m-mist: #F5F5F7;
  --m-num: 300 44px/1 var(--bq-font-display);
}

html.bq-root body { font-size: 15px; }

/* ---------------------------------------------------------------- barra lateral */
html.bq-root .bq-sidebar { padding: 18px 12px 16px; display: flex; flex-direction: column; }
html.bq-root .bq-brand { padding: 2px 8px 14px; gap: 10px; }
html.bq-root .bq-brand-mark { width: 30px; height: 30px; border-radius: 8px; }
html.bq-root .bq-brand-mark .metri-ico { filter: none; }
html.bq-root .bq-brand-name { font-size: 17px; font-weight: 600; letter-spacing: -.015em; }
html.bq-root .bq-brand-sub { font-size: 12px; }
html.bq-root .bq-side-search { margin-bottom: 14px; }
html.bq-root .bq-sidebar .bq-search input { background: rgba(118, 118, 128, .12); font-size: 14px; }
html.bq-root .bq-sidebar .bq-search input:focus { background: var(--m-paper); }
html.bq-root .bq-nav-section { margin: 0 0 14px; }
html.bq-root .bq-nav-title { font-size: 12px; font-weight: 500; color: var(--bq-label-3); padding: 4px 10px 6px; }
html.bq-root .bq-nav-group { background: transparent; padding: 0; border-radius: 0; }
html.bq-root .bq-nav-item { min-height: 36px; padding: 0 10px; gap: 10px; border-radius: 9px; font-size: 14px; font-weight: 500; }
html.bq-root .bq-nav-item + .bq-nav-item::before { display: none; }
html.bq-root .bq-nav-item:hover { background: var(--bq-fill); }
html.bq-root .bq-nav-item.is-active { background: var(--m-paper); color: var(--bq-label); box-shadow: var(--bq-shadow-thumb); }
html.bq-root .bq-nav-item .bq-nav-count { font-size: 12px; color: var(--bq-label-3); }
html.bq-root .bq-nav-item.is-active .bq-nav-count { color: var(--bq-label-3); }
html.bq-root .bq-nav-item .bq-tile { width: 20px; height: 20px; border-radius: 0; background: none !important; color: var(--bq-label-2); }
html.bq-root .bq-nav-item .bq-tile svg { width: 18px; height: 18px; stroke-width: 1.6; }
html.bq-root .bq-nav-item.is-active .bq-tile { color: var(--bq-accent); }
html.bq-root .bq-side-foot { margin-top: auto; padding: 14px 10px 0; font-size: 11.5px; }
html.bq-root .bq8-status { background: var(--m-paper); margin: 0 0 10px; border-radius: 12px; }
html.bq-root .bq8-avatar { background: rgba(118, 118, 128, .2); color: var(--bq-label-2); font-size: 11.5px; width: 30px; height: 30px; }
html.bq-root .bq-nav-item.is-active .bq8-avatar { background: rgba(118, 118, 128, .2); color: var(--bq-label-2); }
html.bq-root .bq8-avatar.is-lg { width: 56px; height: 56px; font-size: 18px; }
html.bq-root .bq8-acc-name { font-size: 14px; font-weight: 600; }
html.bq-root .bq8-acc-plan { font-size: 12px; }

/* ícones neutros no lugar dos quadrados coloridos */
html.bq-root .bq-tile { background: var(--bq-fill) !important; color: var(--bq-label-2) !important; }
html.bq-root .bq-nav-item .bq-tile, html.bq-root .bq-nav-item.is-active .bq-tile { background: none !important; }
html.bq-root .bq-nav-item.is-active .bq-tile { color: var(--bq-accent) !important; }

/* ---------------------------------------------------------------- barra superior e títulos */
html.bq-root .bq-topbar { min-height: 56px; padding: 8px 40px; }
html.bq-root .bq-topbar .bq-btn.is-filled.is-sm { background: var(--bq-fill); color: var(--bq-label); }
html.bq-root .bq-topbar .bq-btn.is-filled.is-sm:hover { background: rgba(118, 118, 128, .2); }
html.bq-root #main-container { max-width: 1260px; padding: 8px 40px 120px; }
@media (max-width: 860px) {
  html.bq-root #main-container { padding: 0 16px 120px; }
  html.bq-root .bq-topbar { padding: 8px 16px; }
  html.bq-root .bq-intro h2, html.bq-root .bq-largetitle, html.bq-root .bqs-title { font-size: 32px !important; }
  html.bq-root .bq-intro h2 + p, html.bq-root .bq-intro .bq-intro-sub, html.bq-root .bq-subtitle, html.bq-root .bqs-sub { font-size: 16px !important; }
}
html.bq-root .bq-intro { margin-bottom: 14px; }
html.bq-root .bq-intro h2, html.bq-root .bq-largetitle {
  font-size: 40px !important; line-height: 1.08 !important; font-weight: 600 !important; letter-spacing: -.028em !important;
}
html.bq-root .bq-intro h2 + p, html.bq-root .bq-intro .bq-intro-sub, html.bq-root .bq-subtitle { font-size: 17px !important; line-height: 1.4 !important; margin-top: 8px !important; max-width: 62ch; }
html.bq-root .bq-title2 { font-weight: 600; font-size: 24px; letter-spacing: -.018em; }
html.bq-root #main-container h3:not(.a4-sheet *) { letter-spacing: -.012em; }

/* ---------------------------------------------------------------- botões */
html.bq-root .bq-btn { height: 36px; font-size: 14px; font-weight: 500; }
html.bq-root .bq-btn.is-sm { height: 30px; font-size: 13px; }
html.bq-root .bq-btn.is-lg { height: 48px; font-size: 16px; padding: 0 24px; }
html.bq-root .bq-btn.is-icon { width: 36px; }
html.bq-root .bq-btn.is-icon.is-sm { width: 30px; }
html.bq-root .bq-btn.bq-btn-block { border-radius: 980px; min-height: 40px; font-size: 14px; }
html.bq-root .bq-btn.bq-btn-block.is-lg { height: 48px; font-size: 16px; }
html.bq-root .bq-menu { background: rgba(255, 255, 255, .92); border-radius: 14px; box-shadow: var(--bq-shadow-float); }
html.bq-root .bq-menu button:hover, html.bq-root .bq-menu button:focus-visible { background: var(--bq-fill); color: var(--bq-label); }

/* ---------------------------------------------------------------- controles */
html.bq-root .bq-seg { border-radius: 10px; }
html.bq-root .bq-seg button { min-height: 30px; font-size: 13px; border-radius: 8px; }
html.bq-root .bq-seg button + button::before { display: none; }
html.bq-root .bq-seg-thumb { background: var(--m-paper); border-radius: 8px; }
html.bq-root .bq-seglike > button.bg-teal-800, html.bq-root .bq-seglike > button.bg-teal-700, html.bq-root .bq-seglike > button.bg-slate-900 { background: var(--m-paper) !important; }
html.bq-root .bq-search input { height: 44px; border-radius: 12px; }
html.bq-root .bq-sidebar .bq-search input { height: 36px; border-radius: 10px; }
html.bq-root .bq-search input:focus { background: var(--m-paper); }
html.bq-root .bq-tag { border-radius: 980px; height: 24px; font-size: 12px; }
html.bq-root select:not(.a4-sheet *), html.bq-root input[type="text"]:not(.a4-sheet *), html.bq-root input[type="number"]:not(.a4-sheet *),
html.bq-root input[type="date"]:not(.a4-sheet *), html.bq-root input[type="email"]:not(.a4-sheet *), html.bq-root input[type="password"]:not(.a4-sheet *),
html.bq-root input:not([type]):not(.a4-sheet *), html.bq-root textarea:not(.a4-sheet *) { border-radius: 12px; }

/* ---------------------------------------------------------------- janelas */
html.bq-root .bq-scrim { background: rgba(0, 0, 0, .32); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
html.bq-root .bq-sheet-bar { background: var(--m-paper); min-height: 56px; }
html.bq-root .bq-sheet-title { font-size: 17px; }
html.bq-root .bq-group { border-radius: 14px; }
html.bq-root .fixed.inset-0.backdrop-blur-sm { background-color: rgba(0, 0, 0, .32) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }

/* ---------------------------------------------------------------- Início */
html.bq-root #view-dashboard .bq-intro .bq-btn.is-filled { background: var(--bq-fill); color: var(--bq-label); }
html.bq-root .bq82-home { gap: 20px; }
html.bq-root .bq82-stats { gap: 0; background: none; border-radius: 0; overflow: visible; border-top: 1px solid var(--bq-sep); border-bottom: 1px solid var(--bq-sep); margin-bottom: 8px; }
html.bq-root .bq82-stat { background: transparent; padding: 22px 24px 20px; border-left: 1px solid var(--bq-sep); border-radius: 0; }
html.bq-root .bq82-stat:first-child { border-left: 0; padding-left: 0; }
html.bq-root .bq82-stat:hover { background: transparent; }
html.bq-root .bq82-stat:hover b { color: var(--bq-accent-text); }
html.bq-root .bq82-stat b { font: var(--m-num); letter-spacing: -.035em; transition: color .15s; }
html.bq-root .bq82-stat span { font-size: 13px; margin-top: 8px; }
html.bq-root .bq82-card { border-radius: 22px; padding: 26px 28px !important; }
html.bq-root .bq82-card h3 { font-family: var(--bq-font-display); font-size: 24px; font-weight: 600; letter-spacing: -.018em; }
html.bq-root .bq82-card .bq82-sub { font-size: 15px; margin: 6px 0 18px; }
html.bq-root .bq82-field { margin-bottom: 16px; }
html.bq-root .bq82-field > label { font-size: 13px; }
html.bq-root .bq82-seg button { font-size: 13px; padding: 7px 4px; }
html.bq-root .bq82-seg button.is-on { box-shadow: var(--bq-shadow-thumb); }
html.bq-root .bq82-bim { background: var(--m-paper); border-radius: 14px; padding: 14px; }
html.bq-root .bq82-bim:hover { background: var(--m-paper); box-shadow: inset 0 0 0 1px var(--bq-sep-strong); }
html.bq-root .bq82-bim b { font: 300 28px/1.1 var(--bq-font-display); letter-spacing: -.03em; }
html.bq-root .bq86-card .bq-btn.is-filled { background: rgba(118, 118, 128, .16); color: var(--bq-label); }
html.bq-root .bq86-dchip { background: rgba(118, 118, 128, .14); }
html.bq-root .bq86-dchip b { color: var(--bq-label); font-weight: 600; }
html.bq-root .bq8-trial, html.bq-root .bq8-cloudcard { border-radius: 16px; }
@media (max-width: 860px) {
  html.bq-root .bq82-stat, html.bq-root .bq82-stat:first-child { padding: 16px 0; border-left: 0; }
  html.bq-root .bq82-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.bq-root .bq82-stat:nth-child(n+3) { border-top: 1px solid var(--bq-sep); }
  html.bq-root .bq82-stat b { font-size: 36px; }
  html.bq-root .bq82-card { padding: 22px 20px !important; border-radius: 20px; }
}

/* ---------------------------------------------------------------- Banco de questões */
html.bq-root .bq-bank-split { grid-template-columns: minmax(0, 1fr); gap: 14px; }
html.bq-root .bq-bank-results { order: -1; display: contents; }
html.bq-root .bq-bank-toolbar { order: 1; margin: 0; }
html.bq-root .bq-bank-filters { order: 2; position: static; max-height: none; overflow: visible; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html.bq-root .bq-bank-meta { order: 3; margin: 0; }
html.bq-root #bank-questions-list { order: 4; gap: 12px; }
html.bq-root .bq-bank-toolbar #filter-search { height: 44px; border-radius: 12px !important; }
html.bq-root .bq-fgroup { display: contents; }
html.bq-root .bq-fgroup > div { position: static; display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; min-height: 32px; padding: 0 4px 0 14px !important; border: 1px solid var(--bq-sep-strong); border-radius: 980px; background: var(--m-paper); }
html.bq-root .bq-fgroup > div.hidden { display: none; }
html.bq-root .bq-fgroup > div + div::before { display: none; }
html.bq-root .bq-fgroup label { display: inline !important; margin: 0 !important; font-size: 13px !important; color: var(--bq-label-2) !important; white-space: nowrap; }
html.bq-root .bq-fgroup select { width: auto; max-width: 220px; min-height: 30px; padding: 0 24px 0 0 !important; font-size: 13px !important; font-weight: 600 !important; color: var(--bq-label) !important; background-position: right 8px center !important; }
html.bq-root .bq-fgroup #filter-fonte-externa { margin: 0 !important; padding: 0 24px 0 8px !important; background-color: var(--bq-fill) !important; border-radius: 980px !important; }
html.bq-root .bq-bank-filters:not(.is-open) .bq-fgroup > div:not(:has(#filter-disciplina, #filter-serie, #filter-bimestre, #filter-dificuldade)) { display: none; }
html.bq-root .bq-bank-filters-head { order: 9; padding: 0; gap: 0; }
html.bq-root .bq-bank-filters-head > span:first-child { display: none; }
html.bq-root .bq-filters-toggle { display: inline-flex !important; }
html.bq-root .bq-token { height: 26px; }
html.bq-root .bq-q { background: var(--m-paper); border: 1px solid var(--bq-sep); border-radius: 18px; padding: 22px 24px 12px !important; transition: border-color .15s, background-color .15s; }
html.bq-root .bq-q.is-picked { box-shadow: none; border-color: rgba(0, 113, 227, .5); background: rgba(0, 113, 227, .035); }
html.bq-root .bq-q-text { font-size: 17px; line-height: 1.45; font-weight: 500; letter-spacing: -.008em; max-width: 72ch; }
html.bq-root .bq-q-context { font-size: 15px; line-height: 1.55; color: var(--bq-label-2); background: var(--m-mist); border-radius: 12px; padding: 12px 14px; max-width: 76ch; }
html.bq-root .bq-q-opts li > b { background: transparent; border: 1px solid var(--bq-sep-strong); font-size: 11px; }
html.bq-root .bq-q-opts li.is-correct > b { border-color: var(--bq-green-text); background: var(--bq-green-text); }
html.bq-root .bq-q-foot { border-top: 1px solid var(--bq-sep); margin: 12px -24px 0 !important; padding: 10px 16px 0 !important; }
html.bq-root .bq-q-foot .bq-btn.is-filled { background: var(--bq-fill); color: var(--bq-label); }
html.bq-root .bq-q-foot .bq-btn.is-filled:hover { background: rgba(118, 118, 128, .2); }
html.bq-root .bq-q-ae { background: rgba(118, 118, 128, .12); color: var(--bq-label); font-size: 12.5px; }
html.bq-root .bq-q-ae:hover { background: rgba(118, 118, 128, .2); }
html.bq-root .bq-q-res { border-radius: 12px; }
html.bq-root .bq-floatbar { background: rgba(255, 255, 255, .84); bottom: 24px; }
html.bq-root .bq-mix { width: 84px; background: none; }
html.bq-root .bq-mix span { border-radius: 3px; }
html.bq-root .bq-mix .is-easy { background: #C7C7CC; }
html.bq-root .bq-mix .is-mid { background: #6E6E73; }
html.bq-root .bq-mix .is-hard { background: #1D1D1F; }
@media (max-width: 860px) {
  html.bq-root .bq-bank-filters:not(.is-open) .bq-fgroup { display: contents; }
  html.bq-root .bq-q { padding: 18px 16px 10px !important; }
  html.bq-root .bq-q-foot { margin: 10px -16px 0 !important; padding: 10px 10px 0 !important; }
  html.bq-root .bq-fgroup select { max-width: 150px; }
}

/* ---------------------------------------------------------------- telas antigas: formulários e botões no mesmo padrão */
html.bq-root :is(#main-container, .fixed.inset-0) label.block:not(.a4-sheet *) { font-size: 13px !important; font-weight: 400 !important; color: var(--bq-label-2) !important; margin-bottom: 6px !important; text-transform: none !important; }
html.bq-root :is(#main-container, .fixed.inset-0) :is(select, input[type="text"], input[type="number"], input[type="date"], input[type="email"], input[type="password"], input[type="search"], input:not([type]), textarea):not(.a4-sheet *):not(#filter-search):not(.bq-fgroup *):not(.bq-row-input):not(.bq86-step *):not(.bq82-prova *) {
  border: 1px solid var(--bq-sep-strong) !important; background-color: var(--m-paper) !important; color: var(--bq-label) !important;
  font-weight: 400 !important; font-size: 14px !important; border-radius: 12px !important;
}
html.bq-root :is(#main-container, .fixed.inset-0) :is(select, input[type="text"], input[type="number"], input[type="date"], input:not([type])):not(.a4-sheet *):not(#filter-search):not(.bq-fgroup *):not(.bq-row-input):not(.bq86-step *) { min-height: 40px; }
html.bq-root #main-container :is(.font-black, .font-extrabold, .font-bold):not(.a4-sheet *):not(.a4-sheet) { font-weight: 600 !important; }
html.bq-root #main-container button:is(.rounded-xl, .rounded-lg, .rounded-2xl):not(.a4-sheet *):not([class*="bq"]) { border-radius: 980px !important; font-weight: 500 !important; box-shadow: none !important; }
html.bq-root #main-container button:is(.bg-amber-400, .bg-amber-500, .bg-yellow-400, .bg-indigo-600, .bg-indigo-700, .bg-purple-700, .bg-purple-800, .bg-indigo-50, .bg-emerald-50, .bg-slate-100, .bg-amber-100, .bg-indigo-100):not(.a4-sheet *) {
  background-color: var(--bq-fill) !important; color: var(--bq-label) !important; border-color: transparent !important;
}
html.bq-root #main-container button:is(.bg-rose-600, .bg-rose-50, .bg-rose-100, .bg-red-600):not(.a4-sheet *) { background-color: transparent !important; color: var(--bq-red-text) !important; border-color: transparent !important; }
html.bq-root #main-container button:is(.bg-rose-600, .bg-rose-50, .bg-rose-100, .bg-red-600):not(.a4-sheet *):hover { background-color: var(--bq-red-tint) !important; }
html.bq-root #main-container button.text-teal-700.hover\:underline, html.bq-root #main-container button.text-teal-800.hover\:underline { color: var(--bq-accent-text) !important; font-weight: 500 !important; }
html.bq-root #main-container .border-b.border-slate-100 { border-bottom-color: transparent !important; padding-bottom: 0 !important; }
html.bq-root #main-container h3.text-sm:not(.a4-sheet *) { font-size: 17px !important; line-height: 1.3 !important; font-weight: 600 !important; letter-spacing: -.01em !important; color: var(--bq-label) !important; }
html.bq-root #main-container :is(h3, h2).text-base:not(.a4-sheet *) { font-size: 20px !important; line-height: 1.25 !important; font-weight: 600 !important; letter-spacing: -.015em !important; color: var(--bq-label) !important; }
html.bq-root #main-container p.text-\[11px\].text-slate-400, html.bq-root #main-container p.text-\[11px\].font-semibold { font-size: 12px !important; font-weight: 400 !important; color: var(--bq-label-3) !important; }
html.bq-root body label:has(> input.bq-switchbox):not(.a4-sheet *) { font-size: 15px !important; font-weight: 400 !important; padding: 12px 0 !important; }
html.bq-root #main-container label:has(> input.bq-switchbox) { font-size: 15px !important; font-weight: 400 !important; }

/* ---------------------------------------------------------------- Montar prova */
html.bq-root #bq82-prova { background: none; padding: 0 !important; border-radius: 0; gap: 16px; }
html.bq-root #bq82-prova .bq82-head h3 { font-size: 20px; }
html.bq-root .bq82-prova input { height: 44px; border: 1px solid var(--bq-sep-strong); border-radius: 12px; padding: 0 14px; font-size: 15px !important; }
html.bq-root .bq82-prova label { font-size: 13px; color: var(--bq-label-2); display: block; margin-bottom: 6px; }
html.bq-root #builder-count-pill, html.bq-root #sim-selected-badge { background: var(--bq-fill) !important; color: var(--bq-label-2) !important; border: 0 !important; font-weight: 500 !important; font-size: 12px !important; padding: 4px 10px !important; }
html.bq-root .bq82-iconbtn { width: 36px; height: 36px; }
html.bq-root .bq82-actions { gap: 10px; }
html.bq-root .bq82-actions > .bq-btn.bq82-wide { height: 48px; font-size: 16px; }
html.bq-root .bq82-actions > .bq-btn.is-tinted { background: var(--bq-fill); color: var(--bq-label); }
html.bq-root .bq82-actions > .bq-btn.is-tinted:hover { background: rgba(118, 118, 128, .2); }
html.bq-root .bq82-actions > div.bq82-wide { display: flex !important; flex-direction: column; gap: 0 !important; margin-top: 14px; }
html.bq-root .bq82-actions > div.bq82-wide { flex-wrap: nowrap !important; }
html.bq-root .bq82-actions > div.bq82-wide > .bq-btn { flex: none !important; width: 100%; height: 44px; justify-content: space-between; padding: 0; border-radius: 0; border-top: 1px solid var(--bq-sep); background: none; color: var(--bq-label); font-size: 14px; font-weight: 400; }
html.bq-root .bq82-actions > div.bq82-wide > .bq-btn:first-child { border-top: 0; }
html.bq-root .bq82-actions > div.bq82-wide > .bq-btn:hover { color: var(--bq-accent-text); background: none; }
html.bq-root .bq82-actions > div.bq82-wide > .bq-btn::after { content: ""; width: 7px; height: 7px; border-right: 1.6px solid var(--bq-label-3); border-top: 1.6px solid var(--bq-label-3); transform: rotate(45deg); margin-right: 4px; flex: none; }
html.bq-root #view-builder .bq82-noweights, html.bq-root #view-builder #builder-grid > div:first-child > .bg-white.rounded-2xl { padding: 8px 0 0 !important; background: none !important; }
html.bq-root #builder-order-list { max-height: 460px; }
html.bq-root #builder-order-list > div { background: none !important; border: 0 !important; border-top: 1px solid var(--bq-sep) !important; border-radius: 0 !important; padding: 9px 0 !important; font-size: 14px !important; }
html.bq-root #builder-order-list > div:first-child { border-top: 0 !important; }
html.bq-root #builder-order-list span.w-6.h-6 { background: none !important; color: var(--bq-label-3) !important; font-weight: 400 !important; font-size: 13px; width: 22px; justify-content: flex-start; }
html.bq-root #builder-order-list .text-teal-800 { color: var(--bq-label-3) !important; font-weight: 400 !important; font-size: 12px; }
html.bq-root #builder-order-list .text-slate-700 { color: var(--bq-label) !important; }
html.bq-root #builder-order-list button { color: var(--bq-label-2); border-radius: 8px !important; }
html.bq-root #builder-order-list button.text-rose-600 { color: var(--bq-label-2) !important; }
html.bq-root #builder-order-list button.text-rose-600:hover { color: var(--bq-red-text) !important; }
html.bq-root #builder-order-list button.bg-slate-200 { background: var(--bq-fill) !important; color: var(--bq-label-2) !important; font-weight: 500 !important; }
html.bq-root .bq26-swap { color: var(--bq-label-2); }
@media screen {
  html.bq-root #print-preview-wrapper { background: var(--m-mist); border-radius: 10px; box-shadow: 0 0 0 18px var(--m-mist); margin: 18px 0; }
  html.bq-root #print-preview-wrapper .a4-sheet { border: 0 !important; border-radius: 3px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 14px 36px rgba(0, 0, 0, .1) !important; }
}
@media print { html.bq-root #print-preview-wrapper { background: none; box-shadow: none; margin: 0; } }
html.bq-root .bq82-preview-bar { background: var(--m-paper); }

/* ---------------------------------------------------------------- Simulado digital */
html.bq-root #view-simulado > .grid > .lg\:col-span-7 { background: none !important; padding: 0 !important; }
html.bq-root #view-simulado > .grid > .lg\:col-span-5 > .bg-white { background: var(--m-mist) !important; border-radius: 22px !important; padding: 24px 26px !important; }
html.bq-root #view-simulado .space-y-4.text-xs { font-size: 14px !important; font-weight: 400 !important; }
html.bq-root #view-simulado :is(select, input):not(.bq-switchbox) { min-height: 44px; font-size: 15px !important; padding-left: 14px !important; }
html.bq-root #view-simulado .p-4.bg-slate-50.rounded-2xl { background: none !important; border: 0 !important; padding: 0 !important; border-top: 1px solid var(--bq-sep) !important; border-bottom: 1px solid var(--bq-sep) !important; border-radius: 0 !important; }
html.bq-root #btn-publish-sim-tab { height: 48px; padding: 0 24px !important; font-size: 16px !important; }
html.bq-root #main-container #view-simulado button[onclick="startDirectBrowserSimulado()"]:not(.a4-sheet *) { height: 48px; padding: 0 16px !important; font-size: 16px !important; background-color: transparent !important; color: var(--bq-accent-text) !important; }
html.bq-root #main-container #view-simulado button[onclick="startDirectBrowserSimulado()"]:not(.a4-sheet *):hover { background-color: var(--bq-accent-tint) !important; }
html.bq-root #sim-autosync-status { background: none !important; border: 0 !important; padding: 0 !important; color: var(--bq-label-2) !important; font-weight: 400 !important; font-size: 14px !important; line-height: 1.45 !important; }
html.bq-root #view-simulado p.uppercase { font-size: 13px !important; color: var(--bq-label-2) !important; font-weight: 400 !important; }
html.bq-root #sim-rooms-list > div, html.bq-root #sim-rooms-list > label { background: var(--m-paper) !important; border: 0 !important; border-radius: 14px !important; }
html.bq-root #view-simulado .bg-teal-900.rounded-3xl { background: none !important; color: var(--bq-label) !important; box-shadow: none !important; padding: 4px 26px !important; }
html.bq-root #view-simulado .bg-teal-900.rounded-3xl h4 { color: var(--bq-label) !important; font-size: 17px !important; font-weight: 600 !important; }
html.bq-root #view-simulado .bg-teal-900.rounded-3xl li { color: var(--bq-label-2) !important; font-size: 14px !important; line-height: 1.45 !important; }
html.bq-root #view-simulado .bg-teal-900.rounded-3xl li strong { color: var(--bq-label) !important; font-weight: 600 !important; }
html.bq-root #view-simulado .bg-teal-900.rounded-3xl li > span:first-child { color: var(--bq-label-4) !important; }
html.bq-root #view-simulado details summary { font-weight: 400 !important; color: var(--bq-label-2) !important; font-size: 13px !important; }

/* ---------------------------------------------------------------- Corrigir provas */
html.bq-root .bq85-ecard { box-shadow: none; border-radius: 18px; padding: 22px 24px; }
html.bq-root .bq85-ecard:hover { box-shadow: inset 0 0 0 1px var(--bq-sep-strong); }
html.bq-root .bq85-ecard .bq85-etag { background: var(--bq-fill); color: var(--bq-label-2); border-radius: 980px; padding: 3px 10px; }
html.bq-root .bq85-eprog i { background: rgba(118, 118, 128, .2); }
html.bq-root #view-grading .bq85-gleft, html.bq-root #view-grading .bq85-gright { background: none !important; padding: 0 !important; }
html.bq-root #central-grd-student { min-height: 44px; font-size: 15px !important; }
html.bq-root #grader-fast-nav-bar > div { background: none !important; border: 0 !important; padding: 0 !important; font-size: 13px; color: var(--bq-label-2); }
html.bq-root #grader-fast-nav-bar > div * { color: var(--bq-label-2) !important; font-weight: 400 !important; }
html.bq-root #grader-fast-nav-bar button { background: transparent !important; color: var(--bq-accent-text) !important; font-weight: 500 !important; padding: 4px 8px !important; }
html.bq-root #view-grading div:has(> #cgrd-ver-A) { background: var(--bq-fill); padding: 2px; border-radius: 10px; gap: 0 !important; }
html.bq-root #view-grading div:has(> #cgrd-ver-A) > button { border: 0 !important; background: transparent !important; color: var(--bq-label) !important; border-radius: 8px !important; height: 30px; padding: 0 !important; font-size: 13px !important; }
html.bq-root #view-grading div:has(> #cgrd-ver-A) > button.bg-teal-700 { background: var(--m-paper) !important; box-shadow: var(--bq-shadow-thumb) !important; font-weight: 600 !important; }
html.bq-root .bq85-more { border-radius: 14px; background: var(--m-mist); }
html.bq-root #central-grd-summary-box { background: none !important; padding: 8px 0 0 !important; }
html.bq-root #central-grd-summary-box .text-3xl { font: 300 56px/1 var(--bq-font-display) !important; letter-spacing: -.04em !important; margin-top: 6px !important; }
html.bq-root #central-grd-summary-box .text-3xl span, html.bq-root #central-grd-summary-box .text-3xl small { font-size: 20px !important; letter-spacing: 0 !important; color: var(--bq-label-3) !important; font-weight: 400 !important; }
html.bq-root #central-grd-summary-box span.rounded-full { background: var(--bq-green-tint) !important; color: var(--bq-green-text) !important; font-weight: 500 !important; }
html.bq-root #central-grd-summary-box span.rounded-full:is(.bg-amber-400, .bg-amber-500, .bg-yellow-400) { background: var(--bq-orange-tint) !important; color: #9A5B00 !important; }
html.bq-root #central-grd-summary-box .grid > div { background: none !important; border-top: 1px solid var(--bq-sep) !important; border-bottom: 1px solid var(--bq-sep) !important; border-left: 1px solid var(--bq-sep) !important; border-radius: 0 !important; padding: 14px 16px !important; text-align: left !important; font-size: 12px !important; }
html.bq-root #central-grd-summary-box .grid > div:first-child { border-left: 0 !important; padding-left: 0 !important; }
html.bq-root #central-grd-summary-box .grid { gap: 0 !important; }
html.bq-root #central-grd-summary-box .grid > div > span { font: 400 22px/1.1 var(--bq-font-display) !important; margin-bottom: 2px; }
html.bq-root #central-grd-summary-box > div[class*="bg-rose-950"] { background: var(--bq-red-tint) !important; border: 0 !important; border-radius: 12px !important; padding: 12px 14px !important; }
html.bq-root #central-grd-summary-box > div[class*="bg-rose-950"] * { color: var(--bq-red-text) !important; font-weight: 500 !important; }
html.bq-root #central-grd-summary-box .bq-btn.is-filled { height: 48px; font-size: 16px; }
html.bq-root #central-grd-summary-box .bq-btn:not(.is-filled) { background: transparent; color: var(--bq-accent-text); }
html.bq-root #grader-right-student-banner { background: var(--m-mist) !important; border-radius: 16px !important; }
html.bq-root #grader-right-student-banner span.bg-teal-500 { background: var(--bq-fill) !important; color: var(--bq-label-2) !important; }
html.bq-root #grader-right-student-banner span.rounded-full { font-weight: 500 !important; }
html.bq-root #central-grd-questions-list { grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; }
html.bq-root #central-grd-questions-list > div { background: none !important; border: 0 !important; border-top: 1px solid var(--bq-sep) !important; border-radius: 0 !important; padding: 12px 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "head acts" "text acts"; column-gap: 20px; row-gap: 2px !important; align-items: center; }
html.bq-root #central-grd-questions-list > div > div:first-child { grid-area: head; justify-content: flex-start !important; }
html.bq-root #central-grd-questions-list > div > p { grid-area: text; font-size: 13px !important; color: var(--bq-label-2) !important; }
html.bq-root #central-grd-questions-list > div > div:last-child { grid-area: acts; border: 0 !important; padding: 0 !important; gap: 14px !important; flex-wrap: nowrap !important; }
html.bq-root #central-grd-questions-list span.bg-slate-900 { background: none !important; color: var(--bq-label) !important; padding: 0 !important; font-size: 14px !important; font-weight: 600 !important; min-width: 34px; }
html.bq-root #central-grd-questions-list span.bg-teal-100 { background: none !important; color: var(--bq-label-2) !important; padding: 0 !important; font-size: 12.5px !important; font-weight: 500 !important; }
html.bq-root #central-grd-questions-list span.text-slate-500 { font-size: 12.5px !important; font-weight: 400 !important; }
html.bq-root #central-grd-questions-list button.rounded-full { width: 34px !important; height: 34px !important; border-width: 1px !important; font-size: 13px !important; font-weight: 600 !important; box-shadow: none !important; }
html.bq-root #central-grd-questions-list button:not(.rounded-full) { background: transparent !important; border: 0 !important; color: var(--bq-accent-text) !important; font-size: 13px !important; font-weight: 500 !important; padding: 4px 6px !important; }
@media (max-width: 700px) {
  html.bq-root #central-grd-questions-list > div { grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "text" "acts"; row-gap: 8px !important; }
  html.bq-root #central-grd-questions-list > div > div:last-child { flex-wrap: wrap !important; }
}

/* ---------------------------------------------------------------- Turma e Alunos */
html.bq-root #view-students .bq-intro .bq-seglike { background: none !important; padding: 0 !important; gap: 4px !important; }
html.bq-root #main-container #view-students .bq-intro .bq-seglike > button:not(.a4-sheet *) { height: 36px; padding: 0 16px !important; border-radius: 980px !important; font-size: 14px !important; font-weight: 500 !important; background: transparent !important; color: var(--bq-label-2) !important; box-shadow: none !important; border: 0 !important; }
html.bq-root #main-container #view-students .bq-intro .bq-seglike > button:is(.bg-teal-800, .bg-teal-700, .bg-slate-900):not(.a4-sheet *) { background: var(--bq-fill) !important; color: var(--bq-label) !important; font-weight: 600 !important; }
html.bq-root #main-container #view-students .bq-intro .bq-seglike > button:is(#stu-mode-btn-manage, #bq88-stu-btn):not(.a4-sheet *) { background: var(--bq-fill) !important; color: var(--bq-label) !important; }
html.bq-root #view-students .bq-intro .bq-seglike > #stu-mode-btn-manage { margin-left: 12px; }
html.bq-root #view-students .bg-white.rounded-2xl:not(.bq85-box):not(.bq84-stats > div):not(.bq84-profile-stats > div) { background: none !important; padding-left: 0 !important; padding-right: 0 !important; }
html.bq-root .bq85-box { border-radius: 22px; padding: 26px 28px; }
html.bq-root .bq85-head h3 { font-family: var(--bq-font-display); font-size: 20px; font-weight: 600; letter-spacing: -.015em; }
html.bq-root .bq85-tcard { background: var(--m-mist); border-radius: 16px; }
html.bq-root .bq85-box .bq85-tcard { background: var(--m-paper); }
html.bq-root .bq85-tcard:hover { background: #ECECF0; }
html.bq-root .bq85-box .bq85-tcard:hover { background: var(--m-paper); box-shadow: inset 0 0 0 1px var(--bq-sep-strong); }
html.bq-root .bq85-tcard.is-on { background: rgba(0, 113, 227, .06); border-color: rgba(0, 113, 227, .5); }
html.bq-root .bq85-tcard-ico { box-shadow: none; background: var(--m-paper); color: var(--bq-label-2); border-radius: 10px; }
html.bq-root .bq85-box .bq85-tcard-ico { background: var(--m-mist); }
html.bq-root .bq85-tcard.is-on .bq85-tcard-ico { background: var(--bq-accent); color: #fff; }
html.bq-root .bq85-link { color: var(--bq-accent-text); font-weight: 500; }
html.bq-root .bq85-chip { font-weight: 500; }
html.bq-root .bq84-stats { gap: 0 !important; background: none; border-radius: 0; overflow: visible; border-top: 1px solid var(--bq-sep); border-bottom: 1px solid var(--bq-sep); }
html.bq-root #view-students .bq84-stats > div { background: none !important; padding: 22px 24px 20px !important; border-left: 1px solid var(--bq-sep) !important; display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 8px; }
html.bq-root #view-students .bq84-stats > div:first-child { border-left: 0 !important; padding-left: 0 !important; }
html.bq-root .bq84-stats > div > span { font-size: 13px !important; font-weight: 400 !important; }
html.bq-root #main-container .bq84-stats > div > p { margin: 0 !important; font: 400 22px/1.2 var(--bq-font-display) !important; letter-spacing: -.02em; }
html.bq-root #main-container .bq84-stats > div > p.text-3xl { font: var(--m-num) !important; letter-spacing: -.035em; }
html.bq-root #main-container .bq84-stats > div > p.text-3xl span { font-size: 18px !important; color: var(--bq-label-3) !important; font-weight: 400 !important; letter-spacing: 0; }
html.bq-root .bq84-toggle { font-weight: 500; font-size: 13px; height: 30px; padding: 0 12px; }
html.bq-root .bq84-toggle[aria-pressed="true"] { background: var(--bq-label); color: var(--m-paper); }
html.bq-root #view-students .p-3.rounded-xl.bg-slate-50.border { background: none !important; border: 0 !important; padding: 0 !important; }
html.bq-root #view-students .overflow-x-auto.border { border: 0 !important; border-radius: 0 !important; }
html.bq-root #main-container thead tr:is(.bg-slate-900, .bg-slate-800, .bg-teal-900, .bg-slate-100, .bg-slate-50) { background: var(--m-paper) !important; }
html.bq-root #main-container thead tr th:not(.a4-sheet *) { background: var(--m-paper) !important; color: var(--bq-label-3) !important; font-size: 12px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; border-bottom: 1px solid var(--bq-sep) !important; }
html.bq-root #main-container tbody td:not(.a4-sheet *) { border-color: var(--bq-sep) !important; font-size: 14px; }
html.bq-root #main-container tbody tr:hover > td { background-color: transparent; }
html.bq-root #view-students .bq84-skillgrid > div { background: var(--m-mist) !important; border: 0 !important; border-radius: 16px !important; padding: 16px 18px !important; }
html.bq-root #main-container #view-students .bq84-skills button.bg-teal-800:not(.a4-sheet *) { background: var(--bq-fill) !important; color: var(--bq-label) !important; height: 36px; padding: 0 16px !important; font-size: 14px !important; }
html.bq-root .bq84-profile-stats { background: none !important; border-radius: 0 !important; overflow: visible; border-top: 1px solid var(--bq-sep) !important; border-bottom: 1px solid var(--bq-sep) !important; gap: 0 !important; }
html.bq-root #main-container .bq84-profile-stats > div { background: none !important; padding: 20px 24px !important; border-left: 1px solid var(--bq-sep) !important; }
html.bq-root #main-container .bq84-profile-stats > div:first-child { border-left: 0 !important; padding-left: 0 !important; }
html.bq-root #main-container #view-students .bq84-profile-stats > div:not(.a4-sheet *):not(#builder-order-list > div):not(#stu-sidebar-list > div) { background-color: transparent !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-radius: 0 !important; }
html.bq-root #main-container #view-students .bq84-profile-stats > div > p:not(:first-child) { margin-top: 8px !important; }
/* 10.2.1: os números ficam afastados da linha divisória em qualquer largura */
html.bq-root #main-container #view-students .bq84-stats > div:not(:first-child):not(.a4-sheet *) { padding-left: 28px !important; }
html.bq-root #main-container #view-students .bq84-stats > div:not(.a4-sheet *) { padding-right: 20px !important; }
@media (max-width: 860px) {
  html.bq-root #main-container #view-students .bq84-stats > div:not(:first-child):not(.a4-sheet *) { padding-left: 0 !important; }
  html.bq-root #main-container #view-students .bq84-stats > div:not(.a4-sheet *) { padding-right: 12px !important; }
  html.bq-root #main-container .bq84-profile-stats > div { padding: 14px 12px 14px 0 !important; border-left: 0 !important; }
}
html.bq-root #main-container .bq84-profile-stats p:is(.text-3xl, .text-2xl, .text-xl) { font: 300 32px/1.1 var(--bq-font-display) !important; letter-spacing: -.03em; }
html.bq-root .bq84-tabs button.is-on, html.bq-root .bq85-sp-seg input:checked + span { box-shadow: var(--bq-shadow-thumb); }
html.bq-root .bq85-grade { border-radius: 980px; font-weight: 600; }
@media (max-width: 860px) {
  html.bq-root #view-students .bq84-stats > div, html.bq-root #view-students .bq84-stats > div:first-child { padding: 16px 0 !important; border-left: 0 !important; }
  html.bq-root #view-students .bq84-stats > div:nth-child(n+3) { border-top: 1px solid var(--bq-sep) !important; }
  html.bq-root #view-students .bq-intro .bq-seglike > #stu-mode-btn-manage { margin-left: 0; }
}

html.bq-root #main-container .bq84-stats > div > p:not(.text-3xl) { font: 500 17px/1.35 var(--bq-font) !important; letter-spacing: -.01em; }
html.bq-root #view-students .bq84-stats > div { min-width: 0; }
html.bq-root #view-students table .text-teal-900, html.bq-root #view-students table .text-teal-800, html.bq-root #view-students table button { color: var(--bq-label) !important; font-weight: 500 !important; }
html.bq-root #stu-sidebar-list > div { border: 0 !important; border-radius: 10px !important; padding: 8px 10px !important; background: none !important; box-shadow: none !important; }
html.bq-root #stu-sidebar-list > div:hover { background: var(--bq-fill) !important; }
html.bq-root #stu-sidebar-list > div:is([class*="bg-teal-"], [class*="border-teal-"], [class*="ring-"]) { background: var(--m-mist) !important; }
html.bq-root #stu-sidebar-list { gap: 2px; }
html.bq-root #stu-sidebar-list > div + div { margin-top: 2px !important; }
html.bq-root #stu-sidebar-list span.text-xs { font-size: 14px !important; font-weight: 500 !important; }
html.bq-root #main-container .bq84-profile-stats p:is(.text-3xl, .text-2xl, .text-xl) { font-size: 26px !important; white-space: nowrap; }
html.bq-root #main-container .bq84-profile-stats > div > :first-child { color: var(--bq-label-2) !important; font-weight: 400 !important; }

/* caixas e etiquetas coloridas das telas antigas ficam neutras; verde e vermelho continuam para certo e errado */
html.bq-root #main-container div:is([class*="bg-blue-50"], [class*="bg-teal-50"], [class*="bg-indigo-50"], [class*="bg-purple-50"], [class*="bg-slate-50"], [class*="bg-sky-50"], [class*="bg-cyan-50"]):not(.a4-sheet *):not(#builder-order-list > div):not(#stu-sidebar-list > div) { background-color: var(--m-mist) !important; border-color: transparent !important; }
html.bq-root #main-container span:is(.rounded, .rounded-md, .rounded-lg, .rounded-full):is([class*="bg-teal-"], [class*="bg-blue-"], [class*="bg-indigo-"], [class*="bg-purple-"], [class*="bg-slate-9"], [class*="bg-slate-8"], [class*="bg-slate-2"], [class*="bg-slate-1"], [class*="bg-sky-"]):not(.a4-sheet *) { background-color: var(--bq-fill) !important; color: var(--bq-label-2) !important; border-color: transparent !important; font-weight: 500 !important; }
html.bq-root #main-container :is(.text-teal-700, .text-teal-800, .text-teal-900, .text-blue-700, .text-blue-800, .text-blue-900, .text-indigo-700, .text-indigo-800, .text-indigo-900, .text-purple-700, .text-purple-800, .text-purple-900):not(button):not(a):not(.a4-sheet *):not(span.rounded):not(span.rounded-full) { color: var(--bq-label) !important; }

/* ---------------------------------------------------------------- Notas, participação e sorteio */
html.bq-root .bq85-box:has(.bqn-bar) { background: none; padding: 0; border-radius: 0; }
html.bq-root .bqn-views button.is-on { background: var(--m-paper); color: var(--bq-label); box-shadow: var(--bq-shadow-thumb); }
html.bq-root .bqn-board-head { margin: 18px 0 14px; }
html.bq-root .bqn-board-head h3 { font-family: var(--bq-font-display); font-size: 24px; font-weight: 600; letter-spacing: -.018em; }
html.bq-root .bqn-sum { background: none; color: var(--bq-label-2); font-weight: 400; padding: 0 0 0 8px; font-size: 13px; }
html.bq-root .bqn-sum b { font: 300 36px/1 var(--bq-font-display); letter-spacing: -.03em; color: var(--bq-label); }
html.bq-root .bqn-card { background: var(--m-mist); border: 0; border-radius: 18px; }
html.bq-root .bqn-card-name { font-weight: 500; color: var(--bq-label-2); }
html.bq-root .bqn-score { font-family: var(--bq-font-display); font-weight: 300; letter-spacing: -.03em; color: var(--bq-label); }
html.bq-root .bqn-score.is-pos { color: var(--bq-green-text); }
html.bq-root .bqn-score.is-neg { color: var(--bq-red-text); }
html.bq-root .bqn-pm { border-radius: 50%; background: var(--m-paper); box-shadow: inset 0 0 0 1px var(--bq-sep); font-weight: 400; }
html.bq-root .bqn-pm.is-minus { background: var(--m-paper); color: var(--bq-red-text); }
html.bq-root .bqn-pm.is-plus { background: var(--m-paper); color: var(--bq-green-text); }
html.bq-root .bqn-pm:hover { filter: none; box-shadow: inset 0 0 0 1px var(--bq-sep-strong); }
html.bq-root .bqn-wrap { border: 0; border-radius: 0; }
html.bq-root .bqn-table th, html.bq-root .bqn-table td, html.bq-root .bqn-table th.bqn-col-total, html.bq-root .bqn-table td.bqn-total { background: var(--m-paper); }
html.bq-root .bqn-table tbody tr:hover td, html.bq-root .bqn-table tbody tr:hover td.bqn-total { background: var(--m-mist); }
html.bq-root .bqn-total { font-weight: 600; }
html.bq-root .bqn-soma b { font: 400 22px/1 var(--bq-font-display); }
html.bq-root .bqn-list { gap: 0; }
html.bq-root .bqn-row, html.bq-root .bqn-row.is-part { background: none; border: 0; border-top: 1px solid var(--bq-sep); border-radius: 0; padding: 14px 0; }
html.bq-root .bqn-list > .bqn-row:first-child { border-top: 0; }
html.bq-root .bqn-form { background: var(--m-mist); border: 0; border-radius: 18px; padding: 22px 24px; }
html.bq-root .bqn-form h4 { font-size: 17px; font-weight: 600; }
html.bq-root .bqn-fields label, html.bq-root .bqn-row label { font-weight: 400; color: var(--bq-label-2); }
html.bq-root .bqn-fields input, html.bq-root .bqn-fields select, html.bq-root .bqn-in { background: var(--m-paper); border-radius: 10px; }
html.bq-root .bqn-roleta { background: rgba(0, 0, 0, .32); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
html.bq-root .bqn-rol-panel { background: var(--m-paper); border-radius: 22px; padding: 22px 28px 22px; }
html.bq-root .bqn-rol-panel h3 { font-size: 15px; font-weight: 500; color: var(--bq-label-2); margin-bottom: 4px; }
html.bq-root .bqn-rol-acoes .bq-btn { height: 44px; padding: 0 22px; font-size: 15px; }
html.bq-root .bqn-rol-turma { background: var(--m-paper); }

/* ---------------------------------------------------------------- Recomposição */
html.bq-root #view-recomp > .grid > .bg-white { background: none !important; padding: 0 !important; }
html.bq-root #view-recomp div:has(> #rec-target-student), html.bq-root #rec-diagnosis-header > div:first-child { background: var(--bq-fill) !important; border: 0 !important; padding: 2px !important; border-radius: 10px !important; gap: 0 !important; }
html.bq-root #main-container #view-recomp :is(div:has(> #rec-target-student), #rec-diagnosis-header > div:first-child) > button:not(.a4-sheet *) { background: transparent !important; color: var(--bq-label) !important; border-radius: 8px !important; min-height: 30px; padding: 4px 10px !important; font-size: 13px !important; font-weight: 500 !important; }
html.bq-root #main-container #view-recomp :is(div:has(> #rec-target-student), #rec-diagnosis-header > div:first-child) > button:is(.bg-teal-800, .bg-teal-700):not(.a4-sheet *) { background: var(--m-paper) !important; box-shadow: var(--bq-shadow-thumb) !important; font-weight: 600 !important; }
html.bq-root #view-recomp h4 { font-size: 17px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: -.01em !important; }
html.bq-root #view-recomp button[onclick^="generateCustomRecompListNow"] { height: 48px; font-size: 16px !important; }
html.bq-root #rec-aes-checklist > div { border: 0 !important; background: var(--m-mist) !important; border-radius: 14px !important; padding: 14px 16px !important; }
html.bq-root #rec-aes-checklist > div:is([class*="border-teal-"], [class*="bg-teal-"], [class*="ring-"]) { box-shadow: inset 0 0 0 1.5px rgba(0, 113, 227, .5); background: rgba(0, 113, 227, .05) !important; }

/* ---------------------------------------------------------------- Provas salvas, Currículo, Provas em conjunto, Sugestões */
html.bq-root .bq82-exam { border-radius: 18px; padding: 22px 24px; }
html.bq-root .bq82-exam h3 { font-size: 17px; font-weight: 600; }
html.bq-root .bq82-trash { background: transparent; color: var(--bq-label-2); border-radius: 50%; }
html.bq-root .bq82-trash:hover { background: var(--bq-red-tint); color: var(--bq-red-text); }
html.bq-root #view-curriculum .bq-intro > div:last-child { background: none !important; border: 0 !important; padding: 0 !important; text-align: right !important; }
html.bq-root #view-curriculum .bq-intro > div:last-child span:first-child { font-size: 13px !important; font-weight: 400 !important; color: var(--bq-label-2) !important; }
html.bq-root #curriculum-coverage { font: 300 34px/1.15 var(--bq-font-display) !important; letter-spacing: -.03em; color: var(--bq-label) !important; }
html.bq-root #curriculum-grid > div { background: var(--m-mist) !important; border-radius: 18px !important; padding: 22px 24px !important; }
html.bq-root #curriculum-grid > div h3 { font-size: 16px !important; font-weight: 600 !important; line-height: 1.35 !important; }
html.bq-root #curriculum-grid > div p.bg-slate-50 { background: none !important; border: 0 !important; padding: 0 !important; font-size: 13px !important; color: var(--bq-label-2) !important; }
html.bq-root #curriculum-grid > div .border-t { border-top-color: var(--bq-sep) !important; padding-top: 12px !important; margin-top: 12px; }
html.bq-root #main-container #curriculum-grid span.rounded-full:not(.a4-sheet *) { background: var(--m-paper) !important; color: var(--bq-label-2) !important; font-weight: 500 !important; }
html.bq-root #main-container #curriculum-grid button.bg-teal-50:not(.a4-sheet *) { background: var(--m-paper) !important; color: var(--bq-label) !important; }
html.bq-root .bqs-title { font-family: var(--bq-font-display); font-size: 40px; line-height: 1.08; font-weight: 600; letter-spacing: -.028em; }
html.bq-root .bqs-sub { font-size: 17px; line-height: 1.4; color: var(--bq-label-2); margin-top: 8px; }
html.bq-root .bqs-empty { background: var(--m-mist); border-radius: 18px; color: var(--bq-label-2); }
html.bq-root .bqc-tabs button.is-on { background: var(--m-paper); box-shadow: var(--bq-shadow-thumb); }

/* ---------------------------------------------------------------- janelas antigas (nova questão, imprimir, IA, corrigir A B C) */
html.bq-root .fixed.inset-0:not(#projector-modal) button:is(.rounded-xl, .rounded-lg, .rounded-2xl):not(.a4-sheet *):not([class*="bq"]) { border-radius: 980px !important; font-weight: 500 !important; box-shadow: none !important; }
html.bq-root .fixed.inset-0:not(#projector-modal) button:is(.bg-amber-400, .bg-amber-500, .bg-yellow-400, .bg-indigo-600, .bg-indigo-700, .bg-purple-700, .bg-purple-800, .bg-indigo-50, .bg-emerald-50, .bg-slate-100, .bg-slate-200, .bg-amber-100, .bg-indigo-100, .bg-white):not(.a4-sheet *):not(.rounded-full) { background-color: var(--bq-fill) !important; color: var(--bq-label) !important; border-color: transparent !important; }
html.bq-root .fixed.inset-0:not(#projector-modal) button:is(.bg-rose-600, .bg-rose-50, .bg-rose-100, .bg-red-600):not(.a4-sheet *) { background-color: transparent !important; color: var(--bq-red-text) !important; border-color: transparent !important; }
html.bq-root .fixed.inset-0:not(#projector-modal) div:is([class*="bg-blue-50"], [class*="bg-teal-50"], [class*="bg-indigo-50"], [class*="bg-purple-50"], [class*="bg-slate-50"], [class*="bg-sky-50"]):not(.a4-sheet *) { background-color: var(--m-mist) !important; border-color: transparent !important; }
html.bq-root .fixed.inset-0:not(#projector-modal) span:is(.rounded, .rounded-md, .rounded-lg, .rounded-full):is([class*="bg-teal-"], [class*="bg-blue-"], [class*="bg-indigo-"], [class*="bg-purple-"], [class*="bg-slate-9"], [class*="bg-slate-8"], [class*="bg-slate-2"], [class*="bg-slate-1"]):not(.a4-sheet *) { background-color: var(--bq-fill) !important; color: var(--bq-label-2) !important; border-color: transparent !important; font-weight: 500 !important; }
html.bq-root .fixed.inset-0:not(#projector-modal) :is(.font-black, .font-extrabold, .font-bold):not(.a4-sheet *):not(.a4-sheet) { font-weight: 600 !important; }
html.bq-root .fixed.inset-0:not(#projector-modal) :is(h2, h3):not(.a4-sheet *) { font-weight: 600 !important; letter-spacing: -.015em !important; color: var(--bq-label) !important; }
html.bq-root .fixed.inset-0:not(#projector-modal) :is(.text-teal-700, .text-teal-800, .text-teal-900, .text-teal-950, .text-indigo-800, .text-indigo-900, .text-purple-900):not(button):not(a):not(.a4-sheet *):not(span.rounded):not(span.rounded-full) { color: var(--bq-label) !important; }
html.bq-root .fixed.inset-0.backdrop-blur-sm > .bg-white { border-radius: 22px !important; }
html.bq-root .fixed.inset-0:not(#projector-modal) label:is(.font-bold, .font-semibold, .font-extrabold, .font-black):not(:has(input)):not(.a4-sheet *) { font-size: 13px !important; font-weight: 400 !important; color: var(--bq-label-2) !important; }

/* ---------------------------------------------------------------- acertos de prioridade (regras antigas mais específicas) */
html.bq-root #main-container #view-grading :is(.bq85-gleft, .bq85-gright).bg-white.rounded-2xl { padding: 0 !important; background: none !important; }
html.bq-root #main-container #view-recomp > .grid > .bg-white.rounded-2xl { padding: 0 !important; background: none !important; }
html.bq-root #main-container #central-grd-summary-box .text-3xl:not(.a4-sheet *) { font-weight: 300 !important; }
html.bq-root #main-container #central-grd-questions-list span.bg-slate-900:not(.a4-sheet *) { background: none !important; color: var(--bq-label) !important; padding: 0 !important; font-size: 14px !important; font-weight: 600 !important; }
html.bq-root #main-container #central-grd-questions-list span.bg-teal-100:not(.a4-sheet *) { background: none !important; color: var(--bq-label-2) !important; padding: 0 !important; }
html.bq-root #main-container #grader-fast-nav-bar > div:not(.a4-sheet *):not(#builder-order-list > div):not(#stu-sidebar-list > div) { background: none !important; padding: 0 !important; }
html.bq-root #main-container #builder-order-list span.w-6.h-6:not(.a4-sheet *) { background: none !important; color: var(--bq-label-3) !important; font-weight: 400 !important; }
html.bq-root #main-container #central-grd-summary-box span.rounded-full:not(.a4-sheet *) { background: var(--bq-green-tint) !important; color: var(--bq-green-text) !important; }

html.bq-root #main-container #view-students .bq84-stats > div > p.text-3xl:not(.a4-sheet *) { font-weight: 300 !important; }
html.bq-root #main-container #view-students .bq84-stats > div > span:not(.a4-sheet *):not(.rounded):not(.rounded-full) { font-weight: 400 !important; color: var(--bq-label-2) !important; }
html.bq-root #main-container #view-students .bq84-profile-stats p:is(.text-3xl, .text-2xl, .text-xl):not(.a4-sheet *) { font-weight: 300 !important; }
html.bq-root #main-container #curriculum-coverage:not(.a4-sheet *) { font-weight: 300 !important; }

/* ---------------------------------------------------------------- Projetar na lousa (tela escura, botões neutros) */
html.bq-root #projector-modal { background: #000 !important; }
html.bq-root #projector-modal > div:first-child, html.bq-root #projector-modal > div:last-child { border-color: rgba(255, 255, 255, .12) !important; }
html.bq-root #projector-modal > div:first-child button, html.bq-root #projector-modal > div:last-child button,
html.bq-root #projector-modal #proj-sortear-btn, html.bq-root #projector-modal #proj-pontos-btn, html.bq-root #projector-modal #proj-board-btn {
  background: rgba(255, 255, 255, .12) !important; color: #F5F5F7 !important; border: 0 !important; border-radius: 980px !important; font-weight: 500 !important; box-shadow: none !important;
}
html.bq-root #projector-modal > div:first-child button:hover, html.bq-root #projector-modal > div:last-child button:hover { background: rgba(255, 255, 255, .2) !important; }
html.bq-root #projector-modal > div:last-child button[onclick="stepProjector(1)"] { background: #0A84FF !important; color: #fff !important; }
html.bq-root #projector-modal #proj-options button { border-radius: 20px !important; border-width: 2px !important; }
html.bq-root #projector-modal #proj-options button:not(.is-right):not(.is-wrong):hover { border-color: rgba(255, 255, 255, .5) !important; }

/* ---------------------------------------------------------------- Entrada (login, cadastro, teste grátis) */
.bqg-root, #bq-gate {
  --g-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "BQ Inter", "Segoe UI", system-ui, sans-serif;
  --g-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "BQ Inter Display", "BQ Inter", "Segoe UI", system-ui, sans-serif;
  --g-bg: #F5F5F7; --g-label-3: #86868B; --g-sep: rgba(0, 0, 0, .08);
}
#bq-gate { background: #F5F5F7 !important; }
#bq-gate:has(.bqg-card:not(.is-narrow)) { padding: 0; background: #FFFFFF !important; }
#bq-gate .bqg-card { border-radius: 28px; box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 24px 64px rgba(0, 0, 0, .08); }
#bq-gate .bqg-card:not(.is-narrow) { max-width: none; min-height: 100vh; min-height: 100dvh; border-radius: 0; box-shadow: none; grid-template-columns: 57.5% 42.5%; background: linear-gradient(to right, #FFFFFF 0 57.5%, #F5F5F7 57.5%); margin: 0 !important; }
#bq-gate .bqg-hero { background: none; border: 0; padding: 40px clamp(24px, 6vw, 96px) 72px; justify-content: center; }
#bq-gate .bqg-brand { margin-bottom: clamp(32px, 8vh, 96px); gap: 10px; }
#bq-gate .bqg-mark { width: 32px; height: 32px; }
#bq-gate .bqg-mark .metri-ico { filter: none; }
#bq-gate .bqg-brand-name { font-size: 18px; font-weight: 600; }
#bq-gate .bqg-hero h1 { font-size: clamp(40px, 5.2vw, 72px); line-height: 1.04; font-weight: 600; letter-spacing: -.04em; margin: 0 0 32px; max-width: 12ch; }
#bq-gate .bqg-features { gap: 0; margin: 0 0 28px; max-width: 540px; }
#bq-gate .bqg-features li { padding: 14px 0; border-top: 1px solid var(--g-sep); font-size: 15px; color: #1D1D1F; }
#bq-gate .bqg-features li:first-child { border-top: 0; }
#bq-gate .bqg-features li svg { width: 18px; height: 18px; margin-top: 2px; }
#bq-gate .bqg-trial { margin-top: 0; border-top: 0; padding-top: 0; font-size: 15px; }
#bq-gate .bqg-card:not(.is-narrow) .bqg-panel { align-self: center; justify-self: center; width: min(400px, calc(100% - 40px)); min-height: 0; background: #FFFFFF; border-radius: 28px; padding: 36px; margin: 40px 0; box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 24px 64px rgba(0, 0, 0, .07); }
#bq-gate .bqg-card.is-narrow .bqg-panel { padding: 36px; }
#bq-gate .bqg-title { font-weight: 600; letter-spacing: -.02em; }
#bq-gate .bqg-seg { border-radius: 10px; }
#bq-gate .bqg-seg button { border-radius: 8px; }
#bq-gate .bqg-seg button.is-on { box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 0 0 .5px rgba(0, 0, 0, .04); }
#bq-gate .bqg-input { border-radius: 12px; border-color: rgba(0, 0, 0, .16); }
#bq-gate .bqg-input:focus { box-shadow: 0 0 0 4px rgba(0, 113, 227, .12); }
#bq-gate .bqg-btn { height: 48px; border-radius: 980px; font-weight: 500; }
#bq-gate .bqg-btn.is-plain { height: 36px; }
#bq-gate .bqg-who { border-radius: 14px; background: #F5F5F7; }
#bq-gate .bqg-avatar { background: rgba(118, 118, 128, .2); color: #6E6E73; }
#bq-gate .bqg-icon-big { border-radius: 50%; }
#bq-gate:has(.bqg-card:not(.is-narrow)) .bqg-foot { position: absolute; left: clamp(24px, 6vw, 96px); bottom: 28px; margin: 0; text-align: left; }
@media (max-width: 820px) {
  #bq-gate .bqg-card:not(.is-narrow) { grid-template-columns: minmax(0, 1fr); background: #FFFFFF; min-height: 0; }
  #bq-gate .bqg-hero { padding: 28px 24px 8px; border-bottom: 0; }
  #bq-gate .bqg-brand { margin-bottom: 28px; }
  #bq-gate .bqg-hero h1 { font-size: 36px; margin-bottom: 20px; }
  #bq-gate .bqg-card:not(.is-narrow) .bqg-panel { width: auto; margin: 16px 16px 24px; padding: 26px 22px; box-shadow: none; border: 1px solid rgba(0, 0, 0, .1); justify-self: stretch; }
  #bq-gate:has(.bqg-card:not(.is-narrow)) .bqg-foot { position: static; text-align: center; padding: 0 0 28px; }
}

/* fim do tema */