/* PROMISE CHARTS v1.0 — dark, institutional. Gold primary, muted series, no rainbow.
   A chart only exists if it helps a decision. Every chart shows source + last updated. */
.p-chart{ background:var(--p-bg-2); border:1px solid var(--p-border); border-radius:var(--p-radius); padding:var(--p-pad); }
.p-chart-h{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:16px; }
.p-chart-h .t{ font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--p-text-2); }
.p-chart-h .src{ font-size:9px; color:var(--p-muted); }   /* source + last updated (required) */

/* SVG primitives */
.p-chart .grid line,.p-chart .p-grid line{ stroke:var(--chart-grid); stroke-width:1; }
.p-chart .axis text,.p-chart .p-axis{ fill:var(--chart-axis); font-size:9px; }
.p-s1{ fill:var(--chart-primary); stroke:var(--chart-primary); }   /* main = gold */
.p-s2{ fill:var(--chart-blue);    stroke:var(--chart-blue); }
.p-s3{ fill:var(--chart-green);   stroke:var(--chart-green); }
.p-s4{ fill:var(--chart-red);     stroke:var(--chart-red); }
.p-s5{ fill:var(--chart-gray);    stroke:var(--chart-gray); }
.p-line{ fill:none; stroke-width:2; }
.p-area{ opacity:.14; }

/* CSS bar chart (no library) */
.p-bars{ display:flex; flex-direction:column; gap:11px; }
.p-bars .b{ display:grid; grid-template-columns:120px 1fr auto; gap:12px; align-items:center; }
.p-bars .t{ font-size:10px; text-transform:uppercase; letter-spacing:.05em; color:var(--p-muted); }
.p-bars .track{ height:14px; background:rgba(255,255,255,.05); border-radius:7px; overflow:hidden; }
.p-bars .fill{ height:100%; border-radius:7px; background:var(--chart-primary); }
.p-bars .fill.blue{ background:var(--chart-blue); } .p-bars .fill.green{ background:var(--chart-green); }
.p-bars .fill.red{ background:var(--chart-red); } .p-bars .fill.gray{ background:var(--chart-gray); }
.p-bars .v{ font-size:12px; font-weight:700; text-align:right; color:var(--p-text); font-variant-numeric:tabular-nums; min-width:64px; }

/* donut (allocation/share only) */
.p-donut circle{ fill:none; stroke-width:14; }
.p-donut .track{ stroke:rgba(255,255,255,.06); }

/* tooltip — dark, compact, institutional */
.p-tip{ background:var(--chart-tooltip-bg); border:1px solid var(--chart-tooltip-border);
  border-radius:8px; padding:8px 10px; font-size:11px; color:var(--p-text); box-shadow:var(--p-shadow); }
.p-tip .k{ color:var(--p-muted); } .p-tip .v{ font-weight:700; font-variant-numeric:tabular-nums; }