/* OPUS Friend of ED · Plataforma Editorial
   Visual do mockup aprovado (15/10/2026), a partir do guia do OPUS Studio Kit: roxo #7C3AED, ciano, #0F172A,
   Inter + Playfair Display; menu escuro com a textura neon; ilustrações do kit (static/img/kit).
   O ciano só aparece sobre o fundo escuro (no fundo claro ele não tem contraste). */
:root{
  --navy:#0F172A;--navy2:#1E293B;--violeta:#7C3AED;--ciano:#22D3EE;
  --grad:#7C3AED;
  --fundo:#F8FAFC;--cartao:#FFFFFF;--borda:#E2E8F0;--borda2:#CBD5E1;--linha:#F1F5F9;
  --texto:#0F172A;--texto2:#334155;--suave:#475569;
  --azul:#6D28D9;--azul2:#5B21B6;--azulclaro:#EDE9FE;--azulfundo:#FAF5FF;
  --verde:#15803D;--verdeclaro:#DCFCE7;--verdeescuro:#166534;
  --laranja:#B45309;--laranjaclaro:#FEF3C7;--laranjaescuro:#92400E;
  --vermelho:#B91C1C;--vermelhoclaro:#FEE2E2;--escuro:#0F172A;
  --sombra:0 14px 40px rgba(26,37,97,.07);--raio:16px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--texto);font-size:15px;line-height:1.5}
a{color:var(--azul)}a:hover{color:var(--azul2)}
h1,h2,h3{margin:0}
.serif{font-family:'Playfair Display',Georgia,serif}
:focus-visible{outline:2px solid var(--violeta);outline-offset:2px}

