/* PERFIL VIVO (reskin) — visual alternativo escopado só em /interpretacao (docs/PERFIL-VIVO.md). */

/* PERFIL VIVO — reskin visual escopado só em /interpretacao (docs/PERFIL-VIVO.md).
   Sobrescreve variáveis CSS já usadas por todo o accordion/citação compartilhado
   com o Mapa Astral, sem editar nenhuma regra global — Fraunces já é carregada
   (linha do <link> Google Fonts) pra outras páginas, reaproveitada aqui sem custo
   de rede novo. Respeita os 2 temas (light/dark). */
#page-interpretation{
  --font-heading:'DM Sans','Noto Sans','Noto Sans JP',sans-serif;
  --accent:#A6702E;
  --bg:#FFFFFF;
  --surface:#FFFFFF;
  --surface2:#FFFFFF;
}
:root[data-theme="dark"] #page-interpretation{--accent:#D79A52;--bg:#14111A;--surface2:#1E1926;}
#page-interpretation .resumo-text{font-size:19px;letter-spacing:.1px;}
#page-interpretation .section-eyebrow-label,
#page-interpretation .slot-label{letter-spacing:.08em;}
#page-interpretation .section-block{margin-top:28px;padding-top:24px;border-top:1px solid var(--border);}
#page-interpretation .section-block:first-child{border-top:none;padding-top:0;}
#page-interpretation .resumo-card{margin-top:24px;}
#page-interpretation .sources-header{margin:20px 20px 0;}
#page-interpretation .sources-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:10px;}
#page-interpretation .sources-rings{display:flex;flex-wrap:wrap;gap:8px;}
#page-interpretation .pv-page-title{font-family:var(--font-heading);font-size:28px;font-weight:400;margin:8px 20px 20px;}
#page-interpretation .pv-page-title em{font-style:italic;color:var(--accent);}
#page-interpretation .sources-title{font-size:15px;color:var(--text);margin-bottom:14px;}
#page-interpretation .source-ring{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 12px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim);}
#page-interpretation .source-ring.on{color:var(--text);border-color:var(--accent);}
#page-interpretation .source-ring-dot{width:10px;height:10px;border-radius:50%;border:1.4px solid var(--border);flex-shrink:0;box-sizing:border-box;}
#page-interpretation .source-ring.on .source-ring-dot{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 42%,transparent 46%);}
#page-interpretation .next-layers{display:flex;flex-direction:column;gap:8px;}
#page-interpretation .next-layer-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-dim);}
#page-interpretation .next-layer-dot{width:12px;height:12px;border-radius:50%;border:1.4px dashed var(--border);flex-shrink:0;box-sizing:border-box;}
#page-interpretation .recent-activity{margin:16px 20px 0;padding:12px 16px;background:var(--surface2);border-left:2px solid var(--accent);border-radius:10px;font-size:13.5px;color:var(--text);}
#page-interpretation .update-perception-btn{display:block;margin-top:8px;font-size:12px;color:var(--accent);background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-body);}
#page-interpretation .synthesis-pending{margin-top:10px;padding:10px 12px;background:var(--surface2);border-radius:10px;}
#page-interpretation .synthesis-pending-actions{display:flex;gap:8px;margin-top:8px;}
#page-interpretation .synthesis-pending-actions button{font-size:12px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:none;color:var(--text);cursor:pointer;font-family:var(--font-body);}
#page-interpretation .synthesis-pending-actions button:first-child{border-color:var(--accent);color:var(--accent);font-weight:600;}

/* #pvctx-overlay ("Adicionar um fato sobre você", Fase 4) fica FORA do container
   #page-interpretation no DOM (é um overlay irmão, não filho) — as regras escopadas
   acima não alcançam ele. Só usado a partir de /interpretacao (nunca do Diário),
   então é seguro reskinar diretamente aqui sem risco pra outras páginas/sheets. */
#pvctx-overlay .jrn-sheet-date{font-family:var(--font-heading);}
#pvctx-overlay .jrn-sheet-close{color:#A6702E;}
#pvctx-overlay .pv-cat.active{background:linear-gradient(135deg,#A6702E,#8C5A22);border:none;color:#fff;}
#pvctx-overlay .jrn-save{background:linear-gradient(135deg,#A6702E,#8C5A22);color:#fff;}
:root[data-theme="dark"] #pvctx-overlay .jrn-sheet-close{color:#D79A52;}
:root[data-theme="dark"] #pvctx-overlay .pv-cat.active{background:linear-gradient(135deg,#D79A52,#A6702E);}
:root[data-theme="dark"] #pvctx-overlay .jrn-save{background:linear-gradient(135deg,#D79A52,#A6702E);color:#1a1420;}