/* ═══════════════════════════════════════════════════
   Admin Members — Modal Dark Mode Fix
   Targets: #add-member-modal, #member-detail-modal
   ═══════════════════════════════════════════════════ */

/* ─── Modal Container (Overlay) ──────────────────── */
body.dark #add-member-modal,
body.dark #member-detail-modal {
    background: rgba(0, 0, 0, 0.7) !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

/* ─── Modal Card ─────────────────────────────────── */
body.dark #add-member-modal > div,
body.dark #member-detail-modal > div {
    background: #1E293B !important;
    color: #E2E8F0 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* ─── Sticky Header (Detail Modal) ───────────────── */
body.dark #member-detail-modal > div > div:first-child {
    background: #1E293B !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

/* ─── Info Box (Community-Anzeige) ───────────────── */
body.dark #add-member-modal [style*="bg-secondary"],
body.dark #add-member-modal > div > div:nth-child(2) {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark #add-member-modal > div > div:nth-child(2) p {
    color: #94A3B8 !important;
}
body.dark #add-member-modal > div > div:nth-child(2) strong {
    color: #E2E8F0 !important;
}

/* ─── Form Labels ────────────────────────────────── */
body.dark #add-member-modal .form-label,
body.dark #member-detail-modal .form-label {
    color: #CBD5E1 !important;
}

/* ─── Form Inputs ────────────────────────────────── */
body.dark #add-member-modal .form-input,
body.dark #add-member-modal .form-select,
body.dark #member-detail-modal .form-input,
body.dark #member-detail-modal .form-select {
    background: #0F172A !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #E2E8F0 !important;
}
body.dark #add-member-modal .form-input:focus,
body.dark #add-member-modal .form-select:focus {
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}
body.dark #add-member-modal .form-input::placeholder {
    color: #64748B !important;
}

/* ─── Hint Text ──────────────────────────────────── */
body.dark #add-member-modal p[style*="text-muted"],
body.dark #add-member-modal #add-member-form-area > p {
    color: #64748B !important;
}

/* ─── Success State ──────────────────────────────── */
body.dark #add-member-modal #add-member-success h3 {
    color: #E2E8F0 !important;
}
body.dark #add-member-modal #add-member-success code {
    color: #60A5FA !important;
}
body.dark #add-member-modal #add-member-success > div[style*="bg-secondary"] {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ─── Detail Modal: Stat Boxes ───────────────────── */
body.dark #member-detail-modal div[style*="border-radius:8px"][style*="padding:12px"] {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ─── Detail Modal: Section Cards ────────────────── */
body.dark #member-detail-modal div[style*="border-radius:10px"][style*="padding:14px"] {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ─── Detail Modal: Table ────────────────────────── */
body.dark #member-detail-modal table th {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark #member-detail-modal table td {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

/* ─── Close Button ───────────────────────────────── */
body.dark #add-member-modal .btn-ghost,
body.dark #member-detail-modal .btn-ghost {
    color: #94A3B8 !important;
}
body.dark #add-member-modal .btn-ghost:hover,
body.dark #member-detail-modal .btn-ghost:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #E2E8F0 !important;
}