/* ============================================================
   Carbon analytics. Same tokens and panels as the desk (styles.css loads first).
   One series, one axis, status colours only for statuses.
   ============================================================ */
.a-page { padding-bottom: 60px; }
.top a.btn { text-decoration: none; white-space: nowrap; }
.a-title { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.a-asof { font: 400 11.5px/1 var(--mono); color: var(--ink-4); }
.a-kicker { display: block; font: 600 10.5px/1 var(--font); letter-spacing: .14em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; }
.panel h2 { margin: 0; font: 600 17px/1.2 var(--font); letter-spacing: -.01em; }
.a-sub { margin: 6px 0 0; font-size: 12px; color: var(--ink-3); line-height: 1.5; }
.a-fn { margin: 12px 0 0; font-size: 11px; color: var(--ink-4); line-height: 1.5; }

.a-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.a-stat { padding: 18px 20px; border-radius: var(--r-card); display: flex; flex-direction: column; gap: 4px; }
.a-stat .x-stat-n { font-size: 28px; }
.a-stat .x-stat-sub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.a-chart { border-radius: var(--r-card); padding: 22px 24px 18px; margin-bottom: 16px; }
.a-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.a-range { align-self: flex-start; }
.a-range button { font-family: var(--mono); font-size: 11px; padding: 7px 10px; }
.a-plot { position: relative; margin-top: 18px; height: 300px; }
.a-plot svg { width: 100%; height: 100%; display: block; overflow: visible; }
.a-plot .grid { stroke: var(--line); stroke-dasharray: 2 4; }
.a-plot .axis { fill: var(--ink-4); font: 400 11px var(--mono); }
.a-plot .area { fill: url(#a-fill); }
.a-plot .line { fill: none; stroke: var(--accent); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.a-plot .dot { fill: var(--accent); stroke: var(--panel); stroke-width: 2; }
.a-plot .xhair { stroke: var(--ink-3); stroke-width: 1; stroke-dasharray: 3 3; }
.a-tip { position: absolute; top: 0; transform: translate(-50%, -110%); pointer-events: none; background: var(--panel); border: 1px solid var(--line2); border-radius: 10px; padding: 8px 10px; font: 500 11.5px/1.4 var(--mono); color: var(--ink); white-space: nowrap; box-shadow: var(--barshadow); }
.a-tip small { display: block; color: var(--ink-3); font-weight: 400; }
.a-empty { position: absolute; left: 0; right: 0; top: 40%; text-align: center; font-size: 12.5px; color: var(--ink-3); pointer-events: none; }

.a-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.a-mix, .a-treasury { border-radius: var(--r-card); padding: 22px 24px; }
.a-bar { display: flex; height: 8px; border-radius: 999px; overflow: hidden; background: var(--well2); margin: 18px 0 14px; gap: 2px; }
.a-bar i { display: block; height: 100%; min-width: 2px; }
.a-list { list-style: none; margin: 0; padding: 0; }
.a-list li { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line-soft); font-size: 12.5px; color: var(--ink-2); }
.a-list li:last-child { border-bottom: 0; }
.a-list li b { margin-left: auto; font: 600 12.5px/1 var(--mono); color: var(--ink); }
.a-list li i.sw { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.a-list li .pct { font: 400 11px/1 var(--mono); color: var(--ink-4); }
.a-total { display: flex; justify-content: space-between; align-items: baseline; padding-top: 12px; margin-top: 4px; border-top: 1px solid var(--line); font-size: 12.5px; color: var(--ink-3); }
.a-total b { font: 600 13px/1 var(--mono); color: var(--ink); }
.st-open { background: var(--disc); } .st-filled { background: var(--sec); } .st-cancelled { background: var(--prem); } .st-expired { background: var(--warn); } .st-reclaimed { background: var(--ink-4); }
.a-big { font: 600 34px/1.1 var(--mono); letter-spacing: -.02em; color: var(--ink); margin: 16px 0 6px; }
.a-trows li .sym { font-family: var(--mono); font-size: 11px; color: var(--ink-3); min-width: 72px; }
.a-trows li small { color: var(--ink-4); font-size: 11px; }
.a-list li.muted { color: var(--ink-3); font-size: 12px; }

.a-fills { border-radius: var(--r-card); }
.a-fills .a-head { padding: 18px 22px 12px; }
.a-tablewrap { overflow-x: auto; }
.a-table td.l { text-align: left; }
.a-table td a { color: var(--sec-2); text-decoration: none; }
.a-table td a:hover { color: var(--ink); }
.a-table .unp { color: var(--ink-4); }

@media (max-width: 1180px) { .a-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .a-grid { grid-template-columns: 1fr; } .conn .btn.sm { margin-left: 0; } }
@media (max-width: 720px) {
  .a-page { padding-bottom: 100px; }
  .top a.btn { display: none; }
  .a-stats { grid-template-columns: 1fr 1fr; gap: 10px; } .a-stat { padding: 14px 16px; } .a-stat .x-stat-n { font-size: 24px; }
  .a-chart { padding: 16px 14px 12px; } .a-plot { height: 220px; } .a-range { width: 100%; overflow-x: auto; }
  .a-mix, .a-treasury { padding: 16px 14px; } .a-big { font-size: 28px; }
  .a-fills .a-head { padding: 14px 14px 10px; }
  .nav { justify-content: stretch; } .nav a.navlink { flex: 1; justify-content: center; padding: 12px 4px; font-size: 12px; }
}