.security-center {
  --security-border: #30343a;
  --security-surface: #101214;
  --security-raised: #17191c;
  gap: 12px;
}

.security-center .security-hero,
.security-center .security-panel {
  border-color: var(--security-border);
  background: linear-gradient(145deg, rgba(21, 23, 26, .98), rgba(10, 11, 13, .99));
  box-shadow: 0 18px 46px rgba(0, 0, 0, .26);
}

.security-center .security-hero {
  position: relative;
  min-height: 124px;
  padding: 22px 24px 22px 78px;
}

.security-center .security-hero::before {
  position: absolute;
  top: 24px;
  left: 22px;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid #44484e;
  border-radius: 8px;
  background: #24272b;
  color: #f4f5f6;
  content: "✓";
  font-size: 18px;
  font-weight: 800;
}

.security-center .security-hero .eyebrow { color: #a5abb3; }
.security-center .security-hero h3 { margin: 5px 0 7px; font-size: 20px; }
.security-center .security-hero p { max-width: 760px; color: #aeb3ba; }

.security-center .security-summary { gap: 10px; }
.security-center .security-summary article {
  position: relative;
  min-height: 82px;
  padding: 14px 15px;
  border-color: var(--security-border);
  background: linear-gradient(145deg, #17191c, #0d0f11);
}
.security-center .security-summary article::after {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #767c84;
  content: "";
}
.security-center .security-summary span { color: #9ca2aa; }
.security-center .security-summary strong { color: #f4f5f6; font-size: 22px; line-height: 1.1; }

.security-center .security-panel > header { border-color: var(--security-border); background: rgba(18, 20, 23, .72); }
.security-center .security-panel h3 { color: #f2f3f4; }
.security-center .security-panel p { color: #a4aab2; }
.security-center .security-inline-actions { background: #0e1012; }
.security-center .security-list-row { border-color: #292d32; background: #111315; }
.security-center .security-retention-form { background: #0d0f11; }
.security-center .security-retention-form input { border-color: #353940; background: #090b0d; }
.security-center .table-shell { border-color: #30343a; background: #0b0d0f; }
.security-center .data-table thead { background: #111315; }
.security-center .data-table th,
.security-center .data-table td { border-color: #292d32; }
.security-center .security-state { border-color: #3a3e44; background: #191c1f; color: #dfe2e5; }
.security-center .security-state.passed { border-color: #465149; background: #18201a; color: #d9e7dc; }
.security-center .security-state.failed { border-color: #624044; background: #241416; color: #f0c9cd; }

@media (max-width: 720px) {
  .security-center .security-hero { padding: 68px 14px 14px; }
  .security-center .security-hero::before { top: 14px; left: 14px; }
}