/* Monitor page — light theme */
.monitor-page .card {
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

.monitor-page .card-header {
  background: var(--surface-muted);
  border-bottom: 1px solid var(--border);
  font-weight: 600;
  color: var(--text);
}

.monitor-page .form-check-input {
  background: var(--surface);
  border: 1px solid var(--border);
}

.monitor-page .form-check-input:checked {
  background: var(--accent);
  border-color: var(--accent);
}

.monitor-page .form-select,
.monitor-page .form-control {
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text);
}

.monitor-page .form-select:focus,
.monitor-page .form-control:focus {
  background: var(--surface);
  border-color: var(--accent);
  color: var(--text);
  box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.15);
}

.monitor-page .btn-primary {
  background: var(--accent);
  border-color: var(--accent);
}

.monitor-page .btn-primary:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
}

.monitor-page .btn-success {
  background: var(--green);
  border-color: var(--green);
}

.monitor-page .btn-outline-secondary {
  border-color: var(--border);
  color: var(--muted);
}

.monitor-page .btn-outline-secondary:hover {
  background: var(--surface-muted);
  color: var(--text);
}

.monitor-page .badge-critical { background: var(--red); }
.monitor-page .badge-warning { background: var(--amber); color: #fff; }
.monitor-page .badge-info { background: var(--accent); }

.monitor-page .symbol-row,
.monitor-page .rule-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--border);
}

.monitor-page .symbol-row:hover,
.monitor-page .rule-row:hover {
  background: var(--accent-soft);
}

.monitor-page .symbol-row:last-child,
.monitor-page .rule-row:last-child {
  border-bottom: none;
}

.monitor-page .toolbar-row {
  background: var(--surface-muted);
  border-bottom: 1px solid var(--border);
}

.monitor-page .toast-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
}

.monitor-page .status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.monitor-page .status-dot.green { background: var(--green); }
.monitor-page .status-dot.red { background: var(--red); }

.monitor-page .page-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 16px;
}

.monitor-page #toast {
  background: var(--surface);
  border: 1px solid var(--border) !important;
  color: var(--text);
}

.monitor-page .btn-close {
  filter: none;
}