/* GSCC premium - Public Dashboard (Views/Home/PublicDashboard.cshtml).
   Restyles the existing dashboard markup (incl. _DashboardCards / _DashDatePresets partials) under .gpd.
   Scoped with .gpd so the homepage dashboard and admin pages are untouched. */
.gpd.gscc-public-dash { background: transparent; padding: 0; color: var(--gp-ink); }
.gpd .gpd-intro { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--gp-s4); margin-bottom: var(--gp-s5); }
.gpd .gpd-lead { margin: 0; max-width: 52rem; font-size: 0.9375rem; line-height: 1.65; color: var(--gp-ink-2); }

/* KPI cards */
.gpd .gscc-coverage { gap: var(--gp-s4); margin-bottom: var(--gp-s4); }
.gpd .gscc-coverage-card,
.gpd .gscc-kpi {
  background: var(--gp-card); border: 1px solid var(--gp-line); border-radius: var(--gp-radius);
  box-shadow: var(--gp-shadow-sm); gap: var(--gp-s4);
  transition: box-shadow 0.18s ease, border-color 0.18s ease;
}
.gpd .gscc-coverage-card:hover, .gpd .gscc-kpi:hover { box-shadow: var(--gp-shadow); border-color: var(--gp-primary-2); }
.gpd .gscc-coverage-card { padding: var(--gp-s4) var(--gp-s5); }
.gpd .gscc-kpi { padding: var(--gp-s4); }
.gpd .gscc-coverage-label,
.gpd .gscc-kpi-label { font-size: 0.75rem; font-weight: 800; letter-spacing: 0.05em; color: var(--gp-muted); }
.gpd .gscc-coverage-value,
.gpd .gscc-kpi-value { font-family: var(--gp-font-head); font-size: 1.75rem; font-weight: 800; color: var(--gp-primary); }
.gpd .gscc-kpi-value-sm { font-size: 1.375rem; }
.gpd .gscc-kpi-icon { width: 3rem; height: 3rem; border-radius: var(--gp-radius-sm); font-size: 1.375rem; }
.gpd .gscc-tone-green { background: var(--gp-primary-tint); color: var(--gp-primary-2); }
.gpd .gscc-tone-orange { background: var(--gp-accent-tint); color: var(--gp-secondary); }
.gpd .gscc-rate-hint, .gpd .gscc-full-foot { color: var(--gp-muted); font-size: 0.8125rem; }
.gpd .gscc-full-foot { margin-top: var(--gp-s5); }
.gpd .gscc-rate-grid { gap: var(--gp-s4); margin-top: var(--gp-s4); }
.gpd .gscc-kpi-grid { gap: var(--gp-s4); }
.gpd .gscc-dash-period { background: #fff; border-color: var(--gp-line); color: var(--gp-primary); }
.gpd .gscc-dash-note { background: #fff; border: 1px solid var(--gp-line); border-radius: var(--gp-radius); color: var(--gp-primary); }

/* filter card */
.gpd .gscc-dash-filter {
  background: var(--gp-card); border: 1px solid var(--gp-line); border-top: 4px solid var(--gp-accent);
  border-radius: var(--gp-radius); box-shadow: var(--gp-shadow); padding: var(--gp-s5); margin-bottom: var(--gp-s5);
}
.gpd .gscc-dash-field label { font-size: 0.75rem; font-weight: 800; letter-spacing: 0.05em; color: var(--gp-primary); margin-bottom: var(--gp-s2); }
.gpd .form-select, .gpd .form-control {
  min-height: 2.75rem; height: auto; background-color: #fff; color: var(--gp-ink);
  border: 1px solid var(--gp-line-strong); border-radius: var(--gp-radius-sm); font-size: 0.9375rem;
}
.gpd .form-select:focus, .gpd .form-control:focus { border-color: var(--gp-primary-2); box-shadow: 0 0 0 3px rgba(14, 90, 68, 0.22); outline: none; }
.gpd .gscc-dash-search {
  min-height: 2.75rem; height: auto; padding: 0.625rem 1.5rem; border: 1px solid transparent; border-radius: var(--gp-radius-sm);
  background: var(--gp-accent); color: var(--gp-accent-ink); font-weight: 800; cursor: pointer;
}
.gpd .gscc-dash-search:hover, .gpd .gscc-dash-search:focus { background: var(--gp-accent-hover); color: var(--gp-accent-ink); }
.gpd .gscc-dash-search:focus-visible { outline: 3px solid var(--gp-primary-2); outline-offset: 2px; }
.gpd .gscc-dash-filter .gscc-range-presets { gap: var(--gp-s2); margin-top: var(--gp-s4); }
.gpd .gscc-dash-filter .gscc-range-preset {
  min-height: 2.25rem; padding: 0.25rem 0.875rem; font-size: 0.8125rem; font-weight: 700;
  background: #fff; border: 1px solid var(--gp-line-strong); color: var(--gp-ink-2);
}
.gpd .gscc-dash-filter .gscc-range-preset:hover,
.gpd .gscc-dash-filter .gscc-range-preset.active { background: var(--gp-primary); border-color: var(--gp-primary); color: #fff; }
.gpd .gscc-dash-filter .gscc-range-preset:focus-visible { outline: 3px solid var(--gp-accent); outline-offset: 2px; }

/* panels (native details) */
.gpd .gscc-panel {
  margin-top: var(--gp-s5); background: var(--gp-card); border: 1px solid var(--gp-line);
  border-radius: var(--gp-radius); box-shadow: var(--gp-shadow-sm); overflow: hidden;
}
.gpd .gscc-panel[open] { border-color: #b9ddcd; }
.gpd .gscc-split { gap: var(--gp-s5); }
.gpd .gscc-split > .gscc-panel { margin-top: var(--gp-s5); }
.gpd .gscc-panel-summary { padding: var(--gp-s4) var(--gp-s5); background: var(--gp-surface); gap: var(--gp-s3); }
.gpd .gscc-panel-summary:hover { background: var(--gp-surface-low); }
.gpd .gscc-panel-summary:focus-visible { outline: 3px solid var(--gp-accent); outline-offset: -3px; }
.gpd .gscc-panel-icon { width: 2.5rem; height: 2.5rem; border-radius: var(--gp-radius-sm); background: var(--gp-primary-tint); color: var(--gp-primary-2); font-size: 1.125rem; }
.gpd .gscc-panel-title { font-family: var(--gp-font-head); font-size: 1.0625rem; font-weight: 800; color: var(--gp-ink); }
.gpd .gscc-panel-sub { font-size: 0.8125rem; color: var(--gp-muted); }
.gpd .gscc-panel-chevron { color: var(--gp-primary-2); }
.gpd .gscc-panel-body { padding: var(--gp-s5); border-top: 1px solid var(--gp-line); }
.gpd .gscc-chart-empty { color: var(--gp-muted); font-weight: 600; }

/* tables */
.gpd .gscc-table-wrap { border: 1px solid var(--gp-line); border-radius: var(--gp-radius-sm); }
.gpd .gscc-slice-table { font-size: 0.875rem; color: var(--gp-ink-2); }
.gpd .gscc-slice-table th, .gpd .gscc-slice-table td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--gp-line); font-variant-numeric: tabular-nums; }
.gpd .gscc-slice-table th[scope="col"] { background: var(--gp-surface-low); color: var(--gp-primary); font-weight: 800; letter-spacing: 0.05em; }
.gpd .gscc-slice-table th[scope="row"] { color: var(--gp-ink); font-weight: 700; }
.gpd .gscc-slice-table tbody tr:last-child th, .gpd .gscc-slice-table tbody tr:last-child td { border-bottom: 0; }
.gpd .gscc-slice-table tbody tr:hover { background: var(--gp-surface); }

@media (max-width: 575px) {
  .gpd .gscc-dash-filter, .gpd .gscc-panel-body { padding: var(--gp-s4); }
  .gpd .gscc-dash-filter .gscc-dash-search { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .gpd .gscc-coverage-card, .gpd .gscc-kpi, .gpd .gscc-panel-chevron { transition: none; }
}