/* SwanArt portal — data-viz layer */
.viz{margin:26px 0}
.vizgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}
@media(max-width:760px){.vizgrid{grid-template-columns:1fr}}
.chartcard{background:linear-gradient(180deg,var(--panel),var(--ink2));border:1px solid var(--line);border-radius:16px;padding:18px 16px 10px;transition:.25s}
.chartcard:hover{border-color:var(--line2)}
.chartcard .ct{font-size:14.5px;font-weight:600;color:var(--gold2);margin:2px 6px 4px;display:flex;align-items:center;gap:9px}
.chartcard .ct::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--grad);flex:none}
.chartcard .cs{font-size:11.5px;color:var(--mut2);margin:0 6px 10px;font-family:"Sora",sans-serif;direction:rtl}
.chart{width:100%;min-height:300px}
.apexcharts-tooltip{border:1px solid var(--line2)!important;background:#0f1525!important;box-shadow:0 10px 30px -10px rgba(0,0,0,.6)!important}
.apexcharts-tooltip-title{background:#18213a!important;border-color:var(--line2)!important;color:var(--gold2)!important;font-family:"Sora",sans-serif!important}
.apexcharts-legend-text{color:var(--mut)!important;font-family:"IBM Plex Sans Arabic",sans-serif!important}
.apexcharts-xaxistooltip,.apexcharts-yaxistooltip{background:#0f1525!important;border-color:var(--line2)!important;color:var(--txt)!important}

/* animated counters (portal hero stats) */
.count{font-variant-numeric:tabular-nums}

/* subtle reveal for chart cards */
.chartcard{opacity:0;transform:translateY(16px);transition:.6s cubic-bezier(.2,.7,.2,1)}
.chartcard.in{opacity:1;transform:none}