.console-detail-overview { max-width: none; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 1fr); margin-bottom: 28px; }
.console-detail-overview .console-detail-section { min-width: 0; padding: 16px 20px; }
.console-detail-overview .console-detail-section + .console-detail-section { border-top: 0; border-left: 1px solid var(--console-line); }
.console-detail-overview .console-metadata { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 18px; }
.console-detail-overview .console-destinations { max-height: 160px; overflow-y: auto; }
.console-detail-overview .console-share-section .console-short-url { font-size: 15px !important; }
.console-statistics.console-report { max-width: none; }
.console-report .console-statistics-heading > div { display: flex; align-items: center; gap: 20px; color: var(--console-muted); font-size: 12px; }
.console-report .console-metric-number { font-size: clamp(27px, 3.2vw, 38px); }
.console-report .console-date-form { margin-bottom: 18px; }
.console-report .console-trend-chart { max-height: 280px; }
.console-geography, .console-breakdown-panel { padding: 22px 24px; }
.console-map-tabs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 18px 0 10px; font-size: 12px; }
.console-map-tabs > a { min-height: 40px; display: inline-flex; align-items: center; padding: 8px 13px; border: 1px solid var(--console-line); border-radius: 6px; }
.console-map-tabs > a[aria-current] { color: #3558be; background: #edf2ff; border-color: #c7d5fb; }
.console-map-tabs > .console-map-back { border: 0; color: var(--console-blue); margin-left: auto; padding-right: 0; }
.console-map-current { font-weight: 600; }
.console-geography-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.console-map-panel, .console-geography-ranking { min-width: 0; }
.console-geography-map { width: 100%; height: auto; display: block; background: #fafcff; border-radius: 8px; }
.console-map-region { stroke: #fff; stroke-width: .8; vector-effect: non-scaling-stroke; }
.console-geography-map a { cursor: pointer; }
.console-geography-map a:hover .console-map-region, .console-geography-map a:focus .console-map-region { stroke: #3857b2; stroke-width: 1.6; filter: brightness(.96); }
.console-map-label { fill: #476184; font-size: 10px; text-anchor: middle; pointer-events: none; }
.console-map-legend { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 10px 0; font-size: 11px; color: var(--console-muted); }
.console-map-gradient { display: inline-block; width: 116px; height: 8px; border-radius: 3px; background: linear-gradient(90deg, #edf1f7, #b6ccff, #587ee0, #3558be); }
.console-geography-ranking h4, .console-breakdown-panel h4 { font-size: 12px; font-weight: 500; color: var(--console-muted); margin: 20px 0 10px; }
.console-statistics-scroll { max-height: 340px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.console-statistics-scroll:focus-visible, .console-map-tabs a:focus-visible, .console-geography-map a:focus-visible { outline: 2px solid var(--console-blue); outline-offset: 3px; }
.console-statistics-scroll thead { position: sticky; top: 0; background: #fff; z-index: 1; }
.console-geography-scroll { max-height: 350px; }
.console-map-drilldown { color: var(--console-blue) !important; text-decoration: underline; text-underline-offset: 3px; }
.console-geography-all-cities { margin-top: 12px; border-top: 1px solid var(--console-line); padding-top: 12px; }
.console-geography-all-cities summary { padding: 10px 0; font-size: 12px; color: var(--console-muted); cursor: pointer; }
.console-report-breakdowns { gap: 16px; }
.console-report-breakdowns > .console-statistics-panel:last-child { grid-column: auto; }
.console-breakdown-panel .console-statistics-subheading { margin-bottom: 16px; }
.console-device-overview { display: flex; flex-wrap: wrap; align-items: center; gap: 25px; margin: 8px 0 20px; }
.console-device-chart { display: block; width: 155px; flex: 0 0 155px; }
.console-device-total { fill: var(--console-ink); font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
.console-device-label { fill: var(--console-muted); font-size: 10px; }
.console-device-legend { flex: 1 1 140px; min-width: 0; }
.console-device-legend > div { display: flex; align-items: center; gap: 7px; margin: 11px 0; font-size: 12px; }
.console-device-legend strong { margin-left: auto; font-weight: 500; font-variant-numeric: tabular-nums; }
.console-device-swatch { width: 8px; height: 8px; border-radius: 2px; flex-shrink: 0; }
.console-device-swatch-0 { background: #587ee0; }.console-device-swatch-1 { background: #2b9b91; }.console-device-swatch-2 { background: #9caac6; }.console-device-swatch-3 { background: #d9dfe8; }
@media (min-width: 960px) { .console-statistics.console-report, .console-detail-panel.console-detail-overview { max-width: none; } }
@media (max-width: 1100px) {
  .console-geography-grid { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 18px; }
  .console-device-overview { gap: 10px; }.console-device-chart { width: 128px; flex-basis: 128px; }
}
@media (max-width: 760px) {
  .console-detail-overview { grid-template-columns: 1fr; margin-bottom: 24px; }
  .console-detail-overview .console-detail-section { padding: 18px; }
  .console-detail-overview .console-detail-section + .console-detail-section { border-left: 0; border-top: 1px solid var(--console-line); }
  .console-report .console-statistics-heading { align-items: flex-start; }
  .console-report .console-statistics-heading > div { flex-direction: column; align-items: flex-end; gap: 0; }
  .console-report .console-statistics-download { min-height: 32px; font-size: 11px; }
  .console-geography, .console-breakdown-panel { padding: 18px 17px; }
  .console-geography-grid { grid-template-columns: 1fr; gap: 3px; }
  .console-geography-ranking h4 { margin-top: 8px; }
  .console-geography-scroll { max-height: 300px; }
  .console-map-tabs { gap: 6px; }.console-map-tabs > a { padding: 8px 10px; }
  .console-map-tabs > .console-map-back { flex-basis: 100%; justify-content: flex-start; padding-left: 0; }
  .console-report-breakdowns { grid-template-columns: 1fr; }
  .console-device-overview { gap: 18px; }.console-device-chart { width: 132px; flex-basis: 132px; }
}
@media (prefers-reduced-motion: reduce) { .console-geography-map * { transition: none; } }

@media (min-width: 960px) {
  .console-report .console-date-presets { display: inline-flex; margin-right: 18px; vertical-align: bottom; }
  .console-report .console-date-form { display: inline-flex; vertical-align: bottom; }
}