body {
  background: linear-gradient(180deg, #f5f7fb 0%, #eef2f7 100%);
  color: #16324f;
}

.navbar-brand { letter-spacing: 0.04em; }
.page-header { border-bottom: 1px solid #dfe7f1; padding-bottom: 0.75rem; }
.page-title { font-size: 1.7rem; font-weight: 600; }
.card { border: 0; border-radius: 1rem; }
.card-title { font-size: 1.05rem; font-weight: 600; }
.list-group-item { border-left: 0; border-right: 0; }
.btn-group form { display: inline; }

.dashboard-tile {
  background: #e9ecef;
  border: 1px solid #d0d7de;
}

.dashboard-tile.severity-green {
  background: #e8f5e9;
  border-color: #8bc34a;
}

.dashboard-tile.severity-amber {
  background: #fff8e1;
  border-color: #ffb300;
}

.dashboard-tile.severity-red {
  background: #ffebee;
  border-color: #e53935;
}

.badge-severity {
  color: #fff;
  font-weight: 600;
}

.badge-severity.severity-green {
  background: #43a047;
}

.badge-severity.severity-amber {
  background: #ffb300;
}

.badge-severity.severity-red {
  background: #e53935;
}

.alert-level-extreme { background: #f8d7da; color: #842029; }
.alert-level-high { background: #fff3cd; color: #664d03; }
.alert-level-medium { background: #cff4fc; color: #055160; }
.alert-level-low { background: #d1e7dd; color: #0f5132; }

.table tr.alert-level-extreme td { background:#f8d7da; color:#842029; }
.table tr.alert-level-high td { background:#fff3cd; color:#664d03; }
.table tr.alert-level-medium td { background:#cff4fc; color:#055160; }
.table tr.alert-level-low td { background:#d1e7dd; color:#0f5132; }

@media (max-width: 576px) {
  .table { font-size: 0.9rem; }
}