/* ASG Client Dashboard Analytics Upgrade v12 Premium */
:root {
  --asgd-ink:#0d1b34;
  --asgd-soft-ink:#667899;
  --asgd-line:#d8e4f3;
  --asgd-panel:#ffffff;
  --asgd-panel-soft:#f5f9ff;
  --asgd-blue:#2962ff;
  --asgd-green:#19b97a;
  --asgd-orange:#f4a21d;
  --asgd-red:#ef5b52;
  --asgd-purple:#8f56ff;
}
.asgd-main, .asgd-dashboard, #dashboardPanel { width:100%; max-width:none; }
.asgd-main { padding-left: 18px; padding-right: 18px; box-sizing:border-box; }
.asgd-insight-strip.v21 { display:grid; grid-template-columns: 1.8fr 1.4fr repeat(5,minmax(150px,0.72fr)) 1.4fr; gap:0; border:1px solid var(--asgd-line); border-radius:24px; overflow:hidden; background:#fff; }
.asgd-insight-strip.v21 > * { min-width:0; border-right:1px solid var(--asgd-line); }
.asgd-insight-strip.v21 > *:last-child { border-right:none; }
.asgd-insight-card, .asgd-insight-ad { min-height:150px; padding:20px 18px; box-sizing:border-box; background:#fff; }
.asgd-overall-insight, .asgd-top-live-activity { background:linear-gradient(180deg,#eef6ff,#f8fbff); }
.asgd-number-insight strong { display:block; margin-top:8px; font-size:30px; line-height:1; color:var(--asgd-ink); }
.asgd-metric-meta { display:block; margin-top:10px; font-size:12px; font-weight:800; color:var(--asgd-soft-ink); }
.asgd-metric-meta[data-tone="up"]{ color:var(--asgd-green);}
.asgd-metric-meta[data-tone="down"]{ color:var(--asgd-red);}
.asgd-metric-meta[data-tone="neutral"]{ color:var(--asgd-soft-ink);}
.asgd-insight-command { background:linear-gradient(180deg,#fbfefb,#f7fff8); }
.asgd-insight-command-copy b { display:block; margin-bottom:6px; font-size:28px; line-height:1.15; color:var(--asgd-ink); }
.asgd-insight-command-copy span { display:block; color:var(--asgd-soft-ink); line-height:1.55; }
#globalTrafficGraph svg, #activitySpectrumGraph svg { width:100%; height:auto; display:block; }
.asgd-activity-executive-grid, .asgd-summary-grid.analytics { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:14px; margin:14px 0 18px; }
.asgd-activity-executive-grid article, .asgd-summary-grid.analytics article { padding:16px; border:1px solid var(--asgd-line); border-radius:18px; background:linear-gradient(180deg,#fff,#f8fbff); }
.asgd-activity-executive-grid article span, .asgd-summary-grid.analytics article span { display:block; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; color:#6d7d97; }
.asgd-activity-executive-grid article strong, .asgd-summary-grid.analytics article strong { display:block; margin:8px 0 6px; color:var(--asgd-ink); font-size:28px; line-height:1; }
.asgd-activity-executive-grid article small, .asgd-summary-grid.analytics article small { display:block; color:var(--asgd-soft-ink); line-height:1.5; }
.asgd-activity-narrative { margin:0 0 16px; padding:16px 18px; border:1px solid var(--asgd-line); border-radius:18px; background:linear-gradient(180deg,#fbfdff,#f6faff); color:var(--asgd-soft-ink); }
.asgd-activity-narrative b { color:var(--asgd-ink); }
.asgd-activity-wide-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:16px; }
.asgd-activity-wide-grid .asgd-card.inner { height:100%; }
#overviewGraphs { display:grid; grid-template-columns: 1.35fr 1fr; gap:16px; align-items:start; }
#overviewGraphs .asgd-overview-xl { grid-column:1 / -1; }
.asgd-card-headline { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; margin-bottom:10px; }
.asgd-card-headline h3 { margin:0 0 6px; font-size:24px; color:var(--asgd-ink); }
.asgd-card-headline p { margin:0; }
.asgd-badge { display:inline-flex; align-items:center; padding:7px 12px; border-radius:999px; background:#edf4ff; color:#365c96; font-size:12px; font-weight:900; white-space:nowrap; }
.asgd-badge.soft { background:#eefaf3; color:#25895f; }
.asgd-badge.good { background:#eefaf3; color:#25895f; }
.asgd-badge.warn { background:#fff4df; color:#a56b00; }
.asgd-crm-kpi-row { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:12px; margin-top:16px; }
.asgd-crm-kpi-row span { padding:12px 14px; border:1px solid var(--asgd-line); border-radius:16px; background:#f9fbff; }
.asgd-crm-kpi-row b { display:block; color:var(--asgd-ink); font-size:24px; line-height:1; margin-bottom:4px; }
.asgd-crm-kpi-row small { color:var(--asgd-soft-ink); }
.asgd-analytics-grid { display:grid; grid-template-columns: 1.25fr .95fr; gap:16px; }
.asgd-analytics-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.asgd-analytics-chart-stack { display:block; }
.asgd-big-sparkline.analytics { padding:8px 0; }
.asgd-analytics-narrative-strip { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:14px; margin-top:16px; }
.asgd-analytics-narrative-strip article { padding:15px 16px; border-radius:18px; border:1px solid var(--asgd-line); background:linear-gradient(180deg,#fff,#f8fbff); }
.asgd-analytics-narrative-strip b { display:block; margin-bottom:6px; color:var(--asgd-ink); font-size:14px; }
.asgd-analytics-narrative-strip span { color:var(--asgd-soft-ink); line-height:1.55; }
.asgd-panel .asgd-card { box-sizing:border-box; }
.asgd-list.capped.xlong, .asgd-list.wide.capped.xlong { min-height:320px; }
@media (max-width: 1600px){ .asgd-insight-strip.v21 { grid-template-columns: 1.5fr 1.2fr repeat(3,minmax(150px,.8fr)) 1.35fr; } .asgd-insight-strip.v21 .tone-known{ display:none; } }
@media (max-width: 1350px){ .asgd-insight-strip.v21 { grid-template-columns: repeat(2,minmax(0,1fr)); } .asgd-insight-strip.v21 > * { border-right:none; border-bottom:1px solid var(--asgd-line);} .asgd-insight-strip.v21 > *:nth-last-child(-n+2){border-bottom:none;} #overviewGraphs, .asgd-analytics-grid, .asgd-activity-wide-grid, .asgd-analytics-grid.three, .asgd-activity-executive-grid, .asgd-summary-grid.analytics, .asgd-analytics-narrative-strip, .asgd-crm-kpi-row { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 820px){ #overviewGraphs, .asgd-analytics-grid, .asgd-activity-wide-grid, .asgd-analytics-grid.three, .asgd-activity-executive-grid, .asgd-summary-grid.analytics, .asgd-analytics-narrative-strip, .asgd-crm-kpi-row { grid-template-columns: 1fr; } .asgd-main { padding-left:12px; padding-right:12px; } }


/* =========================================================
   v10.2 previous comparison, retention and report export
========================================================= */
.asgd-activity-list-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px solid var(--asgd-line);border-radius:16px;background:#fff}
.asgd-activity-list-card+.asgd-activity-list-card{margin-top:9px}
.asgd-activity-list-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#edf4ff;color:var(--asgd-blue)}
.asgd-activity-list-card strong{display:block;color:var(--asgd-ink);margin-bottom:7px}
.asgd-billing-caution{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;border-left:6px solid #7d8ba4;background:linear-gradient(180deg,#fff,#f7f9fd)}
.asgd-billing-caution[data-level="info"]{border-left-color:#2962ff;background:#f5f9ff}
.asgd-billing-caution[data-level="warning"]{border-left-color:#f4a21d;background:#fffaf1}
.asgd-billing-caution[data-level="urgent"]{border-left-color:#ef5b52;background:#fff6f5}
.asgd-billing-caution h3{margin:5px 0 6px}.asgd-billing-caution p{margin:0;color:var(--asgd-soft-ink)}
.asgd-billing-caution-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}
.asgd-retention-report-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.7fr);gap:16px;margin:16px 0}
.asgd-retention-components{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.asgd-retention-components article{padding:13px;border:1px solid var(--asgd-line);border-radius:15px;background:#f8fbff}
.asgd-retention-components span{display:block;color:var(--asgd-soft-ink);font-size:11px;font-weight:900;text-transform:uppercase}.asgd-retention-components strong{display:block;margin-top:6px;color:var(--asgd-ink);font-size:24px}
.asgd-report-control-card{display:flex;flex-direction:column;justify-content:center}.asgd-report-actions{display:grid;gap:10px;margin-top:18px}
.asgd-business-report{margin:16px 0;background:#fff}.asgd-report-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:2px solid var(--asgd-line)}
.asgd-report-header span{color:var(--asgd-blue);font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.asgd-report-header h2{margin:7px 0 4px;color:var(--asgd-ink);font-size:34px}.asgd-report-header p{margin:0;color:var(--asgd-soft-ink)}.asgd-report-header>strong{font-size:30px;color:var(--asgd-green)}
.asgd-report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.asgd-report-metrics article{padding:15px;border:1px solid var(--asgd-line);border-radius:16px;background:#f8fbff}.asgd-report-metrics span,.asgd-report-metrics small{display:block;color:var(--asgd-soft-ink)}.asgd-report-metrics strong{display:block;margin:7px 0 4px;font-size:28px;color:var(--asgd-ink)}
.asgd-report-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.asgd-business-report footer{margin-top:20px;padding-top:12px;border-top:1px solid var(--asgd-line);color:var(--asgd-soft-ink);font-size:12px}
@media(max-width:1100px){.asgd-retention-report-grid{grid-template-columns:1fr}.asgd-retention-components,.asgd-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.asgd-billing-caution{align-items:flex-start;flex-direction:column}.asgd-retention-components,.asgd-report-metrics,.asgd-report-columns{grid-template-columns:1fr}}
@media print{
  body.asgd-print-business-report *{visibility:hidden!important}
  body.asgd-print-business-report #businessSummaryReport,
  body.asgd-print-business-report #businessSummaryReport *{visibility:visible!important}
  body.asgd-print-business-report #businessSummaryReport{position:absolute;inset:0;width:100%;margin:0;padding:24px;border:0;box-shadow:none;background:#fff}
  body.asgd-print-business-report .aig-nav,body.asgd-print-business-report .asgd-sidebar,body.asgd-print-business-report button{display:none!important}
}


/* v12 premium analytics integration */
.asgd-premium-command { margin: 0 0 16px; }
.asgd-premium-kpi-grid article:hover {
  border-color: #b9cbec;
  box-shadow: 0 8px 22px rgba(9,24,54,.06);
}
@media print {
  body.asgd-print-business-report .asgd-premium-command { display: block !important; }
}


/* =========================================================
   v13.3 overview visualization: six equal cards, three per row
========================================================= */
#overviewGraphs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

#overviewGraphs .asgd-overview-xl {
  grid-column: auto !important;
}

#overviewGraphs > .asgd-card {
  height: 410px;
  min-height: 410px;
  max-height: 410px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #afc1dc transparent;
}

#overviewGraphs .asgd-big-sparkline,
#overviewGraphs .asgd-big-sparkline svg {
  max-height: 190px;
}

#overviewGraphs .asgd-card-headline h3 {
  font-size: 20px;
}

#overviewGraphs .asgd-card-footnote {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--asgd-line);
}

@media (max-width: 1500px) {
  #overviewGraphs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  #overviewGraphs {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #overviewGraphs > .asgd-card {
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }
}


/* =========================================================
   V10.0 SINGLE-FRAME ANALYTICS HEADER
   One outer frame, internal divider lines, no floating cards.
========================================================= */

.asgd-insight-strip.v21 {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0 !important;
  padding: 0 !important;
  margin: 0;
  min-height: 196px;
  overflow: hidden;
  border: 1px solid #c5d3e6;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 38px rgba(9, 24, 54, 0.065);
}

.asgd-insight-strip.v21 > .asgd-insight-card,
.asgd-insight-strip.v21 > .asgd-insight-ad {
  min-height: 196px !important;
  margin: 0 !important;
  padding: 16px 17px !important;
  border: 0 !important;
  border-right: 1px solid #d3deec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #ffffff;
}

.asgd-insight-strip.v21 > :last-child {
  border-right: 0 !important;
}

.asgd-insight-strip.v21 .asgd-overall-insight {
  grid-column: span 2;
  background:
    linear-gradient(145deg, rgba(248, 251, 255, 0.98), rgba(239, 246, 255, 0.95));
}

.asgd-insight-strip.v21 .asgd-traffic-card {
  grid-column: span 4;
}

.asgd-insight-strip.v21 .asgd-number-insight {
  grid-column: span 1;
}

.asgd-insight-strip.v21 .asgd-insight-command {
  grid-column: span 3;
}

/* Live Activity stays visibly sky blue and uses the full available height. */
.asgd-insight-strip.v21 .asgd-top-live-activity {
  display: grid;
  grid-template-rows: auto minmax(112px, 1fr);
  gap: 10px;
  align-content: stretch;
  background:
    linear-gradient(145deg, rgba(229, 244, 255, 0.98), rgba(207, 233, 255, 0.94)) !important;
}

.asgd-insight-strip.v21 .asgd-top-live-activity .asgd-traffic-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.asgd-insight-strip.v21 .asgd-top-live-activity .asgd-traffic-head > span {
  color: #1e4f83;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.asgd-insight-strip.v21 .asgd-top-live-activity .asgd-traffic-head > small {
  color: #587493;
  font-size: 10px;
}

.asgd-insight-strip.v21 .asgd-top-live-activity .asgd-sparkline,
.asgd-insight-strip.v21 .asgd-top-live-activity .asgd-traffic-spectrum-box,
.asgd-insight-strip.v21 .asgd-top-live-activity .asgd-traffic-spectrum-box svg {
  width: 100%;
  min-height: 112px !important;
  max-height: 126px !important;
  align-self: stretch;
}

.asgd-insight-strip.v21 .asgd-top-live-activity .asgd-sparkline {
  padding: 5px 8px;
  border: 1px solid rgba(90, 151, 209, 0.38);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.42);
}

/* Redundant Live Activity metric sentence, copy, and chip row are removed in HTML.
   These rules also suppress stale cached markup. */
.asgd-top-live-activity #liveActivityHeading,
.asgd-top-live-activity #liveActivityText,
.asgd-top-live-activity #liveActivityLegend,
.asgd-top-live-activity .asgd-top-live-copy,
.asgd-top-live-activity .asgd-activity-legend.compact.top {
  display: none !important;
}

/* Overall analytics becomes a taller, integrated first division. */
.asgd-insight-strip.v21 .asgd-overall-insight {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 14px;
  align-content: stretch;
}

.asgd-insight-strip.v21 .asgd-overall-insight-copy strong {
  display: block;
  margin-top: 7px;
  font-size: clamp(24px, 1.55vw, 34px);
  line-height: 1.02;
}

.asgd-insight-strip.v21 .asgd-overall-insight-copy small {
  display: block;
  margin-top: 7px;
  line-height: 1.4;
}

.asgd-insight-strip.v21 .asgd-clock.insight-clock {
  align-self: end;
  min-height: 72px;
  border: 1px solid rgba(130, 154, 190, 0.34);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.68);
}

/* Numeric columns are simple internal cells, not cards. */
.asgd-insight-strip.v21 .asgd-number-insight {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 7px;
  background: #ffffff !important;
}

.asgd-insight-strip.v21 .asgd-number-insight span {
  color: #61718a;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.asgd-insight-strip.v21 .asgd-number-insight strong {
  font-size: clamp(26px, 1.7vw, 38px);
  line-height: 1;
}

.asgd-insight-strip.v21 .asgd-number-insight small {
  color: #6e7c91;
  font-size: 10.5px;
  line-height: 1.35;
}

/* Command division remains part of the same frame. */
.asgd-insight-strip.v21 .asgd-insight-command {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 255, 0.98)) !important;
  align-content: center;
}

@media (max-width: 1450px) {
  .asgd-insight-strip.v21 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    min-height: 184px;
  }

  .asgd-insight-strip.v21 > .asgd-insight-card,
  .asgd-insight-strip.v21 > .asgd-insight-ad {
    min-height: 184px !important;
  }
}

@media (max-width: 1180px) {
  .asgd-insight-strip.v21 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .asgd-insight-strip.v21 .asgd-overall-insight {
    grid-column: span 2;
  }

  .asgd-insight-strip.v21 .asgd-top-live-activity {
    grid-column: span 4;
    border-right: 0 !important;
  }

  .asgd-insight-strip.v21 .asgd-number-insight {
    grid-column: span 1;
    border-top: 1px solid #d3deec !important;
  }

  .asgd-insight-strip.v21 .asgd-insight-command {
    grid-column: span 3;
    border-top: 1px solid #d3deec !important;
    border-right: 0 !important;
  }
}

@media (max-width: 820px) {
  .asgd-insight-strip.v21 {
    grid-template-columns: 1fr;
    border-radius: 18px;
  }

  .asgd-insight-strip.v21 > .asgd-insight-card,
  .asgd-insight-strip.v21 > .asgd-insight-ad,
  .asgd-insight-strip.v21 .asgd-overall-insight,
  .asgd-insight-strip.v21 .asgd-top-live-activity,
  .asgd-insight-strip.v21 .asgd-number-insight,
  .asgd-insight-strip.v21 .asgd-insight-command {
    grid-column: 1 / -1 !important;
    min-height: auto !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d3deec !important;
  }

  .asgd-insight-strip.v21 > :last-child {
    border-bottom: 0 !important;
  }

  .asgd-insight-strip.v21 .asgd-top-live-activity {
    grid-template-rows: auto minmax(120px, 1fr);
  }
}

/* ASG Client Dashboard Analytics Upgrade v10.1 */
:root {
  --asgd-ink:#0d1b34;
  --asgd-soft-ink:#667899;
  --asgd-line:#d8e4f3;
  --asgd-panel:#ffffff;
  --asgd-panel-soft:#f5f9ff;
  --asgd-blue:#2962ff;
  --asgd-green:#19b97a;
  --asgd-orange:#f4a21d;
  --asgd-red:#ef5b52;
  --asgd-purple:#8f56ff;
}
.asgd-main, .asgd-dashboard, #dashboardPanel { width:100%; max-width:none; }
.asgd-main { padding-left: 18px; padding-right: 18px; box-sizing:border-box; }
.asgd-insight-strip.v21 { display:grid; grid-template-columns: 1.8fr 1.4fr repeat(5,minmax(150px,0.72fr)) 1.4fr; gap:0; border:1px solid var(--asgd-line); border-radius:24px; overflow:hidden; background:#fff; }
.asgd-insight-strip.v21 > * { min-width:0; border-right:1px solid var(--asgd-line); }
.asgd-insight-strip.v21 > *:last-child { border-right:none; }
.asgd-insight-card, .asgd-insight-ad { min-height:150px; padding:20px 18px; box-sizing:border-box; background:#fff; }
.asgd-overall-insight, .asgd-top-live-activity { background:linear-gradient(180deg,#eef6ff,#f8fbff); }
.asgd-number-insight strong { display:block; margin-top:8px; font-size:30px; line-height:1; color:var(--asgd-ink); }
.asgd-metric-meta { display:block; margin-top:10px; font-size:12px; font-weight:800; color:var(--asgd-soft-ink); }
.asgd-metric-meta[data-tone="up"]{ color:var(--asgd-green);}
.asgd-metric-meta[data-tone="down"]{ color:var(--asgd-red);}
.asgd-metric-meta[data-tone="neutral"]{ color:var(--asgd-soft-ink);}
.asgd-insight-command { background:linear-gradient(180deg,#fbfefb,#f7fff8); }
.asgd-insight-command-copy b { display:block; margin-bottom:6px; font-size:28px; line-height:1.15; color:var(--asgd-ink); }
.asgd-insight-command-copy span { display:block; color:var(--asgd-soft-ink); line-height:1.55; }
#globalTrafficGraph svg, #activitySpectrumGraph svg { width:100%; height:auto; display:block; }
.asgd-activity-executive-grid, .asgd-summary-grid.analytics { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:14px; margin:14px 0 18px; }
.asgd-activity-executive-grid article, .asgd-summary-grid.analytics article { padding:16px; border:1px solid var(--asgd-line); border-radius:18px; background:linear-gradient(180deg,#fff,#f8fbff); }
.asgd-activity-executive-grid article span, .asgd-summary-grid.analytics article span { display:block; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; color:#6d7d97; }
.asgd-activity-executive-grid article strong, .asgd-summary-grid.analytics article strong { display:block; margin:8px 0 6px; color:var(--asgd-ink); font-size:28px; line-height:1; }
.asgd-activity-executive-grid article small, .asgd-summary-grid.analytics article small { display:block; color:var(--asgd-soft-ink); line-height:1.5; }
.asgd-activity-narrative { margin:0 0 16px; padding:16px 18px; border:1px solid var(--asgd-line); border-radius:18px; background:linear-gradient(180deg,#fbfdff,#f6faff); color:var(--asgd-soft-ink); }
.asgd-activity-narrative b { color:var(--asgd-ink); }
.asgd-activity-wide-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:16px; }
.asgd-activity-wide-grid .asgd-card.inner { height:100%; }
#overviewGraphs { display:grid; grid-template-columns: 1.35fr 1fr; gap:16px; align-items:start; }
#overviewGraphs .asgd-overview-xl { grid-column:1 / -1; }
.asgd-card-headline { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; margin-bottom:10px; }
.asgd-card-headline h3 { margin:0 0 6px; font-size:24px; color:var(--asgd-ink); }
.asgd-card-headline p { margin:0; }
.asgd-badge { display:inline-flex; align-items:center; padding:7px 12px; border-radius:999px; background:#edf4ff; color:#365c96; font-size:12px; font-weight:900; white-space:nowrap; }
.asgd-badge.soft { background:#eefaf3; color:#25895f; }
.asgd-badge.good { background:#eefaf3; color:#25895f; }
.asgd-badge.warn { background:#fff4df; color:#a56b00; }
.asgd-crm-kpi-row { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:12px; margin-top:16px; }
.asgd-crm-kpi-row span { padding:12px 14px; border:1px solid var(--asgd-line); border-radius:16px; background:#f9fbff; }
.asgd-crm-kpi-row b { display:block; color:var(--asgd-ink); font-size:24px; line-height:1; margin-bottom:4px; }
.asgd-crm-kpi-row small { color:var(--asgd-soft-ink); }
.asgd-analytics-grid { display:grid; grid-template-columns: 1.25fr .95fr; gap:16px; }
.asgd-analytics-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.asgd-analytics-chart-stack { display:block; }
.asgd-big-sparkline.analytics { padding:8px 0; }
.asgd-analytics-narrative-strip { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:14px; margin-top:16px; }
.asgd-analytics-narrative-strip article { padding:15px 16px; border-radius:18px; border:1px solid var(--asgd-line); background:linear-gradient(180deg,#fff,#f8fbff); }
.asgd-analytics-narrative-strip b { display:block; margin-bottom:6px; color:var(--asgd-ink); font-size:14px; }
.asgd-analytics-narrative-strip span { color:var(--asgd-soft-ink); line-height:1.55; }
.asgd-panel .asgd-card { box-sizing:border-box; }
.asgd-list.capped.xlong, .asgd-list.wide.capped.xlong { min-height:320px; }
@media (max-width: 1600px){ .asgd-insight-strip.v21 { grid-template-columns: 1.5fr 1.2fr repeat(3,minmax(150px,.8fr)) 1.35fr; } .asgd-insight-strip.v21 .tone-known{ display:none; } }
@media (max-width: 1350px){ .asgd-insight-strip.v21 { grid-template-columns: repeat(2,minmax(0,1fr)); } .asgd-insight-strip.v21 > * { border-right:none; border-bottom:1px solid var(--asgd-line);} .asgd-insight-strip.v21 > *:nth-last-child(-n+2){border-bottom:none;} #overviewGraphs, .asgd-analytics-grid, .asgd-activity-wide-grid, .asgd-analytics-grid.three, .asgd-activity-executive-grid, .asgd-summary-grid.analytics, .asgd-analytics-narrative-strip, .asgd-crm-kpi-row { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 820px){ #overviewGraphs, .asgd-analytics-grid, .asgd-activity-wide-grid, .asgd-analytics-grid.three, .asgd-activity-executive-grid, .asgd-summary-grid.analytics, .asgd-analytics-narrative-strip, .asgd-crm-kpi-row { grid-template-columns: 1fr; } .asgd-main { padding-left:12px; padding-right:12px; } }


/* ASG Client Dashboard Analytics Upgrade v10.1 */
:root {
  --asgd-ink:#0d1b34;
  --asgd-soft-ink:#667899;
  --asgd-line:#d8e4f3;
  --asgd-panel:#ffffff;
  --asgd-panel-soft:#f5f9ff;
  --asgd-blue:#2962ff;
  --asgd-green:#19b97a;
  --asgd-orange:#f4a21d;
  --asgd-red:#ef5b52;
  --asgd-purple:#8f56ff;
}
.asgd-main, .asgd-dashboard, #dashboardPanel { width:100%; max-width:none; }
.asgd-main { padding-left: 18px; padding-right: 18px; box-sizing:border-box; }
.asgd-insight-strip.v21 { display:grid; grid-template-columns: 1.8fr 1.4fr repeat(5,minmax(150px,0.72fr)) 1.4fr; gap:0; border:1px solid var(--asgd-line); border-radius:24px; overflow:hidden; background:#fff; }
.asgd-insight-strip.v21 > * { min-width:0; border-right:1px solid var(--asgd-line); }
.asgd-insight-strip.v21 > *:last-child { border-right:none; }
.asgd-insight-card, .asgd-insight-ad { min-height:150px; padding:20px 18px; box-sizing:border-box; background:#fff; }
.asgd-overall-insight, .asgd-top-live-activity { background:linear-gradient(180deg,#eef6ff,#f8fbff); }
.asgd-number-insight strong { display:block; margin-top:8px; font-size:30px; line-height:1; color:var(--asgd-ink); }
.asgd-metric-meta { display:block; margin-top:10px; font-size:12px; font-weight:800; color:var(--asgd-soft-ink); }
.asgd-metric-meta[data-tone="up"]{ color:var(--asgd-green);}
.asgd-metric-meta[data-tone="down"]{ color:var(--asgd-red);}
.asgd-metric-meta[data-tone="neutral"]{ color:var(--asgd-soft-ink);}
.asgd-insight-command { background:linear-gradient(180deg,#fbfefb,#f7fff8); }
.asgd-insight-command-copy b { display:block; margin-bottom:6px; font-size:28px; line-height:1.15; color:var(--asgd-ink); }
.asgd-insight-command-copy span { display:block; color:var(--asgd-soft-ink); line-height:1.55; }
#globalTrafficGraph svg, #activitySpectrumGraph svg { width:100%; height:auto; display:block; }
.asgd-activity-executive-grid, .asgd-summary-grid.analytics { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:14px; margin:14px 0 18px; }
.asgd-activity-executive-grid article, .asgd-summary-grid.analytics article { padding:16px; border:1px solid var(--asgd-line); border-radius:18px; background:linear-gradient(180deg,#fff,#f8fbff); }
.asgd-activity-executive-grid article span, .asgd-summary-grid.analytics article span { display:block; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; color:#6d7d97; }
.asgd-activity-executive-grid article strong, .asgd-summary-grid.analytics article strong { display:block; margin:8px 0 6px; color:var(--asgd-ink); font-size:28px; line-height:1; }
.asgd-activity-executive-grid article small, .asgd-summary-grid.analytics article small { display:block; color:var(--asgd-soft-ink); line-height:1.5; }
.asgd-activity-narrative { margin:0 0 16px; padding:16px 18px; border:1px solid var(--asgd-line); border-radius:18px; background:linear-gradient(180deg,#fbfdff,#f6faff); color:var(--asgd-soft-ink); }
.asgd-activity-narrative b { color:var(--asgd-ink); }
.asgd-activity-wide-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:16px; }
.asgd-activity-wide-grid .asgd-card.inner { height:100%; }
#overviewGraphs { display:grid; grid-template-columns: 1.35fr 1fr; gap:16px; align-items:start; }
#overviewGraphs .asgd-overview-xl { grid-column:1 / -1; }
.asgd-card-headline { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; margin-bottom:10px; }
.asgd-card-headline h3 { margin:0 0 6px; font-size:24px; color:var(--asgd-ink); }
.asgd-card-headline p { margin:0; }
.asgd-badge { display:inline-flex; align-items:center; padding:7px 12px; border-radius:999px; background:#edf4ff; color:#365c96; font-size:12px; font-weight:900; white-space:nowrap; }
.asgd-badge.soft { background:#eefaf3; color:#25895f; }
.asgd-badge.good { background:#eefaf3; color:#25895f; }
.asgd-badge.warn { background:#fff4df; color:#a56b00; }
.asgd-crm-kpi-row { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:12px; margin-top:16px; }
.asgd-crm-kpi-row span { padding:12px 14px; border:1px solid var(--asgd-line); border-radius:16px; background:#f9fbff; }
.asgd-crm-kpi-row b { display:block; color:var(--asgd-ink); font-size:24px; line-height:1; margin-bottom:4px; }
.asgd-crm-kpi-row small { color:var(--asgd-soft-ink); }
.asgd-analytics-grid { display:grid; grid-template-columns: 1.25fr .95fr; gap:16px; }
.asgd-analytics-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.asgd-analytics-chart-stack { display:block; }
.asgd-big-sparkline.analytics { padding:8px 0; }
.asgd-analytics-narrative-strip { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:14px; margin-top:16px; }
.asgd-analytics-narrative-strip article { padding:15px 16px; border-radius:18px; border:1px solid var(--asgd-line); background:linear-gradient(180deg,#fff,#f8fbff); }
.asgd-analytics-narrative-strip b { display:block; margin-bottom:6px; color:var(--asgd-ink); font-size:14px; }
.asgd-analytics-narrative-strip span { color:var(--asgd-soft-ink); line-height:1.55; }
.asgd-panel .asgd-card { box-sizing:border-box; }
.asgd-list.capped.xlong, .asgd-list.wide.capped.xlong { min-height:320px; }
@media (max-width: 1600px){ .asgd-insight-strip.v21 { grid-template-columns: 1.5fr 1.2fr repeat(3,minmax(150px,.8fr)) 1.35fr; } .asgd-insight-strip.v21 .tone-known{ display:none; } }
@media (max-width: 1350px){ .asgd-insight-strip.v21 { grid-template-columns: repeat(2,minmax(0,1fr)); } .asgd-insight-strip.v21 > * { border-right:none; border-bottom:1px solid var(--asgd-line);} .asgd-insight-strip.v21 > *:nth-last-child(-n+2){border-bottom:none;} #overviewGraphs, .asgd-analytics-grid, .asgd-activity-wide-grid, .asgd-analytics-grid.three, .asgd-activity-executive-grid, .asgd-summary-grid.analytics, .asgd-analytics-narrative-strip, .asgd-crm-kpi-row { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 820px){ #overviewGraphs, .asgd-analytics-grid, .asgd-activity-wide-grid, .asgd-analytics-grid.three, .asgd-activity-executive-grid, .asgd-summary-grid.analytics, .asgd-analytics-narrative-strip, .asgd-crm-kpi-row { grid-template-columns: 1fr; } .asgd-main { padding-left:12px; padding-right:12px; } }