/* 1vsM Network — member dashboard token overrides */
/* Load AFTER /shared/member-kit/css/member.css */
:root {
    --mk-accent:            var(--site-accent, #D4AF37);
    --member-accent:        var(--site-accent, #D4AF37);
    --member-accent-hover:  #b8962e;
    --member-accent-text:   #0f172a;
    --member-bg:            var(--site-bg, #0f172a);
    --member-surface:       var(--site-surface, #1e293b);
    --member-surface-hover: #334155;
    --member-text:          var(--site-text, #f8fafc);
    --member-text-muted:    var(--site-text-muted, #94a3b8);
    --member-font:          var(--site-font-body, 'Inter', system-ui, sans-serif);
    --mk-radius:            var(--site-radius, 8px);
    --mk-transition:        0.2s ease;
    --mk-font:              var(--site-font-body, 'Inter', system-ui, sans-serif);
}
/* Prevent tokens.css --color-accent: cyan from bleeding into dashboard */
.mk-panel,
.mk-sidebar,
.mk-header { --color-accent: var(--member-accent); }

/* ── Dark mode override (E16) ── */
@media (prefers-color-scheme: dark) {
    :root {
        --site-bg:         #0f172a;
        --site-surface:    #1e293b;
        --site-text:       #f8fafc;
        --site-text-muted: #94a3b8;
        --site-border:     #334155;
    }
}
.dark {
    --site-bg:         #0f172a;
    --site-surface:    #1e293b;
    --site-text:       #f8fafc;
    --site-text-muted: #94a3b8;
    --site-border:     #334155;
}

/* ── Fixed nav clearance (F2) ── */
body > main,
.site-main,
#main-content {
    padding-top: 5rem;
}
@media (min-width: 768px) {
    body > main,
    .site-main,
    #main-content {
        padding-top: 5rem;
    }
}

/* ── Admin banner (E15) ── */
.admin-banner {
    background: var(--site-bg, #1a1a2e);
    color: var(--site-text, #fff);
    padding: 0.625rem 1.25rem;
    text-align: center;
    font-size: 0.875rem;
}
.admin-banner a {
    color: var(--site-accent, #7c83fd);
    font-weight: 600;
    margin-left: 0.5rem;
}

/* ── 2FA input (E10) ── */
.hhw-2fa-input {
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    border: 1px solid var(--member-border, rgba(255, 255, 255, 0.07));
    background: var(--member-surface, #111);
    color: var(--member-text, #e8e8e8);
}