.status.canceled {
  color: #aab5c6;
  background: #29313d;
}

.modal-foot {
  align-items: center;
  flex-wrap: wrap;
}

.login-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: radial-gradient(circle at 50% 0, #17243a 0, #0b0f17 46%, #080b11 100%);
}

.login-card {
  width: min(420px, 100%);
  background: #111722;
  border: 1px solid #303a4a;
  border-radius: 14px;
  padding: 30px;
  box-shadow: 0 24px 90px #0009;
}

.login-brand {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 28px;
}

.login-brand strong {
  display: block;
  font-size: 15px;
}

.login-brand small {
  display: block;
  color: #758398;
  font-size: 10px;
  margin-top: 2px;
}

.login-card h1 {
  font-size: 23px;
  margin: 10px 0 7px;
}

.login-card > p {
  color: #8492a6;
  font-size: 12px;
  margin: 0 0 22px;
}

.login-card form {
  display: grid;
  gap: 15px;
}

.remember {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #8e9caf;
  font-size: 11px;
}

.remember input {
  accent-color: #3989e7;
}

.login-submit {
  width: 100%;
  padding: 10px;
}

.login-error {
  color: #ffabb0;
  background: #3a2028;
  border: 1px solid #6e3642;
  padding: 10px 12px;
  border-radius: 7px;
  font-size: 11px;
  margin-bottom: 15px;
}

.demo-credentials {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 7px 12px;
  margin-top: 20px;
  padding: 13px;
  background: #0d131c;
  border: 1px solid #273242;
  border-radius: 8px;
  color: #8492a6;
  font-size: 11px;
}

.demo-credentials code {
  color: #a8cfff;
}

.login-note {
  display: block;
  color: #657287;
  line-height: 1.5;
  margin-top: 14px;
}

.enrollment-card { width: min(620px, 100%); }
.enrollment-card > p { line-height: 1.7; }
.enrollment-disclosure { margin-bottom: 18px; line-height: 1.75; }
.enrollment-status { min-height: 22px; margin-top: 16px; font-size: 12px; line-height: 1.7; }
.enrollment-status.success { color: #a7f0cc; }
.enrollment-status.error { color: #ffabb0; }
.enrollment-status small { color: #8e9caf; }
.public-link { display: inline-block; color: #79baff; font-size: 11px; margin-top: 18px; text-decoration: none; }
.public-link:hover { text-decoration: underline; }
.public-link-button { text-decoration: none; display: inline-flex; align-items: center; }
.full { grid-column: 1 / -1; }
.auto-detected { border:1px dashed #38537c; border-radius:7px; padding:9px 11px; color:#98bce3; font-size:10px; line-height:1.6; }
.auto-detected.detected { color:#a7f0cc; border-color:#2b7251; background:#11271f; }
.auto-detected.unavailable { color:#ecc07b; border-color:#70552d; background:#2a2115; }
.enrollment-security { color:#b6e8cf; }

.security-callout { display:flex; gap:12px; align-items:flex-start; background:#172638; border:1px solid #304964; border-radius:9px; padding:13px 15px; color:#b4cde9; font-size:11px; line-height:1.6; margin-bottom:16px; }
.security-callout strong { color:#e7f2ff; white-space:nowrap; }
.security-check-panel { margin-bottom:16px; }
.security-result { min-height:42px; border-radius:8px; padding:11px 13px; display:flex; flex-direction:column; gap:4px; font-size:11px; line-height:1.6; }
.security-result.safe { color:#a7f0cc; background:#143326; border:1px solid #2b7251; }
.security-result.needs-update { color:#ffccd0; background:#3c2029; border:1px solid #70404a; }
.security-result span { color:#b8c5d5; }
.security-result.safe span { color:#b6e8cf; }
.advisory-links { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:16px; }
.advisory-link { display:flex; flex-direction:column; gap:7px; padding:14px 15px; border:1px solid #2b3543; border-radius:9px; background:#151c26; color:#cbd5e4; text-decoration:none; }
.advisory-link:hover { border-color:#5a7799; background:#1b2738; }
.advisory-link strong { color:#79baff; font-size:11px; }
.advisory-link span { color:#8290a4; font-size:10px; line-height:1.6; }
.simulator-log { margin-top:16px; }
.simulator-log ol { list-style:none; margin:0; padding:8px 16px 16px; }
.simulator-log li { display:grid; grid-template-columns:145px 150px 1fr; gap:10px; align-items:center; padding:12px 0; border-bottom:1px solid #222a35; font-size:11px; color:#b8c5d5; }
.simulator-log li:last-child { border-bottom:0; }
.simulator-log li > span { color:#738197; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:10px; }
.simulator-log li b { color:#ecc07b; }
.simulator-log li.pass b { color:#52d79c; }
.simulator-log li em { font-style:normal; color:#8e9caf; }

@media (max-width: 550px) {
  .login-card {
    padding: 23px;
  }

  .top-actions .pill.blue {
    display: none;
  }

  .advisory-links { grid-template-columns: 1fr; }
  .security-callout { display:block; }
  .security-callout strong { display:block; margin-bottom:4px; }
  .simulator-log li { grid-template-columns:1fr; gap:4px; }
}
.nav-link{display:flex;align-items:center;gap:11px;padding:10px 12px;margin:2px 0;border-radius:8px;color:#98a3b5;text-decoration:none;font-size:13px}
.nav-link:hover{background:#1b2330;color:#edf4ff}
.nav-link .ico{width:16px;text-align:center;font-size:15px;opacity:.9}