/* Current redesign modals, audit/jobs forms and empty states. */
.modal-backdrop {
  background: rgba(22, 31, 38, 0.42);
  backdrop-filter: blur(4px);
}

.modal-card {
  padding: 22px;
}

.modal-card h3 {
  color: #202c31;
  font-family: inherit;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0;
}

.audit-filter-form,
.jobs-filter-form,
.jobs-recovery-form {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
  box-shadow: var(--soft-shadow);
}

.diagnostics-maintenance-controls {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
  align-items: end;
  justify-content: stretch;
}

.diagnostics-maintenance-controls > button {
  width: 100%;
  min-height: 48px;
  align-self: end;
}

.diagnostics-maintenance-controls .checkbox-row {
  min-height: 48px;
  align-self: end;
}

.diagnostics-backup-controls {
  grid-template-columns: minmax(190px, 260px);
  justify-content: start;
}

.job-progress-bar {
  border-radius: 999px;
  background: #edf2f6;
}

.job-progress-bar span {
  border-radius: 999px;
  background: var(--accent);
}

.empty-state {
  padding: 24px;
  color: #687781;
}

.empty-state h3 {
  margin: 0 0 6px;
  color: #27343a;
  font-size: 18px;
  font-weight: 900;
}