/* ------------------------------------------------------------------ faixa de teste e marca */
.faixa-teste{background:#FFF7E6;border-bottom:1px solid #F5D9A8;color:#7A4A06;font-size:13px;text-align:center;padding:6px 16px}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.marca-ico{flex:0 0 40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#7C3AED;color:#fff}
.marca-txt{display:flex;flex-direction:column;line-height:1.15}
.marca-txt b{font-family:'Playfair Display',Georgia,serif;font-size:19px;font-weight:700;letter-spacing:-.2px}
.marca-txt b em{font-style:normal;color:#A78BFA}
.marca-txt small{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#67E8F9;margin-top:3px}

/* ------------------------------------------------------------------ casca da aplicação (logado) */
.app{display:grid;grid-template-columns:262px minmax(0,1fr);min-height:100vh}
.sidebar{background:linear-gradient(180deg,#0F172A 0%,#0F172A 62%,rgba(15,23,42,.55) 100%),url('img/kit/background-neon.png') bottom center/100% auto no-repeat,#0F172A;color:#E2E8F0;padding:24px 16px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;gap:22px}
.sidebar .marca{padding:0 6px}
.nav-app{display:flex;flex-direction:column;gap:4px}
.nav-app a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:#CBD5E1;text-decoration:none;font-weight:500;font-size:14px}
.nav-app a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px}
.nav-app a:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-app a.ativo{background:#7C3AED;color:#fff;font-weight:600}
.etapas-livro{border-top:1px solid rgba(148,163,184,.25);padding-top:18px;display:flex;flex-direction:column;gap:6px}
.etapas-livro .cab{padding:0 8px 10px;display:flex;flex-direction:column;gap:4px}
.etapas-livro .rotulo{color:#67E8F9}
.etapas-livro .titulo{font-family:'Playfair Display',Georgia,serif;font-size:17px;font-weight:600;line-height:1.3;color:#fff}
.etapas-livro .detalhe{font-size:12px;color:#94A3B8}
.etapas-livro .lista{display:flex;flex-direction:column;gap:3px}
.etapas-livro .passo{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;color:#94A3B8;font-size:14px;text-decoration:none}
.etapas-livro a.passo{color:#E2E8F0}
.etapas-livro a.passo:hover{background:rgba(255,255,255,.06);color:#fff}
.etapas-livro .bola{flex:0 0 26px;height:26px;border-radius:50%;border:1px solid #64748B;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}
.etapas-livro .passo.atual{background:#7C3AED;color:#fff;font-weight:600}
.etapas-livro .passo.atual .bola{background:#fff;color:#6D28D9;border:0;font-weight:700}
.etapas-livro .passo.feito .bola{background:#16A34A;color:#fff;border:0}
.etapas-livro .passo.liberado .bola{border-color:#94A3B8;color:#E2E8F0}
.etapas-livro .nota-lateral{margin:8px 8px 0;font-size:12px;line-height:1.5;color:#94A3B8}
.side-rodape{margin-top:auto;padding:14px;border:1px solid rgba(167,139,250,.3);border-radius:12px;background:rgba(15,23,42,.6);color:#CBD5E1;font-size:12px;line-height:1.6}
.side-rodape span{color:#94A3B8}
.principal{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:5;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 32px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--borda)}
.migalha{display:flex;align-items:center;gap:10px;min-width:0;font-size:14px;color:var(--suave)}
.migalha a{color:var(--suave);text-decoration:none}.migalha a:hover{color:var(--azul)}
.migalha b{color:var(--texto);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conta{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.chip-equipe{font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--azulclaro);color:var(--azul2)}
.avatar,a.avatar{width:38px;height:38px;border-radius:50%;background:var(--grad);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex:0 0 auto}
.avatar.grande{width:56px;height:56px;font-size:18px}
.sair{font-size:14px;font-weight:600;color:var(--texto2);text-decoration:none}.sair:hover{color:var(--azul)}

/* ------------------------------------------------------------------ sem login (entrada, erro) */
.topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 32px;background:#fff;border-bottom:1px solid var(--borda)}
.topo .marca{color:var(--texto)}
.topo .marca-txt b em{color:var(--violeta)}
.topo .marca-txt small{color:var(--suave)}
.topo-frase{font-size:14px;color:var(--suave)}

/* ------------------------------------------------------------------ páginas */
.pagina{display:flex;flex-wrap:wrap;gap:24px;width:100%;max-width:1440px;margin:0 auto;padding:30px 32px;align-items:flex-start}
.pagina.estreita{max-width:1120px;display:block}
.pagina.larga{display:flex;flex-direction:column;flex-wrap:nowrap;gap:22px;align-items:stretch}
main.conteudo{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px}
.cabeca{display:flex;flex-direction:column;gap:6px}
.cabeca .etapa{margin:0;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--violeta)}
.cabeca h1{font-family:'Playfair Display',Georgia,serif;font-size:36px;font-weight:700;line-height:1.15;letter-spacing:-.3px}
.cabeca p{margin:0;font-size:15px;line-height:1.6;color:var(--suave);max-width:760px}
.linha-cabeca{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.linha-cabeca>div{display:flex;flex-direction:column;gap:6px}
.titulo-secao{font-size:17px;font-weight:600;display:flex;align-items:center;gap:8px}
.titulo-secao span{font-size:13px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--azulclaro);color:var(--azul2)}
.rodape-pagina{margin:4px 0 24px}

/* painel lateral claro (cadastro) */
.lateral{flex:1 1 250px;background:#fff;border:1px solid var(--borda);border-radius:var(--raio);padding:16px 10px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--sombra);position:sticky;top:88px}
.lateral .cab{padding:4px 12px 14px;margin-bottom:8px;border-bottom:1px solid var(--linha);display:flex;flex-direction:column;gap:6px}
.rotulo{font-size:11px;font-weight:700;color:var(--violeta);text-transform:uppercase;letter-spacing:.09em}
.lateral .titulo{font-family:'Playfair Display',Georgia,serif;font-size:17px;font-weight:600;line-height:1.3}
.lateral .passo{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:9px;color:var(--suave);font-size:14px;text-decoration:none}
.lateral a.passo{color:var(--texto)}.lateral a.passo:hover{background:var(--azulfundo)}
.lateral .passo.atual{background:var(--azulclaro);font-weight:600}
.bola{flex:0 0 26px;height:26px;border-radius:50%;border:1.5px solid #CBD5E1;display:flex;align-items:center;justify-content:center;font-size:13px}
.lateral .passo.feito .bola{background:var(--verdeclaro);border:0}
.nota-lateral{margin:12px 12px 4px;font-size:12px;line-height:1.5;color:var(--suave)}

/* cartões */
.cartao{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--sombra)}
.cartao h2{font-size:17px;font-weight:600}.cartao .sub{margin:2px 0 0;font-size:14px;color:var(--suave)}
.cartao.vazio{align-items:flex-start}.cartao.vazio p{margin:0}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.grade.larga{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.duas{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.duas>*{min-width:0}

/* formulários */
label.campo{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:var(--texto2)}
.campo input,.campo select,.campo textarea{height:46px;padding:0 13px;border:1px solid var(--borda2);border-radius:9px;font:inherit;font-size:15px;font-weight:400;color:var(--texto);background:#fff;width:100%;transition:border-color .15s,box-shadow .15s}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:0;border-color:#A78BFA;box-shadow:0 0 0 3px rgba(124,58,237,.15)}
.campo textarea{height:auto;padding:12px 13px;line-height:1.5;resize:vertical}
.campo input[readonly]{background:#F8FAFC}
.campo.erro input,.campo.erro select{border-color:var(--vermelho)}
.marcar{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--texto2);font-weight:400}
.marcar input{accent-color:var(--violeta)}
.opcao{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:1px solid var(--borda2);border-radius:11px;background:#fff;font-size:15px;cursor:pointer}
.opcao.on{border:1.5px solid #A78BFA;background:var(--azulfundo)}
.opcao input{width:18px;height:18px;margin:0;accent-color:var(--violeta)}
.linha-botoes{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 24px}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:10px;border:0;background:#7C3AED;color:#fff;font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s}
.btn:hover{color:#fff;background:#6D28D9}
.btn.claro{background:#fff;color:var(--texto2);border:1px solid var(--borda2)}.btn.claro:hover{background:#F8FAFC;color:var(--texto)}
.btn.borda-azul{background:#fff;color:var(--azul);border:1px solid #A78BFA}
.btn.azul{background:#2563EB}.btn.azul:hover{background:#1D4ED8}
.btn.peq{height:40px;padding:0 14px;font-size:14px}
.btn.alto{height:50px}
.btn[disabled],.btn.desligado{opacity:.5;pointer-events:none}

/* chips e avisos */
.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:600}
.chip.verde{background:var(--verdeclaro);color:var(--verdeescuro)}.chip.laranja{background:var(--laranjaclaro);color:var(--laranjaescuro)}
.chip.cinza{background:#F1F5F9;color:var(--texto2)}.chip.escuro{background:var(--navy);color:#fff}.chip.vermelho{background:var(--vermelhoclaro);color:var(--vermelho)}
.chip.azul{background:var(--azulclaro);color:var(--azul2)}
a.chip{text-decoration:none}a.chip.cinza:hover{background:#E2E8F0;color:var(--texto)}
.aviso{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:12px;font-size:14px;border:1px solid transparent}
.aviso.verde{background:var(--verdeclaro);color:var(--verdeescuro);border-color:#BBF7D0}
.aviso.laranja{background:var(--laranjaclaro);color:var(--laranjaescuro);border-color:#FDE68A}
.aviso.vermelho{background:var(--vermelhoclaro);color:var(--vermelho);border-color:#FECACA}
.aviso.azul{background:var(--azulclaro);color:var(--azul2);border-color:#DDD6FE}
.barra{height:9px;border-radius:9px;background:#E2E8F0;overflow:hidden}.barra>div{height:100%;background:#7C3AED;border-radius:9px;transition:width .5s}
.ok{color:var(--verde)}.suave{color:var(--suave)}.peq{font-size:13px}
.lista-check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px}
.lista-check li{display:flex;align-items:flex-start;gap:10px}
.icone{flex:0 0 16px;width:16px;height:16px;margin-top:2px}

/* Meus livros: métricas, faixa do autor, estante */
.metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.metrica{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:18px;display:grid;grid-template-columns:1fr auto;align-items:start;gap:2px 10px;box-shadow:var(--sombra)}
.metrica strong{grid-column:1}.metrica span{grid-column:1}
.metrica .metrica-ico{grid-column:2;grid-row:1 / span 2;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#EDE9FE;color:#6D28D9}
.metrica-ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.metrica.m-producao .metrica-ico{background:#CFFAFE;color:#0E7490}.metrica.m-prova .metrica-ico{background:#FEF3C7;color:#B45309}.metrica.m-aprovado .metrica-ico{background:#DCFCE7;color:#15803D}
.metrica strong{font-size:30px;font-weight:700;line-height:1.1;color:var(--texto)}
.metrica.m-contrato strong{color:#6D28D9}.metrica.m-producao strong{color:#0E7490}
.metrica.m-prova strong{color:var(--laranja)}.metrica.m-aprovado strong{color:var(--verde)}
.filtros{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--borda)}
.filtro{height:42px;padding:0 14px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--suave);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.filtro span{font-size:12px;font-weight:600;color:var(--suave)}
.filtro:hover{color:var(--texto)}
.filtro.ativo{border-bottom-color:#7C3AED;color:var(--azul2);font-weight:600}.filtro.ativo span{color:var(--azul2)}
.barra.escura{height:6px;background:rgba(255,255,255,.14)}.barra.escura>div{background:#22D3EE}
.cartao[id]{scroll-margin-top:92px}
.metrica span{font-size:13px;color:var(--suave)}
.faixa-autor{flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px 20px;padding:18px 22px}
.faixa-autor-txt{flex:1 1 320px;display:flex;flex-direction:column;gap:8px}
.faixa-autor .nome{font-size:20px;font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.estante{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.livro-card{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);padding:12px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--sombra)}
.capa{aspect-ratio:3/4;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;color:#fff;text-decoration:none;position:relative;overflow:hidden;background:linear-gradient(145deg,#3B1C9C,#6F3BEA)}
.capa::after{content:"";position:absolute;right:-30%;bottom:-18%;width:85%;aspect-ratio:1;border-radius:50%;border:22px solid rgba(255,255,255,.12)}
.capa b{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:700;line-height:1.08;position:relative;z-index:1;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.capa small{position:relative;z-index:1;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.capa:hover{color:#fff;filter:brightness(1.05)}
.capa-0{background:linear-gradient(145deg,#2A1680,#7B3BF0)}
.capa-1{background:linear-gradient(145deg,#053E71,#1BA5C6)}
.capa-2{background:linear-gradient(145deg,#0B4A52,#4E9E7A)}
.capa-3{background:linear-gradient(145deg,#7A1F4A,#E0603B)}
.capa-4{background:linear-gradient(145deg,#110A38,#3D5BD9)}
.livro-card-corpo{display:flex;flex-direction:column;gap:8px;padding:2px 4px 4px}
.livro-card-corpo h3{font-size:17px;font-weight:600;line-height:1.25}
.livro-card-corpo .btn{align-self:flex-start;margin-top:4px}
.segmentos{display:flex;gap:4px;max-width:360px}.segmentos span{flex:1 1 0;height:6px;border-radius:3px;background:#E2E8F0}
.segmentos span.f{background:#7C3AED}.segmentos span.a{background:#C4B5FD}
.livro{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;box-shadow:var(--sombra)}

/* obra: selo e formato */
.logo-selo{flex:0 0 140px;height:72px;border:1px solid var(--borda);border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',Georgia,serif;font-size:20px;font-weight:600;overflow:hidden;padding:8px}
.logo-selo img{max-width:100%;max-height:56px}
.formatos{display:flex;flex-wrap:wrap;gap:14px}
.formato{flex:1 1 240px;display:flex;align-items:flex-end;gap:18px;padding:18px;border-radius:13px;border:1px solid var(--borda2);background:#fff;cursor:pointer;text-align:left;font:inherit;color:var(--texto)}
.formato.on{border:2px solid #A78BFA;background:var(--azulfundo)}
.pagina-desenho{border:1.5px solid var(--texto2);border-radius:2px;background:#fff;padding:9px 8px;display:flex;flex-direction:column;gap:5px}
.pagina-desenho i{height:3px;background:#C9D0E2;display:block}

/* envio, avaliação, edição, prova */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:12px 18px;border-radius:11px;font-size:14px;z-index:99;max-width:90vw;box-shadow:0 8px 24px rgba(7,19,45,.3)}
.toast.erro{background:var(--vermelho)}
.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed #A78BFA;border-radius:14px;padding:32px 24px;text-align:center;background:#FAF5FF;cursor:pointer;transition:border-color .15s,background .15s}
.drop:hover,.drop.sobre{border-color:#7C3AED;background:#F3E8FF}
.notas-grandes{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.nota-box{padding:16px;border-radius:12px;background:#F6F7FC;border:1px solid var(--linha);display:flex;flex-direction:column;gap:2px}
.nota-box b{font-family:'Playfair Display',Georgia,serif;font-size:32px;font-weight:700;color:var(--violeta)}
.editor-caixa{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden;height:calc(100vh - 210px);min-height:560px;box-shadow:var(--sombra)}
.sugestao{border:1px solid var(--borda);border-radius:11px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.risca{color:var(--vermelho);text-decoration:line-through}.novo{color:var(--verde);font-weight:600}
dl.tabela{margin:0;display:flex;flex-direction:column;gap:10px;font-size:14px}
dl.tabela>div{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--linha)}
dl.tabela dt{color:var(--suave)}dl.tabela dd{margin:0;font-weight:600;text-align:right}
.arquivo{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--borda);border-radius:12px;background:#fff}
.arquivo .ico{flex:0 0 44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center}
.oculto{display:none!important}

/* ------------------------------------------------------------------ telas menores */
@media (max-width:1080px){
  .app{grid-template-columns:230px minmax(0,1fr)}
  .pagina{padding:24px}
  .topbar{padding:10px 24px}
}
@media (max-width:900px){
  .app{display:block}
  .sidebar{position:relative;height:auto;padding:14px 16px;gap:12px}
  .nav-app{flex-direction:row;overflow-x:auto;gap:6px;scrollbar-width:none}
  .nav-app a{flex:0 0 auto;padding:9px 12px}
  .nav-app a svg{display:none}
  .etapas-livro{padding-top:12px}
  .etapas-livro .cab{padding:0 2px 6px}
  .etapas-livro .lista{flex-direction:row;overflow-x:auto;gap:6px;scrollbar-width:none;padding-bottom:2px}
  .etapas-livro .passo{flex:0 0 auto;padding:7px 10px 7px 7px;border:1px solid rgba(132,150,204,.25)}
  .etapas-livro .nota-lateral,.side-rodape{display:none}
  .topbar{position:sticky;top:0;padding:10px 16px;min-height:56px}
  .chip-equipe{display:none}
  .lateral{position:relative;top:0}
}
@media (max-width:700px){
  .pagina{padding:16px}.topo{padding:10px 16px}.cabeca h1{font-size:28px}.cartao{padding:18px}
  .topo-frase{display:none}
  .migalha a,.migalha span{display:none}
  .estante{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .capa{padding:12px}.capa b{font-size:17px}
  .livro-card-corpo .btn{align-self:stretch}
}
@media (max-width:760px){.visor-pdf{display:none!important}}   /* no celular o PDF embutido não rola bem: ficam os botões */

/* avaliação: anel da nota geral + barras (tela 07 do OPUS Studio Kit) */
.nota-painel{display:flex;flex-wrap:wrap;gap:24px;align-items:center;padding:18px;border:1px solid var(--linha);border-radius:14px;background:#FBFBFE}
.anel{position:relative;flex:0 0 150px;width:150px;height:150px}
.anel svg{width:100%;height:100%;display:block}
.anel-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.anel-txt b{font-family:'Playfair Display',Georgia,serif;font-size:40px;font-weight:700;line-height:1;color:var(--texto)}
.anel-txt span{font-size:13px;color:var(--suave);margin-top:4px}
.nota-barras{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:6px}
.nota-titulo{margin:0;font-weight:700;font-size:16px}
.nota-linha{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;margin-top:6px}
.nota-linha b{font-size:15px}
.barra.fina{height:8px}.barra.fina>div{background:#0891B2}

/* prova final: abas PDF/EPUB, miniaturas e página grande (tela 10 do OPUS Studio Kit) */
.abas{display:flex;gap:6px;border-bottom:1px solid var(--borda);margin:-4px 0 0}
.aba{height:42px;padding:0 16px;border:0;border-bottom:2px solid transparent;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--suave);cursor:pointer;margin-bottom:-1px}
.aba.ativa{color:var(--azul);border-bottom-color:var(--violeta)}
.visor-corpo{display:flex;gap:14px;align-items:flex-start}
.miniaturas{flex:0 0 112px;max-height:760px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:4px}
.mini{border:1px solid var(--borda2);border-radius:6px;background:#fff;padding:5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;font-size:11px;color:var(--suave)}
.mini img{width:100%;aspect-ratio:2/3;object-fit:contain;background:#F3F5FC;display:block}
.mini.on{border:2px solid #7C3AED;color:var(--azul2);font-weight:600}
.folha{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:10px}
.visor-barra{display:flex;align-items:center;gap:10px;font-size:14px}
.visor-barra .btn.peq{width:40px;padding:0;font-size:18px}
.folha-img{background:#EEF2FF;border-radius:12px;padding:20px;display:flex;justify-content:center}
.folha-img img{max-width:100%;max-height:720px;height:auto;background:#fff;box-shadow:0 10px 30px rgba(29,43,74,.18)}
.leitor-embutido{width:100%;height:720px;border:1px solid var(--borda);border-radius:12px;background:#fff}
@media (max-width:760px){
  .visor-corpo{flex-direction:column-reverse}
  .miniaturas{flex:none;width:100%;max-height:none;flex-direction:row;overflow-x:auto;overflow-y:hidden}
  .mini{flex:0 0 72px}
  .folha-img{padding:10px}
  .leitor-embutido{height:560px}
}

/* ------------------------------------------------------------------ tela de entrada (mockup aprovado em 15/10/2026; texto da Cristiane) */
body.tela-entrada{background:linear-gradient(90deg,rgba(15,23,42,.96) 0%,rgba(15,23,42,.86) 52%,rgba(15,23,42,.62) 100%),url('img/kit/background-city.png') center/cover no-repeat fixed,#0F172A;min-height:100vh}
body.tela-entrada .topo{background:transparent;border-bottom:1px solid rgba(167,139,250,.22)}
body.tela-entrada .topo .marca{color:#fff}
body.tela-entrada .topo .marca-txt b em{color:#A78BFA}body.tela-entrada .topo .marca-txt small{color:#67E8F9}
body.tela-entrada .topo-frase{color:#CBD5E1}
.entrada{display:flex;flex-wrap:wrap;gap:40px;align-items:center;max-width:1280px;margin:0 auto;padding:48px 40px 56px}
.abertura{flex:999 1 560px;min-width:0;color:#F8FAFC;display:flex;flex-direction:column;gap:22px}
.abertura .sobre{margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#A78BFA}
.abertura h1{margin:0;font-family:'Playfair Display',Georgia,serif;font-size:clamp(32px,4vw,52px);line-height:1.08;font-weight:700;color:#fff;max-width:680px}
.abertura h1 em{font-style:normal;color:#22D3EE}
.abertura .chamada{margin:0;font-size:18px;line-height:1.6;color:#E2E8F0;max-width:600px}
.abertura-arte{display:block;width:100%;height:auto;max-width:660px;aspect-ratio:646/258;object-fit:cover;border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.45);border:1px solid rgba(167,139,250,.25)}
.oferta-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;max-width:660px}
.oferta-item{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4}
.oferta-item .caixa{flex:0 0 22px;height:22px;border-radius:6px;border:1.5px solid #22D3EE;display:flex;align-items:center;justify-content:center}
.oferta-item small{display:block;color:#CBD5E1;font-size:14px;margin-top:2px}
.oferta-item .breve{display:inline-block;margin-left:4px;padding:0 7px;border-radius:999px;background:rgba(167,139,250,.2);color:#DDD6FE;font-size:11px;font-weight:600}
.abertura-fecho{margin:0;font-size:16px;line-height:1.55;color:#E2E8F0}
.abertura-fecho b{color:#fff}
.abertura-rodape{margin:0;font-size:12px;color:#94A3B8}
.cartao-entrar{flex:1 1 360px;max-width:420px;background:#fff;color:var(--texto);border-radius:20px;padding:36px;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.cartao-entrar h2{font-family:'Playfair Display',Georgia,serif;font-size:27px;font-weight:700}
.separador{display:flex;align-items:center;gap:12px;font-size:13px;color:#64748B}
.separador span{flex:1;height:1px;background:var(--borda)}
.abas-canal{display:flex;gap:6px;padding:4px;background:#F1F5F9;border-radius:11px}
.aba-canal{flex:1;height:42px;border:1.5px solid transparent;border-radius:8px;background:transparent;font:inherit;font-size:14px;color:var(--texto2);cursor:pointer}
.aba-canal[aria-pressed="true"]{border-color:#7C3AED;background:#fff;color:#5B21B6;font-weight:600}
.nota-teste{margin:0;padding-top:12px;border-top:1px solid var(--linha)}
@media (max-width:900px){
  .entrada{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:16px 16px 40px}
  .abertura{display:contents}
  .abertura .sobre{order:1}.abertura-arte{order:2;border-radius:14px}.abertura h1{order:3;font-size:28px}
  .cartao-entrar{order:4;max-width:none;padding:22px}
  .abertura .chamada{order:5;font-size:15px}.oferta-grade{order:6;grid-template-columns:1fr}.abertura-fecho{order:7;font-size:15px}.abertura-rodape{order:8}
}

/* ------------------------------------------------------------------ ilustrações do kit nas páginas (mockup aprovado) */
.faixa-etapas{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;background:#fff;border:1px solid var(--borda);border-radius:16px;padding:12px}
.faixa-etapas .et{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 2px;border-radius:12px;text-decoration:none;color:var(--texto2);font-size:12px;text-align:center}
.faixa-etapas .et img{opacity:.5;filter:saturate(.6)}.faixa-etapas .et.pendente span,.faixa-etapas .et.travado span{color:#64748B}
.faixa-etapas .et.feito img,.faixa-etapas .et.liberado img,.faixa-etapas .et.atual img{opacity:1;filter:none}
.faixa-etapas .et img{height:56px;width:auto;max-width:100%;object-fit:contain}
.faixa-etapas .et.atual{background:#EDE9FE;color:#5B21B6;font-weight:700}
.faixa-etapas a.et:hover{background:#F5F3FF;color:var(--texto)}
.banner-arte{display:flex;flex-wrap:wrap;align-items:center;gap:24px;background:#fff;border:1px solid var(--borda);border-radius:16px;overflow:hidden;box-shadow:var(--sombra)}
.banner-arte .cabeca{flex:999 1 380px;padding:24px 28px}
.banner-arte .arte-lado{flex:1 1 240px;max-width:347px;height:200px;object-fit:cover;align-self:stretch}
.banner-arte .arte-retrato{width:131px;height:164px;object-fit:cover;border-radius:12px;margin:18px 0 18px 24px}
.banner-arte.com-retrato .cabeca{padding:18px 24px 18px 0}
.envio-lado{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch}
.envio-lado .drop{flex:999 1 380px}
.envio-dicas{flex:1 1 220px;display:flex;flex-direction:column;align-items:center;gap:10px}
.envio-dicas img{width:150px;height:164px;object-fit:cover;border-radius:12px}
.envio-dicas ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--texto2)}
.nota-arte{width:157px;height:164px;object-fit:cover;border-radius:12px}
@media (max-width:900px){
  .faixa-etapas{display:flex;overflow-x:auto;scrollbar-width:none}
  .faixa-etapas .et{flex:0 0 96px}
  .banner-arte .arte-lado{max-width:none;height:160px}
  .banner-arte.com-retrato .arte-retrato{margin:16px 0 0 16px}
  .banner-arte.com-retrato .cabeca{padding:12px 16px 18px}
  .nota-arte{display:none}
}

.faixa-etapas .et span{line-height:1.25}
.faixa-etapas .et small{font-size:11px;font-weight:600;color:#94A3B8}
.faixa-etapas .et.feito small{color:#15803D}.faixa-etapas .et.atual small{color:#6D28D9}
.drop-ico{width:52px;height:52px;border-radius:14px;background:#EDE9FE;color:#6D28D9;display:flex;align-items:center;justify-content:center}
.drop strong{font-size:16px}
.chip.grupo-contrato{background:#EDE9FE;color:#5B21B6}.chip.grupo-producao{background:#CFFAFE;color:#155E75}
.chip.grupo-prova{background:#FEF3C7;color:#92400E}.chip.grupo-aprovado{background:#DCFCE7;color:#166534}
.livro-card[data-grupo=producao] .segmentos span.f{background:#0891B2}.livro-card[data-grupo=producao] .segmentos span.a{background:#A5F3FC}
.livro-card[data-grupo=prova] .segmentos span.f{background:#D97706}.livro-card[data-grupo=prova] .segmentos span.a{background:#FDE68A}
.livro-card[data-grupo=aprovado] .segmentos span.f{background:#16A34A}

/* confirmação no estilo da plataforma (no lugar do confirm() do navegador) */
dialog.confirma{border:0;border-radius:18px;padding:0;max-width:440px;width:calc(100% - 32px);box-shadow:0 30px 80px rgba(15,23,42,.35);color:var(--texto)}
dialog.confirma::backdrop{background:rgba(15,23,42,.55)}
dialog.confirma .caixa{padding:24px;display:flex;flex-direction:column;gap:14px}
dialog.confirma h2{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:700}
dialog.confirma p{margin:0;font-size:15px;line-height:1.55;color:var(--texto2)}
dialog.confirma .acoes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:6px}
@media (max-width:900px){
  .app:has(.faixa-etapas) .etapas-livro:not(.secoes-cadastro) .lista{display:none}
  .faixa-etapas{padding:8px;gap:6px}
  .faixa-etapas .et img{height:44px}
  .faixa-etapas .et{flex:0 0 88px;font-size:11px}
  .envio-dicas{flex-direction:row;align-items:flex-start}
  .envio-dicas img{width:84px;height:92px}
}

/* jornada do autor (teste de uso, 15/10/2026) */
.cartao.com-falta{border-color:#FCD34D;box-shadow:0 0 0 3px rgba(245,158,11,.12)}
.falta-secao{padding:10px 14px}
.lista-sugestoes{display:flex;flex-direction:column;gap:10px;max-height:min(640px,calc(100vh - 260px));overflow-y:auto;padding-right:4px;margin-right:-4px}
details.dobravel{gap:0}
details.dobravel>summary{cursor:pointer;font-size:16px;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
details.dobravel>summary::-webkit-details-marker{display:none}
details.dobravel>summary::after{content:"Abrir ▾";font-size:13px;font-weight:600;color:var(--azul)}
details.dobravel[open]>summary::after{content:"Fechar ▴"}
details.dobravel[open]>summary{margin-bottom:16px}
details.dobravel[open]{gap:16px}
.cartao.decisao{border:2px solid #C4B5FD;background:linear-gradient(180deg,#FAF5FF,#fff 60%)}
.cartao.decisao.aprovada{border-color:#86EFAC;background:linear-gradient(180deg,#F0FDF4,#fff 60%)}
@media (max-width:700px){
  .metricas{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .metrica{padding:12px 14px}.metrica strong{font-size:24px}
  .metrica .metrica-ico{width:32px;height:32px}
  .metrica.m-todos{grid-column:1 / -1}
  .lista-sugestoes{max-height:none;overflow:visible}
}

/* começar do zero (só a equipe) */
.btn.perigo{background:#B91C1C;color:#fff;border:0}.btn.perigo:hover{background:#991B1B;color:#fff}
.cartao.zona-perigo{border-color:#FECACA;background:#FFFBFB}
.cartao.zona-perigo h2{color:#991B1B}

/* como a nota é dada (envio) */
.passos-nota{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.55;color:var(--texto2)}
.passos-nota b{color:var(--texto)}
details.como-nota{background:#FAF5FF;border-color:#DDD6FE}

/* como a nota foi feita: as duas notas, em momentos diferentes (Gorki, 15/10/2026) */
.conta-nota{background:#FAF5FF;border:1px solid #DDD6FE;border-radius:12px;padding:14px 18px;font-size:14px;line-height:1.55;color:var(--texto)}
.conta-t{margin:0 0 10px;font-weight:700;color:#5B21B6}
.conta-passos{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.conta-passos>li{display:grid;grid-template-columns:190px 1fr;gap:12px;align-items:start}
.conta-k{font-weight:700;color:var(--texto)}
.conta-passos ul{margin:6px 0 0;padding-left:18px;color:var(--texto2)}
.conta-passos ul li{margin:2px 0}
.conta-vale{border-top:1px solid #DDD6FE;padding-top:10px}
@media (max-width:720px){.conta-passos>li{grid-template-columns:1fr;gap:2px}}

/* entrada pelo e-mail (Gorki, 15/10/2026): e-mail → conta nova com link de confirmação → código por e-mail ou WhatsApp */
.passo-login{display:flex;flex-direction:column;gap:14px}
.btn-google{gap:10px}
.email-atual{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:9px 12px;background:#F8FAFC;border:1px solid var(--borda);border-radius:10px;font-size:13px;color:var(--texto2);overflow-wrap:anywhere}
.email-atual b{color:var(--texto)}
.link-acao{background:none;border:0;padding:6px 2px;font:inherit;font-size:13.5px;font-weight:600;color:#6D28D9;cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:36px}
.link-acao:disabled{color:#94A3B8;text-decoration:none;cursor:default}
.acoes-linha{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center}
.sugestao{margin:-6px 0 0;font-size:13.5px;color:var(--texto2)}
.cartao-entrar .opc{font-weight:400;color:#64748B;font-size:12.5px}
.aceite{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--texto2);cursor:pointer}
.aceite input,.lembrar input{width:18px;height:18px;margin:1px 0 0;accent-color:#7C3AED;flex:none}
.lembrar{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--texto2);cursor:pointer}
.input-codigo{letter-spacing:8px;font-size:24px !important;text-align:center;font-variant-numeric:tabular-nums}
.selo-envelope{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:#EDE9FE;color:#6D28D9}
.canais{display:flex;flex-direction:column;gap:10px}
.canal{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 14px;border:1.5px solid var(--borda2);border-radius:12px;background:#fff;font:inherit;text-align:left;cursor:pointer;color:var(--texto);transition:border-color .15s,background .15s}
.canal:hover,.canal:focus-visible{border-color:#7C3AED;background:#FAF5FF}
.canal.preferido{border-color:#A78BFA}
.canal-ico{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#EDE9FE;color:#6D28D9;flex:none}
.canal-txt{display:flex;flex-direction:column;flex:1;min-width:0}
.canal-txt small{color:#64748B;font-size:13px;overflow-wrap:anywhere}
.canal-tag{font-size:11.5px;font-weight:600;color:#5B21B6;background:#EDE9FE;border-radius:999px;padding:3px 8px;white-space:nowrap}
.canal:disabled{opacity:.7;cursor:progress}
@media (max-width:420px){.canal-tag{display:none}}
/* Autores (equipe Grupo Alta, 15/10/2026) */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lista-autores{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.lista-autores li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--borda)}
.lista-autores li:first-child{border-top:0}
.la-quem{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 280px}
.la-quem .peq{overflow-wrap:anywhere}
.la-acoes{display:flex;flex-wrap:wrap;gap:8px}
.tipo-conta{font-size:13px;line-height:1.45;padding:10px 12px;border-radius:10px;background:#F5F3FF;color:#4C1D95;border:1px solid #DDD6FE}
/* Começar do zero no topo (sempre à vista) */
.btn-recomecar{height:36px;padding:0 12px;font-size:13.5px;white-space:nowrap}
.btn-recomecar .rotulo-curto{display:none}
@media (max-width:560px){.btn-recomecar{padding:0 10px;gap:6px}.btn-recomecar .rotulo-btn{display:none}.btn-recomecar .rotulo-curto{display:inline}}
/* Capa temporária (15/10/2026): no topo, no menu do livro, nos cartões, na Obra e na Prova */
.migalha .mini-capa{display:inline-flex;flex:0 0 auto;border-radius:3px;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.35);line-height:0}
.migalha .mini-capa img{width:24px;height:36px;object-fit:cover;display:block}
.etapas-livro .cab.com-capa{display:flex;flex-direction:row;align-items:flex-start;gap:12px}
.etapas-livro .cab-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.cab-capa{position:relative;flex:0 0 60px;display:block;border-radius:5px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.45);line-height:0}
.cab-capa img{width:60px;height:90px;object-fit:cover;display:block}
.cab-capa span{position:absolute;left:0;right:0;bottom:0;font-size:8px;line-height:1.7;font-weight:700;text-transform:uppercase;text-align:center;color:#111827;background:#FCD34D;white-space:nowrap;overflow:hidden}
.capa-livro{position:relative;display:block;border-radius:8px;overflow:hidden;background:#1F2937;box-shadow:0 8px 18px rgba(15,23,42,.18)}
.capa-livro img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.capa-livro:hover img{transform:scale(1.02)}
.chip.capa-temp{background:#FEF3C7;color:#92400E}
.tag-capa{position:absolute;top:8px;left:8px;font-size:11px;font-weight:700;letter-spacing:.02em;color:#111827;background:#FCD34D;border-radius:999px;padding:3px 9px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.capa-bloco{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.capa-figura{position:relative;margin:0;flex:0 0 220px;width:220px;border-radius:10px;overflow:hidden;background:#1F2937;box-shadow:0 14px 30px rgba(15,23,42,.25)}
.capa-figura img{width:100%;height:100%;object-fit:cover;display:block}
.capa-txt{flex:1 1 280px;display:flex;flex-direction:column;gap:12px;min-width:0}
.capa-acoes{display:flex;flex-wrap:wrap;gap:10px}
.capa-status{margin:0;color:var(--texto2);display:flex;align-items:center;gap:8px}
.ponto-vivo{width:9px;height:9px;border-radius:50%;background:#7C3AED;flex:0 0 auto;animation:pulsa 1.2s ease-in-out infinite}
@keyframes pulsa{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@media (prefers-reduced-motion:reduce){.ponto-vivo{animation:none}.capa-livro img{transition:none}}
.banner-capa{position:relative;flex:0 0 auto;align-self:center;margin:18px 28px 18px 0;width:150px;border-radius:8px;overflow:hidden;line-height:0;box-shadow:0 14px 30px rgba(15,23,42,.28)}
.banner-capa img{width:150px;height:auto;display:block}
.capa-arquivo{width:44px;height:66px;object-fit:cover;border-radius:4px;flex:0 0 auto;box-shadow:0 2px 6px rgba(15,23,42,.25)}
@media (max-width:900px){
  .etapas-livro .cab.com-capa{align-items:center}
  .cab-capa{flex-basis:40px}.cab-capa img{width:40px;height:60px}.cab-capa span{display:none}
}
@media (max-width:560px){
  .capa-figura{flex-basis:100%;width:auto;max-width:260px;margin:0 auto}
  .banner-capa{margin:0 auto 18px;width:120px}.banner-capa img{width:120px}
  .migalha .mini-capa img{width:20px;height:30px}
}
/* Editores e Estúdios (15/10/2026) */
.opcoes-papel{display:flex;flex-wrap:wrap;gap:10px}
.opcoes-papel .opcao{flex:1 1 240px;min-height:60px;padding:10px 14px;align-items:flex-start}
.opcoes-papel .opcao input{margin-top:3px}
.selos-escolha{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.selos-escolha legend{font-size:14px;font-weight:600;margin-bottom:8px}
.selos-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.selos-grade .opcao{min-height:42px;font-size:14px}
.opcao.todos{align-self:flex-start}
.lista-autores li.inativo{opacity:.6}

/* ------------------------------------------------------------------ boas-vindas do autor e cadastro pelo CPF (15/10/2026) */
.boas-vindas{display:flex;flex-direction:column;gap:18px}
.bv-topo{background:#0F172A;color:#E2E8F0;border-radius:var(--raio);padding:28px 26px;display:flex;flex-direction:column;gap:10px}
.bv-topo h1{color:#fff;font-size:32px;line-height:1.15;margin:0}
.bv-topo p{margin:0;color:#CBD5E1}
.bv-cpf input{font-size:18px;letter-spacing:.04em}
.bv-passos ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--texto2)}
.bv-pronto{align-items:center;text-align:center}
.bv-ok{width:68px;height:68px;border-radius:50%;background:#15803D;display:flex;align-items:center;justify-content:center}
.busca-cpf{border:1px solid #C4B5FD;background:#FAF5FF;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px}
.busca-cpf.novo{border-color:var(--borda);background:#F8FAFC}
.busca-cpf.alerta{border-color:#F5D9A8;background:#FFFBEB}
.busca-cpf .dados{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.busca-cpf .dado{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--borda);border-radius:10px;background:#fff;min-width:0}
.busca-cpf .dado small{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--suave)}
.busca-cpf .dado span{font-size:14px;overflow-wrap:anywhere}
.busca-cpf .obras{display:flex;flex-direction:column;gap:6px}
.busca-cpf .obras div{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;background:#fff;border:1px solid var(--borda);border-radius:10px;font-size:14px}
.campo .dica{font-size:12px;font-weight:500}
.campo .dica.ok{color:var(--verdeescuro)}.campo .dica.erro{color:var(--vermelho)}.campo .dica.aviso{color:var(--laranjaescuro)}

/* "Ver no texto" nas sugestões da revisão (1510v) */
.sugestao .ver-texto{align-self:flex-start;gap:6px}
.sug-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.sug-acoes .btn{min-width:44px}
.sugestao.ativa{border-color:#6D28D9;box-shadow:0 0 0 3px rgba(109,40,217,.14)}
.epub-versao.escolhida{border-color:#16A34A;box-shadow:0 0 0 3px rgba(22,163,74,.12)}

/* prev_1710: o preview (tradução parcial) — o selo da lateral, o aviso das etapas e o botão verde */
.etapas-livro .detalhe.preview{align-self:flex-start;margin-top:4px;padding:2px 9px;border-radius:999px;background:#F59E0B;color:#1F2937;font-size:11px;font-weight:700;letter-spacing:.04em}
.aviso.preview-faixa{background:#FFFBEB;color:#78350F;border-color:#FCD34D;margin:0 0 16px}
.aviso.preview-faixa a{color:#92400E;font-weight:600;text-decoration:underline}
.btn.seguir25{background:#15803D}.btn.seguir25:hover{background:#166534;color:#fff}