@layer modules{
/* ═══════════════════════════════════════════════════════════════════════════
   21b-edition-charts.css - Styles graphiques tableur
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── SVG charts ──────────────────────────────────────────────────────────── */
.esh-chart-svg{ display:block; border-radius:var(--radius); background:var(--card); overflow:visible; }
.esh-chart-wrap{ border:1px solid var(--line); border-radius:var(--radius); background:var(--card); overflow:hidden; }
.esh-chart-wrap.selected{ box-shadow:0 0 0 2px var(--accent); }

/* ── Chart editor dialog ──────────────────────────────────────────────────── */
.esh-chart-editor{ min-width:640px; }
.esh-ce-list-item{ padding:var(--sp-6) var(--sp-10); cursor:pointer; font-size:var(--fs-md); display:flex; align-items:center; justify-content:space-between; }
.esh-ce-list-item:hover,.esh-ce-list-active{ background:color-mix(in srgb,var(--accent) 10%,transparent); }
.esh-ce-serie{ flex-wrap:nowrap; gap:var(--sp-6); }
.esh-ce-slbl,.esh-ce-srange{ font-size:var(--fs-sm); }
.esh-ce-sdel{ background:none; border:none; color:var(--mut); cursor:pointer; font-size:var(--fs-md); }
.esh-ce-scol{ border:1px solid var(--line); border-radius:var(--radius-xs); padding:var(--sp-1); cursor:pointer; height:26px; width:34px; }

/* ── Pivot table ─────────────────────────────────────────────────────────── */
.esh-pivot-table{ border-collapse:collapse; font-size:var(--fs-sm); }
.esh-pivot-table th{ background:var(--card2); font-weight:var(--fw-strong); padding:var(--sp-4) var(--sp-8); border:1px solid var(--line); text-align:center; }
.esh-pivot-table td{ padding:var(--sp-4) var(--sp-8); border:1px solid var(--line); text-align:right; }
.esh-pivot-total{ font-weight:var(--fw-strong); background:color-mix(in srgb,var(--accent) 8%,transparent); }

/* ── Search dialog ───────────────────────────────────────────────────────── */
.esh-search-dlg{ top:120px; min-width:360px; }

/* ── Sparklines ──────────────────────────────────────────────────────────── */
.esh-sparkline{ display:inline-block; }
.esh-sparkline svg{ vertical-align:middle; }

}