@import url('/auth/css/authlogin.css');

/* ── Admin body background ───────────────── */
.admin-auth-page {
    background: #f0f2f4;
}

/* ── Admin brand panel: solid teal, no gradient ─ */
.auth-panel-brand-admin {
    background: #0b5563;
}

/* ── Admin card: slightly wider ─────────────── */
.admin-auth-card {
    width: min(100%, 460px);
}

.admin-auth-card .auth-badge {
    background: rgba(11, 85, 99, 0.1);
    color: #0b5563;
}

/* ── Admin submit: solid teal, no gradient ─────── */
.admin-auth-submit {
    background: #0b5563;
}

.admin-auth-submit:hover {
    background: #094651;
}

/* ── Admin-only restricted-access note ──────── */
.admin-auth-note {
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.82);
    font-size: 13px;
    line-height: 1.55;
}

/* ── Dark mode admin overrides ─────────────── */
html[data-theme="dark"] .auth-panel-brand-admin {
    background: #073641;
}

html[data-theme="dark"] .admin-auth-card .auth-badge {
    background: rgba(11, 85, 99, 0.22);
    color: #5eead4;
}

html[data-theme="dark"] .admin-auth-submit {
    background: #0b5563;
}

html[data-theme="dark"] .admin-auth-submit:hover {
    background: #094651;
}

html[data-theme="dark"] .admin-auth-note {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.68);
}

@media (max-width: 640px) {
    .admin-auth-note {
        margin-top: 0;
    }
}