/* ============================================================ SIMULADOS — Camada visual "Avance Olímpico" Sub-fase 1 (tela principal): cabeçalho da marca + cards da lista + refino dos painéis do ADM. Escopo: #view-simulados (não afeta outras abas). Temas: body:not(.theme-light) = ESCURO | body.theme-light = CLARO Cores herdadas de #avanceBrandHardening: --av-roxo / --av-ouro ============================================================ */ /* ---- Tipografia da marca ---- */ #view-simulados{ font-family:'Inter', system-ui, -apple-system, "Segoe UI", sans-serif; } #view-simulados h1, #view-simulados h2, #view-simulados h3, #view-simulados h4{ font-family:'Poppins','Inter',sans-serif; letter-spacing:.01em; } /* ---- Refino de cantos de inputs e painéis ---- */ #view-simulados input, #view-simulados select, #view-simulados textarea{ border-radius:12px !important; } #view-simulados .rounded-2xl{ border-radius:18px !important; } #view-simulados .rounded-xl{ border-radius:13px !important; } #view-simulados > div{ transition:border-color .15s ease, box-shadow .15s ease; } /* ============================================================ Cabeçalho da seção (faixa roxa com logo + total) ============================================================ */ #view-simulados .av-sim-header{ display:flex; align-items:center; gap:14px; background:linear-gradient(135deg,#5B1F7E,#3C1457); border-radius:18px; padding:16px 20px; border:none; } #view-simulados .av-sim-header h2{ color:#fff !important; font-size:20px; font-weight:600; margin:0; } #view-simulados .av-sim-header p{ color:rgba(255,255,255,.72) !important; margin:2px 0 0; font-size:12.5px; } #view-simulados .av-sim-headtext{ flex:1; min-width:0; } #view-simulados .av-sim-logo{ width:44px; height:44px; border-radius:12px; background:rgba(255,255,255,.14); display:flex; align-items:center; justify-content:center; position:relative; flex:0 0 auto; } #view-simulados .av-sim-logo b{ color:#fff; font-family:'Poppins',sans-serif; font-size:23px; line-height:1; } #view-simulados .av-sim-logo::after{ content:""; position:absolute; left:9px; bottom:10px; width:12px; height:3px; background:var(--av-ouro); border-radius:1px; } #view-simulados .av-sim-total{ background:rgba(255,255,255,.15); color:#fff; border-radius:999px; padding:8px 16px; font-size:12.5px; white-space:nowrap; align-self:center; } #view-simulados .av-sim-total span{ color:var(--av-ouro); font-weight:600; } @media (max-width:640px){ #view-simulados .av-sim-header{ flex-wrap:wrap; } #view-simulados .av-sim-total{ order:3; width:100%; text-align:center; } } /* ============================================================ Refino dos painéis do ADM (cadastro, gerador, filtros) — apenas acabamento: borda/realce da marca, sem mexer no HTML ============================================================ */ #view-simulados > div.rounded-2xl:hover{ border-color:rgba(155,111,212,.5) !important; } body.theme-light #view-simulados > div.rounded-2xl:hover{ border-color:rgba(91,31,126,.45) !important; } /* Pílula "ADM / Staff" e realces de título já usam roxo via brand hardening */ /* ============================================================ CARDS DA LISTA DE SIMULADOS (#gridSimulados article.av-sim-card) ============================================================ */ #view-simulados .av-sim-card{ border-radius:16px; padding:16px 18px; display:flex; flex-direction:column; gap:11px; background:#1b1726; border:1px solid rgba(155,111,212,.22); box-shadow:0 6px 22px rgba(0,0,0,.28); transition:border-color .15s ease, transform .12s ease, box-shadow .15s ease; } #view-simulados .av-sim-card:hover{ border-color:rgba(155,111,212,.5); transform:translateY(-1px); } body.theme-light #view-simulados .av-sim-card{ background:#fff; border-color:var(--av-light-line); box-shadow:0 4px 16px rgba(91,31,126,.08); } body.theme-light #view-simulados .av-sim-card:hover{ border-color:rgba(91,31,126,.4); } #view-simulados .av-sim-badges{ display:flex; flex-wrap:wrap; align-items:center; gap:7px; } #view-simulados .av-sim-badge{ display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:600; padding:3px 10px; border-radius:999px; white-space:nowrap; } #view-simulados .av-sim-badge i{ font-size:11px; } #view-simulados .av-sim-badge .dot{ width:7px; height:7px; border-radius:50%; } /* status */ #view-simulados .av-sim-badge--ativo{ background:rgba(29,158,117,.18); color:#5DCAA5; } #view-simulados .av-sim-badge--ativo .dot{ background:#1D9E75; } #view-simulados .av-sim-badge--agendado{ background:rgba(212,175,55,.16); color:#E6C158; } #view-simulados .av-sim-badge--encerrado{ background:rgba(160,150,180,.16); color:#b4b2a9; } #view-simulados .av-sim-badge--hardcore{ background:rgba(226,75,74,.16); color:#F09595; } #view-simulados .av-sim-badge--formato{ background:rgba(155,111,212,.16); color:#D9C2F0; } #view-simulados .av-sim-badge--nivel{ background:rgba(255,255,255,.06); color:#9c93b3; } #view-simulados .av-sim-badge--enviado{ background:rgba(29,158,117,.16); color:#7FD3B4; } body.theme-light #view-simulados .av-sim-badge--ativo{ background:#E7F4E5; color:#2E6B2C; } body.theme-light #view-simulados .av-sim-badge--agendado{ background:#FBF1D8; color:#7A5C12; } body.theme-light #view-simulados .av-sim-badge--encerrado{ background:#ECEAF0; color:#5F5E5A; } body.theme-light #view-simulados .av-sim-badge--hardcore{ background:#F9E6E2; color:#9B3B27; } body.theme-light #view-simulados .av-sim-badge--formato{ background:rgba(91,31,126,.08); color:var(--av-roxo); } body.theme-light #view-simulados .av-sim-badge--nivel{ background:#F1EFF4; color:#6b6480; } body.theme-light #view-simulados .av-sim-badge--enviado{ background:#E7F4E5; color:#2E6B2C; } #view-simulados .av-sim-cardhead{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; } #view-simulados .av-sim-card-title{ color:#f4f1fa; font-size:16px; font-weight:600; line-height:1.3; margin:0; } body.theme-light #view-simulados .av-sim-card-title{ color:var(--av-carvao); } #view-simulados .av-sim-card-sub{ color:#8b83a0; font-size:12px; margin:2px 0 0; } body.theme-light #view-simulados .av-sim-card-sub{ color:var(--av-light-muted); } #view-simulados .av-sim-card-desc{ color:#c9c2d8; font-size:12.5px; line-height:1.55; margin:0; white-space:pre-wrap; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } body.theme-light #view-simulados .av-sim-card-desc{ color:#4a4357; } /* nota destacada (ouro) no canto do card encerrado */ #view-simulados .av-sim-score{ text-align:right; flex:0 0 auto; line-height:1; } #view-simulados .av-sim-score b{ color:var(--av-ouro); font-family:'Poppins',sans-serif; font-size:22px; font-weight:600; } #view-simulados .av-sim-score span{ color:#8b83a0; font-size:12px; } body.theme-light #view-simulados .av-sim-score span{ color:var(--av-light-muted); } /* meta (início / término / prova) inline com ícones */ #view-simulados .av-sim-meta{ display:flex; flex-wrap:wrap; gap:6px 16px; } #view-simulados .av-sim-meta-item{ display:inline-flex; align-items:center; gap:6px; font-size:12px; color:#9c93b3; } #view-simulados .av-sim-meta-item i{ color:var(--av-ouro); font-size:12px; } #view-simulados .av-sim-meta-item b{ color:#cfc7de; font-weight:500; } body.theme-light #view-simulados .av-sim-meta-item{ color:var(--av-light-muted); } body.theme-light #view-simulados .av-sim-meta-item b{ color:var(--av-carvao); } /* barra de progresso (% de acertos) */ #view-simulados .av-sim-progress{ height:6px; border-radius:999px; background:rgba(0,0,0,.3); overflow:hidden; } body.theme-light #view-simulados .av-sim-progress{ background:#ECEAF0; } #view-simulados .av-sim-progress > i{ display:block; height:100%; background:var(--av-ouro); border-radius:999px; } /* caixa de nota / aviso de envio */ #view-simulados .av-sim-nota{ border-radius:12px; padding:10px 12px; font-size:12.5px; background:rgba(91,31,126,.16); border:1px solid rgba(155,111,212,.32); color:#e7def4; } #view-simulados .av-sim-nota b{ color:#fff; } #view-simulados .av-sim-nota.is-aguardando{ background:rgba(29,158,117,.12); border-color:rgba(29,158,117,.32); color:#bfe9d7; } #view-simulados .av-sim-nota.is-aguardando b{ color:#dffaee; } body.theme-light #view-simulados .av-sim-nota{ background:rgba(91,31,126,.06); border-color:rgba(91,31,126,.2); color:#4a4357; } body.theme-light #view-simulados .av-sim-nota b{ color:var(--av-carvao); } body.theme-light #view-simulados .av-sim-nota.is-aguardando{ background:#EAF6F0; border-color:rgba(29,158,117,.3); color:#2E6B2C; } /* linha de ações: padroniza forma/tamanho dos botões mantendo as cores semânticas */ #view-simulados .av-sim-acoes{ display:flex; flex-wrap:wrap; gap:8px; margin-top:2px; } #view-simulados .av-sim-acoes > button, #view-simulados .av-sim-acoes > a{ border-radius:11px !important; font-size:12px !important; padding:8px 13px !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; display:inline-flex; align-items:center; gap:6px; line-height:1.1; } /* CTA principal do aluno (entrar / ver respostas) = ROXO da marca */ #view-simulados .av-sim-acoes .av-sim-cta{ background:var(--av-roxo) !important; border:1px solid var(--av-roxo) !important; color:#fff !important; } #view-simulados .av-sim-acoes .av-sim-cta:hover{ filter:brightness(1.12); } /* estados vazio / carregando / erro */ #view-simulados .av-sim-empty{ border-radius:18px; padding:40px 24px; text-align:center; background:rgba(91,31,126,.08); border:1px dashed rgba(155,111,212,.32); color:#9c93b3; } body.theme-light #view-simulados .av-sim-empty{ background:#faf8fc; border-color:rgba(91,31,126,.22); color:var(--av-light-muted); } #view-simulados .av-sim-empty i.big{ font-size:30px; opacity:.5; margin-bottom:10px; display:block; } /* ============================================================ SUB-FASE 2 — AMBIENTE DE PROVA (#simuladoAmbienteOverlay) Modo foco: fundo branded escuro nos dois temas; mobile-first. ============================================================ */ #simuladoAmbienteOverlay{ background:radial-gradient(circle at 15% -10%, rgba(91,31,126,.5), transparent 38rem), radial-gradient(circle at 90% 0%, rgba(212,175,55,.08), transparent 30rem), linear-gradient(160deg,#1a1226 0%,#120a1c 60%,#0e0914 100%) !important; font-family:'Inter',system-ui,-apple-system,"Segoe UI",sans-serif; } #simuladoAmbienteOverlay h2, #simuladoAmbienteOverlay h3, #simuladoAmbienteOverlay h4{ font-family:'Poppins','Inter',sans-serif; } /* botão "Fechar ambiente" (topo) */ #simuladoAmbienteOverlay .av-prova-fechar{ background:rgba(255,255,255,.06) !important; border:1px solid rgba(155,111,212,.3) !important; color:#d9cfe9 !important; border-radius:11px; padding:8px 14px; font-size:12px; font-weight:600; } #simuladoAmbienteOverlay .av-prova-fechar:hover{ background:rgba(155,111,212,.18) !important; } /* botões base do ambiente */ #simuladoAmbienteOverlay .av-prova-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:13px; padding:11px 18px; font-size:13px; font-weight:600; cursor:pointer; border:1px solid transparent; transition:filter .12s ease, background .12s ease; line-height:1.1; } #simuladoAmbienteOverlay .av-prova-btn--start, #simuladoAmbienteOverlay .av-prova-btn--finish{ background:var(--av-roxo); border-color:var(--av-roxo); color:#fff; } #simuladoAmbienteOverlay .av-prova-btn--start:hover, #simuladoAmbienteOverlay .av-prova-btn--finish:hover{ filter:brightness(1.13); } #simuladoAmbienteOverlay .av-prova-btn--ghost{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); color:#c3bad6; } #simuladoAmbienteOverlay .av-prova-btn--ghost:hover{ background:rgba(255,255,255,.12); } #simuladoAmbienteOverlay .av-prova-btn--exit{ background:rgba(226,75,74,.14); border-color:rgba(226,75,74,.34); color:#F09595; } #simuladoAmbienteOverlay .av-prova-btn--exit:hover{ background:rgba(226,75,74,.24); } /* tela pré-início */ #simuladoAmbienteOverlay .av-prova-intro{ max-width:880px; margin:0 auto; background:#1b1626; border:1px solid rgba(155,111,212,.24); border-radius:22px; padding:26px; box-shadow:0 18px 50px rgba(0,0,0,.45); } #simuladoAmbienteOverlay .av-prova-intro-head{ display:flex; align-items:flex-start; gap:16px; } #simuladoAmbienteOverlay .av-prova-intro-icon{ width:52px; height:52px; border-radius:15px; flex:0 0 auto; background:rgba(212,175,55,.14); color:var(--av-ouro); display:flex; align-items:center; justify-content:center; font-size:24px; } #simuladoAmbienteOverlay .av-prova-intro h2{ color:#fff; font-size:23px; font-weight:600; margin:0; } #simuladoAmbienteOverlay .av-prova-intro p.intro-txt{ color:#b6adc9; font-size:13.5px; line-height:1.6; margin:8px 0 0; } #simuladoAmbienteOverlay .av-prova-tiles{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:11px; margin-top:20px; } #simuladoAmbienteOverlay .av-prova-tile{ background:rgba(0,0,0,.28); border:1px solid rgba(155,111,212,.16); border-radius:14px; padding:13px 14px; } #simuladoAmbienteOverlay .av-prova-tile p.lbl{ color:#8b83a0; font-size:10px; text-transform:uppercase; font-weight:700; letter-spacing:.04em; margin:0; } #simuladoAmbienteOverlay .av-prova-tile p.val{ color:#eee8f6; font-size:13.5px; font-weight:600; margin:5px 0 0; } #simuladoAmbienteOverlay .av-prova-tile p.val i{ color:var(--av-ouro); margin-right:5px; } #simuladoAmbienteOverlay .av-prova-intro-acoes{ display:flex; flex-wrap:wrap; gap:11px; margin-top:22px; } /* barra fixa do topo (prova em andamento) */ #simuladoAmbienteOverlay .av-prova-topbar{ position:sticky; top:0; z-index:20; margin-bottom:16px; background:rgba(20,14,30,.92); backdrop-filter:blur(8px); border:1px solid rgba(155,111,212,.26); border-radius:16px; padding:13px 16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; } #simuladoAmbienteOverlay .av-prova-topbar .ttl p{ color:#8b83a0; font-size:10px; text-transform:uppercase; font-weight:700; letter-spacing:.04em; margin:0; } #simuladoAmbienteOverlay .av-prova-topbar .ttl h2{ color:#fff; font-size:18px; font-weight:600; margin:1px 0 0; } #simuladoAmbienteOverlay .av-prova-topbar .acts{ display:flex; flex-wrap:wrap; align-items:center; gap:9px; } #simuladoAmbienteOverlay .av-prova-timer{ display:inline-flex; align-items:center; gap:7px; background:rgba(212,175,55,.14); border:1px solid rgba(212,175,55,.42); color:#E6C158; border-radius:11px; padding:9px 14px; font-size:14px; font-weight:700; font-variant-numeric:tabular-nums; } #simuladoAmbienteOverlay .av-prova-timer i{ font-size:13px; } #simuladoAmbienteOverlay .av-prova-timer.is-urgent{ background:rgba(226,75,74,.16); border-color:rgba(226,75,74,.5); color:#F2A1A1; animation:avProvaPulse 1s ease-in-out infinite; } @keyframes avProvaPulse{ 0%,100%{ opacity:1; } 50%{ opacity:.55; } } /* grid responsivo: 1 coluna no celular, 2 a partir de 1024px (não 1536) */ #simuladoAmbienteOverlay .av-prova-grid{ display:grid; grid-template-columns:1fr; gap:18px; } @media (min-width:1024px){ #simuladoAmbienteOverlay .av-prova-grid{ grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); align-items:start; } } #simuladoAmbienteOverlay .av-prova-main, #simuladoAmbienteOverlay .av-prova-aside{ min-width:0; background:#1b1626; border:1px solid rgba(155,111,212,.2); border-radius:18px; padding:18px; } @media (min-width:1024px){ #simuladoAmbienteOverlay .av-prova-aside{ position:sticky; top:84px; } } #simuladoAmbienteOverlay .av-prova-aside{ display:flex; flex-direction:column; gap:16px; } #simuladoAmbienteOverlay .av-prova-sectitle{ display:flex; align-items:center; gap:9px; margin:0 0 12px; color:#f4f1fa; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.03em; } #simuladoAmbienteOverlay .av-prova-sectitle i{ color:var(--av-ouro); font-size:14px; } #simuladoAmbienteOverlay .av-prova-sectitle small{ margin-left:auto; color:#8b83a0; font-size:10px; font-weight:600; text-transform:none; letter-spacing:0; } /* caixa de instruções */ #simuladoAmbienteOverlay .av-prova-instr{ background:rgba(0,0,0,.26); border:1px solid rgba(155,111,212,.16); border-radius:14px; padding:13px 15px; margin-top:16px; } #simuladoAmbienteOverlay .av-prova-instr h4{ color:#cfc7de; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; margin:0 0 6px; } #simuladoAmbienteOverlay .av-prova-instr p{ color:#cfc7de; font-size:13px; line-height:1.55; white-space:pre-wrap; margin:0; } /* seções da área de respostas */ #simuladoAmbienteOverlay .av-prova-card{ background:rgba(91,31,126,.12); border:1px solid rgba(155,111,212,.26); border-radius:14px; padding:15px; } /* cartão-resposta objetivo */ #simuladoAmbienteOverlay .av-prova-cartao-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(72px,1fr)); gap:10px; } #simuladoAmbienteOverlay .av-prova-q{ background:rgba(0,0,0,.3); border:1px solid rgba(155,111,212,.2); border-radius:12px; padding:9px 8px; text-align:center; } #simuladoAmbienteOverlay .av-prova-q label{ display:block; color:#9c93b3; font-size:10px; font-weight:700; text-transform:uppercase; margin-bottom:6px; } #simuladoAmbienteOverlay .av-prova-q select.simAmbResp{ width:100%; background:#241b33; border:1px solid rgba(155,111,212,.3); color:#fff; border-radius:9px; padding:9px 6px; font-size:16px; font-weight:600; text-align:center; cursor:pointer; } #simuladoAmbienteOverlay .av-prova-q select.simAmbResp:focus{ outline:none; border-color:var(--av-ouro); } /* dissertativas */ #simuladoAmbienteOverlay .av-prova-disc-item{ background:rgba(0,0,0,.3); border:1px solid rgba(155,111,212,.2); border-radius:14px; padding:14px; } #simuladoAmbienteOverlay .av-prova-disc-item + .av-prova-disc-item{ margin-top:13px; } #simuladoAmbienteOverlay .av-prova-disc-item label.q{ display:block; color:#dcd4ec; font-size:12px; font-weight:700; text-transform:uppercase; margin-bottom:8px; } #simuladoAmbienteOverlay .av-prova-disc-item textarea.simAmbDiscTexto{ width:100%; min-height:150px; background:#241b33; border:1px solid rgba(155,111,212,.28); color:#f2eefa; border-radius:11px; padding:11px; font-size:14px; line-height:1.5; resize:vertical; } #simuladoAmbienteOverlay .av-prova-disc-item textarea.simAmbDiscTexto:focus{ outline:none; border-color:var(--av-ouro); } #simuladoAmbienteOverlay .av-prova-disc-arq{ margin-top:10px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; } #simuladoAmbienteOverlay .av-prova-disc-item input.simAmbDiscArquivo{ flex:1; min-width:180px; background:#241b33; border:1px solid rgba(155,111,212,.24); color:#cfc7de; border-radius:10px; padding:8px; font-size:12px; } #simuladoAmbienteOverlay .av-prova-disc-arq .hint{ color:#8b83a0; font-size:10px; } #simuladoAmbienteOverlay .av-prova-disc-anexo{ margin-top:9px; color:#7FD3B4; font-size:12px; font-weight:600; } /* observações / textarea geral */ #simuladoAmbienteOverlay .av-prova-obs textarea{ width:100%; min-height:160px; background:#241b33; border:1px solid rgba(155,111,212,.24); color:#f2eefa; border-radius:11px; padding:11px; font-size:14px; line-height:1.5; resize:vertical; } #simuladoAmbienteOverlay .av-prova-obs textarea:focus{ outline:none; border-color:var(--av-ouro); } @media (max-width:640px){ #simuladoAmbienteOverlay .av-prova-topbar{ flex-direction:column; align-items:stretch; } #simuladoAmbienteOverlay .av-prova-topbar .acts{ width:100%; } #simuladoAmbienteOverlay .av-prova-topbar .acts .av-prova-btn{ flex:1; } } /* ============================================================ SUB-FASE 3 — MODAIS (camada reutilizável .av-modal-scope) Aplicada ao container do modal (fixed inset-0). Modo branded escuro. ============================================================ */ .av-modal-scope{ font-family:'Inter',system-ui,-apple-system,"Segoe UI",sans-serif; } .av-modal-scope h2,.av-modal-scope h3,.av-modal-scope h4{ font-family:'Poppins','Inter',sans-serif; } .av-modal-card{ background:#1b1626 !important; border:1px solid rgba(155,111,212,.26) !important; box-shadow:0 24px 60px rgba(0,0,0,.5); } .av-modal-head{ background:linear-gradient(135deg,#5B1F7E,#3C1457); padding:15px 20px; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .av-modal-head .eyebrow{ color:rgba(255,255,255,.72); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; margin:0; } .av-modal-head h2{ color:#fff; font-size:18px; font-weight:600; margin:2px 0 0; } .av-modal-head .sub{ color:rgba(255,255,255,.74); font-size:12px; margin:3px 0 0; } .av-modal-close{ background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.12); color:#fff; border-radius:10px; min-width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; flex:0 0 auto; font-size:15px; } .av-modal-close:hover{ background:rgba(255,255,255,.28); } .av-modal-body{ padding:18px 20px; } .av-modal-tile{ background:rgba(0,0,0,.26); border:1px solid rgba(155,111,212,.16); border-radius:14px; padding:14px; } .av-modal-tile .lbl{ color:#8b83a0; font-size:10px; text-transform:uppercase; font-weight:700; letter-spacing:.04em; margin:0; } .av-modal-tile .big{ font-family:'Poppins',sans-serif; font-size:26px; font-weight:600; margin:4px 0 0; color:#fff; } .av-modal-tile .sub{ color:#8b83a0; font-size:11px; margin:2px 0 0; } .av-modal-sectitle{ display:flex; align-items:center; gap:8px; color:#f4f1fa; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.03em; margin:0 0 11px; } .av-modal-sectitle i{ color:var(--av-ouro); font-size:13px; } .av-modal-qtile{ border-radius:12px; padding:11px 12px; border:1px solid rgba(155,111,212,.2); background:rgba(0,0,0,.26); } .av-modal-qtile .qh{ color:#8b83a0; font-size:10px; font-weight:700; text-transform:uppercase; margin:0; } .av-modal-qtile.ok{ border-color:rgba(29,158,117,.4); background:rgba(29,158,117,.1); } .av-modal-qtile.err{ border-color:rgba(226,75,74,.4); background:rgba(226,75,74,.08); } .av-modal-qtile p{ margin:4px 0 0; font-size:13px; color:#e7def4; } .av-modal-qtile b{ color:#fff; } .av-modal-qtile .gab{ color:#7FD3B4; font-size:12px; } .av-modal-btn{ display:inline-flex; align-items:center; gap:7px; border-radius:11px; padding:9px 15px; font-size:12.5px; font-weight:600; cursor:pointer; border:1px solid transparent; } .av-modal-btn--primary{ background:var(--av-roxo) !important; border-color:var(--av-roxo) !important; color:#fff !important; } .av-modal-btn--primary:hover{ filter:brightness(1.13); } .av-modal-btn--ghost{ background:rgba(255,255,255,.06); border-color:rgba(155,111,212,.3); color:#d9cfe9; } .av-modal-link{ display:inline-flex; align-items:center; gap:6px; border-radius:10px; padding:8px 13px; font-size:12px; font-weight:600; background:rgba(155,111,212,.16); border:1px solid rgba(155,111,212,.3); color:#D9C2F0; } .av-modal-link:hover{ background:rgba(155,111,212,.26); } .av-modal-link-gold{ background:rgba(212,175,55,.14); border-color:rgba(212,175,55,.42); color:#E6C158; } .av-modal-link-gold:hover{ background:rgba(212,175,55,.24); } /* inputs de formulário dentro de modais branded (ex.: edição) */ .av-modal-scope input, .av-modal-scope select, .av-modal-scope textarea{ border-radius:11px; } .av-modal-scope input:focus, .av-modal-scope select:focus, .av-modal-scope textarea:focus{ outline:none; border-color:var(--av-ouro) !important; } /* ============================================================ CADASTRO UNIFICADO — seletor de origem das questões (liga/desliga os dois painéis existentes; classe própria com !important p/ não brigar com permissions-core/estabilizacao) ============================================================ */ #view-simulados #cadastroOrigemToggle{ display:flex; gap:10px; } #view-simulados .sim-origem-off{ display:none !important; } #view-simulados #cadastroOrigemToggle .origem-btn{ flex:1; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px; border-radius:13px; cursor:pointer; font-size:13.5px; font-weight:600; border:1px solid transparent; font-family:'Inter',sans-serif; transition:background .12s ease, color .12s ease, border-color .12s ease, filter .12s ease; } #view-simulados #cadastroOrigemToggle .origem-btn[data-on="1"]{ background:var(--av-roxo); border-color:var(--av-roxo); color:#fff; } #view-simulados #cadastroOrigemToggle .origem-btn[data-on="1"]:hover{ filter:brightness(1.1); } #view-simulados #cadastroOrigemToggle .origem-btn[data-on="0"]{ background:transparent; border-color:rgba(155,111,212,.32); color:#9c93b3; } #view-simulados #cadastroOrigemToggle .origem-btn[data-on="0"]:hover{ border-color:rgba(155,111,212,.6); color:#cfc7de; } body.theme-light #view-simulados #cadastroOrigemToggle .origem-btn[data-on="0"]{ border-color:var(--av-light-line); color:var(--av-light-muted); } @media (max-width:560px){ #view-simulados #cadastroOrigemToggle{ flex-direction:column; } } /* ============================================================ CAMADA 2 — refino visual dos painéis de cadastro (CSS-only) Unifica o "arco-íris" de tons do Tailwind numa paleta roxo/ouro da marca, sem tocar no markup nem na lógica de publicação. ============================================================ */ #view-simulados #painelAddSimulado, #view-simulados #painelGeradorSimuladoQuestoes{ background:#1b1626 !important; border-color:rgba(155,111,212,.24) !important; border-radius:18px !important; } body.theme-light #view-simulados #painelAddSimulado, body.theme-light #view-simulados #painelGeradorSimuladoQuestoes{ background:#fff !important; border-color:var(--av-light-line) !important; } /* Cabeçalhos internos dos painéis */ #view-simulados #painelAddSimulado h3, #view-simulados #painelAddSimulado h4, #view-simulados #painelGeradorSimuladoQuestoes h3, #view-simulados #painelGeradorSimuladoQuestoes h4{ color:#f4f1fa !important; } body.theme-light #view-simulados #painelAddSimulado h3, body.theme-light #view-simulados #painelGeradorSimuladoQuestoes h3{ color:var(--av-carvao) !important; } #view-simulados #painelAddSimulado h3 i, #view-simulados #painelGeradorSimuladoQuestoes h3 i, #view-simulados #painelAddSimulado h4 i, #view-simulados #painelGeradorSimuladoQuestoes h4 i{ color:var(--av-ouro) !important; } /* Campos (texto/número/data/hora/url/select/textarea) → campo da marca + foco ouro */ #view-simulados #painelAddSimulado input:not([type="checkbox"]):not([type="file"]), #view-simulados #painelAddSimulado select, #view-simulados #painelAddSimulado textarea, #view-simulados #painelGeradorSimuladoQuestoes input:not([type="checkbox"]):not([type="file"]), #view-simulados #painelGeradorSimuladoQuestoes select, #view-simulados #painelGeradorSimuladoQuestoes textarea{ background:#0f0d16 !important; border-color:rgba(155,111,212,.22) !important; color:#f2eefa !important; } #view-simulados #painelAddSimulado input:focus, #view-simulados #painelAddSimulado select:focus, #view-simulados #painelAddSimulado textarea:focus, #view-simulados #painelGeradorSimuladoQuestoes input:focus, #view-simulados #painelGeradorSimuladoQuestoes select:focus, #view-simulados #painelGeradorSimuladoQuestoes textarea:focus{ border-color:var(--av-ouro) !important; } body.theme-light #view-simulados #painelAddSimulado input:not([type="checkbox"]):not([type="file"]), body.theme-light #view-simulados #painelAddSimulado select, body.theme-light #view-simulados #painelAddSimulado textarea, body.theme-light #view-simulados #painelGeradorSimuladoQuestoes input:not([type="checkbox"]):not([type="file"]), body.theme-light #view-simulados #painelGeradorSimuladoQuestoes select, body.theme-light #view-simulados #painelGeradorSimuladoQuestoes textarea{ background:#faf8fc !important; border-color:var(--av-light-line) !important; color:var(--av-carvao) !important; } /* Sub-blocos coloridos (purple/blue/emerald-9xx do Tailwind) → tom roxo único da marca */ #view-simulados #painelAddSimulado [class*="bg-purple-9"], #view-simulados #painelAddSimulado [class*="bg-blue-9"], #view-simulados #painelAddSimulado [class*="bg-emerald-9"], #view-simulados #painelAddSimulado [class*="bg-gray-900"], #view-simulados #painelGeradorSimuladoQuestoes [class*="bg-purple-9"], #view-simulados #painelGeradorSimuladoQuestoes [class*="bg-blue-9"], #view-simulados #painelGeradorSimuladoQuestoes [class*="bg-emerald-9"], #view-simulados #painelGeradorSimuladoQuestoes [class*="bg-gray-950"]{ background:rgba(91,31,126,.12) !important; border-color:rgba(155,111,212,.2) !important; } /* labels coloridos (purple/blue/emerald-200/300) → tom claro consistente */ #view-simulados #painelAddSimulado [class*="text-purple-2"], #view-simulados #painelAddSimulado [class*="text-blue-2"], #view-simulados #painelAddSimulado [class*="text-emerald-2"], #view-simulados #painelGeradorSimuladoQuestoes [class*="text-purple-2"], #view-simulados #painelGeradorSimuladoQuestoes [class*="text-blue-2"], #view-simulados #painelGeradorSimuladoQuestoes [class*="text-emerald-2"]{ color:#cbb9e6 !important; } /* Botões principais → roxo da marca; "Gerar gabarito"/"Adicionar" → ouro */ #view-simulados #painelAddSimulado button[type="submit"], #view-simulados #painelGeradorSimuladoQuestoes button[onclick*="gerarSimuladoPeloBancoQuestoes"]{ background:var(--av-roxo) !important; border:1px solid var(--av-roxo) !important; color:#fff !important; } #view-simulados #painelAddSimulado button[type="submit"]:hover, #view-simulados #painelGeradorSimuladoQuestoes button[onclick*="gerarSimuladoPeloBancoQuestoes"]:hover{ filter:brightness(1.12); } #view-simulados #painelAddSimulado button[onclick*="gerarCamposGabaritoSimulado"], #view-simulados #painelAddSimulado button[onclick*="adicionarQuestaoManualSimulado"]{ background:rgba(212,175,55,.16) !important; border:1px solid rgba(212,175,55,.42) !important; color:#E6C158 !important; } /* A pílula "ADM/Staff" do gerador → ouro da marca */ #view-simulados #painelGeradorSimuladoQuestoes [class*="bg-purple-950"][class*="rounded-full"]{ background:rgba(212,175,55,.15) !important; border-color:rgba(212,175,55,.4) !important; color:#E6C158 !important; }