/* Staff tools use the same surfaces, borders and accents as the forum shell. */
html, body.staff-page { background: #131313; color: #e8e2e7; }
body.staff-page {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: repeating-linear-gradient(135deg, #ffffff02 0, #ffffff02 1px, transparent 1px, transparent 4px), #131313;
}
.staff-page header { background: #191919; border-color: #292929; box-shadow: none; }
.staff-page .nav-container { max-width: 1320px; }
.staff-page .logo-text { background: none; color: #ece8ec; -webkit-text-fill-color: currentColor; font-size: 1rem; }
.staff-page .nav-user span { color: #df7597; }
.staff-page main { max-width: 1320px; padding: 28px 20px 70px; }
.staff-page h1 { color: #f0eaf0; font-size: 1.45rem; font-weight: 650; }
.staff-page h2, .staff-page h3 { color: #ece4ea; }
.staff-page .tab-bar { position: sticky; top: 0; z-index: 60; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: thin; scrollbar-color: #78394e #191919; background: #191919; border: 1px solid #303030; border-radius: 3px; margin-bottom: 24px; }
.staff-page .tab-btn { flex: 0 0 auto; white-space: nowrap; padding: 12px 16px; margin-bottom: 0; color: #a99faa; font-size: .82rem; font-weight: 500; border-bottom: 2px solid transparent; }
.staff-page .tab-btn:hover { color: #f0d5df; background: #242024; }
.staff-page .tab-btn.active { color: #ee86a7; background: #241c22; border-bottom-color: #bd3a66; }
.staff-page .stat-card, .staff-page .create-panel, .staff-page .panel, .staff-page .filter-panel, .staff-page .access-control-card, .staff-page .access-control-panel { background: #1b1b1b; border: 1px solid #323032; border-radius: 3px; box-shadow: none; }
.staff-page .stat-card .label { color: #a299a4; }
.staff-page .stat-card .value, .staff-page .create-panel h3 { color: #e783a4; }
.staff-page .table-wrap { background: #1b1b1b; border: 1px solid #333033; border-radius: 3px; }
.staff-page table { color: #ded7dd; }
.staff-page th { background: #222022; color: #c5b7c0; border-color: #383238; }
.staff-page td { border-color: #302c30; }
.staff-page tr:hover { background: #292126; }
.staff-page input:not([type=checkbox]):not([type=radio]):not([type=range]), .staff-page select, .staff-page textarea {
  background: #202020 !important; color: #eee !important; border: 1px solid #40383e !important; border-radius: 3px !important; box-shadow: none !important;
}
.staff-page input:focus, .staff-page select:focus, .staff-page textarea:focus {
  outline: 1px solid #b84a6f !important; outline-offset: 1px; border-color: #b84a6f !important; box-shadow: none !important;
}
.staff-page input::placeholder, .staff-page textarea::placeholder { color: #948a94; }
.staff-page .btn, .staff-page button { border-radius: 3px; }
.staff-page .btn-primary, .staff-page .login-card button { background: #ac2c53; color: #fff; border: 1px solid #c13c65; box-shadow: none; }
.staff-page .btn-primary:hover, .staff-page .login-card button:hover { background: #c53b66; color: #fff; }
.staff-page .btn-ghost { border-color: #51434b; color: #dbccd4; background: #222; }
.staff-page .btn-ghost:hover { border-color: #ba5577; color: #f5dbe4; }
.staff-page .login-overlay { background: #000b; }
.staff-page .login-card, .staff-page .modal { background: #1d1d1d; border: 1px solid #45363e; border-radius: 4px; box-shadow: 0 18px 48px #0008; }
.staff-page .login-card h2 { color: #ec82a3; }
.staff-page .access-control-card-header, .staff-page .access-control-row, .staff-page .access-control-summary-item { border-color: #323032; }
.staff-page .access-control-card-header h3, .staff-page .email-editor-visual h2, .staff-page .email-editor-visual h3 { color: #e783a4; }
.staff-page .access-control-switch input:checked + .access-control-switch-track { background: #b83b65; border-color: #d35d83; }
.staff-page .email-editor-toolbar, .staff-page .email-editor-visual, .staff-page .email-preview-box, .staff-page .batch-email-modal .batch-recipient-list { background: #1d1d1d; border-color: #383238; border-radius: 3px; }
.staff-page .email-editor-toolbar button { background: #262126; border-color: #493d45; color: #ddd0d8; }
.staff-page .email-editor-toolbar button:hover { background: #34242c; color: #f09ab4; border-color: #ad4b6e; }
.staff-page footer { border-color: #292929; background: #191919; color: #92858e; }
html.staff-embedded body.staff-page { min-height: 100vh; }
html.staff-embedded .staff-page > header, html.staff-embedded .staff-page > footer { display: none; }
html.staff-embedded .staff-page main { padding-top: 22px; }
@media (max-width: 700px) {
  .staff-page main { padding: 18px 12px 50px; }
  .staff-page .tab-btn { padding: 11px 12px; }
  .staff-page .stat-card { min-width: 110px; }
}