/* Final targeted Guardian Monitor fixes: lock countdown, event log, and dark-mode hero cards. */

.log-row-dot.dot-event {
  background: var(--apex-warning, var(--warning));
}

html[data-theme="dark"] #panel-monitor .guardian-monitor-status-row > .guardian-monitor-stat-card {
  border-color: rgba(123, 196, 169, .28) !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(123, 196, 169, .12), transparent 18rem),
    linear-gradient(135deg, #151a18 0%, #111614 62%, #161d19 100%) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .28) !important;
}

html[data-theme="dark"] #panel-monitor .guardian-monitor-status-row > .guardian-monitor-stat-card.fill-warning {
  border-color: rgba(241, 184, 97, .34) !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(241, 184, 97, .12), transparent 18rem),
    linear-gradient(135deg, #181712 0%, #111614 62%, #1c1a13 100%) !important;
}

html[data-theme="dark"] #panel-monitor .guardian-monitor-status-row > .guardian-monitor-stat-card.fill-danger {
  border-color: rgba(255, 139, 131, .34) !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(255, 139, 131, .12), transparent 18rem),
    linear-gradient(135deg, #181514 0%, #111614 62%, #1d1514 100%) !important;
}

html[data-theme="dark"] #panel-monitor .guardian-monitor-status-row .guardian-monitor-stat-value {
  color: var(--apex-ink) !important;
}

html[data-theme="dark"] #panel-monitor .guardian-monitor-status-row .guardian-monitor-stat-sub {
  color: var(--apex-muted) !important;
}

html[data-theme="dark"] #panel-monitor .guardian-monitor-status-row .guardian-countdown-unit {
  border: 1px solid rgba(210, 201, 187, .16) !important;
  background: rgba(21, 26, 24, .94) !important;
  box-shadow: 0 14px 26px rgba(0, 0, 0, .30) !important;
}

html[data-theme="dark"] #panel-monitor .guardian-monitor-status-row .guardian-countdown-unit span {
  color: var(--apex-muted) !important;
}