/* Prova Real · Simulados (mu-plugin oc-ensaio). Tudo escopado em .oce. */
.oce{--ink:#14082E;--roxo:#5B21D6;--lav:#EDE7FB;--lav2:#F7F4FE;--borda:#E4DAF7;--lar:#F97316;--txt:#3E3460;--txt2:#6B5F8C;--verde:#15803D;--verdebg:#DCFCE7;--verm:#B91C1C;--vermbg:#FEE2E2;--amar:#FEF3C7;
  color:var(--ink);font-family:'Inter',sans-serif;padding-bottom:110px}
.oce *{box-sizing:border-box}
.oce h1,.oce h2,.oce h3,.oce p{margin:0}
.oce button{font:inherit;cursor:pointer}
.oce a{text-decoration:none}
.oce .oce-mono,.oce .oce-etq,.oce .oce-tag{font-family:'JetBrains Mono',ui-monospace,monospace}

/* hero */
.oce-hero{border:2px solid var(--ink);border-radius:22px;box-shadow:5px 5px 0 var(--ink);background:#fff;padding:24px 26px}
.oce-etq{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--roxo);text-transform:uppercase}
.oce-hero h1{font-size:28px;font-weight:800;letter-spacing:-.02em;margin-top:6px;line-height:1.2;color:var(--ink)}
.oce-hero p{color:var(--txt);margin-top:8px;line-height:1.55;max-width:640px}
.oce-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.oce-chips span{padding:5px 11px;border-radius:50px;border:1px solid var(--borda);background:var(--lav2);font-size:12.5px;font-weight:700;color:#2E1065}
.oce-aviso{margin-top:16px;padding:12px 16px;border:2px solid var(--ink);border-radius:14px;background:#FFF7ED;font-weight:600;font-size:14px}
.oce-aviso a{color:var(--roxo);text-decoration:underline}

/* passos */
.oce-passo{margin-top:26px}
.oce-passo h2{font-size:15px;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--ink)}
.oce-n{width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.oce-series{display:flex;gap:10px;flex-wrap:wrap}
.oce-serie{padding:10px 18px;border:2px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);font-weight:800;font-size:15px;box-shadow:3px 3px 0 var(--ink);text-align:left}
.oce-serie.on{background:var(--roxo);color:#fff}
.oce-serie small{display:block;font-weight:600;font-size:11px;opacity:.75}

.oce-areas{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.oce-area{border:2px solid var(--borda);border-radius:16px;background:#fff;overflow:hidden}
.oce-area.on{border-color:var(--roxo);box-shadow:3px 3px 0 var(--roxo)}
.oce-area.parcial{border-color:#A78BFA}
.oce-area-topo{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;cursor:pointer}
.oce-caixa{flex:none;width:20px;height:20px;border:2px solid var(--ink);border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;margin-top:1px;font-size:13px;font-weight:800;color:#fff;line-height:1}
.oce-area.on>.oce-area-topo .oce-caixa,.oce-folha.on .oce-caixa{background:var(--roxo);border-color:var(--roxo)}
.oce-area.parcial>.oce-area-topo .oce-caixa{background:#A78BFA;border-color:#A78BFA}
.oce-area-nome{flex:1;min-width:0;font-weight:800;font-size:14.5px;line-height:1.3}
.oce-area-nome small{display:block;font-weight:600;color:var(--txt2);font-size:12px;margin-top:3px}
.oce-selo{flex:none;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:50px;font-family:'JetBrains Mono',monospace;white-space:nowrap}
.oce-selo.ok{background:var(--verdebg);color:var(--verde)}
.oce-selo.curto{background:var(--amar);color:#92400E}
.oce-selo.zero{background:#F1F5F9;color:#64748B}
.oce-abre{flex:none;border:none;background:none;color:var(--txt2);font-size:12px;font-weight:700;padding:2px 4px}
.oce-folhas{display:none;border-top:1px solid var(--borda);padding:6px 8px 8px;background:var(--lav2)}
.oce-area.aberta .oce-folhas{display:block}
.oce-folha{display:flex;align-items:center;gap:9px;padding:7px 6px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;color:var(--txt)}
.oce-folha:hover{background:#fff}
.oce-folha .oce-caixa{width:17px;height:17px;font-size:11px;border-width:1.5px}
.oce-folha-nome{flex:1;min-width:0}
.oce-folha .oce-q{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--txt2)}
.oce-folha.vazia{opacity:.5;cursor:default}

/* chave ENEM + balão de sombra dura, sempre visível */
.oce-chave{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 14px;align-items:start;margin-top:16px;padding:16px;border:2px solid var(--ink);border-radius:16px;background:#fff;box-shadow:4px 4px 0 var(--ink)}
.oce-sw{width:46px;height:26px;border-radius:50px;border:2px solid var(--ink);background:#E5E7EB;position:relative;padding:0;margin-top:2px}
.oce-sw span{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--ink);transition:left .15s}
.oce-sw[aria-checked="true"]{background:var(--lar)}
.oce-sw[aria-checked="true"] span{left:22px}
.oce-sw:focus-visible{outline:3px solid #A78BFA;outline-offset:2px}
.oce-chave-txt b{font-size:14.5px}
.oce-chave-txt p{font-size:12.5px;color:var(--txt2);margin-top:3px;line-height:1.5}
.oce-balao{grid-column:1/-1;position:relative;justify-self:start;margin-top:4px;padding:9px 13px;border:2px solid var(--ink);border-radius:12px;background:#F1F5F9;box-shadow:3px 3px 0 var(--ink);font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.45;max-width:100%}
.oce-balao::before{content:"";position:absolute;top:-9px;left:14px;width:14px;height:14px;background:inherit;border-left:2px solid var(--ink);border-top:2px solid var(--ink);transform:rotate(45deg)}
.oce-balao b{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.1em;padding:2px 7px;border-radius:6px;margin-right:7px;background:#fff;border:1.5px solid var(--ink);vertical-align:1px}
.oce-balao.on{background:#FFEDD5}
.oce-balao.on b{background:var(--lar);color:#fff}

/* histórico */
.oce-hist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.oce-hist a{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:2px solid var(--borda);border-radius:12px;background:#fff;color:var(--ink);font-size:13px}
.oce-hist a:hover{border-color:var(--roxo)}
.oce-hist span{color:var(--txt2);font-weight:600}

/* barra fixa (o botão flutuante de XP do site sobe para não cobri-la) */
body.oce-pagina .octt-xpp-launcher{bottom:92px!important}
.oce-barra{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:2px solid var(--ink);padding:12px 16px;z-index:90}
.oce-barra-in{max-width:980px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.oce-resumo{flex:1;min-width:200px;font-size:13.5px;color:var(--txt)}
.oce-resumo b{font-size:20px;color:var(--ink);font-weight:800}
.oce .oce-btn,.oce-barra .oce-btn{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:14px;padding:11px 18px;font-weight:800;font-size:14.5px;background:var(--roxo);color:#fff;box-shadow:3px 3px 0 var(--ink);line-height:1.2}
.oce .oce-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.oce .oce-btn:disabled{background:#CBD5E1;color:#64748B;box-shadow:none;cursor:not-allowed;border-color:#94A3B8}
.oce .oce-btn-claro{background:#fff;color:var(--ink)}
.oce .oce-btn-lar{background:var(--lar)}
.oce-lnk{border:none;background:none;font-weight:700;font-size:13px;color:var(--txt2);padding:6px 4px}
.oce-lnk.on{color:#C2410C}
.oce-lnk-p{font-size:12px;text-decoration:underline}
.oce-linha{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

/* modal */
.oce-fundo{position:fixed;inset:0;background:rgba(20,8,46,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100000}
.oce-fundo[hidden]{display:none}
.oce-modal{background:#fff;border:2px solid var(--ink);border-radius:20px;box-shadow:5px 5px 0 var(--ink);max-width:480px;width:100%;padding:22px}
.oce-modal h3{font-size:19px;font-weight:800;color:var(--ink)}
.oce-modal p{color:var(--txt);margin-top:8px;line-height:1.55;font-size:14px}
.oce-opcoes{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.oce-opcao{text-align:left;border:2px solid var(--borda);border-radius:14px;background:#fff;padding:12px 14px;color:var(--ink)}
.oce-opcao:hover{border-color:var(--roxo)}
.oce-opcao b{display:block;font-size:14px}
.oce-opcao span{font-size:12.5px;color:var(--txt2)}
.oce-rodape{font-size:11.5px!important;color:var(--txt2)!important}

/* prova */
.oce-prova-topo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:2px solid var(--ink);border-radius:18px;background:#fff;box-shadow:4px 4px 0 var(--ink);padding:12px 16px;position:sticky;top:10px;z-index:50}
.admin-bar .oce-prova-topo{top:42px}
.oce-tit{flex:1;min-width:160px}
.oce-tit b{display:block;font-size:15px}
.oce-tit small{color:var(--txt2);font-size:12px;font-weight:600}
.oce-relogio{font-family:'JetBrains Mono',monospace;font-size:24px;font-weight:700;padding:4px 12px;border-radius:10px;background:var(--lav2);border:1.5px solid var(--borda);text-align:center;min-width:104px}
.oce-relogio.fim{background:#FFEDD5;color:#C2410C;border-color:#FDBA74}
.oce-relogio small{font-size:10px;display:block;font-weight:700;letter-spacing:.04em}
.oce-grade{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.oce-gq{width:38px;height:38px;border-radius:10px;border:2px solid var(--borda);background:#fff;color:var(--ink);font-weight:800;font-size:14px;position:relative;padding:0}
.oce-gq.resp{background:var(--lav);border-color:#A78BFA}
.oce-gq.atual{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.oce-gq.marc::after{content:"";position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:var(--lar);border:1.5px solid #fff}

.oce .oce-card{margin-top:16px;border:2px solid var(--ink)!important;border-radius:20px!important;box-shadow:5px 5px 0 var(--ink)!important;transform:none!important;position:relative}
.oce .oce-card[hidden]{display:none!important}
.oce-card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--txt2);font-weight:600;margin-bottom:10px;padding-right:70px}
.oce-card-meta b{color:var(--ink);font-size:14px}
.oce-tag{background:var(--lav2);padding:2px 8px;border-radius:6px;border:1px solid var(--borda);font-size:11px}
.oce-tag-l{background:#FFF7ED;border-color:#FED7AA;color:#9A3412}
.oce .oce-alt-on{border-color:var(--roxo)!important;background:var(--lav)!important}
.oce .oce-alt-on .ocf-alt-letra{background:var(--roxo)!important;color:#fff!important}
.oce-acoes{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}
.oce-espaco{flex:1}
.oce-nota{margin-top:12px;font-size:12.5px;color:var(--txt2)}
/* Durante a prova a Lousa abre, mas a resolução do professor não aparece:
   para uma questão já vista ela entregaria a resposta no meio do relógio. */
body.oce-em-prova #ocr-ver-resol{display:none!important}

/* resultado */
.oce-res{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center}
.oce-placar{width:128px;height:128px;border-radius:50%;border:3px solid var(--ink);background:var(--lav);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:4px 4px 0 var(--ink)}
.oce-placar b{font-size:42px;font-weight:800;line-height:1}
.oce-placar small{font-size:12px;font-weight:700;color:var(--txt2)}
.oce-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.oce-stats div{border:2px solid var(--ink);border-radius:14px;padding:9px 12px;background:var(--lav2);box-shadow:3px 3px 0 var(--ink);min-width:110px}
.oce-stats b{display:block;font-size:18px;font-weight:800}
.oce-stats small{font-size:11px;color:var(--txt2);font-weight:600}
.oce-conq{margin-top:16px;padding:12px 16px;border:2px solid var(--ink);border-radius:14px;background:#FEF3C7;box-shadow:3px 3px 0 var(--ink);font-weight:700;font-size:14px}
.oce-bloco{margin-top:22px;border:2px solid var(--borda);border-radius:18px;background:#fff;padding:18px 20px}
.oce-bloco h2{font-size:15px;font-weight:800;margin-bottom:12px;color:var(--ink)}
.oce-bloco>p{font-size:14px;color:var(--txt);line-height:1.55}
.oce-lf{display:grid;grid-template-columns:minmax(0,1fr) 120px 48px;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--borda);font-size:13.5px;font-weight:600}
.oce-lf:first-of-type{border-top:none}
.oce-mini{display:block;height:10px;border-radius:50px;background:#F1F5F9;overflow:hidden;border:1.5px solid var(--ink)}
.oce-mini i{display:block;height:100%;background:var(--verde)}
.oce-mini.oce-ruim i{background:var(--lar)}
.oce-q{border-top:1px solid var(--borda)}
.oce-q:first-of-type{border-top:none}
.oce-q summary{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 0;font-size:13px;cursor:pointer;list-style:none}
.oce-q summary::-webkit-details-marker{display:none}
.oce-qn{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;border:2px solid}
.oce-qn-c{background:var(--verdebg);color:var(--verde);border-color:var(--verde)}
.oce-qn-e{background:var(--vermbg);color:var(--verm);border-color:var(--verm)}
.oce-qn-b{background:#F1F5F9;color:#64748B;border-color:#94A3B8}
.oce-qtxt small{display:block;color:var(--txt2);font-size:12px}
.oce-tbar{display:block;width:90px;height:8px;border-radius:50px;background:#F1F5F9;overflow:hidden}
.oce-tbar i{display:block;height:100%;background:#A78BFA}
.oce-tbar.oce-lenta i{background:var(--lar)}
.oce-ver{border:1.5px solid var(--borda);border-radius:9px;background:#fff;padding:5px 10px;font-weight:700;font-size:12px}
.oce-q[open] .oce-ver{background:var(--lav)}
.oce-q .oce-card{margin:4px 0 12px}
.oce-expl{margin:0 0 16px;padding:12px 14px;border-radius:12px;background:var(--lav2);font-size:14px;line-height:1.6;color:var(--txt)}
.oce-expl a{color:var(--roxo);text-decoration:underline}

@media (max-width:640px){
  .oce-hero{padding:18px}.oce-hero h1{font-size:23px}
  .oce-res{grid-template-columns:1fr;justify-items:start}
  .oce-lf{grid-template-columns:minmax(0,1fr) 64px 40px}
  .oce-q summary{grid-template-columns:34px minmax(0,1fr) auto}
  .oce-q .oce-tbar{display:none}
  .oce-relogio{font-size:19px;min-width:88px}
  .oce-prova-topo{gap:10px}
}