/* Kridiya staff site — chrome only. Everything else (buttons, fields,
   .account-main, .admin-*, tokens) comes from the main site's styles.css,
   loaded alongside this file, so there is one design system to maintain. */

.staff-topbar { border-bottom: 1px solid var(--line); background: var(--surface); }
.staff-topbar-inner {
  display: flex; align-items: center; justify-content: space-between; gap: 1.2rem;
  padding: 0.8rem 0; flex-wrap: wrap;
}
.staff-logo { display: flex; align-items: center; gap: 0.6rem; text-decoration: none; }
.staff-logo img { border-radius: 8px; }
.staff-logo span { font-weight: 600; color: var(--ink); font-size: 0.95rem; }
.staff-logo b { color: var(--brand-deep); }
.staff-nav { display: flex; gap: 1.2rem; }
.staff-nav a { font-weight: 600; font-size: 0.92rem; color: var(--ink-2); text-decoration: none; padding: 0.3rem 0; border-bottom: 2px solid transparent; }
.staff-nav a[aria-current="page"] { color: var(--brand-deep); border-bottom-color: var(--brand); }
.staff-nav a:hover { color: var(--brand-deep); }
.staff-actions { display: flex; gap: 0.6rem; align-items: center; }
.staff-actions .btn { min-height: 38px; padding: 0 0.9rem; font-size: 0.82rem; }
.staff-footer-inner { padding: 1.2rem 0; text-align: center; font-size: 0.8rem; color: var(--text-muted); }

.login-tabs { display: flex; gap: 0.4rem; margin-bottom: 1.1rem; border-bottom: 1px solid var(--line); }
.login-tab {
  background: none; border: none; border-bottom: 2px solid transparent; padding: 0.6rem 0.2rem; margin-right: 1.2rem;
  font-weight: 700; font-size: 0.92rem; color: var(--text-muted); cursor: pointer;
}
.login-tab.active { color: var(--brand-deep); border-bottom-color: var(--brand); }
.login-tab-panel h2 { margin-top: 0; }
@media (max-width: 720px) {
  .staff-topbar-inner { flex-direction: column; align-items: flex-start; }
  .staff-nav { order: 3; width: 100%; }
}