/* Semua gaya dashboard dibatasi pada halaman Analytics. */
.analytics-page .page-heading h1 { max-width: none; }
.analytics-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.analytics-summary-card, .analytics-chart-card {
  min-width: 0;
  border: 1px solid var(--panel-border);
  border-radius: 26px;
  background: var(--panel);
  box-shadow: 0 16px 36px rgba(37, 99, 235, 0.07);
}
.analytics-summary-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 6px 14px; padding: 24px; }
.analytics-summary-card i { grid-row: 1 / 3; display: grid; place-items: center; align-self: center; width: 48px; height: 48px; border-radius: 16px; color: var(--accent); background: rgba(96, 165, 250, 0.12); font-size: 1.45rem; }
.analytics-summary-card:nth-child(even) i { color: #a78bfa; background: rgba(167, 139, 250, 0.12); }
.analytics-summary-card strong { font-size: 1.7rem; color: var(--title); }
.analytics-summary-card span { color: var(--text-soft); font-size: 0.85rem; }
.analytics-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 28px; }
.analytics-toolbar p, .analytics-caption { color: var(--text-soft); font-size: 0.86rem; line-height: 1.6; }
.analytics-toolbar button { flex-shrink: 0; cursor: pointer; border: 0; gap: 8px; font-family: inherit; }
.analytics-toolbar button:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
#analytics-status { min-height: 24px; color: var(--text-soft); font-size: 0.85rem; }
.analytics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.analytics-chart-card { padding: 26px; }
.analytics-chart-card h2 { margin: 0 0 22px; font-size: 1.2rem; color: var(--title); }
.analytics-canvas { position: relative; width: 100%; height: 310px; }
.analytics-caption { margin: 18px 0 0; }
.analytics-advanced { margin-top: 36px; }
@media (max-width: 1000px) { .analytics-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) {
  .analytics-grid { grid-template-columns: minmax(0, 1fr); }
  .analytics-toolbar { align-items: stretch; flex-direction: column; gap: 8px; }
  .analytics-chart-card { padding: 20px 14px; }
  .analytics-summary { gap: 12px; }
  .analytics-summary-card { padding: 18px 12px; grid-template-columns: 1fr; }
  .analytics-summary-card i { grid-row: auto; }
  .analytics-canvas { height: 300px; }
}