.login-screen { min-height: calc(100dvh - 62px); padding-top: clamp(35px, 10vh, 96px); }
.login-panel {
  width: min(100%, 430px);
  padding: clamp(20px, 4vw, 30px);
  background: #1d2e40;
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
.login-panel h1 { margin-bottom: 8px; }
.login-panel form .primary { margin-top: 5px; }
.form-status { color: #f4d7a9; line-height: 1.55; margin: 10px 0; overflow-wrap: anywhere; }
#login-status:empty { display: none; }
#retry-portal { margin-bottom: 12px; }
.empty-state { text-align: center; color: var(--muted); }
.admin-preview .section-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.admin-preview .admin-toolbar { justify-content: space-between; flex-wrap: wrap; }
.admin-preview .admin-toolbar .search-label { width: min(100%, 300px); }
.admin-preview .rail nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-stats dd { overflow-wrap: anywhere; }
.admin-preview .wide-table { min-width: 760px; }
.confirmation-note { overflow-wrap: anywhere; margin-top: 10px; }
.text-button:disabled { text-decoration: none; }
.card-navigation { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px; }
.payment-order-state, .payment-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.payment-checkout { display: inline-flex; align-items: center; border-radius: var(--radius); text-decoration: none; }