/* =======================================================================
   PCabral Net — Design System v1  ·  "Aura Financial"
   Fonte canônica: pcabral-net/_Base_Conhecimento_PCabral_Net/pcabral_net_design_system.css
   Copiado para consumo do piloto Plataforma Bases (SPEC 04 — Etapa D).
   NÃO editar aqui — alterações vão no canônico.
   ----------------------------------------------------------------------- */

:root{
  /* ── Tinta / superfícies ── */
  --pca-ink:        #0F1115;
  --pca-ink-2:      #050505;
  --pca-graphite:   #1F2937;
  --pca-canvas:     #F3F4F6;
  --pca-surface:    #FFFFFF;
  --pca-surface-2:  #FAFAFA;
  --pca-line:       rgba(17,24,39,.10);
  --pca-line-strong:rgba(17,24,39,.18);

  /* ── Texto ── */
  --pca-text:       #111827;
  --pca-text-2:     #4B5563;
  --pca-text-3:     #6B7280;
  --pca-on-dark:    #E5E7EB;
  --pca-on-dark-2:  #9CA3AF;

  /* ── Acentos ── */
  --pca-emerald:      #10B981;
  --pca-emerald-dark: #059669;
  --pca-emerald-soft: #ECFDF5;
  --pca-burgundy:     #9B2C2C;

  /* ── Tipografia ── */
  --pca-font-display:'Manrope','Inter',-apple-system,'Segoe UI',Arial,sans-serif;
  --pca-font-body:   'Inter',-apple-system,'Segoe UI',Arial,sans-serif;
  --pca-font-mono:   'JetBrains Mono','Consolas',monospace;

  --t-xs:11px; --t-sm:13px; --t-base:15px; --t-lg:18px;
  --t-xl:22px; --t-2xl:28px; --t-3xl:36px; --t-4xl:46px;
  --leading-tight:1.18; --leading-normal:1.6; --leading-relaxed:1.75;

  --s-xs:4px; --s-sm:8px; --s-md:16px; --s-lg:24px; --s-xl:36px; --s-2xl:56px; --s-3xl:80px;

  --r-sm:10px; --r-md:16px; --r-lg:24px; --r-xl:40px; --r-pill:999px;

  --sh-sm:0 1px 2px rgba(15,17,21,.05);
  --sh-md:0 6px 20px rgba(15,17,21,.07);
  --sh-lg:0 18px 48px rgba(15,17,21,.12);
  --sh-panel:0 30px 70px rgba(5,5,5,.35);
}

.pca *{box-sizing:border-box;}
.pca{font-family:var(--pca-font-body);color:var(--pca-text);background:var(--pca-canvas);
  font-size:var(--t-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;}
.pca h1,.pca h2,.pca h3,.pca .display{font-family:var(--pca-font-display);letter-spacing:-.02em;
  color:var(--pca-ink);font-weight:800;line-height:var(--leading-tight);}
.pca a{color:var(--pca-emerald-dark);text-decoration:none;}

.pca-eyebrow{font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;
  font-weight:700;color:var(--pca-emerald-dark);}

.pca-nav{display:inline-flex;align-items:center;gap:24px;background:rgba(255,255,255,.7);
  backdrop-filter:blur(10px);border:1px solid var(--pca-line);border-radius:var(--r-pill);
  padding:10px 20px;font-size:var(--t-sm);box-shadow:var(--sh-sm);}

.pca-panel{background:var(--pca-ink);color:var(--pca-on-dark);border-radius:var(--r-xl);
  padding:var(--s-2xl);box-shadow:var(--sh-panel);position:relative;overflow:hidden;}
.pca-panel h1,.pca-panel h2,.pca-panel h3{color:#fff;}
.pca-panel .pca-eyebrow{color:var(--pca-emerald);}

.pca-card{background:var(--pca-surface);border:1px solid var(--pca-line);
  border-radius:var(--r-lg);padding:var(--s-lg);box-shadow:var(--sh-sm);}
.pca-kpi .v{font-family:var(--pca-font-display);font-weight:800;font-size:var(--t-2xl);
  color:var(--pca-ink);line-height:1;}
.pca-kpi .v em{font-style:normal;color:var(--pca-emerald-dark);}
.pca-kpi .l{margin-top:8px;font-size:var(--t-xs);color:var(--pca-text-3);line-height:1.4;}
.pca-kpi.accent{background:var(--pca-ink);border-color:var(--pca-ink);}
.pca-kpi.accent .v{color:#fff;} .pca-kpi.accent .v em{color:var(--pca-emerald);}
.pca-kpi.accent .l{color:var(--pca-on-dark-2);}

.pca-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--pca-font-display);
  font-weight:700;font-size:var(--t-sm);padding:12px 22px;border-radius:var(--r-pill);
  background:var(--pca-emerald);color:#04130D;border:none;cursor:pointer;transition:.15s;
  text-decoration:none;}
.pca-btn:hover{background:var(--pca-emerald-dark);color:#fff;}
.pca-btn.ghost{background:transparent;color:var(--pca-ink);border:1px solid var(--pca-line-strong);}
.pca-btn.sm{padding:8px 14px;font-size:var(--t-xs);}

.pca-tag{display:inline-block;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--t-xs);
  font-weight:700;letter-spacing:.01em;}
.pca-tag.value{background:var(--pca-emerald-soft);color:var(--pca-emerald-dark);}
.pca-tag.neutral{background:#EEF1F4;color:var(--pca-graphite);}
.pca-tag.alert{background:#FEF2F2;color:var(--pca-burgundy);}

.pca-table{width:100%;border-collapse:collapse;font-size:var(--t-sm);}
.pca-table thead th{background:var(--pca-ink);color:#fff;text-align:left;padding:11px 14px;
  font-family:var(--pca-font-display);font-weight:600;font-size:var(--t-xs);letter-spacing:.03em;}
.pca-table thead th.r,.pca-table tbody td.r{text-align:right;}
.pca-table tbody td{padding:10px 14px;border-bottom:1px solid var(--pca-line);color:var(--pca-text-2);}
.pca-table tbody tr:nth-child(even){background:var(--pca-surface-2);}
.pca-table tbody tr.total td{font-weight:800;color:var(--pca-text);background:var(--pca-emerald-soft);
  border-top:2px solid var(--pca-emerald);}

.pca-callout{background:var(--pca-surface);border:1px solid var(--pca-line);
  border-left:4px solid var(--pca-emerald);border-radius:0 var(--r-md) var(--r-md) 0;
  padding:18px 22px;box-shadow:var(--sh-sm);}

.pca-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.pca-flow .step{background:var(--pca-surface);border:1px solid var(--pca-line-strong);
  color:var(--pca-ink);font-family:var(--pca-font-display);font-weight:700;font-size:var(--t-sm);
  padding:10px 15px;border-radius:var(--r-md);}
.pca-flow .step.accent{background:var(--pca-emerald);color:#04130D;border-color:var(--pca-emerald);}
.pca-flow .arr{color:var(--pca-emerald);font-weight:800;}