/* _content/NYMinuteDating-Net8/Pages/About.cshtml.rz.scp.css */
/* ============================================
   ABOUT PAGE — SCOPED STYLES
   ============================================ */

/* ========== HERO (About variant) ========== */
.hero[b-owfid4vxic] {
    margin-top: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.hero-about[b-owfid4vxic] {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(15, 15, 15, 0.85)),
                url('/images/speeddating3.jpg') center/cover;
    height: 60vh;
}

.hero[b-owfid4vxic]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 50%, rgba(124, 58, 237, 0.15), transparent);
}

.hero-content[b-owfid4vxic] {
    text-align: center;
    max-width: 900px;
    padding: 0 2rem;
    position: relative;
    z-index: 1;
}

.hero h1[b-owfid4vxic] {
    font-size: 3.5rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #e6d9f5;
}

.hero p[b-owfid4vxic] {
    font-size: 1.3rem;
    color: var(--text-gray);
    line-height: 1.8;
}

/* ========== ABOUT CONTENT ========== */
.about-page-content[b-owfid4vxic] {
    padding: 4rem 2rem;
}

.content-wrapper-two-col[b-owfid4vxic] {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 4rem;
    align-items: start;
}

.about-main-content[b-owfid4vxic] {
    max-width: 800px;
}

.about-intro[b-owfid4vxic] {
    text-align: left;
    margin-bottom: 4rem;
}

.about-intro h2[b-owfid4vxic] {
    font-size: 2.5rem;
    color: #e6d9f5;
    margin-bottom: 1.5rem;
}

.about-intro p[b-owfid4vxic] {
    font-size: 1.2rem;
    color: var(--text-gray);
    line-height: 1.8;
}

/* ========== ABOUT SECTIONS ========== */
.about-section[b-owfid4vxic] {
    margin-bottom: 3rem;
    padding: 2.5rem;
    background: var(--background-medium);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s;
}

.about-section:hover[b-owfid4vxic] {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(124, 58, 237, 0.2);
    border-color: rgba(124, 58, 237, 0.3);
}

.highlight-section[b-owfid4vxic] {
    background: linear-gradient(135deg, rgba(157, 34, 174, 0.1), rgba(124, 58, 237, 0.1));
    border-color: rgba(157, 34, 174, 0.3);
}

.about-icon[b-owfid4vxic] {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #9d22ae;
}

.about-icon svg[b-owfid4vxic] {
    width: 40px;
    height: 40px;
}

.about-section h3[b-owfid4vxic] {
    font-size: 1.8rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.about-section p[b-owfid4vxic] {
    font-size: 1.1rem;
    color: var(--text-gray);
    line-height: 1.8;
}

/* ========== SIDEBAR ========== */
.about-sidebar[b-owfid4vxic] {
    position: sticky;
    top: 100px;
}

.about-sidebar-card[b-owfid4vxic] {
    background: var(--background-medium);
    border-radius: 20px;
    padding: 2rem;
    margin-bottom: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s;
}

.about-sidebar-card:hover[b-owfid4vxic] {
    border-color: rgba(124, 58, 237, 0.3);
    box-shadow: 0 5px 20px rgba(124, 58, 237, 0.2);
}

.about-sidebar-card h3[b-owfid4vxic] {
    font-size: 1.3rem;
    color: #9d22ae;
    margin-bottom: 1.5rem;
    text-align: center;
}

.sidebar-stat[b-owfid4vxic] {
    text-align: center;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-stat:last-child[b-owfid4vxic] {
    border-bottom: none;
}

.sidebar-stat-number[b-owfid4vxic] {
    font-size: 2rem;
    font-weight: bold;
    color: var(--accent-rose);
    margin-bottom: 0.3rem;
}

.sidebar-stat-label[b-owfid4vxic] {
    font-size: 0.9rem;
    color: var(--text-gray);
}

.coverage-list[b-owfid4vxic],
.benefits-list[b-owfid4vxic] {
    list-style: none;
    padding: 0;
}

.coverage-list li[b-owfid4vxic] {
    padding: 0.7rem 0;
    color: var(--text-gray);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    text-align: center;
}

.coverage-list li:last-child[b-owfid4vxic] {
    border-bottom: none;
}

.benefits-list li[b-owfid4vxic] {
    padding: 0.7rem 0;
    color: var(--text-gray);
    font-size: 0.95rem;
}

.highlight-card[b-owfid4vxic] {
    background: linear-gradient(135deg, rgba(157, 34, 174, 0.15), rgba(124, 58, 237, 0.15));
    border-color: rgba(157, 34, 174, 0.3);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .hero h1[b-owfid4vxic] {
        font-size: 2rem;
    }

    .hero p[b-owfid4vxic] {
        font-size: 1.1rem;
    }

    .content-wrapper-two-col[b-owfid4vxic] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .about-sidebar[b-owfid4vxic] {
        position: static;
    }

    .about-main-content[b-owfid4vxic] {
        max-width: 100%;
    }

    .about-intro h2[b-owfid4vxic] {
        font-size: 1.8rem;
    }

    .about-section[b-owfid4vxic] {
        padding: 1.5rem;
    }

    .about-section h3[b-owfid4vxic] {
        font-size: 1.4rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/AdminLoginLog.cshtml.rz.scp.css */
.alog-root *[b-3omj18phl5] { margin: 0; padding: 0; box-sizing: border-box; }
.alog-root[b-3omj18phl5] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: #f5f7fa; padding: 20px; color: #2d3748;
}
.alog-container[b-3omj18phl5] { max-width: 1400px; margin: 0 auto; }
.alog-root .header[b-3omj18phl5] { margin-bottom: 24px; }
.alog-root .header h1[b-3omj18phl5] { font-size: 28px; font-weight: 600; color: #1a202c; margin-bottom: 8px; }
.alog-root .header p[b-3omj18phl5] { color: #3d2540; font-size: 14px; }

.alog-root .card[b-3omj18phl5] {
    background: white; border-radius: 8px; padding: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); margin-bottom: 16px;
}
.alog-root .card-header[b-3omj18phl5] {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    margin: -20px -20px 16px -20px; padding: 12px 20px; border-radius: 8px 8px 0 0;
    background: linear-gradient(to right, #f7fafc, white); border-bottom: 2px solid #e2e8f0;
}
.alog-root .card-title[b-3omj18phl5] { font-size: 16px; font-weight: 600; color: #1a202c; display: flex; align-items: center; gap: 10px; }
.count-pill[b-3omj18phl5] { font-size: 11px; font-weight: 600; color: #330033; background: #faf5ff; border: 1px solid #e9d8fd; border-radius: 999px; padding: 2px 10px; }

/* Search */
.search-card[b-3omj18phl5] { border-left: 4px solid #330033; }
.search-grid[b-3omj18phl5] { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.form-group[b-3omj18phl5] { margin-bottom: 0; }
.form-label[b-3omj18phl5] { font-size: 11px; color: #4a5568; font-weight: 600; margin-bottom: 4px; display: block; text-transform: uppercase; letter-spacing: 0.3px; }
.form-control[b-3omj18phl5] { padding: 7px 10px; border: 2px solid #e2e8f0; border-radius: 6px; font-size: 13px; font-family: inherit; background: white; height: 35px; width: 220px; }
.form-control:focus[b-3omj18phl5] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }
.search-actions[b-3omj18phl5] { display: flex; gap: 8px; }
.failures-toggle[b-3omj18phl5] { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #4a5568; font-weight: 600; height: 35px; cursor: pointer; user-select: none; }
.failures-toggle input[b-3omj18phl5] { width: 16px; height: 16px; accent-color: #330033; cursor: pointer; }

.btn[b-3omj18phl5] { padding: 7px 14px; border: none; border-radius: 6px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s; font-family: inherit; }
.btn-primary[b-3omj18phl5] { background: #330033; color: white; }
.btn-primary:hover[b-3omj18phl5] { background: #4d004d; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(51,0,51,0.2); }
.btn-primary:disabled[b-3omj18phl5] { opacity: 0.6; pointer-events: none; }
.btn-secondary[b-3omj18phl5] { background: #e2e8f0; color: #4a5568; }
.btn-secondary:hover[b-3omj18phl5] { background: #cbd5e0; }

.pagesize[b-3omj18phl5] { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #718096; }
.pagesize select[b-3omj18phl5] { padding: 6px 8px; border: 1px solid #e2e8f0; border-radius: 6px; background: white; font-size: 12px; }

/* Table */
.alog-root .data-table[b-3omj18phl5] { width: 100%; border-collapse: collapse; font-size: 13px; }
.alog-root .data-table thead[b-3omj18phl5] { background: #330033; }
.alog-root .data-table th[b-3omj18phl5] {
    padding: 10px 8px; text-align: left; font-weight: 600; color: white;
    font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; white-space: nowrap;
}
.alog-root .data-table td[b-3omj18phl5] { padding: 10px 8px; border-bottom: 1px solid #e2e8f0; vertical-align: middle; }
.alog-root .data-table tbody tr:nth-child(even)[b-3omj18phl5] { background: #fafbfc; }
.alog-root .data-table tbody tr:hover[b-3omj18phl5] { background: #f7fafc; }
.alog-root .data-table tbody tr.row-red[b-3omj18phl5] { background: #fde8e8 !important; }
.alog-root .data-table tbody tr.row-red:hover[b-3omj18phl5] { background: #fbd5d5 !important; }

.row-num-col[b-3omj18phl5] { width: 70px; text-align: center; }
.date-cell[b-3omj18phl5] { color: #4a5568; white-space: nowrap; }
.empty-cell[b-3omj18phl5] { text-align: center; color: #a0aec0; padding: 30px; font-style: italic; }

/* Result badges */
.badge[b-3omj18phl5] { display: inline-block; font-size: 11px; font-weight: 700; border-radius: 999px; padding: 2px 10px; text-transform: uppercase; letter-spacing: 0.3px; }
.badge-ok[b-3omj18phl5] { background: #f0fff4; color: #276749; border: 1px solid #9ae6b4; }
.badge-fail[b-3omj18phl5] { background: #fff5f5; color: #c53030; border: 1px solid #feb2b2; }

.table-wrap[b-3omj18phl5] { overflow-x: auto; }

/* Pager */
.pager-flex[b-3omj18phl5] { display: flex; align-items: center; gap: 8px; padding: 20px 0 0 0; flex-wrap: wrap; }
.pager-link[b-3omj18phl5] {
    display: inline-block; min-width: 44px; text-align: center; padding: 10px 14px;
    border-radius: 6px; border: 1px solid #e2e8f0; background: #f7fafc; color: #330033;
    font-weight: 600; font-size: 14px; line-height: 1.2; cursor: pointer;
    transition: transform .15s, box-shadow .15s, background .15s; font-family: inherit;
}
.pager-link:hover[b-3omj18phl5] { background: #e2e8f0; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0,0,0,0.08); }
.pager-link:disabled[b-3omj18phl5] { opacity: .5; pointer-events: none; }
.pager-current[b-3omj18phl5] { background: #330033 !important; color: #fff !important; border-color: #330033 !important; }

@media (max-width: 768px) {
    .search-grid[b-3omj18phl5] { flex-direction: column; align-items: stretch; }
    .form-control[b-3omj18phl5] { width: 100%; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/AdminSiteMap.cshtml.rz.scp.css */
.sm-page[b-wncioe4i75] { max-width: 1300px; margin: 20px auto; padding: 0 16px; }

.sm-header[b-wncioe4i75] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff; padding: 20px 24px; border-radius: 12px; margin-bottom: 18px;
}
.sm-header h1[b-wncioe4i75] { margin: 0; font-size: 1.6rem; font-weight: 700; display: flex; align-items: center; gap: 12px; }
.sm-header p[b-wncioe4i75] { margin: 6px 0 0; opacity: 0.9; font-size: 0.9rem; }
.sm-h-icon[b-wncioe4i75] { width: 26px; height: 26px; }

/* Stat cards */
.sm-stats[b-wncioe4i75] { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }
.sm-stat[b-wncioe4i75] {
    flex: 1 1 120px; background: #fff; border: 1px solid #e2e2e8; border-radius: 10px;
    padding: 14px 16px; display: flex; flex-direction: column; align-items: center; gap: 2px;
}
.sm-stat-num[b-wncioe4i75] { font-size: 1.7rem; font-weight: 700; color: #330033; }
.sm-stat-lbl[b-wncioe4i75] { font-size: 0.78rem; color: #666; text-transform: uppercase; letter-spacing: .03em; }
.sm-stat-dup[b-wncioe4i75] { background: #fffbeb; border-color: #fcd34d; }
.sm-stat-dup .sm-stat-num[b-wncioe4i75] { color: #b45309; }
.sm-stat-miss[b-wncioe4i75] { background: #fef2f2; border-color: #fca5a5; }
.sm-stat-miss .sm-stat-num[b-wncioe4i75] { color: #b91c1c; }

/* Callouts */
.sm-callout[b-wncioe4i75] { border-radius: 8px; padding: 12px 16px; margin-bottom: 14px; font-size: 0.88rem; }
.sm-callout-dup[b-wncioe4i75] { background: #fffbeb; border: 1px solid #fcd34d; color: #7c4a03; }
.sm-callout-miss[b-wncioe4i75] { background: #fef2f2; border: 1px solid #fca5a5; color: #991b1b; }
.sm-dup-list[b-wncioe4i75] { margin: 8px 0 0; padding-left: 20px; }
.sm-dup-list li[b-wncioe4i75] { margin: 3px 0; }
.sm-dup-list code[b-wncioe4i75] { background: #fff3cd; padding: 1px 5px; border-radius: 4px; }

/* Legend */
.sm-legend[b-wncioe4i75] { font-size: 0.82rem; color: #555; margin-bottom: 18px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.sm-key[b-wncioe4i75] { display: inline-block; width: 14px; height: 14px; border-radius: 3px; vertical-align: middle; margin-left: 14px; }
.sm-key-dup[b-wncioe4i75] { background: #fef3c7; border: 1px solid #fcd34d; }
.sm-key-miss[b-wncioe4i75] { background: #fee2e2; border: 1px solid #fca5a5; }

/* Menu block */
.sm-menu[b-wncioe4i75] { margin-bottom: 22px; }
.sm-menu-name[b-wncioe4i75] {
    font-size: 1.15rem; font-weight: 700; color: #330033; margin: 0 0 8px;
    padding-bottom: 6px; border-bottom: 2px solid #eadff0;
}
.sm-menu-count[b-wncioe4i75] { font-weight: 400; color: #999; font-size: 0.9rem; }

.sm-table-wrap[b-wncioe4i75] { overflow-x: auto; border: 1px solid #e8e8ee; border-radius: 8px; }
.sm-table[b-wncioe4i75] { width: 100%; border-collapse: collapse; font-size: 0.85rem; background: #fff; }
.sm-table thead th[b-wncioe4i75] {
    background: #f6f4f8; text-align: left; padding: 9px 12px; font-weight: 600; color: #333;
    border-bottom: 1px solid #e2e2e8; white-space: nowrap;
}
.sm-table td[b-wncioe4i75] { padding: 8px 12px; border-bottom: 1px solid #f1f1f4; color: #333; vertical-align: top; }
.sm-table tr:last-child td[b-wncioe4i75] { border-bottom: none; }
.sm-col-no[b-wncioe4i75] { width: 34px; color: #999; text-align: right; }
.sm-col-page[b-wncioe4i75] { font-weight: 600; white-space: nowrap; }
.sm-col-route code[b-wncioe4i75] { font-size: 0.8rem; color: #4a004a; }
.sm-col-route a[b-wncioe4i75] { text-decoration: none; }
.sm-col-route a:hover code[b-wncioe4i75] { text-decoration: underline; }
.sm-col-syn[b-wncioe4i75] { color: #555; line-height: 1.4; min-width: 320px; }
.sm-col-date[b-wncioe4i75] { white-space: nowrap; color: #777; font-variant-numeric: tabular-nums; }

/* Row states */
.sm-row-dup[b-wncioe4i75] { background: #fffdf5; }
.sm-row-dup:hover[b-wncioe4i75] { background: #fef9e7; }
.sm-row-miss[b-wncioe4i75] { background: #fef5f5; }
.sm-row-miss:hover[b-wncioe4i75] { background: #fdeaea; }

.sm-badge[b-wncioe4i75] { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; font-size: 0.7rem; font-weight: 700; }
.sm-badge-dup[b-wncioe4i75] { background: #fef3c7; color: #92400e; }
.sm-badge-miss[b-wncioe4i75] { background: #fee2e2; color: #991b1b; }
/* _content/NYMinuteDating-Net8/Pages/Admin/AdminVisitorsIp.cshtml.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   AdminVisitorsIp — Scoped Styles
   ═══════════════════════════════════════════════════════════════════ */

.vip-container[b-0kkdf39xuu] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    max-width: 1500px;
    margin: 0 auto;
    color: #2d3748;
}

/* ── Header (matches legacy inline styles) ── */
.vip-header[b-0kkdf39xuu] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 20px 25px;
    border-radius: 8px 8px 0 0;
    margin-bottom: 20px;
}
.vip-header h2[b-0kkdf39xuu] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.vip-header p[b-0kkdf39xuu] {
    opacity: 0.9;
    font-size: 0.95rem;
    margin: 8px 0 0 0;
}
.vip-header-info[b-0kkdf39xuu] {
    opacity: 0.8;
    font-size: 0.85rem;
    margin: 5px 0 0 0;
    display: flex;
    align-items: center;
    line-height: 1.5;
}

/* ── Stats Section (matches legacy .stats-container / .stat-card) ── */
.vip-stats-section[b-0kkdf39xuu] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.vip-stats-row[b-0kkdf39xuu] {
    display: contents;
}
.vip-stat-card[b-0kkdf39xuu] {
    flex: 1;
    min-width: 150px;
    background: white;
    border-radius: 8px;
    border: 1px solid #e1e4e8;
    padding: 15px;
    text-align: center;
}
.vip-stat-number[b-0kkdf39xuu] {
    font-size: 28px;
    font-weight: bold;
    color: #6f42c1;
}
.vip-stat-label[b-0kkdf39xuu] {
    font-size: 13px;
    color: #666;
    margin-top: 5px;
}

/* ── Filter Bar (matches legacy inline padding/border) ── */
.vip-filter-bar[b-0kkdf39xuu] {
    background: white;
    padding: 15px 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.vip-filter-row1[b-0kkdf39xuu] {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.vip-filter-row2[b-0kkdf39xuu] {
    display: flex;
    gap: 10px;
    align-items: center;
}
.vip-filter-right[b-0kkdf39xuu] {
    margin-left: auto;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.vip-search-input[b-0kkdf39xuu] { width: 350px; max-width: 100%; }
.vip-status-select[b-0kkdf39xuu] { width: 160px; }
.vip-date-input[b-0kkdf39xuu] { width: 160px; }
.vip-date-label[b-0kkdf39xuu] { font-size: 0.9rem; color: #666; white-space: nowrap; }

.vip-input[b-0kkdf39xuu] {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 0.95rem;
    font-family: inherit;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: white;
    height: 38px;
    box-sizing: border-box;
}
.vip-input:focus[b-0kkdf39xuu] {
    outline: none;
    border-color: #6b006b;
    box-shadow: 0 0 0 3px rgba(107, 0, 107, 0.1);
}
select.vip-input[b-0kkdf39xuu] {
    cursor: pointer;
    color: #330033;
}

/* ── Buttons ── */
.vip-btn[b-0kkdf39xuu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
    white-space: nowrap;
    height: 38px;
    box-sizing: border-box;
}
.vip-btn:disabled[b-0kkdf39xuu] { opacity: 0.5; pointer-events: none; }

.vip-btn-dark[b-0kkdf39xuu] { background: #330033; color: white; }
.vip-btn-dark:hover[b-0kkdf39xuu] { background: #4d004d; }

.vip-btn-purple[b-0kkdf39xuu] { background: #6f42c1; color: white; }
.vip-btn-purple:hover[b-0kkdf39xuu] { background: #5a32a3; }

.vip-btn-green[b-0kkdf39xuu] { background: #28a745; color: white; }
.vip-btn-green:hover[b-0kkdf39xuu] { background: #218838; }

.vip-btn-red[b-0kkdf39xuu] { background: #dc3545; color: white; }
.vip-btn-red:hover[b-0kkdf39xuu] { background: #c82333; }

.vip-btn-outline[b-0kkdf39xuu] {
    background: white;
    color: #330033;
    border: 1px solid #ddd;
    font-size: 0.9rem;
}
.vip-btn-outline:hover[b-0kkdf39xuu] { background: #f7fafc; border-color: #bbb; }

.vip-btn-icon[b-0kkdf39xuu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
    background: transparent;
}
.vip-btn-icon--red[b-0kkdf39xuu] { color: #dc3545; }
.vip-btn-icon--red:hover[b-0kkdf39xuu] { background: #fef2f2; }

/* ── Loading ── */
.vip-loading[b-0kkdf39xuu] {
    text-align: center;
    padding: 40px;
    color: #718096;
    font-size: 0.9rem;
}
.vip-spinner[b-0kkdf39xuu] {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 3px solid #e2e8f0;
    border-top-color: #6b006b;
    border-radius: 50%;
    animation: vip-spin-b-0kkdf39xuu 0.8s linear infinite;
    margin-bottom: 12px;
}
@keyframes vip-spin-b-0kkdf39xuu { to { transform: rotate(360deg); } }

/* ── IP Card Grid ── */
.vip-card-grid[b-0kkdf39xuu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 20px;
}
@media (max-width: 1400px) { .vip-card-grid[b-0kkdf39xuu] { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 1024px) { .vip-card-grid[b-0kkdf39xuu] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) {
    .vip-card-grid[b-0kkdf39xuu] { grid-template-columns: 1fr; }
    .vip-filter-row1[b-0kkdf39xuu] { flex-direction: column; }
    .vip-search-input[b-0kkdf39xuu] { width: 100%; }
    .vip-status-select[b-0kkdf39xuu] { width: 100%; }
    .vip-date-input[b-0kkdf39xuu] { width: 100%; }
    .vip-filter-right[b-0kkdf39xuu] { margin-left: 0; width: 100%; justify-content: flex-start; }
}

/* ── IP table (rows, sortable columns) — replaces the card grid ── */
.vip-table-wrap[b-0kkdf39xuu] {
    overflow-x: auto;
    margin-bottom: 20px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}
.vip-ip-table[b-0kkdf39xuu] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: #fff;
}
.vip-ip-table thead th[b-0kkdf39xuu] {
    background: #330033;
    color: #fff;
    text-align: left;
    padding: 10px 12px;
    font-weight: 600;
    font-size: 12px;
    white-space: nowrap;
    position: sticky;
    top: 0;
}
.vip-th-sort[b-0kkdf39xuu] {
    cursor: pointer;
    user-select: none;
}
.vip-th-sort:hover[b-0kkdf39xuu] { background: #4a1a4a; }
.vip-th-sort span[b-0kkdf39xuu] { opacity: 0.7; font-size: 11px; margin-left: 2px; }
.vip-th-actions[b-0kkdf39xuu] { text-align: right; }

.vip-ip-table tbody td[b-0kkdf39xuu] {
    padding: 8px 12px;
    border-bottom: 1px solid #edf2f7;
    vertical-align: middle;
    color: #2d3748;
}
.vip-ip-table tbody tr:nth-child(even)[b-0kkdf39xuu] { background: #fafbfc; }
.vip-ip-table tbody tr:hover[b-0kkdf39xuu] { background: #f1f5f9; }

/* IP cell — monospace, click-to-copy (reuses .copy-tooltip) */
.vip-td-ip[b-0kkdf39xuu] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-weight: 600;
    color: #2b6cb0;
    cursor: pointer;
    white-space: nowrap;
}
.vip-td-ip:hover[b-0kkdf39xuu] { text-decoration: underline; }

.vip-td-date[b-0kkdf39xuu] { white-space: nowrap; color: #4a5568; }
.vip-td-loc[b-0kkdf39xuu] { color: #4a5568; }

/* Page cell — truncate long paths */
.vip-td-page[b-0kkdf39xuu] {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Status pill (reuses .status-safe / .status-unsafe colors) */
.vip-status-pill[b-0kkdf39xuu] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}

.vip-td-actions[b-0kkdf39xuu] {
    text-align: right;
    white-space: nowrap;
}
.vip-td-actions .ip-btn-small[b-0kkdf39xuu] { display: inline-block; width: auto; margin-left: 6px; padding: 4px 10px; }

/* Unknown-location rows: subtle warning tint + left accent (replaces the big card banner) */
.vip-row-unknown td[b-0kkdf39xuu] { background: #fffaf0; }
.vip-row-unknown td:first-child[b-0kkdf39xuu] { box-shadow: inset 3px 0 0 #dd6b20; }
.vip-loc-unknown[b-0kkdf39xuu] { color: #c05621; font-weight: 600; }

/* ══════════════════════════════════════════════════════════════════ */
/* IP Card — matching legacy card styles exactly                     */
/* ══════════════════════════════════════════════════════════════════ */
.ip-card[b-0kkdf39xuu] {
    background: white;
    border: 2px solid #e1e4e8;
    border-radius: 10px;
    padding: 10px;
    transition: all 0.2s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 260px;
    overflow: hidden;
}
.ip-card:hover[b-0kkdf39xuu] { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(111,66,193,0.2); }

.ip-card-warning[b-0kkdf39xuu] { background: #fff5f5; border: 2px solid #fc8181; }
.ip-card-warning:hover[b-0kkdf39xuu] { box-shadow: 0 4px 12px rgba(252,129,129,0.3); }

.warning-banner[b-0kkdf39xuu] {
    background: #fc8181;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 8px;
}

.ip-card-header[b-0kkdf39xuu] {
    text-align: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
}

.ip-avatar-large[b-0kkdf39xuu] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
    margin: 0 auto 10px;
}
.ip-avatar-large[b-0kkdf39xuu]:before { content: "IP"; }
.ip-avatar-warning[b-0kkdf39xuu] { background: linear-gradient(135deg, #fc8181 0%, #f56565 100%); }

.ip-address-large[b-0kkdf39xuu] {
    font-weight: 700;
    color: #330033;
    font-size: 14px;
    font-family: 'Courier New', monospace;
    margin-bottom: 5px;
    position: relative;
}
.ip-address-warning[b-0kkdf39xuu] { color: #c53030; }

.ip-address-copy[b-0kkdf39xuu] { cursor: pointer; transition: all 0.2s; user-select: none; position: relative; }
.ip-address-copy:hover[b-0kkdf39xuu] { color: #6f42c1; text-decoration: underline; }
.ip-address-copy:active[b-0kkdf39xuu] { transform: scale(0.98); }

.copy-tooltip[b-0kkdf39xuu] {
    position: absolute;
    background: #28a745;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    z-index: 1000;
}
.copy-tooltip.show[b-0kkdf39xuu] { opacity: 1; }

.ip-location-text[b-0kkdf39xuu] {
    color: #8b7aa6;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.ip-location-warning[b-0kkdf39xuu] { color: #c53030; font-weight: 600; }

.ip-card-body[b-0kkdf39xuu] {
    flex: 1;
    font-size: 12px;
    color: #666;
    display: flex;
}
.ip-card-body .center-wrap[b-0kkdf39xuu] {
    max-width: 360px;
    margin-inline: auto;
    text-align: center;
    width: 100%;
}
.ip-meta[b-0kkdf39xuu],
.ip-path[b-0kkdf39xuu] {
    margin: 6px 0;
}
.ip-path.ip-page-truncate[b-0kkdf39xuu] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
}
.ip-status[b-0kkdf39xuu] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    margin: 8px auto 0;
}

.ip-page-truncate[b-0kkdf39xuu] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Status badges */
.status-safe[b-0kkdf39xuu] { background: #d4edda; color: #155724; }
.status-unsafe[b-0kkdf39xuu] { background: #fff3cd; color: #856404; }

/* Card Footer — flush full-width buttons */
.ip-card-footer[b-0kkdf39xuu] {
    padding-left: 0;
    padding-right: 0;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eee;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ip-btn-small[b-0kkdf39xuu] {
    font-size: 12px;
    line-height: 1.2;
    padding: 10px 0;
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 0;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0;
    background: transparent;
}
@media (min-width: 1200px) {
    .ip-btn-small[b-0kkdf39xuu] { font-size: 13px; }
}

.ip-btn-primary[b-0kkdf39xuu] { background: #6f42c1; color: white; }
.ip-btn-primary:hover[b-0kkdf39xuu] { background: #5a32a3; color: white; text-decoration: none; }

.ip-btn-success[b-0kkdf39xuu] { background: #28a745; color: white; }
.ip-btn-success:hover[b-0kkdf39xuu] { background: #218838; color: white; text-decoration: none; }

.ip-btn-danger[b-0kkdf39xuu] { background: #dc3545; color: white; }
.ip-btn-danger:hover[b-0kkdf39xuu] { background: #c82333; color: white; text-decoration: none; }

.ip-btn-secondary[b-0kkdf39xuu] { background: #495057; color: white; }
.ip-btn-secondary:hover[b-0kkdf39xuu] { background: #343a40; color: white; text-decoration: none; }

/* ── Empty State ── */
.vip-empty[b-0kkdf39xuu] {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-size: 16px;
}
.vip-empty p[b-0kkdf39xuu] { margin-top: 12px; }

/* ── Pagination (matches legacy: #f9f4ff bg, bottom rounded corners) ── */
.vip-pagination[b-0kkdf39xuu] {
    background: #f9f4ff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 25px;
    border-radius: 0 0 8px 8px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 12px;
}
.vip-pagination-info[b-0kkdf39xuu] {
    font-size: 0.9rem;
    color: #666;
}
.vip-pagination-buttons[b-0kkdf39xuu] {
    display: flex;
    gap: 8px;
}

/* ══════════════════════════════════════════════════════════════════ */
/* Modals                                                           */
/* ══════════════════════════════════════════════════════════════════ */
.vip-modal-overlay[b-0kkdf39xuu] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    padding: 20px;
}
.vip-modal[b-0kkdf39xuu] {
    background: white;
    border-radius: 12px;
    width: 70%;
    max-width: 900px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    overflow: hidden;
}
.vip-modal--wide[b-0kkdf39xuu] { max-width: 950px; }

.vip-modal-header[b-0kkdf39xuu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border-radius: 12px 12px 0 0;
    color: white;
    flex-shrink: 0;
}
.vip-modal-header h3[b-0kkdf39xuu] {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
}
.vip-modal-header--purple[b-0kkdf39xuu] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
}
.vip-modal-header--green[b-0kkdf39xuu] {
    background: linear-gradient(135deg, #28a745 0%, #218838 100%);
}
.vip-modal-close[b-0kkdf39xuu] {
    background: none;
    border: none;
    color: white;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.2s;
    line-height: 1;
    padding: 0;
}
.vip-modal-close:hover[b-0kkdf39xuu] { opacity: 1; }

.vip-modal-body[b-0kkdf39xuu] {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
    max-height: 600px;
}

.vip-modal-footer[b-0kkdf39xuu] {
    padding: 15px 20px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-shrink: 0;
}

/* ── History Summary Grid ── */
.vip-history-summary[b-0kkdf39xuu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 15px;
}
@media (max-width: 600px) {
    .vip-history-summary[b-0kkdf39xuu] { grid-template-columns: repeat(2, 1fr); }
}
.vip-summary-item[b-0kkdf39xuu] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.vip-summary-label[b-0kkdf39xuu] {
    font-size: 13px;
    color: #666;
    font-weight: 700;
}
.vip-summary-value[b-0kkdf39xuu] {
    font-size: 16px;
    font-weight: 600;
    color: #1a202c;
}
.vip-summary-value-purple[b-0kkdf39xuu] {
    color: #6f42c1;
}

/* Status Badges (modal) */
.vip-ip-status-badge[b-0kkdf39xuu] {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
}
.vip-badge-safe[b-0kkdf39xuu] { background: #d4edda; color: #155724; }
.vip-badge-unsafe[b-0kkdf39xuu] { background: #fff3cd; color: #856404; }

/* ── Tables ── */
.vip-table-wrap[b-0kkdf39xuu] { overflow-x: auto; }

.vip-table[b-0kkdf39xuu] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.vip-table thead[b-0kkdf39xuu] { background: #f8f9fa; }
.vip-table th[b-0kkdf39xuu] {
    padding: 10px 12px;
    text-align: left;
    font-weight: 600;
    color: #4a5568;
    border-bottom: 2px solid #dee2e6;
    font-size: 14px;
    white-space: nowrap;
}
.vip-table td[b-0kkdf39xuu] {
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    color: #2d3748;
    font-size: 14px;
}
.vip-table tbody tr:hover[b-0kkdf39xuu] { background: #f8f9fa; }

/* ── Add Forms ── */
.vip-add-form[b-0kkdf39xuu] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #dee2e6;
}
.vip-add-form-row[b-0kkdf39xuu] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.vip-add-form-row .vip-input[b-0kkdf39xuu] { flex: 1; min-width: 200px; }

/* ── Info Banner (Trusted Locations modal) ── */
.vip-info-banner[b-0kkdf39xuu] {
    background: #e8f4f8;
    border-left: 4px solid #17a2b8;
    border-radius: 4px;
    padding: 10px 15px;
    font-size: 0.9rem;
    color: #0c5460;
    display: flex;
    align-items: flex-start;
    gap: 4px;
    margin-bottom: 15px;
    line-height: 1.5;
}

/* ── Type Badge ── */
.vip-type-badge[b-0kkdf39xuu] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 0.73rem;
    font-weight: 600;
    background: #e9d5ff;
    color: #6b21a8;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/AdvanceSearch.cshtml.rz.scp.css */
/* ============================================================
   Advance Search — legacy-matching scoped CSS
   Mirrors admin/advance-search.aspx (GridHeader / GridMainRow / GridAltRow
   + the ModalPopupExtender popup). Scoped to this page only.
   ============================================================ */

/* Results grid */
.grid[b-0j2vjoks7n] {
    border-collapse: collapse;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}
.grid th[b-0j2vjoks7n], .grid td[b-0j2vjoks7n] {
    border: 1px solid #ccc;
    padding: 3px 5px;
    vertical-align: top;
}
.GridHeader th[b-0j2vjoks7n] {
    background: #330033;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    white-space: nowrap;
    padding: 4px 6px;
    vertical-align: middle;
}
.GridMainRow td[b-0j2vjoks7n] { background: #fff; }
.GridAltRow td[b-0j2vjoks7n] { background: #f2f2f2; }
.grid tr:hover td[b-0j2vjoks7n] { background: #e8e0f0; }

/* Sortable column headers */
.sortable[b-0j2vjoks7n] { cursor: pointer; }
.sortable:hover[b-0j2vjoks7n] { text-decoration: underline; }

/* Links in grid */
.grid a[b-0j2vjoks7n] { color: #330033; }
.grid a:hover[b-0j2vjoks7n] { color: #660066; }

/* Bold form labels (legacy .TitleBold) */
.TitleBold[b-0j2vjoks7n] { font-weight: bold; font-size: 12px; }

/* Search button */
.btn-search[b-0j2vjoks7n] {
    background-color: #330033;
    color: white;
    border: 1px solid #220022;
    padding: 4px 16px;
    cursor: pointer;
    font-size: 12px;
}
.btn-search:hover[b-0j2vjoks7n] { background-color: #550055; }
.btn-search:disabled[b-0j2vjoks7n] { opacity: 0.5; cursor: not-allowed; }

/* Submit button (modal) */
.btn-submit[b-0j2vjoks7n] {
    background-color: #330033;
    color: white;
    border: 1px solid #220022;
    padding: 4px 16px;
    cursor: pointer;
    font-size: 12px;
}
.btn-submit:hover[b-0j2vjoks7n] { background-color: #550055; }
.btn-submit:disabled[b-0j2vjoks7n] { opacity: 0.5; cursor: not-allowed; }

/* Pager */
.pager-btn[b-0j2vjoks7n] {
    background: #fff;
    border: 1px solid #999;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}
.pager-btn:hover[b-0j2vjoks7n] { background: #eee; }
.pager-btn:disabled[b-0j2vjoks7n] { opacity: 0.3; cursor: default; }

/* Modal background + box (legacy modalBackground1 / ModalPopupExtender) */
.modal-bg[b-0j2vjoks7n] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
    padding-top: 100px;
}
.modal-content[b-0j2vjoks7n] {
    position: relative;
    background-color: #fff;
    margin: auto;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box;
    animation: animatetop-b-0j2vjoks7n 0.4s;
}
@keyframes animatetop-b-0j2vjoks7n {
    from { top: -300px; opacity: 0; }
    to { top: 0; opacity: 1; }
}

/* Inputs */
input[type="text"][b-0j2vjoks7n], textarea[b-0j2vjoks7n], select[b-0j2vjoks7n] {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/AgeAndGenderMatchDemographics.cshtml.rz.scp.css */
/* ============================================================
   Age And Gender Match Demographics — Scoped CSS
   ============================================================ */

.page-header[b-pbem8omkni] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a044e 0%, #330033 55%, #1f011f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-pbem8omkni] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-pbem8omkni] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-pbem8omkni] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-pbem8omkni] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.header-right[b-pbem8omkni] { display: flex; align-items: center; gap: 14px; }

.badge[b-pbem8omkni] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 12px;
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.error-banner[b-pbem8omkni] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

.loading-overlay[b-pbem8omkni] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-pbem8omkni] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #330033;
    border-radius: 50%;
    animation: spin-b-pbem8omkni 0.7s linear infinite;
}
@keyframes spin-b-pbem8omkni { to { transform: rotate(360deg); } }

.table-panel[b-pbem8omkni] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.table-wrap[b-pbem8omkni] { overflow-x: auto; }

.agmd-table[b-pbem8omkni] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.agmd-table th[b-pbem8omkni] {
    text-align: left;
    padding: 10px 14px;
    background: #330033;
    font-weight: 600;
    font-size: 0.73rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #fff;
    white-space: nowrap;
}
.agmd-table td[b-pbem8omkni] {
    padding: 10px 14px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    vertical-align: middle;
}
.agmd-table tbody tr:nth-child(even) td[b-pbem8omkni] { background: #f7f0fb; }
.agmd-table tbody tr:hover td[b-pbem8omkni] { background: #efe1f7; }

.col-num[b-pbem8omkni] { width: 40px; text-align: center; color: #999; }
.col-r[b-pbem8omkni] { text-align: right; white-space: nowrap; }

.range-badge[b-pbem8omkni] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 6px;
    font-weight: 600;
    background: #ede9fe;
    color: #5b21b6;
}
.explanation[b-pbem8omkni] { color: #555; font-size: 0.82rem; min-width: 320px; }

.empty-state[b-pbem8omkni] { text-align: center; padding: 60px 20px; color: #666; }
.empty-state p[b-pbem8omkni] { margin-top: 16px; font-size: 1.1rem; font-weight: 600; color: #333; }

@media (max-width: 768px) {
    .page-header[b-pbem8omkni] { flex-direction: column; gap: 12px; text-align: center; }
    .header-left[b-pbem8omkni] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/BadMessages.cshtml.rz.scp.css */
/* ============================================================
   Bad Messages (Messages_Bad manager) — Scoped CSS
   Route: /myonlylogin/bad-messages
   Legacy palette: headers #330033 (white bold), rows #F5ECFF,
   alternating white.
   ============================================================ */

[x-cloak][b-3cqyb4yzuv] { display: none !important; }

.bm-page[b-3cqyb4yzuv] { max-width: 1500px; }

/* Header */
.bm-header[b-3cqyb4yzuv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #660032 0%, #4a0025 50%, #330033 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.bm-header-left[b-3cqyb4yzuv] { display: flex; align-items: center; gap: 14px; }
.bm-header-icon[b-3cqyb4yzuv] { width: 32px; height: 32px; opacity: 0.85; }
.bm-header-left h1[b-3cqyb4yzuv] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.bm-header-sub[b-3cqyb4yzuv] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

/* Error banner */
.bm-error-banner[b-3cqyb4yzuv] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* IP export links (legacy LinkButtons at top) */
.bm-export-panel[b-3cqyb4yzuv] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    padding: 14px 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.bm-export-link[b-3cqyb4yzuv] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #330033;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: underline;
    width: fit-content;
}
.bm-export-link:hover[b-3cqyb4yzuv] { color: #660032; }

/* Section titles (legacy centered <h3>) */
.bm-section-title[b-3cqyb4yzuv] {
    text-align: center;
    color: #330033;
    font-size: 1.15rem;
    font-weight: 700;
    margin: 26px 0 12px;
}

/* Filter chip */
.bm-filter-chip[b-3cqyb4yzuv] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f0e5ff;
    border: 1px solid #6f42c1;
    color: #2c3e50;
    border-radius: 999px;
    padding: 6px 8px 6px 16px;
    font-size: 0.85rem;
    margin-bottom: 12px;
    word-break: break-all;
}
.bm-filter-chip button[b-3cqyb4yzuv] {
    background: #6f42c1;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    line-height: 1;
    font-size: 14px;
    cursor: pointer;
    flex-shrink: 0;
}
.bm-filter-chip button:hover[b-3cqyb4yzuv] { background: #59339d; }

/* Tables */
.bm-table-panel[b-3cqyb4yzuv] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
    margin-bottom: 8px;
}
.bm-table-wrap[b-3cqyb4yzuv] { overflow-x: auto; }

.bm-table[b-3cqyb4yzuv] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;                 /* legacy overflow-fix font-size 11px */
    table-layout: fixed;
}
.bm-table th[b-3cqyb4yzuv] {
    background: #330033;             /* legacy HeaderStyle */
    color: #fff;
    font-weight: 700;
    font-size: 12px;                 /* legacy th override */
    text-align: left;
    padding: 6px 8px;
}
.bm-table td[b-3cqyb4yzuv] {
    padding: 6px 8px;                /* legacy padding 4px + breathing room */
    vertical-align: top;             /* legacy vertical-align: top */
    color: #000;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.bm-table tbody tr:nth-child(odd) td[b-3cqyb4yzuv] { background: #F5ECFF; }   /* legacy RowStyle */
.bm-table tbody tr:nth-child(even) td[b-3cqyb4yzuv] { background: #fff; }     /* legacy AlternatingRowStyle */

.bm-num[b-3cqyb4yzuv] { text-align: center; white-space: nowrap; }
.bm-nowrap[b-3cqyb4yzuv] { white-space: nowrap; }
.bm-break[b-3cqyb4yzuv] { word-break: break-all; }
.bm-longtext[b-3cqyb4yzuv] { white-space: pre-line; word-break: break-word; }
.bm-location[b-3cqyb4yzuv] { white-space: pre-line; }   /* multi-line location (legacy <br/> formatting) */

.bm-empty[b-3cqyb4yzuv] { text-align: center; color: #6b7280; padding: 22px !important; background: #fff !important; }

.bm-filter-link[b-3cqyb4yzuv] {
    color: #330033;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
    word-break: break-all;
}
.bm-filter-link:hover[b-3cqyb4yzuv] { color: #660032; }

/* Column widths — Non-Spam (SrNo/Name/Email/Topic/Message/IP/Location/Date), per legacy CSS */
.bm-table-nonspam th:nth-child(1)[b-3cqyb4yzuv] { width: 40px; }
.bm-table-nonspam th:nth-child(2)[b-3cqyb4yzuv] { width: 10%; }
.bm-table-nonspam th:nth-child(3)[b-3cqyb4yzuv] { width: 15%; }
.bm-table-nonspam th:nth-child(4)[b-3cqyb4yzuv] { width: 10%; }
.bm-table-nonspam th:nth-child(5)[b-3cqyb4yzuv] { width: 35%; }
.bm-table-nonspam th:nth-child(6)[b-3cqyb4yzuv] { width: 10%; }
.bm-table-nonspam th:nth-child(7)[b-3cqyb4yzuv] { width: 8%; }
.bm-table-nonspam th:nth-child(8)[b-3cqyb4yzuv] { width: 10%; }

/* Column widths — Top 10 (adds Count column), per legacy CSS */
.bm-table-top10 th:nth-child(1)[b-3cqyb4yzuv] { width: 40px; }
.bm-table-top10 th:nth-child(2)[b-3cqyb4yzuv] { width: 10%; }
.bm-table-top10 th:nth-child(3)[b-3cqyb4yzuv] { width: 15%; }
.bm-table-top10 th:nth-child(4)[b-3cqyb4yzuv] { width: 8%; }
.bm-table-top10 th:nth-child(5)[b-3cqyb4yzuv] { width: 35%; }
.bm-table-top10 th:nth-child(6)[b-3cqyb4yzuv] { width: 10%; }
.bm-table-top10 th:nth-child(7)[b-3cqyb4yzuv] { width: 8%; }
.bm-table-top10 th:nth-child(8)[b-3cqyb4yzuv] { width: 10%; }
.bm-table-top10 th:nth-child(9)[b-3cqyb4yzuv] { width: 100px; }

/* Column widths — main grid (trash/No./Name/Email/Topic/Message/IP/Location/Date), per legacy */
.bm-table-main th:nth-child(1)[b-3cqyb4yzuv] { width: 34px; }
.bm-table-main th:nth-child(2)[b-3cqyb4yzuv] { width: 44px; }
.bm-table-main th:nth-child(3)[b-3cqyb4yzuv] { width: 80px; }
.bm-table-main th:nth-child(4)[b-3cqyb4yzuv] { width: 150px; }
.bm-table-main th:nth-child(5)[b-3cqyb4yzuv] { width: 80px; }
.bm-table-main th:nth-child(6)[b-3cqyb4yzuv] { width: 35%; }
.bm-table-main th:nth-child(7)[b-3cqyb4yzuv] { width: 90px; }
.bm-table-main th:nth-child(8)[b-3cqyb4yzuv] { width: 80px; }
.bm-table-main th:nth-child(9)[b-3cqyb4yzuv] { width: 100px; }

.bm-trash-btn[b-3cqyb4yzuv] {
    background: none;
    border: none;
    color: #b91c1c;
    cursor: pointer;
    padding: 2px;
    line-height: 1;
}
.bm-trash-btn:hover[b-3cqyb4yzuv] { color: #7f1d1d; }

/* Pager (legacy DataNavigator) */
.bm-pager[b-3cqyb4yzuv] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    padding: 10px 16px;
    margin-bottom: 12px;
    font-size: 0.85rem;
    color: #444;
}
.bm-pager input[type="number"][b-3cqyb4yzuv] {
    width: 62px;
    padding: 5px 8px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.8rem;
}
.bm-pager button[b-3cqyb4yzuv] {
    background: #330033;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 6px 11px;
    font-size: 0.85rem;
    cursor: pointer;
}
.bm-pager button:hover:not(:disabled)[b-3cqyb4yzuv] { background: #4a004a; }
.bm-pager button:disabled[b-3cqyb4yzuv] { opacity: 0.4; cursor: not-allowed; }
.bm-pager select[b-3cqyb4yzuv] {
    padding: 5px 8px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.8rem;
}
.bm-pager-sep[b-3cqyb4yzuv] {
    width: 1px;
    height: 20px;
    background: #666;                /* legacy solid 1px #666666 separators */
    margin: 0 4px;
}
.bm-pager-loading[b-3cqyb4yzuv] { color: #660032; font-weight: 600; }

/* Confirm modal (legacy ConfirmPopupPanel / modal-content) */
.bm-modal-backdrop[b-3cqyb4yzuv] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);     /* legacy .modal backdrop */
    z-index: 10000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 100px;              /* legacy padding-top: 100px */
}
.bm-modal[b-3cqyb4yzuv] {
    background: #fff;
    width: 420px;
    max-width: 92vw;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;              /* legacy .modal-content */
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    overflow: hidden;
    animation: bm-animatetop-b-3cqyb4yzuv 0.4s;
}
@keyframes bm-animatetop-b-3cqyb4yzuv {
    from { transform: translateY(-300px); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}
.bm-modal-header[b-3cqyb4yzuv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.bm-modal-header h3[b-3cqyb4yzuv] { margin: 0; font-size: 1.05rem; color: #330033; }
.bm-modal-close[b-3cqyb4yzuv] {
    background: none;
    border: none;
    font-size: 21px;
    font-weight: 700;
    color: #000;
    opacity: 0.35;
    cursor: pointer;
    line-height: 1;
}
.bm-modal-close:hover[b-3cqyb4yzuv] { opacity: 0.7; }
.bm-modal-body[b-3cqyb4yzuv] { padding: 20px; color: #333; font-size: 0.9rem; }
.bm-modal-actions[b-3cqyb4yzuv] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
}
.bm-modal-footer[b-3cqyb4yzuv] {
    padding: 14px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.bm-btn[b-3cqyb4yzuv] {
    background: #e5e7eb;
    color: #333;
    border: 1px solid transparent;
    border-radius: 4px;              /* legacy .btn */
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
}
.bm-btn:hover[b-3cqyb4yzuv] { background: #d1d5db; }
.bm-btn-primary[b-3cqyb4yzuv] { background: #330033; color: #fff; }   /* legacy .button */
.bm-btn-primary:hover[b-3cqyb4yzuv] { background: #4a004a; }
.bm-btn-primary:disabled[b-3cqyb4yzuv] { opacity: 0.5; cursor: not-allowed; }

/* Responsive */
@media (max-width: 768px) {
    .bm-header[b-3cqyb4yzuv] { flex-direction: column; gap: 12px; text-align: center; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/BannedEmail.cshtml.rz.scp.css */
/* ============================================================
   Banned Emails — Scoped CSS
   Colors carried over from legacy admin/BannedEmail.aspx
   (alert / closebtn styles, #050931 grid border, #E0C1FF rows,
   white alternating, #330033 header).
   ============================================================ */

.be-page[b-wscb6mrx7v] {
    width: 100%;
}

.be-title[b-wscb6mrx7v] {
    margin: 8px 0;
}

/* ── Status alert (legacy .alert / .alert-danger / .alert-success) ── */
.be-alert[b-wscb6mrx7v] {
    padding: 20px;
    color: white;
    margin-bottom: 15px;
}

.be-alert-danger[b-wscb6mrx7v] {
    background-color: #f44336;
}

.be-alert-success[b-wscb6mrx7v] {
    background-color: #04AA6D;
}

.be-closebtn[b-wscb6mrx7v] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.be-closebtn:hover[b-wscb6mrx7v] {
    color: black;
}

/* ── Add form (legacy layout table) ── */
.be-form-table[b-wscb6mrx7v] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.be-form-table td[b-wscb6mrx7v] {
    padding: 2px 0;
}

.be-label-cell[b-wscb6mrx7v] {
    width: 44px;   /* legacy td width */
    vertical-align: middle;
}

.be-input-cell[b-wscb6mrx7v],
.be-buttons-cell[b-wscb6mrx7v] {
    width: 341px;  /* legacy td width */
}

.be-input-cell input[b-wscb6mrx7v] {
    padding: 2px 4px;
}

.be-buttons-cell button[b-wscb6mrx7v] {
    padding: 2px 12px;
    cursor: pointer;
}

.be-buttons-cell button:disabled[b-wscb6mrx7v] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Required-field message (legacy RequiredFieldValidators) */
.be-validator[b-wscb6mrx7v] {
    color: red;
}

/* ── Grid (legacy grdBannedEmailList: Width=100%, BorderColor=#050931,
     GridLines=None, CellPadding=4, ForeColor=Black) ── */
.be-grid[b-wscb6mrx7v] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #050931;
    color: black;
}

.be-grid th[b-wscb6mrx7v],
.be-grid td[b-wscb6mrx7v] {
    padding: 4px;  /* CellPadding="4"; GridLines=None → no cell borders */
}

.be-grid thead th[b-wscb6mrx7v] {
    background-color: #330033;  /* HeaderStyle */
    color: white;
    font-weight: bold;
    text-align: left;           /* HorizontalAlign="Left" */
}

.be-row[b-wscb6mrx7v] {
    background-color: #E0C1FF;  /* RowStyle */
}

.be-alt-row[b-wscb6mrx7v] {
    background-color: white;    /* AlternatingRowStyle */
}

.be-grid input[b-wscb6mrx7v] {
    padding: 2px 4px;
}

.be-action-link[b-wscb6mrx7v] {
    color: #660033;
    text-decoration: underline;
    cursor: pointer;
    margin-right: 6px;
}

/* Empty state (legacy EmptyDataTemplate: centered "No records found.") */
.be-empty[b-wscb6mrx7v] {
    text-align: center;
    padding: 6px;
}

/* ── Confirm modal (replaces javascript confirm) ── */
.be-confirm-overlay[b-wscb6mrx7v] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
}

.be-confirm-box[b-wscb6mrx7v] {
    background: white;
    border-radius: 8px;
    padding: 20px 24px;
    min-width: 260px;
    max-width: 400px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.be-confirm-box p[b-wscb6mrx7v] {
    margin: 0 0 16px 0;
    font-size: 13px;
}

.be-confirm-actions[b-wscb6mrx7v] {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.be-confirm-actions button[b-wscb6mrx7v] {
    padding: 5px 18px;
    cursor: pointer;
    border: 1px solid #999;
    background: #f0f0f0;
    border-radius: 4px;
}

.be-confirm-actions .be-confirm-ok[b-wscb6mrx7v] {
    background: #330033;
    color: white;
    border-color: #330033;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/BannedNames.cshtml.rz.scp.css */
/* ============================================================
   Banned Names — Scoped CSS
   Colors carried over from legacy admin/BannedNames.aspx GridView
   (#050931 border, #E0C1FF rows, white alternating, #330033 header).
   ============================================================ */

.bn-page[b-idn5s240jc] {
    width: 100%;
}

.bn-intro[b-idn5s240jc] {
    margin-bottom: 16px; /* legacy label + two <br /> */
}

/* Server-side load error */
.bn-error[b-idn5s240jc] {
    position: relative;
    padding: 10px 30px 10px 12px;
    margin-bottom: 12px;
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
}

.bn-error-close[b-idn5s240jc] {
    position: absolute;
    top: 6px;
    right: 10px;
    font-weight: bold;
    cursor: pointer;
}

/* ── Form table (legacy layout table) ── */
.bn-form-table[b-idn5s240jc] {
    width: 100%;
    border-collapse: collapse;
}

.bn-form-table td[b-idn5s240jc] {
    padding: 2px 0;
}

.bn-label-cell[b-idn5s240jc] {
    width: 44px;   /* legacy td width */
    vertical-align: middle;
}

.bn-input-cell[b-idn5s240jc],
.bn-buttons-cell[b-idn5s240jc] {
    width: 341px;  /* legacy td width */
}

.bn-input-cell input[b-idn5s240jc] {
    padding: 2px 4px;
}

.bn-buttons-cell[b-idn5s240jc] {
    padding-top: 4px;
    padding-bottom: 16px; /* legacy two <br /> after the buttons */
}

.bn-buttons-cell button[b-idn5s240jc] {
    padding: 2px 12px;
    cursor: pointer;
}

.bn-buttons-cell button:disabled[b-idn5s240jc] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Required-field message (legacy RequiredFieldValidator "Name Required") */
.bn-validator[b-idn5s240jc] {
    color: red;
}

/* ── Grid (legacy grdBannedNameList: Width=100%, BorderColor=#050931,
     GridLines=None, CellPadding=4, ForeColor=Black) ── */
.bn-grid[b-idn5s240jc] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #050931;
    color: black;
}

.bn-grid th[b-idn5s240jc],
.bn-grid td[b-idn5s240jc] {
    padding: 4px;  /* CellPadding="4"; GridLines=None → no cell borders */
}

.bn-grid thead th[b-idn5s240jc] {
    background-color: #330033;  /* HeaderStyle */
    color: white;
    font-weight: bold;
    text-align: left;           /* HorizontalAlign="Left" */
}

.bn-row[b-idn5s240jc] {
    background-color: #E0C1FF;  /* RowStyle */
}

.bn-alt-row[b-idn5s240jc] {
    background-color: white;    /* AlternatingRowStyle */
}

.bn-action-link[b-idn5s240jc] {
    color: #660033;
    text-decoration: underline;
    cursor: pointer;
    margin-right: 6px;
}

/* ── Confirm modal (replaces javascript confirm) ── */
.bn-confirm-overlay[b-idn5s240jc] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
}

.bn-confirm-box[b-idn5s240jc] {
    background: white;
    border-radius: 8px;
    padding: 20px 24px;
    min-width: 260px;
    max-width: 400px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.bn-confirm-box p[b-idn5s240jc] {
    margin: 0 0 16px 0;
    font-size: 13px;
}

.bn-confirm-actions[b-idn5s240jc] {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.bn-confirm-actions button[b-idn5s240jc] {
    padding: 5px 18px;
    cursor: pointer;
    border: 1px solid #999;
    background: #f0f0f0;
    border-radius: 4px;
}

.bn-confirm-actions .bn-confirm-ok[b-idn5s240jc] {
    background: #330033;
    color: white;
    border-color: #330033;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/BirthdayEmailsLog.cshtml.rz.scp.css */
/* ============================================================
   Birthday Emails Log — Scoped CSS
   Legacy admin/BirthdayEmailsLog.aspx GridView theme
   (#330033 header, #E0C1FF alternating rows) + body modal.
   ============================================================ */

.bel-page[b-6axjqsvxaw] {
    width: 100%;
    min-height: 500px;
}

.bel-h1[b-6axjqsvxaw] {
    color: #330033;
    margin: 6px 0 14px 0;
}

.bel-alert[b-6axjqsvxaw] {
    padding: 14px 18px;
    color: #fff;
    margin-bottom: 14px;
    border-radius: 4px;
}

.bel-alert-danger[b-6axjqsvxaw] {
    background-color: #b91c1c;
}

.bel-closebtn[b-6axjqsvxaw] {
    margin-left: 15px;
    color: #fff;
    font-weight: bold;
    float: right;
    font-size: 20px;
    line-height: 18px;
    cursor: pointer;
}

/* ── Pager ── */
.bel-pager[b-6axjqsvxaw] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    font-size: 0.85rem;
    color: #330033;
}

.bel-pager-btn[b-6axjqsvxaw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    border: 1px solid #a86fe0;
    border-radius: 4px;
    background: #fff;
    color: #330033;
    cursor: pointer;
}

.bel-pager-btn:hover:not(:disabled)[b-6axjqsvxaw] {
    background: #f5ecff;
}

.bel-pager-btn:disabled[b-6axjqsvxaw] {
    opacity: 0.4;
    cursor: not-allowed;
}

.bel-pageno[b-6axjqsvxaw] {
    padding: 0 6px;
}

/* ── Grid ── */
.bel-table-wrap[b-6axjqsvxaw] {
    overflow-x: auto;
}

.bel-table[b-6axjqsvxaw] {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.8rem;
}

.bel-table th[b-6axjqsvxaw] {
    background-color: #330033;
    color: #fff;
    text-align: left;
    padding: 7px 10px;
    font-weight: 600;
    white-space: nowrap;
}

.bel-table td[b-6axjqsvxaw] {
    padding: 6px 10px;
    color: #000;
    vertical-align: top;
    word-break: break-word;
}

.bel-row[b-6axjqsvxaw] {
    background-color: #fff;
}

.bel-alt-row[b-6axjqsvxaw] {
    background-color: #E0C1FF;
}

.bel-view[b-6axjqsvxaw] {
    color: #330033;
    text-decoration: underline;
    cursor: pointer;
}

.bel-empty[b-6axjqsvxaw] {
    text-align: center;
    padding: 12px;
    color: #444;
    background: #fff;
}

/* ── Body modal (legacy #emailBodyModal) ── */
.bel-modal-overlay[b-6axjqsvxaw] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 100000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 70px;
    overflow-y: auto;
}

.bel-modal[b-6axjqsvxaw] {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    width: 640px;
    max-width: 92%;
    margin-bottom: 60px;
}

.bel-modal-header[b-6axjqsvxaw] {
    padding: 12px 16px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bel-modal-header h5[b-6axjqsvxaw] {
    margin: 0;
    color: #330033;
}

.bel-modal-close[b-6axjqsvxaw] {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    opacity: .3;
    cursor: pointer;
}

.bel-modal-close:hover[b-6axjqsvxaw] {
    opacity: .6;
}

.bel-modal-body[b-6axjqsvxaw] {
    padding: 18px 20px;
    max-height: calc(100vh - 260px);
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.78rem;
}

.bel-modal-footer[b-6axjqsvxaw] {
    padding: 12px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.bel-btn[b-6axjqsvxaw] {
    padding: 6px 16px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #999;
    background: #f0f0f0;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/BirthdayMessageTemplate.cshtml.rz.scp.css */
/* ============================================================
   Birthday Message Template — Scoped CSS
   Adapted from legacy admin/BirthdayMessageTemplate.aspx inline
   <style>: #placeholderList (#FAFAFA rows, #F3F3F3 stripes,
   #FFFDE3 hover with #DCDAC1 left border), .contact ellipsis,
   and the #330033 Save button. (Legacy also pulled Bootstrap 3
   for its alert chrome; here the shared admin toast + scoped
   banner replace it, so Bootstrap is not loaded.)
   ============================================================ */

.bmt-page[b-11w0jl6i9i] {
    width: 100%;
}

.bmt-card[b-11w0jl6i9i] { border:1px solid #ccc; border-radius:4px; background:#fff; padding:0 16px 16px; }
.bmt-card-title[b-11w0jl6i9i] { margin:0 -16px 14px; padding:11px 16px; font-size:18px; background:#f7f3f7; border-bottom:1px solid #ddd; border-radius:4px 4px 0 0; }

/* ── Header ── */
.bmt-header[b-11w0jl6i9i] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.bmt-header-icon[b-11w0jl6i9i] {
    width: 28px;
    height: 28px;
    color: #330033;
    flex-shrink: 0;
}

.bmt-header h1[b-11w0jl6i9i] {
    margin: 0;
    font-size: 22px;
}

.bmt-header-sub[b-11w0jl6i9i] {
    margin: 2px 0 0;
    color: #3d2540;
    font-size: 13px;
}

/* ── Status banner (legacy .alert / close button) ── */
.bmt-alert[b-11w0jl6i9i] {
    padding: 20px;
    color: white;
    margin-bottom: 15px;
}

.bmt-alert-danger[b-11w0jl6i9i] {
    background-color: #f44336;
}

.bmt-alert-success[b-11w0jl6i9i] {
    background-color: #04AA6D;
}

.bmt-closebtn[b-11w0jl6i9i] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    background: none;
    border: none;
    padding: 0;
}

.bmt-closebtn:hover[b-11w0jl6i9i] {
    color: black;
}

/* ── Subject ── */
.bmt-field[b-11w0jl6i9i] {
    margin-bottom: 14px;
}

.bmt-label[b-11w0jl6i9i] {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}

.bmt-subject[b-11w0jl6i9i] {
    width: 100%;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    margin-top: 5px;
    padding: 10px 6px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    min-height: 44px;
    white-space: nowrap;
    overflow-x: auto;
}

.bmt-subject .hcard-token[b-11w0jl6i9i] { display:inline-block; background:#FFFDE3; border:1px solid #DCDAC1; border-radius:3px; padding:0 4px; }

/* ── 70/30 layout (legacy col-md-8 / col-md-4) ── */
.bmt-grid[b-11w0jl6i9i] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
    gap: 16px;
    align-items: start;
}

.bmt-grid h3[b-11w0jl6i9i] {
    margin: 6px 0;
    font-size: 15px;
}

/* Body textarea before TinyMCE takes over */
.bmt-body-editor[b-11w0jl6i9i] {
    width: 100%;
    box-sizing: border-box;
    min-height: 200px;
}

/* ── Discount field ── */
.bmt-discount[b-11w0jl6i9i] {
    margin-bottom: 16px;
}

.bmt-discount-input[b-11w0jl6i9i] {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
}

/* ── Placeholder list (legacy #placeholderList / .contact) ── */
.bmt-placeholder-list[b-11w0jl6i9i] {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.bmt-placeholder-list li[b-11w0jl6i9i] {
    background: #FAFAFA;
    margin-bottom: 1px;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
}

.bmt-placeholder-list li:nth-child(2n)[b-11w0jl6i9i] {
    background: #F3F3F3;
}

.bmt-placeholder-list li:hover[b-11w0jl6i9i] {
    background: #FFFDE3;
    border-left: 5px solid #DCDAC1;
    margin-left: -5px;
}

.bmt-contact[b-11w0jl6i9i] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    background: transparent;
    border: none;
    font: inherit;
    line-height: inherit;
    cursor: pointer;
    box-sizing: border-box;
}

/* ── Save button (legacy .button: #330033 on white) ── */
.bmt-save[b-11w0jl6i9i] {
    background-color: #330033;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 8px 28px;
    margin-top: 14px;
    font-size: 14px;
    cursor: pointer;
}

.bmt-save:hover[b-11w0jl6i9i] {
    background-color: #4a004a;
}

.bmt-save:disabled[b-11w0jl6i9i] {
    background-color: #888;
    cursor: default;
}

/* ── Small screens: stack the placeholder column ── */
@media (max-width: 900px) {
    .bmt-grid[b-11w0jl6i9i] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/Birthdays.cshtml.rz.scp.css */
/* ============================================================
   Birthdays — Scoped CSS
   Carries the legacy admin/Birthdays.aspx purple theme (#330033
   fieldset/legend/header) and modal. Per-row background colors
   (gender / alternate / opt-out / birth-date cell) are applied
   inline by Alpine, matching the legacy RowDataBound logic.
   ============================================================ */

.bd-page[b-k9bw6ss83u] {
    width: 100%;
}

.bd-h1[b-k9bw6ss83u] {
    color: #330033;
    margin: 6px 0 14px 0;
}

/* ── Status alert (legacy statusPageDiv .alert / .alert-danger) ── */
.bd-alert[b-k9bw6ss83u] {
    padding: 14px 18px;
    color: #fff;
    margin-bottom: 14px;
    border-radius: 4px;
}

.bd-alert-danger[b-k9bw6ss83u] {
    background-color: #b91c1c;
}

.bd-closebtn[b-k9bw6ss83u] {
    margin-left: 15px;
    color: #fff;
    font-weight: bold;
    float: right;
    font-size: 20px;
    line-height: 18px;
    cursor: pointer;
}

/* ── Fieldset groups (legacy fieldset / legend #330033) ── */
.bd-fieldset[b-k9bw6ss83u] {
    border: 1px groove #330033;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

.bd-fieldset legend[b-k9bw6ss83u] {
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    width: auto;
    padding: 0 10px;
    color: #330033;
}

/* ── Grid (legacy GridView: header #330033 white text) ── */
.bd-table-wrap[b-k9bw6ss83u] {
    overflow-x: auto;
}

.bd-table[b-k9bw6ss83u] {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.8rem;
}

.bd-table th[b-k9bw6ss83u] {
    background-color: #330033;
    color: #fff;
    text-align: left;
    padding: 7px 10px;
    font-weight: 600;
    white-space: nowrap;
}

.bd-table td[b-k9bw6ss83u] {
    padding: 6px 10px;
    color: #000;
    vertical-align: top;
}

.bd-col-icon[b-k9bw6ss83u] {
    width: 26px;
    text-align: center;
}

.bd-info-icon[b-k9bw6ss83u],
.bd-mail-icon[b-k9bw6ss83u] {
    width: 17px;
    height: 17px;
    cursor: pointer;
    vertical-align: middle;
}

.bd-mail-icon[b-k9bw6ss83u] {
    color: #330033;
}

/* Opted-out contact: the send control stays visible but its mail glyph turns red.
   Keyed off a state class on the <a> (not an inline style on the <a>) because the
   Lucide-rendered <svg> keeps its own .bd-mail-icon color rule, which would otherwise
   win over the anchor's inherited colour. This descendant rule outranks it. */
.bd-optout .bd-mail-icon[b-k9bw6ss83u] {
    color: #dc2626;
}

.bd-empty[b-k9bw6ss83u] {
    text-align: center;
    padding: 12px;
    color: #444;
    background: #fff;
}

/* ── Send Email modal (legacy .modal-b / .modal-content-b) ── */
.bd-modal-overlay[b-k9bw6ss83u] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 100000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 60px;
    overflow-y: auto;
}

.bd-modal[b-k9bw6ss83u] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    width: 640px;
    max-width: 92%;
    margin-bottom: 60px;
}

.bd-modal-header[b-k9bw6ss83u] {
    padding: 12px 16px;
    border-bottom: 1px solid #e5e5e5;
}

.bd-modal-header h3[b-k9bw6ss83u] {
    margin: 0;
    color: #330033;
}

.bd-modal-close[b-k9bw6ss83u] {
    float: right;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    opacity: .3;
    cursor: pointer;
}

.bd-modal-close:hover[b-k9bw6ss83u] {
    opacity: .6;
}

.bd-modal-body[b-k9bw6ss83u] {
    padding: 18px 20px;
    max-height: calc(100vh - 230px);
    overflow-y: auto;
}

.bd-modal-footer[b-k9bw6ss83u] {
    padding: 14px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.bd-field[b-k9bw6ss83u] {
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bd-field label[b-k9bw6ss83u] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #330033;
}

.bd-field input[b-k9bw6ss83u],
.bd-field textarea[b-k9bw6ss83u] {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: inherit;
}

.bd-mono[b-k9bw6ss83u] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.78rem;
}

.bd-preview[b-k9bw6ss83u] {
    border: 1px dashed #bbb;
    border-radius: 4px;
    padding: 10px;
    background: #fafafa;
    max-height: 240px;
    overflow: auto;
}

.bd-btn[b-k9bw6ss83u],
.bd-btn-primary[b-k9bw6ss83u] {
    padding: 6px 16px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #999;
    background: #f0f0f0;
    margin-left: 8px;
}

.bd-btn-primary[b-k9bw6ss83u] {
    background-color: #330033;
    color: #fff;
    border-color: #330033;
}

.bd-btn-primary:disabled[b-k9bw6ss83u] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ── Compose loading veil (legacy coverScreen spinner) ── */
.bd-cover[b-k9bw6ss83u] {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.6);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bd-spinner[b-k9bw6ss83u] {
    width: 46px;
    height: 46px;
    border: 4px solid #d9c7e6;
    border-top-color: #330033;
    border-radius: 50%;
    animation: bd-rotate-b-k9bw6ss83u 1s linear infinite;
}

@keyframes bd-rotate-b-k9bw6ss83u {
    100% { transform: rotate(360deg); }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/BlackOutDates.cshtml.rz.scp.css */
/* ============================================================
   BlackOut Dates — Scoped CSS
   Near-twin of Holidays.cshtml.css. Purple house palette carried
   over from admin/BlackOutDates.aspx (GRIDVIEWHeading #330033,
   alert styles). Font-Awesome dropped in favour of Lucide <svg>
   icons, so icon rules target `svg`. Card grid + form are
   server-rendered / static markup (toggled by Alpine x-show), so
   this scoped CSS reaches them.
   ============================================================ */

.container[b-4unqpaev5b] {
    max-width: 1200px;
    margin: 0 auto;
}

header[b-4unqpaev5b] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

h1[b-4unqpaev5b] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.description[b-4unqpaev5b] {
    opacity: 0.9;
    margin: 0;
}

/* ── Alerts (legacy .alert / .alert-danger) ── */
.alert[b-4unqpaev5b] {
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
}

.alert-danger[b-4unqpaev5b] {
    background-color: #f8d7da;
    color: #721c24;
}

.alert-success[b-4unqpaev5b] {
    background-color: #d4edda;
    color: #155724;
}

.closebtn[b-4unqpaev5b] {
    color: inherit;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.8;
    background: none;
    border: none;
}

.closebtn:hover[b-4unqpaev5b] {
    opacity: 1;
}

/* ── Toolbar ── */
.filters[b-4unqpaev5b] {
    background-color: #fff;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.btn[b-4unqpaev5b] {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 6px;
    user-select: none;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn-primary[b-4unqpaev5b] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.btn-primary:hover[b-4unqpaev5b] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}

.btn-primary:disabled[b-4unqpaev5b] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* ── Horizontal cards ── */
.horizontal-cards-container[b-4unqpaev5b] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.horizontal-card[b-4unqpaev5b] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    min-height: 70px;
    overflow: hidden;
}

.horizontal-card:hover[b-4unqpaev5b] {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.card-color-strip[b-4unqpaev5b] {
    width: 8px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
}

.card-content[b-4unqpaev5b] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    flex-grow: 1;
    gap: 16px;
}

.row-number[b-4unqpaev5b] {
    font-weight: 600;
    font-size: 14px;
    color: #663399;
    min-width: 22px;
    text-align: center;
    flex-shrink: 0;
}

.entity-icon[b-4unqpaev5b] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    color: #663399;
}

.entity-icon svg[b-4unqpaev5b] {
    width: 18px;
    height: 18px;
}

.entity-info[b-4unqpaev5b] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 20px;
    overflow: hidden;
    flex-wrap: wrap;
}

.entity-main[b-4unqpaev5b] {
    min-width: 180px;
}

.entity-name[b-4unqpaev5b] {
    font-weight: 600;
    font-size: 16px;
    color: #2d3436;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entity-sub[b-4unqpaev5b] {
    font-size: 13px;
    color: #663399;
    font-weight: 500;
}

.entity-details[b-4unqpaev5b] {
    display: flex;
    gap: 25px;
    align-items: center;
    flex-wrap: wrap;
}

.detail-item[b-4unqpaev5b] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #495057;
    white-space: nowrap;
}

.detail-icon[b-4unqpaev5b] {
    color: #663399;
    width: 16px;
    height: 16px;
}

.card-actions[b-4unqpaev5b] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    border-left: 1px solid #f1f2f6;
}

.action-btn[b-4unqpaev5b] {
    color: #6c757d;
    cursor: pointer;
    transition: color 0.3s ease;
    padding: 8px;
    text-decoration: none;
    display: inline-flex;
}

.action-btn:hover[b-4unqpaev5b] {
    color: #663399;
}

.action-btn svg[b-4unqpaev5b] {
    width: 18px;
    height: 18px;
}

/* ── Empty state ── */
.empty-state[b-4unqpaev5b] {
    text-align: center;
    padding: 40px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.empty-state svg[b-4unqpaev5b] {
    width: 48px;
    height: 48px;
    color: #cbd5e1;
    margin-bottom: 15px;
}

.empty-state p[b-4unqpaev5b] {
    color: #64748b;
    font-size: 1.1rem;
}

/* ── Create / edit card ── */
.create-panel-container[b-4unqpaev5b] {
    margin: 0 auto;
}

.create-card[b-4unqpaev5b] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.card-header[b-4unqpaev5b] {
    padding: 24px 30px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
}

.header-content[b-4unqpaev5b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.title-section[b-4unqpaev5b] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3436;
}

.title-section svg[b-4unqpaev5b] {
    color: #663399;
}

.header-description[b-4unqpaev5b] {
    color: #6c757d;
    font-size: 0.95rem;
}

.id-badge[b-4unqpaev5b] {
    background: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9rem;
    color: #6c757d;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
}

.id-badge svg[b-4unqpaev5b] {
    color: #663399;
    width: 16px;
    height: 16px;
}

.card-body[b-4unqpaev5b] {
    padding: 30px;
}

.form-section[b-4unqpaev5b] {
    margin-bottom: 8px;
}

.form-group[b-4unqpaev5b] {
    margin-bottom: 20px;
}

.form-label[b-4unqpaev5b] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #2d3436;
}

.form-input[b-4unqpaev5b] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    font-family: inherit;
}

textarea.form-input[b-4unqpaev5b] {
    resize: vertical;
    min-height: 80px;
}

.form-input:focus[b-4unqpaev5b] {
    outline: none;
    border-color: #663399;
    box-shadow: 0 0 0 3px rgba(102, 51, 153, 0.1);
}

.card-footer[b-4unqpaev5b] {
    padding: 24px 30px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.action-buttons[b-4unqpaev5b] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.btn-cancel[b-4unqpaev5b] {
    background: white;
    color: #6c757d;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.btn-cancel:hover[b-4unqpaev5b] {
    background: #f8f9fa;
    border-color: #6c757d;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .horizontal-card[b-4unqpaev5b] {
        flex-direction: column;
    }

    .card-content[b-4unqpaev5b] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .entity-info[b-4unqpaev5b] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
    }

    .entity-details[b-4unqpaev5b] {
        width: 100%;
        justify-content: flex-start;
    }

    .card-actions[b-4unqpaev5b] {
        border-left: none;
        border-top: 1px solid #f1f2f6;
        width: 100%;
        justify-content: flex-end;
        padding: 10px 16px;
    }

    .header-content[b-4unqpaev5b] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .action-buttons[b-4unqpaev5b] {
        flex-direction: column;
    }

    .btn-cancel[b-4unqpaev5b],
    .btn-primary[b-4unqpaev5b] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/Blog.cshtml.rz.scp.css */
/* Blog admin — scoped styles (house palette #330033 / #E0C1FF), mirrors CustomPages.cshtml.css */

.bl-page[b-j6dbz92ehz] { color: #222; }

/* Header */
.bl-header[b-j6dbz92ehz] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; flex-wrap: wrap; gap: 12px; }
.bl-header-left[b-j6dbz92ehz] { display: flex; align-items: center; gap: 14px; }
.bl-header-icon[b-j6dbz92ehz] { width: 30px; height: 30px; color: #330033; }
.bl-header h1[b-j6dbz92ehz] { font-size: 22px; color: #330033; margin: 0; }
.bl-sub[b-j6dbz92ehz] { color: #3d2540; font-size: 13px; margin: 2px 0 0; }

/* Error */
.bl-error[b-j6dbz92ehz] { position: relative; background: #f2dede; color: #a94442; border: 1px solid #ebccd1; border-radius: 6px; padding: 12px 36px 12px 15px; margin-bottom: 15px; }
.bl-error-close[b-j6dbz92ehz] { position: absolute; top: 8px; right: 12px; background: none; border: none; font-size: 18px; font-weight: bold; cursor: pointer; color: inherit; }

/* Toolbar / buttons */
.bl-toolbar[b-j6dbz92ehz] { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.bl-btn[b-j6dbz92ehz] { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; padding: 9px 18px; border-radius: 6px; border: 1px solid transparent; cursor: pointer; font-weight: 500; }
.bl-btn-primary[b-j6dbz92ehz] { background: #330033; color: #fff; }
.bl-btn-primary:hover[b-j6dbz92ehz] { background: #4d004d; }
.bl-btn-secondary[b-j6dbz92ehz] { background: #fff; color: #330033; border-color: #330033; }
.bl-btn-secondary:hover[b-j6dbz92ehz] { background: #f7f0ff; }
.bl-btn-danger[b-j6dbz92ehz] { background: #b91c1c; color: #fff; }
.bl-btn-danger:hover[b-j6dbz92ehz] { background: #991b1b; }
.bl-btn:disabled[b-j6dbz92ehz] { opacity: .6; cursor: not-allowed; }

/* Loading */
.bl-loading[b-j6dbz92ehz] { display: flex; align-items: center; gap: 10px; color: #666; padding: 30px; justify-content: center; }
.bl-spinner[b-j6dbz92ehz] { width: 26px; height: 26px; border: 3px solid #eee; border-top-color: #330033; border-radius: 50%; animation: bl-spin-b-j6dbz92ehz 1s linear infinite; }
@keyframes bl-spin-b-j6dbz92ehz { to { transform: rotate(360deg); } }

/* Panel */
.bl-panel[b-j6dbz92ehz] { background: #fff; border: 1px solid #e3e3e3; border-radius: 8px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.bl-panel-cats[b-j6dbz92ehz] { margin-top: 22px; }
.bl-panel-legend[b-j6dbz92ehz] { font-weight: 600; color: #330033; margin-bottom: 14px; font-size: 15px; }

/* Table */
.bl-table-wrap[b-j6dbz92ehz] { overflow-x: auto; }
.bl-table[b-j6dbz92ehz] { width: 100%; border-collapse: collapse; }
.bl-table thead th[b-j6dbz92ehz] { background: #330033; color: #fff; text-align: left; padding: 10px; font-size: 13px; font-weight: 500; white-space: nowrap; }
.bl-table td[b-j6dbz92ehz] { padding: 10px; border-bottom: 1px solid #eee; font-size: 14px; vertical-align: top; word-break: break-word; }
.bl-table tbody tr:nth-child(even)[b-j6dbz92ehz] { background: #F6EEFF; }
.bl-col-num[b-j6dbz92ehz] { width: 48px; }
.bl-col-img[b-j6dbz92ehz] { width: 90px; }
.bl-col-actions[b-j6dbz92ehz] { width: 100px; white-space: nowrap; text-align: right; }
.bl-empty[b-j6dbz92ehz] { text-align: center; color: #999; padding: 26px; }
.bl-muted[b-j6dbz92ehz] { color: #999; }

/* "Post" (Blog Description) cell — encoded HTML source, clamped/scrollable so it never blows up the row */
.bl-post-cell[b-j6dbz92ehz] { max-width: 320px; max-height: 96px; overflow: auto; white-space: pre-wrap; font-size: 12px; color: #555; background: #faf7ff; border: 1px solid #eee; border-radius: 4px; padding: 6px; }
.bl-url-cell[b-j6dbz92ehz] { max-width: 220px; }

/* Thumbnails */
.bl-thumb[b-j6dbz92ehz] { height: 60px; max-width: 80px; object-fit: cover; border-radius: 4px; border: 1px solid #ddd; }
.bl-thumb-lg[b-j6dbz92ehz] { height: 90px; max-width: 120px; margin-top: 6px; }
.bl-current-img[b-j6dbz92ehz] { margin-top: 8px; }

/* Icon buttons */
.bl-icon-btn[b-j6dbz92ehz] { background: none; border: none; cursor: pointer; color: #330033; padding: 4px; border-radius: 4px; vertical-align: middle; }
.bl-icon-btn:hover[b-j6dbz92ehz] { background: #efe1ff; }
.bl-icon-btn:disabled[b-j6dbz92ehz] { opacity: .5; cursor: not-allowed; }
.bl-icon-danger[b-j6dbz92ehz] { color: #b91c1c; }
.bl-icon-danger:hover[b-j6dbz92ehz] { background: #fde8e8; }

/* Form */
.bl-form-row[b-j6dbz92ehz] { display: flex; align-items: center; gap: 12px; margin: 10px 0; }
.bl-form-row-top[b-j6dbz92ehz] { align-items: flex-start; }
.bl-label[b-j6dbz92ehz] { min-width: 140px; font-size: 13px; color: #444; font-weight: 500; padding-top: 8px; }
.bl-req[b-j6dbz92ehz] { color: #b91c1c; }
.bl-field[b-j6dbz92ehz] { flex: 1; min-width: 0; }
.bl-input[b-j6dbz92ehz] { width: 100%; max-width: 560px; padding: 8px 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; }
.bl-input-sm[b-j6dbz92ehz] { max-width: 240px; }
.bl-input:focus[b-j6dbz92ehz] { outline: none; border-color: #330033; box-shadow: 0 0 0 2px rgba(51,0,51,.12); }
.bl-textarea[b-j6dbz92ehz] { max-width: 560px; resize: vertical; font-family: inherit; }
.bl-hint[b-j6dbz92ehz] { color: #888; font-size: 12px; margin-top: 4px; }
.bl-field-required[b-j6dbz92ehz] { color: #b91c1c; font-size: 13px; font-weight: bold; margin-top: 4px; }
.bl-content[b-j6dbz92ehz] { width: 100%; }
.bl-file[b-j6dbz92ehz] { font-size: 13px; }

/* Type radios */
.bl-radios[b-j6dbz92ehz] { display: flex; gap: 18px; align-items: center; }
.bl-radios label[b-j6dbz92ehz] { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; }

/* Category checkbox grid (blog form) */
.bl-cat-checks[b-j6dbz92ehz] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 16px; max-width: 620px; }
.bl-cat-check[b-j6dbz92ehz] { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; }

/* Category manager */
.bl-cat-add[b-j6dbz92ehz] { display: flex; gap: 10px; align-items: center; margin-bottom: 14px; flex-wrap: wrap; }
.bl-cat-add .bl-input[b-j6dbz92ehz] { max-width: 320px; }
.bl-cat-table[b-j6dbz92ehz] { max-width: 640px; }

.bl-actions[b-j6dbz92ehz] { display: flex; justify-content: flex-start; gap: 10px; margin-top: 16px; }

/* Modal */
.bl-modal-bg[b-j6dbz92ehz] { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 10000; display: flex; align-items: flex-start; justify-content: center; padding-top: 8vh; }
.bl-modal[b-j6dbz92ehz] { background: #fff; border-radius: 10px; width: 440px; max-width: 92%; box-shadow: 0 10px 40px rgba(0,0,0,.25); overflow: hidden; }
.bl-modal-head[b-j6dbz92ehz] { background: #330033; color: #fff; padding: 16px 20px; display: flex; justify-content: space-between; align-items: center; }
.bl-modal-head h3[b-j6dbz92ehz] { margin: 0; font-size: 17px; }
.bl-modal-close[b-j6dbz92ehz] { background: none; border: none; color: #fff; font-size: 22px; cursor: pointer; line-height: 1; }
.bl-modal-body[b-j6dbz92ehz] { padding: 20px; font-size: 14px; }
.bl-modal-foot[b-j6dbz92ehz] { padding: 14px 20px; border-top: 1px solid #eee; display: flex; justify-content: flex-end; gap: 10px; }

@media (max-width: 640px) {
    .bl-cat-checks[b-j6dbz92ehz] { grid-template-columns: 1fr 1fr; }
    .bl-label[b-j6dbz92ehz] { min-width: 110px; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/CanceledEventSignups.cshtml.rz.scp.css */
/* ============================================================
   Canceled Event Signups — Scoped CSS
   (replaces admin/CanceledEventSignups.aspx inline styles)
   ============================================================ */

.ces-page[b-yc6gr9ermf] { max-width: 1600px; margin: 0 auto; }

/* Header */
.ces-header[b-yc6gr9ermf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.ces-header-left[b-yc6gr9ermf] { display: flex; align-items: center; gap: 14px; }
.ces-header-icon[b-yc6gr9ermf] { width: 32px; height: 32px; opacity: 0.85; }
.ces-header-left h1[b-yc6gr9ermf] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.ces-header-sub[b-yc6gr9ermf] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.ces-templates-link[b-yc6gr9ermf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.15);
    color: #fff;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 8px;
    transition: background 0.15s;
}
.ces-templates-link:hover[b-yc6gr9ermf] { background: rgba(255,255,255,0.28); }

/* Fieldsets (legacy page used <fieldset><legend>) */
.ces-fieldset[b-yc6gr9ermf] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px 20px 20px;
    margin-bottom: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.ces-fieldset legend[b-yc6gr9ermf] {
    font-weight: 700;
    color: #330033;
    padding: 0 8px;
    font-size: 0.95rem;
}

/* Event details table (legacy: 40% right-floated purple table) */
.ces-event-table[b-yc6gr9ermf] {
    width: 40%;
    min-width: 340px;
    margin-left: auto;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.ces-event-th[b-yc6gr9ermf] {
    background-color: #330033;
    color: #ffffff;
    padding: 8px 12px;
    font-weight: 600;
    white-space: nowrap;
    width: 160px;
    border: 1px solid #e5e7eb;
}
.ces-event-td[b-yc6gr9ermf] {
    background-color: #F5ECFF;
    padding: 8px 12px;
    border: 1px solid #e5e7eb;
    word-break: break-word;
}

/* Error banner */
.ces-error-banner[b-yc6gr9ermf] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Loading */
.ces-loading[b-yc6gr9ermf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.ces-spinner[b-yc6gr9ermf] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #330033;
    border-radius: 50%;
    animation: ces-spin-b-yc6gr9ermf 0.7s linear infinite;
}
@keyframes ces-spin-b-yc6gr9ermf { to { transform: rotate(360deg); } }

/* Grid (legacy GridView: #330033 header, #F5ECFF rows, #fff alternating) */
.ces-table-wrap[b-yc6gr9ermf] { overflow-x: auto; }
.ces-grid[b-yc6gr9ermf] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}
.ces-grid th[b-yc6gr9ermf] {
    background-color: #330033;
    color: #ffffff;
    padding: 9px 8px;
    font-weight: 600;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-align: center;
    white-space: nowrap;
}
.ces-grid td[b-yc6gr9ermf] {
    padding: 8px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #e9e0f0;
    white-space: nowrap;
}
.ces-grid td.ces-wrap[b-yc6gr9ermf] { white-space: normal; word-break: break-word; max-width: 240px; }
.ces-grid tbody tr:nth-child(odd)[b-yc6gr9ermf] { background: #F5ECFF; }
.ces-grid tbody tr:nth-child(even)[b-yc6gr9ermf] { background: #ffffff; }
.ces-grid tbody tr:hover[b-yc6gr9ermf] { background: #eadbff; }

.ces-grid a[b-yc6gr9ermf] { color: #6f42c1; text-decoration: none; font-weight: 500; }
.ces-grid a:hover[b-yc6gr9ermf] { text-decoration: underline; }

/* Legacy RowDataBound: red cell + white text for FREE=TRUE and any PossibleIssue */
.ces-grid td.ces-cell-alert[b-yc6gr9ermf] {
    background-color: #f44336 !important;
    color: #ffffff;
    font-weight: 600;
}

/* Gender badges */
.ces-gender[b-yc6gr9ermf] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 600;
}
.ces-gender-m[b-yc6gr9ermf] { background: #dbeafe; color: #1d4ed8; }
.ces-gender-f[b-yc6gr9ermf] { background: #fce7f3; color: #be185d; }

/* Send Message action links (legacy: 5 stacked LinkButtons) */
.ces-actions[b-yc6gr9ermf] { text-align: left; }
.ces-actions a[b-yc6gr9ermf] {
    display: block;
    padding: 2px 0;
    font-size: 0.78rem;
}

/* Empty state */
.ces-empty[b-yc6gr9ermf] {
    text-align: center;
    padding: 40px 20px;
    color: #888;
    font-size: 0.9rem;
}

/* Send Email modal (legacy emailSendingPanel + ModalPopupExtender) */
.ces-modal-overlay[b-yc6gr9ermf] {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.4);
    align-items: flex-start;
    justify-content: center;
    padding: 20px;
    overflow: auto;
}
.ces-modal-overlay.open[b-yc6gr9ermf] { display: flex; }
.ces-modal[b-yc6gr9ermf] {
    background: #fff;
    width: 92%;
    max-width: 760px;
    border-radius: 10px;
    margin: 40px auto;
    box-shadow: 0 12px 40px rgba(0,0,0,0.25);
    max-height: calc(100vh - 80px);
    display: flex;
    flex-direction: column;
    animation: ces-modal-in-b-yc6gr9ermf 0.3s ease-out;
}
@keyframes ces-modal-in-b-yc6gr9ermf {
    from { transform: translateY(-40px); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}
.ces-modal-head[b-yc6gr9ermf] {
    padding: 14px 20px;
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ces-modal-head h3[b-yc6gr9ermf] { margin: 0; font-size: 0.95rem; }
.ces-modal-head button[b-yc6gr9ermf] {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 1.3rem;
    cursor: pointer;
    border-radius: 50%;
    width: 28px; height: 28px;
    display: flex; align-items: center; justify-content: center;
}
.ces-modal-head button:hover[b-yc6gr9ermf] { background: rgba(255,255,255,0.2); }
.ces-modal-body[b-yc6gr9ermf] { padding: 20px; overflow-y: auto; flex: 1; }
.ces-modal-body label[b-yc6gr9ermf] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: 3px;
    margin-top: 12px;
}
.ces-modal-body label:first-child[b-yc6gr9ermf] { margin-top: 0; }
.ces-modal-body input[b-yc6gr9ermf],
.ces-modal-body textarea[b-yc6gr9ermf] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 0.85rem;
    font-family: inherit;
}
.ces-modal-body textarea[b-yc6gr9ermf] {
    min-height: 220px;
    resize: vertical;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.78rem;
}
.ces-hint[b-yc6gr9ermf] { font-weight: 400; color: #888; font-size: 0.75rem; }
.ces-req[b-yc6gr9ermf] { font-weight: 600; color: #dc2626; font-size: 0.75rem; margin-left: 8px; }
.ces-label-row[b-yc6gr9ermf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}
.ces-label-row label[b-yc6gr9ermf] { margin-top: 0; margin-bottom: 3px; }
.ces-preview-toggle[b-yc6gr9ermf] {
    background: #f3e8f3;
    border: 1px solid #d8c2d8;
    color: #330033;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 4px;
    cursor: pointer;
}
.ces-preview-toggle:hover[b-yc6gr9ermf] { background: #eadbff; }
.ces-preview[b-yc6gr9ermf] {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 12px;
    min-height: 220px;
    max-height: 380px;
    overflow-y: auto;
    background: #fafafa;
    font-size: 0.85rem;
}
.ces-modal-foot[b-yc6gr9ermf] {
    padding: 12px 20px;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
.ces-btn[b-yc6gr9ermf] {
    padding: 8px 20px;
    border: none;
    border-radius: 5px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}
.ces-btn-primary[b-yc6gr9ermf] { background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff; }
.ces-btn-primary:hover[b-yc6gr9ermf] { opacity: 0.9; }
.ces-btn-primary:disabled[b-yc6gr9ermf] { opacity: 0.5; cursor: not-allowed; }
.ces-btn-secondary[b-yc6gr9ermf] { background: #e5e7eb; color: #374151; }

/* Responsive */
@media (max-width: 768px) {
    .ces-header[b-yc6gr9ermf] { flex-direction: column; gap: 12px; text-align: center; }
    .ces-event-table[b-yc6gr9ermf] { width: 100%; min-width: 0; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/CanceledEventSignupsMessageTemplates.cshtml.rz.scp.css */
/* ============================================================
   Canceled Event Signups Message Templates — Scoped CSS
   Adapted from legacy admin/CanceledEventSignupsMessageTemplates.aspx
   inline <style>: placeholder list (#FAFAFA rows, #F3F3F3
   stripes, #FFFDE3 hover with #DCDAC1 left border), .contact
   ellipsis, alert banners (#f44336 / #04AA6D, white text,
   floating close ×) and the #330033 Save button.
   ============================================================ */

.cxl-page[b-pvjuym14ae] {
    width: 100%;
}

/* ── Header ── */
.cxl-header[b-pvjuym14ae] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.cxl-header-icon[b-pvjuym14ae] {
    width: 28px;
    height: 28px;
    color: #330033;
    flex-shrink: 0;
}

.cxl-header h1[b-pvjuym14ae] {
    margin: 0;
    font-size: 22px;
}

.cxl-header-sub[b-pvjuym14ae] {
    margin: 2px 0 0;
    color: #3d2540;
    font-size: 13px;
}

/* ── Status banner (legacy .alert / .closebtn) ── */
.cxl-alert[b-pvjuym14ae] {
    padding: 20px;
    color: white;
    margin-bottom: 15px;
}

.cxl-alert-danger[b-pvjuym14ae] {
    background-color: #f44336;
}

.cxl-alert-success[b-pvjuym14ae] {
    background-color: #04AA6D;
}

.cxl-closebtn[b-pvjuym14ae] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    background: none;
    border: none;
    padding: 0;
}

.cxl-closebtn:hover[b-pvjuym14ae] {
    color: black;
}

/* ── Section fieldsets (legacy fieldset/legend h2) ── */
.cxl-card[b-pvjuym14ae] {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0 0 20px;
    padding: 0 16px 16px;
    background: #fff;
}

.cxl-card-title[b-pvjuym14ae] {
    margin: 0 -16px 14px;
    padding: 11px 16px;
    font-size: 18px;
    background: #f7f3f7;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
}

/* ── 70/30 layout (legacy nested tables) ── */
.cxl-grid[b-pvjuym14ae] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
    gap: 16px;
    align-items: start;
}

.cxl-grid h3[b-pvjuym14ae] {
    margin: 6px 0;
    font-size: 15px;
}

/* ── Subject: raw HTML source box (replaces the inline CKEditor;
      styled after legacy .cke_textarea_inline) ── */
.cxl-subject[b-pvjuym14ae] {
    width: 100%;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    margin-top: 5px;
    margin-bottom: 12px;
    padding: 10px 6px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    min-height: 44px;
    white-space: nowrap;
    overflow-x: auto;
}

.cxl-subject .hcard-token[b-pvjuym14ae] {
    display: inline-block;
    background: #FFFDE3;
    border: 1px solid #DCDAC1;
    border-radius: 3px;
    padding: 0 4px;
}

/* Body textarea before TinyMCE takes over */
.cxl-body-editor[b-pvjuym14ae] {
    width: 100%;
    box-sizing: border-box;
    min-height: 200px;
}

/* ── Placeholder list (legacy .placeholderList / .contact) ── */
.cxl-placeholder-list[b-pvjuym14ae] {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.cxl-placeholder-list li[b-pvjuym14ae] {
    background: #FAFAFA;
    margin-bottom: 1px;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
}

.cxl-placeholder-list li:nth-child(2n)[b-pvjuym14ae] {
    background: #F3F3F3;
}

.cxl-placeholder-list li:hover[b-pvjuym14ae] {
    background: #FFFDE3;
    border-left: 5px solid #DCDAC1;
    margin-left: -5px;
}

.cxl-contact[b-pvjuym14ae] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    background: transparent;
    border: none;
    font: inherit;
    line-height: inherit;
    cursor: pointer;
    box-sizing: border-box;
}

/* ── Save button (legacy .button: #330033 on white) ── */
.cxl-save[b-pvjuym14ae] {
    background-color: #330033;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 8px 28px;
    margin-top: 14px;
    font-size: 14px;
    cursor: pointer;
}

.cxl-save:hover[b-pvjuym14ae] {
    background-color: #4a004a;
}

.cxl-save:disabled[b-pvjuym14ae] {
    background-color: #888;
    cursor: default;
}

/* ── Small screens: stack the placeholder column ── */
@media (max-width: 900px) {
    .cxl-grid[b-pvjuym14ae] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/CancelledSignupsManageEvent.cshtml.rz.scp.css */
/* ============================================================
   Cancelled Signups (Manage Event) — Scoped CSS
   (replaces admin/CancelledSignups_ManageEvent.aspx inline styles)
   ============================================================ */

.csme-page[b-31fe7k9ofo] { max-width: 1700px; margin: 0 auto; }

/* Header */
.csme-header[b-31fe7k9ofo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.csme-header-left[b-31fe7k9ofo] { display: flex; align-items: center; gap: 14px; }
.csme-header-icon[b-31fe7k9ofo] { width: 32px; height: 32px; opacity: 0.85; }
.csme-header-left h1[b-31fe7k9ofo] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.csme-header-sub[b-31fe7k9ofo] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.csme-event-link[b-31fe7k9ofo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.15);
    color: #fff;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 8px;
    transition: background 0.15s;
}
.csme-event-link:hover[b-31fe7k9ofo] { background: rgba(255,255,255,0.28); }

/* Error banner */
.csme-error-banner[b-31fe7k9ofo] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Loading */
.csme-loading[b-31fe7k9ofo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.csme-spinner[b-31fe7k9ofo] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #330033;
    border-radius: 50%;
    animation: csme-spin-b-31fe7k9ofo 0.7s linear infinite;
}
@keyframes csme-spin-b-31fe7k9ofo { to { transform: rotate(360deg); } }

/* Panel + grid (legacy GridView: #330033 header, #F5ECFF rows, #fff alternating) */
.csme-panel[b-31fe7k9ofo] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.csme-table-wrap[b-31fe7k9ofo] { overflow-x: auto; }

.csme-grid[b-31fe7k9ofo] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}
.csme-grid th[b-31fe7k9ofo] {
    background-color: #330033;
    color: #ffffff;
    padding: 9px 8px;
    font-weight: 600;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-align: left;
    white-space: nowrap;
}
.csme-grid td[b-31fe7k9ofo] {
    padding: 8px;
    vertical-align: middle;
    border-bottom: 1px solid #e9e0f0;
    white-space: nowrap;
}
.csme-grid td.csme-wrap[b-31fe7k9ofo] { white-space: normal; word-break: break-word; max-width: 240px; min-width: 140px; }
.csme-grid tbody tr:nth-child(odd)[b-31fe7k9ofo] { background: #F5ECFF; }
.csme-grid tbody tr:nth-child(even)[b-31fe7k9ofo] { background: #ffffff; }
.csme-grid tbody tr:hover[b-31fe7k9ofo] { background: #eadbff; }

.csme-grid a[b-31fe7k9ofo] { color: #6f42c1; text-decoration: none; font-weight: 500; }
.csme-grid a:hover[b-31fe7k9ofo] { text-decoration: underline; }

/* Gender badges */
.csme-gender[b-31fe7k9ofo] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 600;
}
.csme-gender-m[b-31fe7k9ofo] { background: #dbeafe; color: #1d4ed8; }
.csme-gender-f[b-31fe7k9ofo] { background: #fce7f3; color: #be185d; }

/* Empty state (legacy EmptyDataTemplate) */
.csme-empty[b-31fe7k9ofo] {
    text-align: center;
    padding: 60px 20px;
    color: #888;
    font-size: 0.95rem;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

/* Responsive */
@media (max-width: 768px) {
    .csme-header[b-31fe7k9ofo] { flex-direction: column; gap: 12px; text-align: center; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/CancelledSignupsOverview.cshtml.rz.scp.css */
/* ============================================================
   Cancelled Signups Overview — Scoped CSS
   (replaces admin/CancelledSignupsOverview.aspx inline styles;
    legacy GridView: #330033 header, #F5ECFF rows, #fff alternating)
   ============================================================ */

.cxlov-page[b-ytvnevu09n] { max-width: 1800px; margin: 0 auto; }

/* Header */
.cxlov-header[b-ytvnevu09n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 18px;
}
.cxlov-header-left[b-ytvnevu09n] { display: flex; align-items: center; gap: 14px; }
.cxlov-header-icon[b-ytvnevu09n] { width: 32px; height: 32px; opacity: 0.85; }
.cxlov-header-left h1[b-ytvnevu09n] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.cxlov-header-sub[b-ytvnevu09n] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

/* Filters */
.cxlov-filters[b-ytvnevu09n] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    padding: 18px 22px;
    margin-bottom: 18px;
}
.cxlov-filter-grid[b-ytvnevu09n] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px 16px;
}
.cxlov-filter-grid label[b-ytvnevu09n] {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 3px;
}
.cxlov-filter-grid input[b-ytvnevu09n],
.cxlov-filter-grid select[b-ytvnevu09n] {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 0.85rem;
}
.cxlov-filter-grid input:focus[b-ytvnevu09n],
.cxlov-filter-grid select:focus[b-ytvnevu09n] {
    outline: none;
    border-color: #6f42c1;
    box-shadow: 0 0 0 2px rgba(111,66,193,0.1);
}
.cxlov-filter-actions[b-ytvnevu09n] {
    grid-column: 1 / -1;
    display: flex;
    gap: 8px;
    margin-top: 4px;
}
.cxlov-btn-filter[b-ytvnevu09n] {
    padding: 8px 22px;
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}
.cxlov-btn-filter:hover[b-ytvnevu09n] { opacity: 0.9; }
.cxlov-btn-reset[b-ytvnevu09n] {
    padding: 8px 22px;
    background: #e5e7eb;
    color: #374151;
    border: none;
    border-radius: 6px;
    font-size: 0.85rem;
    cursor: pointer;
}
.cxlov-btn-reset:hover[b-ytvnevu09n] { background: #d1d5db; }

/* Error banner */
.cxlov-error-banner[b-ytvnevu09n] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Loading */
.cxlov-loading[b-ytvnevu09n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.cxlov-spinner[b-ytvnevu09n] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #330033;
    border-radius: 50%;
    animation: cxlov-spin-b-ytvnevu09n 0.7s linear infinite;
}
@keyframes cxlov-spin-b-ytvnevu09n { to { transform: rotate(360deg); } }

/* Toolbar (count + paging) */
.cxlov-toolbar[b-ytvnevu09n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 4px;
    flex-wrap: wrap;
}
.cxlov-toolbar-bottom[b-ytvnevu09n] { padding: 14px 16px; }
.cxlov-count[b-ytvnevu09n] { font-size: 0.85rem; color: #555; font-weight: 600; }
.cxlov-paging-btns[b-ytvnevu09n] { display: flex; gap: 4px; flex-wrap: wrap; }
.cxlov-paging-btns button[b-ytvnevu09n] {
    padding: 4px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    font-size: 0.8rem;
}
.cxlov-paging-btns button.active[b-ytvnevu09n] {
    background: #330033;
    color: #fff;
    border-color: #330033;
}
.cxlov-paging-btns button:hover:not(.active):not(:disabled)[b-ytvnevu09n] { background: #f3e8f3; }
.cxlov-paging-btns button:disabled[b-ytvnevu09n] { opacity: 0.4; cursor: default; }

/* Panel + grid */
.cxlov-panel[b-ytvnevu09n] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.cxlov-table-wrap[b-ytvnevu09n] { overflow-x: auto; }

.cxlov-grid[b-ytvnevu09n] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}
.cxlov-grid th[b-ytvnevu09n] {
    background-color: #330033;
    color: #ffffff;
    padding: 9px 8px;
    font-weight: 600;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-align: left;
    white-space: nowrap;
}
.cxlov-grid td[b-ytvnevu09n] {
    padding: 8px;
    vertical-align: middle;
    border-bottom: 1px solid #e9e0f0;
    white-space: nowrap;
}
.cxlov-grid td.cxlov-wrap[b-ytvnevu09n] { white-space: normal; word-break: break-word; max-width: 240px; min-width: 140px; }
.cxlov-grid tbody tr:nth-child(odd)[b-ytvnevu09n] { background: #F5ECFF; }
.cxlov-grid tbody tr:nth-child(even)[b-ytvnevu09n] { background: #ffffff; }
.cxlov-grid tbody tr:hover[b-ytvnevu09n] { background: #eadbff; }

.cxlov-grid a[b-ytvnevu09n] { color: #6f42c1; text-decoration: none; font-weight: 500; }
.cxlov-grid a:hover[b-ytvnevu09n] { text-decoration: underline; }

/* Gender badges (SP returns 'Male'/'Female') */
.cxlov-gender[b-ytvnevu09n] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 600;
}
.cxlov-gender-m[b-ytvnevu09n] { background: #dbeafe; color: #1d4ed8; }
.cxlov-gender-f[b-ytvnevu09n] { background: #fce7f3; color: #be185d; }

/* Inline comment edit */
.cxlov-edit-comment[b-ytvnevu09n] {
    width: 100%;
    min-width: 180px;
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 0.8rem;
    font-family: inherit;
    resize: vertical;
}
.cxlov-actions[b-ytvnevu09n] { white-space: nowrap; }
.cxlov-action-group[b-ytvnevu09n] { display: inline-flex; gap: 10px; align-items: center; }
.cxlov-actions a[b-ytvnevu09n] { color: #6f42c1; }
.cxlov-actions a:hover[b-ytvnevu09n] { color: #330033; }

/* Empty state */
.cxlov-empty[b-ytvnevu09n] {
    text-align: center;
    padding: 60px 20px;
    color: #888;
    font-size: 0.95rem;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

/* Responsive */
@media (max-width: 1100px) {
    .cxlov-filter-grid[b-ytvnevu09n] { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .cxlov-header[b-ytvnevu09n] { flex-direction: column; gap: 12px; text-align: center; }
    .cxlov-filter-grid[b-ytvnevu09n] { grid-template-columns: 1fr; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/CetEventUI.cshtml.rz.scp.css */
/* ============================================================
   CET Event UI Edit — Scoped CSS
   ============================================================ */

.cetui-page[b-zztsk4fyu6] { max-width: 1100px; }

/* Header */
.cetui-header[b-zztsk4fyu6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 50%, #075985 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.cetui-header-left[b-zztsk4fyu6] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.cetui-header-icon[b-zztsk4fyu6] { width: 32px; height: 32px; opacity: 0.85; }
.cetui-header-left h1[b-zztsk4fyu6] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.cetui-header-sub[b-zztsk4fyu6] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.cetui-header-links[b-zztsk4fyu6] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cetui-header-link[b-zztsk4fyu6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.15);
    color: #fff;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 500;
    padding: 7px 13px;
    border-radius: 8px;
    transition: background 0.15s;
}
.cetui-header-link:hover[b-zztsk4fyu6] { background: rgba(255,255,255,0.28); color: #fff; }

/* Error banner */
.cetui-error-banner[b-zztsk4fyu6] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Event banner (legacy .filters card) */
.cetui-event-banner[b-zztsk4fyu6] {
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.cetui-event-date-block[b-zztsk4fyu6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 44px;
    flex: 0 0 auto;
}
.cetui-event-month[b-zztsk4fyu6] {
    color: #330033;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.cetui-event-day[b-zztsk4fyu6] {
    color: #6f7287;
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: 0.25px;
}
.cetui-event-img-frame[b-zztsk4fyu6] {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 4px;
    flex: 0 0 auto;
    overflow: hidden;
    position: relative;
    background: #f3f4f6;
}
.cetui-event-img-frame img[b-zztsk4fyu6] {
    width: auto;
    height: 100%;
    margin-top: 50%;
    margin-left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.cetui-event-meta[b-zztsk4fyu6] { flex: 1 1 auto; min-width: 0; }
.cetui-event-title[b-zztsk4fyu6] { font-size: 1rem; font-weight: 600; color: #333; margin: 0 0 4px; }
.cetui-event-datetime[b-zztsk4fyu6] { font-size: 0.88rem; color: #555; margin: 0 0 4px; }
.cetui-event-venue[b-zztsk4fyu6] { font-size: 0.88rem; color: #6f7287; margin: 0; line-height: 1.4; }

/* Panels (legacy fieldsets) */
.cetui-panel[b-zztsk4fyu6] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    padding: 18px 22px;
    margin-bottom: 18px;
}
.cetui-panel-title[b-zztsk4fyu6] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    font-weight: 700;
    color: #075985;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}
.cetui-required[b-zztsk4fyu6] { color: #dc2626; }

/* Actions row */
.cetui-actions-row[b-zztsk4fyu6] {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.cetui-btn-primary[b-zztsk4fyu6] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #0284c7;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 9px 22px;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}
.cetui-btn-primary:hover[b-zztsk4fyu6] { background: #0369a1; }
.cetui-btn-primary:disabled[b-zztsk4fyu6] { opacity: 0.5; cursor: not-allowed; }

.cetui-view-link[b-zztsk4fyu6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0284c7;
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 600;
}
.cetui-view-link:hover[b-zztsk4fyu6] { text-decoration: underline; }

/* Raw textareas before TinyMCE takes over */
.cetui-panel textarea[b-zztsk4fyu6] {
    width: 100%;
    min-height: 120px;
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.88rem;
    font-family: inherit;
    color: #333;
}

/* Responsive */
@media (max-width: 768px) {
    .cetui-header[b-zztsk4fyu6] { flex-direction: column; gap: 12px; text-align: center; }
    .cetui-event-banner[b-zztsk4fyu6] { flex-wrap: wrap; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ChangesRequested.cshtml.rz.scp.css */
/* ============================================================
   Profile Change Requests — Scoped CSS
   Ported from admin/ChangesRequested.aspx's <style> block. Only the
   rules the rendered markup uses are kept (the legacy sheet also carried
   filter-tab / status-badge / approve-reject / admin-notes styles that
   the repeater never emitted — this page is read-only, so those are dropped).
   ============================================================ */

/* Page Header */
.page-header[b-bgvnu4sl3u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f0e5ff;
}

.page-header h2[b-bgvnu4sl3u] {
    color: #330033;
    margin: 0;
    font-size: 1.5rem;
}

.pending-badge[b-bgvnu4sl3u] {
    background: #6f42c1;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
}

/* Load error (graceful — legacy had none) */
.load-error[b-bgvnu4sl3u] {
    background: #f8d7da;
    border: 1px solid #f5c2c7;
    color: #721c24;
    padding: 12px 16px;
    border-radius: 6px;
    margin-bottom: 20px;
    font-size: 0.9rem;
}

/* Request Card */
.request-card[b-bgvnu4sl3u] {
    background: white;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 0.2s;
}

.request-card:hover[b-bgvnu4sl3u] {
    border-color: #6f42c1;
    box-shadow: 0 2px 8px rgba(111, 66, 193, 0.1);
}

.request-header[b-bgvnu4sl3u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #f8f9fa;
    border-bottom: 1px solid #e1e4e8;
}

.request-user-info[b-bgvnu4sl3u] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-avatar[b-bgvnu4sl3u] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1rem;
}

.user-details h4[b-bgvnu4sl3u] {
    margin: 0 0 3px 0;
    color: #330033;
    font-size: 1rem;
}

.user-details .email[b-bgvnu4sl3u] {
    color: #6f42c1;
    font-size: 0.85rem;
    text-decoration: none;
}

.user-details .email:hover[b-bgvnu4sl3u] {
    text-decoration: underline;
}

.request-meta[b-bgvnu4sl3u] {
    text-align: right;
}

.request-date[b-bgvnu4sl3u] {
    color: #666;
    font-size: 0.85rem;
}

/* Event Reference */
.event-reference[b-bgvnu4sl3u] {
    font-size: 0.8rem;
    color: #888;
    margin-top: 5px;
}

/* Changes Table */
.request-body[b-bgvnu4sl3u] {
    padding: 20px;
}

.changes-table[b-bgvnu4sl3u] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.changes-table th[b-bgvnu4sl3u] {
    text-align: left;
    padding: 8px 12px;
    background: #f8f9fa;
    color: #666;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 2px solid #e1e4e8;
}

.changes-table td[b-bgvnu4sl3u] {
    padding: 10px 12px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.9rem;
}

.changes-table tr:last-child td[b-bgvnu4sl3u] {
    border-bottom: none;
}

.field-name[b-bgvnu4sl3u] {
    color: #666;
    font-weight: 500;
    width: 120px;
}

.current-value[b-bgvnu4sl3u] {
    color: #999;
}

.requested-value[b-bgvnu4sl3u] {
    color: #330033;
    font-weight: 500;
}

.value-changed[b-bgvnu4sl3u] {
    background: #fff3cd;
}

.arrow-cell[b-bgvnu4sl3u] {
    text-align: center;
    color: #6f42c1;
    font-size: 1.2rem;
    width: 50px;
}

/* Empty State */
.empty-state[b-bgvnu4sl3u] {
    text-align: center;
    padding: 60px 20px;
    color: #666;
}

.empty-state svg[b-bgvnu4sl3u] {
    width: 64px;
    height: 64px;
    color: #ddd;
    margin-bottom: 20px;
}

.empty-state h3[b-bgvnu4sl3u] {
    color: #330033;
    margin-bottom: 10px;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/Chargebacks.cshtml.rz.scp.css */
/* ============================================================
   Chargebacks — Scoped CSS
   Purple house palette (carried from admin/Chargebacks.aspx GridHeader
   styling + the shared Holidays/GiftCertificates admin look).
   Font-Awesome dropped in favour of Lucide <svg>, so icon rules target `svg`.
   Grid / totals / form / modals are server-rendered / static markup
   (toggled by Alpine x-show), so this scoped CSS reaches them. The document
   rows inside the documents modal are Alpine-generated (x-for) and use inline
   styles instead (scoped CSS does not tag runtime-created nodes).
   ============================================================ */

.cb-page[b-kd5vniuce4] {
    max-width: 1600px;
    margin: 20px auto;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* ── Header ── */
.cb-header[b-kd5vniuce4] {
    text-align: center;
    padding: 22px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.cb-header h1[b-kd5vniuce4] {
    font-size: 2rem;
    margin: 0 0 6px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.cb-header h1 svg[b-kd5vniuce4] { width: 28px; height: 28px; }
.cb-description[b-kd5vniuce4] { opacity: 0.9; margin: 0; }

/* ── Alerts ── */
.cb-alert[b-kd5vniuce4] {
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cb-alert-danger[b-kd5vniuce4] { background: #f8d7da; color: #721c24; }
.cb-closebtn[b-kd5vniuce4] {
    color: inherit; font-weight: bold; font-size: 22px; line-height: 20px;
    cursor: pointer; background: none; border: none; opacity: 0.8;
}
.cb-closebtn:hover[b-kd5vniuce4] { opacity: 1; }

/* ── Totals box ── */
.cb-totals[b-kd5vniuce4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}
.cb-total-card[b-kd5vniuce4] {
    background: #fff;
    padding: 18px;
    border-radius: 10px;
    border: 1px solid #e1e4e8;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    text-align: center;
}
.cb-total-title[b-kd5vniuce4] {
    font-size: 13px; color: #555; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px;
}
.cb-total-value[b-kd5vniuce4] { font-size: 24px; font-weight: bold; color: #330033; }
.cb-total-loss .cb-total-value[b-kd5vniuce4] { color: #b91c1c; }
.cb-total-recovered .cb-total-value[b-kd5vniuce4] { color: #16a34a; }

/* ── Add / edit form ── */
.cb-form-card[b-kd5vniuce4] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-bottom: 24px;
}
.cb-form-head[b-kd5vniuce4] {
    padding: 18px 24px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cb-form-title[b-kd5vniuce4] {
    display: flex; align-items: center; gap: 10px;
    font-size: 1.3rem; font-weight: 600; color: #2d3436;
}
.cb-form-title svg[b-kd5vniuce4] { color: #663399; width: 20px; height: 20px; }
.cb-id-badge[b-kd5vniuce4] {
    background: #fff; padding: 6px 14px; border-radius: 20px;
    font-size: 0.85rem; color: #6c757d; border: 1px solid #e9ecef;
}

.cb-form-body[b-kd5vniuce4] {
    padding: 24px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 24px;
}
.cb-fg[b-kd5vniuce4] { display: flex; flex-direction: column; }
.cb-fg-wide[b-kd5vniuce4] { grid-column: 1 / -1; }
.cb-label[b-kd5vniuce4] { margin-bottom: 6px; font-weight: 500; color: #2d3436; font-size: 14px; }
.cb-req[b-kd5vniuce4] { color: #b91c1c; font-weight: 700; }

.cb-input[b-kd5vniuce4] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all 0.2s ease;
    font-family: inherit;
}
.cb-input:focus[b-kd5vniuce4] {
    outline: none;
    border-color: #663399;
    box-shadow: 0 0 0 3px rgba(102, 51, 153, 0.1);
}
textarea.cb-input[b-kd5vniuce4] { resize: vertical; }
.cb-file[b-kd5vniuce4] { padding: 8px; }
.cb-hint[b-kd5vniuce4] { font-size: 12px; color: #6c757d; margin-top: 6px; }

.cb-form-foot[b-kd5vniuce4] {
    padding: 18px 24px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

/* ── Buttons ── */
.cb-btn-primary[b-kd5vniuce4] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: #fff; border: none; padding: 10px 26px; border-radius: 6px;
    cursor: pointer; font-weight: 500; font-size: 14px; transition: all 0.3s ease;
}
.cb-btn-primary:hover[b-kd5vniuce4] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}
.cb-btn-primary:disabled[b-kd5vniuce4] { opacity: 0.6; cursor: not-allowed; transform: none; }

.cb-btn-secondary[b-kd5vniuce4] {
    background: #fff; color: #6c757d; border: 1px solid #ddd;
    padding: 10px 20px; border-radius: 6px; cursor: pointer; font-weight: 500; font-size: 14px;
}
.cb-btn-secondary:hover[b-kd5vniuce4] { background: #f1f2f6; border-color: #6c757d; }

.cb-btn-danger[b-kd5vniuce4] {
    background: #b91c1c; color: #fff; border: none;
    padding: 10px 22px; border-radius: 6px; cursor: pointer; font-weight: 500; font-size: 14px;
}
.cb-btn-danger:hover[b-kd5vniuce4] { background: #991b1b; }

/* ── Grid ── */
.cb-grid-wrap[b-kd5vniuce4] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    overflow-x: auto;
}
.cb-grid[b-kd5vniuce4] { width: 100%; border-collapse: collapse; font-size: 13px; }
.cb-grid thead[b-kd5vniuce4] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
}
.cb-grid th[b-kd5vniuce4] {
    padding: 12px 10px; text-align: left; color: #fff; font-weight: 600;
    font-size: 11px; text-transform: uppercase; letter-spacing: 0.4px; white-space: nowrap;
}
.cb-grid td[b-kd5vniuce4] {
    padding: 10px; border-bottom: 1px solid #e9ecef; vertical-align: top;
}
.cb-grid tbody tr:nth-child(even)[b-kd5vniuce4] { background: #f9f4ff; }
.cb-grid tbody tr:hover[b-kd5vniuce4] { background: #f0e6ff; }

.cb-event[b-kd5vniuce4] { white-space: nowrap; }
.cb-actions[b-kd5vniuce4] { white-space: nowrap; }

.cb-link[b-kd5vniuce4] {
    color: #663399; text-decoration: none; cursor: pointer; font-weight: 500;
}
.cb-link:hover[b-kd5vniuce4] { color: #330033; text-decoration: underline; }
.cb-link-danger[b-kd5vniuce4] { color: #b91c1c; margin-left: 10px; }
.cb-link-danger:hover[b-kd5vniuce4] { color: #991b1b; }

/* ── Empty state ── */
.cb-empty[b-kd5vniuce4] {
    text-align: center; padding: 40px; color: #64748b;
}
.cb-empty svg[b-kd5vniuce4] { width: 44px; height: 44px; color: #cbd5e1; margin-bottom: 12px; }
.cb-empty p[b-kd5vniuce4] { margin: 0; font-size: 1.05rem; }

/* ── Overlays / modals ── */
.cb-overlay[b-kd5vniuce4] {
    position: fixed; inset: 0; z-index: 99998;
    background: rgba(0, 0, 0, 0.45);
    display: flex; align-items: center; justify-content: center;
    padding: 20px;
}
.cb-modal[b-kd5vniuce4] {
    background: #fff; border-radius: 12px; width: 100%; max-width: 520px;
    max-height: 80vh; overflow: auto; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    padding: 20px 22px;
}
.cb-modal-sm[b-kd5vniuce4] { max-width: 400px; }
.cb-modal-head[b-kd5vniuce4] {
    display: flex; align-items: center; justify-content: space-between;
    border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 14px;
}
.cb-modal-body[b-kd5vniuce4] { font-size: 14px; color: #2d3436; }
.cb-pre[b-kd5vniuce4] { white-space: pre-wrap; word-break: break-word; }

.cb-confirm-actions[b-kd5vniuce4] {
    display: flex; justify-content: flex-end; gap: 12px; margin-top: 18px;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .cb-form-body[b-kd5vniuce4] { grid-template-columns: 1fr; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/CityEventsTix.cshtml.rz.scp.css */
/* ============================================================
   CityEventTix (CET event manage) — Scoped CSS
   ============================================================ */

.cet-page[b-yvbbndc50x] { max-width: 980px; }

/* Header */
.cet-header[b-yvbbndc50x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #660032 0%, #4a0025 50%, #330033 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.cet-header-left[b-yvbbndc50x] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.cet-header-icon[b-yvbbndc50x] { width: 32px; height: 32px; opacity: 0.85; }
.cet-header-left h1[b-yvbbndc50x] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.cet-header-sub[b-yvbbndc50x] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.cet-header-links[b-yvbbndc50x] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cet-header-link[b-yvbbndc50x] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.15);
    color: #fff;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 500;
    padding: 7px 13px;
    border-radius: 8px;
    transition: background 0.15s;
}
.cet-header-link:hover[b-yvbbndc50x] { background: rgba(255,255,255,0.28); color: #fff; }

/* Error banner */
.cet-error-banner[b-yvbbndc50x] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Event banner (legacy .filters card) */
.cet-event-banner[b-yvbbndc50x] {
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.cet-event-date-block[b-yvbbndc50x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 44px;
    flex: 0 0 auto;
}
.cet-event-month[b-yvbbndc50x] {
    color: #330033;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.cet-event-day[b-yvbbndc50x] {
    color: #6f7287;
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: 0.25px;
}
.cet-event-img-frame[b-yvbbndc50x] {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 4px;
    flex: 0 0 auto;
    overflow: hidden;
    position: relative;
    background: #f3f4f6;
}
.cet-event-img-frame img[b-yvbbndc50x] {
    width: auto;
    height: 100%;
    margin-top: 50%;
    margin-left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.cet-event-meta[b-yvbbndc50x] { flex: 1 1 auto; min-width: 0; }
.cet-event-title[b-yvbbndc50x] { font-size: 1rem; font-weight: 600; color: #333; margin: 0 0 4px; }
.cet-event-datetime[b-yvbbndc50x] { font-size: 0.88rem; color: #555; margin: 0 0 4px; }
.cet-event-venue[b-yvbbndc50x] { font-size: 0.88rem; color: #6f7287; margin: 0; line-height: 1.4; }

/* Edit panel (legacy fieldset) */
.cet-panel[b-yvbbndc50x] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    padding: 20px 24px;
}
.cet-panel-title[b-yvbbndc50x] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    font-weight: 700;
    color: #330033;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.cet-form-row[b-yvbbndc50x] { margin-bottom: 16px; }
.cet-form-row label[b-yvbbndc50x] {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    color: #444;
    margin-bottom: 6px;
}
.cet-required[b-yvbbndc50x] { color: #dc2626; }

.cet-form-row select[b-yvbbndc50x],
.cet-form-row textarea[b-yvbbndc50x] {
    width: 100%;
    max-width: 480px;
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.88rem;
    font-family: inherit;
    color: #333;
    background: #fff;
}
.cet-form-row select[b-yvbbndc50x] { max-width: 360px; }
.cet-form-row textarea[b-yvbbndc50x] { resize: vertical; }
.cet-form-row select:focus[b-yvbbndc50x],
.cet-form-row textarea:focus[b-yvbbndc50x] {
    outline: none;
    border-color: #660032;
    box-shadow: 0 0 0 3px rgba(102,0,50,0.12);
}

.cet-field-error[b-yvbbndc50x] {
    display: block;
    color: #dc2626;
    font-size: 0.78rem;
    margin-top: 4px;
}

.cet-form-actions[b-yvbbndc50x] { margin-top: 8px; }
.cet-btn-primary[b-yvbbndc50x] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #660032;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 9px 20px;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}
.cet-btn-primary:hover[b-yvbbndc50x] { background: #4a0025; }
.cet-btn-primary:disabled[b-yvbbndc50x] { opacity: 0.5; cursor: not-allowed; }

/* Responsive */
@media (max-width: 768px) {
    .cet-header[b-yvbbndc50x] { flex-direction: column; gap: 12px; text-align: center; }
    .cet-event-banner[b-yvbbndc50x] { flex-wrap: wrap; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/CompactList.cshtml.rz.scp.css */
/* ============================================================
   Compact List — Scoped CSS
   Legacy color coding kept: male #BBD2FF (blue), female #FF99FF (pink)
   ============================================================ */

.page-header[b-40qyud06mu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a1a4a 50%, #5b2a5b 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-40qyud06mu] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.header-icon[b-40qyud06mu] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-40qyud06mu] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-40qyud06mu] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.back-link[b-40qyud06mu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    background: rgba(255,255,255,0.15);
    padding: 8px 14px;
    border-radius: 8px;
    transition: background 0.15s;
}
.back-link:hover[b-40qyud06mu] { background: rgba(255,255,255,0.28); }

/* Two-column layout (legacy 50/50 table) */
.roster-columns[b-40qyud06mu] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}
.roster-col[b-40qyud06mu] {
    flex: 1 1 50%;
    min-width: 0;
}

/* Count boxes (legacy 100px bordered boxes, right-aligned) */
.count-box[b-40qyud06mu] {
    width: 110px;
    margin-left: auto;
    margin-bottom: 12px;
    padding: 7px 10px;
    border: 1px solid #000;
    border-radius: 6px;
    text-align: right;
    font-size: 0.9rem;
}
.count-male[b-40qyud06mu] { background: #BBD2FF; }
.count-female[b-40qyud06mu] { background: #FF99FF; }

/* Person cards (legacy bordered colored blocks) */
.person-card[b-40qyud06mu] {
    padding: 8px 10px 8px 12px;
    border: 1px solid #000;
    border-radius: 6px;
    margin-bottom: 12px;
    font-size: 0.9rem;
    line-height: 1.5;
    word-break: break-word;
}
.card-male[b-40qyud06mu] { background: #BBD2FF; }
.card-female[b-40qyud06mu] { background: #FF99FF; }

/* Responsive: stack the two columns */
@media (max-width: 700px) {
    .page-header[b-40qyud06mu] { flex-direction: column; gap: 12px; text-align: center; }
    .roster-columns[b-40qyud06mu] { flex-direction: column; }
    .roster-col[b-40qyud06mu] { flex: 1 1 100%; width: 100%; }
}

/* Print-friendly (the legacy page was used as a door-list printout) */
@media print {
    .page-header[b-40qyud06mu] { display: none; }
    .person-card[b-40qyud06mu], .count-box[b-40qyud06mu] { border-radius: 0; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/CreditCardAuthorization.cshtml.rz.scp.css */
/* ============================================================
   Credit Card Authorization — Scoped CSS
   (replicates the legacy printable document blocks)
   ============================================================ */

.cca-wrap[b-9v4lk0irzz] {
    width: 95%;
    margin: 0 auto;
}

.cca-back[b-9v4lk0irzz] {
    padding: 10px;
    text-align: left;
}

.cca-back a[b-9v4lk0irzz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #330033;
    text-decoration: underline;
    font-size: 0.9rem;
}

.cca-back-icon[b-9v4lk0irzz] {
    width: 14px;
    height: 14px;
}

.cca-error[b-9v4lk0irzz] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Legacy: padding 10px; 12pt; verdana; 1px solid #000 border; white background; 98% wide */
.cca-doc[b-9v4lk0irzz] {
    padding: 10px;
    font-size: 12pt;
    font-family: Verdana, Geneva, sans-serif;
    border: 1px solid #000000;
    background: #FFFFFF;
    width: 98%;
    text-align: left;
}

.cca-doc-title[b-9v4lk0irzz] {
    padding-bottom: 10px;
    text-align: left;
}

/* Legacy inline style: text-decoration underline + bold on every filled-in value */
.cca-u[b-9v4lk0irzz] {
    text-decoration: underline;
    font-weight: bold;
}

.cca-empty[b-9v4lk0irzz] {
    padding: 20px 10px;
    color: #666;
    font-size: 0.9rem;
}

/* Signable documents — keep chrome out of the print */
@media print {
    .cca-back[b-9v4lk0irzz] {
        display: none;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/CustomPages.cshtml.rz.scp.css */
/* Custom Pages — scoped styles (house palette #330033 / #E0C1FF) */

.cp-page[b-ajbw64ls79] { color: #222; }

/* Header */
.cp-header[b-ajbw64ls79] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; flex-wrap: wrap; gap: 12px; }
.cp-header-left[b-ajbw64ls79] { display: flex; align-items: center; gap: 14px; }
.cp-header-icon[b-ajbw64ls79] { width: 30px; height: 30px; color: #330033; }
.cp-header h1[b-ajbw64ls79] { font-size: 22px; color: #330033; margin: 0; }
.cp-sub[b-ajbw64ls79] { color: #3d2540; font-size: 13px; margin: 2px 0 0; }

/* Error */
.cp-error[b-ajbw64ls79] { position: relative; background: #f2dede; color: #a94442; border: 1px solid #ebccd1; border-radius: 6px; padding: 12px 36px 12px 15px; margin-bottom: 15px; }
.cp-error-close[b-ajbw64ls79] { position: absolute; top: 8px; right: 12px; background: none; border: none; font-size: 18px; font-weight: bold; cursor: pointer; color: inherit; }

/* Toolbar / buttons */
.cp-toolbar[b-ajbw64ls79] { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.cp-btn[b-ajbw64ls79] { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; padding: 9px 18px; border-radius: 6px; border: 1px solid transparent; cursor: pointer; font-weight: 500; }
.cp-btn-primary[b-ajbw64ls79] { background: #330033; color: #fff; }
.cp-btn-primary:hover[b-ajbw64ls79] { background: #4d004d; }
.cp-btn-secondary[b-ajbw64ls79] { background: #fff; color: #330033; border-color: #330033; }
.cp-btn-secondary:hover[b-ajbw64ls79] { background: #f7f0ff; }
.cp-btn-danger[b-ajbw64ls79] { background: #b91c1c; color: #fff; }
.cp-btn-danger:hover[b-ajbw64ls79] { background: #991b1b; }
.cp-btn:disabled[b-ajbw64ls79] { opacity: .6; cursor: not-allowed; }

/* Loading */
.cp-loading[b-ajbw64ls79] { display: flex; align-items: center; gap: 10px; color: #666; padding: 30px; justify-content: center; }
.cp-spinner[b-ajbw64ls79] { width: 26px; height: 26px; border: 3px solid #eee; border-top-color: #330033; border-radius: 50%; animation: cp-spin-b-ajbw64ls79 1s linear infinite; }
@keyframes cp-spin-b-ajbw64ls79 { to { transform: rotate(360deg); } }

/* Panel */
.cp-panel[b-ajbw64ls79] { background: #fff; border: 1px solid #e3e3e3; border-radius: 8px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.cp-panel-legend[b-ajbw64ls79] { font-weight: 600; color: #330033; margin-bottom: 14px; font-size: 15px; }

/* Table */
.cp-table-wrap[b-ajbw64ls79] { overflow-x: auto; }
.cp-table[b-ajbw64ls79] { width: 100%; border-collapse: collapse; }
.cp-table thead th[b-ajbw64ls79] { background: #330033; color: #fff; text-align: left; padding: 10px; font-size: 13px; font-weight: 500; }
.cp-table td[b-ajbw64ls79] { padding: 10px; border-bottom: 1px solid #eee; font-size: 14px; vertical-align: top; word-break: break-word; }
.cp-table tbody tr:nth-child(even)[b-ajbw64ls79] { background: #F6EEFF; }
.cp-col-num[b-ajbw64ls79] { width: 48px; }
.cp-col-actions[b-ajbw64ls79] { width: 100px; white-space: nowrap; text-align: right; }
.cp-empty[b-ajbw64ls79] { text-align: center; color: #999; padding: 26px; }

/* Icon buttons */
.cp-icon-btn[b-ajbw64ls79] { background: none; border: none; cursor: pointer; color: #330033; padding: 4px; border-radius: 4px; vertical-align: middle; }
.cp-icon-btn:hover[b-ajbw64ls79] { background: #efe1ff; }
.cp-icon-danger[b-ajbw64ls79] { color: #b91c1c; }
.cp-icon-danger:hover[b-ajbw64ls79] { background: #fde8e8; }

/* Form */
.cp-form-row[b-ajbw64ls79] { display: flex; align-items: center; gap: 12px; margin: 10px 0; }
.cp-form-row-top[b-ajbw64ls79] { align-items: flex-start; }
.cp-label[b-ajbw64ls79] { min-width: 110px; font-size: 13px; color: #444; font-weight: 500; padding-top: 8px; }
.cp-req[b-ajbw64ls79] { color: #b91c1c; }
.cp-field[b-ajbw64ls79] { flex: 1; min-width: 0; }
.cp-input[b-ajbw64ls79] { width: 100%; max-width: 560px; padding: 8px 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; }
.cp-input:focus[b-ajbw64ls79] { outline: none; border-color: #330033; box-shadow: 0 0 0 2px rgba(51,0,51,.12); }
.cp-hint[b-ajbw64ls79] { color: #888; font-size: 12px; margin-top: 4px; }
.cp-field-required[b-ajbw64ls79] { color: #b91c1c; font-size: 14px; font-weight: bold; margin-top: 4px; }
.cp-content[b-ajbw64ls79] { width: 100%; }

.cp-actions[b-ajbw64ls79] { display: flex; justify-content: flex-start; gap: 10px; margin-top: 16px; }

/* Modal */
.cp-modal-bg[b-ajbw64ls79] { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 10000; display: flex; align-items: flex-start; justify-content: center; padding-top: 8vh; }
.cp-modal[b-ajbw64ls79] { background: #fff; border-radius: 10px; width: 440px; max-width: 92%; box-shadow: 0 10px 40px rgba(0,0,0,.25); overflow: hidden; }
.cp-modal-head[b-ajbw64ls79] { background: #330033; color: #fff; padding: 16px 20px; display: flex; justify-content: space-between; align-items: center; }
.cp-modal-head h3[b-ajbw64ls79] { margin: 0; font-size: 17px; }
.cp-modal-close[b-ajbw64ls79] { background: none; border: none; color: #fff; font-size: 22px; cursor: pointer; line-height: 1; }
.cp-modal-body[b-ajbw64ls79] { padding: 20px; font-size: 14px; }
.cp-modal-foot[b-ajbw64ls79] { padding: 14px 20px; border-top: 1px solid #eee; display: flex; justify-content: flex-end; gap: 10px; }
/* _content/NYMinuteDating-Net8/Pages/Admin/DatabaseInsights.cshtml.rz.scp.css */
/* DatabaseInsights.cshtml.css — Scoped styles for Database Performance Insights */

.insights-container[b-xj09uag85f] {
    max-width: 1400px;
    margin: 20px auto;
}

.page-header[b-xj09uag85f] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 25px;
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
}

.page-header h2[b-xj09uag85f] {
    margin: 0 0 10px 0;
    font-weight: 600;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-header p[b-xj09uag85f] {
    margin: 0;
    opacity: 0.9;
    font-size: 0.95rem;
}

/* ── Stats Grid ── */

.stats-grid[b-xj09uag85f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    padding: 20px;
    background: #f9f4ff;
}

.stat-card[b-xj09uag85f] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e1e4e8;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.2s;
}

.stat-card:hover[b-xj09uag85f] {
    box-shadow: 0 4px 12px rgba(111, 66, 193, 0.15);
    transform: translateY(-2px);
}

.stat-card-header[b-xj09uag85f] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.stat-icon[b-xj09uag85f] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: white;
}

.stat-icon.good[b-xj09uag85f] { background: linear-gradient(135deg, #28a745 0%, #20c997 100%); }
.stat-icon.warning[b-xj09uag85f] { background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%); }
.stat-icon.danger[b-xj09uag85f] { background: linear-gradient(135deg, #dc3545 0%, #c82333 100%); }
.stat-icon.info[b-xj09uag85f] { background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%); }

.stat-title[b-xj09uag85f] {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-xj09uag85f] {
    font-size: 32px;
    font-weight: bold;
    color: #330033;
    margin: 10px 0;
}

.stat-description[b-xj09uag85f] {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 4px;
    margin-top: 10px;
}

.stat-indicator[b-xj09uag85f] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
}

.indicator-good[b-xj09uag85f] { background: #d4edda; color: #155724; }
.indicator-warning[b-xj09uag85f] { background: #fff3cd; color: #856404; }
.indicator-danger[b-xj09uag85f] { background: #f8d7da; color: #721c24; }

/* ── Details Section ── */

.details-section[b-xj09uag85f] {
    background: white;
    padding: 25px;
    border-radius: 0 0 8px 8px;
    margin-top: 0;
}

.section-title[b-xj09uag85f] {
    font-size: 18px;
    font-weight: 600;
    color: #330033;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #6f42c1;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── Info Table ── */

.info-table[b-xj09uag85f] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.info-table th[b-xj09uag85f] {
    background: #f8f9fa;
    padding: 12px;
    text-align: left;
    font-weight: 600;
    color: #330033;
    border-bottom: 2px solid #dee2e6;
}

.info-table td[b-xj09uag85f] {
    padding: 12px;
    border-bottom: 1px solid #e9ecef;
}

.info-table tr:hover[b-xj09uag85f] {
    background: #f9f4ff;
}

/* ── Alert Boxes ── */

.alert-box[b-xj09uag85f] {
    padding: 15px 20px;
    border-radius: 6px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.alert-info[b-xj09uag85f] { background: #d1ecf1; border-left: 4px solid #17a2b8; color: #0c5460; }
.alert-warning[b-xj09uag85f] { background: #fff3cd; border-left: 4px solid #ffc107; color: #856404; }
.alert-danger[b-xj09uag85f] { background: #f8d7da; border-left: 4px solid #dc3545; color: #721c24; }

/* ── Success Box ── */

.success-box[b-xj09uag85f] {
    padding: 15px 20px;
    background: #d4edda;
    border-left: 4px solid #28a745;
    border-radius: 4px;
    color: #155724;
    margin: 10px 0;
    font-weight: 500;
}

/* ── Progress Bar ── */

.progress-bar-container[b-xj09uag85f] {
    width: 100%;
    height: 24px;
    background: #e9ecef;
    border-radius: 12px;
    overflow: hidden;
    margin: 10px 0;
}

.progress-bar[b-xj09uag85f] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    font-weight: 600;
    transition: width 0.3s;
}

.progress-good[b-xj09uag85f] { background: linear-gradient(90deg, #28a745 0%, #20c997 100%); }
.progress-warning[b-xj09uag85f] { background: linear-gradient(90deg, #ffc107 0%, #fd7e14 100%); }
.progress-danger[b-xj09uag85f] { background: linear-gradient(90deg, #dc3545 0%, #c82333 100%); }

/* ── Grid Layout ── */

.grid-2col[b-xj09uag85f] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 20px;
}

/* ── Action Buttons ── */

.action-btn[b-xj09uag85f] {
    padding: 4px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: all 0.2s;
}

.action-btn-danger[b-xj09uag85f] { background: #dc3545; color: white; }
.action-btn-danger:hover[b-xj09uag85f] { background: #c82333; }
.action-btn-warning[b-xj09uag85f] { background: #ffc107; color: #212529; }
.action-btn-warning:hover[b-xj09uag85f] { background: #e0a800; }
.action-btn-success[b-xj09uag85f] { background: #28a745; color: white; }
.action-btn-success:hover[b-xj09uag85f] { background: #218838; }

/* ── Action Buttons Bar ── */

.action-buttons-bar[b-xj09uag85f] {
    padding: 15px 25px;
    background: #f9f4ff;
    border-radius: 0 0 8px 8px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
}

.btn-refresh[b-xj09uag85f] {
    background: #330033;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-refresh:hover[b-xj09uag85f] {
    background: #4a004a;
}

/* ── Priority Badges ── */

.priority-badge[b-xj09uag85f] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.priority-critical[b-xj09uag85f] { background: #f8d7da; color: #721c24; }
.priority-high[b-xj09uag85f] { background: #fff3cd; color: #856404; }
.priority-medium[b-xj09uag85f] { background: #d1ecf1; color: #0c5460; }
.priority-low[b-xj09uag85f] { background: #d4edda; color: #155724; }

/* ── Maintenance Badges ── */

.maint-badge[b-xj09uag85f] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}

.maint-rebuild[b-xj09uag85f] { background: #dc3545; color: white; }
.maint-reorganize[b-xj09uag85f] { background: #ffc107; color: #212529; }
.maint-disable[b-xj09uag85f] { background: #6c757d; color: white; }
.maint-enable[b-xj09uag85f] { background: #28a745; color: white; }

/* ── Schema Pagination ── */

.schema-pager[b-xj09uag85f] {
    display: flex;
    gap: 4px;
    justify-content: center;
    padding: 15px;
    flex-wrap: wrap;
}

.schema-pager button[b-xj09uag85f] {
    padding: 6px 12px;
    border: 1px solid #dee2e6;
    background: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.2s;
}

.schema-pager button:hover:not(:disabled)[b-xj09uag85f] {
    background: #6f42c1;
    color: white;
    border-color: #6f42c1;
}

.schema-pager button.active[b-xj09uag85f] {
    background: #330033;
    color: white;
    border-color: #330033;
    font-weight: bold;
}

.schema-pager button:disabled[b-xj09uag85f] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Modal ── */

.modal-overlay[b-xj09uag85f] {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
}

.modal-content[b-xj09uag85f] {
    background-color: #fefefe;
    margin: 5% auto;
    border-radius: 8px;
    width: 90%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    animation: slideDown-b-xj09uag85f 0.3s;
}

@keyframes slideDown-b-xj09uag85f {
    from { transform: translateY(-50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.modal-header-bar[b-xj09uag85f] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px 8px 0 0;
}

.modal-header-bar h3[b-xj09uag85f] {
    margin: 0;
    font-size: 1.4rem;
}

.close-btn[b-xj09uag85f] {
    color: white;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: transform 0.2s;
}

.close-btn:hover[b-xj09uag85f] {
    transform: scale(1.2);
}

.modal-body-content[b-xj09uag85f] {
    padding: 25px;
    max-height: 70vh;
    overflow-y: auto;
}

.modal-footer-bar[b-xj09uag85f] {
    padding: 15px 25px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    text-align: right;
    border-radius: 0 0 8px 8px;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .grid-2col[b-xj09uag85f] {
        grid-template-columns: 1fr;
    }
    .modal-content[b-xj09uag85f] {
        width: 95%;
        margin: 10% auto;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/DatingCategory.cshtml.rz.scp.css */
/* ============================================================
   Edit Categories (dating-category) — Scoped CSS
   Purple house palette (#330033 / #663399). Lucide <svg> icons
   (font-awesome dropped). Grid + form are Alpine-rendered static
   markup, so this scoped CSS reaches them.
   ============================================================ */

.dc-page[b-mxxpjm1j3r] {
    max-width: 900px;
    margin: 0 auto;
}

/* ── Header ── */
.dc-header[b-mxxpjm1j3r] {
    text-align: center;
    margin-bottom: 22px;
    padding: 22px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.dc-header h1[b-mxxpjm1j3r] {
    font-size: 2rem;
    margin: 0 0 6px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.dc-header h1 svg[b-mxxpjm1j3r] { width: 26px; height: 26px; }

.dc-desc[b-mxxpjm1j3r] { opacity: 0.9; margin: 0; }

/* ── Alerts ── */
.dc-alert[b-mxxpjm1j3r] {
    padding: 14px 18px;
    border-radius: 8px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dc-alert-danger[b-mxxpjm1j3r] { background: #f8d7da; color: #721c24; }

.dc-closebtn[b-mxxpjm1j3r] {
    color: inherit;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    background: none;
    border: none;
    opacity: 0.8;
}
.dc-closebtn:hover[b-mxxpjm1j3r] { opacity: 1; }

/* ── Form card ── */
.dc-form-card[b-mxxpjm1j3r] {
    background: #fff;
    padding: 20px 24px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 16px;
}

.dc-form-row[b-mxxpjm1j3r] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.dc-label[b-mxxpjm1j3r] {
    min-width: 80px;
    padding-top: 10px;
    font-weight: 600;
    color: #2d3436;
}

.dc-input-wrap[b-mxxpjm1j3r] { flex: 1; }

.dc-input[b-mxxpjm1j3r] {
    width: 100%;
    max-width: 360px;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.dc-input:focus[b-mxxpjm1j3r] {
    outline: none;
    border-color: #663399;
    box-shadow: 0 0 0 3px rgba(102, 51, 153, 0.1);
}

.dc-validator[b-mxxpjm1j3r] {
    display: block;
    margin-top: 6px;
    color: #dc3545;
    font-size: 13px;
}

.dc-selected[b-mxxpjm1j3r] {
    margin: 14px 0 0 94px;
    color: #663399;
    font-size: 14px;
}

.dc-form-actions[b-mxxpjm1j3r] {
    margin: 18px 0 0 94px;
    display: flex;
    gap: 10px;
}

/* ── Buttons ── */
.dc-btn[b-mxxpjm1j3r] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid transparent;
    padding: 8px 16px;
    font-size: 13px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s ease;
}
.dc-btn:disabled[b-mxxpjm1j3r] { opacity: 0.55; cursor: not-allowed; }
.dc-btn svg[b-mxxpjm1j3r] { width: 15px; height: 15px; }

.dc-btn-primary[b-mxxpjm1j3r] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: #fff;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
}
.dc-btn-primary:hover:not(:disabled)[b-mxxpjm1j3r] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    transform: translateY(-1px);
}

.dc-btn-cancel[b-mxxpjm1j3r] {
    background: #fff;
    color: #6c757d;
    border-color: #ddd;
}
.dc-btn-cancel:hover[b-mxxpjm1j3r] { background: #f8f9fa; border-color: #6c757d; }

.dc-btn-select[b-mxxpjm1j3r] {
    background: #f3e8ff;
    color: #663399;
    border-color: #e0c7ff;
}
.dc-btn-select:hover:not(:disabled)[b-mxxpjm1j3r] { background: #e9d6ff; }

.dc-btn-toggle[b-mxxpjm1j3r] { border-radius: 20px; }
.dc-btn-toggle.dc-active[b-mxxpjm1j3r] {
    background: #d4edda;
    color: #155724;
    border-color: #b6dfbf;
}
.dc-btn-toggle.dc-active:hover:not(:disabled)[b-mxxpjm1j3r] { background: #c3e6cb; }
.dc-btn-toggle.dc-deactivated[b-mxxpjm1j3r] {
    background: #f8d7da;
    color: #721c24;
    border-color: #f1b7bd;
}
.dc-btn-toggle.dc-deactivated:hover:not(:disabled)[b-mxxpjm1j3r] { background: #f1b7bd; }

.dc-btn-move[b-mxxpjm1j3r] {
    background: #f1f2f6;
    color: #495057;
    padding: 6px 8px;
}
.dc-btn-move:hover:not(:disabled)[b-mxxpjm1j3r] { background: #e2e6ea; color: #663399; }

/* ── Legend ── */
.dc-legend[b-mxxpjm1j3r] {
    display: flex;
    align-items: center;
    margin: 4px 0 14px 0;
    font-size: 13px;
    color: #495057;
}
.dc-legend-chip[b-mxxpjm1j3r] {
    background: #dc3545;
    color: #dc3545;         /* legacy: red text on red block (a colour swatch) */
    border: 1px solid #000;
    padding: 1px 10px;
    font-size: 12px;
    border-radius: 3px;
    line-height: 18px;
}

/* ── Grid ── */
.dc-grid[b-mxxpjm1j3r] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.dc-grid th[b-mxxpjm1j3r] {
    background: #330033;
    color: #fff;
    text-align: left;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 600;
}

.dc-grid td[b-mxxpjm1j3r] {
    padding: 10px 14px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    vertical-align: middle;
}

.dc-grid tbody tr:last-child td[b-mxxpjm1j3r] { border-bottom: none; }
.dc-grid tbody tr:hover td[b-mxxpjm1j3r] { background: #faf6ff; }

/* Inactive rows highlighted red (legacy set the row BackColor to red) */
.dc-grid tbody tr.dc-inactive td[b-mxxpjm1j3r] { background: #fdecea; }
.dc-grid tbody tr.dc-inactive:hover td[b-mxxpjm1j3r] { background: #fbd9d5; }

.dc-col-status[b-mxxpjm1j3r] { width: 190px; }
.dc-col-order[b-mxxpjm1j3r] { width: 110px; white-space: nowrap; }
.dc-col-actions[b-mxxpjm1j3r] { width: 120px; }
.dc-col-order .dc-btn-move + .dc-btn-move[b-mxxpjm1j3r] { margin-left: 6px; }

/* ── Empty state ── */
.dc-empty[b-mxxpjm1j3r] {
    text-align: center;
    padding: 34px 20px;
    color: #64748b;
}
.dc-empty svg[b-mxxpjm1j3r] { width: 42px; height: 42px; color: #cbd5e1; margin-bottom: 10px; }
.dc-empty p[b-mxxpjm1j3r] { margin: 0; font-size: 1.05rem; }

/* ── Responsive ── */
@media (max-width: 640px) {
    .dc-form-row[b-mxxpjm1j3r] { flex-direction: column; gap: 6px; }
    .dc-label[b-mxxpjm1j3r] { padding-top: 0; }
    .dc-selected[b-mxxpjm1j3r], .dc-form-actions[b-mxxpjm1j3r] { margin-left: 0; }
    .dc-grid th:nth-child(2)[b-mxxpjm1j3r], .dc-grid td:nth-child(2)[b-mxxpjm1j3r] { width: auto; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/DeleteSignup.cshtml.rz.scp.css */
/* ============================================================
   Delete Signup — Scoped CSS
   Ported from legacy admin/DeleteSignup.aspx (#330033 grid header,
   #660032 tabs, #E0C1FF alt rows). CSS isolation scopes these
   class names to this page; x-for template rows inherit the
   build-time scope attribute so styling applies to them too.
   ============================================================ */

.ds-page[b-uizz16oura] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1400px;
    margin: 0 auto;
    color: #2d3748;
}

/* ── Header ── */
.ds-header[b-uizz16oura] { margin-bottom: 20px; }
.ds-header h1[b-uizz16oura] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: #330033;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ds-header p[b-uizz16oura] { margin: 6px 0 0; color: #3d2540; font-size: 0.9rem; }
.ds-h-icon[b-uizz16oura] { width: 26px; height: 26px; }
.ds-inline-icon[b-uizz16oura] { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }

/* ── Alert (legacy .alert-danger) ── */
.ds-alert[b-uizz16oura] {
    padding: 16px 20px;
    color: white;
    margin-bottom: 15px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ds-alert-danger[b-uizz16oura] { background-color: #f44336; }
.ds-closebtn[b-uizz16oura] { color: white; font-weight: bold; font-size: 22px; cursor: pointer; opacity: 0.85; margin-left: 15px; }
.ds-closebtn:hover[b-uizz16oura] { opacity: 1; }

/* ── Card / fieldset ── */
.ds-card[b-uizz16oura] { margin-bottom: 18px; }
.ds-fieldset[b-uizz16oura] {
    border: 1px solid #e2c9ff;
    border-radius: 8px;
    padding: 16px 18px;
    background: white;
}
.ds-fieldset legend[b-uizz16oura] {
    padding: 0 8px;
    font-weight: 600;
    color: #330033;
}

/* ── Search row ── */
.ds-search-row[b-uizz16oura] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ds-label[b-uizz16oura] { font-weight: 600; color: #4a5568; font-size: 0.9rem; }
.ds-input[b-uizz16oura] {
    flex: 1;
    min-width: 240px;
    padding: 8px 12px;
    border: 2px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.9rem;
    font-family: inherit;
    height: 38px;
}
.ds-input:focus[b-uizz16oura] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }

/* ── Buttons ── */
.ds-btn[b-uizz16oura] {
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
}
.ds-btn:disabled[b-uizz16oura] { opacity: 0.6; cursor: not-allowed; }
.ds-btn-primary[b-uizz16oura] { background: #330033; color: white; }
.ds-btn-primary:hover:not(:disabled)[b-uizz16oura] { background: #4a004a; transform: translateY(-1px); }
.ds-btn-secondary[b-uizz16oura] { background: #6c757d; color: white; }
.ds-btn-secondary:hover:not(:disabled)[b-uizz16oura] { background: #5a6268; }
.ds-btn-delete[b-uizz16oura] { background: #dc3545; color: white; }
.ds-btn-delete:hover:not(:disabled)[b-uizz16oura] { background: #c82333; transform: translateY(-1px); }

/* ── Tabs (legacy jQuery UI tabs, #660032 / #330033) ── */
.ds-tabs[b-uizz16oura] { display: flex; gap: 4px; margin-bottom: 14px; border-bottom: 2px solid #330033; }
.ds-tab[b-uizz16oura] {
    padding: 10px 18px;
    border: none;
    background: #660032;
    color: white;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
    transition: background 0.2s;
}
.ds-tab:hover[b-uizz16oura] { background: #4a004a; }
.ds-tab-active[b-uizz16oura] { background: #330033; }
.ds-tab-panel[b-uizz16oura] { padding-top: 4px; }

/* ── Table ── */
.ds-table-wrap[b-uizz16oura] { overflow-x: auto; }
.ds-table[b-uizz16oura] { width: 100%; border-collapse: collapse; }
.ds-table thead th[b-uizz16oura] {
    background-color: #330033;
    color: white;
    padding: 12px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 0.85rem;
    white-space: nowrap;
}
.ds-table tbody td[b-uizz16oura] {
    padding: 11px 10px;
    border-bottom: 1px solid #eee;
    font-size: 0.88rem;
    vertical-align: middle;
    color: #000;
}
.ds-table tbody tr[b-uizz16oura] { background: white; }
.ds-table tbody tr:nth-child(even)[b-uizz16oura] { background-color: #E0C1FF; }
.ds-table tbody tr:hover[b-uizz16oura] { background-color: #f0e7ff; }

.ds-num-col[b-uizz16oura] { width: 54px; text-align: center; }
.ds-num[b-uizz16oura] {
    display: inline-block;
    background: #6f42c1;
    color: white;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 0.82rem;
    font-weight: 600;
    min-width: 32px;
    text-align: center;
}
.ds-date[b-uizz16oura] { color: #444; white-space: nowrap; }
.ds-empty[b-uizz16oura] { text-align: center; color: #999; padding: 26px; font-style: italic; }

.ds-event-link[b-uizz16oura] { color: #6f42c1; text-decoration: none; }
.ds-event-link:hover[b-uizz16oura] { color: #330033; text-decoration: underline; }

/* ── Row action icon buttons (legacy fa-trash-o / fa-undo LinkButtons) ── */
.ds-icon-btn[b-uizz16oura] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 6px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}
.ds-icon-btn:disabled[b-uizz16oura] { opacity: 0.5; cursor: not-allowed; }
.ds-icon-btn i[b-uizz16oura] { width: 18px; height: 18px; }
.ds-icon-delete[b-uizz16oura] { color: #dc3545; }
.ds-icon-delete:hover:not(:disabled)[b-uizz16oura] { background: #fde8e8; }
.ds-icon-restore[b-uizz16oura] { color: #1a7a3a; }
.ds-icon-restore:hover:not(:disabled)[b-uizz16oura] { background: #e6f5ec; }

/* ── Confirm modals ── */
.ds-modal-overlay[b-uizz16oura] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 7%;
    z-index: 10001;
}
.ds-modal[b-uizz16oura] {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 560px;
    max-width: 92%;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    overflow: hidden;
}
.ds-modal-header[b-uizz16oura] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    padding: 14px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ds-modal-header h3[b-uizz16oura] { margin: 0; font-size: 19px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.ds-modal-close[b-uizz16oura] { color: white; font-size: 26px; font-weight: bold; cursor: pointer; opacity: 0.85; }
.ds-modal-close:hover[b-uizz16oura] { opacity: 1; }
.ds-modal-body[b-uizz16oura] { padding: 22px; background: white; }
.ds-modal-body p[b-uizz16oura] { margin: 0; color: #444; line-height: 1.6; }
.ds-modal-footer[b-uizz16oura] {
    padding: 14px 20px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 768px) {
    .ds-search-row[b-uizz16oura] { flex-direction: column; align-items: stretch; }
    .ds-input[b-uizz16oura] { min-width: 0; width: 100%; }
    .ds-table thead th[b-uizz16oura], .ds-table tbody td[b-uizz16oura] { padding: 9px 7px; font-size: 0.82rem; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/DuplicatePayments.cshtml.rz.scp.css */
/* ============================================================
   Duplicate Signups Payments — Scoped CSS
   (legacy card layout, modernized to the admin house style)
   ============================================================ */

/* ── Page header (shared house style, matches Duplicate Signups) ── */
.page-header[b-vtj44r1tuk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a235a 0%, #330033 60%, #1f0022 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-vtj44r1tuk] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-vtj44r1tuk] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-vtj44r1tuk] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-vtj44r1tuk] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.header-right[b-vtj44r1tuk] { display: flex; align-items: center; gap: 10px; }
.badge[b-vtj44r1tuk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 8px;
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.dp-error[b-vtj44r1tuk] {
    position: relative;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 34px 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}
.dp-error-close[b-vtj44r1tuk] { position: absolute; top: 8px; right: 12px; cursor: pointer; font-size: 1.1rem; }

/* ── Cards (legacy .container / .record-card) ── */
.dp-container[b-vtj44r1tuk] {
    max-width: 800px;
    margin: 0 auto;
    padding: 15px;
}

.record-card[b-vtj44r1tuk] {
    background-color: #fff;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease;
    font-size: 13px;
}
.record-card:hover[b-vtj44r1tuk] { transform: translateY(-3px); }

.record-card .header[b-vtj44r1tuk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
}

.name[b-vtj44r1tuk] {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px;
}

.duplicate-alert[b-vtj44r1tuk] {
    background-color: #e74c3c;
    color: #fff;
    padding: 2px 6px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: normal;
}

.age-gender[b-vtj44r1tuk] {
    background-color: #f8f9fa;
    padding: 3px 8px;
    border-radius: 15px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.content-grid[b-vtj44r1tuk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 8px;
}

.event-details[b-vtj44r1tuk] {
    background-color: #f8f9fa;
    padding: 8px;
    border-radius: 6px;
    grid-column: 1 / -1;
}
.event-title[b-vtj44r1tuk] {
    font-size: 14px;
    color: #2c3e50;
    margin-bottom: 4px;
    font-weight: 600;
}
.event-details a[b-vtj44r1tuk] { color: #0000EE; text-decoration: none; font-weight: normal; }
.event-details a:hover[b-vtj44r1tuk] { text-decoration: underline; }

.contact-info[b-vtj44r1tuk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #666;
}

.signup-history[b-vtj44r1tuk] { color: #666; }
.signup-history ul[b-vtj44r1tuk] { margin: 4px 0; padding-left: 18px; }
.signup-history li[b-vtj44r1tuk] { margin: 1px 0; }

/* Inline Lucide icons inside a card render at 24px by default — bring them down
   to the size the legacy Font Awesome glyphs occupied. */
.record-card svg[b-vtj44r1tuk] {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 5px;
    flex-shrink: 0;
}
.age-gender svg[b-vtj44r1tuk] { margin-right: 0; }

/* ── Comment (legacy .comment-section) ── */
.comment-section[b-vtj44r1tuk] {
    grid-column: 1 / -1;
    margin-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-top: 8px;
}
.comment-display[b-vtj44r1tuk] {
    margin-bottom: 8px;
    color: #666;
    font-style: italic;
    white-space: pre-wrap;
}
.comment-button[b-vtj44r1tuk] {
    background-color: #300c34;
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.comment-button:hover[b-vtj44r1tuk] { background-color: #45123d; }
.comment-button svg[b-vtj44r1tuk] { width: 13px; height: 13px; margin-right: 0; }

/* ── Empty state (house style) ── */
.empty-state[b-vtj44r1tuk] { text-align: center; padding: 60px 20px; color: #666; }
.empty-state p[b-vtj44r1tuk] { margin-top: 16px; font-size: 1.05rem; font-weight: 600; color: #333; }

/* ── Modal (legacy .modal) ── */
.dp-modal[b-vtj44r1tuk] {
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 100px;
}
.dp-modal-content[b-vtj44r1tuk] {
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    width: 100%;
    max-width: 500px;
    margin: 0 15px;
    animation-name: dpanimatetop-b-vtj44r1tuk;
    animation-duration: 0.4s;
}
@keyframes dpanimatetop-b-vtj44r1tuk {
    from { top: -300px; opacity: 0; }
    to { top: 0; opacity: 1; }
}
.dp-modal-header[b-vtj44r1tuk] {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.dp-modal-header h3[b-vtj44r1tuk] { margin: 0; font-size: 1.1rem; }
.dp-modal-close[b-vtj44r1tuk] {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .35;
    cursor: pointer;
}
.dp-modal-close:hover[b-vtj44r1tuk] { opacity: .7; }
.dp-modal-body[b-vtj44r1tuk] { padding: 20px; max-height: calc(100vh - 260px); overflow-y: auto; }
.dp-modal-footer[b-vtj44r1tuk] {
    padding: 15px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.commentText[b-vtj44r1tuk] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    resize: vertical;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 0.9rem;
}
.saveComment[b-vtj44r1tuk] {
    background-color: #300c34;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}
.saveComment:hover[b-vtj44r1tuk] { background-color: #45123d; }
.saveComment:disabled[b-vtj44r1tuk] { opacity: 0.6; cursor: not-allowed; }
.closeComment[b-vtj44r1tuk] { background: gray; }
.closeComment:hover[b-vtj44r1tuk] { background: #6b6b6b; }

[x-cloak][b-vtj44r1tuk] { display: none !important; }

@media (max-width: 768px) {
    .page-header[b-vtj44r1tuk] { flex-direction: column; gap: 12px; text-align: center; }
}
@media screen and (max-width: 600px) {
    .content-grid[b-vtj44r1tuk] { grid-template-columns: 1fr; }
    .dp-container[b-vtj44r1tuk] { padding: 10px; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/DuplicateSignups.cshtml.rz.scp.css */
/* ============================================================
   Duplicate Signups — Scoped CSS
   ============================================================ */

.page-header[b-6bhwq8vt89] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a235a 0%, #330033 60%, #1f0022 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-6bhwq8vt89] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-6bhwq8vt89] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-6bhwq8vt89] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-6bhwq8vt89] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.header-right[b-6bhwq8vt89] { display: flex; align-items: center; gap: 10px; }
.badge[b-6bhwq8vt89] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 8px;
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.ds-error[b-6bhwq8vt89] {
    position: relative;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 34px 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}
.ds-error-close[b-6bhwq8vt89] { position: absolute; top: 8px; right: 12px; cursor: pointer; font-size: 1.1rem; }

.table-panel[b-6bhwq8vt89] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
    border: 1px solid #660066;
}
.table-wrap[b-6bhwq8vt89] { overflow-x: auto; }
.ds-table[b-6bhwq8vt89] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.ds-table th[b-6bhwq8vt89] {
    text-align: left;
    padding: 12px 10px;
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
.ds-table td[b-6bhwq8vt89] {
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    color: #333;
    vertical-align: middle;
}
.ds-alt-row td[b-6bhwq8vt89] { background-color: #F5ECFF; }
.ds-table tr:hover td[b-6bhwq8vt89] { background-color: #efe2ff; }
.ds-table a[b-6bhwq8vt89] { color: #6f42c1; text-decoration: none; font-weight: 500; }
.ds-table a:hover[b-6bhwq8vt89] { text-decoration: underline; }

.col-num[b-6bhwq8vt89] { width: 60px; color: #555; }

.empty-state[b-6bhwq8vt89] { text-align: center; padding: 60px 20px; color: #666; }
.empty-state p[b-6bhwq8vt89] { margin-top: 16px; font-size: 1.05rem; font-weight: 600; color: #333; }

[x-cloak][b-6bhwq8vt89] { display: none !important; }

@media (max-width: 768px) {
    .page-header[b-6bhwq8vt89] { flex-direction: column; gap: 12px; text-align: center; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/DuplicateUsers.cshtml.rz.scp.css */
/* ============================================================
   Duplicate Users — Scoped CSS
   ============================================================ */

.page-header[b-0qgjc23rgn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a235a 0%, #330033 60%, #1f0022 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-0qgjc23rgn] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-0qgjc23rgn] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-0qgjc23rgn] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-0qgjc23rgn] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.header-right[b-0qgjc23rgn] { display: flex; align-items: center; gap: 10px; }
.badge[b-0qgjc23rgn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 8px;
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.du-error[b-0qgjc23rgn] {
    position: relative;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 34px 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}
.du-error-close[b-0qgjc23rgn] { position: absolute; top: 8px; right: 12px; cursor: pointer; font-size: 1.1rem; }

.table-panel[b-0qgjc23rgn] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
    border: 1px solid #660066;
}
.table-wrap[b-0qgjc23rgn] { overflow-x: auto; }
.du-table[b-0qgjc23rgn] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.du-table th[b-0qgjc23rgn] {
    text-align: center;
    padding: 12px 10px;
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
.du-table td[b-0qgjc23rgn] {
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    color: #333;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.du-alt-row td[b-0qgjc23rgn] { background-color: #F5ECFF; }
.du-table tr:hover td[b-0qgjc23rgn] { background-color: #efe2ff; }

.col-num[b-0qgjc23rgn] { width: 44px; color: #555; }
.col-action[b-0qgjc23rgn] { width: 90px; }

.du-delete-link[b-0qgjc23rgn] { color: #b00020; font-weight: 600; text-decoration: none; }
.du-delete-link:hover[b-0qgjc23rgn] { text-decoration: underline; }

.empty-state[b-0qgjc23rgn] { text-align: center; padding: 60px 20px; color: #666; }
.empty-state p[b-0qgjc23rgn] { margin-top: 16px; font-size: 1.05rem; font-weight: 600; color: #333; }

/* Confirm modal */
.du-confirm-overlay[b-0qgjc23rgn] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.du-confirm-box[b-0qgjc23rgn] {
    background: #fff;
    padding: 24px 26px;
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.25);
    max-width: 440px;
    width: 100%;
}
.du-confirm-box p[b-0qgjc23rgn] { margin: 0 0 18px; font-size: 0.95rem; color: #333; line-height: 1.45; }
.du-confirm-actions[b-0qgjc23rgn] { text-align: right; }
.du-confirm-actions button[b-0qgjc23rgn] {
    padding: 8px 18px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 8px;
    font-size: 0.9rem;
    background: #6c757d;
    color: #fff;
}
.du-confirm-actions button:disabled[b-0qgjc23rgn] { opacity: 0.5; cursor: not-allowed; }
.du-confirm-ok[b-0qgjc23rgn] { background: #b00020 !important; }
.du-confirm-ok:hover[b-0qgjc23rgn] { background: #8c0019 !important; }

[x-cloak][b-0qgjc23rgn] { display: none !important; }

@media (max-width: 768px) {
    .page-header[b-0qgjc23rgn] { flex-direction: column; gap: 12px; text-align: center; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EmailCampaignManager.cshtml.rz.scp.css */
.ecm-root[b-vurxo9qdtt] {
    --ecm-primary: #330033;
    --ecm-primary-2: #4a004a;
    --ecm-accent: #9B00C1;
    --ecm-border: #663399;
    --ecm-bg-light: #F5ECFF;
    --ecm-send: #E8F5E9;
    --ecm-send-border: #4CAF50;
    --ecm-send-text: #2E7D32;
    --ecm-exc: #FFEBEE;
    --ecm-exc-border: #EF5350;
    --ecm-exc-text: #C62828;
    font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, sans-serif;
    max-width: 1200px;
    margin: 20px auto;
    color: #2d3748;
    padding: 0 12px;
}
.ecm-root [x-cloak][b-vurxo9qdtt] { display: none !important; }

/* Cards */
.ecm-card[b-vurxo9qdtt] { background: #fff; border-radius: 12px; box-shadow: 0 5px 20px rgba(51,0,51,0.1); overflow: hidden; margin-bottom: 24px; }
.ecm-card-header[b-vurxo9qdtt] {
    background: linear-gradient(135deg, var(--ecm-primary) 0%, var(--ecm-primary-2) 100%); color: #fff; padding: 16px 24px;
    display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
}
.ecm-card-header h2[b-vurxo9qdtt] { margin: 0; font-weight: 600; font-size: 1.25rem; display: flex; align-items: center; gap: 10px; }
.ecm-card-header h2 i[b-vurxo9qdtt] { width: 20px; height: 20px; }
.ecm-card-body[b-vurxo9qdtt] { padding: 26px; }
.ecm-header-actions[b-vurxo9qdtt] { display: flex; gap: 8px; flex-wrap: wrap; }
.ecm-btn-header[b-vurxo9qdtt] {
    background: rgba(255,255,255,0.15); color: #fff; border: 1px solid rgba(255,255,255,0.3);
    padding: 7px 12px; border-radius: 6px; cursor: pointer; font-size: 0.82rem; text-decoration: none;
    display: inline-flex; align-items: center; gap: 6px; transition: background 0.2s;
}
.ecm-btn-header:hover[b-vurxo9qdtt] { background: rgba(255,255,255,0.28); color: #fff; }
.ecm-btn-header i[b-vurxo9qdtt] { width: 15px; height: 15px; }

.ecm-muted[b-vurxo9qdtt] { color: #a0aec0; font-size: 13px; font-style: italic; }

/* Dropdowns (sender / message) */
.ecm-dropdowns[b-vurxo9qdtt] { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.ecm-field label[b-vurxo9qdtt] { display: flex; align-items: center; gap: 6px; font-weight: 600; color: var(--ecm-primary); margin-bottom: 6px; font-size: 14px; }
.ecm-field label i[b-vurxo9qdtt] { width: 15px; height: 15px; }
.ecm-dropdown[b-vurxo9qdtt] { position: relative; width: 100%; }
.ecm-dropdown-selected[b-vurxo9qdtt] {
    padding: 12px 16px; border: 2px solid var(--ecm-border); border-radius: 8px; cursor: pointer; background: #fff;
    font-size: 15px; display: flex; justify-content: space-between; align-items: center; gap: 10px; transition: border-color 0.2s;
}
.ecm-dropdown-selected:hover[b-vurxo9qdtt] { border-color: var(--ecm-accent); }
.ecm-dropdown-selected i[b-vurxo9qdtt] { width: 18px; height: 18px; transition: transform 0.2s; flex-shrink: 0; }
.ecm-dropdown-selected.active i[b-vurxo9qdtt] { transform: rotate(180deg); }
.ecm-dropdown-options[b-vurxo9qdtt] {
    position: absolute; top: calc(100% + 4px); left: 0; right: 0; max-height: 280px; overflow-y: auto;
    background: #fff; border: 2px solid var(--ecm-border); border-radius: 8px; box-shadow: 0 8px 16px rgba(0,0,0,0.15); z-index: 100;
}
.ecm-dropdown-option[b-vurxo9qdtt] { padding: 12px 16px; cursor: pointer; border-bottom: 1px solid #f0f0f0; transition: background 0.15s; }
.ecm-dropdown-option:last-child[b-vurxo9qdtt] { border-bottom: none; }
.ecm-dropdown-option:hover[b-vurxo9qdtt] { background: #f8f9fa; }
.ecm-option-title[b-vurxo9qdtt] { font-weight: 600; color: var(--ecm-primary); font-size: 14px; }
.ecm-option-sub[b-vurxo9qdtt] { font-size: 12px; color: #777; margin-top: 3px; }

/* Two-column segment lists */
.ecm-two-col[b-vurxo9qdtt] { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.ecm-col-title[b-vurxo9qdtt] { text-align: center; font-weight: 600; color: var(--ecm-primary); font-size: 16px; margin: 0 0 12px; }
.ecm-clear-btn[b-vurxo9qdtt] {
    background: #660099; color: #fff; border: none; padding: 8px 14px; border-radius: 6px; margin-bottom: 12px;
    cursor: pointer; font-weight: 600; font-size: 13px; display: inline-flex; align-items: center; gap: 6px;
}
.ecm-clear-btn:hover[b-vurxo9qdtt] { background: var(--ecm-primary); }
.ecm-clear-btn i[b-vurxo9qdtt] { width: 14px; height: 14px; }
.ecm-list[b-vurxo9qdtt] { border: 2px solid var(--ecm-border); border-radius: 8px; max-height: 350px; overflow-y: auto; padding: 8px; background: #fff; }
.ecm-list-item[b-vurxo9qdtt] {
    padding: 12px 14px; border-radius: 6px; margin-bottom: 6px; cursor: pointer; transition: all 0.15s;
    border-left: 4px solid transparent; background: #fff;
}
.ecm-list-item:last-child[b-vurxo9qdtt] { margin-bottom: 0; }
.ecm-list-item:hover[b-vurxo9qdtt] { background: #f8f9fa; border-left-color: #adb5bd; }
.ecm-list-item.selected[b-vurxo9qdtt] { background: var(--ecm-send); border-left-color: var(--ecm-send-border); color: var(--ecm-send-text); }
.ecm-list-item.excluded[b-vurxo9qdtt] { background: var(--ecm-exc); border-left-color: var(--ecm-exc-border); color: var(--ecm-exc-text); }
.ecm-list-item.disabled[b-vurxo9qdtt] { opacity: 0.5; cursor: not-allowed; }
.ecm-item-name[b-vurxo9qdtt] { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; }
.ecm-item-icon i[b-vurxo9qdtt] { width: 15px; height: 15px; }
.ecm-item-count[b-vurxo9qdtt] { color: #666; font-size: 13px; margin-top: 4px; }
.ecm-item-last[b-vurxo9qdtt] { font-size: 12px; color: #888; margin-top: 3px; }
.ecm-list-item.selected .ecm-item-count[b-vurxo9qdtt], .ecm-list-item.selected .ecm-item-last[b-vurxo9qdtt] { color: var(--ecm-send-text); opacity: 0.85; }
.ecm-list-item.excluded .ecm-item-count[b-vurxo9qdtt], .ecm-list-item.excluded .ecm-item-last[b-vurxo9qdtt] { color: var(--ecm-exc-text); opacity: 0.85; }

/* Summary */
.ecm-summary[b-vurxo9qdtt] {
    margin-top: 25px; background: linear-gradient(135deg, #F5ECFF 0%, #E8D5FF 100%);
    padding: 22px; border-radius: 10px; border: 2px solid var(--ecm-border);
}
.ecm-summary h3[b-vurxo9qdtt] { margin: 0 0 16px; color: var(--ecm-primary); font-size: 18px; }
.ecm-summary-row[b-vurxo9qdtt] { margin-bottom: 16px; }
.ecm-summary-row h4[b-vurxo9qdtt] { margin: 0 0 8px; color: var(--ecm-primary); font-size: 15px; }
.ecm-chips[b-vurxo9qdtt] { display: flex; flex-wrap: wrap; gap: 10px; }
.ecm-chip[b-vurxo9qdtt] { padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; }
.ecm-chip i[b-vurxo9qdtt] { width: 13px; height: 13px; }
.ecm-chip-send[b-vurxo9qdtt] { background: var(--ecm-send); color: var(--ecm-send-text); border: 2px solid var(--ecm-send-border); }
.ecm-chip-exclude[b-vurxo9qdtt] { background: var(--ecm-exc); color: var(--ecm-exc-text); border: 2px solid var(--ecm-exc-border); }
.ecm-total[b-vurxo9qdtt] { margin-top: 12px; text-align: center; font-weight: 700; color: var(--ecm-primary); background: #fff; padding: 14px; border-radius: 8px; border: 2px solid var(--ecm-border); }
.ecm-total-note[b-vurxo9qdtt] { font-weight: 400; font-size: 12px; color: #666; margin-top: 6px; font-style: italic; }

/* Email preview strip */
.ecm-preview[b-vurxo9qdtt] {
    background: linear-gradient(135deg, #F5ECFF 0%, #ffffff 100%); border: 2px solid var(--ecm-border);
    border-radius: 10px; padding: 20px; margin: 25px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.ecm-preview-left[b-vurxo9qdtt] { display: flex; align-items: center; gap: 18px; flex: 1; min-width: 260px; }
.ecm-preview-icon[b-vurxo9qdtt] { background: #fff; border-radius: 50%; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.1); flex-shrink: 0; }
.ecm-preview-icon i[b-vurxo9qdtt] { width: 28px; height: 28px; color: var(--ecm-primary); }
.ecm-preview-text h4[b-vurxo9qdtt] { margin: 0 0 8px; color: var(--ecm-primary); font-size: 16px; }
.ecm-preview-text p[b-vurxo9qdtt] { margin: 3px 0; font-size: 14px; }
.ecm-preview-actions[b-vurxo9qdtt] { display: flex; gap: 12px; flex-wrap: wrap; }

/* Schedule */
.ecm-schedule[b-vurxo9qdtt] {
    margin-top: 26px; text-align: center; background: linear-gradient(135deg, #F5ECFF 0%, #E8D5FF 100%);
    padding: 22px; border-radius: 10px; border: 2px solid var(--ecm-border);
}
.ecm-schedule h3[b-vurxo9qdtt] { margin: 0 0 16px; color: var(--ecm-primary); display: flex; align-items: center; justify-content: center; gap: 8px; }
.ecm-schedule h3 i[b-vurxo9qdtt] { width: 18px; height: 18px; }
.ecm-schedule-row[b-vurxo9qdtt] { display: flex; gap: 12px; justify-content: center; align-items: center; flex-wrap: wrap; }
.ecm-schedule-input[b-vurxo9qdtt] { max-width: 280px; }
.ecm-schedule-note[b-vurxo9qdtt] { margin: 12px 0 0; font-size: 12px; color: #666; font-style: italic; }

.ecm-or[b-vurxo9qdtt] { text-align: center; margin: 26px 0; display: flex; align-items: center; }
.ecm-or[b-vurxo9qdtt]::before, .ecm-or[b-vurxo9qdtt]::after { content: ""; flex: 1; height: 2px; background: var(--ecm-border); }
.ecm-or span[b-vurxo9qdtt] { font-weight: 600; color: var(--ecm-primary); padding: 0 20px; }

.ecm-send-now[b-vurxo9qdtt] { display: flex; justify-content: center; }

/* Buttons */
.ecm-btn[b-vurxo9qdtt] {
    padding: 11px 22px; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer;
    transition: all 0.2s; display: inline-flex; align-items: center; gap: 8px; font-family: inherit; text-decoration: none;
}
.ecm-btn i[b-vurxo9qdtt] { width: 16px; height: 16px; }
.ecm-btn:disabled[b-vurxo9qdtt] { opacity: 0.6; pointer-events: none; }
.ecm-btn-lg[b-vurxo9qdtt] { padding: 14px 32px; font-size: 16px; }
.ecm-btn-primary[b-vurxo9qdtt] { background: #660099; color: #fff; }
.ecm-btn-primary:hover[b-vurxo9qdtt] { background: var(--ecm-primary); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(102,0,153,0.3); }
.ecm-btn-secondary[b-vurxo9qdtt] { background: #6c757d; color: #fff; }
.ecm-btn-secondary:hover[b-vurxo9qdtt] { background: #545b62; }
.ecm-btn-success[b-vurxo9qdtt] { background: var(--ecm-send-border); color: #fff; }
.ecm-btn-success:hover[b-vurxo9qdtt] { background: #3d9140; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(76,175,80,0.35); }

/* Recent campaigns */
.ecm-campaign[b-vurxo9qdtt] { background: #fff; border: 1px solid var(--ecm-border); border-radius: 8px; padding: 18px; margin-bottom: 14px; }
.ecm-campaign:last-child[b-vurxo9qdtt] { margin-bottom: 0; }
.ecm-campaign-head h4[b-vurxo9qdtt] { margin: 0 0 8px; font-size: 16px; color: var(--ecm-primary); }
.ecm-campaign-meta[b-vurxo9qdtt] { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 13px; color: #666; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; margin-bottom: 12px; }
.ecm-campaign-meta span[b-vurxo9qdtt] { display: inline-flex; align-items: center; gap: 5px; }
.ecm-campaign-meta i[b-vurxo9qdtt] { width: 14px; height: 14px; }
.ecm-campaign-detail[b-vurxo9qdtt] { font-size: 14px; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; }
.ecm-ok i[b-vurxo9qdtt] { width: 16px; height: 16px; color: var(--ecm-send-border); }
.ecm-stats[b-vurxo9qdtt] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.ecm-stat[b-vurxo9qdtt] { background: var(--ecm-bg-light); border: 1px solid var(--ecm-border); border-radius: 6px; padding: 12px; text-align: center; }
.ecm-stat strong[b-vurxo9qdtt] { display: block; font-size: 11px; text-transform: uppercase; color: var(--ecm-primary); margin-bottom: 4px; }
.ecm-stat div[b-vurxo9qdtt] { font-size: 18px; font-weight: 700; color: #330033; }

/* Forms */
.ecm-form-group[b-vurxo9qdtt] { margin-bottom: 18px; }
.ecm-form-group label[b-vurxo9qdtt] { display: block; font-weight: 600; color: var(--ecm-primary); margin-bottom: 6px; font-size: 14px; }
.ecm-input[b-vurxo9qdtt], .ecm-textarea[b-vurxo9qdtt] {
    width: 100%; padding: 11px 14px; border: 2px solid var(--ecm-border); border-radius: 6px; font-size: 14px;
    font-family: inherit; box-sizing: border-box; transition: border-color 0.2s, box-shadow 0.2s;
}
.ecm-input:focus[b-vurxo9qdtt], .ecm-textarea:focus[b-vurxo9qdtt] { outline: none; border-color: var(--ecm-accent); box-shadow: 0 0 0 3px rgba(201,147,255,0.25); }
.ecm-textarea[b-vurxo9qdtt] { resize: vertical; min-height: 90px; }

/* Modals */
.ecm-modal-bg[b-vurxo9qdtt] { position: fixed; inset: 0; background: rgba(51,0,51,0.6); z-index: 10000; display: flex; align-items: flex-start; justify-content: center; overflow: auto; padding: 40px 16px; }
.ecm-modal[b-vurxo9qdtt] { background: #fff; border-radius: 12px; width: 90%; max-width: 760px; max-height: 88vh; display: flex; flex-direction: column; box-shadow: 0 10px 40px rgba(0,0,0,0.3); overflow: hidden; }
.ecm-modal-sm[b-vurxo9qdtt] { max-width: 520px; }
.ecm-modal-head[b-vurxo9qdtt] { background: linear-gradient(135deg, var(--ecm-primary) 0%, var(--ecm-primary-2) 100%); color: #fff; padding: 18px 24px; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
.ecm-modal-head-warn[b-vurxo9qdtt] { background: linear-gradient(135deg, #b8860b 0%, #d39e00 100%); }
.ecm-modal-head-danger[b-vurxo9qdtt] { background: linear-gradient(135deg, #b91c1c 0%, #dc3545 100%); }
.ecm-modal-head h3[b-vurxo9qdtt] { margin: 0; font-size: 1.2rem; display: flex; align-items: center; gap: 8px; }
.ecm-modal-head h3 i[b-vurxo9qdtt] { width: 19px; height: 19px; }
.ecm-modal-close[b-vurxo9qdtt] { color: #fff; font-size: 30px; font-weight: 700; cursor: pointer; background: none; border: none; line-height: 1; }
.ecm-modal-close:hover[b-vurxo9qdtt] { color: #ddd; }
.ecm-modal-body[b-vurxo9qdtt] { padding: 24px; overflow-y: auto; flex: 1; }
.ecm-modal-foot[b-vurxo9qdtt] { background: #f8f9fa; padding: 16px 24px; border-top: 1px solid #dee2e6; display: flex; justify-content: flex-end; gap: 12px; flex-shrink: 0; flex-wrap: wrap; }

.ecm-preview-subject[b-vurxo9qdtt] { font-size: 15px; margin: 0 0 14px; }
.ecm-preview-frame[b-vurxo9qdtt] { width: 100%; height: 55vh; border: 1px solid #ddd; border-radius: 6px; background: #fff; }

/* Confirm modal bits */
.ecm-confirm-lead[b-vurxo9qdtt] { font-size: 15px; margin: 0 0 16px; }
.ecm-confirm-count[b-vurxo9qdtt], .ecm-confirm-name[b-vurxo9qdtt] { color: #b91c1c; }
.ecm-confirm-box[b-vurxo9qdtt] { background: #fff8f8; border: 1px solid #f5c6cb; border-radius: 8px; padding: 14px 18px; margin-bottom: 16px; }
.ecm-confirm-box > div[b-vurxo9qdtt] { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; font-size: 14px; }
.ecm-confirm-box > div span[b-vurxo9qdtt] { color: #666; }
.ecm-confirm-box > div strong[b-vurxo9qdtt] { color: var(--ecm-primary); text-align: right; word-break: break-word; }
.ecm-confirm-warn[b-vurxo9qdtt] { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: #856404; background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 6px; padding: 10px 12px; margin: 0; }
.ecm-confirm-warn i[b-vurxo9qdtt] { width: 16px; height: 16px; flex-shrink: 0; margin-top: 1px; }

@media (max-width: 968px) {
    .ecm-dropdowns[b-vurxo9qdtt], .ecm-two-col[b-vurxo9qdtt] { grid-template-columns: 1fr; }
    .ecm-stats[b-vurxo9qdtt] { grid-template-columns: repeat(2, 1fr); }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EmailDigestSettings.cshtml.rz.scp.css */
/* ============================================================
   Email Digest Settings — Scoped CSS
   Ports the legacy EmailDigestSettings.aspx #330033 theme.
   ============================================================ */

.eds-page[b-pn0x5n0ek2] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 30px 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Header (legacy .page-header) */
.eds-header[b-pn0x5n0ek2] {
    background: #330033;
    color: #fff;
    padding: 25px 30px;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.eds-header h1[b-pn0x5n0ek2] {
    margin: 0 0 8px 0;
    font-size: 28px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
}
.eds-header h1 .eds-h-icon[b-pn0x5n0ek2] { width: 26px; height: 26px; }
.eds-header p[b-pn0x5n0ek2] { margin: 0; opacity: 0.9; font-size: 15px; }

/* Status messages */
.eds-status[b-pn0x5n0ek2] {
    padding: 12px 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    font-size: 14px;
}
.eds-status-error[b-pn0x5n0ek2] {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

/* How-it-works info box */
.eds-info-box[b-pn0x5n0ek2] {
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
}
.eds-info-box h3[b-pn0x5n0ek2] {
    margin: 0 0 15px 0;
    font-size: 16px;
    color: #495057;
    display: flex;
    align-items: center;
    gap: 8px;
}
.eds-info-box h3 .eds-info-icon[b-pn0x5n0ek2] { width: 18px; height: 18px; color: #0066cc; }
.eds-info-box ul[b-pn0x5n0ek2] {
    margin: 0 0 0 20px;
    padding: 0;
    font-size: 13px;
    line-height: 1.8;
    color: #495057;
}
.eds-info-box code[b-pn0x5n0ek2] {
    background: #fff;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 12px;
}

/* Cards */
.eds-card[b-pn0x5n0ek2] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 25px;
    overflow: hidden;
}
.eds-card-header[b-pn0x5n0ek2] {
    background: #330033;
    color: #fff;
    padding: 18px 25px;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
}
.eds-card-header i[b-pn0x5n0ek2] { width: 20px; height: 20px; }
.eds-card-body[b-pn0x5n0ek2] { padding: 25px; }
.eds-card-body-flush[b-pn0x5n0ek2] { padding: 0; }

/* Form */
.eds-form-group[b-pn0x5n0ek2] { margin-bottom: 18px; }
.eds-form-group label[b-pn0x5n0ek2] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
    font-weight: 500;
    color: #333;
    font-size: 14px;
}
.eds-form-group label i[b-pn0x5n0ek2] { width: 16px; height: 16px; }
.eds-input[b-pn0x5n0ek2] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
    background: #fff;
}
.eds-input:focus[b-pn0x5n0ek2] {
    outline: none;
    border-color: #330033;
    box-shadow: 0 0 0 3px rgba(51, 0, 51, 0.1);
}
.eds-help[b-pn0x5n0ek2] {
    color: #666;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

/* Buttons */
.eds-button-group[b-pn0x5n0ek2] {
    display: flex;
    gap: 12px;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    flex-wrap: wrap;
}
.eds-btn[b-pn0x5n0ek2] {
    padding: 11px 24px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}
.eds-btn:disabled[b-pn0x5n0ek2] { opacity: 0.6; cursor: not-allowed; }
.eds-btn-primary[b-pn0x5n0ek2] { background: #330033; color: #fff; }
.eds-btn-primary:not(:disabled):hover[b-pn0x5n0ek2] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(51, 0, 51, 0.3);
}
.eds-btn-secondary[b-pn0x5n0ek2] {
    background: #fff;
    color: #330033;
    border: 2px solid #330033;
}
.eds-btn-secondary:not(:disabled):hover[b-pn0x5n0ek2] { background: #f8f9fa; }

/* Recent-mail grid */
.eds-grid[b-pn0x5n0ek2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.eds-grid th[b-pn0x5n0ek2] {
    background: #f8f9fa;
    padding: 12px;
    text-align: left;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}
.eds-grid td[b-pn0x5n0ek2] {
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
    color: #555;
    vertical-align: top;
}
.eds-grid tbody tr:hover[b-pn0x5n0ek2] { background: #f8f9fa; }

.eds-empty[b-pn0x5n0ek2] {
    text-align: center;
    padding: 40px 20px;
    color: #999;
}
.eds-empty-icon[b-pn0x5n0ek2] { font-size: 48px; margin-bottom: 12px; opacity: 0.3; }
.eds-empty p[b-pn0x5n0ek2] { margin: 0; }

/* Confirm modals (replace legacy postback with an Alpine confirm before any real send) */
.eds-modal-overlay[b-pn0x5n0ek2] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    padding: 20px;
}
.eds-modal[b-pn0x5n0ek2] {
    background: #fff;
    border-radius: 12px;
    width: 100%;
    max-width: 460px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}
.eds-modal-header[b-pn0x5n0ek2] {
    background: #330033;
    color: #fff;
    padding: 16px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.eds-modal-header h3[b-pn0x5n0ek2] {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 9px;
}
.eds-modal-header .eds-inline-icon[b-pn0x5n0ek2] { width: 20px; height: 20px; }
.eds-modal-close[b-pn0x5n0ek2] { cursor: pointer; font-size: 24px; line-height: 1; opacity: 0.85; }
.eds-modal-close:hover[b-pn0x5n0ek2] { opacity: 1; }
.eds-modal-body[b-pn0x5n0ek2] {
    padding: 22px;
    color: #333;
    font-size: 14px;
    line-height: 1.6;
}
.eds-modal-body p[b-pn0x5n0ek2] { margin: 0 0 10px 0; }
.eds-modal-body p:last-child[b-pn0x5n0ek2] { margin-bottom: 0; }
.eds-modal-body strong[b-pn0x5n0ek2] { word-break: break-word; }
.eds-modal-footer[b-pn0x5n0ek2] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 22px;
    border-top: 1px solid #eee;
}

/* Responsive */
@media (max-width: 768px) {
    .eds-button-group[b-pn0x5n0ek2] { flex-direction: column; }
    .eds-btn[b-pn0x5n0ek2] { width: 100%; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EmailExtractor.cshtml.rz.scp.css */
/* Email Extractor — scoped styles (ports admin/EML_EmailExtractor.aspx inline theme).
   Purple (#330033/#4a004a) house palette, matching the other migrated admin pages.
   Font-awesome ::before icons dropped in favour of Lucide <i data-lucide>. */

.eml-root[b-1xk9f458zq] { font-family: 'Segoe UI', Roboto, sans-serif; padding: 20px; color: #2d3748; }
.eml-root *[b-1xk9f458zq] { box-sizing: border-box; }
.eml-container[b-1xk9f458zq] { max-width: 1400px; margin: 0 auto; }

[x-cloak][b-1xk9f458zq] { display: none !important; }

/* Info box */
.eml-info-box[b-1xk9f458zq] {
    background: linear-gradient(135deg, #f0e5ff 0%, #e5d5ff 100%);
    border-left: 4px solid #330033;
    padding: 16px 20px; margin-bottom: 20px; border-radius: 8px;
    box-shadow: 0 2px 4px rgba(51,0,51,0.1);
}
.eml-info-box p[b-1xk9f458zq] { color: #4a004a; margin: 8px 0; line-height: 1.6; font-size: 14px; }
.eml-info-box p:first-child[b-1xk9f458zq] { margin-top: 0; }
.eml-info-box p:last-child[b-1xk9f458zq] { margin-bottom: 0; }

/* Cards */
.eml-card[b-1xk9f458zq] {
    background: #fff; border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08); overflow: hidden; margin-bottom: 30px;
}
.eml-card-header[b-1xk9f458zq] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff;
    padding: 18px 25px; display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.eml-card-header h2[b-1xk9f458zq] {
    margin: 0; font-weight: 600; font-size: 1.4rem; display: flex; align-items: center; gap: 10px;
}
.eml-card-header h2 [data-lucide][b-1xk9f458zq] { width: 22px; height: 22px; }
.eml-card-body[b-1xk9f458zq] { padding: 30px; }
.eml-section-header[b-1xk9f458zq] {
    background: #f9f4ff; padding: 15px 25px; border-bottom: 2px solid #eee;
    font-weight: 600; color: #330033; font-size: 1.1rem; display: flex; align-items: center; gap: 10px;
}
.eml-section-header [data-lucide][b-1xk9f458zq] { width: 20px; height: 20px; }

/* Header button */
.btn-header[b-1xk9f458zq] {
    background: rgba(255,255,255,0.2); color: #fff; border: 1px solid rgba(255,255,255,0.3);
    padding: 8px 14px; border-radius: 6px; cursor: pointer; font-size: 0.9rem;
    transition: all 0.2s; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
}
.btn-header:hover[b-1xk9f458zq] { background: rgba(255,255,255,0.3); }
.btn-header [data-lucide][b-1xk9f458zq] { width: 16px; height: 16px; }

/* Form groups */
.eml-form-group[b-1xk9f458zq] { margin-bottom: 25px; }
.eml-form-group > label[b-1xk9f458zq] {
    display: flex; align-items: center; gap: 8px;
    font-weight: 600; color: #330033; margin-bottom: 8px; font-size: 14px;
}
.eml-form-group > label [data-lucide][b-1xk9f458zq] { width: 16px; height: 16px; }
.eml-help-text[b-1xk9f458zq] { display: block; font-size: 13px; color: #666; margin: 0 0 8px 0; font-style: italic; }

.eml-textarea[b-1xk9f458zq] {
    width: 100%; padding: 12px 15px; border: 2px solid #ddd; border-radius: 6px;
    font-size: 14px; transition: all 0.3s; min-height: 200px;
    font-family: 'Courier New', monospace; resize: vertical;
}
.eml-textarea:focus[b-1xk9f458zq] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }

/* Segment selector */
.eml-segment-selector[b-1xk9f458zq] { border: 2px solid #ddd; border-radius: 6px; background: #fff; margin-top: 8px; }
.eml-segment-filter[b-1xk9f458zq] { padding: 12px; border-bottom: 2px solid #ddd; background: #f9f4ff; }
.eml-segment-filter input[b-1xk9f458zq] {
    width: 100%; padding: 10px 15px; border: 2px solid #330033; border-radius: 6px; font-size: 14px;
}
.eml-segment-filter input:focus[b-1xk9f458zq] { outline: none; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }

.eml-segment-actions[b-1xk9f458zq] {
    padding: 10px 12px; border-bottom: 1px solid #ddd; background: #f8f9fa;
    display: flex; justify-content: space-between; align-items: center;
}
.eml-selected-count[b-1xk9f458zq] { font-size: 13px; color: #330033; font-weight: 600; }
.eml-action-links[b-1xk9f458zq] { display: flex; gap: 12px; }
.eml-action-links a[b-1xk9f458zq] { color: #330033; font-size: 12px; cursor: pointer; text-decoration: underline; }
.eml-action-links a:hover[b-1xk9f458zq] { color: #4a004a; }

.eml-segment-list[b-1xk9f458zq] { max-height: 250px; overflow-y: auto; padding: 12px; }
.eml-segment-item[b-1xk9f458zq] {
    padding: 10px 12px; margin-bottom: 8px; border: 1px solid #ddd; border-radius: 4px; background: #fff;
    cursor: pointer; transition: all 0.2s; display: flex; align-items: center; gap: 10px;
}
.eml-segment-item:hover[b-1xk9f458zq] { background: #f9f4ff; border-color: #330033; }
.eml-segment-item.selected[b-1xk9f458zq] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%); border-color: #330033; color: #fff; font-weight: 600;
}
.eml-segment-item input[type="checkbox"][b-1xk9f458zq] { width: 18px; height: 18px; }
.eml-segment-item label[b-1xk9f458zq] { flex: 1; cursor: pointer; margin: 0; font-size: 14px; }
.eml-segment-item.selected label[b-1xk9f458zq] { color: #fff; }
.eml-no-results[b-1xk9f458zq] { padding: 30px; text-align: center; color: #999; font-style: italic; }

/* Buttons */
.eml-btn[b-1xk9f458zq] {
    padding: 12px 24px; border: none; border-radius: 6px; font-size: 14px; font-weight: 600;
    cursor: pointer; transition: all 0.3s; display: inline-flex; align-items: center; gap: 8px;
    font-family: inherit;
}
.eml-btn [data-lucide][b-1xk9f458zq] { width: 16px; height: 16px; }
.eml-btn:disabled[b-1xk9f458zq] { opacity: 0.6; pointer-events: none; }
.eml-btn-primary[b-1xk9f458zq] { background: #330033; color: #fff; }
.eml-btn-primary:hover[b-1xk9f458zq] { background: #4a004a; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(51,0,51,0.2); }
.eml-btn-secondary[b-1xk9f458zq] { background: #6c757d; color: #fff; }
.eml-btn-secondary:hover[b-1xk9f458zq] { background: #545b62; }
.eml-btn-warning[b-1xk9f458zq] { background: #ffc107; color: #212529; }
.eml-btn-warning:hover[b-1xk9f458zq] { background: #e0a800; }
.eml-btn-danger[b-1xk9f458zq] { background: #dc3545; color: #fff; }
.eml-btn-danger:hover[b-1xk9f458zq] { background: #c82333; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(220,53,69,0.3); }
.eml-btn-success[b-1xk9f458zq] { background: #28a745; color: #fff; }
.eml-btn-success:hover[b-1xk9f458zq] { background: #218838; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(40,167,69,0.3); }
.eml-btn-sm[b-1xk9f458zq] { padding: 6px 12px; font-size: 12px; }

/* Grid */
.eml-table-wrap[b-1xk9f458zq] { overflow-x: auto; }
.eml-grid[b-1xk9f458zq] { width: 100%; border-collapse: collapse; margin-top: 15px; }
.eml-grid th[b-1xk9f458zq] {
    background: #330033; color: #fff; padding: 12px; text-align: left; font-weight: 600;
    font-size: 13px; white-space: nowrap; cursor: pointer; user-select: none;
}
.eml-grid th:last-child[b-1xk9f458zq] { cursor: default; }
.eml-grid th:hover[b-1xk9f458zq] { color: #ffeb3b; }
.eml-grid td[b-1xk9f458zq] { padding: 12px; border-bottom: 1px solid #ddd; font-size: 13px; vertical-align: middle; }
.eml-grid tbody tr:hover[b-1xk9f458zq] { background: #f9f4ff; }
.eml-grid tbody tr:last-child td[b-1xk9f458zq] { border-bottom: none; }
.eml-empty[b-1xk9f458zq] { text-align: center; color: #999; font-style: italic; padding: 30px; }
.eml-actions-cell[b-1xk9f458zq] { white-space: nowrap; }
.eml-actions-cell .eml-btn[b-1xk9f458zq] { margin-right: 6px; }

.eml-link[b-1xk9f458zq] { color: #330033; font-weight: 600; cursor: pointer; text-decoration: underline; transition: color 0.3s; }
.eml-link:hover[b-1xk9f458zq] { color: #4a004a; }
.eml-time[b-1xk9f458zq] { color: #4a5568; white-space: nowrap; }
.eml-stat-badge[b-1xk9f458zq] {
    display: inline-block; background: #e9ecef; padding: 6px 12px; border-radius: 4px;
    font-size: 13px; font-weight: 600; color: #330033;
}

/* Modals */
.eml-modal[b-1xk9f458zq] {
    position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%;
    overflow: auto; background-color: rgba(51,0,51,0.6);
    display: flex; align-items: flex-start; justify-content: center; padding: 3vh 10px;
}
.eml-modal-content[b-1xk9f458zq] {
    background: #fff; border-radius: 12px; width: 85%; max-width: 1200px; max-height: 90vh;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3); display: flex; flex-direction: column; overflow: hidden;
}
.eml-modal-header[b-1xk9f458zq] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff;
    padding: 20px 30px; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0;
}
.eml-modal-header h3[b-1xk9f458zq] { margin: 0; font-size: 1.3rem; display: flex; align-items: center; gap: 8px; }
.eml-modal-header h3 [data-lucide][b-1xk9f458zq] { width: 20px; height: 20px; }
.eml-modal-close[b-1xk9f458zq] {
    color: #fff; font-size: 32px; font-weight: bold; cursor: pointer; background: none; border: none; line-height: 1;
}
.eml-modal-close:hover[b-1xk9f458zq] { color: #ccc; }
.eml-modal-body[b-1xk9f458zq] { padding: 30px; overflow-y: auto; flex: 1; }
.eml-modal-footer[b-1xk9f458zq] {
    background: #f8f9fa; padding: 20px 30px; border-top: 1px solid #dee2e6;
    display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; gap: 12px;
}

.eml-search-box[b-1xk9f458zq] {
    width: 100%; padding: 12px 15px; border: 2px solid #330033; border-radius: 6px;
    font-size: 14px; margin-bottom: 20px;
}
.eml-search-box:focus[b-1xk9f458zq] { outline: none; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }

/* Manage segments modal rows */
.manage-segment-row[b-1xk9f458zq] {
    display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 15px;
    padding: 12px; border-bottom: 1px solid #eee; align-items: center;
}
.manage-segment-row:hover[b-1xk9f458zq] { background: #f9f4ff; }
.manage-segment-row.header[b-1xk9f458zq] { background: #f8f9fa; font-weight: 600; color: #330033; border-bottom: 2px solid #330033; }
.manage-segment-row.header:hover[b-1xk9f458zq] { background: #f8f9fa; }
.manage-segment-row.add-new[b-1xk9f458zq] { background: #f0f8ff; border-top: 2px solid #330033; margin-top: 10px; }
.manage-segment-input[b-1xk9f458zq] {
    padding: 8px 12px; border: 2px solid #ddd; border-radius: 4px; font-size: 14px; width: 100%; transition: all 0.3s;
}
.manage-segment-input:focus[b-1xk9f458zq] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }
.manage-segment-input.editing[b-1xk9f458zq] { background: #fffacd; border-color: #ffc107; }
.segment-info-text[b-1xk9f458zq] { font-size: 13px; color: #666; }

@media (max-width: 768px) {
    .eml-card-body[b-1xk9f458zq] { padding: 18px; }
    .manage-segment-row[b-1xk9f458zq] { grid-template-columns: 1fr; gap: 6px; }
    .eml-modal-content[b-1xk9f458zq] { width: 96%; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EmailNotWorking.cshtml.rz.scp.css */
/* ============================================================
   Email Not Working — Scoped CSS (legacy admin/EmailNotWorking.aspx)
   Colors preserved: header #330033 / white, alternating row #E0C1FF,
   alert red #f44336.
   ============================================================ */

.enw-page[b-mxfqazevwv] {
    width: 100%;
}

.enw-page h2[b-mxfqazevwv] {
    margin: 10px 0;
}

/* Legacy inline error alert (page-load failures only; actions use toasts) */
.enw-alert[b-mxfqazevwv] {
    padding: 20px;
    color: white;
    margin-bottom: 15px;
    background-color: #f44336;
}

.enw-alert-close[b-mxfqazevwv] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.enw-alert-close:hover[b-mxfqazevwv] {
    color: black;
}

.enw-fieldset[b-mxfqazevwv] {
    border: 1px solid #999;
    padding: 8px;
    margin-bottom: 12px;
}

.enw-fieldset legend[b-mxfqazevwv] {
    padding: 0 6px;
}

/* ── Add form ── */
.enw-add-table[b-mxfqazevwv] {
    width: 100%;
}

.enw-add-table td.enw-add-label[b-mxfqazevwv] {
    width: 70px;
}

.enw-add-input[b-mxfqazevwv] {
    padding: 4px 8px;
    border: 1px solid #ccc;
}

.enw-submit-btn[b-mxfqazevwv] {
    margin-top: 6px;
    padding: 4px 14px;
    cursor: pointer;
}

.enw-submit-btn:disabled[b-mxfqazevwv] {
    cursor: default;
    opacity: 0.6;
}

/* ── Grids (legacy GridView styling) ── */
.enw-grid[b-mxfqazevwv] {
    width: 100%;
    border-collapse: collapse;
}

.enw-grid-head th[b-mxfqazevwv] {
    color: white;
    background-color: #330033;
    text-align: justify;
    padding: 4px 6px;
    font-weight: bold;
}

.enw-grid-row td[b-mxfqazevwv] {
    color: black;
    background-color: white;
    text-align: justify;
    padding: 4px 6px;
}

.enw-grid-row-alt td[b-mxfqazevwv] {
    color: black;
    background-color: #E0C1FF;
    text-align: justify;
    padding: 4px 6px;
}

.enw-grid a[b-mxfqazevwv] {
    color: #330033;
}

/* ── Expand / collapse links ── */
.enw-expand-cell[b-mxfqazevwv] {
    width: 24px;
    white-space: nowrap;
}

.enw-expand-link[b-mxfqazevwv] {
    color: #330033;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

/* ── Expanded matches panel ── */
.enw-matches-cell[b-mxfqazevwv] {
    background: white;
    overflow-x: auto;
    padding: 4px 6px;
}

.enw-matches-fieldset[b-mxfqazevwv] {
    margin-bottom: 0;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EmailsOfActive.cshtml.rz.scp.css */
/* ============================================================
   Emails Of Active — Scoped CSS
   Extracted from legacy admin/EmailsofActive.aspx inline <style>
   (.filters strip, event card typography, GridView header
   #330033 / rows #F5ECFF alternating white).
   ============================================================ */

.eoa-page[b-xqmdzz4ncm] {
    width: 100%;
}

.eoa-title[b-xqmdzz4ncm] {
    margin: 10px 0;
}

/* ── Alert banner (same pattern as the legacy .alert / .alert-danger) ── */
.eoa-alert[b-xqmdzz4ncm] {
    position: relative;
    padding: 12px 35px 12px 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.eoa-alert-danger[b-xqmdzz4ncm] {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.eoa-alert-close[b-xqmdzz4ncm] {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    border: none;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: inherit;
    opacity: 0.5;
    cursor: pointer;
}

.eoa-alert-close:hover[b-xqmdzz4ncm] {
    opacity: 1;
}

/* ── Event summary strip (legacy .filters) ── */
.eoa-filters[b-xqmdzz4ncm] {
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.eoa-filters-inner[b-xqmdzz4ncm] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.eoa-date-badge[b-xqmdzz4ncm] {
    padding-right: 16px;
    flex: 0 0 auto;
    text-align: center;
    font-size: .75rem;
    line-height: 1rem;
}

.eoa-date-month[b-xqmdzz4ncm] {
    color: #330033;
    font-size: .75rem;
    line-height: 0.1rem;
    margin: 8px 0;
}

.eoa-date-day[b-xqmdzz4ncm] {
    color: #6f7287;
    font-size: 1.125rem;
    line-height: 0.1rem;
    letter-spacing: .25px;
    margin: 12px 0 8px -0.25px;
    font-weight: 600;
}

.eoa-image-box[b-xqmdzz4ncm] {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 2px;
    flex: 0 0 auto;
    overflow: hidden;
    margin-right: 16px;
    position: relative;
}

.eoa-image[b-xqmdzz4ncm] {
    width: auto;
    height: 100%;
    margin-top: 50%;
    margin-left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: none;
}

.eoa-event-text[b-xqmdzz4ncm] {
    word-break: break-all;
    padding: 0;
    margin: 4px 0;
    flex: 1 1 auto;
}

.eoa-event-name[b-xqmdzz4ncm] {
    font-size: medium;
    line-height: 0.5rem;
    margin: 8px 0;
}

.eoa-event-date[b-xqmdzz4ncm] {
    word-break: break-all;
    font-size: medium;
    line-height: 0.5rem;
    margin: 7px 0 8px 0;
}

.eoa-event-venue[b-xqmdzz4ncm] {
    font-size: medium;
    margin: 8px 0;
    line-height: 1.3;
}

/* ── Email grids (legacy GridView styling) ── */
.eoa-grids[b-xqmdzz4ncm] {
    border-collapse: collapse;
}

.eoa-grid-cell[b-xqmdzz4ncm] {
    vertical-align: top;
    padding-right: 12px;
}

.eoa-grid[b-xqmdzz4ncm] {
    border-collapse: collapse;
}

.eoa-grid th[b-xqmdzz4ncm] {
    background-color: #330033;
    color: white;
    font-weight: bold;
    padding: 4px 10px;
    text-align: left;
}

.eoa-grid td[b-xqmdzz4ncm] {
    padding: 2px 10px;
}

.eoa-row[b-xqmdzz4ncm] {
    background-color: #F5ECFF;
    color: black;
    height: 10px;
}

.eoa-row-alt[b-xqmdzz4ncm] {
    background-color: white;
    color: black;
    height: 10px;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ErrorLogs.cshtml.rz.scp.css */
/* ============================================================
   Error Log Dashboard — Scoped CSS
   Ported faithfully from legacy admin/ErrorLogs.aspx
   (#330033 dark header, filter pills, error-count badges,
   expandable stack trace, location/source badges, copy button).
   CSS isolation scopes these to this page; x-for template rows
   inherit the build-time scope attribute so styling applies.
   ============================================================ */

.el-dashboard[b-g1oa0t4zmx] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: #f5f7fa;
    padding: 20px;
    color: #2d3748;
}

.el-container[b-g1oa0t4zmx] {
    max-width: 1400px;
    margin: 0 auto;
}

.el-header[b-g1oa0t4zmx] {
    margin-bottom: 30px;
}

.el-header h1[b-g1oa0t4zmx] {
    font-size: 28px;
    font-weight: 600;
    color: #1a202c;
    margin-bottom: 8px;
}

.el-header p[b-g1oa0t4zmx] {
    color: #718096;
    font-size: 14px;
}

.el-load-error[b-g1oa0t4zmx] {
    background: #fed7d7;
    color: #c53030;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 13px;
}

/* ── Filter section ── */
.el-filter-section[b-g1oa0t4zmx] {
    background: white;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.el-filter-label[b-g1oa0t4zmx] {
    font-size: 13px;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    font-weight: 500;
    display: block;
}

.el-radio-group[b-g1oa0t4zmx] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.el-radio-pill[b-g1oa0t4zmx] {
    display: inline-block;
    padding: 10px 20px;
    background: #f7fafc;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 14px;
    font-weight: 500;
    color: #4a5568;
    white-space: nowrap;
    min-width: 140px;
    text-align: center;
}

.el-radio-pill:hover[b-g1oa0t4zmx] {
    background: #edf2f7;
    border-color: #cbd5e0;
}

.el-radio-pill input[type="radio"][b-g1oa0t4zmx] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.el-radio-active[b-g1oa0t4zmx] {
    background: #330033;
    color: white;
    border-color: #330033;
}

.el-radio-active:hover[b-g1oa0t4zmx] {
    background: #330033;
    border-color: #330033;
}

/* ── Card ── */
.el-card[b-g1oa0t4zmx] {
    background: white;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.el-card-header[b-g1oa0t4zmx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.el-card-title[b-g1oa0t4zmx] {
    font-size: 18px;
    font-weight: 600;
    color: #1a202c;
}

/* ── Loading ── */
.el-loading[b-g1oa0t4zmx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 30px;
    color: #718096;
    font-size: 14px;
}

.el-spinner[b-g1oa0t4zmx] {
    width: 20px;
    height: 20px;
    border: 3px solid #e2e8f0;
    border-top-color: #330033;
    border-radius: 50%;
    animation: el-spin-b-g1oa0t4zmx 0.8s linear infinite;
}

@keyframes el-spin-b-g1oa0t4zmx {
    to { transform: rotate(360deg); }
}

/* ── Table ── */
.el-table-wrap[b-g1oa0t4zmx] {
    overflow-x: auto;
}

.el-data-table[b-g1oa0t4zmx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    table-layout: fixed;
}

.el-data-table thead[b-g1oa0t4zmx] {
    background: #330033;
}

.el-data-table th[b-g1oa0t4zmx] {
    padding: 12px 8px;
    text-align: left;
    font-weight: 600;
    color: white;
    border-bottom: 2px solid #330033;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.el-data-table th.el-sortable[b-g1oa0t4zmx] {
    cursor: pointer;
    user-select: none;
}

.el-data-table th.el-sortable:hover[b-g1oa0t4zmx] {
    background: #4a004a;
}

.el-data-table td[b-g1oa0t4zmx] {
    padding: 12px 8px;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: top;
}

.el-data-table th:nth-child(1)[b-g1oa0t4zmx], .el-data-table td:nth-child(1)[b-g1oa0t4zmx] { width: 30%; }
.el-data-table th:nth-child(2)[b-g1oa0t4zmx], .el-data-table td:nth-child(2)[b-g1oa0t4zmx] { width: 10%; }
.el-data-table th:nth-child(3)[b-g1oa0t4zmx], .el-data-table td:nth-child(3)[b-g1oa0t4zmx] { width: 12%; }
.el-data-table th:nth-child(4)[b-g1oa0t4zmx], .el-data-table td:nth-child(4)[b-g1oa0t4zmx] { width: 13%; }
.el-data-table th:nth-child(5)[b-g1oa0t4zmx], .el-data-table td:nth-child(5)[b-g1oa0t4zmx] { width: 15%; }
.el-data-table th:nth-child(6)[b-g1oa0t4zmx], .el-data-table td:nth-child(6)[b-g1oa0t4zmx] { width: 10%; }
.el-data-table th:nth-child(7)[b-g1oa0t4zmx], .el-data-table td:nth-child(7)[b-g1oa0t4zmx] { width: 10%; text-align: center; }

.el-data-table tbody tr:hover[b-g1oa0t4zmx] { background: #f7fafc; }
.el-data-table tbody tr:nth-child(even)[b-g1oa0t4zmx] { background: #fafbfc; }
.el-data-table tbody tr:nth-child(even):hover[b-g1oa0t4zmx] { background: #f1f5f9; }

.el-empty[b-g1oa0t4zmx] {
    text-align: center;
    color: #718096;
    padding: 30px;
}

/* ── Error count badge ── */
.el-error-count-badge[b-g1oa0t4zmx] {
    display: inline-block;
    background: #fee;
    color: #c53030;
    padding: 4px 10px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 11px;
    min-width: 30px;
    text-align: center;
}

.el-error-count-badge.high[b-g1oa0t4zmx] {
    background: #c53030;
    color: white;
}

.el-error-count-badge.medium[b-g1oa0t4zmx] {
    background: #ed8936;
    color: white;
}

/* ── Error message cell ── */
.el-error-message-cell[b-g1oa0t4zmx] {
    max-width: 400px;
    word-break: break-word;
}

.el-error-message-text[b-g1oa0t4zmx] {
    color: #c53030;
    font-weight: 500;
    line-height: 1.5;
}

/* ── User reported block ── */
.el-user-reported-message[b-g1oa0t4zmx] {
    background: #fffbeb;
    border-left: 3px solid #f59e0b;
    padding: 10px 12px;
    margin-top: 8px;
    border-radius: 4px;
}

.el-user-reported-label[b-g1oa0t4zmx] {
    font-size: 11px;
    font-weight: 600;
    color: #92400e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.el-user-reported-text[b-g1oa0t4zmx] {
    color: #78350f;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 4px;
}

.el-user-contact-email[b-g1oa0t4zmx] {
    font-size: 11px;
    color: #b45309;
    font-weight: 500;
}

/* ── Date cell ── */
.el-date-cell[b-g1oa0t4zmx] {
    white-space: nowrap;
    color: #4a5568;
    font-size: 12px;
}

.el-date-time[b-g1oa0t4zmx] {
    display: block;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 2px;
}

.el-date-day[b-g1oa0t4zmx] {
    color: #718096;
    font-size: 11px;
}

/* ── Stack trace ── */
.el-stack-trace-toggle[b-g1oa0t4zmx] {
    color: #330033;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background 0.2s;
    text-decoration: underline;
}

.el-stack-trace-toggle:hover[b-g1oa0t4zmx] {
    background: #f7fafc;
}

.el-stack-trace-content[b-g1oa0t4zmx] {
    background: #1a202c;
    color: #e2e8f0;
    padding: 12px;
    border-radius: 6px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 11px;
    line-height: 1.6;
    margin-top: 8px;
    max-height: 300px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-all;
}

/* ── IP cell ── */
.el-ip-cell[b-g1oa0t4zmx] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px;
    color: #2d3748;
}

.el-location-badge[b-g1oa0t4zmx] {
    display: inline-block;
    background: #e6fffa;
    color: #234e52;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    margin-top: 4px;
}

/* ── Page URL ── */
.el-page-url[b-g1oa0t4zmx] {
    font-size: 11px;
    max-width: 250px;
    word-break: break-all;
}

.el-url-link[b-g1oa0t4zmx] {
    color: #330033;
    text-decoration: underline;
}

.el-url-unknown[b-g1oa0t4zmx] {
    color: #a0aec0;
}

/* ── User info ── */
.el-user-info[b-g1oa0t4zmx] {
    max-width: 200px;
}

.el-user-name[b-g1oa0t4zmx] {
    color: #2d3748;
    font-weight: 500;
    font-size: 12px;
    display: block;
    margin-bottom: 4px;
    word-break: break-word;
}

.el-user-admin[b-g1oa0t4zmx] {
    color: #6f42c1;
    font-size: 12px;
    font-weight: 600;
}

.el-user-unknown[b-g1oa0t4zmx] {
    color: #a0aec0;
    font-size: 12px;
}

.el-user-source[b-g1oa0t4zmx] {
    display: inline-block;
    padding: 2px 6px;
    background: #bee3f8;
    color: #2c5282;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.el-user-source.signups[b-g1oa0t4zmx] { background: #c6f6d5; color: #22543d; }
.el-user-source.messages[b-g1oa0t4zmx] { background: #feebc8; color: #7c2d12; }
.el-user-source.signupstrace[b-g1oa0t4zmx] { background: #e9d8fd; color: #44337a; }

/* ── Copy button ── */
.el-copy-btn[b-g1oa0t4zmx] {
    background: #edf2f7;
    border: 1px solid #cbd5e0;
    color: #4a5568;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.el-copy-btn:hover[b-g1oa0t4zmx] {
    background: #e2e8f0;
    border-color: #a0aec0;
}

.el-copy-btn:active[b-g1oa0t4zmx] {
    transform: scale(0.95);
}

.el-copy-btn.el-copied[b-g1oa0t4zmx] {
    background: #c6f6d5;
    color: #22543d;
    border-color: #9ae6b4;
}

/* ── Pagination ── */
.el-pagination-container[b-g1oa0t4zmx] {
    padding: 20px;
    display: flex;
    justify-content: center;
    background: white;
    border-top: 1px solid #e2e8f0;
    border-radius: 0 0 12px 12px;
    margin-top: 8px;
}

.el-pagination[b-g1oa0t4zmx] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.el-pagination button[b-g1oa0t4zmx] {
    padding: 8px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #4a5568;
    background: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s;
    cursor: pointer;
}

.el-pagination button:hover:not(:disabled)[b-g1oa0t4zmx] {
    background: #330033;
    color: white;
    border-color: #330033;
}

.el-pagination button:disabled[b-g1oa0t4zmx] {
    opacity: 0.5;
    cursor: not-allowed;
}

.el-page-current[b-g1oa0t4zmx] {
    padding: 8px 12px;
    color: #330033;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .el-radio-group[b-g1oa0t4zmx] {
        flex-direction: column;
    }

    .el-radio-pill[b-g1oa0t4zmx] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ErrorMessagesFromUsers.cshtml.rz.scp.css */
/* ============================================================
   Error Messages From Users — Scoped CSS
   Ported from legacy admin/ErrorMessagesFromUsers.aspx
   (#330033/#4a004a gradient header, #6f42c1 purple accents,
   modal, table, pagination). CSS isolation scopes these class
   names to this page; the x-for template rows inherit the
   build-time scope attribute so styling applies to them too.
   ============================================================ */

.emu-page[b-h6l3127vl3] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1400px;
    margin: 0 auto;
}

/* ── Card header ── */
.emu-card-header[b-h6l3127vl3] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 20px 25px;
    border-radius: 8px 8px 0 0;
}

.emu-card-header h2[b-h6l3127vl3] {
    margin: 0;
    font-weight: 600;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.emu-card-header p[b-h6l3127vl3] {
    margin: 8px 0 0 0;
    opacity: 0.9;
    font-size: 0.95rem;
}

.emu-h-icon[b-h6l3127vl3] {
    width: 24px;
    height: 24px;
}

.emu-inline-icon[b-h6l3127vl3] {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}

/* ── Alert (legacy .alert / .alert-danger) ── */
.emu-alert[b-h6l3127vl3] {
    padding: 16px 20px;
    color: white;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.emu-alert-danger[b-h6l3127vl3] {
    background-color: #f44336;
}

.emu-closebtn[b-h6l3127vl3] {
    color: white;
    font-weight: bold;
    font-size: 22px;
    cursor: pointer;
    opacity: 0.8;
    margin-left: 15px;
}

.emu-closebtn:hover[b-h6l3127vl3] {
    opacity: 1;
}

/* ── Filter bar ── */
.emu-filter-bar[b-h6l3127vl3] {
    padding: 15px 25px;
    background: white;
    border-bottom: 1px solid #eee;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
}

.emu-page-size-selector[b-h6l3127vl3] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.emu-page-size-selector label[b-h6l3127vl3] {
    font-weight: 500;
    color: #330033;
    font-size: 0.9rem;
}

.emu-page-size-selector select[b-h6l3127vl3] {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: white;
    color: #330033;
    font-size: 0.9rem;
    cursor: pointer;
}

.emu-total[b-h6l3127vl3] {
    color: #666;
    font-size: 0.9rem;
}

/* ── Table ── */
.emu-table-container[b-h6l3127vl3] {
    background: white;
    overflow-x: auto;
}

.emu-table[b-h6l3127vl3] {
    width: 100%;
    border-collapse: collapse;
}

.emu-table thead th[b-h6l3127vl3] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 15px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 0.9rem;
}

.emu-table tbody td[b-h6l3127vl3] {
    padding: 14px 12px;
    border-bottom: 1px solid #eee;
    font-size: 0.9rem;
    vertical-align: middle;
}

.emu-table tbody tr[b-h6l3127vl3] {
    transition: background-color 0.2s ease;
}

.emu-table tbody tr:nth-child(even)[b-h6l3127vl3] {
    background-color: #f9f9f9;
}

.emu-table tbody tr:hover[b-h6l3127vl3] {
    background-color: #f0e7ff;
}

/* ── Row number badge ── */
.emu-row-number[b-h6l3127vl3] {
    display: inline-block;
    background: #6f42c1;
    color: white;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 600;
    min-width: 35px;
    text-align: center;
}

/* ── Message cell ── */
.emu-message-cell[b-h6l3127vl3] {
    max-width: 400px;
    white-space: normal;
    line-height: 1.5;
}

/* ── Email link ── */
.emu-email-link[b-h6l3127vl3] {
    color: #6f42c1;
    text-decoration: none;
    transition: color 0.2s;
}

.emu-email-link:hover[b-h6l3127vl3] {
    color: #330033;
    text-decoration: underline;
}

/* ── Date display ── */
.emu-date-display[b-h6l3127vl3] {
    color: #666;
    font-size: 0.85rem;
}

/* ── Location badge ── */
.emu-location-badge[b-h6l3127vl3] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #666;
}

/* ── IP address (click to copy) ── */
.emu-ip-address[b-h6l3127vl3] {
    font-family: 'Courier New', monospace;
    background: #f5f5f5;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-block;
}

.emu-ip-address:hover[b-h6l3127vl3] {
    background: #e0e0e0;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.emu-ip-address:active[b-h6l3127vl3] {
    transform: translateY(0);
}

/* ── Buttons ── */
.emu-btn[b-h6l3127vl3] {
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.emu-btn:disabled[b-h6l3127vl3] {
    opacity: 0.6;
    cursor: not-allowed;
}

.emu-btn-delete[b-h6l3127vl3] {
    background: #dc3545;
    color: white;
}

.emu-btn-delete:hover[b-h6l3127vl3] {
    background: #c82333;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
}

.emu-btn-primary[b-h6l3127vl3] {
    background: #330033;
    color: white;
}

.emu-btn-primary:hover[b-h6l3127vl3] {
    background: #4a004a;
    transform: translateY(-1px);
}

.emu-btn-secondary[b-h6l3127vl3] {
    background: #6c757d;
    color: white;
}

.emu-btn-secondary:hover[b-h6l3127vl3] {
    background: #5a6268;
}

/* ── Empty state ── */
.emu-empty-state[b-h6l3127vl3] {
    text-align: center;
    padding: 60px 20px;
    color: #666;
}

.emu-empty-icon[b-h6l3127vl3] {
    width: 64px;
    height: 64px;
    color: #ddd;
    margin-bottom: 20px;
}

.emu-empty-state h3[b-h6l3127vl3] {
    margin: 15px 0 10px;
    color: #333;
}

.emu-empty-state p[b-h6l3127vl3] {
    color: #999;
}

/* ── Pagination ── */
.emu-pagination-container[b-h6l3127vl3] {
    background: #f9f4ff;
    padding: 15px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 0 0 8px 8px;
}

.emu-page-btn[b-h6l3127vl3] {
    padding: 8px 12px;
    border-radius: 6px;
    background: white;
    color: #330033;
    border: 1px solid #ddd;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.emu-page-btn:hover:not(:disabled)[b-h6l3127vl3] {
    background: #330033;
    color: white;
    border-color: #330033;
}

.emu-page-btn:disabled[b-h6l3127vl3] {
    opacity: 0.5;
    cursor: not-allowed;
}

.emu-page-current[b-h6l3127vl3] {
    padding: 8px 12px;
    color: #330033;
    font-weight: 600;
}

/* ── Confirm modal ── */
.emu-modal-overlay[b-h6l3127vl3] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 8%;
    z-index: 10001;
}

.emu-modal-content[b-h6l3127vl3] {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 500px;
    max-width: 90%;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    overflow: hidden;
}

.emu-modal-header[b-h6l3127vl3] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    padding: 15px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.emu-modal-header h3[b-h6l3127vl3] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.emu-modal-close[b-h6l3127vl3] {
    color: white;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    opacity: 0.8;
}

.emu-modal-close:hover[b-h6l3127vl3] {
    opacity: 1;
}

.emu-modal-body[b-h6l3127vl3] {
    padding: 25px;
    background: white;
}

.emu-modal-body p[b-h6l3127vl3] {
    margin: 10px 0;
    color: #666;
    line-height: 1.6;
}

.emu-modal-footer[b-h6l3127vl3] {
    padding: 15px 20px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 768px) {
    .emu-filter-bar[b-h6l3127vl3] {
        flex-direction: column;
        align-items: stretch;
    }

    .emu-table[b-h6l3127vl3] {
        font-size: 0.85rem;
    }

    .emu-table thead th[b-h6l3127vl3],
    .emu-table tbody td[b-h6l3127vl3] {
        padding: 10px 8px;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EthnicSurnames.cshtml.rz.scp.css */
/* ============================================================
   Ethnic Surnames Manager — Scoped CSS
   Ported from legacy admin/ethnicsurnames.aspx (#330033 palette,
   dashed upload box, stat cards, data table, view toggle).
   Font Awesome dropped in favour of Lucide; native confirm()
   replaced by the .es-modal-* confirm dialog. CSS isolation
   scopes these names to this page (x-for template rows inherit
   the build-time scope attribute, so styling applies to them).
   ============================================================ */

.ethnic-container[b-qb9emh2l1s] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1400px;
    margin: 20px auto;
    padding: 20px;
}

/* Lucide icon sizing — applied via classes because lucide.createIcons()
   copies the source <i>'s class + scope attribute onto the generated <svg>
   (but drops data-lucide), so class selectors are the reliable target. */
.ethnic-container svg.lucide[b-qb9emh2l1s] {
    vertical-align: middle;
}

.es-ic[b-qb9emh2l1s] { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }
.es-ic-sm[b-qb9emh2l1s] { width: 15px; height: 15px; display: inline-block; vertical-align: middle; }
.es-ic-lg[b-qb9emh2l1s] { width: 28px; height: 28px; display: inline-block; vertical-align: middle; }
.es-ic-xl[b-qb9emh2l1s] { width: 48px; height: 48px; display: inline-block; vertical-align: middle; }
.es-ic-2xl[b-qb9emh2l1s] { width: 64px; height: 64px; display: inline-block; vertical-align: middle; }

/* ── Header ── */
.ethnic-header[b-qb9emh2l1s] {
    background: #330033;
    color: white;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.ethnic-header h1[b-qb9emh2l1s] {
    margin: 0 0 10px 0;
    font-size: 2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 15px;
}

.ethnic-header p[b-qb9emh2l1s] {
    margin: 0;
    opacity: 0.9;
    font-size: 1rem;
}

/* ── Load error banner ── */
.es-load-error[b-qb9emh2l1s] {
    background: #fee2e2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 15px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* ── Cards ── */
.card[b-qb9emh2l1s] {
    background: white;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.card-title[b-qb9emh2l1s] {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.result-count[b-qb9emh2l1s] {
    margin-left: auto;
    font-size: 0.9rem;
    font-weight: normal;
    color: #666;
}

/* ── Upload section ── */
.upload-section[b-qb9emh2l1s] {
    background: #f5f5f5;
    border: 2px dashed #330033;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    transition: all 0.3s;
}

.upload-section:hover[b-qb9emh2l1s] {
    border-color: #4a004a;
    background: #f0f0f0;
}

.upload-section h3[b-qb9emh2l1s] {
    margin: 0 0 10px 0;
    color: #333;
}

.upload-icon[b-qb9emh2l1s] {
    color: #330033;
    margin-bottom: 15px;
}

.upload-hint[b-qb9emh2l1s] {
    color: #666;
    margin-bottom: 20px;
}

.es-file-input[b-qb9emh2l1s] {
    max-width: 400px;
    margin: 0 auto 15px;
}

/* ── Form controls ── */
.form-group[b-qb9emh2l1s] {
    margin-bottom: 20px;
}

.form-label[b-qb9emh2l1s] {
    display: block;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    font-size: 0.95rem;
}

.form-control[b-qb9emh2l1s] {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s;
    box-sizing: border-box;
}

.form-control:focus[b-qb9emh2l1s] {
    outline: none;
    border-color: #330033;
    box-shadow: 0 0 0 3px rgba(51, 0, 51, 0.1);
}

/* ── Buttons ── */
.btn[b-qb9emh2l1s] {
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn:disabled[b-qb9emh2l1s] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary[b-qb9emh2l1s] {
    background: #330033;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-qb9emh2l1s] {
    background: #4a004a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(51, 0, 51, 0.3);
}

.btn-success[b-qb9emh2l1s] {
    background: #10b981;
    color: white;
}

.btn-success:hover:not(:disabled)[b-qb9emh2l1s] {
    background: #059669;
}

.btn-secondary[b-qb9emh2l1s] {
    background: #6c757d;
    color: white;
}

.btn-secondary:hover:not(:disabled)[b-qb9emh2l1s] {
    background: #5a6268;
}

.btn-danger[b-qb9emh2l1s] {
    background: #ef4444;
    color: white;
    padding: 8px 16px;
    font-size: 0.9rem;
}

.btn-danger:hover:not(:disabled)[b-qb9emh2l1s] {
    background: #dc2626;
}

/* ── Filter grid ── */
.filter-section[b-qb9emh2l1s] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    gap: 15px;
    align-items: end;
}

/* ── View toggle ── */
.view-toggle[b-qb9emh2l1s] {
    display: flex;
    gap: 10px;
}

.toggle-btn[b-qb9emh2l1s] {
    flex: 1;
    padding: 12px;
    border: 2px solid #ddd;
    background: white;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #333;
}

.toggle-btn.active[b-qb9emh2l1s] {
    background: #330033;
    color: white;
    border-color: #330033;
}

/* ── Stats ── */
.stats-grid[b-qb9emh2l1s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 25px;
}

.stat-card[b-qb9emh2l1s] {
    background: #330033;
    color: white;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}

.stat-value[b-qb9emh2l1s] {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 5px;
}

.stat-label[b-qb9emh2l1s] {
    font-size: 0.9rem;
    opacity: 0.9;
}

/* ── Data table ── */
.table-wrap[b-qb9emh2l1s] {
    overflow-x: auto;
}

.data-table[b-qb9emh2l1s] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.data-table thead[b-qb9emh2l1s] {
    background: #330033;
    color: white;
}

.data-table th[b-qb9emh2l1s] {
    padding: 15px;
    text-align: left;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.data-table th.num-col[b-qb9emh2l1s] {
    width: 60px;
    text-align: center;
}

.data-table th.action-col[b-qb9emh2l1s] {
    text-align: center;
}

.data-table td[b-qb9emh2l1s] {
    padding: 15px;
    border-bottom: 1px solid #eee;
}

.data-table td.num-col[b-qb9emh2l1s] {
    text-align: center;
    font-weight: 600;
    color: #666;
}

.data-table td.action-col[b-qb9emh2l1s] {
    text-align: center;
}

.data-table tbody tr[b-qb9emh2l1s] {
    transition: all 0.2s;
}

.data-table tbody tr:hover[b-qb9emh2l1s] {
    background: #f8f9ff;
}

/* ── Badges ── */
.ethnicity-badge[b-qb9emh2l1s] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    background: #f0e5ff;
    color: #330033;
}

.gender-badge[b-qb9emh2l1s] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
}

.gender-male[b-qb9emh2l1s] {
    color: #3b82f6;
}

.gender-female[b-qb9emh2l1s] {
    color: #ec4899;
}

/* ── Empty / loading state ── */
.empty-state[b-qb9emh2l1s] {
    text-align: center;
    padding: 60px 20px;
    color: #666;
}

.empty-state .es-ic-2xl[b-qb9emh2l1s] {
    color: #ddd;
    margin-bottom: 20px;
}

.empty-state h3[b-qb9emh2l1s] {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #333;
}

/* ── Confirm modal ── */
.es-modal-overlay[b-qb9emh2l1s] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 8%;
    z-index: 10001;
}

.es-modal-content[b-qb9emh2l1s] {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 520px;
    max-width: 90%;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.es-modal-header[b-qb9emh2l1s] {
    background: #330033;
    padding: 15px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.es-modal-header h3[b-qb9emh2l1s] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.es-modal-close[b-qb9emh2l1s] {
    color: white;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    opacity: 0.8;
    line-height: 1;
}

.es-modal-close:hover[b-qb9emh2l1s] {
    opacity: 1;
}

.es-modal-body[b-qb9emh2l1s] {
    padding: 25px;
    background: white;
}

.es-modal-body p[b-qb9emh2l1s] {
    margin: 10px 0;
    color: #444;
    line-height: 1.6;
}

.es-modal-footer[b-qb9emh2l1s] {
    padding: 15px 20px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 768px) {
    .filter-section[b-qb9emh2l1s] {
        grid-template-columns: 1fr;
    }

    .ethnic-header h1[b-qb9emh2l1s] {
        font-size: 1.5rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventbriteCategories.cshtml.rz.scp.css */
/* Ported from legacy admin/EventbriteCategories.aspx inline styles (the subset used
   by this grid). Scoped to the page via ASP.NET Core CSS isolation. */

.container[b-b6ucyfbek6] {
    max-width: 1200px;
    margin: 0 auto;
}

header[b-b6ucyfbek6] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

h1[b-b6ucyfbek6] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.description[b-b6ucyfbek6] {
    font-size: 1.1rem;
    opacity: 0.9;
    margin-bottom: 15px;
}

.card[b-b6ucyfbek6] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin-bottom: 25px;
}

.card:hover[b-b6ucyfbek6] {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.card-header[b-b6ucyfbek6] {
    padding: 15px 20px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-header h2[b-b6ucyfbek6] {
    margin: 0;
    font-weight: 500;
    font-size: 1.4rem;
}

.card-body[b-b6ucyfbek6] {
    padding: 20px;
}

.btn[b-b6ucyfbek6] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 6px;
    user-select: none;
    transition: all 0.2s ease;
}

.btn-primary[b-b6ucyfbek6] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
}

.btn-primary:hover[b-b6ucyfbek6] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}

.btn-primary:disabled[b-b6ucyfbek6] {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
}

.categories-table[b-b6ucyfbek6] {
    width: 100%;
    border-collapse: collapse;
}

.categories-table th[b-b6ucyfbek6] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    padding: 15px 12px;
    text-align: left;
    font-weight: 600;
}

.categories-table td[b-b6ucyfbek6] {
    padding: 14px 12px;
    border-bottom: 1px solid #eaeaea;
}

.categories-table tr:nth-child(even)[b-b6ucyfbek6] {
    background-color: #f9f9f9;
}

.categories-table tr:hover[b-b6ucyfbek6] {
    background-color: #f1f1f1;
}

.categories-table tr:last-child td[b-b6ucyfbek6] {
    border-bottom: none;
}

.empty-data[b-b6ucyfbek6] {
    text-align: center;
    padding: 30px;
    color: #6c757d;
    font-style: italic;
}

@media (max-width: 768px) {
    h1[b-b6ucyfbek6] {
        flex-direction: column;
        gap: 10px;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventbriteDiscount.cshtml.rz.scp.css */
/* ============================================================
   Eventbrite Discount Codes — Scoped CSS
   Ported from admin/EventbriteDiscount.aspx inline styles
   (purple house palette #330033 / #663399). Font-Awesome dropped
   for Lucide <svg>, jQuery-UI/numberselector dropped for a plain
   styled <select>. The copy tooltip is a STATIC element in the
   page (not created via JS) so this scoped CSS reaches it.
   ============================================================ */

.container[b-n8u0rmlelp] {
    max-width: 1200px;
    margin: 0 auto;
}

header[b-n8u0rmlelp] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: #330033;
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

h1[b-n8u0rmlelp] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

h1 svg[b-n8u0rmlelp] {
    width: 34px;
    height: 34px;
}

.description[b-n8u0rmlelp] {
    font-size: 1.1rem;
    opacity: 0.9;
    margin-bottom: 0;
}

/* ── Alerts (legacy statusPageDiv) ── */
.alert[b-n8u0rmlelp] {
    padding: 16px 20px;
    color: white;
    margin-bottom: 20px;
    border-radius: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.alert-danger[b-n8u0rmlelp] {
    background-color: #f44336;
}

.alert-success[b-n8u0rmlelp] {
    background-color: #04AA6D;
}

.closebtn[b-n8u0rmlelp] {
    color: white;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.8;
    background: none;
    border: none;
}

.closebtn:hover[b-n8u0rmlelp] {
    opacity: 1;
}

/* ── Toolbar ── */
.filters[b-n8u0rmlelp] {
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

/* ── Buttons ── */
.btn[b-n8u0rmlelp] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 6px;
    user-select: none;
    transition: all 0.2s ease;
    text-decoration: none;
    color: #333;
    background: none;
}

.btn-primary[b-n8u0rmlelp] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
}

.btn-primary:hover[b-n8u0rmlelp] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}

.btn-primary:disabled[b-n8u0rmlelp] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-secondary[b-n8u0rmlelp] {
    background: #fff;
    color: #663399;
    border: 1px solid #663399;
}

.btn-secondary:hover[b-n8u0rmlelp] {
    background: #f5eefc;
}

.btn-danger[b-n8u0rmlelp] {
    background: #f44336;
    color: white;
}

.btn-danger:hover[b-n8u0rmlelp] {
    background: #d32f2f;
}

.btn-danger:disabled[b-n8u0rmlelp] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Row action buttons (legacy LinkButton CssClass="btn") */
.btn-row[b-n8u0rmlelp] {
    color: #663399;
    padding: 6px 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 14px;
}

.btn-row:hover[b-n8u0rmlelp] {
    text-decoration: underline;
}

.btn-row svg[b-n8u0rmlelp] {
    width: 15px;
    height: 15px;
}

.actions-cell[b-n8u0rmlelp] {
    white-space: nowrap;
}

/* ── Card ── */
.card[b-n8u0rmlelp] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin-bottom: 25px;
}

.card:hover[b-n8u0rmlelp] {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.card-header[b-n8u0rmlelp] {
    padding: 15px 20px;
    background: #330033;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-header h2[b-n8u0rmlelp] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 500;
}

.card-body[b-n8u0rmlelp] {
    padding: 20px;
}

/* ── Grid (legacy .categories-table) ── */
.categories-table[b-n8u0rmlelp] {
    width: 100%;
    border-collapse: collapse;
}

.categories-table th[b-n8u0rmlelp] {
    background: #330033;
    color: white;
    padding: 15px 12px;
    text-align: left;
    font-weight: 600;
}

.categories-table td[b-n8u0rmlelp] {
    padding: 14px 12px;
    border-bottom: 1px solid #eaeaea;
}

.categories-table tbody tr:nth-child(even)[b-n8u0rmlelp] {
    background-color: #f9f9f9;
}

.categories-table tbody tr:hover[b-n8u0rmlelp] {
    background-color: #f1f1f1;
}

.categories-table tbody tr:last-child td[b-n8u0rmlelp] {
    border-bottom: none;
}

.code-link[b-n8u0rmlelp] {
    color: #663399;
    text-decoration: underline;
    cursor: pointer;
}

.empty-data[b-n8u0rmlelp] {
    text-align: center;
    padding: 30px;
    color: #6c757d;
    font-style: italic;
}

.empty-icon[b-n8u0rmlelp] {
    width: 48px;
    height: 48px;
    margin-bottom: 15px;
}

/* ── Form ── */
.form-group[b-n8u0rmlelp] {
    margin-bottom: 20px;
}

.form-group label[b-n8u0rmlelp] {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #444;
}

.form-control[b-n8u0rmlelp] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
    box-sizing: border-box;
}

.form-control:focus[b-n8u0rmlelp] {
    outline: none;
    border-color: #6a11cb;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.2);
}

.field-error[b-n8u0rmlelp] {
    display: block;
    color: #f44336;
    margin-top: 6px;
    font-size: 0.9rem;
}

.radio-group[b-n8u0rmlelp] {
    margin-bottom: 15px;
}

.radio-label[b-n8u0rmlelp] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
    font-weight: 400 !important;
    color: inherit !important;
}

.radio-label input[type="radio"][b-n8u0rmlelp] {
    margin-right: 10px;
}

.radio-description[b-n8u0rmlelp] {
    font-size: 0.9rem;
    color: #64748b;
    margin-left: 28px;
    margin-top: 4px;
    margin-bottom: 10px;
}

.quantity-input[b-n8u0rmlelp] {
    margin-top: 10px;
    width: 200px;
}

.datetime-input[b-n8u0rmlelp] {
    margin-top: 10px;
    width: 280px;
}

/* ── Discount amount + type (legacy jQuery numberselector replaced) ── */
.discount-input-group[b-n8u0rmlelp] {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background: white;
}

.discount-amount[b-n8u0rmlelp] {
    flex: 1;
    border: none;
    padding: 12px;
    font-size: 1rem;
}

.discount-amount:focus[b-n8u0rmlelp] {
    outline: none;
}

.discount-type[b-n8u0rmlelp] {
    width: 140px;
    border: none;
    border-left: 1px solid #ddd;
    padding: 12px;
    background: #f8f9fa;
    font-size: 1rem;
}

/* ── Accordion / events picker ── */
.accordion[b-n8u0rmlelp] {
    margin-top: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}

.accordion-header[b-n8u0rmlelp] {
    padding: 15px;
    background: #f8f9fa;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

.acc-chevron[b-n8u0rmlelp] {
    display: inline-flex;
    transition: transform 0.2s ease;
}

.acc-chevron.open[b-n8u0rmlelp] {
    transform: rotate(180deg);
}

.acc-chevron svg[b-n8u0rmlelp] {
    width: 18px;
    height: 18px;
}

.accordion-content[b-n8u0rmlelp] {
    padding: 15px;
    border-top: 1px solid #ddd;
    background: white;
}

.events-loading[b-n8u0rmlelp] {
    text-align: center;
    color: #999;
    padding: 20px;
}

.event-card[b-n8u0rmlelp] {
    border: 1px solid #eaeaea;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
}

.event-header[b-n8u0rmlelp] {
    padding: 15px;
    background: #f8f9fa;
    display: flex;
    align-items: center;
}

.event-name[b-n8u0rmlelp] {
    margin-left: 10px;
    font-weight: 600;
}

.event-date[b-n8u0rmlelp] {
    margin-left: auto;
}

.event-body[b-n8u0rmlelp] {
    padding: 15px;
}

.ticket-item[b-n8u0rmlelp] {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
}

.ticket-item:last-child[b-n8u0rmlelp] {
    border-bottom: none;
}

.ticket-info[b-n8u0rmlelp] {
    margin-left: 10px;
}

.ticket-date[b-n8u0rmlelp] {
    font-size: 0.9rem;
    color: #64748b;
}

/* ── Pagination (legacy pager classes kept: current page = disabled) ── */
.pagination[b-n8u0rmlelp] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 5px;
    flex-wrap: wrap;
}

.page-item[b-n8u0rmlelp] {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #663399;
}

.page-disabled[b-n8u0rmlelp] {
    color: #6c757d;
    cursor: not-allowed;
}

/* ── Action buttons row ── */
.action-buttons[b-n8u0rmlelp] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 20px;
}

/* ── Copy tooltip ── */
.copy-tooltip[b-n8u0rmlelp] {
    position: fixed;
    background-color: #04AA6D;
    color: white;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.copy-tooltip.show[b-n8u0rmlelp] {
    opacity: 1;
}

/* ── Modals (house pattern from EventbriteSettings) ── */
.modal-overlay[b-n8u0rmlelp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-container[b-n8u0rmlelp] {
    background: white;
    border-radius: 12px;
    width: 90%;
    max-width: 520px;
    max-height: 85vh;
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    animation: modalIn-b-n8u0rmlelp 0.25s ease;
}

@keyframes modalIn-b-n8u0rmlelp {
    from {
        transform: translateY(-30px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-header[b-n8u0rmlelp] {
    background: #330033;
    color: white;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px 12px 0 0;
}

.modal-header h3[b-n8u0rmlelp] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

.modal-header svg[b-n8u0rmlelp] {
    width: 18px;
    height: 18px;
}

.modal-close[b-n8u0rmlelp] {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    opacity: 0.8;
    display: inline-flex;
}

.modal-close:hover[b-n8u0rmlelp] {
    opacity: 1;
}

.modal-body[b-n8u0rmlelp] {
    padding: 20px;
}

.modal-warning[b-n8u0rmlelp] {
    background: #fff8e1;
    border: 1px solid #ffe082;
    color: #7a5b00;
    border-radius: 8px;
    padding: 12px 14px;
    margin: 0 0 15px 0;
    font-size: 0.95rem;
}

.summary-table[b-n8u0rmlelp] {
    width: 100%;
    border-collapse: collapse;
}

.summary-table td[b-n8u0rmlelp] {
    padding: 7px 8px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: top;
}

.summary-table td:first-child[b-n8u0rmlelp] {
    color: #64748b;
    white-space: nowrap;
    width: 110px;
}

.modal-footer[b-n8u0rmlelp] {
    padding: 15px 20px;
    border-top: 1px solid #e5e5e5;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* ── Responsive (legacy media block) ── */
@media (max-width: 768px) {
    .filters[b-n8u0rmlelp] {
        flex-direction: column;
        gap: 10px;
    }

    h1[b-n8u0rmlelp] {
        flex-direction: column;
        gap: 10px;
    }

    .discount-input-group[b-n8u0rmlelp] {
        flex-direction: column;
    }

    .discount-type[b-n8u0rmlelp] {
        width: 100%;
        border-left: none;
        border-top: 1px solid #ddd;
    }

    .quantity-input[b-n8u0rmlelp],
    .datetime-input[b-n8u0rmlelp] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventbriteDownloadAttendees.cshtml.rz.scp.css */
/* EventbriteDownloadAttendees — scoped styles, ported from the legacy inline <style>
   in admin/EventbriteDownloadAttendees.aspx (GridView skin → plain table). */

.page-wrapper[b-jj22m8devn] {
    max-width: 1800px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}

.page-wrapper *[b-jj22m8devn] {
    box-sizing: border-box;
}

.page-header[b-jj22m8devn] {
    background: linear-gradient(135deg, #330033 0%, #6F42C1 100%);
    color: #fff;
    padding: 30px 40px;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
}

.page-header h1[b-jj22m8devn] {
    margin: 0 0 10px 0;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
}

.page-header p[b-jj22m8devn] {
    margin: 0;
    font-size: 1rem;
    opacity: .9;
}

/* ── Action bar ────────────────────────────────────────────────────────── */

.action-bar[b-jj22m8devn] {
    background: #fff;
    padding: 20px 30px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
}

.action-info[b-jj22m8devn] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.action-buttons[b-jj22m8devn] {
    display: flex;
    gap: 10px;
}

.btn[b-jj22m8devn] {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-primary[b-jj22m8devn] {
    background: #6F42C1;
    color: #fff;
}

.btn-primary:hover[b-jj22m8devn] {
    background: #5a32a3;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(111, 66, 193, .3);
}

.btn-secondary[b-jj22m8devn] {
    background: #6C757D;
    color: #fff;
}

.btn-secondary:hover[b-jj22m8devn] {
    background: #5a6268;
}

.btn-success[b-jj22m8devn] {
    background: #28A745;
    color: #fff;
}

.btn-success:hover[b-jj22m8devn] {
    background: #218838;
}

.btn-danger[b-jj22m8devn] {
    background: #DC3545;
    color: #fff;
}

.btn-danger:hover[b-jj22m8devn] {
    background: #c82333;
}

.btn:disabled[b-jj22m8devn] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.badge[b-jj22m8devn] {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: .75rem;
    font-weight: 600;
    background: #28A745;
    color: #fff;
    transition: all .3s;
}

.badge.checking[b-jj22m8devn] {
    background: #6c757d;
}

.badge.disconnected[b-jj22m8devn] {
    background: #DC3545;
}

/* ── Progress section ──────────────────────────────────────────────────── */

.progress-section[b-jj22m8devn] {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
}

.progress-section.active[b-jj22m8devn] {
    display: block;
}

.progress-header[b-jj22m8devn] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.loading-spinner[b-jj22m8devn] {
    width: 30px;
    height: 30px;
    border: 3px solid #E0C1FF;
    border-top-color: #6F42C1;
    border-radius: 50%;
    animation: eb-spin-b-jj22m8devn 1s linear infinite;
    flex-shrink: 0;
}

@keyframes eb-spin-b-jj22m8devn {
    to {
        transform: rotate(360deg);
    }
}

.progress-info[b-jj22m8devn] {
    flex: 1;
}

.progress-info h3[b-jj22m8devn] {
    margin: 0 0 5px 0;
    color: #2C3E50;
    font-size: 1.1rem;
}

.progress-info p[b-jj22m8devn] {
    margin: 0;
    color: #6C757D;
    font-size: .9rem;
}

.progress-bar-container[b-jj22m8devn] {
    width: 100%;
    height: 20px;
    background: #F8F9FA;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

.progress-bar[b-jj22m8devn] {
    height: 100%;
    background: linear-gradient(90deg, #6F42C1, #330033);
    transition: width .3s ease;
    border-radius: 10px;
    width: 0%;
    position: relative;
}

.progress-bar[b-jj22m8devn]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
    animation: eb-progress-b-jj22m8devn 1s linear infinite;
}

@keyframes eb-progress-b-jj22m8devn {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(1rem);
    }
}

.progress-text[b-jj22m8devn] {
    text-align: center;
    font-size: .9rem;
    color: #6C757D;
    font-weight: 600;
}

/* ── Filters ───────────────────────────────────────────────────────────── */

.filter-section[b-jj22m8devn] {
    background: #fff;
    padding: 20px 30px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
}

.filter-row[b-jj22m8devn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 15px;
}

.filter-group[b-jj22m8devn] {
    display: flex;
    flex-direction: column;
}

.filter-group label[b-jj22m8devn] {
    font-size: .85rem;
    font-weight: 600;
    color: #2C3E50;
    margin-bottom: 5px;
}

.filter-input[b-jj22m8devn],
.filter-select[b-jj22m8devn] {
    padding: 8px 12px;
    border: 2px solid #DEE2E6;
    border-radius: 6px;
    font-size: .9rem;
    transition: all .2s;
}

.filter-input:focus[b-jj22m8devn],
.filter-select:focus[b-jj22m8devn] {
    outline: none;
    border-color: #6F42C1;
    box-shadow: 0 0 0 3px rgba(111, 66, 193, .1);
}

.filter-results[b-jj22m8devn] {
    padding: 10px 0;
    font-size: .9rem;
    color: #6C757D;
    font-weight: 600;
}

/* ── Grid ──────────────────────────────────────────────────────────────── */

.grid-section[b-jj22m8devn] {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
}

.grid-header[b-jj22m8devn] {
    padding: 20px 30px;
    border-bottom: 1px solid #DEE2E6;
}

.grid-header-title[b-jj22m8devn] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.grid-header-title svg[b-jj22m8devn] {
    width: 18px;
    height: 18px;
}

.grid-badge[b-jj22m8devn] {
    background: #E0C1FF;
    color: #330033;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: .875rem;
    font-weight: 600;
}

.table-wrapper[b-jj22m8devn] {
    background: #fff;
    overflow-x: auto;
}

.loading-row[b-jj22m8devn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
    color: #6C757D;
    font-weight: 600;
}

.attendee-grid[b-jj22m8devn] {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
}

.attendee-grid th[b-jj22m8devn] {
    background-color: #330033;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding: 12px 10px;
    white-space: nowrap;
    vertical-align: middle;
    height: 45px;
    line-height: 1.2;
}

.attendee-grid th.sortable[b-jj22m8devn] {
    cursor: pointer;
    user-select: none;
}

.attendee-grid th.sortable:hover[b-jj22m8devn] {
    color: #E0C1FF;
    text-decoration: underline;
}

.sort-arrow[b-jj22m8devn] {
    font-size: .7rem;
    margin-left: 4px;
}

.attendee-grid td[b-jj22m8devn] {
    vertical-align: middle;
    text-align: left;
    padding: 12px 10px;
    white-space: normal;
    background-color: #fff;
    border-bottom: 1px solid #e1e4e8;
    color: #000;
}

.attendee-grid tbody tr:nth-child(even) td[b-jj22m8devn] {
    background-color: #E0C1FF;
}

.venue-name[b-jj22m8devn] {
    font-weight: bold;
}

.venue-location[b-jj22m8devn] {
    font-size: 0.85em;
    color: #666;
}

.attending[b-jj22m8devn] {
    background-color: #28A745;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: .85rem;
    font-weight: 600;
    display: inline-block;
}

.not-attending[b-jj22m8devn] {
    background-color: #DC3545;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: .85rem;
    font-weight: 600;
    display: inline-block;
}

/* ── Empty state ───────────────────────────────────────────────────────── */

.empty-state[b-jj22m8devn] {
    text-align: center;
    padding: 60px 20px;
}

.empty-state-icon[b-jj22m8devn] {
    font-size: 4rem;
    margin-bottom: 20px;
    opacity: .5;
}

.empty-state h3[b-jj22m8devn] {
    color: #2C3E50;
    margin-bottom: 10px;
}

.empty-state p[b-jj22m8devn] {
    color: #6C757D;
    margin-bottom: 20px;
}

.empty-state .btn[b-jj22m8devn] {
    margin: 0 auto;
}

/* ── Confirm modal ─────────────────────────────────────────────────────── */

.modal-overlay[b-jj22m8devn] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 100px;
}

.modal-card[b-jj22m8devn] {
    background: #fff;
    border-radius: 12px;
    max-width: 520px;
    width: 90%;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .2);
    overflow: hidden;
}

.modal-card-header[b-jj22m8devn] {
    background: linear-gradient(135deg, #330033 0%, #6F42C1 100%);
    color: white;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-card-header h3[b-jj22m8devn] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
}

.modal-card-header svg[b-jj22m8devn] {
    width: 18px;
    height: 18px;
}

.modal-close[b-jj22m8devn] {
    font-size: 22px;
    font-weight: 700;
    color: rgba(255, 255, 255, .7);
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1;
}

.modal-close:hover[b-jj22m8devn] {
    color: white;
}

.modal-card-body[b-jj22m8devn] {
    padding: 20px;
    color: #2C3E50;
    font-size: .95rem;
}

.modal-card-body p[b-jj22m8devn] {
    margin: 0 0 12px 0;
}

.modal-card-footer[b-jj22m8devn] {
    padding: 14px 20px;
    border-top: 1px solid #e5e5e5;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

[x-cloak][b-jj22m8devn] {
    display: none !important;
}

/* ── Responsive ────────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
    .filter-row[b-jj22m8devn] {
        grid-template-columns: repeat(2, 1fr);
    }

    .action-bar[b-jj22m8devn] {
        flex-direction: column;
        gap: 15px;
    }

    .action-buttons[b-jj22m8devn] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .filter-row[b-jj22m8devn] {
        grid-template-columns: 1fr;
    }

    .page-header h1[b-jj22m8devn] {
        font-size: 1.5rem;
    }

    .btn[b-jj22m8devn] {
        font-size: .8rem;
        padding: 8px 15px;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventbriteEventCategoryTemplates.cshtml.rz.scp.css */
/* ── Account tab strip (multi-account selector, V4) ──────────────────────
   Ported from the legacy EventbriteEventCategoryTemplates.aspx strip: one tab
   per configured Eventbrite account, active tab = the page-scoped account.
   Colors follow the page's existing purple (#663399) theme. */

.account-tabs-wrapper[b-8fv51gmlep] {
    margin-bottom: 15px;
}

.account-tabs-strip[b-8fv51gmlep] {
    display: flex;
    gap: 4px;
    border-bottom: 2px solid #663399;
    flex-wrap: wrap;
}

.account-tab[b-8fv51gmlep] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: #f0f0f0;
    border: 1px solid #d0d0d0;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    color: #495057;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.2s ease;
}

.account-tab:hover[b-8fv51gmlep] {
    background: #e8e0f0;
    text-decoration: none;
    color: #495057;
}

.account-tab.active[b-8fv51gmlep],
.account-tab.active:hover[b-8fv51gmlep] {
    background: #663399;
    border-color: #663399;
    color: white;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventbriteEventSync.cshtml.rz.scp.css */
/* ── Supplementary styles (do NOT override inline <style> block) ──────────── */
/* The inline <style> in EventbriteEventSync.cshtml matches the legacy design. */
/* This isolation file only adds rules that supplement, not conflict.          */

/* Spinner animation for refresh buttons */
.refresh-btn.spinning .refresh-icon[b-ocvdz5n4h6] {
    animation: spin-b-ocvdz5n4h6 0.8s linear infinite;
}
@keyframes spin-b-ocvdz5n4h6 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Dropdown form helper */
.dropdown-form[b-ocvdz5n4h6] {
    display: contents;
}

/* ── Account tab strip (V4 multi-account, 2026-05-15) ─────────────────────── */
/* One tab per Eventbrite account. Tab label = switch view (no sync).          */
/* Small refresh icon = mark default + full sync.                              */

.account-tabs-block[b-ocvdz5n4h6] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.account-tabs-strip[b-ocvdz5n4h6] {
    display: flex;
    gap: 4px;
    border-bottom: 2px solid #663399;
    margin-bottom: 5px;
    flex-wrap: wrap;
}
.account-tab[b-ocvdz5n4h6] {
    display: inline-flex;
    align-items: center;
    background: #f0f0f0;
    border: 1px solid #d0d0d0;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    padding: 0;
    margin: 0;
    transition: background 0.2s ease;
}
.account-tab:hover[b-ocvdz5n4h6] {
    background: #e8e0f0;
}
.account-tab.active[b-ocvdz5n4h6] {
    background: #663399;
    border-color: #663399;
}
.account-tab-form[b-ocvdz5n4h6] {
    display: contents;
}
.account-tab-label[b-ocvdz5n4h6] {
    background: none;
    border: none;
    font: inherit;
    font-size: 14px;
    cursor: pointer;
    padding: 8px 12px 8px 14px;
    color: #495057;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}
.account-tab.active .account-tab-label[b-ocvdz5n4h6] {
    color: white;
}
.account-tab-sync[b-ocvdz5n4h6] {
    background: none;
    border: none;
    font: inherit;
    cursor: pointer;
    padding: 8px 12px;
    color: #663399;
    border-left: 1px solid #d0d0d0;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: background 0.2s ease;
}
.account-tab:hover .account-tab-sync[b-ocvdz5n4h6] {
    background: rgba(102, 51, 153, 0.1);
}
.account-tab.active .account-tab-sync[b-ocvdz5n4h6] {
    color: white;
    border-left-color: rgba(255, 255, 255, 0.3);
}
.account-tab.active .account-tab-sync:hover[b-ocvdz5n4h6] {
    background: rgba(255, 255, 255, 0.15);
}

/* ── Event search/filter box (V4) ──────────────────────────────────────────── */

.event-search-wrapper[b-ocvdz5n4h6] {
    position: relative;
    margin: 10px 0 15px 0;
    max-width: 500px;
}
.event-search-icon[b-ocvdz5n4h6] {
    position: absolute;
    left: 14px;
    top: 12px;
    color: #999;
    pointer-events: none;
}
.event-search-input[b-ocvdz5n4h6] {
    width: 100%;
    padding: 10px 70px 10px 38px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.event-search-input:focus[b-ocvdz5n4h6] {
    outline: none;
    border-color: #663399;
    box-shadow: 0 0 0 3px rgba(102, 51, 153, 0.15);
}
.event-search-clear[b-ocvdz5n4h6] {
    position: absolute;
    right: 8px;
    top: 5px;
    background: none;
    border: none;
    font-size: 22px;
    line-height: 1;
    color: #999;
    cursor: pointer;
    padding: 4px 10px;
    border-radius: 4px;
    display: none;
}
.event-search-clear:hover[b-ocvdz5n4h6] {
    background: #f0f0f0;
    color: #333;
}
.event-search-wrapper.has-text .event-search-clear[b-ocvdz5n4h6] {
    display: block;
}
.event-search-count[b-ocvdz5n4h6] {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    color: #663399;
    font-style: italic;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .event-card[b-ocvdz5n4h6], .event-card-unmapped[b-ocvdz5n4h6] { flex-direction: column; }
    .event-details[b-ocvdz5n4h6] { border-right: none; border-bottom: 1px solid #f0f0f0; }
    .organizer-details[b-ocvdz5n4h6] { padding-top: 0; }
    .event-image[b-ocvdz5n4h6] { width: 80px; height: 80px; }
    .eb-filters[b-ocvdz5n4h6] { flex-direction: column; align-items: stretch; }
    .events-selection-container[b-ocvdz5n4h6] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventbriteFormats.cshtml.rz.scp.css */
.container[b-e49cv60a16] {
    max-width: 1200px;
    margin: 0 auto;
}

header[b-e49cv60a16] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

h1[b-e49cv60a16] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.filters-card[b-e49cv60a16] {
    margin-bottom: 25px;
    background: white;
    border-radius: 12px;
    padding: 15px 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-content[b-e49cv60a16] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}

.btn[b-e49cv60a16] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 6px;
    user-select: none;
    transition: all 0.3s ease;
}

.btn-primary[b-e49cv60a16] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-primary:hover[b-e49cv60a16] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}

.btn-primary:disabled[b-e49cv60a16] {
    opacity: 0.65;
    cursor: default;
    transform: none;
}

/* Horizontal Format Cards */
.horizontal-cards-container[b-e49cv60a16] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.horizontal-format-card[b-e49cv60a16] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    height: 70px;
    overflow: hidden;
}

.horizontal-format-card:hover[b-e49cv60a16] {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.horizontal-format-card.dragging[b-e49cv60a16] {
    transform: rotate(2deg);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.card-color-strip[b-e49cv60a16] {
    width: 8px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
}

.card-content[b-e49cv60a16] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    flex-grow: 1;
    gap: 16px;
}

.row-number[b-e49cv60a16] {
    font-weight: 600;
    color: #663399;
    min-width: 18px;
    text-align: center;
}

.format-icon[b-e49cv60a16] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    color: #663399;
}

.format-icon svg[b-e49cv60a16] {
    width: 18px;
    height: 18px;
}

.format-info[b-e49cv60a16] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 20px;
    overflow: hidden;
}

.format-main[b-e49cv60a16] {
    min-width: 200px;
}

.format-name[b-e49cv60a16] {
    font-weight: 600;
    font-size: 16px;
    color: #2d3436;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.format-details[b-e49cv60a16] {
    display: flex;
    gap: 25px;
    align-items: center;
    flex-wrap: wrap;
}

.detail-item[b-e49cv60a16] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #495057;
    white-space: nowrap;
}

.detail-icon[b-e49cv60a16] {
    color: #663399;
    width: 16px;
    height: 16px;
}

.status-indicators[b-e49cv60a16] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.status-icon[b-e49cv60a16] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}

.status-icon svg[b-e49cv60a16] {
    width: 14px;
    height: 14px;
}

.status-default[b-e49cv60a16] {
    color: #FFD700;
    background-color: rgba(255, 215, 0, 0.15);
}

.status-visible[b-e49cv60a16] {
    color: #1565C0;
    background-color: rgba(21, 101, 192, 0.15);
}

.card-actions[b-e49cv60a16] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    border-left: 1px solid #f1f2f6;
}

.action-btn[b-e49cv60a16] {
    color: #6c757d;
    cursor: pointer;
    transition: color 0.3s ease;
    padding: 8px;
    background: none;
    border: none;
    display: inline-flex;
    align-items: center;
}

.action-btn:hover[b-e49cv60a16] {
    color: #663399;
}

.last-sync[b-e49cv60a16] {
    font-size: 12px;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.drag-handle[b-e49cv60a16] {
    cursor: move;
    color: #6c757d;
    padding: 8px;
    border-radius: 4px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drag-handle:hover[b-e49cv60a16] {
    color: #663399;
    background-color: rgba(102, 51, 153, 0.1);
}

.drag-handle svg[b-e49cv60a16] {
    width: 16px;
    height: 16px;
}

.empty-state[b-e49cv60a16] {
    text-align: center;
    padding: 40px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.empty-state svg[b-e49cv60a16] {
    width: 48px;
    height: 48px;
    color: #cbd5e1;
    margin-bottom: 15px;
}

.empty-state p[b-e49cv60a16] {
    color: #64748b;
    font-size: 1.1rem;
}

/* Edit modal */
.modal[b-e49cv60a16] {
    position: fixed;
    z-index: 1000;
    padding-top: 80px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content[b-e49cv60a16] {
    position: relative;
    margin: 0 auto;
    width: 90%;
    max-width: 640px;
    animation-name: animatetop-b-e49cv60a16;
    animation-duration: 0.4s;
}

@keyframes animatetop-b-e49cv60a16 {
    from { top: -300px; opacity: 0; }
    to { top: 0; opacity: 1; }
}

.create-card[b-e49cv60a16] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.card-header[b-e49cv60a16] {
    padding: 24px 30px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
}

.header-content[b-e49cv60a16] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.title-section[b-e49cv60a16] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3436;
}

.title-section svg[b-e49cv60a16] {
    color: #663399;
}

.header-description[b-e49cv60a16] {
    color: #6c757d;
    font-size: 0.95rem;
}

.id-badge[b-e49cv60a16] {
    background: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9rem;
    color: #6c757d;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
}

.id-badge svg[b-e49cv60a16] {
    color: #663399;
    width: 16px;
    height: 16px;
}

.card-body[b-e49cv60a16] {
    padding: 30px;
}

.format-name-display[b-e49cv60a16] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #2d3436;
    margin-bottom: 24px;
}

.format-name-display svg[b-e49cv60a16] {
    color: #663399;
    width: 20px;
    height: 20px;
}

.form-section[b-e49cv60a16] {
    margin-bottom: 8px;
}

.section-title[b-e49cv60a16] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #2d3436;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f2f6;
}

.section-title svg[b-e49cv60a16] {
    color: #663399;
    width: 20px;
    height: 20px;
}

.settings-grid[b-e49cv60a16] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.setting-item[b-e49cv60a16] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.setting-item:hover[b-e49cv60a16] {
    background: #e9ecef;
}

.setting-content[b-e49cv60a16] {
    flex-grow: 1;
}

.setting-label[b-e49cv60a16] {
    display: block;
    font-weight: 500;
    color: #2d3436;
    margin-bottom: 4px;
    cursor: pointer;
}

.setting-description[b-e49cv60a16] {
    font-size: 0.85rem;
    color: #6c757d;
}

.card-footer[b-e49cv60a16] {
    padding: 24px 30px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.action-buttons[b-e49cv60a16] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.btn-cancel[b-e49cv60a16] {
    background: white;
    color: #6c757d;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-cancel:hover[b-e49cv60a16] {
    background: #f8f9fa;
    border-color: #6c757d;
}

/* Responsive */
@media (max-width: 1200px) {
    .format-details[b-e49cv60a16] {
        gap: 15px;
    }

    .detail-item[b-e49cv60a16] {
        font-size: 12px;
    }
}

@media (max-width: 992px) {
    .format-info[b-e49cv60a16] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .format-details[b-e49cv60a16] {
        gap: 10px;
    }
}

@media (max-width: 768px) {
    .horizontal-format-card[b-e49cv60a16] {
        height: auto;
        flex-direction: column;
    }

    .card-content[b-e49cv60a16] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .format-info[b-e49cv60a16] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
    }

    .format-details[b-e49cv60a16] {
        width: 100%;
        justify-content: space-between;
    }

    .card-actions[b-e49cv60a16] {
        border-left: none;
        border-top: 1px solid #f1f2f6;
        width: 100%;
        justify-content: flex-end;
        padding: 10px 16px;
    }

    .header-content[b-e49cv60a16] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .action-buttons[b-e49cv60a16] {
        flex-direction: column;
    }

    .btn-cancel[b-e49cv60a16],
    .btn-primary[b-e49cv60a16] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventbriteOrdersInner.cshtml.rz.scp.css */
/* EventbriteOrdersInner — scoped styles, ported from the legacy inline <style>
   in admin/EventbriteOrdersInner.aspx (Font Awesome icons replaced by Lucide). */

.eventbrite-orders-wrapper[b-sdnk2lkli1] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f5f7fa;
    color: #2c3e50;
    line-height: 1.6;
    font-size: 14px;
    padding: 20px 0;
}

.eventbrite-orders-wrapper *[b-sdnk2lkli1] {
    box-sizing: border-box;
}

.eb-container[b-sdnk2lkli1] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.eb-page-title[b-sdnk2lkli1] {
    font-size: 28px;
    font-weight: 700;
    color: #330033;
    margin: 0 0 24px 0;
    padding-bottom: 12px;
    border-bottom: 3px solid #660099;
}

/* ── Event Header Card ─────────────────────────────────────────────────── */

.eb-event-header[b-sdnk2lkli1] {
    background: #330033;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
    padding: 24px;
    margin-bottom: 24px;
    display: flex;
    gap: 24px;
    color: white;
}

.eb-event-image[b-sdnk2lkli1] {
    width: 140px;
    height: 140px;
    border-radius: 10px;
    object-fit: cover;
    border: 3px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.eb-event-image-empty[b-sdnk2lkli1] {
    background: rgba(255, 255, 255, 0.08);
}

.eb-event-details[b-sdnk2lkli1] {
    flex: 1;
}

.eb-event-title[b-sdnk2lkli1] {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 12px 0;
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.eb-event-info[b-sdnk2lkli1] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 16px;
}

.eb-event-detail[b-sdnk2lkli1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.95);
}

.eb-event-detail svg[b-sdnk2lkli1] {
    width: 14px;
    height: 14px;
    color: #fbbf24;
    flex-shrink: 0;
}

.eb-event-stats[b-sdnk2lkli1] {
    display: flex;
    gap: 32px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.eb-stat[b-sdnk2lkli1] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.eb-stat-value[b-sdnk2lkli1] {
    font-size: 28px;
    font-weight: 700;
    color: #fbbf24;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.eb-stat-label[b-sdnk2lkli1] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.eb-stat-label-unmapped[b-sdnk2lkli1] {
    margin-top: auto;
}

/* ── Alert Messages ────────────────────────────────────────────────────── */

.eb-alert[b-sdnk2lkli1] {
    padding: 16px 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    position: relative;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 12px;
}

.eb-alert svg[b-sdnk2lkli1] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.eb-alert-danger[b-sdnk2lkli1] {
    background-color: #fee2e2;
    color: #991b1b;
    border-left: 4px solid #dc2626;
}

.eb-alert-success[b-sdnk2lkli1] {
    background-color: #d1fae5;
    color: #065f46;
    border-left: 4px solid #10b981;
}

.eb-closebtn[b-sdnk2lkli1] {
    margin-left: auto;
    color: inherit;
    font-weight: bold;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.eb-closebtn:hover[b-sdnk2lkli1] {
    opacity: 1;
}

/* ── Filters Bar ───────────────────────────────────────────────────────── */

.eb-filters[b-sdnk2lkli1] {
    background-color: #ffffff;
    padding: 16px 20px;
    border-radius: 10px;
    margin-bottom: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
}

.eb-btn[b-sdnk2lkli1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    text-decoration: none;
}

.eb-btn svg[b-sdnk2lkli1] {
    width: 15px;
    height: 15px;
}

.eb-btn-primary[b-sdnk2lkli1] {
    background: #660099;
    color: white;
    box-shadow: 0 2px 4px rgba(102, 0, 153, 0.3);
}

.eb-btn-primary:hover[b-sdnk2lkli1] {
    background: #7700bb;
    box-shadow: 0 4px 8px rgba(102, 0, 153, 0.4);
    transform: translateY(-1px);
}

.eb-btn-primary:disabled[b-sdnk2lkli1] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.eb-btn-secondary[b-sdnk2lkli1] {
    background: #f0f0f0;
    color: #660099;
}

.eb-btn-secondary:hover[b-sdnk2lkli1] {
    background: #e0e0e0;
}

/* ── Orders Container / Order Card ─────────────────────────────────────── */

.eb-orders-container[b-sdnk2lkli1] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

.eb-order-card[b-sdnk2lkli1] {
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border: 1px solid #e5e7eb;
}

.eb-order-header[b-sdnk2lkli1] {
    background: #330033;
    padding: 16px 20px;
    color: white;
}

.eb-order-number[b-sdnk2lkli1] {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
}

.eb-order-meta[b-sdnk2lkli1] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    font-size: 14px;
}

.eb-order-meta-item[b-sdnk2lkli1] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.eb-order-meta-item svg[b-sdnk2lkli1] {
    width: 14px;
    height: 14px;
}

.eb-order-status[b-sdnk2lkli1] {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: rgba(255, 255, 255, 0.2);
}

/* ── Buyer Section ─────────────────────────────────────────────────────── */

.eb-buyer-section[b-sdnk2lkli1] {
    background: #f9fafb;
    padding: 16px 20px;
    border-bottom: 2px solid #e5e7eb;
}

.eb-buyer-label[b-sdnk2lkli1] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #6b7280;
    margin-bottom: 8px;
}

.eb-buyer-info[b-sdnk2lkli1] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
}

.eb-buyer-name[b-sdnk2lkli1] {
    font-weight: 700;
    color: #330033;
}

.eb-buyer-divider[b-sdnk2lkli1] {
    color: #d1d5db;
}

.eb-buyer-email[b-sdnk2lkli1] {
    color: #6b7280;
}

/* ── Attendees Section / Table ─────────────────────────────────────────── */

.eb-attendees-section[b-sdnk2lkli1] {
    padding: 20px;
}

.eb-attendees-header[b-sdnk2lkli1] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #374151;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e5e7eb;
}

.eb-table-wrapper[b-sdnk2lkli1] {
    overflow-x: auto;
}

.eb-attendees-table[b-sdnk2lkli1] {
    width: 100%;
    border-collapse: collapse;
}

.eb-attendees-table thead[b-sdnk2lkli1] {
    background: #f3f4f6;
}

.eb-attendees-table th[b-sdnk2lkli1] {
    padding: 12px;
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6b7280;
    border-bottom: 2px solid #e5e7eb;
}

.eb-attendees-table td[b-sdnk2lkli1] {
    padding: 16px 12px;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: top;
}

.eb-attendees-table tbody tr:hover[b-sdnk2lkli1] {
    background-color: #f9fafb;
}

.eb-attendees-table tbody tr:last-child td[b-sdnk2lkli1] {
    border-bottom: none;
}

.eb-attendee-name[b-sdnk2lkli1] {
    font-weight: 600;
    color: #330033;
    margin-bottom: 4px;
}

.eb-attendee-email[b-sdnk2lkli1] {
    font-size: 13px;
    color: #6b7280;
}

.eb-attendee-substatus[b-sdnk2lkli1] {
    font-size: 12px;
    color: #6b7280;
    margin-top: 4px;
}

.eb-cost[b-sdnk2lkli1] {
    font-weight: 700;
    color: #059669;
    font-size: 15px;
}

.eb-status-badge[b-sdnk2lkli1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 16px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.eb-status-badge svg[b-sdnk2lkli1] {
    width: 12px;
    height: 12px;
}

.eb-status-checked-in[b-sdnk2lkli1] {
    background: #d1fae5;
    color: #065f46;
}

.eb-status-not-checked-in[b-sdnk2lkli1] {
    background: #fef3c7;
    color: #92400e;
}

.eb-status-cancelled[b-sdnk2lkli1] {
    background: #fee2e2;
    color: #991b1b;
}

.eb-status-refunded[b-sdnk2lkli1] {
    background: #e0e7ff;
    color: #3730a3;
}

.eb-event-link[b-sdnk2lkli1] {
    color: #660099;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
}

.eb-event-link:hover[b-sdnk2lkli1] {
    color: #7700bb;
    text-decoration: underline;
}

.eb-not-mapped[b-sdnk2lkli1] {
    color: #9ca3af;
}

.eb-empty-message[b-sdnk2lkli1] {
    display: block;
    text-align: center;
    padding: 40px 20px;
    color: #6b7280;
    font-size: 15px;
    font-style: italic;
}

/* ── Sync Confirm Modal ────────────────────────────────────────────────── */

.eb-modal-overlay[b-sdnk2lkli1] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 100px;
}

.eb-modal-card[b-sdnk2lkli1] {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    width: 90%;
    max-width: 520px;
    overflow: hidden;
}

.eb-modal-header[b-sdnk2lkli1] {
    background: #330033;
    color: white;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eb-modal-header h3[b-sdnk2lkli1] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
}

.eb-modal-header svg[b-sdnk2lkli1] {
    width: 18px;
    height: 18px;
}

.eb-modal-close[b-sdnk2lkli1] {
    font-size: 22px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7);
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1;
}

.eb-modal-close:hover[b-sdnk2lkli1] {
    color: white;
}

.eb-modal-body[b-sdnk2lkli1] {
    padding: 20px;
    color: #2c3e50;
    font-size: 14px;
}

.eb-modal-body p[b-sdnk2lkli1] {
    margin: 0 0 12px 0;
}

.eb-modal-footer[b-sdnk2lkli1] {
    padding: 14px 20px;
    border-top: 1px solid #e5e5e5;
}

.eb-modal-footer form[b-sdnk2lkli1] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

[x-cloak][b-sdnk2lkli1] {
    display: none !important;
}

/* ── Responsive ────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .eb-event-header[b-sdnk2lkli1] {
        flex-direction: column;
    }

    .eb-event-image[b-sdnk2lkli1] {
        width: 100%;
        height: 200px;
    }

    .eb-event-info[b-sdnk2lkli1] {
        flex-direction: column;
        gap: 10px;
    }

    .eb-event-stats[b-sdnk2lkli1] {
        justify-content: space-around;
        gap: 20px;
    }

    .eb-page-title[b-sdnk2lkli1] {
        font-size: 22px;
    }

    .eb-attendees-table[b-sdnk2lkli1] {
        font-size: 12px;
    }

    .eb-attendees-table th[b-sdnk2lkli1],
    .eb-attendees-table td[b-sdnk2lkli1] {
        padding: 8px 6px;
    }

    .eb-order-meta[b-sdnk2lkli1] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventbriteOrganizations.cshtml.rz.scp.css */
.container[b-09q89han52] {
    max-width: 1200px;
    margin: 0 auto;
}

header[b-09q89han52] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

h1[b-09q89han52] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.filters-card[b-09q89han52] {
    margin-bottom: 25px;
    background: white;
    border-radius: 12px;
    padding: 15px 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-content[b-09q89han52] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}

.btn[b-09q89han52] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 6px;
    user-select: none;
    transition: all 0.3s ease;
}

.btn-primary[b-09q89han52] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
}

.btn-primary:hover[b-09q89han52] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}

.btn-primary:disabled[b-09q89han52] {
    opacity: 0.7;
    cursor: default;
    transform: none;
}

.btn-secondary[b-09q89han52] {
    background: #f1f2f6;
    color: #495057;
}

.btn-secondary:hover[b-09q89han52] {
    background: #e9ecef;
    color: #495057;
    transform: translateY(-1px);
}

/* Horizontal Organization Cards */
.horizontal-cards-container[b-09q89han52] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.horizontal-organization-card[b-09q89han52] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    height: 70px;
    overflow: hidden;
}

.horizontal-organization-card:hover[b-09q89han52] {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.card-color-strip[b-09q89han52] {
    width: 8px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
}

.card-content[b-09q89han52] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    flex-grow: 1;
    gap: 16px;
}

.row-number[b-09q89han52] {
    font-weight: 600;
    color: #663399;
    min-width: 24px;
    text-align: center;
}

.organization-icon[b-09q89han52] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    color: #663399;
    font-size: 18px;
}

.organization-icon svg[b-09q89han52] {
    width: 18px;
    height: 18px;
}

.organization-info[b-09q89han52] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 20px;
    overflow: hidden;
}

.organization-main[b-09q89han52] {
    min-width: 200px;
}

.organization-name[b-09q89han52] {
    font-weight: 600;
    font-size: 16px;
    color: #2d3436;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.organization-id[b-09q89han52] {
    font-size: 12px;
    color: #6c757d;
}

.organization-details[b-09q89han52] {
    display: flex;
    gap: 25px;
    align-items: center;
    flex-wrap: wrap;
}

.detail-item[b-09q89han52] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #495057;
    white-space: nowrap;
}

.detail-icon[b-09q89han52] {
    color: #663399;
    width: 16px;
    height: 16px;
    text-align: center;
}

.card-actions[b-09q89han52] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    border-left: 1px solid #f1f2f6;
}

.last-sync[b-09q89han52] {
    font-size: 12px;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.empty-state[b-09q89han52] {
    text-align: center;
    padding: 40px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.empty-state svg[b-09q89han52] {
    width: 48px;
    height: 48px;
    color: #cbd5e1;
    margin-bottom: 15px;
}

.empty-state p[b-09q89han52] {
    color: #64748b;
    font-size: 1.1rem;
}

@media (max-width: 1200px) {
    .organization-details[b-09q89han52] {
        gap: 15px;
    }

    .detail-item[b-09q89han52] {
        font-size: 12px;
    }
}

@media (max-width: 992px) {
    .organization-info[b-09q89han52] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .organization-details[b-09q89han52] {
        gap: 10px;
    }
}

@media (max-width: 768px) {
    .horizontal-organization-card[b-09q89han52] {
        height: auto;
        flex-direction: column;
    }

    .card-content[b-09q89han52] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .organization-info[b-09q89han52] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
    }

    .organization-details[b-09q89han52] {
        width: 100%;
        justify-content: space-between;
    }

    .card-actions[b-09q89han52] {
        border-left: none;
        border-top: 1px solid #f1f2f6;
        width: 100%;
        justify-content: flex-end;
        padding: 10px 16px;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventbriteOrganizers.cshtml.rz.scp.css */
.container[b-jlv71rymev] {
    max-width: 1200px;
    margin: 0 auto;
}

header[b-jlv71rymev] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

h1[b-jlv71rymev] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.alert[b-jlv71rymev] {
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
}

.alert-danger[b-jlv71rymev] {
    background-color: #ffebee;
    color: #d32f2f;
}

.alert-success[b-jlv71rymev] {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.closebtn[b-jlv71rymev] {
    color: inherit;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.8;
    background: none;
    border: none;
}

.closebtn:hover[b-jlv71rymev] {
    opacity: 1;
}

.filters[b-jlv71rymev] {
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.btn[b-jlv71rymev] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 6px;
    user-select: none;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn-primary[b-jlv71rymev] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-primary:hover[b-jlv71rymev] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}

.btn-secondary[b-jlv71rymev] {
    background: #f1f2f6;
    color: #495057;
}

.btn-secondary:hover[b-jlv71rymev] {
    background: #e9ecef;
}

/* Horizontal Organizer Cards */
.horizontal-cards-container[b-jlv71rymev] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.horizontal-organizer-card[b-jlv71rymev] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    height: 80px;
    overflow: hidden;
}

.horizontal-organizer-card:hover[b-jlv71rymev] {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.card-color-strip[b-jlv71rymev] {
    width: 8px;
    flex-shrink: 0;
}

.card-content[b-jlv71rymev] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    flex-grow: 1;
    gap: 16px;
}

.organizer-avatar[b-jlv71rymev] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    cursor: move;
    transition: all 0.3s ease;
}

.organizer-avatar:hover[b-jlv71rymev] {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.organizer-info[b-jlv71rymev] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 20px;
    overflow: hidden;
}

.organizer-main[b-jlv71rymev] {
    min-width: 200px;
}

.organizer-name[b-jlv71rymev] {
    font-weight: 600;
    font-size: 16px;
    color: #2d3436;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.organizer-details[b-jlv71rymev] {
    display: flex;
    gap: 25px;
    align-items: center;
    flex-wrap: wrap;
}

.detail-item[b-jlv71rymev] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #495057;
    white-space: nowrap;
}

.detail-icon[b-jlv71rymev] {
    color: #663399;
    width: 16px;
    text-align: center;
}

.status-indicators[b-jlv71rymev] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.status-icon[b-jlv71rymev] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}

.status-icon svg[b-jlv71rymev] {
    width: 14px;
    height: 14px;
}

.status-default[b-jlv71rymev] {
    color: #FFD700;
    background-color: rgba(255, 215, 0, 0.15);
}

.status-visible[b-jlv71rymev] {
    color: #1565C0;
    background-color: rgba(21, 101, 192, 0.15);
}

.status-active[b-jlv71rymev] {
    color: #2E7D32;
    background-color: rgba(46, 125, 50, 0.15);
}

.status-icon:hover[b-jlv71rymev] {
    transform: scale(1.1);
}

.status-default:hover[b-jlv71rymev] {
    background-color: rgba(255, 215, 0, 0.25);
}

.status-visible:hover[b-jlv71rymev] {
    background-color: rgba(21, 101, 192, 0.25);
}

.status-active:hover[b-jlv71rymev] {
    background-color: rgba(46, 125, 50, 0.25);
}

.card-actions[b-jlv71rymev] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    border-left: 1px solid #f1f2f6;
}

.action-btn[b-jlv71rymev] {
    color: #6c757d;
    cursor: pointer;
    transition: color 0.3s ease;
    font-size: 16px;
    padding: 8px;
    text-decoration: none;
}

.action-btn:hover[b-jlv71rymev] {
    color: #663399;
}

.last-sync[b-jlv71rymev] {
    font-size: 12px;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.empty-state[b-jlv71rymev] {
    text-align: center;
    padding: 40px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.empty-state svg[b-jlv71rymev] {
    width: 48px;
    height: 48px;
    color: #cbd5e1;
    margin-bottom: 15px;
}

.empty-state p[b-jlv71rymev] {
    color: #64748b;
    font-size: 1.1rem;
}

.drag-handle[b-jlv71rymev] {
    cursor: move;
    color: #6c757d;
    padding: 8px;
    margin-right: 8px;
    border-radius: 4px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drag-handle:hover[b-jlv71rymev] {
    color: #663399;
    background-color: rgba(102, 51, 153, 0.1);
}

/* Drag states */
.horizontal-organizer-card.dragging[b-jlv71rymev] {
    transform: rotate(2deg);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* Validation */
.validation-error[b-jlv71rymev] {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 5px;
    display: block;
}

/* Upload loading overlay */
.uploading-overlay[b-jlv71rymev] {
    background: rgba(0, 0, 0, 0.6);
}

/* Create/Edit Panel */
.create-panel-container[b-jlv71rymev] {
    margin: 0 auto;
}

.create-card[b-jlv71rymev] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.card-header[b-jlv71rymev] {
    padding: 24px 30px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
}

.header-content[b-jlv71rymev] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.title-section[b-jlv71rymev] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3436;
}

.title-section svg[b-jlv71rymev] {
    color: #663399;
}

.header-description[b-jlv71rymev] {
    color: #6c757d;
    font-size: 0.95rem;
}

.id-badge[b-jlv71rymev] {
    background: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9rem;
    color: #6c757d;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
}

.id-badge svg[b-jlv71rymev] {
    color: #663399;
}

.card-body[b-jlv71rymev] {
    padding: 30px;
}

.form-section[b-jlv71rymev] {
    margin-bottom: 32px;
}

.section-title[b-jlv71rymev] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #2d3436;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f2f6;
}

.section-title svg[b-jlv71rymev] {
    color: #663399;
    width: 20px;
    height: 20px;
}

.image-upload-container[b-jlv71rymev] {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.image-preview-wrapper[b-jlv71rymev] {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    width: 200px;
    height: 200px;
    flex-shrink: 0;
}

.image-preview[b-jlv71rymev] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #f8f9fa;
}

.image-overlay[b-jlv71rymev] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(102, 51, 153, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-preview-wrapper:hover .image-overlay[b-jlv71rymev] {
    opacity: 1;
}

.image-overlay svg[b-jlv71rymev] {
    width: 24px;
    height: 24px;
    margin-bottom: 8px;
}

.form-grid[b-jlv71rymev] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.full-width[b-jlv71rymev] {
    grid-template-columns: 1fr;
}

.form-group[b-jlv71rymev] {
    margin-bottom: 20px;
}

.form-label[b-jlv71rymev] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #2d3436;
}

.required-asterisk[b-jlv71rymev] {
    color: #dc3545;
}

.form-input[b-jlv71rymev] {
    width: 90%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.form-input:focus[b-jlv71rymev] {
    border-color: #663399;
    box-shadow: 0 0 0 3px rgba(102, 51, 153, 0.1);
    outline: none;
}

.input-with-icon[b-jlv71rymev] {
    position: relative;
}

.input-with-icon svg[b-jlv71rymev] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    width: 16px;
    height: 16px;
}

.input-with-icon .form-input[b-jlv71rymev] {
    padding-left: 40px;
}

.form-textarea[b-jlv71rymev] {
    width: 100%;
    min-height: 120px;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    resize: vertical;
    transition: all 0.3s ease;
}

.form-textarea:focus[b-jlv71rymev] {
    border-color: #663399;
    box-shadow: 0 0 0 3px rgba(102, 51, 153, 0.1);
    outline: none;
}

.settings-grid[b-jlv71rymev] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.setting-item[b-jlv71rymev] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.setting-item:hover[b-jlv71rymev] {
    background: #e9ecef;
}

.setting-content[b-jlv71rymev] {
    flex-grow: 1;
}

.setting-label[b-jlv71rymev] {
    display: block;
    font-weight: 500;
    color: #2d3436;
    margin-bottom: 4px;
    cursor: pointer;
}

.setting-description[b-jlv71rymev] {
    font-size: 0.85rem;
    color: #6c757d;
}

.card-footer[b-jlv71rymev] {
    padding: 24px 30px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.action-buttons[b-jlv71rymev] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.btn-cancel[b-jlv71rymev] {
    background: white;
    color: #6c757d;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.btn-cancel:hover[b-jlv71rymev] {
    background: #f8f9fa;
    border-color: #6c757d;
}

/* Modal */
.modal[b-jlv71rymev] {
    position: fixed;
    z-index: 1000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content[b-jlv71rymev] {
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
    animation-name: animatetop-b-jlv71rymev;
    animation-duration: 0.4s;
}

@keyframes animatetop-b-jlv71rymev {
    from { top: -300px; opacity: 0; }
    to { top: 0; opacity: 1; }
}

.close[b-jlv71rymev] {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    cursor: pointer;
}

.close:hover[b-jlv71rymev] {
    opacity: 0.5;
}

.modal-header[b-jlv71rymev] {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header .close[b-jlv71rymev] {
    margin-top: -20px;
}

.modal-body[b-jlv71rymev] {
    padding: 20px;
    max-height: calc(100vh - 195px);
    overflow-y: auto;
}

.cropper-crop-modal[b-jlv71rymev] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.crop-preview-container[b-jlv71rymev] {
    width: 100%;
    max-width: 500px;
    margin-bottom: 20px;
}

.cropper-actions[b-jlv71rymev] {
    display: flex;
    gap: 10px;
    justify-content: center;
}

/* Cropper.js custom styles */
.cropper-view-box[b-jlv71rymev] {
    outline: 2px solid #663399;
    outline-color: rgba(102, 51, 153, 0.75);
}

/* Responsive */
@media (max-width: 1200px) {
    .organizer-details[b-jlv71rymev] {
        gap: 15px;
    }

    .detail-item[b-jlv71rymev] {
        font-size: 12px;
    }
}

@media (max-width: 992px) {
    .organizer-info[b-jlv71rymev] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .organizer-details[b-jlv71rymev] {
        gap: 10px;
    }
}

@media (max-width: 768px) {
    .horizontal-organizer-card[b-jlv71rymev] {
        height: auto;
        flex-direction: column;
    }

    .card-content[b-jlv71rymev] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .organizer-info[b-jlv71rymev] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
    }

    .organizer-details[b-jlv71rymev] {
        width: 100%;
        justify-content: space-between;
    }

    .card-actions[b-jlv71rymev] {
        border-left: none;
        border-top: 1px solid #f1f2f6;
        width: 100%;
        justify-content: flex-end;
        padding: 10px 16px;
    }

    .form-grid[b-jlv71rymev] {
        grid-template-columns: 1fr;
    }

    .image-upload-container[b-jlv71rymev] {
        flex-direction: column;
    }

    .header-content[b-jlv71rymev] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .action-buttons[b-jlv71rymev] {
        flex-direction: column;
    }

    .btn-cancel[b-jlv71rymev],
    .btn-primary[b-jlv71rymev] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventbriteReports.cshtml.rz.scp.css */
/* ============================================================
   Eventbrite Reports — Scoped CSS
   Legacy: admin/EventbriteReports.aspx inline <style> (.box card,
   .alert / .alert-danger / .closebtn) carried over; header follows
   the house purple-gradient convention used by the other migrated
   Eventbrite pages. Icons are Lucide <svg> (Font Awesome dropped).

   NOTE: the criteria form + table shells are server-rendered so the
   scoped attribute reaches them; Alpine only toggles visibility and
   clones the x-for <template> rows (which keep the scope attribute).
   ============================================================ */

.container[b-p9nyw9ssux] {
    max-width: 1200px;
    margin: 0 auto;
}

header[b-p9nyw9ssux] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

h1[b-p9nyw9ssux] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.description[b-p9nyw9ssux] {
    opacity: 0.9;
}

/* ── Back link (report views) ── */
.back-link[b-p9nyw9ssux] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 15px;
    color: #663399;
    text-decoration: none;
    font-weight: 600;
}

.back-link:hover[b-p9nyw9ssux] {
    text-decoration: underline;
}

.back-link svg[b-p9nyw9ssux] {
    width: 16px;
    height: 16px;
}

/* ── Alerts (legacy statusPageDiv: .alert / .alert-danger / .closebtn) ── */
.alert[b-p9nyw9ssux] {
    padding: 20px;
    color: white;
    margin-bottom: 15px;
    border-radius: 8px;
}

.alert-danger[b-p9nyw9ssux] {
    background-color: #f44336;
}

.closebtn[b-p9nyw9ssux] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover[b-p9nyw9ssux] {
    color: black;
}

/* ── Fieldsets (legacy used nested fieldset/legend everywhere) ── */
.report-fieldset[b-p9nyw9ssux] {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.report-section-heading[b-p9nyw9ssux] {
    margin: 0 0 7px;
    color: #663399;
    font-size: 1rem;
    font-weight: 700;
}

.report-fieldset > legend[b-p9nyw9ssux] {
    font-weight: 700;
    color: #663399;
    padding: 0 8px;
    font-size: 1.1rem;
}

.criterion-fieldset[b-p9nyw9ssux] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}

.criterion-fieldset > legend[b-p9nyw9ssux] {
    font-weight: 600;
    color: #555;
    padding: 0 6px;
}

/* ── Default view boxes (legacy .box cards) ── */
.box-link[b-p9nyw9ssux] {
    text-decoration: none;
    color: inherit;
    display: block;
}

.box[b-p9nyw9ssux] {
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
    min-height: 150px;
    width: 20vw;
    min-width: 240px;
    margin: auto;
    background: white;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: transform 0.15s ease;
}

.box:hover[b-p9nyw9ssux] {
    transform: translateY(-2px);
}

.box svg[b-p9nyw9ssux] {
    width: 32px;
    height: 32px;
    color: #663399;
}

.box h2[b-p9nyw9ssux] {
    margin: 0;
    color: #333;
}

/* ── Criteria grid (legacy 3-per-row nested tables) ── */
.criterion-grid[b-p9nyw9ssux] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 20px;
}

.criterion-field[b-p9nyw9ssux] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.criterion-field label[b-p9nyw9ssux] {
    min-width: 100px;
    font-weight: 600;
    color: #444;
    white-space: nowrap;
}

.criterion-field select[b-p9nyw9ssux],
.criterion-field input[b-p9nyw9ssux] {
    flex: 1;
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    background: #fff;
}

.criterion-field select:focus[b-p9nyw9ssux],
.criterion-field input:focus[b-p9nyw9ssux] {
    outline: none;
    border-color: #663399;
    box-shadow: 0 0 0 2px rgba(102, 51, 153, 0.15);
}

.criterion-actions[b-p9nyw9ssux] {
    margin-top: 15px;
}

.btn[b-p9nyw9ssux] {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 6px;
}

.btn-primary[b-p9nyw9ssux] {
    background-color: #663399;
    color: #fff;
}

.btn-primary:hover[b-p9nyw9ssux] {
    background-color: #552b80;
}

.btn-primary:disabled[b-p9nyw9ssux] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ── Report table ── */
.table-wrap[b-p9nyw9ssux] {
    overflow-x: auto;
}

.report-table[b-p9nyw9ssux] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.report-table th[b-p9nyw9ssux] {
    background: #663399;
    color: #fff;
    text-align: left;
    padding: 10px 12px;
    white-space: nowrap;
}

.report-table td[b-p9nyw9ssux] {
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
}

.report-table tbody tr:nth-child(even)[b-p9nyw9ssux] {
    background: #f9f7fc;
}

.report-table tbody tr:hover[b-p9nyw9ssux] {
    background: #f2ecf9;
}

.report-table .num[b-p9nyw9ssux] {
    text-align: right;
}

/* ── Empty state (shown only after a run returns zero rows) ── */
.empty-state[b-p9nyw9ssux] {
    text-align: center;
    padding: 30px 20px;
    color: #777;
}

.empty-state svg[b-p9nyw9ssux] {
    width: 36px;
    height: 36px;
    color: #bbb;
    margin-bottom: 8px;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .criterion-grid[b-p9nyw9ssux] {
        grid-template-columns: 1fr;
    }

    .box[b-p9nyw9ssux] {
        width: 100%;
    }
}

[x-cloak][b-p9nyw9ssux] {
    display: none !important;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventbriteSettings.cshtml.rz.scp.css */
/* Eventbrite Settings — account cards + edit-sync-tag modal.
   Ported from the legacy admin/EventbriteSettings.aspx inline styles;
   font-awesome <i> icons replaced by Lucide inline SVGs (sized via `svg` selectors). */

.container[b-kfearzv4f4] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

header[b-kfearzv4f4] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

h1[b-kfearzv4f4] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

h1 svg[b-kfearzv4f4] {
    width: 30px;
    height: 30px;
}

.description[b-kfearzv4f4] {
    font-size: 1.1rem;
    opacity: 0.9;
}

/* Alerts */
.alert[b-kfearzv4f4] {
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
}

.alert-danger[b-kfearzv4f4] {
    background-color: #ffebee;
    color: #d32f2f;
}

/* Buttons */
.btn[b-kfearzv4f4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 8px;
    user-select: none;
    transition: all 0.3s ease;
}

.btn-primary[b-kfearzv4f4] {
    background: linear-gradient(135deg, #663399 0%, #e04a2d 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(240, 85, 55, 0.3);
}

.btn-primary:hover[b-kfearzv4f4] {
    background: linear-gradient(135deg, #e04a2d 0%, #c53c20 100%);
    box-shadow: 0 5px 15px rgba(240, 85, 55, 0.4);
    transform: translateY(-2px);
}

.btn-primary:disabled[b-kfearzv4f4] {
    opacity: 0.7;
    cursor: default;
    transform: none;
}

.btn-secondary[b-kfearzv4f4] {
    background: #f1f2f6;
    color: #495057;
}

.btn-secondary:hover[b-kfearzv4f4] {
    background: #e9ecef;
    color: #495057;
    transform: translateY(-1px);
}

/* Horizontal account cards */
.horizontal-cards-container[b-kfearzv4f4] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.horizontal-account-card[b-kfearzv4f4] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    min-height: 120px;
    overflow: hidden;
}

.horizontal-account-card:hover[b-kfearzv4f4] {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.horizontal-account-card.default[b-kfearzv4f4] {
    border: 2px solid #663399;
}

.card-color-strip[b-kfearzv4f4] {
    width: 8px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #f0e8ff 0%, #e2d5ff 100%);
}

.default-card-color-strip[b-kfearzv4f4] {
    background: linear-gradient(135deg, #663399 0%, #4a247a 100%);
}

.card-content[b-kfearzv4f4] {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    flex-grow: 1;
    gap: 20px;
}

.account-icon[b-kfearzv4f4] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    color: #663399;
}

.account-icon svg[b-kfearzv4f4] {
    width: 22px;
    height: 22px;
}

.default-account-icon[b-kfearzv4f4] {
    background: linear-gradient(135deg, #f0e8ff 0%, #e2d5ff 100%);
    color: #663399;
}

.account-info[b-kfearzv4f4] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.account-name-section[b-kfearzv4f4] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.account-name[b-kfearzv4f4] {
    font-weight: 700;
    font-size: 18px;
    color: #2d3436;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-id[b-kfearzv4f4] {
    font-size: 13px;
    color: #6c757d;
    background: #f8f9fa;
    padding: 3px 8px;
    border-radius: 4px;
}

.default-badge[b-kfearzv4f4] {
    background: #663399;
    color: white;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.account-details[b-kfearzv4f4] {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.detail-item[b-kfearzv4f4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #495057;
}

.detail-icon[b-kfearzv4f4] {
    color: #663399;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.card-actions[b-kfearzv4f4] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0 20px;
    border-left: 1px solid #f1f2f6;
}

.action-btn[b-kfearzv4f4] {
    color: #6c757d;
    cursor: pointer;
    transition: color 0.3s ease;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #f8f9fa;
    width: 40px;
    height: 40px;
    border: none;
}

.action-btn svg[b-kfearzv4f4] {
    width: 16px;
    height: 16px;
}

.action-btn:hover[b-kfearzv4f4] {
    background: #e9ecef;
    color: #663399;
}

.action-btn:disabled[b-kfearzv4f4] {
    opacity: 0.5;
    cursor: default;
}

.action-btn.is-default[b-kfearzv4f4] {
    color: #663399;
    cursor: default;
}

/* Inline spinner (set-default in progress) */
.spinner[b-kfearzv4f4] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(102, 51, 153, 0.25);
    border-top-color: #663399;
    border-radius: 50%;
    display: inline-block;
    animation: ebset-spin-b-kfearzv4f4 0.7s linear infinite;
}

@keyframes ebset-spin-b-kfearzv4f4 {
    to { transform: rotate(360deg); }
}

/* Empty state */
.empty-state[b-kfearzv4f4] {
    text-align: center;
    padding: 60px 40px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.empty-state svg[b-kfearzv4f4] {
    width: 64px;
    height: 64px;
    color: #e9ecef;
    margin-bottom: 20px;
}

.empty-state h3[b-kfearzv4f4] {
    color: #2d3436;
    font-size: 1.5rem;
    margin-bottom: 12px;
}

.empty-state p[b-kfearzv4f4] {
    color: #6c757d;
    font-size: 1.1rem;
    margin-bottom: 25px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/* Edit Sync Tag modal */
.modal-overlay[b-kfearzv4f4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-container[b-kfearzv4f4] {
    background: white;
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.modal-header[b-kfearzv4f4] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h3[b-kfearzv4f4] {
    margin: 0;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.modal-header svg[b-kfearzv4f4] {
    width: 20px;
    height: 20px;
}

.modal-close[b-kfearzv4f4] {
    color: white;
    opacity: 0.8;
    transition: opacity 0.3s;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.modal-close:hover[b-kfearzv4f4] {
    opacity: 1;
}

.modal-close svg[b-kfearzv4f4] {
    width: 20px;
    height: 20px;
}

.modal-body[b-kfearzv4f4] {
    padding: 25px;
}

.modal-description[b-kfearzv4f4] {
    color: #666;
    margin-bottom: 20px;
    font-size: 0.95rem;
}

.form-group[b-kfearzv4f4] {
    margin-bottom: 15px;
}

.form-group label[b-kfearzv4f4] {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
}

.form-control[b-kfearzv4f4] {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.3s;
    box-sizing: border-box;
}

.form-control:focus[b-kfearzv4f4] {
    outline: none;
    border-color: #663399;
}

.modal-footer[b-kfearzv4f4] {
    padding: 15px 25px;
    background: #f8f9fa;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* Responsive */
@media (max-width: 992px) {
    .account-details[b-kfearzv4f4] {
        gap: 15px;
    }

    .detail-item[b-kfearzv4f4] {
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .horizontal-account-card[b-kfearzv4f4] {
        flex-direction: column;
    }

    .card-content[b-kfearzv4f4] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .account-info[b-kfearzv4f4] {
        width: 100%;
    }

    .account-details[b-kfearzv4f4] {
        width: 100%;
        justify-content: space-between;
    }

    .card-actions[b-kfearzv4f4] {
        border-left: none;
        border-top: 1px solid #f1f2f6;
        width: 100%;
        justify-content: center;
        padding: 15px 20px;
    }
}

@media (max-width: 576px) {
    .account-details[b-kfearzv4f4] {
        flex-direction: column;
        gap: 10px;
    }

    .account-name-section[b-kfearzv4f4] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    header[b-kfearzv4f4] {
        padding: 20px 15px;
    }

    h1[b-kfearzv4f4] {
        font-size: 1.8rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventbriteSetup.cshtml.rz.scp.css */
/* Eventbrite Setup — API key intake, account cards with "Affected Tables" expansion,
   setup wizard modal (account → primary event id → import results) + confirm-run modal.
   Ported from the legacy admin/EventbriteSetup.aspx inline styles; font-awesome <i>
   icons replaced by Lucide inline SVGs (sized via `svg` selectors). */

.container[b-oc9p6kv91s] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

header[b-oc9p6kv91s] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

h1[b-oc9p6kv91s] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

h1 svg[b-oc9p6kv91s] {
    width: 30px;
    height: 30px;
}

.description[b-oc9p6kv91s] {
    font-size: 1.1rem;
    opacity: 0.9;
}

/* ── Alerts (legacy statusPageDiv) ─────────────────────────────────────────── */

.alert[b-oc9p6kv91s] {
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
}

.alert-danger[b-oc9p6kv91s] {
    background-color: #ffebee;
    color: #d32f2f;
}

.alert-success[b-oc9p6kv91s] {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.alert-warning[b-oc9p6kv91s] {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
}

.closebtn[b-oc9p6kv91s] {
    color: inherit;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.8;
    background: none;
    border: none;
}

.closebtn:hover[b-oc9p6kv91s] {
    opacity: 1;
}

/* ── Cards ─────────────────────────────────────────────────────────────────── */

.card[b-oc9p6kv91s] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 25px;
    overflow: hidden;
}

.card-header[b-oc9p6kv91s] {
    padding: 20px 25px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
}

.card-title[b-oc9p6kv91s] {
    font-size: 1.4rem;
    font-weight: 600;
    color: #2d3436;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.card-title svg[b-oc9p6kv91s] {
    width: 20px;
    height: 20px;
    color: #663399;
}

.card-body[b-oc9p6kv91s] {
    padding: 25px;
}

/* ── Forms ─────────────────────────────────────────────────────────────────── */

.form-group[b-oc9p6kv91s] {
    margin-bottom: 20px;
}

.form-label[b-oc9p6kv91s] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #2d3436;
}

.form-input[b-oc9p6kv91s] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.form-input:focus[b-oc9p6kv91s] {
    outline: none;
    border-color: #663399;
    box-shadow: 0 0 0 3px rgba(102, 51, 153, 0.1);
}

/* Legacy validators / primaryEventValidationLabel (ForeColor #d32f2f, Display=Dynamic) */
.field-error[b-oc9p6kv91s] {
    display: block;
    margin-top: 6px;
    color: #d32f2f;
    font-size: 0.9em;
}

/* ── Buttons ───────────────────────────────────────────────────────────────── */

.btn[b-oc9p6kv91s] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 6px;
    user-select: none;
    transition: all 0.3s ease;
}

.btn-primary[b-oc9p6kv91s] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
}

.btn-primary:hover[b-oc9p6kv91s] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}

.btn-primary:disabled[b-oc9p6kv91s] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-secondary[b-oc9p6kv91s] {
    background: #f1f2f6;
    color: #495057;
}

.btn-secondary:hover[b-oc9p6kv91s] {
    background: #e9ecef;
    color: #495057;
    transform: translateY(-1px);
}

/* ── API key intake row ────────────────────────────────────────────────────── */

.api-setup-card[b-oc9p6kv91s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    flex-wrap: wrap;
    gap: 15px;
}

.api-input-group[b-oc9p6kv91s] {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-grow: 1;
}

.api-input[b-oc9p6kv91s] {
    flex-grow: 1;
    min-width: 250px;
    width: 80%;
}

/* ── Account cards (legacy accountsRepeater items) ─────────────────────────── */

.account-card[b-oc9p6kv91s] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

.account-card:hover[b-oc9p6kv91s] {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.account-card-header[b-oc9p6kv91s] {
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.attendee-number[b-oc9p6kv91s] {
    font-size: 1rem;
    font-weight: 700;
    color: #663399;
}

.account-card-title[b-oc9p6kv91s] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #2d3436;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.account-card-title svg[b-oc9p6kv91s] {
    width: 18px;
    height: 18px;
    color: #663399;
}

.account-card-body[b-oc9p6kv91s] {
    padding: 20px;
}

.account-detail[b-oc9p6kv91s] {
    display: flex;
    margin-bottom: 12px;
}

.detail-label[b-oc9p6kv91s] {
    font-weight: 500;
    color: #495057;
    min-width: 120px;
}

.detail-value[b-oc9p6kv91s] {
    color: #2d3436;
    word-break: break-all;
}

.account-key[b-oc9p6kv91s] {
    font-family: monospace;
    background: #f8f9fa;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.9em;
}

.expand-section[b-oc9p6kv91s] {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e9ecef;
}

.expand-toggle[b-oc9p6kv91s] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #663399;
    cursor: pointer;
    font-weight: 500;
    user-select: none;
}

.expand-icon[b-oc9p6kv91s] {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

.expanded .expand-icon[b-oc9p6kv91s] {
    transform: rotate(90deg);
}

.tables-grid[b-oc9p6kv91s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 12px;
    margin-top: 10px;
}

.table-card[b-oc9p6kv91s] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 12px;
    border-left: 4px solid #663399;
}

.table-name[b-oc9p6kv91s] {
    font-weight: 600;
    color: #2d3436;
    margin-bottom: 6px;
}

.table-detail[b-oc9p6kv91s] {
    display: flex;
    justify-content: space-between;
    font-size: 0.9em;
    color: #6c757d;
}

.table-detail a[b-oc9p6kv91s] {
    color: #663399;
    text-decoration: none;
}

.table-detail a:hover[b-oc9p6kv91s] {
    text-decoration: underline;
}

/* ── Empty state (legacy noAccountsPanel) ──────────────────────────────────── */

.empty-state[b-oc9p6kv91s] {
    text-align: center;
    padding: 40px 20px;
    color: #6c757d;
}

.empty-state svg[b-oc9p6kv91s] {
    width: 48px;
    height: 48px;
    color: #ced4da;
    margin-bottom: 15px;
}

/* ── Modals (legacy eventbriteKeyResultPanel + ModalPopupExtender) ─────────── */

.modal-overlay[b-oc9p6kv91s] {
    position: fixed;
    z-index: 1000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-content[b-oc9p6kv91s] {
    position: relative;
    background-color: #fff;
    margin: auto;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
    width: 80%;
    max-width: 900px;
    animation-name: animatetop-b-oc9p6kv91s;
    animation-duration: 0.4s;
    overflow: hidden;
}

.confirm-content[b-oc9p6kv91s] {
    max-width: 550px;
}

@keyframes animatetop-b-oc9p6kv91s {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.modal-header[b-oc9p6kv91s] {
    padding: 20px 25px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-oc9p6kv91s] {
    font-size: 1.4rem;
    font-weight: 600;
    color: #2d3436;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.modal-title svg[b-oc9p6kv91s] {
    width: 20px;
    height: 20px;
    color: #663399;
}

.modal-close[b-oc9p6kv91s] {
    color: #6c757d;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease;
    background: none;
    border: none;
    line-height: 1;
}

.modal-close:hover[b-oc9p6kv91s] {
    color: #2d3436;
}

.modal-body[b-oc9p6kv91s] {
    padding: 25px;
    max-height: 60vh;
    overflow-y: auto;
}

.modal-footer[b-oc9p6kv91s] {
    padding: 20px 25px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

/* ── Loader (legacy DataDownloadLoader) ────────────────────────────────────── */

@keyframes rotate-b-oc9p6kv91s {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.loader[b-oc9p6kv91s] {
    width: 50px;
    height: 50px;
    margin: 20px auto;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #663399;
    border-radius: 50%;
    animation: rotate-b-oc9p6kv91s 1s linear infinite;
}

/* ── Info list + warning icon ──────────────────────────────────────────────── */

.info-list[b-oc9p6kv91s] {
    margin: 15px 0;
    padding-left: 20px;
}

.info-list li[b-oc9p6kv91s] {
    margin-bottom: 8px;
    line-height: 1.5;
}

.inline-icon[b-oc9p6kv91s] {
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    margin-right: 6px;
}

/* ── Account grid inside the modal (legacy apiAccountRepeater) ─────────────── */

.account-grid[b-oc9p6kv91s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    margin-top: 15px;
}

.account-item[b-oc9p6kv91s] {
    background: #f8f9fa;
    padding: 12px 16px;
    border-radius: 8px;
    border-left: 4px solid #663399;
}

.account-item-label[b-oc9p6kv91s] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 4px;
}

.account-item-value[b-oc9p6kv91s] {
    color: #2d3436;
    word-break: break-all;
}

/* ── Data Import Results (legacy resultsRepeater) ──────────────────────────── */

.result-grid[b-oc9p6kv91s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px;
    margin-top: 15px;
}

.result-card[b-oc9p6kv91s] {
    background: white;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-top: 4px solid #663399;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.result-status[b-oc9p6kv91s] {
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.status-icon[b-oc9p6kv91s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 700;
}

.status-success[b-oc9p6kv91s] {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.status-error[b-oc9p6kv91s] {
    background-color: #ffebee;
    color: #d32f2f;
}

.result-name[b-oc9p6kv91s] {
    font-weight: 500;
    color: #2d3436;
    margin-bottom: 8px;
}

.result-details[b-oc9p6kv91s] {
    color: #6c757d;
    font-size: 0.9em;
    word-break: break-word;
}

/* ── Responsive (legacy media query) ───────────────────────────────────────── */

@media (max-width: 768px) {
    .api-setup-card[b-oc9p6kv91s] {
        flex-direction: column;
        align-items: stretch;
    }

    .api-input-group[b-oc9p6kv91s] {
        flex-direction: column;
        align-items: stretch;
    }

    .api-input[b-oc9p6kv91s] {
        min-width: auto;
        width: 100%;
    }

    .modal-content[b-oc9p6kv91s] {
        width: 95%;
    }

    .tables-grid[b-oc9p6kv91s] {
        grid-template-columns: 1fr;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventbriteSubCategories.cshtml.rz.scp.css */
/* Ported from legacy admin/EventbriteSubCategories.aspx inline styles (the subset used
   by this grid). Scoped to the page via ASP.NET Core CSS isolation. */

.container[b-3h34lj5ypu] {
    max-width: 1200px;
    margin: 0 auto;
}

header[b-3h34lj5ypu] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

h1[b-3h34lj5ypu] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.description[b-3h34lj5ypu] {
    font-size: 1.1rem;
    opacity: 0.9;
    margin-bottom: 15px;
}

.card[b-3h34lj5ypu] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin-bottom: 25px;
}

.card:hover[b-3h34lj5ypu] {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.card-header[b-3h34lj5ypu] {
    padding: 15px 20px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-header h2[b-3h34lj5ypu] {
    margin: 0;
    font-weight: 500;
    font-size: 1.4rem;
}

.card-body[b-3h34lj5ypu] {
    padding: 20px;
}

.btn[b-3h34lj5ypu] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 6px;
    user-select: none;
    transition: all 0.2s ease;
}

.btn-primary[b-3h34lj5ypu] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
}

.btn-primary:hover[b-3h34lj5ypu] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}

.btn-primary:disabled[b-3h34lj5ypu] {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
}

.categories-table[b-3h34lj5ypu] {
    width: 100%;
    border-collapse: collapse;
}

.categories-table th[b-3h34lj5ypu] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    padding: 15px 12px;
    text-align: left;
    font-weight: 600;
}

.categories-table td[b-3h34lj5ypu] {
    padding: 14px 12px;
    border-bottom: 1px solid #eaeaea;
}

.categories-table tr:nth-child(even)[b-3h34lj5ypu] {
    background-color: #f9f9f9;
}

.categories-table tr:hover[b-3h34lj5ypu] {
    background-color: #f1f1f1;
}

.categories-table tr:last-child td[b-3h34lj5ypu] {
    border-bottom: none;
}

.empty-data[b-3h34lj5ypu] {
    text-align: center;
    padding: 30px;
    color: #6c757d;
    font-style: italic;
}

@media (max-width: 768px) {
    h1[b-3h34lj5ypu] {
        flex-direction: column;
        gap: 10px;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventbriteTimezones.cshtml.rz.scp.css */
/* ============================================================
   Eventbrite Timezones — Scoped CSS
   Colors/layout carried over from legacy admin/EventbriteTimezones.aspx
   (purple gradient header, horizontal timezone cards, drag handle,
   status chips, create/edit card). Font-Awesome dropped in favour of
   Lucide <svg> icons, so icon rules target `svg` (same idiom as the
   migrated EventbriteOrganizers page).

   NOTE: the card grid + form are server-rendered (Razor @for / static
   markup) so this scoped CSS reaches them; the panels are only toggled
   by Alpine x-show, never generated client-side.
   ============================================================ */

.container[b-5055m83gce] {
    max-width: 1200px;
    margin: 0 auto;
}

header[b-5055m83gce] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

h1[b-5055m83gce] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

/* ── Alerts (legacy .alert / .alert-danger / .alert-success) ── */
.alert[b-5055m83gce] {
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
}

.alert-danger[b-5055m83gce] {
    background-color: #ffebee;
    color: #d32f2f;
}

.alert-success[b-5055m83gce] {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.closebtn[b-5055m83gce] {
    color: inherit;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.8;
    background: none;
    border: none;
}

.closebtn:hover[b-5055m83gce] {
    opacity: 1;
}

/* ── Toolbar ── */
.filters[b-5055m83gce] {
    background-color: #fff;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.btn[b-5055m83gce] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 6px;
    user-select: none;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn-primary[b-5055m83gce] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.btn-primary:hover[b-5055m83gce] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}

.btn-primary:disabled[b-5055m83gce] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-secondary[b-5055m83gce] {
    background: #f1f2f6;
    color: #495057;
}

.btn-secondary:hover[b-5055m83gce] {
    background: #e9ecef;
}

/* ── Horizontal timezone cards ── */
.horizontal-cards-container[b-5055m83gce] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.horizontal-timezone-card[b-5055m83gce] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    height: 70px;
    overflow: hidden;
}

.horizontal-timezone-card:hover[b-5055m83gce] {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.horizontal-timezone-card.dragging[b-5055m83gce] {
    transform: rotate(1deg);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.card-color-strip[b-5055m83gce] {
    width: 8px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
}

.card-content[b-5055m83gce] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    flex-grow: 1;
    gap: 16px;
}

.row-number[b-5055m83gce] {
    font-weight: 600;
    font-size: 14px;
    color: #663399;
    min-width: 22px;
    text-align: center;
    flex-shrink: 0;
}

.drag-handle[b-5055m83gce] {
    cursor: move;
    color: #6c757d;
    padding: 8px;
    border-radius: 4px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.drag-handle:hover[b-5055m83gce] {
    color: #663399;
    background-color: rgba(102, 51, 153, 0.1);
}

.drag-handle svg[b-5055m83gce] {
    width: 16px;
    height: 16px;
}

.timezone-icon[b-5055m83gce] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    color: #663399;
}

.timezone-icon svg[b-5055m83gce] {
    width: 18px;
    height: 18px;
}

.timezone-info[b-5055m83gce] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 20px;
    overflow: hidden;
}

.timezone-main[b-5055m83gce] {
    min-width: 200px;
}

.timezone-name[b-5055m83gce] {
    font-weight: 600;
    font-size: 16px;
    color: #2d3436;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.timezone-id[b-5055m83gce] {
    font-size: 12px;
    color: #6c757d;
}

.timezone-details[b-5055m83gce] {
    display: flex;
    gap: 25px;
    align-items: center;
    flex-wrap: wrap;
}

.detail-item[b-5055m83gce] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #495057;
    white-space: nowrap;
}

.detail-icon[b-5055m83gce] {
    color: #663399;
    width: 16px;
    height: 16px;
}

.status-indicators[b-5055m83gce] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.status-icon[b-5055m83gce] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}

.status-icon svg[b-5055m83gce] {
    width: 14px;
    height: 14px;
}

.status-default[b-5055m83gce] {
    color: #FFD700; /* Gold for default */
    background-color: rgba(255, 215, 0, 0.15);
}

.status-visible[b-5055m83gce] {
    color: #1565C0; /* Blue for visible */
    background-color: rgba(21, 101, 192, 0.15);
}

.status-icon:hover[b-5055m83gce] {
    transform: scale(1.1);
}

.card-actions[b-5055m83gce] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    border-left: 1px solid #f1f2f6;
}

.action-btn[b-5055m83gce] {
    color: #6c757d;
    cursor: pointer;
    transition: color 0.3s ease;
    padding: 8px;
    text-decoration: none;
    display: inline-flex;
}

.action-btn:hover[b-5055m83gce] {
    color: #663399;
}

.action-btn svg[b-5055m83gce] {
    width: 18px;
    height: 18px;
}

/* ── Empty state ── */
.empty-state[b-5055m83gce] {
    text-align: center;
    padding: 40px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.empty-state svg[b-5055m83gce] {
    width: 48px;
    height: 48px;
    color: #cbd5e1;
    margin-bottom: 15px;
}

.empty-state p[b-5055m83gce] {
    color: #64748b;
    font-size: 1.1rem;
}

/* ── Create / edit card ── */
.create-panel-container[b-5055m83gce] {
    margin: 0 auto;
}

.create-card[b-5055m83gce] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.card-header[b-5055m83gce] {
    padding: 24px 30px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
}

.header-content[b-5055m83gce] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.title-section[b-5055m83gce] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3436;
}

.title-section svg[b-5055m83gce] {
    color: #663399;
}

.header-description[b-5055m83gce] {
    color: #6c757d;
    font-size: 0.95rem;
}

.id-badge[b-5055m83gce] {
    background: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9rem;
    color: #6c757d;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
}

.id-badge svg[b-5055m83gce] {
    color: #663399;
    width: 16px;
    height: 16px;
}

.card-body[b-5055m83gce] {
    padding: 30px;
}

.form-section[b-5055m83gce] {
    margin-bottom: 32px;
}

.section-title[b-5055m83gce] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #2d3436;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f2f6;
}

.section-title svg[b-5055m83gce] {
    color: #663399;
    width: 20px;
    height: 20px;
}

.form-group[b-5055m83gce] {
    margin-bottom: 20px;
}

.form-label[b-5055m83gce] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #2d3436;
}

.form-input[b-5055m83gce] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.form-input:focus[b-5055m83gce] {
    outline: none;
    border-color: #663399;
    box-shadow: 0 0 0 3px rgba(102, 51, 153, 0.1);
}

.settings-grid[b-5055m83gce] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.setting-item[b-5055m83gce] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.setting-item:hover[b-5055m83gce] {
    background: #e9ecef;
}

.setting-content[b-5055m83gce] {
    flex-grow: 1;
}

.setting-label[b-5055m83gce] {
    display: block;
    font-weight: 500;
    color: #2d3436;
    margin-bottom: 4px;
    cursor: pointer;
}

.setting-description[b-5055m83gce] {
    font-size: 0.85rem;
    color: #6c757d;
}

.card-footer[b-5055m83gce] {
    padding: 24px 30px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.action-buttons[b-5055m83gce] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.btn-cancel[b-5055m83gce] {
    background: white;
    color: #6c757d;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.btn-cancel:hover[b-5055m83gce] {
    background: #f8f9fa;
    border-color: #6c757d;
}

/* ── Confirm modal (replaces javascript confirm) ── */
.tz-confirm-overlay[b-5055m83gce] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
}

.tz-confirm-box[b-5055m83gce] {
    background: white;
    border-radius: 8px;
    padding: 22px 26px;
    min-width: 280px;
    max-width: 420px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.tz-confirm-box p[b-5055m83gce] {
    margin: 0 0 18px 0;
    font-size: 14px;
    color: #2d3436;
}

.tz-confirm-actions[b-5055m83gce] {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.tz-confirm-actions button[b-5055m83gce] {
    padding: 8px 20px;
    cursor: pointer;
    border: 1px solid #999;
    background: #f0f0f0;
    border-radius: 6px;
    font-weight: 500;
}

.tz-confirm-actions .tz-confirm-ok[b-5055m83gce] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    border-color: #663399;
}

/* ── Responsive ── */
@media (max-width: 1200px) {
    .timezone-details[b-5055m83gce] {
        gap: 15px;
    }

    .detail-item[b-5055m83gce] {
        font-size: 12px;
    }
}

@media (max-width: 992px) {
    .timezone-info[b-5055m83gce] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .timezone-details[b-5055m83gce] {
        gap: 10px;
    }
}

@media (max-width: 768px) {
    .horizontal-timezone-card[b-5055m83gce] {
        height: auto;
        flex-direction: column;
    }

    .card-content[b-5055m83gce] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .timezone-info[b-5055m83gce] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
    }

    .timezone-details[b-5055m83gce] {
        width: 100%;
        justify-content: space-between;
    }

    .card-actions[b-5055m83gce] {
        border-left: none;
        border-top: 1px solid #f1f2f6;
        width: 100%;
        justify-content: flex-end;
        padding: 10px 16px;
    }

    .header-content[b-5055m83gce] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .action-buttons[b-5055m83gce] {
        flex-direction: column;
    }

    .btn-cancel[b-5055m83gce],
    .btn-primary[b-5055m83gce] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventHostDetails.cshtml.rz.scp.css */
/* Event Host Management — ported from legacy admin/EventHostDetails.aspx <style>,
   font-awesome dropped in favour of Lucide, modal adapted for Alpine x-show. */

.host-container[b-hrv484vqto] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1400px;
    margin: 20px auto;
    padding: 20px;
}

.host-header[b-hrv484vqto] {
    background: #330033;
    color: white;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.host-header-left h1[b-hrv484vqto] {
    margin: 0 0 10px 0;
    font-size: 2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 15px;
}

.host-header-left h1 svg[b-hrv484vqto] {
    width: 30px;
    height: 30px;
}

.host-header-left p[b-hrv484vqto] {
    margin: 0;
    opacity: 0.9;
}

.card[b-hrv484vqto] {
    background: white;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.card-title[b-hrv484vqto] {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
}

.card-title svg[b-hrv484vqto] {
    width: 22px;
    height: 22px;
}

.btn[b-hrv484vqto] {
    padding: 10px 24px;
    border: none;
    border-radius: 6px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    min-width: 120px;
    justify-content: center;
}

.btn svg[b-hrv484vqto] {
    width: 16px;
    height: 16px;
}

.btn-primary[b-hrv484vqto] {
    background: #330033;
    color: white;
}

.btn-primary:hover[b-hrv484vqto] {
    background: #4a004a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(51, 0, 51, 0.3);
}

.btn-success[b-hrv484vqto] {
    background: #28a745;
    color: white;
}

.btn-success:hover[b-hrv484vqto] {
    background: #218838;
}

.btn-danger[b-hrv484vqto] {
    background: #dc3545;
    color: white;
}

.btn-danger:hover[b-hrv484vqto] {
    background: #c82333;
}

.btn-warning[b-hrv484vqto] {
    background: #ffc107;
    color: #212529;
}

.btn-warning:hover[b-hrv484vqto] {
    background: #e0a800;
}

.btn-secondary[b-hrv484vqto] {
    background: #6c757d;
    color: white;
}

.stats-grid[b-hrv484vqto] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 25px;
}

.stat-card[b-hrv484vqto] {
    background: #330033;
    color: white;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}

.stat-value[b-hrv484vqto] {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 5px;
}

.stat-label[b-hrv484vqto] {
    font-size: 0.9rem;
    opacity: 0.9;
}

.tabs-container[b-hrv484vqto] {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
    border-bottom: 3px solid #f0f0f0;
    padding-bottom: 0;
}

.tab-button[b-hrv484vqto] {
    background: none;
    border: none;
    padding: 15px 30px;
    font-size: 1rem;
    font-weight: 600;
    color: #666;
    cursor: pointer;
    transition: all 0.3s;
    border-bottom: 3px solid transparent;
    margin-bottom: -3px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tab-button svg[b-hrv484vqto] {
    width: 18px;
    height: 18px;
}

.tab-button:hover[b-hrv484vqto] {
    color: #330033;
    background: #f8f9ff;
}

.tab-button.active[b-hrv484vqto] {
    color: #330033;
    border-bottom-color: #330033;
    background: #f8f9ff;
}

.tab-badge[b-hrv484vqto] {
    background: #330033;
    color: white;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 0.85rem;
    min-width: 25px;
    text-align: center;
}

.tab-button.active .tab-badge[b-hrv484vqto] {
    background: white;
    color: #330033;
}

.data-table[b-hrv484vqto] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.data-table thead[b-hrv484vqto] {
    background: #330033;
    color: white;
}

.data-table th[b-hrv484vqto] {
    padding: 12px;
    text-align: left;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
}

.data-table td[b-hrv484vqto] {
    padding: 12px;
    border-bottom: 1px solid #eee;
    font-size: 0.9rem;
}

.data-table tbody tr[b-hrv484vqto] {
    transition: all 0.2s;
}

.data-table tbody tr:hover[b-hrv484vqto] {
    background: #f8f9ff;
}

.data-table tbody tr:nth-child(even)[b-hrv484vqto] {
    background: #fafafa;
}

.data-table tbody tr:nth-child(even):hover[b-hrv484vqto] {
    background: #f8f9ff;
}

.data-table tbody tr.terminated-row[b-hrv484vqto] {
    background: #ffe6e6 !important;
}

.data-table tbody tr.terminated-row:hover[b-hrv484vqto] {
    background: #ffcccc !important;
}

.data-table tbody tr.deleted-row[b-hrv484vqto] {
    background: #ffb3b3 !important;
    opacity: 0.7;
}

.data-table tbody tr.deleted-row:hover[b-hrv484vqto] {
    background: #ff9999 !important;
}

.email-link[b-hrv484vqto] {
    color: #330033;
}

.actions-cell[b-hrv484vqto] {
    white-space: nowrap;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.actions-cell .btn[b-hrv484vqto] {
    min-width: 0;
    padding: 8px 14px;
    font-size: 0.85rem;
}

.empty-cell[b-hrv484vqto] {
    text-align: center;
    padding: 30px !important;
    color: #888;
    font-style: italic;
}

/* Modal (Alpine x-show controls display; x-cloak prevents pre-init flash) */
.modal[b-hrv484vqto] {
    display: block;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-content[b-hrv484vqto] {
    background-color: #fefefe;
    margin: 3% auto;
    padding: 0;
    border-radius: 12px;
    width: 90%;
    max-width: 900px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    animation: slideDown-b-hrv484vqto 0.3s;
}

.confirm-content[b-hrv484vqto] {
    max-width: 480px;
}

.modal-header[b-hrv484vqto] {
    background: #330033;
    color: white;
    padding: 20px 30px;
    border-radius: 12px 12px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h2[b-hrv484vqto] {
    margin: 0;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.modal-header h2 svg[b-hrv484vqto] {
    width: 24px;
    height: 24px;
}

.close[b-hrv484vqto] {
    color: white;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s;
    line-height: 1;
}

.close:hover[b-hrv484vqto] {
    background: rgba(255, 255, 255, 0.2);
}

.modal-body[b-hrv484vqto] {
    padding: 30px;
}

.confirm-message[b-hrv484vqto] {
    font-size: 1.05rem;
    color: #333;
    margin: 0 0 10px 0;
}

.form-grid[b-hrv484vqto] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.form-group[b-hrv484vqto] {
    margin-bottom: 0;
}

.form-label[b-hrv484vqto] {
    display: block;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    font-size: 0.9rem;
}

.form-control[b-hrv484vqto] {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    transition: all 0.3s;
    box-sizing: border-box;
}

.form-control:focus[b-hrv484vqto] {
    outline: none;
    border-color: #330033;
    box-shadow: 0 0 0 3px rgba(51, 0, 51, 0.1);
}

.required[b-hrv484vqto] {
    color: #dc3545;
    margin-left: 3px;
}

.validation-summary[b-hrv484vqto] {
    background: #fee2e2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.validation-summary ul[b-hrv484vqto] {
    margin: 0;
    padding-left: 20px;
}

.btn-actions[b-hrv484vqto] {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #f0f0f0;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

@keyframes slideDown-b-hrv484vqto {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-width: 1024px) {
    .form-grid[b-hrv484vqto] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .form-grid[b-hrv484vqto] {
        grid-template-columns: 1fr;
    }

    .host-header[b-hrv484vqto] {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    .host-header-left h1[b-hrv484vqto] {
        font-size: 1.5rem;
        justify-content: center;
    }

    .tabs-container[b-hrv484vqto] {
        flex-wrap: wrap;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventHostPay.cshtml.rz.scp.css */
/* Host Pay — ported from legacy admin/EventHostPay.aspx <style> (alert + GRIDVIEW
   heading), font-awesome dropped for Lucide, GridView inline edit reproduced as an
   Alpine per-row editor. Brand colour #330033 matches the sibling admin pages. */

.pay-container[b-03jeqpud8y] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1500px;
    margin: 20px auto;
    padding: 20px;
}

.pay-header[b-03jeqpud8y] {
    background: #330033;
    color: white;
    padding: 26px 30px;
    border-radius: 12px;
    margin-bottom: 25px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.pay-header h1[b-03jeqpud8y] {
    margin: 0 0 8px 0;
    font-size: 1.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
}

.pay-header h1 svg[b-03jeqpud8y] {
    width: 28px;
    height: 28px;
}

.pay-header p[b-03jeqpud8y] {
    margin: 0;
    opacity: 0.9;
}

/* ── Alerts (legacy .alert / .alert-danger) ── */
.alert[b-03jeqpud8y] {
    padding: 0.75rem 1.25rem;
    border-radius: 10px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.alert-danger[b-03jeqpud8y] {
    background-color: #f8d7da;
    color: #721c24;
}

.closebtn[b-03jeqpud8y] {
    margin-left: 15px;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    background: none;
    border: none;
    color: inherit;
}

/* ── Filter ── */
.filters[b-03jeqpud8y] {
    margin-bottom: 20px;
}

.filters fieldset[b-03jeqpud8y] {
    border: 1px solid #e0d3e0;
    border-radius: 10px;
    padding: 16px 20px;
}

.filters legend[b-03jeqpud8y] {
    font-weight: 600;
    color: #330033;
    padding: 0 8px;
}

.filter-row[b-03jeqpud8y] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.filter-row label[b-03jeqpud8y] {
    font-weight: 600;
    color: #333;
}

/* ── Buttons ── */
.btn[b-03jeqpud8y] {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    justify-content: center;
}

.btn svg[b-03jeqpud8y] {
    width: 16px;
    height: 16px;
}

.btn-sm[b-03jeqpud8y] {
    padding: 7px 12px;
    font-size: 0.82rem;
}

.btn-primary[b-03jeqpud8y] {
    background: #330033;
    color: white;
}

.btn-primary:hover[b-03jeqpud8y] {
    background: #4a004a;
}

.btn-success[b-03jeqpud8y] {
    background: #28a745;
    color: white;
}

.btn-success:hover[b-03jeqpud8y] {
    background: #218838;
}

.btn-secondary[b-03jeqpud8y] {
    background: #6c757d;
    color: white;
}

.btn-secondary:hover[b-03jeqpud8y] {
    background: #5a6268;
}

.btn:disabled[b-03jeqpud8y] {
    opacity: 0.6;
    cursor: not-allowed;
}

.link-btn[b-03jeqpud8y] {
    background: none;
    border: none;
    color: #330033;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
    font-size: 0.9rem;
}

.link-btn:hover[b-03jeqpud8y] {
    color: #4a004a;
}

/* ── Card + grid ── */
.card[b-03jeqpud8y] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.data-table[b-03jeqpud8y] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1100px;
}

.data-table thead[b-03jeqpud8y] {
    /* legacy .GRIDVIEWHeading */
    background: #330033;
    color: white;
}

.data-table th[b-03jeqpud8y] {
    padding: 10px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.data-table td[b-03jeqpud8y] {
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
    font-size: 0.88rem;
    vertical-align: top;
}

/* legacy RowStyle / AlternatingRowStyle */
.data-table tbody tr[b-03jeqpud8y] {
    background: #F5ECFF;
}

.data-table tbody tr:nth-child(even)[b-03jeqpud8y] {
    background: #ffffff;
}

.data-table tbody tr:hover[b-03jeqpud8y] {
    background: #f0e4ff;
}

/* legacy: paid rows greyed out (RowDataBound BackColor = Gray) */
.data-table tbody tr.paid-row[b-03jeqpud8y],
.data-table tbody tr.paid-row:nth-child(even)[b-03jeqpud8y] {
    background: #cfcfcf !important;
    color: #444;
}

.data-table tbody tr.paid-row:hover[b-03jeqpud8y] {
    background: #c2c2c2 !important;
}

.email-link[b-03jeqpud8y] {
    color: #330033;
}

.memo-cell[b-03jeqpud8y] {
    display: inline-block;
    max-width: 220px;
    white-space: pre-wrap;
    word-break: break-word;
}

.edit-input[b-03jeqpud8y] {
    width: 100px;
    padding: 6px 8px;
    border: 2px solid #ddd;
    border-radius: 5px;
    font-size: 0.88rem;
    box-sizing: border-box;
}

.edit-input:focus[b-03jeqpud8y] {
    outline: none;
    border-color: #330033;
    box-shadow: 0 0 0 3px rgba(51, 0, 51, 0.1);
}

.edit-memo[b-03jeqpud8y] {
    width: 200px;
    min-height: 52px;
    resize: vertical;
    font-family: inherit;
}

.actions-cell[b-03jeqpud8y] {
    white-space: nowrap;
}

.actions-cell .btn[b-03jeqpud8y] {
    margin: 2px;
}

.empty-cell[b-03jeqpud8y] {
    text-align: center;
    padding: 30px !important;
    color: #888;
    font-style: italic;
    background: #fff;
}

@media (max-width: 768px) {
    .pay-header h1[b-03jeqpud8y] {
        font-size: 1.4rem;
    }

    .filter-row[b-03jeqpud8y] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventsWithLowTurnOut.cshtml.rz.scp.css */
/* ============================================================
   Events With Low Turn Out — Scoped CSS
   Ported from admin/EventsWithLowTurnOut.aspx (purple house palette).
   Font-Awesome dropped in favour of Lucide <svg> icons, so icon rules
   target `svg`. Grid rows are rendered by Alpine <template x-for>; the
   template markup lives in the .cshtml so it carries the scope attribute
   and these scoped selectors reach the cloned rows.
   ============================================================ */

.events-container[b-r9ia2ooqbp] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1600px;
    margin: 20px auto;
}

/* Header */
.page-header[b-r9ia2ooqbp] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 25px;
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
}
.page-header h2[b-r9ia2ooqbp] {
    margin: 0 0 10px 0;
    font-weight: 600;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    gap: 12px;
}
.page-header h2 svg[b-r9ia2ooqbp] { width: 26px; height: 26px; }
.page-header p[b-r9ia2ooqbp] { margin: 0; opacity: 0.9; font-size: 0.95rem; }

/* Stats */
.stats-section[b-r9ia2ooqbp] {
    background: #f9f4ff;
    padding: 20px;
    border-left: 1px solid #e1e4e8;
    border-right: 1px solid #e1e4e8;
}
.stats-grid[b-r9ia2ooqbp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}
.stat-card[b-r9ia2ooqbp] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e1e4e8;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.2s;
    text-align: center;
}
.stat-card:hover[b-r9ia2ooqbp] {
    box-shadow: 0 4px 12px rgba(111, 66, 193, 0.15);
    transform: translateY(-2px);
}
.stat-title[b-r9ia2ooqbp] {
    font-size: 15px;
    color: #444;
    margin-bottom: 5px;
    font-weight: 700;
    letter-spacing: 0.2px;
}
.stat-value[b-r9ia2ooqbp] {
    font-size: 28px;
    font-weight: bold;
    color: #6f42c1;
    margin: 10px 0;
}
.stat-description[b-r9ia2ooqbp] { font-size: 14px; color: #666; margin-top: 5px; }

/* Filter bar */
.filter-section[b-r9ia2ooqbp] {
    background: white;
    padding: 20px 25px;
    border-left: 1px solid #e1e4e8;
    border-right: 1px solid #e1e4e8;
    border-bottom: 1px solid #e1e4e8;
}
.filter-row[b-r9ia2ooqbp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px 18px;
    flex-wrap: wrap;
}
.filter-field[b-r9ia2ooqbp] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #f5f3fa;
    border: 1px solid #e6ddff;
    box-shadow: 0 1px 2px rgba(103, 80, 164, 0.08);
    flex: 0 1 auto;
}
.filter-field label[b-r9ia2ooqbp] {
    font-weight: 700;
    color: #330033;
    font-size: 14px;
    white-space: nowrap;
    margin-right: 2px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.filter-field label svg[b-r9ia2ooqbp] { width: 15px; height: 15px; }
.filter-field select[b-r9ia2ooqbp] {
    padding: 8px 12px;
    border: 1px solid #d7caff;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'Segoe UI', Roboto, sans-serif;
    width: 100px;
    box-sizing: border-box;
    background-color: #ffffff;
    color: #1f1433;
    transition: box-shadow .15s, border-color .15s, background-color .15s;
}
.filter-field select:hover[b-r9ia2ooqbp] { background-color: #faf8ff; border-color: #c6b6ff; }
.filter-field select:focus[b-r9ia2ooqbp] {
    outline: none;
    border-color: #b199ff;
    box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.18);
    background-color: #ffffff;
}

.btn-filter[b-r9ia2ooqbp] {
    background: #330033;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
    transition: transform .12s ease, background .2s ease, box-shadow .2s ease;
    flex: 0 0 auto;
    box-shadow: 0 2px 6px rgba(17, 12, 46, 0.15);
    font-weight: 500;
}
.btn-filter:hover[b-r9ia2ooqbp] { background: #4a004a; transform: translateY(-1px); }

/* Results */
.results-section[b-r9ia2ooqbp] {
    background: white;
    padding: 0;
    border-radius: 0 0 8px 8px;
    border: 1px solid #e1e4e8;
    border-top: none;
}
.table-container[b-r9ia2ooqbp] { overflow-x: auto; }

.modern-table[b-r9ia2ooqbp] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.modern-table thead[b-r9ia2ooqbp] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
    color: white;
    position: sticky;
    top: 0;
    z-index: 10;
}
.modern-table th[b-r9ia2ooqbp] {
    padding: 14px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    color: #fff;
}
.modern-table td[b-r9ia2ooqbp] {
    padding: 12px;
    border-bottom: 1px solid #e9ecef;
}
.modern-table tbody tr[b-r9ia2ooqbp] { background: white; transition: background 0.2s; }
.modern-table tbody tr:nth-child(even)[b-r9ia2ooqbp] { background: #f9f4ff; }
.modern-table tbody tr:hover[b-r9ia2ooqbp] { background: #f0e6ff; }

.row-number[b-r9ia2ooqbp] { font-weight: 600; color: #666; font-size: 13px; }
.event-link[b-r9ia2ooqbp] {
    color: #6f42c1;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s;
}
.event-link:hover[b-r9ia2ooqbp] { color: #330033; text-decoration: underline; }

.venue-badge[b-r9ia2ooqbp] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    background: #e7f3ff;
    color: #0066cc;
}
.money-badge[b-r9ia2ooqbp] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    background: #d4edda;
    color: #155724;
}
.venue-badge svg[b-r9ia2ooqbp], .money-badge svg[b-r9ia2ooqbp] { width: 13px; height: 13px; }

.count-badge[b-r9ia2ooqbp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    background: #f5f3fa;
    color: #330033;
    min-width: 30px;
    border: 1px solid #e6ddff;
}
/* Waiting-list badge (legacy yellow) */
.count-badge.badge-wl[b-r9ia2ooqbp] { background: #fff3cd; color: #856404; border-color: #ffeaa7; }
/* Canceled badge (legacy red) */
.count-badge.badge-cancel[b-r9ia2ooqbp] { background: #f8d7da; color: #721c24; border-color: #f5c6cb; }

.action-button[b-r9ia2ooqbp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #6f42c1;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s;
    white-space: nowrap;
}
.action-button:hover[b-r9ia2ooqbp] {
    background: #5a32a3;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(111, 66, 193, 0.3);
    color: white;
    text-decoration: none;
}
.action-button svg[b-r9ia2ooqbp] { width: 14px; height: 14px; }

.table-empty[b-r9ia2ooqbp] {
    text-align: center;
    padding: 40px;
    color: #888;
    font-size: 0.9rem;
}

/* Cell / column hover effects (driven by the ported vanilla-JS highlighter) */
.modern-table tbody td.is-col-hover[b-r9ia2ooqbp] { background: #efe6ff; }
.modern-table tbody td.is-cell-hover[b-r9ia2ooqbp] {
    background: #e6dbff;
    position: relative;
    z-index: 1;
    box-shadow: inset 0 0 0 1px rgba(111, 66, 193, 0.25);
}
.modern-table tbody td.is-col-hover.is-cell-hover[b-r9ia2ooqbp] {
    background: #e0d2ff;
    box-shadow: inset 0 0 0 2px rgba(111, 66, 193, 0.28);
}
.modern-table thead th.is-col-hover[b-r9ia2ooqbp] { background: rgba(0, 0, 0, 0.18); }

@media (max-width: 768px) {
    .modern-table[b-r9ia2ooqbp] { font-size: 12px; }
    .modern-table th[b-r9ia2ooqbp], .modern-table td[b-r9ia2ooqbp] { padding: 10px 8px; }
    .stats-grid[b-r9ia2ooqbp] { grid-template-columns: 1fr; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/EventTitleCategoryCET.cshtml.rz.scp.css */
/* ============================================================
   Event Title Category CET — scoped styles
   ============================================================ */

.cetc-page[b-nafs5hgq95] { font-size: 0.9rem; color: #333; }

/* ---- Header ---- */
.cetc-header[b-nafs5hgq95] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.cetc-header-left[b-nafs5hgq95] { display: flex; align-items: center; gap: 14px; }
.cetc-header-icon[b-nafs5hgq95] { width: 32px; height: 32px; opacity: 0.9; }
.cetc-header-left h1[b-nafs5hgq95] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.cetc-header-sub[b-nafs5hgq95] { font-size: 0.85rem; opacity: 0.8; margin-top: 2px; }
.cetc-header-right[b-nafs5hgq95] { display: flex; align-items: center; gap: 8px; }

.cetc-badge[b-nafs5hgq95] {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 12px;
    border-radius: 13px;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}
.cetc-badge-ok[b-nafs5hgq95]  { background: rgba(255,255,255,0.22); color: #fff; }
.cetc-badge-del[b-nafs5hgq95] { background: #fee2e2; color: #991b1b; }

/* ---- Legend ---- */
.cetc-legend[b-nafs5hgq95] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    color: #6b7280;
    margin: 0 0 10px 2px;
}
.cetc-legend code[b-nafs5hgq95] {
    background: #f3f4f6;
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 0.75rem;
}
.cetc-swatch[b-nafs5hgq95] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    background: #ffcccc;
    border: 1px solid #f19a9a;
}

/* ---- Table ---- */
.cetc-table-panel[b-nafs5hgq95] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.cetc-table-wrap[b-nafs5hgq95] { overflow-x: auto; }

.cetc-table[b-nafs5hgq95] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.cetc-table th[b-nafs5hgq95] {
    text-align: left;
    padding: 10px 14px;
    background: #f9fafb;
    font-weight: 600;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #666;
    border-bottom: 2px solid #eee;
    white-space: nowrap;
}
.cetc-table td[b-nafs5hgq95] {
    padding: 10px 14px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    vertical-align: top;
}
.cetc-table tbody tr:hover td[b-nafs5hgq95] { background: #f5f3ff; }

/* Deleted rows -> RED background (legacy set Row.BackColor = Color.Red) */
.cetc-row-deleted td[b-nafs5hgq95] { background: #ffcccc; color: #7f1d1d; }
.cetc-row-deleted:hover td[b-nafs5hgq95] { background: #ffbdbd; }

.cetc-col-num[b-nafs5hgq95]  { width: 48px; text-align: center; color: #6b7280; font-weight: 600; }
.cetc-col-id[b-nafs5hgq95]   { width: 60px; text-align: center; color: #6b7280; }
.cetc-col-type[b-nafs5hgq95] { width: 120px; white-space: nowrap; }
.cetc-col-action[b-nafs5hgq95] { width: 72px; text-align: center; }

.cetc-title-cell[b-nafs5hgq95] { font-weight: 600; color: #111827; min-width: 140px; }
.cetc-desc-cell[b-nafs5hgq95] {
    max-width: 340px;
    color: #4b5563;
    font-size: 0.8rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.cetc-edit-btn[b-nafs5hgq95] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #fff;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.15s;
}
.cetc-edit-btn:hover[b-nafs5hgq95] { background: #ede9fe; border-color: #c4b5fd; color: #6d28d9; }
.cetc-edit-btn:disabled[b-nafs5hgq95] { opacity: 0.4; cursor: not-allowed; }

/* ---- Empty state ---- */
.cetc-empty[b-nafs5hgq95] {
    text-align: center;
    padding: 60px 20px;
    color: #6b7280;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
}
.cetc-empty p[b-nafs5hgq95] { margin-top: 12px; font-size: 1.05rem; font-weight: 600; color: #374151; }

/* ---- Danger banner (legacy .alert-danger + .closebtn) ---- */
.cetc-alert[b-nafs5hgq95] {
    padding: 16px 20px;
    color: #fff;
    margin-bottom: 16px;
    border-radius: 8px;
    font-size: 0.9rem;
}
.cetc-alert-danger[b-nafs5hgq95] { background: #f44336; }
.cetc-closebtn[b-nafs5hgq95] {
    margin-left: 15px;
    color: #fff;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.cetc-closebtn:hover[b-nafs5hgq95] { color: #000; }

/* ---- Edit fieldset ---- */
.cetc-fieldset[b-nafs5hgq95] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 20px 24px 24px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.cetc-fieldset > legend[b-nafs5hgq95] {
    font-weight: 700;
    color: #4f46e5;
    padding: 0 8px;
    font-size: 0.95rem;
}

.cetc-edit-head[b-nafs5hgq95] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    justify-content: center;
    padding-bottom: 16px;
    margin-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    flex-wrap: wrap;
}
.cetc-edit-title[b-nafs5hgq95] { font-size: 1.25rem; font-weight: 700; color: #111827; }
.cetc-edit-id[b-nafs5hgq95] { font-size: 0.85rem; color: #6b7280; font-weight: 600; }

.cetc-field[b-nafs5hgq95] { margin-bottom: 16px; }
.cetc-field label[b-nafs5hgq95] {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #6b7280;
    margin-bottom: 5px;
}
.cetc-field textarea[b-nafs5hgq95] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.88rem;
    font-family: inherit;
    line-height: 1.45;
    resize: vertical;
    background: #fff;
    color: #111827;
}
.cetc-field textarea:focus[b-nafs5hgq95] {
    outline: none;
    border-color: #7c3aed;
    box-shadow: 0 0 0 3px rgba(124,58,237,0.15);
}

/* ---- Action buttons ---- */
.cetc-actions[b-nafs5hgq95] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #f0f0f0;
}
.cetc-btn-primary[b-nafs5hgq95],
.cetc-btn-secondary[b-nafs5hgq95] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.15s;
}
.cetc-btn-primary[b-nafs5hgq95] { background: #4f46e5; color: #fff; }
.cetc-btn-primary:hover[b-nafs5hgq95] { background: #4338ca; }
.cetc-btn-primary:disabled[b-nafs5hgq95] { opacity: 0.55; cursor: not-allowed; }
.cetc-btn-secondary[b-nafs5hgq95] { background: #fff; color: #4b5563; border-color: #d1d5db; }
.cetc-btn-secondary:hover[b-nafs5hgq95] { background: #f9fafb; }
.cetc-btn-secondary:disabled[b-nafs5hgq95] { opacity: 0.55; cursor: not-allowed; }

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .cetc-header[b-nafs5hgq95] { flex-direction: column; align-items: flex-start; }
    .cetc-desc-cell[b-nafs5hgq95] { max-width: 200px; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ExpenseByCategoryCharts.cshtml.rz.scp.css */
/* ============================================================
   Expense by Category Chart — Scoped CSS (mirrors RevenueByMonthChart)
   ============================================================ */

/* --- Page Header --- */
.page-header[b-mvkgrwf8su] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 50%, #5b21b6 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left h1[b-mvkgrwf8su] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-mvkgrwf8su] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.year-nav[b-mvkgrwf8su] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.15);
    padding: 4px;
    border-radius: 10px;
    backdrop-filter: blur(8px);
}
.year-btn[b-mvkgrwf8su] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: none;
    background: rgba(255,255,255,0.12);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}
.year-btn:hover:not(:disabled)[b-mvkgrwf8su] { background: rgba(255,255,255,0.25); }
.year-btn:disabled[b-mvkgrwf8su] { opacity: 0.3; cursor: not-allowed; }

.year-select[b-mvkgrwf8su] {
    background: rgba(255,255,255,0.2);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    appearance: none;
    text-align: center;
    min-width: 80px;
}
.year-select option[b-mvkgrwf8su] { color: #333; background: #fff; }

/* --- Error Banner --- */
.error-banner[b-mvkgrwf8su] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
    word-break: break-word;
}

/* --- Loading --- */
.loading-overlay[b-mvkgrwf8su] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-mvkgrwf8su] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #7c3aed;
    border-radius: 50%;
    animation: spin-b-mvkgrwf8su 0.7s linear infinite;
}
@keyframes spin-b-mvkgrwf8su { to { transform: rotate(360deg); } }

/* --- KPI Cards --- */
.kpi-row[b-mvkgrwf8su] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}
.kpi-card[b-mvkgrwf8su] {
    background: #fff;
    border-radius: 12px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    transition: transform 0.15s, box-shadow 0.15s;
}
.kpi-card:hover[b-mvkgrwf8su] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.kpi-icon[b-mvkgrwf8su] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.kpi-total .kpi-icon[b-mvkgrwf8su]  { background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff; }
.kpi-cats .kpi-icon[b-mvkgrwf8su]   { background: linear-gradient(135deg, #06b6d4, #3b82f6); color: #fff; }
.kpi-peak .kpi-icon[b-mvkgrwf8su]   { background: linear-gradient(135deg, #f97316, #eab308); color: #fff; }
.kpi-avg .kpi-icon[b-mvkgrwf8su]    { background: linear-gradient(135deg, #14b8a6, #22c55e); color: #fff; }

.kpi-content[b-mvkgrwf8su] { display: flex; flex-direction: column; min-width: 0; }
.kpi-label[b-mvkgrwf8su] { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.5px; color: #888; font-weight: 600; }
.kpi-value[b-mvkgrwf8su] { font-size: 1.25rem; font-weight: 700; color: #1e1e2e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kpi-sub[b-mvkgrwf8su] { font-size: 0.78rem; color: #7c3aed; font-weight: 600; }

/* --- Chart Panels --- */
.chart-panel[b-mvkgrwf8su],
.yoy-panel[b-mvkgrwf8su],
.table-panel[b-mvkgrwf8su] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    overflow: hidden;
}
.chart-header[b-mvkgrwf8su] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #f0f0f0;
}
.chart-header h2[b-mvkgrwf8su] { font-size: 0.95rem; font-weight: 700; color: #333; margin: 0; }
.chart-hint[b-mvkgrwf8su] { font-size: 0.72rem; color: #999; }

.chart-body[b-mvkgrwf8su] { padding: 20px; position: relative; }
.yoy-chart-body[b-mvkgrwf8su] { padding: 16px 20px; }

/* Chart type toggles */
.chart-toggles[b-mvkgrwf8su] { display: flex; gap: 4px; }
.toggle-btn[b-mvkgrwf8su] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 6px;
    font-size: 0.78rem;
    color: #666;
    cursor: pointer;
    transition: all 0.15s;
    font-weight: 500;
}
.toggle-btn:hover[b-mvkgrwf8su] { border-color: #c4b5fd; color: #7c3aed; }
.toggle-btn.active[b-mvkgrwf8su] {
    background: #7c3aed;
    color: #fff;
    border-color: #7c3aed;
}

/* --- Category filter bar (legacy per-series checkboxes) --- */
.filter-bar[b-mvkgrwf8su] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-bottom: 1px solid #f0f0f0;
    background: #fbfbfe;
}
.filter-actions[b-mvkgrwf8su] { display: flex; gap: 6px; }
.filter-btn[b-mvkgrwf8su] {
    padding: 4px 12px;
    border: 1px solid #ddd6fe;
    background: #f5f3ff;
    color: #6d28d9;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}
.filter-btn:hover[b-mvkgrwf8su] { background: #ede9fe; }
.filter-chips[b-mvkgrwf8su] { display: flex; flex-wrap: wrap; gap: 6px; }
.filter-chip[b-mvkgrwf8su] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 20px;
    font-size: 0.76rem;
    color: #444;
    cursor: pointer;
    transition: all 0.15s;
    max-width: 220px;
}
.filter-chip:hover[b-mvkgrwf8su] { border-color: #c4b5fd; }
.filter-chip span:last-child[b-mvkgrwf8su] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chip-dot[b-mvkgrwf8su] { width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0; }
.filter-chip.chip-off[b-mvkgrwf8su] { opacity: 0.4; text-decoration: line-through; background: #f3f4f6; }

/* --- Data Table --- */
.table-wrap[b-mvkgrwf8su] { overflow-x: auto; }
.data-table[b-mvkgrwf8su] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.data-table th[b-mvkgrwf8su] {
    text-align: left;
    padding: 10px 16px;
    background: #f9fafb;
    font-weight: 600;
    font-size: 0.73rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #666;
    border-bottom: 2px solid #eee;
}
.data-table td[b-mvkgrwf8su] {
    padding: 10px 16px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
}
.data-table tr:hover td[b-mvkgrwf8su] { background: #faf5ff; }
.data-table th.num[b-mvkgrwf8su],
.data-table td.num[b-mvkgrwf8su] { text-align: right; }
.data-table th.ctr[b-mvkgrwf8su],
.data-table td.ctr[b-mvkgrwf8su] { text-align: center; }
.data-table tr.row-off td[b-mvkgrwf8su] { opacity: 0.45; }

.month-dot[b-mvkgrwf8su] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    margin-right: 8px;
    vertical-align: middle;
}

.bar-cell[b-mvkgrwf8su] {
    width: 100%;
    min-width: 120px;
    height: 20px;
    background: #f3f4f6;
    border-radius: 4px;
    overflow: hidden;
}
.bar-fill[b-mvkgrwf8su] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.5s ease;
    min-width: 2px;
}

.total-row td[b-mvkgrwf8su] {
    background: #f9fafb;
    border-top: 2px solid #e5e7eb;
    padding: 12px 16px;
}

/* --- Empty State --- */
.empty-state[b-mvkgrwf8su] {
    text-align: center;
    padding: 60px 20px;
    color: #999;
}
.empty-state p[b-mvkgrwf8su] { margin-top: 12px; font-size: 0.95rem; }

/* --- Responsive --- */
@media (max-width: 900px) {
    .kpi-row[b-mvkgrwf8su] { grid-template-columns: repeat(2, 1fr); }
    .page-header[b-mvkgrwf8su] { flex-direction: column; gap: 12px; text-align: center; }
    .chart-header[b-mvkgrwf8su] { flex-direction: column; gap: 8px; align-items: flex-start; }
}
@media (max-width: 540px) {
    .kpi-row[b-mvkgrwf8su] { grid-template-columns: 1fr; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ExpenseByMonthChart.cshtml.rz.scp.css */
/* ============================================================
   Expense by Month Chart — Scoped CSS (mirrors RevenueByMonthChart)
   ============================================================ */

/* --- Page Header --- */
.page-header[b-v05giyi57y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 50%, #5b21b6 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left h1[b-v05giyi57y] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-v05giyi57y] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.year-nav[b-v05giyi57y] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.15);
    padding: 4px;
    border-radius: 10px;
    backdrop-filter: blur(8px);
}
.year-btn[b-v05giyi57y] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: none;
    background: rgba(255,255,255,0.12);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}
.year-btn:hover:not(:disabled)[b-v05giyi57y] { background: rgba(255,255,255,0.25); }
.year-btn:disabled[b-v05giyi57y] { opacity: 0.3; cursor: not-allowed; }

.year-select[b-v05giyi57y] {
    background: rgba(255,255,255,0.2);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    appearance: none;
    text-align: center;
    min-width: 80px;
}
.year-select option[b-v05giyi57y] { color: #333; background: #fff; }

/* --- Error Banner --- */
.error-banner[b-v05giyi57y] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
    word-break: break-word;
}

/* --- Loading --- */
.loading-overlay[b-v05giyi57y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-v05giyi57y] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #7c3aed;
    border-radius: 50%;
    animation: spin-b-v05giyi57y 0.7s linear infinite;
}
@keyframes spin-b-v05giyi57y { to { transform: rotate(360deg); } }

/* --- KPI Cards --- */
.kpi-row[b-v05giyi57y] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}
.kpi-card[b-v05giyi57y] {
    background: #fff;
    border-radius: 12px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    transition: transform 0.15s, box-shadow 0.15s;
}
.kpi-card:hover[b-v05giyi57y] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.kpi-icon[b-v05giyi57y] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.kpi-total .kpi-icon[b-v05giyi57y]  { background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff; }
.kpi-avg .kpi-icon[b-v05giyi57y]    { background: linear-gradient(135deg, #06b6d4, #14b8a6); color: #fff; }
.kpi-peak .kpi-icon[b-v05giyi57y]   { background: linear-gradient(135deg, #f97316, #eab308); color: #fff; }
.kpi-events .kpi-icon[b-v05giyi57y] { background: linear-gradient(135deg, #ec4899, #f43f5e); color: #fff; }

.kpi-content[b-v05giyi57y] { display: flex; flex-direction: column; min-width: 0; }
.kpi-label[b-v05giyi57y] { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.5px; color: #888; font-weight: 600; }
.kpi-value[b-v05giyi57y] { font-size: 1.25rem; font-weight: 700; color: #1e1e2e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kpi-sub[b-v05giyi57y] { font-size: 0.78rem; color: #7c3aed; font-weight: 600; }

/* --- Chart Panels --- */
.chart-panel[b-v05giyi57y],
.table-panel[b-v05giyi57y] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    overflow: hidden;
}
.chart-header[b-v05giyi57y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #f0f0f0;
}
.chart-header h2[b-v05giyi57y] { font-size: 0.95rem; font-weight: 700; color: #333; margin: 0; }

.chart-body[b-v05giyi57y] { padding: 20px; position: relative; }

/* Chart type toggles */
.chart-toggles[b-v05giyi57y] { display: flex; gap: 4px; }
.toggle-btn[b-v05giyi57y] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 6px;
    font-size: 0.78rem;
    color: #666;
    cursor: pointer;
    transition: all 0.15s;
    font-weight: 500;
}
.toggle-btn:hover[b-v05giyi57y] { border-color: #c4b5fd; color: #7c3aed; }
.toggle-btn.active[b-v05giyi57y] {
    background: #7c3aed;
    color: #fff;
    border-color: #7c3aed;
}

/* --- Month filter bar (legacy per-series checkboxes) --- */
.filter-bar[b-v05giyi57y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-bottom: 1px solid #f0f0f0;
    background: #fbfbfe;
}
.filter-actions[b-v05giyi57y] { display: flex; gap: 6px; }
.filter-btn[b-v05giyi57y] {
    padding: 4px 12px;
    border: 1px solid #ddd6fe;
    background: #f5f3ff;
    color: #6d28d9;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}
.filter-btn:hover[b-v05giyi57y] { background: #ede9fe; }
.filter-chips[b-v05giyi57y] { display: flex; flex-wrap: wrap; gap: 6px; }
.filter-chip[b-v05giyi57y] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 20px;
    font-size: 0.76rem;
    color: #444;
    cursor: pointer;
    transition: all 0.15s;
}
.filter-chip:hover[b-v05giyi57y] { border-color: #c4b5fd; }
.chip-dot[b-v05giyi57y] { width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0; }
.filter-chip.chip-off[b-v05giyi57y] { opacity: 0.4; text-decoration: line-through; background: #f3f4f6; }

/* --- Data Table --- */
.table-wrap[b-v05giyi57y] { overflow-x: auto; }
.data-table[b-v05giyi57y] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.data-table th[b-v05giyi57y] {
    text-align: left;
    padding: 10px 16px;
    background: #f9fafb;
    font-weight: 600;
    font-size: 0.73rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #666;
    border-bottom: 2px solid #eee;
}
.data-table td[b-v05giyi57y] {
    padding: 10px 16px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
}
.data-table tr:hover td[b-v05giyi57y] { background: #faf5ff; }
.data-table th.num[b-v05giyi57y],
.data-table td.num[b-v05giyi57y] { text-align: right; }
.data-table th.ctr[b-v05giyi57y],
.data-table td.ctr[b-v05giyi57y] { text-align: center; }
.data-table tr.row-off td[b-v05giyi57y] { opacity: 0.45; }

.month-dot[b-v05giyi57y] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    margin-right: 8px;
    vertical-align: middle;
}

.bar-cell[b-v05giyi57y] {
    width: 100%;
    min-width: 120px;
    height: 20px;
    background: #f3f4f6;
    border-radius: 4px;
    overflow: hidden;
}
.bar-fill[b-v05giyi57y] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.5s ease;
    min-width: 2px;
}

.total-row td[b-v05giyi57y] {
    background: #f9fafb;
    border-top: 2px solid #e5e7eb;
    padding: 12px 16px;
}

/* --- Empty State --- */
.empty-state[b-v05giyi57y] {
    text-align: center;
    padding: 60px 20px;
    color: #999;
}
.empty-state p[b-v05giyi57y] { margin-top: 12px; font-size: 0.95rem; }

/* --- Responsive --- */
@media (max-width: 900px) {
    .kpi-row[b-v05giyi57y] { grid-template-columns: repeat(2, 1fr); }
    .page-header[b-v05giyi57y] { flex-direction: column; gap: 12px; text-align: center; }
    .chart-header[b-v05giyi57y] { flex-direction: column; gap: 8px; align-items: flex-start; }
}
@media (max-width: 540px) {
    .kpi-row[b-v05giyi57y] { grid-template-columns: 1fr; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ExpenseCategories.cshtml.rz.scp.css */
/* ============================================================
   Expense Categories — Scoped CSS
   Purple house palette carried over from admin/ExpenseCategories.aspx
   (GridView #330033 header). Font-Awesome dropped in favour of Lucide
   <svg> icons, so icon rules target `svg`.
   Card list + form + delete modal are server-rendered / static markup
   (toggled by Alpine x-show), so this scoped CSS reaches them.
   ============================================================ */

.container[b-55otmdgycm] {
    max-width: 1200px;
    margin: 0 auto;
}

header[b-55otmdgycm] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

h1[b-55otmdgycm] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.description[b-55otmdgycm] {
    opacity: 0.9;
    margin: 0;
}

/* ── Alerts (legacy .alert / .alert-danger) ── */
.alert[b-55otmdgycm] {
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
}

.alert-danger[b-55otmdgycm] {
    background-color: #f8d7da;
    color: #721c24;
}

.closebtn[b-55otmdgycm] {
    color: inherit;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.8;
    background: none;
    border: none;
}

.closebtn:hover[b-55otmdgycm] {
    opacity: 1;
}

/* ── Toolbar ── */
.filters[b-55otmdgycm] {
    background-color: #fff;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.btn[b-55otmdgycm] {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 6px;
    user-select: none;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn-primary[b-55otmdgycm] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.btn-primary:hover[b-55otmdgycm] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}

.btn-primary:disabled[b-55otmdgycm] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* ── Horizontal cards ── */
.horizontal-cards-container[b-55otmdgycm] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.horizontal-card[b-55otmdgycm] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    min-height: 70px;
    overflow: hidden;
}

.horizontal-card:hover[b-55otmdgycm] {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.card-color-strip[b-55otmdgycm] {
    width: 8px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
}

.card-content[b-55otmdgycm] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    flex-grow: 1;
    gap: 16px;
}

.row-number[b-55otmdgycm] {
    font-weight: 600;
    font-size: 14px;
    color: #663399;
    min-width: 22px;
    text-align: center;
    flex-shrink: 0;
}

.entity-icon[b-55otmdgycm] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    color: #663399;
}

.entity-icon svg[b-55otmdgycm] {
    width: 18px;
    height: 18px;
}

.entity-info[b-55otmdgycm] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 20px;
    overflow: hidden;
    flex-wrap: wrap;
}

.entity-main[b-55otmdgycm] {
    min-width: 180px;
}

.entity-name[b-55otmdgycm] {
    font-weight: 600;
    font-size: 16px;
    color: #2d3436;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entity-sub[b-55otmdgycm] {
    font-size: 13px;
    color: #663399;
    font-weight: 500;
}

.card-actions[b-55otmdgycm] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    border-left: 1px solid #f1f2f6;
}

.action-btn[b-55otmdgycm] {
    color: #6c757d;
    cursor: pointer;
    transition: color 0.3s ease;
    padding: 8px;
    text-decoration: none;
    display: inline-flex;
}

.action-btn:hover[b-55otmdgycm] {
    color: #663399;
}

.action-btn-danger:hover[b-55otmdgycm] {
    color: #b91c1c;
}

.action-btn svg[b-55otmdgycm] {
    width: 18px;
    height: 18px;
}

/* ── Empty state ── */
.empty-state[b-55otmdgycm] {
    text-align: center;
    padding: 40px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.empty-state svg[b-55otmdgycm] {
    width: 48px;
    height: 48px;
    color: #cbd5e1;
    margin-bottom: 15px;
}

.empty-state p[b-55otmdgycm] {
    color: #64748b;
    font-size: 1.1rem;
}

/* ── Create / edit card ── */
.create-panel-container[b-55otmdgycm] {
    margin: 0 auto;
}

.create-card[b-55otmdgycm] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.card-header[b-55otmdgycm] {
    padding: 24px 30px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
}

.header-content[b-55otmdgycm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.title-section[b-55otmdgycm] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3436;
}

.title-section svg[b-55otmdgycm] {
    color: #663399;
}

.header-description[b-55otmdgycm] {
    color: #6c757d;
    font-size: 0.95rem;
}

.id-badge[b-55otmdgycm] {
    background: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9rem;
    color: #6c757d;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
}

.id-badge svg[b-55otmdgycm] {
    color: #663399;
    width: 16px;
    height: 16px;
}

.card-body[b-55otmdgycm] {
    padding: 30px;
}

.form-section[b-55otmdgycm] {
    margin-bottom: 8px;
}

.form-group[b-55otmdgycm] {
    margin-bottom: 20px;
}

.form-label[b-55otmdgycm] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #2d3436;
}

.form-input[b-55otmdgycm] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.form-input:focus[b-55otmdgycm] {
    outline: none;
    border-color: #663399;
    box-shadow: 0 0 0 3px rgba(102, 51, 153, 0.1);
}

.card-footer[b-55otmdgycm] {
    padding: 24px 30px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.action-buttons[b-55otmdgycm] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.btn-cancel[b-55otmdgycm] {
    background: white;
    color: #6c757d;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.btn-cancel:hover[b-55otmdgycm] {
    background: #f8f9fa;
    border-color: #6c757d;
}

/* ── Delete confirm modal ── */
.modal-overlay[b-55otmdgycm] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    padding: 20px;
}

.modal-card[b-55otmdgycm] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
    width: 100%;
    max-width: 440px;
    overflow: hidden;
}

.modal-header[b-55otmdgycm] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 24px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
    font-size: 1.2rem;
    font-weight: 600;
    color: #2d3436;
}

.modal-header svg[b-55otmdgycm] {
    color: #b91c1c;
    width: 22px;
    height: 22px;
}

.modal-body[b-55otmdgycm] {
    padding: 24px;
    color: #2d3436;
}

.modal-body p[b-55otmdgycm] {
    margin: 0 0 8px;
}

.modal-note[b-55otmdgycm] {
    font-size: 0.9rem;
    color: #6c757d;
}

.modal-footer[b-55otmdgycm] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 18px 24px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.btn-danger[b-55otmdgycm] {
    background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-danger:hover[b-55otmdgycm] {
    background: linear-gradient(135deg, #b91c1c 0%, #7f1010 100%);
    box-shadow: 0 5px 15px rgba(185, 28, 28, 0.35);
    transform: translateY(-2px);
}

.btn-danger:disabled[b-55otmdgycm] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .horizontal-card[b-55otmdgycm] {
        flex-direction: column;
    }

    .card-content[b-55otmdgycm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .entity-info[b-55otmdgycm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
    }

    .card-actions[b-55otmdgycm] {
        border-left: none;
        border-top: 1px solid #f1f2f6;
        width: 100%;
        justify-content: flex-end;
        padding: 10px 16px;
    }

    .header-content[b-55otmdgycm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .action-buttons[b-55otmdgycm] {
        flex-direction: column;
    }

    .btn-cancel[b-55otmdgycm],
    .btn-primary[b-55otmdgycm] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ExpenseLocking.cshtml.rz.scp.css */
/* ============================================================
   Expense Locking — scoped CSS (CSS isolation).
   Mirrors admin/ExpenseLocking.aspx: a year list that expands to a
   month grid with lock checkboxes + a per-year Submit. Font Awesome
   dropped in favour of Lucide; the #330033 admin palette is reused
   from ExpensesByYear. x-for template rows inherit the build-time
   scope attribute, so these class selectors apply to them too.
   ============================================================ */

.el-page[b-2qbyh2as2j] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: #f5f7fa;
    padding: 20px;
    color: #2d3748;
}

.el-page svg.lucide[b-2qbyh2as2j] { vertical-align: middle; }

/* ── Header ── */
.el-header[b-2qbyh2as2j] {
    background: #330033;
    color: #fff;
    padding: 24px 30px;
    border-radius: 12px;
    margin-bottom: 24px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    max-width: 1100px;
}

.el-header h1[b-2qbyh2as2j] {
    margin: 0 0 10px 0;
    font-size: 1.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
}

.el-header p[b-2qbyh2as2j] {
    margin: 0;
    opacity: 0.9;
    font-size: 0.95rem;
    line-height: 1.5;
}

.el-h-icon[b-2qbyh2as2j] { width: 26px; height: 26px; }
.el-inline-icon[b-2qbyh2as2j] { width: 18px; height: 18px; }

/* ── Card ── */
.el-card[b-2qbyh2as2j] {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 16px;
    max-width: 1100px;
}

.el-table-wrap[b-2qbyh2as2j] { overflow-x: auto; }

/* ── Year (parent) table ── */
.el-year-table[b-2qbyh2as2j] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.el-year-table thead[b-2qbyh2as2j] { background: #330033; }

.el-year-table th[b-2qbyh2as2j] {
    padding: 12px 14px;
    text-align: left;
    font-weight: 600;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.el-year-table td[b-2qbyh2as2j] {
    padding: 12px 14px;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: middle;
}

.el-expand-col[b-2qbyh2as2j] { width: 46px; text-align: center; }
.el-status-col[b-2qbyh2as2j] { width: 180px; }

.el-year-row:hover td[b-2qbyh2as2j] { background: #faf7fb; }

.el-year-cell[b-2qbyh2as2j] {
    font-weight: 700;
    color: #1a202c;
    font-size: 15px;
}

.el-expand-btn[b-2qbyh2as2j] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px 4px;
    font-size: 16px;
    color: #330033;
    line-height: 1;
    transition: transform 0.2s;
}

.el-expand-btn:hover[b-2qbyh2as2j] { color: #4d004d; }
.el-expand-btn.open[b-2qbyh2as2j] { transform: rotate(90deg); }

/* ── Locked-count badge ── */
.el-badge[b-2qbyh2as2j],
.el-badge-locked[b-2qbyh2as2j],
.el-badge-muted[b-2qbyh2as2j] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}

.el-badge[b-2qbyh2as2j] { background: #e2e8f0; color: #4a5568; }
.el-badge-locked[b-2qbyh2as2j] { background: #fde68a; color: #92400e; }
.el-badge-muted[b-2qbyh2as2j] { color: #a0aec0; font-weight: 600; }

/* ── Month (child) grid ── */
.el-month-cell[b-2qbyh2as2j] {
    background: #330033;
    padding: 0 0 0 36px;
    border-bottom: none !important;
}

.el-month-loading[b-2qbyh2as2j] { padding: 14px; color: #e0c0e0; }

.el-month-panel[b-2qbyh2as2j] { padding: 10px 12px 16px 0; }

.el-month-table[b-2qbyh2as2j] {
    width: 96%;
    border-collapse: collapse;
    font-size: 13px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    margin: 4px 0;
}

.el-month-table thead[b-2qbyh2as2j] { background: #4d004d; }

.el-month-table th[b-2qbyh2as2j] {
    padding: 9px 12px;
    text-align: left;
    font-weight: 600;
    color: #e0c0e0;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.el-month-table td[b-2qbyh2as2j] {
    padding: 9px 12px;
    border-bottom: 1px solid #eee;
    color: #2d3748;
}

.el-month-table tbody tr:hover td[b-2qbyh2as2j] { background: #faf7fb; }

.el-mt-year[b-2qbyh2as2j] { width: 100px; }
.el-mt-month[b-2qbyh2as2j] { width: 160px; }
.el-mt-lock[b-2qbyh2as2j] { width: 160px; }

/* ── Lock checkbox ── */
.el-check[b-2qbyh2as2j] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}

.el-check input[type="checkbox"][b-2qbyh2as2j] {
    width: 17px;
    height: 17px;
    accent-color: #330033;
    cursor: pointer;
}

.el-lk[b-2qbyh2as2j] { color: #b45309; font-weight: 700; }
.el-ul[b-2qbyh2as2j] { color: #718096; font-weight: 600; }

/* ── Per-year actions ── */
.el-month-actions[b-2qbyh2as2j] {
    margin-top: 12px;
    display: flex;
    justify-content: flex-start;
}

/* ── Buttons ── */
.el-btn[b-2qbyh2as2j] {
    padding: 9px 20px;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
}

.el-btn:disabled[b-2qbyh2as2j] { opacity: 0.6; cursor: not-allowed; }

.el-btn-primary[b-2qbyh2as2j] { background: #330033; color: #fff; }
.el-btn-primary:hover:not(:disabled)[b-2qbyh2as2j] { background: #4d004d; }

.el-btn-secondary[b-2qbyh2as2j] { background: #e2e8f0; color: #4a5568; }
.el-btn-secondary:hover:not(:disabled)[b-2qbyh2as2j] { background: #cbd5e0; }

/* ── Messages ── */
.el-msg[b-2qbyh2as2j] {
    text-align: center;
    padding: 34px 20px;
    color: #718096;
}

/* ── Confirm modal ── */
.el-modal-overlay[b-2qbyh2as2j] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 7%;
    z-index: 10001;
}

.el-modal[b-2qbyh2as2j] {
    background: #fefefe;
    width: 540px;
    max-width: 92%;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.el-modal-header[b-2qbyh2as2j] {
    background: #330033;
    padding: 15px 20px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.el-modal-header h3[b-2qbyh2as2j] {
    margin: 0;
    font-size: 19px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.el-modal-close[b-2qbyh2as2j] {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    opacity: 0.85;
    line-height: 1;
}

.el-modal-close:hover[b-2qbyh2as2j] { opacity: 1; }

.el-modal-body[b-2qbyh2as2j] {
    padding: 22px 24px;
    background: #fff;
}

.el-modal-body p[b-2qbyh2as2j] { margin: 8px 0; color: #444; line-height: 1.5; }

.el-modal-label[b-2qbyh2as2j] { font-size: 13px; margin-top: 14px; }

.el-modal-list[b-2qbyh2as2j] {
    background: #f7fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
    color: #2d3748;
}

.el-modal-list.el-muted[b-2qbyh2as2j] { color: #718096; }

.el-modal-warn[b-2qbyh2as2j] {
    margin-top: 16px !important;
    font-size: 12px;
    color: #92400e;
    background: #fffbeb;
    border-left: 3px solid #f59e0b;
    padding: 8px 12px;
}

.el-modal-footer[b-2qbyh2as2j] {
    padding: 14px 20px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 768px) {
    .el-header h1[b-2qbyh2as2j] { font-size: 1.4rem; }
    .el-status-col[b-2qbyh2as2j] { width: 110px; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/Expenses.cshtml.rz.scp.css */
.expense-dashboard *[b-r5r9awc8a8] { margin: 0; padding: 0; box-sizing: border-box; }
.expense-dashboard[b-r5r9awc8a8] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: #f5f7fa; padding: 20px; color: #2d3748;
}
.dashboard-container[b-r5r9awc8a8] { max-width: 1400px; margin: 0 auto; }
.expense-dashboard .header[b-r5r9awc8a8] { margin-bottom: 30px; }
.expense-dashboard .header h1[b-r5r9awc8a8] { font-size: 28px; font-weight: 600; color: #1a202c; margin-bottom: 8px; }
.expense-dashboard .header p[b-r5r9awc8a8] { color: #3d2540; font-size: 14px; }

.expense-dashboard .card[b-r5r9awc8a8] {
    background: white; border-radius: 8px; padding: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); margin-bottom: 16px;
}
.card-header[b-r5r9awc8a8] {
    margin-bottom: 16px; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px;
    background: linear-gradient(to right, #f7fafc, white);
    margin: -20px -20px 16px -20px; padding: 12px 20px; border-radius: 8px 8px 0 0;
}
.card-title[b-r5r9awc8a8] { font-size: 16px; font-weight: 600; color: #1a202c; }

.form-grid[b-r5r9awc8a8] { display: flex; gap: 10px; align-items: flex-start; flex-wrap: wrap; }
.form-group[b-r5r9awc8a8] { display: flex; flex-direction: column; position: relative; }
.form-group.cat[b-r5r9awc8a8] { width: 160px; }
.form-group.amt[b-r5r9awc8a8] { width: 110px; }
.form-group.date[b-r5r9awc8a8] { width: 200px; }
.form-group.pay[b-r5r9awc8a8] { width: 140px; }
.form-group.desc[b-r5r9awc8a8] { flex: 1; min-width: 300px; }
.form-group.doc[b-r5r9awc8a8] { width: 200px; }
.form-group.com[b-r5r9awc8a8] { flex: 1; min-width: 300px; }

@media (max-width: 768px) {
    .form-group.cat[b-r5r9awc8a8], .form-group.amt[b-r5r9awc8a8], .form-group.date[b-r5r9awc8a8], .form-group.pay[b-r5r9awc8a8],
    .form-group.desc[b-r5r9awc8a8], .form-group.doc[b-r5r9awc8a8], .form-group.com[b-r5r9awc8a8] { width: 100%; min-width: 100%; }
}

.form-label[b-r5r9awc8a8] {
    font-size: 11px; color: #4a5568; font-weight: 600; margin-bottom: 4px;
    display: block; text-transform: uppercase; letter-spacing: 0.3px; line-height: 1.2;
}
.form-label.required[b-r5r9awc8a8]::after { content: " *"; color: #e53e3e; }

.form-control[b-r5r9awc8a8] {
    padding: 7px 10px; border: 2px solid #e2e8f0; border-radius: 6px;
    font-size: 13px; font-family: inherit; transition: all 0.2s;
    background: white; height: 35px; box-sizing: border-box;
}
.form-control:focus[b-r5r9awc8a8] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51, 0, 51, 0.1); }
.form-control[type="file"][b-r5r9awc8a8] { padding: 5px; font-size: 12px; }

select.form-control[b-r5r9awc8a8] {
    cursor: pointer;
    background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23330033" d="M6 9L1 4h10z"/></svg>') no-repeat right 8px center;
    appearance: none; padding-right: 28px;
}
textarea.form-control[b-r5r9awc8a8] { min-height: 56px; height: 56px; resize: vertical; font-family: inherit; line-height: 1.4; padding-top: 7px; }

input[type="date"].form-control[b-r5r9awc8a8] { cursor: pointer; }

.button-group[b-r5r9awc8a8] { display: flex; gap: 10px; margin-top: 12px; }
.btn[b-r5r9awc8a8] { padding: 7px 14px; border: none; border-radius: 6px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s; font-family: inherit; }
.btn-primary[b-r5r9awc8a8] { background: #330033; color: white; }
.btn-primary:hover[b-r5r9awc8a8] { background: #4d004d; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(51, 0, 51, 0.2); }
.btn-primary:disabled[b-r5r9awc8a8] { opacity: 0.6; pointer-events: none; }
.btn-secondary[b-r5r9awc8a8] { background: #e2e8f0; color: #4a5568; }
.btn-secondary:hover[b-r5r9awc8a8] { background: #cbd5e0; }

.search-section[b-r5r9awc8a8] {
    background: white; border-radius: 8px; padding: 14px 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); margin-bottom: 16px; border-left: 4px solid #330033;
}
.search-controls[b-r5r9awc8a8] { display: flex; gap: 10px; align-items: flex-end; }
.search-controls .form-group[b-r5r9awc8a8] { flex: 1; max-width: 400px; margin-bottom: 0; }
.search-results-count[b-r5r9awc8a8] { margin-top: 10px; font-weight: 600; color: #330033; font-size: 12px; }

.expense-dashboard .data-table[b-r5r9awc8a8] { width: 100%; border-collapse: collapse; font-size: 13px; table-layout: fixed; }
.expense-dashboard .data-table thead[b-r5r9awc8a8] { background: #330033; }
.expense-dashboard .data-table th[b-r5r9awc8a8] {
    padding: 10px 8px; text-align: left; font-weight: 600; color: white;
    border-bottom: 2px solid #330033; font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; white-space: nowrap;
}
.expense-dashboard .data-table th.sortable[b-r5r9awc8a8] { cursor: pointer; user-select: none; }
.expense-dashboard .data-table th.sortable:hover[b-r5r9awc8a8] { background: #4d004d; }
.expense-dashboard .data-table td[b-r5r9awc8a8] { padding: 10px 8px; border-bottom: 1px solid #e2e8f0; vertical-align: middle; word-wrap: break-word; }
.expense-dashboard .data-table tbody tr:hover[b-r5r9awc8a8] { background: #f7fafc; }
.expense-dashboard .data-table tbody tr:nth-child(even)[b-r5r9awc8a8] { background: #fafbfc; }
.expense-dashboard .data-table tbody tr:nth-child(even):hover[b-r5r9awc8a8] { background: #f1f5f9; }

/* Column widths */
.expense-dashboard .data-table th:nth-child(1)[b-r5r9awc8a8], .expense-dashboard .data-table td:nth-child(1)[b-r5r9awc8a8] { width: 10%; }
.expense-dashboard .data-table th:nth-child(2)[b-r5r9awc8a8], .expense-dashboard .data-table td:nth-child(2)[b-r5r9awc8a8] { width: 22%; }
.expense-dashboard .data-table th:nth-child(3)[b-r5r9awc8a8], .expense-dashboard .data-table td:nth-child(3)[b-r5r9awc8a8] { width: 9%; }
.expense-dashboard .data-table th:nth-child(4)[b-r5r9awc8a8], .expense-dashboard .data-table td:nth-child(4)[b-r5r9awc8a8] { width: 11%; }
.expense-dashboard .data-table th:nth-child(5)[b-r5r9awc8a8], .expense-dashboard .data-table td:nth-child(5)[b-r5r9awc8a8] { width: 9%; }
.expense-dashboard .data-table th:nth-child(6)[b-r5r9awc8a8], .expense-dashboard .data-table td:nth-child(6)[b-r5r9awc8a8] { width: 11%; }
.expense-dashboard .data-table th:nth-child(7)[b-r5r9awc8a8], .expense-dashboard .data-table td:nth-child(7)[b-r5r9awc8a8] { width: 17%; }
.expense-dashboard .data-table th.actions-col[b-r5r9awc8a8], .expense-dashboard .data-table td:nth-child(8)[b-r5r9awc8a8] { width: 11%; text-align: center; }

.amount-cell[b-r5r9awc8a8] { font-weight: 700; color: #059669; font-size: 14px; }
.date-cell[b-r5r9awc8a8] { color: #4a5568; font-size: 13px; white-space: nowrap; }
.category-badge[b-r5r9awc8a8] { display: inline-block; padding: 4px 10px; background: #dbeafe; color: #1e40af; border-radius: 12px; font-size: 11px; font-weight: 600; }

.action-links[b-r5r9awc8a8] { display: flex; gap: 8px; justify-content: center; }
.action-links a[b-r5r9awc8a8] { color: #330033; text-decoration: none; font-weight: 600; font-size: 12px; padding: 4px 8px; border-radius: 4px; transition: background 0.2s; }
.action-links a:hover[b-r5r9awc8a8] { background: #f7fafc; text-decoration: underline; }
.action-links a.delete[b-r5r9awc8a8] { color: #e53e3e; }
.action-links a.delete:hover[b-r5r9awc8a8] { background: #fff5f5; }

.document-link[b-r5r9awc8a8] { color: #330033; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center; gap: 4px; }
.document-link:hover[b-r5r9awc8a8] { text-decoration: underline; }

.message-box[b-r5r9awc8a8] { padding: 12px 16px; border-radius: 8px; margin-bottom: 16px; font-size: 14px; }
.message-box.success[b-r5r9awc8a8] { background: #d1fae5; color: #065f46; border-left: 4px solid #10b981; }
.message-box.error[b-r5r9awc8a8] { background: #fee2e2; color: #991b1b; border-left: 4px solid #ef4444; }

/* Pager */
.pager-flex[b-r5r9awc8a8] {
    display: flex; align-items: center; gap: 8px; padding: 20px;
    background: #fff; border-top: 2px solid #e2e8f0;
}
.pager-link[b-r5r9awc8a8] {
    display: inline-block; min-width: 44px; text-align: center;
    padding: 10px 14px; border-radius: 6px; border: 1px solid #e2e8f0;
    background: #f7fafc; color: #330033; text-decoration: none;
    font-weight: 600; font-size: 14px; line-height: 1.2; cursor: pointer;
    transition: transform .15s, box-shadow .15s, background .15s;
    font-family: inherit;
}
.pager-link:hover[b-r5r9awc8a8] { background: #e2e8f0; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0,0,0,0.08); }
.pager-link:disabled[b-r5r9awc8a8] { opacity: .5; pointer-events: none; }
.pager-current[b-r5r9awc8a8] { background: #330033 !important; color: #fff !important; border-color: #330033 !important; box-shadow: 0 2px 4px rgba(51,0,51,0.2); }

.table-wrap[b-r5r9awc8a8] { overflow-x: auto; }

/* _content/NYMinuteDating-Net8/Pages/Admin/ExpensesByCategory.cshtml.rz.scp.css */
.ebc *[b-w8adi9jr1u] { margin: 0; padding: 0; box-sizing: border-box; }
.ebc[b-w8adi9jr1u] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: #f5f7fa; padding: 20px; color: #2d3748;
}
.ebc-container[b-w8adi9jr1u] { max-width: 1400px; margin: 0 auto; }

.ebc .header[b-w8adi9jr1u] { margin-bottom: 24px; }
.ebc .header h1[b-w8adi9jr1u] {
    font-size: 28px; font-weight: 600; color: #1a202c; margin-bottom: 8px;
    display: flex; align-items: center; gap: 10px;
}
.ebc .header h1 i[b-w8adi9jr1u] { width: 26px; height: 26px; }
.ebc .header p[b-w8adi9jr1u] { color: #3d2540; font-size: 14px; }

.ebc .card[b-w8adi9jr1u] {
    background: white; border-radius: 8px; padding: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); margin-bottom: 16px;
}
.ebc .card-header[b-w8adi9jr1u] {
    margin: -20px -20px 16px -20px; padding: 12px 20px;
    border-bottom: 2px solid #e2e8f0; border-radius: 8px 8px 0 0;
    background: linear-gradient(to right, #f7fafc, white);
}
.ebc .card-header.year-head[b-w8adi9jr1u] {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.ebc .card-title[b-w8adi9jr1u] { font-size: 16px; font-weight: 600; color: #1a202c; }
.ebc .year-total-badge[b-w8adi9jr1u] {
    font-size: 13px; font-weight: 600; color: #059669;
    background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 999px; padding: 4px 12px;
}

.ebc .table-wrap[b-w8adi9jr1u] { overflow-x: auto; }

/* ── Filter / tools bar ── */
.ebc .filter-bar[b-w8adi9jr1u] { display: flex; gap: 16px; align-items: flex-end; flex-wrap: wrap; }
.ebc .filter-spacer[b-w8adi9jr1u] { flex: 1 1 20px; }
.ebc .form-group[b-w8adi9jr1u] { display: flex; flex-direction: column; }
.ebc .undo-group[b-w8adi9jr1u] { min-width: 320px; }
.ebc .undo-row[b-w8adi9jr1u] { display: flex; gap: 8px; align-items: center; }
.ebc .undo-row .form-control[b-w8adi9jr1u] { width: 180px; }

.ebc .form-label[b-w8adi9jr1u] {
    font-size: 11px; color: #4a5568; font-weight: 600; margin-bottom: 4px;
    text-transform: uppercase; letter-spacing: 0.3px; line-height: 1.2;
}
.ebc .form-label.required[b-w8adi9jr1u]::after { content: " *"; color: #e53e3e; }

.ebc .form-control[b-w8adi9jr1u] {
    padding: 7px 10px; border: 2px solid #e2e8f0; border-radius: 6px;
    font-size: 13px; font-family: inherit; transition: all 0.2s;
    background: white; height: 35px;
}
.ebc .form-control:focus[b-w8adi9jr1u] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }
.ebc textarea.form-control[b-w8adi9jr1u] { min-height: 56px; height: 56px; resize: vertical; line-height: 1.4; }
.ebc select.form-control[b-w8adi9jr1u] {
    cursor: pointer; appearance: none; padding-right: 28px; min-width: 180px;
    background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23330033" d="M6 9L1 4h10z"/></svg>') no-repeat right 8px center;
}
.ebc .form-control[type="file"][b-w8adi9jr1u] { padding: 5px; font-size: 12px; height: auto; }

/* ── Buttons ── */
.ebc .btn[b-w8adi9jr1u] {
    padding: 8px 14px; border: none; border-radius: 6px; font-size: 13px;
    font-weight: 600; cursor: pointer; transition: all 0.2s; font-family: inherit;
    display: inline-flex; align-items: center; gap: 6px;
}
.ebc .btn i[b-w8adi9jr1u] { width: 15px; height: 15px; }
.ebc .btn-primary[b-w8adi9jr1u] { background: #330033; color: white; }
.ebc .btn-primary:hover[b-w8adi9jr1u] { background: #4d004d; }
.ebc .btn-primary:disabled[b-w8adi9jr1u] { opacity: 0.6; pointer-events: none; }
.ebc .btn-secondary[b-w8adi9jr1u] { background: #e2e8f0; color: #4a5568; }
.ebc .btn-secondary:hover[b-w8adi9jr1u] { background: #cbd5e0; }
.ebc .btn-danger[b-w8adi9jr1u] { background: #e53e3e; color: white; }
.ebc .btn-danger:hover[b-w8adi9jr1u] { background: #c53030; }
.ebc .btn-danger:disabled[b-w8adi9jr1u] { opacity: 0.6; pointer-events: none; }

/* ── Category summary table ── */
.ebc .cat-table[b-w8adi9jr1u] { width: 100%; border-collapse: collapse; font-size: 13px; }
.ebc .cat-table thead[b-w8adi9jr1u] { background: #330033; }
.ebc .cat-table th[b-w8adi9jr1u] {
    padding: 10px 12px; text-align: left; font-weight: 600; color: white;
    font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px;
}
.ebc .cat-table th.num[b-w8adi9jr1u], .ebc .cat-table td.num[b-w8adi9jr1u] { text-align: right; }
.ebc .cat-table td[b-w8adi9jr1u] { padding: 10px 12px; border-bottom: 1px solid #e2e8f0; vertical-align: middle; }
.ebc .cat-table tbody tr:nth-child(even)[b-w8adi9jr1u] { background: #fafbfc; }
.ebc .cat-table tbody tr:hover[b-w8adi9jr1u] { background: #f7fafc; }
.ebc .cat-table tfoot .total-row td[b-w8adi9jr1u] {
    font-weight: 700; background: #f5ecff; color: #330033; border-top: 2px solid #330033;
}

.ebc .cat-badge[b-w8adi9jr1u] {
    display: inline-block; padding: 4px 10px; background: #dbeafe; color: #1e40af;
    border-radius: 12px; font-size: 11px; font-weight: 600;
}
.ebc .amount-link[b-w8adi9jr1u] {
    background: none; border: none; color: #059669; font-weight: 700; font-size: 14px;
    cursor: pointer; text-decoration: underline; font-family: inherit; padding: 0;
}
.ebc .amount-link:hover[b-w8adi9jr1u] { color: #047857; }

/* ── Detail label + expense table ── */
.ebc .detail-label[b-w8adi9jr1u] {
    font-size: 14px; font-weight: 600; color: #330033;
    margin-bottom: 8px; padding: 8px 0; border-bottom: 2px solid #e2e8f0;
}
.ebc .detail-label span[b-w8adi9jr1u] { color: #059669; }

.ebc .exp-table[b-w8adi9jr1u] { width: 100%; border-collapse: collapse; font-size: 13px; table-layout: fixed; }
.ebc .exp-table thead[b-w8adi9jr1u] { background: #330033; }
.ebc .exp-table th[b-w8adi9jr1u] {
    padding: 10px 8px; text-align: left; font-weight: 600; color: white;
    font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px;
    white-space: nowrap; cursor: pointer; user-select: none;
}
.ebc .exp-table th:hover[b-w8adi9jr1u] { background: #4d004d; }
.ebc .exp-table th.no-sort[b-w8adi9jr1u] { cursor: default; }
.ebc .exp-table th.no-sort:hover[b-w8adi9jr1u] { background: #330033; }
.ebc .exp-table td[b-w8adi9jr1u] { padding: 10px 8px; border-bottom: 1px solid #e2e8f0; vertical-align: middle; word-wrap: break-word; }
.ebc .exp-table tbody tr:hover[b-w8adi9jr1u] { background: #f7fafc; }
.ebc .exp-table tbody tr:nth-child(even)[b-w8adi9jr1u] { background: #fafbfc; }
.ebc .exp-table tbody tr:nth-child(even):hover[b-w8adi9jr1u] { background: #f1f5f9; }

.ebc .exp-table th:nth-child(1)[b-w8adi9jr1u], .ebc .exp-table td:nth-child(1)[b-w8adi9jr1u] { width: 10%; }
.ebc .exp-table th:nth-child(2)[b-w8adi9jr1u], .ebc .exp-table td:nth-child(2)[b-w8adi9jr1u] { width: 20%; }
.ebc .exp-table th:nth-child(3)[b-w8adi9jr1u], .ebc .exp-table td:nth-child(3)[b-w8adi9jr1u] { width: 9%; }
.ebc .exp-table th:nth-child(4)[b-w8adi9jr1u], .ebc .exp-table td:nth-child(4)[b-w8adi9jr1u] { width: 12%; }
.ebc .exp-table th:nth-child(5)[b-w8adi9jr1u], .ebc .exp-table td:nth-child(5)[b-w8adi9jr1u] { width: 10%; }
.ebc .exp-table th:nth-child(6)[b-w8adi9jr1u], .ebc .exp-table td:nth-child(6)[b-w8adi9jr1u] { width: 16%; }
.ebc .exp-table th:nth-child(7)[b-w8adi9jr1u], .ebc .exp-table td:nth-child(7)[b-w8adi9jr1u] { width: 12%; }
.ebc .exp-table th:nth-child(8)[b-w8adi9jr1u], .ebc .exp-table td:nth-child(8)[b-w8adi9jr1u] { width: 11%; text-align: center; }

.ebc .exp-amount[b-w8adi9jr1u] { font-weight: 700; color: #059669; font-size: 14px; }
.ebc .exp-date[b-w8adi9jr1u] { color: #4a5568; font-size: 13px; white-space: nowrap; }
.ebc .exp-doc-link[b-w8adi9jr1u] { color: #330033; text-decoration: none; font-weight: 500; }
.ebc .exp-doc-link:hover[b-w8adi9jr1u] { text-decoration: underline; }
.ebc .exp-no-doc[b-w8adi9jr1u] { color: #a0aec0; font-size: 12px; }

.ebc .action-links[b-w8adi9jr1u] { display: flex; gap: 8px; justify-content: center; }
.ebc .action-links a[b-w8adi9jr1u] {
    color: #330033; text-decoration: none; font-weight: 600; font-size: 12px;
    padding: 4px 8px; border-radius: 4px; transition: background 0.2s;
}
.ebc .action-links a:hover[b-w8adi9jr1u] { background: #f7fafc; text-decoration: underline; }
.ebc .action-links a.delete[b-w8adi9jr1u] { color: #e53e3e; }
.ebc .action-links a.delete:hover[b-w8adi9jr1u] { background: #fff5f5; }

/* ── Modals (edit + confirm) ── */
.ebc-overlay[b-w8adi9jr1u] {
    position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 1000;
    display: flex; align-items: center; justify-content: center;
}
.ebc-panel[b-w8adi9jr1u] {
    background: white; border-radius: 12px; padding: 24px; width: 600px;
    max-width: 95vw; max-height: 90vh; overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.ebc-panel.confirm-panel[b-w8adi9jr1u] { width: 440px; }
.ebc-panel h3[b-w8adi9jr1u] {
    font-size: 18px; font-weight: 600; color: #1a202c; margin-bottom: 16px;
    border-bottom: 2px solid #e2e8f0; padding-bottom: 10px;
}
.ebc-panel .confirm-text[b-w8adi9jr1u] { font-size: 14px; color: #2d3748; margin-bottom: 8px; }
.ebc-panel .confirm-sub[b-w8adi9jr1u] { font-size: 13px; color: #718096; margin-bottom: 4px; }

.ebc-form-grid[b-w8adi9jr1u] { display: flex; flex-direction: column; gap: 12px; }
.ebc-form-row[b-w8adi9jr1u] { display: flex; gap: 12px; }
.ebc-form-row .form-group[b-w8adi9jr1u] { flex: 1; }
.ebc-panel .form-group[b-w8adi9jr1u] { display: flex; flex-direction: column; }
.ebc-panel .form-label[b-w8adi9jr1u] {
    font-size: 11px; color: #4a5568; font-weight: 600; margin-bottom: 4px;
    text-transform: uppercase; letter-spacing: 0.3px;
}
.ebc-panel .form-label.required[b-w8adi9jr1u]::after { content: " *"; color: #e53e3e; }
.ebc-panel .form-control[b-w8adi9jr1u] {
    padding: 7px 10px; border: 2px solid #e2e8f0; border-radius: 6px;
    font-size: 13px; font-family: inherit; background: white; height: 35px;
}
.ebc-panel .form-control:focus[b-w8adi9jr1u] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }
.ebc-panel textarea.form-control[b-w8adi9jr1u] { min-height: 56px; height: 56px; resize: vertical; }
.ebc-panel select.form-control[b-w8adi9jr1u] {
    cursor: pointer; appearance: none; padding-right: 28px;
    background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23330033" d="M6 9L1 4h10z"/></svg>') no-repeat right 8px center;
}
.ebc-panel .form-control[type="file"][b-w8adi9jr1u] { padding: 5px; font-size: 12px; height: auto; }
.ebc-panel .current-doc[b-w8adi9jr1u] { margin-top: 4px; font-size: 12px; color: #718096; }
.ebc-panel .current-doc a[b-w8adi9jr1u] { color: #330033; }

.ebc-buttons[b-w8adi9jr1u] { display: flex; gap: 10px; margin-top: 16px; }

.ebc .loading-msg[b-w8adi9jr1u], .ebc .empty-msg[b-w8adi9jr1u] { text-align: center; padding: 40px; color: #718096; }

@media (max-width: 768px) {
    .ebc .filter-bar[b-w8adi9jr1u] { flex-direction: column; align-items: stretch; }
    .ebc .undo-group[b-w8adi9jr1u] { min-width: 0; }
    .ebc-form-row[b-w8adi9jr1u] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ExpensesUpload.cshtml.rz.scp.css */
/* ============================================================
   Expenses Upload — Scoped CSS
   Ported from legacy admin/ExpensesUpload.aspx (#330033 palette).
   Font Awesome dropped in favour of Lucide; the native confirm()
   dialogs (import + undo) replaced by the .eup-modal-* dialogs.
   CSS isolation scopes these names to this page (Alpine x-for rows
   and lucide-generated <svg> inherit the build-time scope attribute).
   ============================================================ */

.eup-container[b-8nuhzltd8p] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1400px;
    margin: 20px auto;
    padding: 20px;
    color: #2d3748;
}

[x-cloak][b-8nuhzltd8p] { display: none !important; }

.eup-container svg.lucide[b-8nuhzltd8p] { vertical-align: middle; }
.eup-ic[b-8nuhzltd8p]     { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }
.eup-ic-sm[b-8nuhzltd8p]  { width: 15px; height: 15px; display: inline-block; vertical-align: middle; }
.eup-ic-lg[b-8nuhzltd8p]  { width: 28px; height: 28px; display: inline-block; vertical-align: middle; }
.eup-ic-xl[b-8nuhzltd8p]  { width: 48px; height: 48px; display: inline-block; vertical-align: middle; }

/* ── Header ── */
.eup-header[b-8nuhzltd8p] {
    background: #330033;
    color: white;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 25px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.eup-header h1[b-8nuhzltd8p] {
    margin: 0 0 10px 0;
    font-size: 2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 15px;
}
.eup-header p[b-8nuhzltd8p] { margin: 0; opacity: 0.9; font-size: 1rem; }

/* ── Cards ── */
.card[b-8nuhzltd8p] {
    background: white;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.card-title[b-8nuhzltd8p] {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.eup-count[b-8nuhzltd8p] {
    margin-left: auto;
    font-size: 0.9rem;
    font-weight: normal;
    color: #666;
}

/* ── Instructions ── */
.eup-instructions[b-8nuhzltd8p] { color: #444; margin-bottom: 20px; font-size: 0.95rem; line-height: 1.6; }
.eup-instructions ol[b-8nuhzltd8p] { margin: 10px 0 0 20px; }
.eup-instructions li[b-8nuhzltd8p] { margin-bottom: 4px; }
.eup-mmddyyyy[b-8nuhzltd8p] { color: #008000; }
.eup-link[b-8nuhzltd8p] {
    color: #330033;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.eup-link:hover[b-8nuhzltd8p] { text-decoration: underline; }

/* ── Upload section ── */
.upload-section[b-8nuhzltd8p] {
    background: #f5f5f5;
    border: 2px dashed #330033;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    transition: all 0.3s;
}
.upload-section:hover[b-8nuhzltd8p] { border-color: #4a004a; background: #f0f0f0; }
.upload-icon[b-8nuhzltd8p] { color: #330033; margin-bottom: 15px; }
.eup-file-input[b-8nuhzltd8p] { max-width: 420px; margin: 0 auto 15px; }

/* ── Form controls ── */
.form-control[b-8nuhzltd8p] {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s;
    box-sizing: border-box;
    background: white;
}
.form-control:focus[b-8nuhzltd8p] {
    outline: none;
    border-color: #330033;
    box-shadow: 0 0 0 3px rgba(51, 0, 51, 0.1);
}

/* ── Buttons ── */
.btn[b-8nuhzltd8p] {
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}
.btn:disabled[b-8nuhzltd8p] { opacity: 0.6; cursor: not-allowed; }
.btn-primary[b-8nuhzltd8p] { background: #330033; color: white; }
.btn-primary:hover:not(:disabled)[b-8nuhzltd8p] {
    background: #4a004a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(51, 0, 51, 0.3);
}
.btn-secondary[b-8nuhzltd8p] { background: #6c757d; color: white; }
.btn-secondary:hover:not(:disabled)[b-8nuhzltd8p] { background: #5a6268; }
.btn-success[b-8nuhzltd8p] { background: #10b981; color: white; }
.btn-success:hover:not(:disabled)[b-8nuhzltd8p] { background: #059669; }
.btn-danger[b-8nuhzltd8p] { background: #ef4444; color: white; }
.btn-danger:hover:not(:disabled)[b-8nuhzltd8p] { background: #dc2626; }

.button-group[b-8nuhzltd8p] { display: flex; gap: 12px; margin-top: 20px; flex-wrap: wrap; }

/* ── Data table (preview) ── */
.table-wrap[b-8nuhzltd8p] { overflow-x: auto; }
.data-table[b-8nuhzltd8p] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-size: 0.9rem;
}
.data-table thead[b-8nuhzltd8p] { background: #330033; color: white; }
.data-table th[b-8nuhzltd8p] {
    padding: 12px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    white-space: nowrap;
}
.data-table td[b-8nuhzltd8p] { padding: 10px; border-bottom: 1px solid #eee; vertical-align: middle; }
.data-table tbody tr:nth-child(even)[b-8nuhzltd8p] { background: #faf7ff; }
.data-table tbody tr:hover[b-8nuhzltd8p] { background: #f0e9f7; }
.eup-sel-col[b-8nuhzltd8p] { width: 44px; text-align: center; }
.eup-row-bad[b-8nuhzltd8p] { background: #fff5f5 !important; }
.eup-row-bad:hover[b-8nuhzltd8p] { background: #ffecec !important; }

.eup-cat-id[b-8nuhzltd8p] { font-weight: 700; color: #1e40af; }
.eup-cat-name[b-8nuhzltd8p] { display: block; font-size: 0.8rem; color: #555; }
.eup-cat-unknown[b-8nuhzltd8p] {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 8px;
    background: #fee2e2;
    color: #991b1b;
    border-radius: 10px;
    font-size: 0.72rem;
    font-weight: 700;
}
.eup-amount[b-8nuhzltd8p] { font-weight: 700; color: #059669; }

/* ── Not-uploaded list ── */
.eup-notuploaded[b-8nuhzltd8p] {
    margin-top: 20px;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-left: 4px solid #f59e0b;
    border-radius: 8px;
    padding: 15px 20px;
}
.eup-notuploaded-title[b-8nuhzltd8p] {
    font-weight: 700;
    color: #92400e;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.eup-notuploaded ul[b-8nuhzltd8p] { margin: 0 0 0 26px; color: #92400e; }
.eup-notuploaded li[b-8nuhzltd8p] { margin-bottom: 2px; }

/* ── Backup & Undo ── */
.eup-tools[b-8nuhzltd8p] { margin-bottom: 24px; }
.eup-undo[b-8nuhzltd8p] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 18px 20px;
}
.eup-undo-title[b-8nuhzltd8p] {
    font-weight: 700;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}
.eup-undo-hint[b-8nuhzltd8p] { color: #666; font-size: 0.9rem; margin: 0 0 12px 0; line-height: 1.5; }
.eup-undo-row[b-8nuhzltd8p] { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.eup-undo-date[b-8nuhzltd8p] { max-width: 220px; }

/* ── Confirm modals ── */
.eup-modal-overlay[b-8nuhzltd8p] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 8%;
    z-index: 10001;
}
.eup-modal-content[b-8nuhzltd8p] {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 520px;
    max-width: 90%;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}
.eup-modal-header[b-8nuhzltd8p] {
    background: #330033;
    padding: 15px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.eup-modal-header.eup-modal-danger[b-8nuhzltd8p] { background: #b91c1c; }
.eup-modal-header h3[b-8nuhzltd8p] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}
.eup-modal-close[b-8nuhzltd8p] {
    color: white;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    opacity: 0.8;
    line-height: 1;
}
.eup-modal-close:hover[b-8nuhzltd8p] { opacity: 1; }
.eup-modal-body[b-8nuhzltd8p] { padding: 25px; background: white; }
.eup-modal-body p[b-8nuhzltd8p] { margin: 10px 0; color: #444; line-height: 1.6; }
.eup-modal-footer[b-8nuhzltd8p] {
    padding: 15px 20px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 768px) {
    .eup-header h1[b-8nuhzltd8p] { font-size: 1.5rem; }
    .eup-undo-row[b-8nuhzltd8p] { flex-direction: column; align-items: stretch; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ExportSchema.cshtml.rz.scp.css */
/* ============================================================
   Export Schema — Scoped CSS
   Ported from admin/ExportSchema.aspx's inline <style>
   (export-* / btn-export / result-box / file-list). Prefixed es-
   to avoid collisions. Purple house palette (#663399 / #660099)
   preserved. Result boxes are always shown once populated (Alpine
   x-if), so the legacy .result-box display:none base is dropped.
   ============================================================ */

.es-container[b-cb1skv1gkz] {
    padding: 15px;
}

.es-section[b-cb1skv1gkz] {
    background: white;
    border: 1px solid #663399;
    margin-bottom: 15px;
    padding: 15px;
}

.es-section h3[b-cb1skv1gkz] {
    margin: 0 0 10px 0;
    color: #330033;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}

.es-section p[b-cb1skv1gkz] {
    color: #666;
    font-size: 11px;
    margin: 0 0 12px 0;
}

.es-section code[b-cb1skv1gkz] {
    background: #f5f5f5;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 11px;
}

.es-btn-export[b-cb1skv1gkz] {
    background: linear-gradient(to bottom, #9933cc, #660099);
    color: white;
    border: 1px solid #660099;
    padding: 8px 20px;
    cursor: pointer;
    font-size: 11px;
    font-family: Verdana, sans-serif;
}

.es-btn-export:hover[b-cb1skv1gkz] {
    background: linear-gradient(to bottom, #aa44dd, #770099);
}

.es-btn-export:disabled[b-cb1skv1gkz] {
    opacity: 0.6;
    cursor: not-allowed;
}

.es-result-box[b-cb1skv1gkz] {
    margin-top: 12px;
    padding: 10px;
    font-size: 11px;
}

.es-result-box.success[b-cb1skv1gkz] {
    background: #d4edda;
    border: 1px solid #28a745;
    color: #155724;
}

.es-result-box.error[b-cb1skv1gkz] {
    background: #f8d7da;
    border: 1px solid #dc3545;
    color: #721c24;
}

.es-file-list[b-cb1skv1gkz] {
    margin-top: 10px;
    max-height: 200px;
    overflow-y: auto;
    font-size: 10px;
    color: #333;
    background: #f9f9f9;
    padding: 8px;
    border: 1px solid #ddd;
}

.es-file-list div[b-cb1skv1gkz] {
    padding: 2px 0;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/Feedback.cshtml.rz.scp.css */
/* ============================================================
   Admin Feedback — Scoped CSS
   (legacy purple GridView theme: GridHeader #330033,
    GridMainRow #F5ECFF, alt rows white)
   ============================================================ */

.fbk-page[b-hwmm5n6vu9] {
    width: 100%;
}

/* ── Header ── */
.fbk-header[b-hwmm5n6vu9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a0e4e 60%, #660099 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}

.fbk-header-left[b-hwmm5n6vu9] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.fbk-header-icon[b-hwmm5n6vu9] { width: 32px; height: 32px; opacity: 0.85; }

.fbk-header-left h1[b-hwmm5n6vu9] { font-size: 1.5rem; font-weight: 700; margin: 0; }

.fbk-header-sub[b-hwmm5n6vu9] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

/* ── Error / loading / empty ── */
.fbk-error[b-hwmm5n6vu9] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 14px;
}

.fbk-loading[b-hwmm5n6vu9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 24px 8px;
    color: #555;
}

.fbk-spinner[b-hwmm5n6vu9] {
    width: 20px;
    height: 20px;
    border: 3px solid #e5d5ea;
    border-top-color: #660099;
    border-radius: 50%;
    animation: fbk-spin-b-hwmm5n6vu9 0.8s linear infinite;
}

@keyframes fbk-spin-b-hwmm5n6vu9 {
    to { transform: rotate(360deg); }
}

/* Legacy EmptyDataTemplate: bold, bordered */
.fbk-empty[b-hwmm5n6vu9] {
    border: solid 1px #000;
    font-weight: bold;
    font-size: 15pt;
    padding: 6px 10px;
    margin-top: 8px;
}

/* ── Grid (legacy GridHeader / GridMainRow / GridAltRow) ── */
.fbk-table-wrap[b-hwmm5n6vu9] {
    overflow-x: auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    padding: 10px;
}

.fbk-grid[b-hwmm5n6vu9] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.fbk-grid th[b-hwmm5n6vu9] {
    background: #330033;
    color: #fff;
    text-align: left;
    padding: 7px 8px;
    white-space: nowrap;
}

    .fbk-grid th a[b-hwmm5n6vu9] {
        color: #fff;
        text-decoration: underline;
        cursor: pointer;
    }

.fbk-grid td[b-hwmm5n6vu9] {
    padding: 6px 8px;
    border-bottom: 1px solid #e8dff0;
    vertical-align: top;
}

.fbk-grid td a[b-hwmm5n6vu9] {
    color: #660099;
    text-decoration: underline;
}

.fbk-row[b-hwmm5n6vu9] { background: #f5ecff; }
.fbk-row-alt[b-hwmm5n6vu9] { background: #ffffff; }

.fbk-center[b-hwmm5n6vu9] { text-align: center; }

.fbk-message[b-hwmm5n6vu9] {
    max-width: 420px;
    white-space: pre-wrap;
    word-break: break-word;
}

/* ── Pager (legacy NumericFirstLast, bold, centered) ── */
.fbk-pager[b-hwmm5n6vu9] {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 12px 0 4px;
    font-weight: bold;
    font-size: 0.85rem;
}

    .fbk-pager a[b-hwmm5n6vu9] {
        color: #660099;
        text-decoration: underline;
    }

    .fbk-pager a.fbk-pg-current[b-hwmm5n6vu9] {
        color: #000;
        text-decoration: none;
        cursor: default;
    }

/* ── Modal (legacy rounded-cornerspopup + modalBackground) ── */
.fbk-modal-overlay[b-hwmm5n6vu9] {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(60, 60, 60, 0.6);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

    .fbk-modal-overlay.open[b-hwmm5n6vu9] { display: flex; }

.fbk-modal[b-hwmm5n6vu9] {
    background: #fff;
    color: #000;
    border-radius: 10px;
    padding: 10px;
    width: 800px;
    max-width: 94vw;
    max-height: 88vh;
    display: flex;
    flex-direction: column;
}

.fbk-modal-head[b-hwmm5n6vu9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px 10px;
}

    .fbk-modal-head h3[b-hwmm5n6vu9] { margin: 0; color: #330033; font-size: 1.05rem; }

    .fbk-modal-head button[b-hwmm5n6vu9] {
        background: none;
        border: none;
        font-weight: bold;
        color: #660099;
        cursor: pointer;
        text-decoration: underline;
    }

.fbk-modal-body[b-hwmm5n6vu9] { overflow: hidden; }

/* Legacy: div max-height 500px, overflow scroll */
.fbk-modal-scroll[b-hwmm5n6vu9] {
    max-height: 500px;
    overflow: auto;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/Flagged.cshtml.rz.scp.css */
/* ============================================================
   Flagged Accounts — Scoped CSS
   Ported from admin/flagged.aspx's inline <style> (only the
   classes actually rendered), plus the Alpine delete modal.
   ============================================================ */

.flagged-container[b-us73j3mcfb] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1400px;
    margin: 20px auto;
}

/* ── Cards ── */
.flagged-card[b-us73j3mcfb] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-bottom: 30px;
}

.flagged-card-header[b-us73j3mcfb] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 18px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flagged-card-header h2[b-us73j3mcfb] {
    margin: 0;
    font-weight: 600;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.flagged-card-header i[b-us73j3mcfb] { width: 22px; height: 22px; }

.flagged-card-body[b-us73j3mcfb] {
    padding: 25px;
}

/* ── Form ── */
.flagged-form-group[b-us73j3mcfb] {
    margin-bottom: 15px;
}

.flagged-form-group label[b-us73j3mcfb] {
    display: block;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
    font-size: 13px;
}

.required-asterisk[b-us73j3mcfb] {
    color: #dc3545;
    margin-left: 3px;
}

.flagged-input[b-us73j3mcfb], .flagged-textarea[b-us73j3mcfb] {
    width: calc(100% - 30px);
    padding: 10px 15px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s;
    background: white;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

.flagged-input:focus[b-us73j3mcfb], .flagged-textarea:focus[b-us73j3mcfb] {
    outline: none;
    border-color: #660099;
    box-shadow: 0 0 0 3px rgba(102, 0, 153, 0.1);
}

.flagged-textarea[b-us73j3mcfb] {
    min-height: 70px;
    resize: vertical;
}

.flagged-actions[b-us73j3mcfb] {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.flagged-button[b-us73j3mcfb] {
    background: linear-gradient(135deg, #660099 0%, #330033 100%);
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.flagged-button:hover[b-us73j3mcfb] {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(102, 0, 153, 0.3);
}

.flagged-button:disabled[b-us73j3mcfb] {
    opacity: 0.6;
    cursor: default;
    transform: none;
    box-shadow: none;
}

.flagged-button-secondary[b-us73j3mcfb] {
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
}

.flagged-button-ghost[b-us73j3mcfb] {
    background: #e5e7eb;
    color: #374151;
}

.flagged-button-ghost:hover[b-us73j3mcfb] {
    box-shadow: none;
    background: #d1d5db;
}

.flagged-button-danger[b-us73j3mcfb] {
    background: linear-gradient(135deg, #dc3545 0%, #a71d2a 100%);
}

.validator-message[b-us73j3mcfb] {
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

/* ── List ── */
.table-wrapper[b-us73j3mcfb] {
    display: grid;
    gap: 15px;
    margin-top: 15px;
}

.user-card[b-us73j3mcfb] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    transition: all 0.3s;
    position: relative;
}

.user-card:hover[b-us73j3mcfb] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: #660099;
}

.user-card-header[b-us73j3mcfb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
}

.user-number[b-us73j3mcfb] {
    background: linear-gradient(135deg, #660099 0%, #330033 100%);
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: bold;
}

.user-actions[b-us73j3mcfb] {
    display: flex;
    gap: 10px;
}

.action-link[b-us73j3mcfb] {
    color: #660099;
    background: none;
    border: none;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: inherit;
}

.action-link:hover[b-us73j3mcfb] {
    color: #330033;
    text-decoration: underline;
}

.action-link.delete[b-us73j3mcfb] {
    color: #dc3545;
}

.action-link.delete:hover[b-us73j3mcfb] {
    color: #a71d2a;
}

.action-link i[b-us73j3mcfb] { width: 14px; height: 14px; }

.user-grid[b-us73j3mcfb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}

.user-field[b-us73j3mcfb] {
    display: flex;
    flex-direction: column;
}

.user-field-label[b-us73j3mcfb] {
    font-size: 10px;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin-bottom: 4px;
}

.user-field-value[b-us73j3mcfb] {
    font-size: 13px;
    color: #333;
    word-break: break-word;
}

.user-field-full[b-us73j3mcfb] {
    grid-column: span 3;
}

.user-field-half[b-us73j3mcfb] {
    grid-column: span 2;
}

.comment-box[b-us73j3mcfb] {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 6px;
    margin-top: 10px;
    border-left: 3px solid #dc3545;
}

.comment-box .user-field-label[b-us73j3mcfb] {
    color: #dc3545;
}

/* ── Gender badge ── */
.gender-badge[b-us73j3mcfb] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}

.gender-male[b-us73j3mcfb] {
    background: #e3f2fd;
    color: #1976d2;
}

.gender-female[b-us73j3mcfb] {
    background: #fce4ec;
    color: #c2185b;
}

/* ── Empty / loading ── */
.flagged-empty[b-us73j3mcfb] {
    text-align: center;
    padding: 40px;
    display: block;
    color: #6c757d;
    font-size: 13px;
}

/* ── Delete confirm modal ── */
.fl-modal-overlay[b-us73j3mcfb] {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    align-items: flex-start;
    justify-content: center;
    padding: 20px;
    overflow: auto;
}

.fl-modal-overlay.open[b-us73j3mcfb] {
    display: flex;
}

.fl-modal[b-us73j3mcfb] {
    background: #fff;
    width: 90%;
    max-width: 460px;
    border-radius: 10px;
    margin: 60px auto;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}

.fl-modal-head[b-us73j3mcfb] {
    padding: 14px 20px;
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fl-modal-head h3[b-us73j3mcfb] { margin: 0; font-size: 0.95rem; }

.fl-modal-close[b-us73j3mcfb] {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 1.3rem;
    cursor: pointer;
    line-height: 1;
    width: 28px; height: 28px;
    border-radius: 50%;
}

.fl-modal-close:hover[b-us73j3mcfb] { background: rgba(255, 255, 255, 0.2); }

.fl-modal-body[b-us73j3mcfb] { padding: 20px; color: #333; font-size: 0.9rem; }
.fl-modal-body p[b-us73j3mcfb] { margin: 0 0 8px 0; }
.fl-modal-target[b-us73j3mcfb] { color: #660099; }

.fl-modal-foot[b-us73j3mcfb] {
    padding: 12px 20px;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .user-grid[b-us73j3mcfb] {
        grid-template-columns: 1fr;
    }

    .user-field-full[b-us73j3mcfb], .user-field-half[b-us73j3mcfb] {
        grid-column: span 1;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/FriendReferrals.cshtml.rz.scp.css */
/* Friend Referrals — ported from legacy admin/FriendReferrals.aspx <style>.
   font-awesome dropped in favour of Lucide; the search 🔍 emoji is now a Lucide icon;
   tabs are anchors (GET navigation) instead of postback buttons; the confirm/modal is
   Alpine-driven. Scoped .cshtml.css: every element here is server-rendered (Razor @for),
   so the isolation attribute reaches the grid rows and the Lucide-generated svgs. */

/* Main Container */
.referrals-container[b-wf5zk749ds] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1400px;
    margin: 20px auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

/* Header */
.referrals-header[b-wf5zk749ds] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 25px 30px;
    position: relative;
    overflow: hidden;
}

.referrals-header[b-wf5zk749ds]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 40%;
    height: 200%;
    background: rgba(255, 255, 255, 0.05);
    transform: rotate(35deg);
}

.referrals-header h2[b-wf5zk749ds] {
    margin: 0;
    font-weight: 600;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    z-index: 1;
}

.referrals-header h2 svg[b-wf5zk749ds] {
    width: 28px;
    height: 28px;
}

.referrals-header p[b-wf5zk749ds] {
    margin: 10px 0 0 0;
    opacity: 0.95;
    font-size: 1rem;
    position: relative;
    z-index: 1;
}

/* Tabs */
.tabs-container[b-wf5zk749ds] {
    background: #fafbfc;
    padding: 0 30px;
    border-bottom: 2px solid #e8e8e8;
    display: flex;
    gap: 0;
}

.tab-button[b-wf5zk749ds] {
    background: transparent;
    border: none;
    padding: 15px 25px;
    color: #666;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.tab-button:hover[b-wf5zk749ds] {
    color: #330033;
    background: rgba(111, 66, 193, 0.05);
}

.tab-button.active[b-wf5zk749ds] {
    color: #330033;
    border-bottom-color: #6f42c1;
    background: white;
}

/* Stats */
.stats-section[b-wf5zk749ds] {
    background: linear-gradient(135deg, #f9f4ff 0%, #fff 100%);
    padding: 25px 30px;
    border-bottom: 1px solid #e8e8e8;
}

.stats-grid[b-wf5zk749ds] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.stat-card[b-wf5zk749ds] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e1e4e8;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.stat-card[b-wf5zk749ds]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #6f42c1, #330033);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.stat-card:hover[b-wf5zk749ds] {
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(111, 66, 193, 0.15);
}

.stat-card:hover[b-wf5zk749ds]::before {
    transform: scaleX(1);
}

.stat-number[b-wf5zk749ds] {
    font-size: 2.2rem;
    font-weight: bold;
    color: #330033;
    margin-bottom: 5px;
}

.stat-label[b-wf5zk749ds] {
    font-size: 0.9rem;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Filter Bar */
.filter-bar[b-wf5zk749ds] {
    padding: 20px 30px;
    background: #fafbfc;
    border-bottom: 1px solid #e8e8e8;
}

.filter-row[b-wf5zk749ds] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.search-box[b-wf5zk749ds] {
    position: relative;
    flex: 1 1 300px;
    min-width: 240px;
}

.search-box input[b-wf5zk749ds] {
    width: 100%;
    padding: 12px 15px 12px 45px;
    border: 2px solid #e1e4e8;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: white;
    box-sizing: border-box;
}

.search-box input:focus[b-wf5zk749ds] {
    border-color: #6f42c1;
    outline: none;
    box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.1);
}

.search-icon[b-wf5zk749ds] {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #8b7aa6;
    display: flex;
    align-items: center;
    pointer-events: none;
}

.search-icon svg[b-wf5zk749ds] {
    width: 18px;
    height: 18px;
}

.filter-dropdown[b-wf5zk749ds] {
    padding: 12px 20px;
    border: 2px solid #e1e4e8;
    border-radius: 8px;
    background: white;
    color: #495057;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 200px;
    max-width: 250px;
}

.filter-dropdown:hover[b-wf5zk749ds] {
    border-color: #6f42c1;
}

.btn-primary[b-wf5zk749ds] {
    background: linear-gradient(135deg, #6f42c1, #5a32a3);
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.btn-primary:hover[b-wf5zk749ds] {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(111, 66, 193, 0.3);
}

.btn-secondary[b-wf5zk749ds] {
    background: white;
    color: #6f42c1;
    border: 2px solid #6f42c1;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.3s ease;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.btn-secondary:hover[b-wf5zk749ds] {
    background: #6f42c1;
    color: white;
}

.btn-secondary svg[b-wf5zk749ds] {
    width: 16px;
    height: 16px;
}

/* Table */
.table-container[b-wf5zk749ds] {
    padding: 20px 30px;
    background: white;
    overflow-x: auto;
}

.referrals-grid[b-wf5zk749ds] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.referrals-grid th[b-wf5zk749ds] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 15px;
    text-align: left;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.referrals-grid th:first-child[b-wf5zk749ds] {
    border-radius: 8px 0 0 0;
}

.referrals-grid th:last-child[b-wf5zk749ds] {
    border-radius: 0 8px 0 0;
}

.referrals-grid td[b-wf5zk749ds] {
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.95rem;
    color: #495057;
    transition: background 0.2s ease;
    vertical-align: top;
}

.referrals-grid tr:hover td[b-wf5zk749ds] {
    background: #f9f4ff;
}

.referrals-grid tr:last-child td[b-wf5zk749ds] {
    border-bottom: none;
}

/* ID Badge */
.id-badge[b-wf5zk749ds] {
    display: inline-block;
    padding: 4px 10px;
    background: linear-gradient(135deg, #e8f4e8, #d4edda);
    color: #155724;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

/* Date Badge */
.date-badge[b-wf5zk749ds] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #666;
}

/* Email Link */
.email-link[b-wf5zk749ds] {
    color: #6f42c1;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 6px;
    background: #f9f4ff;
}

.email-link:hover[b-wf5zk749ds] {
    background: #6f42c1;
    color: white;
    transform: translateX(3px);
}

/* Name */
.name-text[b-wf5zk749ds] {
    font-weight: 500;
    color: #330033;
}

/* Attended Badge */
.attended-badge[b-wf5zk749ds] {
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 0.85rem;
    display: inline-block;
    background: #fff3cd;
    color: #856404;
}

.attended-badge.recent[b-wf5zk749ds] {
    background: #d4edda;
    color: #155724;
}

.attended-badge.never[b-wf5zk749ds] {
    background: #f8d7da;
    color: #721c24;
}

/* Comment */
.comment-cell[b-wf5zk749ds] {
    max-width: 300px;
    position: relative;
    word-wrap: break-word;
}

.comment-text[b-wf5zk749ds] {
    display: block;
    line-height: 1.4;
    word-break: break-word;
    transition: all 0.3s ease;
}

.comment-text:hover[b-wf5zk749ds] {
    color: #6f42c1;
}

.comment-full[b-wf5zk749ds] {
    word-break: break-word;
}

/* IP Address */
.ip-cell[b-wf5zk749ds] {
    position: relative;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 6px;
    background: #f0f0f0;
    transition: all 0.3s ease;
    display: inline-block;
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
}

.ip-cell:hover[b-wf5zk749ds] {
    background: #6f42c1;
    color: white;
}

.ip-cell:hover[b-wf5zk749ds]::after {
    content: 'Click to copy';
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    white-space: nowrap;
    font-family: 'Segoe UI', sans-serif;
    z-index: 5;
}

/* Action Buttons */
.action-buttons[b-wf5zk749ds] {
    display: flex;
    gap: 8px;
}

.btn-delete[b-wf5zk749ds] {
    background: #dc3545;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.btn-delete:hover[b-wf5zk749ds] {
    background: #c82333;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);
}

.btn-restore[b-wf5zk749ds] {
    background: #28a745;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.btn-restore:hover[b-wf5zk749ds] {
    background: #218838;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}

.btn-delete svg[b-wf5zk749ds],
.btn-restore svg[b-wf5zk749ds] {
    width: 14px;
    height: 14px;
}

/* Empty State */
.empty-state[b-wf5zk749ds] {
    text-align: center;
    padding: 60px 20px;
    color: #8b7aa6;
}

.empty-state h3[b-wf5zk749ds] {
    color: #495057;
    margin-bottom: 10px;
}

/* Confirm Modal (Alpine x-show controls display; x-cloak prevents pre-init flash) */
.modal[b-wf5zk749ds] {
    display: block;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-content[b-wf5zk749ds] {
    background-color: #fefefe;
    margin: 8% auto;
    padding: 0;
    border-radius: 12px;
    width: 90%;
    max-width: 480px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    animation: referralsSlideDown-b-wf5zk749ds 0.25s ease;
}

.modal-header[b-wf5zk749ds] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 18px 25px;
    border-radius: 12px 12px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h2[b-wf5zk749ds] {
    margin: 0;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.modal-header h2 svg[b-wf5zk749ds] {
    width: 22px;
    height: 22px;
}

.close[b-wf5zk749ds] {
    color: white;
    font-size: 26px;
    font-weight: bold;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s;
    line-height: 1;
}

.close:hover[b-wf5zk749ds] {
    background: rgba(255, 255, 255, 0.2);
}

.modal-body[b-wf5zk749ds] {
    padding: 25px;
}

.confirm-message[b-wf5zk749ds] {
    font-size: 1.05rem;
    color: #333;
    margin: 0 0 10px 0;
}

.btn-actions[b-wf5zk749ds] {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #f0f0f0;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.btn-confirm[b-wf5zk749ds] {
    background: #dc3545;
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-confirm:hover[b-wf5zk749ds] {
    background: #c82333;
}

.btn-cancel[b-wf5zk749ds] {
    background: #6c757d;
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-cancel:hover[b-wf5zk749ds] {
    background: #5a6268;
}

@keyframes referralsSlideDown-b-wf5zk749ds {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .filter-row[b-wf5zk749ds] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-dropdown[b-wf5zk749ds] {
        max-width: none;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/GenderDiscrepancy.cshtml.rz.scp.css */
/* ============================================================
   Gender Discrepancy — Scoped CSS
   ============================================================ */

.page-header[b-m6kkn5c1i7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a235a 0%, #330033 60%, #1f0022 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-m6kkn5c1i7] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-m6kkn5c1i7] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-m6kkn5c1i7] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-m6kkn5c1i7] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.header-right[b-m6kkn5c1i7] { display: flex; align-items: center; gap: 10px; }
.legend-chip[b-m6kkn5c1i7] {
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #222;
}
.legend-mismatch[b-m6kkn5c1i7] { background: #ffcccc; }
.legend-match[b-m6kkn5c1i7] { background: #ccffcc; }
.badge[b-m6kkn5c1i7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 8px;
    background: rgba(255,255,255,0.2);
    color: #fff;
}

/* Error */
.gd-error[b-m6kkn5c1i7] {
    position: relative;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 34px 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}
.gd-error-close[b-m6kkn5c1i7] { position: absolute; top: 8px; right: 12px; cursor: pointer; font-size: 1.1rem; }

/* Table */
.table-panel[b-m6kkn5c1i7] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.table-wrap[b-m6kkn5c1i7] { overflow-x: auto; }
.gd-table[b-m6kkn5c1i7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.gd-table th[b-m6kkn5c1i7] {
    text-align: left;
    padding: 10px 12px;
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
.gd-table td[b-m6kkn5c1i7] {
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    color: #333;
    vertical-align: middle;
    white-space: nowrap;
}
.mismatch-row td[b-m6kkn5c1i7] { background-color: #ffcccc; }
.match-row td[b-m6kkn5c1i7] { background-color: #ccffcc; }
.gd-table tr:hover td[b-m6kkn5c1i7] { filter: brightness(0.97); }

.col-num[b-m6kkn5c1i7] { width: 44px; text-align: center; color: #555; }
.col-action[b-m6kkn5c1i7] { width: 130px; text-align: center; }

.fix-gender-btn[b-m6kkn5c1i7] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background-color: #330033;
    color: #fff;
    padding: 5px 10px;
    border: none;
    border-radius: 4px;
    font-size: 0.72rem;
    cursor: pointer;
    transition: background-color 0.15s;
}
.fix-gender-btn:hover[b-m6kkn5c1i7] { background-color: #550055; }

/* Empty state */
.empty-state[b-m6kkn5c1i7] { text-align: center; padding: 60px 20px; color: #666; }
.empty-state p[b-m6kkn5c1i7] { margin-top: 16px; font-size: 1.05rem; font-weight: 600; color: #333; }

/* ── Fix Gender modal ── */
.gd-modal-overlay[b-m6kkn5c1i7] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.gd-modal-content[b-m6kkn5c1i7] {
    background: #fff;
    padding: 28px 30px;
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.25);
    min-width: 400px;
    max-width: 520px;
    width: 100%;
}
.gd-modal-header[b-m6kkn5c1i7] { font-size: 1.25rem; font-weight: 700; margin-bottom: 18px; color: #330033; }
.gd-modal-body[b-m6kkn5c1i7] { margin-bottom: 16px; }
.gd-user-info[b-m6kkn5c1i7] { background: #f8f9fa; padding: 10px; margin: 10px 0; border-radius: 4px; font-size: 0.85rem; }
.gd-modal-warning[b-m6kkn5c1i7] {
    background: #fff3cd;
    border: 1px solid #ffc107;
    padding: 10px;
    margin: 15px 0;
    border-radius: 4px;
    color: #856404;
    font-size: 0.82rem;
    line-height: 1.4;
}
.gd-gender-choices[b-m6kkn5c1i7] { margin-top: 10px; display: flex; gap: 24px; }
.gender-option[b-m6kkn5c1i7] { display: inline-flex; align-items: center; gap: 6px; font-size: 0.9rem; cursor: pointer; }
.gd-final-confirm[b-m6kkn5c1i7] {
    margin-top: 18px;
    background: #fdecef;
    border: 1px solid #f1a9b8;
    color: #7a1327;
    padding: 12px;
    border-radius: 6px;
    font-size: 0.9rem;
    line-height: 1.45;
}

.gd-modal-buttons[b-m6kkn5c1i7] { text-align: center; margin-top: 20px; }
.btn-confirm[b-m6kkn5c1i7] {
    background-color: #330033;
    color: #fff;
    padding: 9px 26px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 8px;
    font-size: 0.95rem;
}
.btn-confirm:hover[b-m6kkn5c1i7] { background-color: #550055; }
.btn-confirm:disabled[b-m6kkn5c1i7] { opacity: 0.5; cursor: not-allowed; }
.btn-cancel[b-m6kkn5c1i7] {
    background-color: #6c757d;
    color: #fff;
    padding: 9px 26px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 8px;
    font-size: 0.95rem;
}
.btn-cancel:hover[b-m6kkn5c1i7] { background-color: #545b62; }
.btn-cancel:disabled[b-m6kkn5c1i7] { opacity: 0.5; cursor: not-allowed; }

[x-cloak][b-m6kkn5c1i7] { display: none !important; }

@media (max-width: 768px) {
    .page-header[b-m6kkn5c1i7] { flex-direction: column; gap: 12px; text-align: center; }
    .gd-modal-content[b-m6kkn5c1i7] { min-width: auto; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/GetEventList.cshtml.rz.scp.css */
/* ============================================================
   Generate List For Message — scoped CSS
   Faithful to the legacy layout: bold title line + bold <b> labels
   in plain stacked <div>s. Purple admin header to match the suite.
   ============================================================ */

.gel-wrapper[b-2ijtvrto1x] { max-width: 900px; }

/* Header */
.gel-header[b-2ijtvrto1x] {
    display: flex;
    align-items: center;
    padding: 18px 24px;
    background: linear-gradient(135deg, #330033 0%, #4a1a4a 55%, #5b2c6f 100%);
    border-radius: 12px;
    color: #fff;
    margin-bottom: 20px;
}
.gel-header-left[b-2ijtvrto1x] { display: flex; align-items: center; gap: 12px; }
.gel-header-icon[b-2ijtvrto1x] { width: 28px; height: 28px; opacity: 0.85; }
.gel-header-left h1[b-2ijtvrto1x] { font-size: 1.35rem; font-weight: 700; margin: 0; }

/* Event blocks */
.gel-list[b-2ijtvrto1x] { font-size: 0.95rem; color: #222; line-height: 1.5; }
.gel-event[b-2ijtvrto1x] { margin-bottom: 2px; }

/* Legacy <div style="font-weight:bold;"> title line */
.gel-title[b-2ijtvrto1x] { font-weight: bold; }

/* Empty state */
.gel-empty[b-2ijtvrto1x] { padding: 24px; text-align: center; color: #888; font-size: 0.9rem; }
/* _content/NYMinuteDating-Net8/Pages/Admin/GetEventList2.cshtml.rz.scp.css */
/* ============================================================
   Generate List For Message (more) — scoped CSS
   Same layout as GetEventList: bold title line + bold <b> labels
   in plain stacked <div>s, with the extra Description + Status blocks.
   ============================================================ */

.gel-wrapper[b-l9zkn1dih2] { max-width: 900px; }

/* Header */
.gel-header[b-l9zkn1dih2] {
    display: flex;
    align-items: center;
    padding: 18px 24px;
    background: linear-gradient(135deg, #330033 0%, #4a1a4a 55%, #5b2c6f 100%);
    border-radius: 12px;
    color: #fff;
    margin-bottom: 20px;
}
.gel-header-left[b-l9zkn1dih2] { display: flex; align-items: center; gap: 12px; }
.gel-header-icon[b-l9zkn1dih2] { width: 28px; height: 28px; opacity: 0.85; }
.gel-header-left h1[b-l9zkn1dih2] { font-size: 1.35rem; font-weight: 700; margin: 0; }

/* Event blocks */
.gel-list[b-l9zkn1dih2] { font-size: 0.95rem; color: #222; line-height: 1.5; }
.gel-event[b-l9zkn1dih2] { margin-bottom: 2px; }

/* Legacy <div style="font-weight:bold;"> title line */
.gel-title[b-l9zkn1dih2] { font-weight: bold; }

/* Empty state */
.gel-empty[b-l9zkn1dih2] { padding: 24px; text-align: center; color: #888; font-size: 0.9rem; }
/* _content/NYMinuteDating-Net8/Pages/Admin/GetEventListCityEventTix.cshtml.rz.scp.css */
/* ============================================================
   CityEventTix List for Message — scoped CSS
   Legacy content stays <strong>-formatted (so the "Copy list"
   rich-HTML copy keeps its bold labels when pasted into an email);
   this file only styles the header, copy button, inline toast,
   and the #copySource container.
   ============================================================ */

.cet-wrapper[b-udja3l7e5r] { max-width: 900px; }

/* Header */
.cet-header[b-udja3l7e5r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    background: linear-gradient(135deg, #330033 0%, #4a1a4a 55%, #5b2c6f 100%);
    border-radius: 12px;
    color: #fff;
    margin-bottom: 20px;
    gap: 14px;
    flex-wrap: wrap;
}
.cet-header-left[b-udja3l7e5r] { display: flex; align-items: center; gap: 12px; }
.cet-header-icon[b-udja3l7e5r] { width: 28px; height: 28px; opacity: 0.85; }
.cet-header-left h1[b-udja3l7e5r] { font-size: 1.35rem; font-weight: 700; margin: 0; }

.cet-header-right[b-udja3l7e5r] { display: flex; align-items: center; gap: 10px; }

/* Legacy blue "Copy list" button */
.cet-copy-btn[b-udja3l7e5r] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #1976d2;
    color: #fff;
    border: 0;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
}
.cet-copy-btn:hover[b-udja3l7e5r] { background: #1565c0; }

/* Legacy #copyToast "Copied!" span (hidden until the copy JS shows it) */
.cet-toast[b-udja3l7e5r] { display: none; font-weight: bold; color: #b9f6ca; font-size: 0.85rem; }

/* Event blocks */
.cet-source[b-udja3l7e5r] { font-size: 0.95rem; color: #222; line-height: 1.5; }
.cet-source a[b-udja3l7e5r] { color: #1976d2; word-break: break-all; }

/* Empty state */
.cet-empty[b-udja3l7e5r] { padding: 24px; text-align: center; color: #888; font-size: 0.9rem; }

@media (max-width: 640px) {
    .cet-header[b-udja3l7e5r] { flex-direction: column; align-items: flex-start; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/GetEventListHtml1.cshtml.rz.scp.css */
.gelh1-page[b-za2bcntlg7] {
    max-width: 1000px;
    padding: 4px 2px 24px;
}

.gelh1-header[b-za2bcntlg7] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.gelh1-header-icon[b-za2bcntlg7] {
    width: 30px;
    height: 30px;
    color: #6600cc;
    flex: 0 0 auto;
}

.gelh1-header h1[b-za2bcntlg7] {
    margin: 0;
    font-size: 20px;
    color: #330033;
}

.gelh1-sub[b-za2bcntlg7] {
    margin: 2px 0 0;
    font-size: 13px;
    color: #3d2540;
}

.gelh1-alert[b-za2bcntlg7] {
    position: relative;
    background: #fdecea;
    border: 1px solid #f5c2c0;
    color: #b91c1c;
    border-radius: 6px;
    padding: 10px 34px 10px 14px;
    margin-bottom: 16px;
    font-size: 13px;
}

.gelh1-closebtn[b-za2bcntlg7] {
    position: absolute;
    top: 6px;
    right: 10px;
    background: none;
    border: none;
    font-size: 18px;
    line-height: 1;
    color: inherit;
    cursor: pointer;
}

.gelh1-form[b-za2bcntlg7] {
    display: inline-block;
    background: #faf7ff;
    border: 1px solid #e6dcf5;
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 16px;
}

.gelh1-field[b-za2bcntlg7] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.gelh1-field:last-child[b-za2bcntlg7] {
    margin-bottom: 0;
}

.gelh1-field label[b-za2bcntlg7] {
    width: 110px;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}

.gelh1-input[b-za2bcntlg7] {
    padding: 6px 9px;
    font-size: 13px;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    width: 180px;
}

.gelh1-input:focus[b-za2bcntlg7] {
    outline: none;
    border-color: #6600cc;
    box-shadow: 0 0 0 2px rgba(102, 0, 204, 0.15);
}

.gelh1-submit[b-za2bcntlg7] {
    background: #6600cc;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.gelh1-submit:hover[b-za2bcntlg7] {
    background: #560aad;
}

.gelh1-copyrow[b-za2bcntlg7] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 6px;
}

.gelh1-copy[b-za2bcntlg7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #330033;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 7px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.gelh1-copy:hover[b-za2bcntlg7] {
    background: #4a004a;
}

.gelh1-copy[b-za2bcntlg7]  svg {
    width: 15px;
    height: 15px;
}

.gelh1-code[b-za2bcntlg7] {
    width: 100%;
    height: 800px;
    font-family: ui-monospace, "Cascadia Code", Consolas, "Courier New", monospace;
    font-size: 12px;
    line-height: 1.4;
    color: #1f2937;
    background: #fbfbfd;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 12px;
    resize: vertical;
    white-space: pre;
    box-sizing: border-box;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/GetEventListHtml2.cshtml.rz.scp.css */
.gelh2-page[b-no735fpp4d] {
    max-width: 1200px;
    padding: 4px 2px 24px;
}

.gelh2-header[b-no735fpp4d] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.gelh2-header-icon[b-no735fpp4d] {
    width: 30px;
    height: 30px;
    color: #6600cc;
    flex: 0 0 auto;
}

.gelh2-header h1[b-no735fpp4d] {
    margin: 0;
    font-size: 20px;
    color: #330033;
}

.gelh2-sub[b-no735fpp4d] {
    margin: 2px 0 0;
    font-size: 13px;
    color: #3d2540;
}

.gelh2-alert[b-no735fpp4d] {
    position: relative;
    background: #fdecea;
    border: 1px solid #f5c2c0;
    color: #b91c1c;
    border-radius: 6px;
    padding: 10px 34px 10px 14px;
    margin-bottom: 16px;
    font-size: 13px;
}

.gelh2-closebtn[b-no735fpp4d] {
    position: absolute;
    top: 6px;
    right: 10px;
    background: none;
    border: none;
    font-size: 18px;
    line-height: 1;
    color: inherit;
    cursor: pointer;
}

.gelh2-empty[b-no735fpp4d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 40px 0;
    color: #6b7280;
    font-size: 14px;
}

.gelh2-card[b-no735fpp4d] {
    display: flex;
    gap: 18px;
    align-items: stretch;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-left: 4px solid #6600cc;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}

.gelh2-preview[b-no735fpp4d] {
    width: 46%;
    min-width: 0;
    font-size: 13px;
    color: #374151;
    line-height: 1.5;
}

.gelh2-title[b-no735fpp4d] {
    font-weight: 700;
    font-size: 15px;
    color: #330033;
    margin-bottom: 6px;
}

.gelh2-line[b-no735fpp4d] {
    margin-bottom: 3px;
    overflow-wrap: anywhere;
}

.gelh2-line b[b-no735fpp4d] {
    color: #111827;
}

.gelh2-codecol[b-no735fpp4d] {
    width: 54%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.gelh2-copy[b-no735fpp4d] {
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #330033;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 6px 13px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.gelh2-copy:hover[b-no735fpp4d] {
    background: #4a004a;
}

.gelh2-copy[b-no735fpp4d]  svg {
    width: 15px;
    height: 15px;
}

.gelh2-code[b-no735fpp4d] {
    width: 100%;
    height: 220px;
    font-family: ui-monospace, "Cascadia Code", Consolas, "Courier New", monospace;
    font-size: 12px;
    line-height: 1.4;
    color: #1f2937;
    background: #fbfbfd;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 10px;
    resize: vertical;
    white-space: pre;
    box-sizing: border-box;
}

@media (max-width: 900px) {
    .gelh2-card[b-no735fpp4d] {
        flex-direction: column;
    }

    .gelh2-preview[b-no735fpp4d],
    .gelh2-codecol[b-no735fpp4d] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/GetEventListHtml3.cshtml.rz.scp.css */
.gelh3-page[b-6owyuqkh4v] {
    max-width: 1000px;
    padding: 4px 2px 24px;
}

.gelh3-header[b-6owyuqkh4v] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.gelh3-header-icon[b-6owyuqkh4v] {
    width: 30px;
    height: 30px;
    color: #6600cc;
    flex: 0 0 auto;
}

.gelh3-header h1[b-6owyuqkh4v] {
    margin: 0;
    font-size: 20px;
    color: #330033;
}

.gelh3-sub[b-6owyuqkh4v] {
    margin: 2px 0 0;
    font-size: 13px;
    /* Gray was too low-contrast on the purple admin content bg (#C993FF).
       Dark plum matches .mat-header-sub on messages-and-actions-template. */
    color: #3d2540;
}

.gelh3-alert[b-6owyuqkh4v] {
    position: relative;
    background: #fdecea;
    border: 1px solid #f5c2c0;
    color: #b91c1c;
    border-radius: 6px;
    padding: 10px 34px 10px 14px;
    margin-bottom: 16px;
    font-size: 13px;
}

.gelh3-closebtn[b-6owyuqkh4v] {
    position: absolute;
    top: 6px;
    right: 10px;
    background: none;
    border: none;
    font-size: 18px;
    line-height: 1;
    color: inherit;
    cursor: pointer;
}

.gelh3-form[b-6owyuqkh4v] {
    display: inline-block;
    background: #faf7ff;
    border: 1px solid #e6dcf5;
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 16px;
}

.gelh3-field[b-6owyuqkh4v] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.gelh3-field:last-child[b-6owyuqkh4v] {
    margin-bottom: 0;
}

.gelh3-field label[b-6owyuqkh4v] {
    width: 110px;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}

.gelh3-input[b-6owyuqkh4v] {
    padding: 6px 9px;
    font-size: 13px;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    width: 180px;
}

.gelh3-input:focus[b-6owyuqkh4v] {
    outline: none;
    border-color: #6600cc;
    box-shadow: 0 0 0 2px rgba(102, 0, 204, 0.15);
}

.gelh3-submit[b-6owyuqkh4v] {
    background: #6600cc;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.gelh3-submit:hover[b-6owyuqkh4v] {
    background: #560aad;
}

.gelh3-copyrow[b-6owyuqkh4v] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 6px;
}

.gelh3-copy[b-6owyuqkh4v] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #330033;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 7px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.gelh3-copy:hover[b-6owyuqkh4v] {
    background: #4a004a;
}

.gelh3-copy[b-6owyuqkh4v]  svg {
    width: 15px;
    height: 15px;
}

.gelh3-code[b-6owyuqkh4v] {
    width: 100%;
    height: 800px;
    font-family: ui-monospace, "Cascadia Code", Consolas, "Courier New", monospace;
    font-size: 12px;
    line-height: 1.4;
    color: #1f2937;
    background: #fbfbfd;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 12px;
    resize: vertical;
    white-space: pre;
    box-sizing: border-box;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/GetEventListNYMD.cshtml.rz.scp.css */
/* ============================================================
   NYMinuteDating List for Message — scoped CSS
   Legacy content stays <strong>-formatted (so the "Copy list"
   rich-HTML copy keeps its bold labels when pasted into an email);
   this file only styles the header, copy button, inline toast,
   and the #copySource container.
   ============================================================ */

.nymd-wrapper[b-p3o0l3wync] { max-width: 900px; }

/* Header */
.nymd-header[b-p3o0l3wync] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    background: linear-gradient(135deg, #330033 0%, #4a1a4a 55%, #5b2c6f 100%);
    border-radius: 12px;
    color: #fff;
    margin-bottom: 20px;
    gap: 14px;
    flex-wrap: wrap;
}
.nymd-header-left[b-p3o0l3wync] { display: flex; align-items: center; gap: 12px; }
.nymd-header-icon[b-p3o0l3wync] { width: 28px; height: 28px; opacity: 0.85; }
.nymd-header-left h1[b-p3o0l3wync] { font-size: 1.35rem; font-weight: 700; margin: 0; }

.nymd-header-right[b-p3o0l3wync] { display: flex; align-items: center; gap: 10px; }

/* Legacy blue "Copy list" button */
.nymd-copy-btn[b-p3o0l3wync] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #1976d2;
    color: #fff;
    border: 0;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
}
.nymd-copy-btn:hover[b-p3o0l3wync] { background: #1565c0; }

/* Legacy #copyToast "Copied!" span (hidden until the copy JS shows it) */
.nymd-toast[b-p3o0l3wync] { display: none; font-weight: bold; color: #b9f6ca; font-size: 0.85rem; }

/* Event blocks */
.nymd-source[b-p3o0l3wync] { font-size: 0.95rem; color: #222; line-height: 1.5; }
.nymd-source a[b-p3o0l3wync] { color: #1976d2; word-break: break-all; }

/* Empty state */
.nymd-empty[b-p3o0l3wync] { padding: 24px; text-align: center; color: #888; font-size: 0.9rem; }

@media (max-width: 640px) {
    .nymd-header[b-p3o0l3wync] { flex-direction: column; align-items: flex-start; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/Holidays.cshtml.rz.scp.css */
/* ============================================================
   Holidays — Scoped CSS
   Purple house palette carried over from admin/Holidays.aspx
   (GRIDVIEWHeading #330033, alert styles). Font-Awesome dropped in
   favour of Lucide <svg> icons, so icon rules target `svg`.
   Card grid + form are server-rendered / static markup (toggled by
   Alpine x-show), so this scoped CSS reaches them.
   ============================================================ */

.container[b-rzhpn0jsjr] {
    max-width: 1200px;
    margin: 0 auto;
}

header[b-rzhpn0jsjr] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

h1[b-rzhpn0jsjr] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.description[b-rzhpn0jsjr] {
    opacity: 0.9;
    margin: 0;
}

/* ── Alerts (legacy .alert / .alert-danger) ── */
.alert[b-rzhpn0jsjr] {
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
}

.alert-danger[b-rzhpn0jsjr] {
    background-color: #f8d7da;
    color: #721c24;
}

.alert-success[b-rzhpn0jsjr] {
    background-color: #d4edda;
    color: #155724;
}

.closebtn[b-rzhpn0jsjr] {
    color: inherit;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.8;
    background: none;
    border: none;
}

.closebtn:hover[b-rzhpn0jsjr] {
    opacity: 1;
}

/* ── Toolbar ── */
.filters[b-rzhpn0jsjr] {
    background-color: #fff;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.btn[b-rzhpn0jsjr] {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 6px;
    user-select: none;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn-primary[b-rzhpn0jsjr] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.btn-primary:hover[b-rzhpn0jsjr] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}

.btn-primary:disabled[b-rzhpn0jsjr] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* ── Horizontal cards ── */
.horizontal-cards-container[b-rzhpn0jsjr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.horizontal-card[b-rzhpn0jsjr] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    min-height: 70px;
    overflow: hidden;
}

.horizontal-card:hover[b-rzhpn0jsjr] {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.card-color-strip[b-rzhpn0jsjr] {
    width: 8px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
}

.card-content[b-rzhpn0jsjr] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    flex-grow: 1;
    gap: 16px;
}

.row-number[b-rzhpn0jsjr] {
    font-weight: 600;
    font-size: 14px;
    color: #663399;
    min-width: 22px;
    text-align: center;
    flex-shrink: 0;
}

.entity-icon[b-rzhpn0jsjr] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    color: #663399;
}

.entity-icon svg[b-rzhpn0jsjr] {
    width: 18px;
    height: 18px;
}

.entity-info[b-rzhpn0jsjr] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 20px;
    overflow: hidden;
    flex-wrap: wrap;
}

.entity-main[b-rzhpn0jsjr] {
    min-width: 180px;
}

.entity-name[b-rzhpn0jsjr] {
    font-weight: 600;
    font-size: 16px;
    color: #2d3436;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entity-sub[b-rzhpn0jsjr] {
    font-size: 13px;
    color: #663399;
    font-weight: 500;
}

.entity-details[b-rzhpn0jsjr] {
    display: flex;
    gap: 25px;
    align-items: center;
    flex-wrap: wrap;
}

.detail-item[b-rzhpn0jsjr] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #495057;
    white-space: nowrap;
}

.detail-icon[b-rzhpn0jsjr] {
    color: #663399;
    width: 16px;
    height: 16px;
}

.card-actions[b-rzhpn0jsjr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    border-left: 1px solid #f1f2f6;
}

.action-btn[b-rzhpn0jsjr] {
    color: #6c757d;
    cursor: pointer;
    transition: color 0.3s ease;
    padding: 8px;
    text-decoration: none;
    display: inline-flex;
}

.action-btn:hover[b-rzhpn0jsjr] {
    color: #663399;
}

.action-btn svg[b-rzhpn0jsjr] {
    width: 18px;
    height: 18px;
}

/* ── Empty state ── */
.empty-state[b-rzhpn0jsjr] {
    text-align: center;
    padding: 40px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.empty-state svg[b-rzhpn0jsjr] {
    width: 48px;
    height: 48px;
    color: #cbd5e1;
    margin-bottom: 15px;
}

.empty-state p[b-rzhpn0jsjr] {
    color: #64748b;
    font-size: 1.1rem;
}

/* ── Create / edit card ── */
.create-panel-container[b-rzhpn0jsjr] {
    margin: 0 auto;
}

.create-card[b-rzhpn0jsjr] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.card-header[b-rzhpn0jsjr] {
    padding: 24px 30px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
}

.header-content[b-rzhpn0jsjr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.title-section[b-rzhpn0jsjr] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3436;
}

.title-section svg[b-rzhpn0jsjr] {
    color: #663399;
}

.header-description[b-rzhpn0jsjr] {
    color: #6c757d;
    font-size: 0.95rem;
}

.id-badge[b-rzhpn0jsjr] {
    background: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9rem;
    color: #6c757d;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
}

.id-badge svg[b-rzhpn0jsjr] {
    color: #663399;
    width: 16px;
    height: 16px;
}

.card-body[b-rzhpn0jsjr] {
    padding: 30px;
}

.form-section[b-rzhpn0jsjr] {
    margin-bottom: 8px;
}

.form-group[b-rzhpn0jsjr] {
    margin-bottom: 20px;
}

.form-label[b-rzhpn0jsjr] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #2d3436;
}

.form-input[b-rzhpn0jsjr] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.form-input:focus[b-rzhpn0jsjr] {
    outline: none;
    border-color: #663399;
    box-shadow: 0 0 0 3px rgba(102, 51, 153, 0.1);
}

.card-footer[b-rzhpn0jsjr] {
    padding: 24px 30px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.action-buttons[b-rzhpn0jsjr] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.btn-cancel[b-rzhpn0jsjr] {
    background: white;
    color: #6c757d;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.btn-cancel:hover[b-rzhpn0jsjr] {
    background: #f8f9fa;
    border-color: #6c757d;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .horizontal-card[b-rzhpn0jsjr] {
        flex-direction: column;
    }

    .card-content[b-rzhpn0jsjr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .entity-info[b-rzhpn0jsjr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
    }

    .entity-details[b-rzhpn0jsjr] {
        width: 100%;
        justify-content: flex-start;
    }

    .card-actions[b-rzhpn0jsjr] {
        border-left: none;
        border-top: 1px solid #f1f2f6;
        width: 100%;
        justify-content: flex-end;
        padding: 10px 16px;
    }

    .header-content[b-rzhpn0jsjr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .action-buttons[b-rzhpn0jsjr] {
        flex-direction: column;
    }

    .btn-cancel[b-rzhpn0jsjr],
    .btn-primary[b-rzhpn0jsjr] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/IconsForStatus.cshtml.rz.scp.css */
/* ============================================================
   Icons For Status — Scoped CSS
   Purple house palette carried over from admin/IconsForStatus.aspx
   (GRIDVIEWHeading #330033, large status-icon display). Font-Awesome +
   CKEditor EmojiPanel dropped: the icon is edited in a plain text input
   and shown large; grid/form are server-rendered (toggled by Alpine
   x-show), so this scoped CSS reaches them.
   ============================================================ */

.container[b-h9wq5nng7w] {
    max-width: 1200px;
    margin: 0 auto;
}

header[b-h9wq5nng7w] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

h1[b-h9wq5nng7w] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.description[b-h9wq5nng7w] {
    opacity: 0.9;
    margin: 0;
}

/* ── Alerts ── */
.alert[b-h9wq5nng7w] {
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
}

.alert-danger[b-h9wq5nng7w] {
    background-color: #f8d7da;
    color: #721c24;
}

.alert-success[b-h9wq5nng7w] {
    background-color: #d4edda;
    color: #155724;
}

.closebtn[b-h9wq5nng7w] {
    color: inherit;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.8;
    background: none;
    border: none;
}

.closebtn:hover[b-h9wq5nng7w] {
    opacity: 1;
}

/* ── Horizontal cards ── */
.horizontal-cards-container[b-h9wq5nng7w] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.horizontal-card[b-h9wq5nng7w] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    min-height: 70px;
    overflow: hidden;
}

.horizontal-card:hover[b-h9wq5nng7w] {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.card-color-strip[b-h9wq5nng7w] {
    width: 8px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
}

.card-content[b-h9wq5nng7w] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    flex-grow: 1;
    gap: 16px;
}

.row-number[b-h9wq5nng7w] {
    font-weight: 600;
    font-size: 14px;
    color: #663399;
    min-width: 22px;
    text-align: center;
    flex-shrink: 0;
}

.entity-info[b-h9wq5nng7w] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 20px;
    overflow: hidden;
    flex-wrap: wrap;
}

.entity-main[b-h9wq5nng7w] {
    min-width: 220px;
}

.entity-name[b-h9wq5nng7w] {
    font-weight: 600;
    font-size: 16px;
    color: #2d3436;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entity-details[b-h9wq5nng7w] {
    display: flex;
    gap: 25px;
    align-items: center;
    flex-wrap: wrap;
}

/* Large status glyph/emoji (legacy font-size:x-large) */
.status-icon-display[b-h9wq5nng7w] {
    font-size: 1.8rem;
    line-height: 1;
    color: #2d3436;
}

.card-actions[b-h9wq5nng7w] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    border-left: 1px solid #f1f2f6;
}

.action-btn[b-h9wq5nng7w] {
    color: #6c757d;
    cursor: pointer;
    transition: color 0.3s ease;
    padding: 8px;
    text-decoration: none;
    display: inline-flex;
}

.action-btn:hover[b-h9wq5nng7w] {
    color: #663399;
}

.action-btn svg[b-h9wq5nng7w] {
    width: 18px;
    height: 18px;
}

/* ── Empty state ── */
.empty-state[b-h9wq5nng7w] {
    text-align: center;
    padding: 40px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.empty-state svg[b-h9wq5nng7w] {
    width: 48px;
    height: 48px;
    color: #cbd5e1;
    margin-bottom: 15px;
}

.empty-state p[b-h9wq5nng7w] {
    color: #64748b;
    font-size: 1.1rem;
}

/* ── Edit card ── */
.create-panel-container[b-h9wq5nng7w] {
    margin: 0 auto;
}

.create-card[b-h9wq5nng7w] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.card-header[b-h9wq5nng7w] {
    padding: 24px 30px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
}

.header-content[b-h9wq5nng7w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.title-section[b-h9wq5nng7w] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3436;
}

.title-section svg[b-h9wq5nng7w] {
    color: #663399;
}

.header-description[b-h9wq5nng7w] {
    color: #6c757d;
    font-size: 0.95rem;
}

.card-body[b-h9wq5nng7w] {
    padding: 30px;
}

.form-section[b-h9wq5nng7w] {
    margin-bottom: 8px;
}

.form-group[b-h9wq5nng7w] {
    margin-bottom: 20px;
}

.form-label[b-h9wq5nng7w] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #2d3436;
}

.form-input[b-h9wq5nng7w] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.form-input.icon-input[b-h9wq5nng7w] {
    font-size: 1.4rem;
}

.form-input:focus[b-h9wq5nng7w] {
    outline: none;
    border-color: #663399;
    box-shadow: 0 0 0 3px rgba(102, 51, 153, 0.1);
}

.field-hint[b-h9wq5nng7w] {
    margin-top: 6px;
    font-size: 0.82rem;
    color: #6c757d;
}

.icon-preview[b-h9wq5nng7w] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: #f8f9fa;
    border-radius: 8px;
}

.preview-label[b-h9wq5nng7w] {
    font-weight: 500;
    color: #6c757d;
    font-size: 0.9rem;
}

.card-footer[b-h9wq5nng7w] {
    padding: 24px 30px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.action-buttons[b-h9wq5nng7w] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.btn-primary[b-h9wq5nng7w] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-primary:hover[b-h9wq5nng7w] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}

.btn-primary:disabled[b-h9wq5nng7w] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-cancel[b-h9wq5nng7w] {
    background: white;
    color: #6c757d;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.btn-cancel:hover[b-h9wq5nng7w] {
    background: #f8f9fa;
    border-color: #6c757d;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .horizontal-card[b-h9wq5nng7w] {
        flex-direction: column;
    }

    .card-content[b-h9wq5nng7w] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .entity-info[b-h9wq5nng7w] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
    }

    .card-actions[b-h9wq5nng7w] {
        border-left: none;
        border-top: 1px solid #f1f2f6;
        width: 100%;
        justify-content: flex-end;
        padding: 10px 16px;
    }

    .action-buttons[b-h9wq5nng7w] {
        flex-direction: column;
    }

    .btn-cancel[b-h9wq5nng7w],
    .btn-primary[b-h9wq5nng7w] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/IContactOptOut.cshtml.rz.scp.css */
/* Scoped styles for the iContact Do-Not-Contact page.
   Ported from the legacy admin/IContactOptOut.aspx inline CSS; font-awesome ::before icon
   rules were dropped in favor of Lucide <i data-lucide>. All rules are nested under .ico-root
   so CSS isolation + the wrapper class keep them from leaking into admin.css. */

.ico-root[b-iyw4uor20v] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    color: #2d3748;
}

.ico-container[b-iyw4uor20v] {
    background: white;
    border-radius: 8px;
    padding: 25px;
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Header */
.ico-page-header[b-iyw4uor20v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #330033;
}
.ico-page-title[b-iyw4uor20v] {
    font-size: 28px;
    font-weight: 600;
    color: #330033;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ico-page-subtitle[b-iyw4uor20v] {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

/* Statistics Cards */
.ico-stats[b-iyw4uor20v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 25px;
}
.ico-stat-card[b-iyw4uor20v] {
    background: #330033;
    color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.2s;
}
.ico-stat-card:hover[b-iyw4uor20v] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.ico-stat-label[b-iyw4uor20v] {
    font-size: 13px;
    opacity: 0.9;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.ico-stat-value[b-iyw4uor20v] {
    font-size: 32px;
    font-weight: bold;
}

/* Upload Section */
.ico-upload-section[b-iyw4uor20v] {
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 25px;
    text-align: center;
    transition: all 0.3s;
}
.ico-upload-section:hover[b-iyw4uor20v] {
    border-color: #6f42c1;
    background: #f3f0ff;
}
.ico-upload-icon[b-iyw4uor20v] {
    color: #6f42c1;
    margin-bottom: 15px;
}
.ico-upload-title[b-iyw4uor20v] {
    font-size: 18px;
    font-weight: 600;
    color: #330033;
    margin-bottom: 10px;
}
.ico-upload-subtitle[b-iyw4uor20v] {
    color: #666;
    margin-bottom: 20px;
}
.ico-upload-controls[b-iyw4uor20v] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}
.ico-report[b-iyw4uor20v] {
    margin-top: 20px;
}

/* Buttons */
.ico-btn[b-iyw4uor20v] {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
}
.ico-btn:disabled[b-iyw4uor20v] { opacity: 0.6; cursor: not-allowed; }
.ico-btn-primary[b-iyw4uor20v] { background: #6f42c1; color: white; }
.ico-btn-primary:hover:not(:disabled)[b-iyw4uor20v] {
    background: #5a32a3;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(111, 66, 193, 0.3);
}
.ico-btn-danger[b-iyw4uor20v] { background: #dc3545; color: white; }
.ico-btn-danger:hover:not(:disabled)[b-iyw4uor20v] {
    background: #c82333;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}
.ico-btn-success[b-iyw4uor20v] { background: #28a745; color: white; }
.ico-btn-success:hover:not(:disabled)[b-iyw4uor20v] {
    background: #218838;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}
.ico-btn-secondary[b-iyw4uor20v] { background: #6c757d; color: white; }
.ico-btn-secondary:hover:not(:disabled)[b-iyw4uor20v] { background: #5a6268; }

/* File Input Styling */
.ico-file-input-label[b-iyw4uor20v] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: #6f42c1;
    color: white;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s;
    max-width: 320px;
}
.ico-file-input-label:hover[b-iyw4uor20v] {
    background: #5a32a3;
    transform: translateY(-1px);
}
.ico-file-input-label span[b-iyw4uor20v] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Tabs */
.ico-tab-container[b-iyw4uor20v] { margin-top: 30px; }
.ico-tab-nav[b-iyw4uor20v] {
    display: flex;
    border-bottom: 2px solid #dee2e6;
    margin-bottom: 20px;
    gap: 5px;
    flex-wrap: wrap;
}
.ico-tab-button[b-iyw4uor20v] {
    padding: 12px 24px;
    background: white;
    border: none;
    border-bottom: 3px solid transparent;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
}
.ico-tab-button:hover[b-iyw4uor20v] { color: #330033; background: #f8f9fa; }
.ico-tab-button.active[b-iyw4uor20v] {
    color: #330033;
    border-bottom-color: #6f42c1;
    font-weight: 600;
}

/* Table */
.ico-data-table[b-iyw4uor20v] {
    width: 100%;
    border-collapse: collapse;
    background: white;
}
.ico-data-table thead th[b-iyw4uor20v] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 12px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
}
.ico-data-table tbody td[b-iyw4uor20v] {
    padding: 12px;
    border-bottom: 1px solid #e1e4e8;
    font-size: 13px;
}
.ico-data-table tbody tr[b-iyw4uor20v] { transition: background 0.2s; }
.ico-data-table tbody tr:hover[b-iyw4uor20v] { background: #f8f9fa; }
.ico-data-table tbody tr:nth-child(even)[b-iyw4uor20v] { background: #fafbfc; }
.ico-data-table tbody tr:nth-child(even):hover[b-iyw4uor20v] { background: #f3f4f6; }

.ico-email-link[b-iyw4uor20v] { color: #6f42c1; text-decoration: none; }
.ico-email-link:hover[b-iyw4uor20v] { text-decoration: underline; }

/* Empty State */
.ico-empty-state[b-iyw4uor20v] {
    text-align: center;
    padding: 60px 20px;
    color: #666;
}
.ico-empty-state i[b-iyw4uor20v] { color: #dee2e6; margin-bottom: 20px; }
.ico-empty-state h3[b-iyw4uor20v] { color: #330033; margin-bottom: 10px; }

/* Badge */
.ico-badge[b-iyw4uor20v] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}
.ico-badge-warning[b-iyw4uor20v] { background: #fff3cd; color: #856404; }

/* History Rows */
.ico-history-row[b-iyw4uor20v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    padding: 15px;
    background: white;
    border: 1px solid #e1e4e8;
    border-radius: 6px;
    margin-bottom: 10px;
    transition: all 0.2s;
}
.ico-history-row:hover[b-iyw4uor20v] {
    border-color: #6f42c1;
    box-shadow: 0 2px 8px rgba(111, 66, 193, 0.15);
}
.ico-history-item[b-iyw4uor20v] { display: flex; flex-direction: column; }
.ico-history-label[b-iyw4uor20v] {
    font-size: 11px;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-weight: 500;
}
.ico-history-value[b-iyw4uor20v] {
    font-size: 14px;
    color: #330033;
    font-weight: 500;
}
.ico-download-link[b-iyw4uor20v] {
    color: #6f42c1;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.ico-download-link:hover[b-iyw4uor20v] { color: #5a32a3; text-decoration: underline; }

/* Search Box */
.ico-search-container[b-iyw4uor20v] {
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.ico-search-input[b-iyw4uor20v] {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
}
.ico-search-input:focus[b-iyw4uor20v] {
    outline: none;
    border-color: #6f42c1;
    box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.1);
}

/* Modal */
.ico-modal-background[b-iyw4uor20v] {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.ico-modal-content[b-iyw4uor20v] {
    background-color: white;
    margin: 10vh auto;
    padding: 0;
    border-radius: 8px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    align-self: flex-start;
}
.ico-modal-header[b-iyw4uor20v] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 20px;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ico-modal-title[b-iyw4uor20v] {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ico-modal-body[b-iyw4uor20v] {
    padding: 30px;
    font-size: 15px;
    line-height: 1.6;
}
.ico-modal-body p[b-iyw4uor20v] { margin: 0 0 12px 0; }
.ico-modal-footer[b-iyw4uor20v] {
    padding: 20px;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.ico-closebtn[b-iyw4uor20v] {
    color: inherit;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
    line-height: 1;
}
.ico-closebtn:hover[b-iyw4uor20v] { opacity: 1; }

@media (max-width: 768px) {
    .ico-upload-controls[b-iyw4uor20v] { flex-direction: column; }
    .ico-data-table[b-iyw4uor20v] { display: block; overflow-x: auto; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ImageConverter.cshtml.rz.scp.css */
/* ============================================================
   Image Converter — Scoped CSS
   Ported from admin/ImageConverter.aspx's inline <style>
   (converter-* / info-box / stats-box / results-box / warning-box).
   Prefixed ic- to avoid collisions; Font-Awesome dropped for Lucide
   <svg> icons. Confirm-modal styles added (Alpine modal replaces the
   legacy postback flow).
   ============================================================ */

.ic-container[b-u63tgowi1r] {
    max-width: 900px;
    margin: 20px auto;
    padding: 20px;
}

.ic-header[b-u63tgowi1r] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 20px;
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
}

.ic-header h2[b-u63tgowi1r] {
    margin: 0 0 5px 0;
    font-size: 24px;
}

.ic-header p[b-u63tgowi1r] {
    margin: 0;
    opacity: 0.9;
    font-size: 14px;
}

.ic-body[b-u63tgowi1r] {
    background: white;
    border: 1px solid #e1e4e8;
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 25px;
}

.ic-info-box[b-u63tgowi1r] {
    background: #f8f9fa;
    border: 1px solid #e1e4e8;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 20px;
}

.ic-info-box h4[b-u63tgowi1r] {
    margin: 0 0 10px 0;
    color: #333;
}

.ic-info-box ul[b-u63tgowi1r] {
    margin: 0;
    padding-left: 20px;
    color: #666;
}

.ic-info-box li[b-u63tgowi1r] {
    margin-bottom: 5px;
}

.ic-info-box code[b-u63tgowi1r],
.ic-warning-box code[b-u63tgowi1r] {
    background: #eef0f3;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 12px;
}

.ic-btn-convert[b-u63tgowi1r] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    padding: 12px 30px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ic-btn-convert:hover[b-u63tgowi1r] {
    opacity: 0.9;
}

.ic-btn-convert:disabled[b-u63tgowi1r] {
    opacity: 0.6;
    cursor: not-allowed;
}

.ic-btn-convert svg[b-u63tgowi1r] {
    width: 18px;
    height: 18px;
}

.ic-results-box[b-u63tgowi1r] {
    background: #f8f9fa;
    border: 1px solid #e1e4e8;
    border-radius: 6px;
    padding: 15px;
    margin-top: 20px;
    max-height: 400px;
    overflow-y: auto;
}

.ic-results-box h4[b-u63tgowi1r] {
    margin: 0 0 10px 0;
    color: #333;
}

.ic-result-item[b-u63tgowi1r] {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    word-break: break-word;
}

.ic-result-item:last-child[b-u63tgowi1r] {
    border-bottom: none;
}

.ic-result-success[b-u63tgowi1r] {
    color: #28a745;
}

.ic-result-error[b-u63tgowi1r] {
    color: #dc3545;
}

.ic-result-skip[b-u63tgowi1r] {
    color: #6c757d;
}

.ic-result-item[b-u63tgowi1r] {
    color: #333;
}

.ic-stats-box[b-u63tgowi1r] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.ic-stat-item[b-u63tgowi1r] {
    background: #f8f9fa;
    border: 1px solid #e1e4e8;
    border-radius: 6px;
    padding: 15px 25px;
    text-align: center;
}

.ic-stat-number[b-u63tgowi1r] {
    font-size: 28px;
    font-weight: bold;
    color: #764ba2;
}

.ic-stat-label[b-u63tgowi1r] {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
}

.ic-warning-box[b-u63tgowi1r] {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 20px;
    color: #856404;
}

/* ── Confirm modal ── */
.ic-modal-overlay[b-u63tgowi1r] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.ic-modal-content[b-u63tgowi1r] {
    background: #fff;
    border-radius: 8px;
    width: 90%;
    max-width: 480px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.ic-modal-header[b-u63tgowi1r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
}

.ic-modal-header h3[b-u63tgowi1r] {
    margin: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ic-inline-icon[b-u63tgowi1r] {
    width: 18px;
    height: 18px;
}

.ic-modal-close[b-u63tgowi1r] {
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    opacity: 0.9;
}

.ic-modal-close:hover[b-u63tgowi1r] {
    opacity: 1;
}

.ic-modal-body[b-u63tgowi1r] {
    padding: 20px;
    color: #333;
    font-size: 14px;
}

.ic-modal-body p[b-u63tgowi1r] {
    margin: 0 0 10px 0;
}

.ic-modal-footer[b-u63tgowi1r] {
    padding: 14px 20px;
    background: #f8f9fa;
    border-top: 1px solid #e1e4e8;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.ic-btn[b-u63tgowi1r] {
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid transparent;
}

.ic-btn-secondary[b-u63tgowi1r] {
    background: #fff;
    color: #6c757d;
    border-color: #ddd;
}

.ic-btn-secondary:hover[b-u63tgowi1r] {
    background: #f8f9fa;
}

.ic-btn-primary[b-u63tgowi1r] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
}

.ic-btn-primary:hover[b-u63tgowi1r] {
    opacity: 0.9;
}

.ic-btn-primary:disabled[b-u63tgowi1r] {
    opacity: 0.6;
    cursor: not-allowed;
}

@media (max-width: 600px) {
    .ic-stats-box[b-u63tgowi1r] {
        gap: 10px;
    }

    .ic-stat-item[b-u63tgowi1r] {
        flex: 1 1 40%;
        padding: 12px;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ImpersonateUser.cshtml.rz.scp.css */
.imp-root *[b-tr2kq1hevg] { margin: 0; padding: 0; box-sizing: border-box; }
.imp-root[b-tr2kq1hevg] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: #f5f7fa; padding: 20px; color: #2d3748;
}
.imp-container[b-tr2kq1hevg] { max-width: 860px; margin: 0 auto; padding: 20px; }
.imp-title[b-tr2kq1hevg] { font-size: 26px; font-weight: 600; color: #1a202c; margin-bottom: 20px; }

.warning-box[b-tr2kq1hevg] { background: #fff3cd; border: 1px solid #ffc107; padding: 15px; border-radius: 8px; margin-bottom: 16px; }
.warning-box h4[b-tr2kq1hevg] { margin-bottom: 8px; color: #856404; }
.warning-box ul[b-tr2kq1hevg] { margin: 0; padding-left: 20px; color: #856404; }
.warning-box li[b-tr2kq1hevg] { margin: 2px 0; }

.flag-box[b-tr2kq1hevg] { background: #e0f2fe; border: 1px solid #38bdf8; padding: 15px; border-radius: 8px; margin-bottom: 20px; }
.flag-box h4[b-tr2kq1hevg] { margin-bottom: 6px; color: #075985; }
.flag-box p[b-tr2kq1hevg] { color: #0c4a6e; font-size: 13px; line-height: 1.5; }
.flag-box code[b-tr2kq1hevg] { background: #cffafe; padding: 1px 6px; border-radius: 4px; font-size: 12px; }

.search-box[b-tr2kq1hevg] { background: #f5f5f5; padding: 20px; border-radius: 8px; margin-bottom: 20px; }
.search-box h3[b-tr2kq1hevg] { margin-bottom: 6px; color: #333; }
.search-box p[b-tr2kq1hevg] { color: #4a5568; font-size: 14px; margin-bottom: 10px; }
.search-line[b-tr2kq1hevg] { display: flex; gap: 10px; flex-wrap: wrap; }
.search-input[b-tr2kq1hevg] {
    padding: 10px; width: 320px; max-width: 100%; font-size: 14px;
    border: 1px solid #ccc; border-radius: 4px; font-family: inherit;
}
.search-input:focus[b-tr2kq1hevg] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }
.search-btn[b-tr2kq1hevg] {
    padding: 10px 20px; background: #330033; color: white; border: none; border-radius: 4px;
    cursor: pointer; font-size: 14px; font-weight: 600; font-family: inherit;
}
.search-btn:hover[b-tr2kq1hevg] { background: #4d004d; }
.search-btn:disabled[b-tr2kq1hevg] { opacity: .6; pointer-events: none; }

.results-panel[b-tr2kq1hevg] { margin-bottom: 20px; }
.results-panel h3[b-tr2kq1hevg] { margin-bottom: 10px; color: #1a202c; }
.results-table[b-tr2kq1hevg] { width: 100%; border-collapse: collapse; }
.results-table th[b-tr2kq1hevg] { background: #330033; color: white; padding: 12px; text-align: left; font-size: 13px; }
.results-table td[b-tr2kq1hevg] { padding: 12px; border-bottom: 1px solid #ddd; font-size: 14px; }
.results-table tr:hover td[b-tr2kq1hevg] { background: #faf5ff; }
.no-results[b-tr2kq1hevg] { padding: 16px; color: #718096; font-style: italic; }

.impersonate-btn[b-tr2kq1hevg] {
    padding: 8px 16px; background: #28a745; color: white; border: none; border-radius: 4px;
    cursor: pointer; font-size: 13px; font-weight: 600; font-family: inherit;
}
.impersonate-btn:hover[b-tr2kq1hevg] { background: #1e7e34; }
.impersonate-btn:disabled[b-tr2kq1hevg] { opacity: .6; pointer-events: none; }

.success-box[b-tr2kq1hevg] { background: #d4edda; border: 1px solid #28a745; color: #155724; padding: 18px; border-radius: 8px; margin-bottom: 20px; }
.success-box h4[b-tr2kq1hevg] { margin-bottom: 8px; }
.success-box p[b-tr2kq1hevg] { margin: 6px 0; font-size: 14px; }
.open-btn[b-tr2kq1hevg] {
    display: inline-block; text-decoration: none; padding: 12px 24px; font-size: 16px; font-weight: 700;
    background: #28a745; color: white; border-radius: 4px;
}
.open-btn:hover[b-tr2kq1hevg] { background: #1e7e34; }
.expired-note[b-tr2kq1hevg] { color: #721c24; font-weight: 700; }
.link-sub[b-tr2kq1hevg] { font-size: 12px; color: #446a52; }

/* Confirm modal */
.confirm-overlay[b-tr2kq1hevg] { position: fixed; inset: 0; background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center; z-index: 99999; }
.confirm-box[b-tr2kq1hevg] { background: #fff; border-radius: 10px; padding: 22px; max-width: 420px; width: 90%; box-shadow: 0 12px 40px rgba(0,0,0,.25); }
.confirm-box p[b-tr2kq1hevg] { color: #2d3748; font-size: 15px; margin-bottom: 16px; }
.confirm-actions[b-tr2kq1hevg] { display: flex; gap: 10px; justify-content: flex-end; }
.confirm-ok[b-tr2kq1hevg] { padding: 9px 16px; background: #28a745; color: #fff; border: none; border-radius: 6px; font-weight: 600; cursor: pointer; font-family: inherit; }
.confirm-ok:hover[b-tr2kq1hevg] { background: #1e7e34; }
.confirm-cancel[b-tr2kq1hevg] { padding: 9px 16px; background: #e2e8f0; color: #4a5568; border: none; border-radius: 6px; font-weight: 600; cursor: pointer; font-family: inherit; }
.confirm-cancel:hover[b-tr2kq1hevg] { background: #cbd5e0; }

[x-cloak][b-tr2kq1hevg] { display: none !important; }
/* _content/NYMinuteDating-Net8/Pages/Admin/LocationPages.cshtml.rz.scp.css */
/* Location Pages — scoped styles (house palette #330033 / #E0C1FF) */

.lp-page[b-89rfjnxn2e] { color: #222; }

/* Header */
.lp-header[b-89rfjnxn2e] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; flex-wrap: wrap; gap: 12px; }
.lp-header-left[b-89rfjnxn2e] { display: flex; align-items: center; gap: 14px; }
.lp-header-icon[b-89rfjnxn2e] { width: 30px; height: 30px; color: #330033; }
.lp-header h1[b-89rfjnxn2e] { font-size: 22px; color: #330033; margin: 0; }
.lp-sub[b-89rfjnxn2e] { color: #3d2540; font-size: 13px; margin: 2px 0 0; }

/* Error */
.lp-error[b-89rfjnxn2e] { position: relative; background: #f2dede; color: #a94442; border: 1px solid #ebccd1; border-radius: 6px; padding: 12px 36px 12px 15px; margin-bottom: 15px; }
.lp-error-close[b-89rfjnxn2e] { position: absolute; top: 8px; right: 12px; background: none; border: none; font-size: 18px; font-weight: bold; cursor: pointer; color: inherit; }

/* Top: form + CSV import side by side */
.lp-top[b-89rfjnxn2e] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 18px; }
@media (max-width: 860px) { .lp-top[b-89rfjnxn2e] { grid-template-columns: 1fr; } }

/* Panel */
.lp-panel[b-89rfjnxn2e] { background: #fff; border: 1px solid #e3e3e3; border-radius: 8px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.lp-panel-legend[b-89rfjnxn2e] { font-weight: 600; color: #330033; margin-bottom: 14px; font-size: 15px; }
.lp-panel-form[b-89rfjnxn2e] { background: #faf4ff; }
.lp-panel-csv[b-89rfjnxn2e] { background: #fbfdf1; }

/* Buttons */
.lp-btn[b-89rfjnxn2e] { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; padding: 9px 18px; border-radius: 6px; border: 1px solid transparent; cursor: pointer; font-weight: 500; }
.lp-btn-primary[b-89rfjnxn2e] { background: #330033; color: #fff; }
.lp-btn-primary:hover[b-89rfjnxn2e] { background: #4d004d; }
.lp-btn-secondary[b-89rfjnxn2e] { background: #fff; color: #330033; border-color: #330033; }
.lp-btn-secondary:hover[b-89rfjnxn2e] { background: #f7f0ff; }
.lp-btn-danger[b-89rfjnxn2e] { background: #b91c1c; color: #fff; }
.lp-btn-danger:hover[b-89rfjnxn2e] { background: #991b1b; }
.lp-btn:disabled[b-89rfjnxn2e] { opacity: .6; cursor: not-allowed; }

/* Loading */
.lp-loading[b-89rfjnxn2e] { display: flex; align-items: center; gap: 10px; color: #666; padding: 30px; justify-content: center; }
.lp-spinner[b-89rfjnxn2e] { width: 26px; height: 26px; border: 3px solid #eee; border-top-color: #330033; border-radius: 50%; animation: lp-spin-b-89rfjnxn2e 1s linear infinite; }
@keyframes lp-spin-b-89rfjnxn2e { to { transform: rotate(360deg); } }

/* Table */
.lp-table-wrap[b-89rfjnxn2e] { overflow-x: auto; }
.lp-table[b-89rfjnxn2e] { width: 100%; border-collapse: collapse; }
.lp-table thead th[b-89rfjnxn2e] { background: #330033; color: #fff; text-align: left; padding: 10px; font-size: 13px; font-weight: 500; }
.lp-table td[b-89rfjnxn2e] { padding: 10px; border-bottom: 1px solid #eee; font-size: 14px; vertical-align: top; word-break: break-word; }
.lp-table tbody tr:nth-child(even)[b-89rfjnxn2e] { background: #F6EEFF; }
.lp-col-num[b-89rfjnxn2e] { width: 48px; }
.lp-col-actions[b-89rfjnxn2e] { width: 100px; white-space: nowrap; text-align: right; }
.lp-empty[b-89rfjnxn2e] { text-align: center; color: #999; padding: 26px; }

/* Icon buttons */
.lp-icon-btn[b-89rfjnxn2e] { background: none; border: none; cursor: pointer; color: #330033; padding: 4px; border-radius: 4px; vertical-align: middle; }
.lp-icon-btn:hover[b-89rfjnxn2e] { background: #efe1ff; }
.lp-icon-danger[b-89rfjnxn2e] { color: #b91c1c; }
.lp-icon-danger:hover[b-89rfjnxn2e] { background: #fde8e8; }

/* Form */
.lp-form-row[b-89rfjnxn2e] { display: flex; align-items: center; gap: 12px; margin: 10px 0; }
.lp-form-row-top[b-89rfjnxn2e] { align-items: flex-start; }
.lp-label[b-89rfjnxn2e] { min-width: 130px; font-size: 13px; color: #444; font-weight: 500; padding-top: 8px; }
.lp-req[b-89rfjnxn2e] { color: #b91c1c; }
.lp-field[b-89rfjnxn2e] { flex: 1; min-width: 0; }
.lp-input[b-89rfjnxn2e] { width: 100%; max-width: 480px; padding: 8px 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; }
.lp-input:focus[b-89rfjnxn2e] { outline: none; border-color: #330033; box-shadow: 0 0 0 2px rgba(51,0,51,.12); }
.lp-file[b-89rfjnxn2e] { font-size: 14px; }
.lp-hint[b-89rfjnxn2e] { color: #888; font-size: 12px; margin-top: 4px; }
.lp-field-required[b-89rfjnxn2e] { color: #b91c1c; font-size: 14px; font-weight: bold; margin-top: 4px; }

.lp-actions[b-89rfjnxn2e] { display: flex; justify-content: flex-start; gap: 10px; margin-top: 16px; }

/* Modal */
.lp-modal-bg[b-89rfjnxn2e] { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 10000; display: flex; align-items: flex-start; justify-content: center; padding-top: 8vh; }
.lp-modal[b-89rfjnxn2e] { background: #fff; border-radius: 10px; width: 440px; max-width: 92%; box-shadow: 0 10px 40px rgba(0,0,0,.25); overflow: hidden; }
.lp-modal-head[b-89rfjnxn2e] { background: #330033; color: #fff; padding: 16px 20px; display: flex; justify-content: space-between; align-items: center; }
.lp-modal-head h3[b-89rfjnxn2e] { margin: 0; font-size: 17px; }
.lp-modal-close[b-89rfjnxn2e] { background: none; border: none; color: #fff; font-size: 22px; cursor: pointer; line-height: 1; }
.lp-modal-body[b-89rfjnxn2e] { padding: 20px; font-size: 14px; }
.lp-modal-foot[b-89rfjnxn2e] { padding: 14px 20px; border-top: 1px solid #eee; display: flex; justify-content: flex-end; gap: 10px; }
/* _content/NYMinuteDating-Net8/Pages/Admin/MailingList.cshtml.rz.scp.css */
/* ============================================================
   Mailing List Manager — Scoped CSS
   Translated from the legacy admin/mailing_list.aspx inline <style>.
   (Colors hardcoded rather than :root vars — a scoped stylesheet
   cannot target :root; custom props would not reach the <html>.)
   Prefix: .mlst-*  (avoids collision with any other admin page).
   ============================================================ */

.mlst-container[b-li6m98mprg] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 100%;
    margin: 20px auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

[x-cloak][b-li6m98mprg] { display: none !important; }

/* ── Header ── */
.mlst-header[b-li6m98mprg] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    padding: 25px 30px;
}

.mlst-header h2[b-li6m98mprg] {
    margin: 0 0 8px 0;
    font-weight: 600;
    font-size: 1.75rem;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mlst-header p[b-li6m98mprg] {
    margin: 0;
    opacity: 0.9;
    font-size: 0.95rem;
}

/* ── Stats ── */
.mlst-stats[b-li6m98mprg] {
    background: #f9f4ff;
    padding: 20px 30px;
    border-bottom: 2px solid #c993ff;
}

.mlst-stats-container[b-li6m98mprg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.mlst-stat-card[b-li6m98mprg] {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    border-left: 4px solid #6f42c1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s, box-shadow 0.2s;
}

.mlst-stat-card:hover[b-li6m98mprg] {
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(111, 66, 193, 0.2);
}

.mlst-stat-number[b-li6m98mprg] {
    font-size: 2rem;
    font-weight: bold;
    color: #6f42c1;
    margin-bottom: 5px;
}

.mlst-stat-label[b-li6m98mprg] {
    font-size: 0.9rem;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ── Filter section ── */
.mlst-filter[b-li6m98mprg] {
    padding: 25px 30px;
    background: #fff;
    border-bottom: 1px solid #e1e4e8;
}

.mlst-filter-grid[b-li6m98mprg] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.mlst-filter-group[b-li6m98mprg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mlst-filter-group > label[b-li6m98mprg] {
    font-weight: 600;
    color: #330033;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 6px;
}

.mlst-filter-group select[b-li6m98mprg],
.mlst-filter-group input[type="text"][b-li6m98mprg] {
    padding: 10px 12px;
    border: 2px solid #e1e4e8;
    border-radius: 8px;
    font-size: 0.9rem;
    transition: border-color 0.2s, box-shadow 0.2s;
    font-family: inherit;
}

.mlst-filter-group select:focus[b-li6m98mprg],
.mlst-filter-group input:focus[b-li6m98mprg] {
    outline: none;
    border-color: #6f42c1;
    box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.1);
}

.mlst-listbox[b-li6m98mprg] {
    cursor: pointer;
    background: #fff;
    min-height: 120px;
}

.mlst-age-row[b-li6m98mprg] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.mlst-age-row select[b-li6m98mprg] {
    max-width: 90px;
}

.mlst-age-sep[b-li6m98mprg] { color: #666; }

/* ── Preview count ── */
.mlst-preview[b-li6m98mprg] {
    background: #fff3cd;
    border: 1px solid #ffc107;
    padding: 12px 20px;
    border-radius: 8px;
    margin: 15px 0 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    color: #856404;
}

.mlst-preview i[b-li6m98mprg] { color: #856404; flex-shrink: 0; }

/* ── Buttons ── */
.mlst-filter-actions[b-li6m98mprg] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.mlst-btn[b-li6m98mprg] {
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.mlst-btn-primary[b-li6m98mprg] { background: #330033; color: #fff; }
.mlst-btn-primary:hover[b-li6m98mprg] {
    background: #4a004a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(51, 0, 51, 0.3);
}

.mlst-btn-secondary[b-li6m98mprg] {
    background: #fff;
    color: #330033;
    border: 2px solid #330033;
}
.mlst-btn-secondary:hover[b-li6m98mprg] { background: #f8f9fa; }

.mlst-btn-accent[b-li6m98mprg] { background: #6f42c1; color: #fff; }
.mlst-btn-accent:hover[b-li6m98mprg] { background: #5a32a3; }

.mlst-btn-success[b-li6m98mprg] { background: #28a745; color: #fff; }
.mlst-btn-success:hover[b-li6m98mprg] { background: #218838; }

/* ── Filter summary ── */
.mlst-filter-summary[b-li6m98mprg] {
    background: #e8dff8;
    padding: 12px 20px;
    border-radius: 8px;
    margin: 15px 0;
    color: #330033;
    font-size: 0.9rem;
}

/* ── Copy section ── */
.mlst-copy[b-li6m98mprg] {
    background: #f9f4ff;
    padding: 20px 30px;
    border-bottom: 2px solid #c993ff;
}

.mlst-copy-buttons[b-li6m98mprg] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.mlst-copy-left[b-li6m98mprg] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.mlst-copy-right[b-li6m98mprg] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex: 1;
    justify-content: flex-end;
    max-width: 500px;
}

.mlst-copy-right input[type="text"][b-li6m98mprg] {
    flex: 1;
    padding: 10px 12px;
    border: 2px solid #e1e4e8;
    border-radius: 8px;
    font-size: 0.9rem;
    font-family: inherit;
}

.mlst-copy-right input[type="text"]:focus[b-li6m98mprg] {
    outline: none;
    border-color: #6f42c1;
    box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.1);
}

/* ── Grid section ── */
.mlst-grid-section[b-li6m98mprg] { padding: 30px; }

.mlst-grid-header[b-li6m98mprg] {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #c993ff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mlst-grid-header h3[b-li6m98mprg] {
    color: #330033;
    font-size: 1.3rem;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mlst-table-wrap[b-li6m98mprg] { overflow-x: auto; }

.mlst-grid[b-li6m98mprg] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 20px;
}

.mlst-grid thead th[b-li6m98mprg] {
    background: #330033;
    color: #fff;
    padding: 15px 12px;
    font-weight: 600;
    text-align: left;
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.85rem;
    white-space: nowrap;
}

.mlst-grid thead th.mlst-sortable[b-li6m98mprg] { cursor: pointer; }
.mlst-grid thead th.mlst-sortable:hover[b-li6m98mprg] { color: #c993ff; }
.mlst-grid thead th .mlst-sort-arrow[b-li6m98mprg] { font-size: 11px; margin-left: 3px; }

.mlst-grid tbody tr[b-li6m98mprg] { transition: background 0.2s; }
.mlst-grid tbody tr:hover[b-li6m98mprg] { background: #e8dff8 !important; }

.mlst-grid tbody td[b-li6m98mprg] {
    padding: 12px;
    border-bottom: 1px solid #e1e4e8;
    font-size: 0.9rem;
    white-space: nowrap;
}

/* Gender / status row colors */
.mlst-male-row[b-li6m98mprg] { background: #e6f2ff; }
.mlst-female-row[b-li6m98mprg] { background: #ffe6f0; }
.mlst-unsub-row[b-li6m98mprg] { opacity: 0.6; background: #f8f9fa; }
.mlst-unsub-row td[b-li6m98mprg] { text-decoration: line-through; }

/* IP address cell */
.mlst-ip[b-li6m98mprg] {
    cursor: pointer;
    color: #6f42c1;
    text-decoration: underline;
    display: inline-block;
    font-family: monospace;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}
.mlst-ip:hover[b-li6m98mprg] { color: #330033; }

/* Categories badge */
.mlst-cat-badge[b-li6m98mprg] {
    background: #6f42c1;
    color: #fff;
    padding: 6px 12px;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
    transition: all 0.2s;
    border: none;
}
.mlst-cat-badge:hover[b-li6m98mprg] {
    background: #5a32a3;
    transform: scale(1.05);
}

/* Status badge (unsubscribed marker in the Email cell) */
.mlst-status-badge[b-li6m98mprg] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    display: inline-block;
    margin-top: 4px;
    background: #f8d7da;
    color: #721c24;
}

/* Action buttons */
.mlst-action-btns[b-li6m98mprg] { display: flex; gap: 8px; }

.mlst-action-btn[b-li6m98mprg] {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.mlst-action-delete[b-li6m98mprg] { background: #dc3545; color: #fff; }
.mlst-action-delete:hover[b-li6m98mprg] { background: #c82333; transform: translateY(-2px); }

.mlst-action-unsub[b-li6m98mprg] { background: #ffc107; color: #000; }
.mlst-action-unsub:hover[b-li6m98mprg] { background: #e0a800; transform: translateY(-2px); }

/* No results */
.mlst-no-results[b-li6m98mprg] {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
}
.mlst-no-results i[b-li6m98mprg] {
    width: 64px;
    height: 64px;
    color: #dee2e6;
    margin-bottom: 15px;
}
.mlst-no-results h3[b-li6m98mprg] { margin: 0 0 6px 0; }
.mlst-no-results p[b-li6m98mprg] { margin: 0; }

/* ── Modals ── */
.mlst-modal[b-li6m98mprg] {
    position: fixed;
    z-index: 10000;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 20px;
    overflow: auto;
}

.mlst-modal-content[b-li6m98mprg] {
    background: #fff;
    margin: 5% auto;
    width: 600px;
    max-width: 90%;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    align-self: flex-start;
}

.mlst-modal-content.mlst-modal-sm[b-li6m98mprg] { width: 440px; }

.mlst-modal-head[b-li6m98mprg] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
    color: #fff;
    padding: 20px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mlst-modal-head h3[b-li6m98mprg] {
    margin: 0;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    gap: 8px;
}
.mlst-modal-close[b-li6m98mprg] {
    background: none;
    border: none;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    opacity: 0.8;
    line-height: 1;
}
.mlst-modal-close:hover[b-li6m98mprg] { opacity: 1; }

.mlst-modal-body[b-li6m98mprg] {
    padding: 25px;
    max-height: 400px;
    overflow-y: auto;
}

.mlst-cat-item[b-li6m98mprg] {
    padding: 12px;
    margin-bottom: 8px;
    background: #f9f4ff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.mlst-cat-item input[type="checkbox"][b-li6m98mprg] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.mlst-cat-item label[b-li6m98mprg] { cursor: pointer; flex: 1; }

.mlst-modal-foot[b-li6m98mprg] {
    padding: 15px 25px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    text-align: right;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.mlst-confirm-text[b-li6m98mprg] { font-size: 1rem; color: #330033; }

/* ── Responsive ── */
@media (max-width: 1024px) {
    .mlst-filter-grid[b-li6m98mprg] { grid-template-columns: 1fr 1fr; }
    .mlst-copy-buttons[b-li6m98mprg] { flex-direction: column; align-items: stretch; }
    .mlst-copy-right[b-li6m98mprg] { max-width: 100%; }
}

@media (max-width: 768px) {
    .mlst-stats-container[b-li6m98mprg] { grid-template-columns: 1fr 1fr; }
    .mlst-filter-grid[b-li6m98mprg] { grid-template-columns: 1fr; }
    .mlst-copy-left[b-li6m98mprg] { flex-direction: column; width: 100%; }
    .mlst-grid[b-li6m98mprg] { font-size: 0.85rem; }
    .mlst-grid thead th[b-li6m98mprg], .mlst-grid tbody td[b-li6m98mprg] { padding: 8px; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MaleFemaleStats.cshtml.rz.scp.css */
/* ============================================================
   Male / Female (Gender) Stats — Scoped CSS
   ============================================================ */

.mfs-page[b-nonf3nxyix] { max-width: 1600px; margin: 0 auto; }

.mfs-title[b-nonf3nxyix] {
    color: #330033;
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0 0 16px 0;
}

/* --- Info cards (legacy help panels) --- */
.mfs-info[b-nonf3nxyix] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.mfs-info-card[b-nonf3nxyix] {
    flex: 1;
    min-width: 240px;
    border: 1px solid #330033;
    padding: 15px;
    border-radius: 5px;
    background-color: #F5ECFF;
}
.mfs-info-card h4[b-nonf3nxyix] { margin: 0 0 8px 0; color: #330033; font-size: 0.98rem; }
.mfs-info-card p[b-nonf3nxyix] { margin: 0; font-size: 0.85rem; line-height: 1.6; color: #444; }

/* --- Error --- */
.mfs-error[b-nonf3nxyix] {
    position: relative;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 34px 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}
.mfs-error-close[b-nonf3nxyix] { position: absolute; top: 8px; right: 12px; cursor: pointer; font-size: 1.1rem; }

/* --- Two-column layout --- */
.mfs-grids[b-nonf3nxyix] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
}
.mfs-col[b-nonf3nxyix] {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow-x: auto;
}

/* --- Tables --- */
.mfs-table[b-nonf3nxyix] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.mfs-table thead th[b-nonf3nxyix] {
    background-color: #330033;
    color: #fff;
    font-weight: 700;
    text-align: left;
    padding: 8px 10px;
    font-size: 0.78rem;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}
.mfs-table thead th:hover[b-nonf3nxyix] { background-color: #4a004a; }
.mfs-table thead th.col-expand[b-nonf3nxyix] { cursor: default; width: 34px; }
.mfs-table .sort-arrow[b-nonf3nxyix] { font-size: 10px; margin-left: 2px; }
.mfs-table tbody td[b-nonf3nxyix] {
    padding: 6px 10px;
    border-bottom: 1px solid #eee;
    color: #000;
    background-color: #F5ECFF;
}
.mfs-table tbody tr.mfs-alt-row td[b-nonf3nxyix] { background-color: #ffffff; }
.mfs-table tbody tr:hover td[b-nonf3nxyix] { background-color: #eadbff; }
.mfs-bold[b-nonf3nxyix] { font-weight: 700; }
.col-expand[b-nonf3nxyix] { width: 34px; text-align: center; }

/* --- Footer totals row (All Time) --- */
.mfs-table tfoot .mfs-foot td[b-nonf3nxyix] {
    background-color: #330033;
    color: #fff;
    font-weight: 700;
    padding: 8px 10px;
    border-bottom: none;
}

/* --- Expand button --- */
.expand-btn[b-nonf3nxyix] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px;
    color: #330033;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.expand-btn:hover[b-nonf3nxyix] { color: #6f42c1; }

/* --- Child (age-wise) breakdown --- */
.mfs-child-row td.mfs-child-cell[b-nonf3nxyix] {
    background-color: #330033 !important;
    padding: 6px 6px 10px 24px;
}
.mfs-child-loading[b-nonf3nxyix], .mfs-child-error[b-nonf3nxyix] {
    color: #fff;
    font-size: 0.82rem;
    padding: 8px 4px;
}
.mfs-child-error[b-nonf3nxyix] { color: #ffd7d7; }
.mfs-child-table[b-nonf3nxyix] {
    width: 97%;
    border-collapse: collapse;
    font-size: 0.8rem;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}
.mfs-child-table thead th[b-nonf3nxyix] {
    background-color: #330033;
    color: #fff;
    font-weight: 700;
    text-align: left;
    padding: 6px 8px;
    font-size: 0.74rem;
    border-bottom: 1px solid #55004f;
}
.mfs-child-table tbody td[b-nonf3nxyix] {
    padding: 5px 8px;
    border-bottom: 1px solid #eee;
    color: #000;
    background-color: #F5ECFF;
}
.mfs-child-table tbody tr.mfs-alt-row td[b-nonf3nxyix] { background-color: #ffffff; }

[x-cloak][b-nonf3nxyix] { display: none !important; }

@media (max-width: 1100px) {
    .mfs-grids[b-nonf3nxyix] { grid-template-columns: 1fr; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ManageBadWord.cshtml.rz.scp.css */
/* ============================================================
   Manage Bad Words — Scoped CSS
   Colors/layout carried over from legacy admin/ManageBadWord.aspx
   (alert / closebtn styles, #330033 grid header, #F5ECFF rows,
   white alternating rows, side-by-side fieldsets, centered grid).
   ============================================================ */

.mbw-page[b-t7sif3hifb] {
    width: 100%;
}

.mbw-title[b-t7sif3hifb] {
    text-align: center; /* legacy <center><h3> */
}

.mbw-title h3[b-t7sif3hifb] {
    margin: 10px 0;
}

/* ── Status alert (legacy .alert / .alert-danger / .alert-success) ── */
.mbw-alert[b-t7sif3hifb] {
    padding: 20px;
    color: white;
    margin-bottom: 15px;
}

.mbw-alert-danger[b-t7sif3hifb] {
    background-color: #f44336;
}

.mbw-alert-success[b-t7sif3hifb] {
    background-color: #04AA6D;
}

.mbw-closebtn[b-t7sif3hifb] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.mbw-closebtn:hover[b-t7sif3hifb] {
    color: black;
}

/* ── Two-column add forms (legacy table layout) ── */
.mbw-layout[b-t7sif3hifb] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px;
}

.mbw-left[b-t7sif3hifb] {
    text-align: left;
    vertical-align: top;
    width: 50%;
    padding-right: 8px;
}

.mbw-right[b-t7sif3hifb] {
    text-align: right;
    vertical-align: top;
    width: 50%;
    padding-left: 8px;
}

.mbw-fieldset[b-t7sif3hifb] {
    border: 1px solid #808080;
    padding: 8px 10px;
    text-align: left;
}

.mbw-fieldset legend[b-t7sif3hifb] {
    padding: 0 4px;
}

.mbw-fieldset p[b-t7sif3hifb] {
    margin: 4px 0;
}

.mbw-input[b-t7sif3hifb] {
    width: 100%;
    padding: 2px 4px;
}

.mbw-textarea[b-t7sif3hifb] {
    width: 100%;
    padding: 2px 4px;
    resize: vertical;
}

.mbw-fieldset button[b-t7sif3hifb] {
    margin-top: 6px;
    padding: 2px 12px;
    cursor: pointer;
}

.mbw-fieldset button:disabled[b-t7sif3hifb] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Required-field marker (legacy RequiredFieldValidator "*") */
.mbw-validator[b-t7sif3hifb] {
    color: red;
    font-weight: bold;
}

/* ── Grid (legacy grdBadWord: centered, CellPadding=4) ── */
.mbw-grid-holder[b-t7sif3hifb] {
    text-align: center;
}

.mbw-grid[b-t7sif3hifb] {
    margin: 0 auto;              /* legacy td align="center", auto-width grid */
    border-collapse: collapse;
    border: 1px solid #999999;   /* GridView default border="1" */
    color: black;
}

.mbw-grid th[b-t7sif3hifb],
.mbw-grid td[b-t7sif3hifb] {
    padding: 4px;                /* CellPadding="4" */
    border: 1px solid #999999;   /* GridView default GridLines=Both */
}

.mbw-grid thead th[b-t7sif3hifb] {
    background-color: #330033;   /* HeaderStyle */
    color: white;
    font-weight: bold;
}

.mbw-row[b-t7sif3hifb] {
    background-color: #F5ECFF;   /* RowStyle */
    color: black;
    height: 10px;
}

.mbw-alt-row[b-t7sif3hifb] {
    background-color: white;     /* AlternatingRowStyle */
    color: black;
}

.mbw-action-link[b-t7sif3hifb] {
    color: #660033;
    text-decoration: underline;
    cursor: pointer;
}

/* ── Confirm modal (replaces javascript confirm) ── */
.mbw-confirm-overlay[b-t7sif3hifb] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
}

.mbw-confirm-box[b-t7sif3hifb] {
    background: white;
    border-radius: 8px;
    padding: 20px 24px;
    min-width: 260px;
    max-width: 400px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.mbw-confirm-box p[b-t7sif3hifb] {
    margin: 0 0 16px 0;
    font-size: 13px;
}

.mbw-confirm-actions[b-t7sif3hifb] {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.mbw-confirm-actions button[b-t7sif3hifb] {
    padding: 5px 18px;
    cursor: pointer;
    border: 1px solid #999;
    background: #f0f0f0;
    border-radius: 4px;
}

.mbw-confirm-actions .mbw-confirm-ok[b-t7sif3hifb] {
    background: #330033;
    color: white;
    border-color: #330033;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ManageEvent.cshtml.rz.scp.css */
/* ManageEvent — scoped styles (layout/structure only) */

table[b-ic65kx9vg6] {
    border-collapse: collapse;
}

td[b-ic65kx9vg6] {
    padding: 3px 4px;
}

/* Section boxes (Limits, Available Tickets, Questionnaire) */
.section-box[b-ic65kx9vg6] {
    background: #330033;
    color: white;
    border-radius: 6px;
    padding: 4px;
    margin: 6px 0;
}

.section-box td[b-ic65kx9vg6] {
    padding: 3px 6px;
}

.section-box input[type="text"][b-ic65kx9vg6],
.section-box input[type="number"][b-ic65kx9vg6],
.section-box textarea[b-ic65kx9vg6],
.section-box select[b-ic65kx9vg6] {
    color: #000;
    border-color: #996;
}

.section-box a[b-ic65kx9vg6] {
    color: white;
}

/* Admin button */
.admin-btn[b-ic65kx9vg6] {
    background: #330033;
    color: white;
    border: 1px solid #330033;
    padding: 5px 18px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: background 0.15s;
}

.admin-btn:hover[b-ic65kx9vg6] {
    background: #550055;
}

.admin-link[b-ic65kx9vg6] {
    color: #330033;
    text-decoration: underline;
}

/* Options panel links */
td a[b-ic65kx9vg6] {
    color: #330033;
    text-decoration: none;
}

td a:hover[b-ic65kx9vg6] {
    text-decoration: underline;
}

/* ── Signups grid ───────────────────────────────────────────────── */

.me-signups thead th[b-ic65kx9vg6] {
    white-space: nowrap;
    padding: 5px 6px;
}

.me-signups tbody td[b-ic65kx9vg6] {
    padding: 3px 4px;
    vertical-align: middle;
    font-size: 12px;
}

/* Footer add-signup form */
.me-signups tfoot td[b-ic65kx9vg6] {
    padding: 4px;
    font-size: 12px;
}

/* Grid action links */
.me-signups tbody a[b-ic65kx9vg6], .me-signups tfoot a[b-ic65kx9vg6] {
    color: #330033;
    font-weight: bold;
    font-size: 12px;
}

/* Alpine.js cloak */
[x-cloak][b-ic65kx9vg6] {
    display: none !important;
}

/* Birthday / comment modals (P2-6, 2026-07-02) */
.me-modal-overlay[b-ic65kx9vg6] {
    position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex; align-items: center; justify-content: center; padding: 20px;
}
.me-modal-box[b-ic65kx9vg6] {
    background: #fff; color: #333; border-radius: 8px; padding: 18px 20px;
    width: 100%; max-width: 420px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
/* The page-wide `.me-form textarea` rule (field-sizing: content + min-height 2.4em + overflow
   hidden) collapses an empty comment box to one line — force a real multi-line textarea here
   (fix 2026-07-02). Extra `.me-form` ancestor keeps this selector more specific than that rule. */
.me-form .me-modal-box textarea[b-ic65kx9vg6] {
    min-height: 130px;
    overflow-y: auto;
    resize: vertical;
    box-sizing: border-box;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MatchPercentageWithTargetYear.cshtml.rz.scp.css */
.mpty-root[b-xpi6myakao] { font-family: 'Segoe UI', Roboto, sans-serif; color: #2d3748; padding: 20px; background: #f5f7fa; }
.mpty-container[b-xpi6myakao] { max-width: 1400px; margin: 0 auto; }

/* Header */
.mpty-root .page-header[b-xpi6myakao] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff; padding: 25px; border-radius: 8px 8px 0 0;
}
.mpty-root .page-header h2[b-xpi6myakao] {
    margin: 0 0 10px 0; font-weight: 600; font-size: 1.8rem;
    display: flex; align-items: center; gap: 12px;
}
.mpty-root .page-header p[b-xpi6myakao] { margin: 0; opacity: 0.9; font-size: 0.95rem; }
.mpty-root .page-header i[b-xpi6myakao] { width: 26px; height: 26px; }

/* Filter */
.mpty-root .filter-section[b-xpi6myakao] {
    background: #fff; padding: 25px;
    border-left: 1px solid #e1e4e8; border-right: 1px solid #e1e4e8; border-bottom: 1px solid #e1e4e8;
}
.mpty-root .filter-grid[b-xpi6myakao] { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.mpty-root .filter-field[b-xpi6myakao] { display: flex; align-items: center; gap: 10px; }
.mpty-root .filter-field label[b-xpi6myakao] {
    font-weight: 600; color: #330033; font-size: 14px; white-space: nowrap;
    display: flex; align-items: center; gap: 6px;
}
.mpty-root .filter-field label i[b-xpi6myakao] { width: 16px; height: 16px; }
.mpty-root .filter-field input[b-xpi6myakao],
.mpty-root .filter-field select[b-xpi6myakao] {
    padding: 10px 15px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px;
    font-family: inherit; transition: border-color 0.2s; min-width: 180px; background: #fff;
}
.mpty-root .filter-field input:focus[b-xpi6myakao],
.mpty-root .filter-field select:focus[b-xpi6myakao] {
    outline: none; border-color: #6f42c1; box-shadow: 0 0 0 3px rgba(111,66,193,0.1);
}
.mpty-root .filter-actions[b-xpi6myakao] { display: flex; gap: 10px; }
.mpty-root .btn-filter[b-xpi6myakao] {
    background: #330033; color: #fff; border: none; padding: 10px 24px; border-radius: 6px;
    cursor: pointer; font-size: 0.95rem; font-weight: 500; transition: all 0.2s;
    display: flex; align-items: center; gap: 8px;
}
.mpty-root .btn-filter:hover[b-xpi6myakao] { background: #4a004a; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(51,0,51,0.3); }
.mpty-root .btn-filter:disabled[b-xpi6myakao] { opacity: 0.6; pointer-events: none; }
.mpty-root .btn-filter i[b-xpi6myakao] { width: 16px; height: 16px; }

/* Stats */
.mpty-root .stats-strip[b-xpi6myakao] {
    background: #f9f4ff; padding: 20px;
    border-left: 1px solid #e1e4e8; border-right: 1px solid #e1e4e8;
}
.mpty-root .stats-grid[b-xpi6myakao] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.mpty-root .stat-card[b-xpi6myakao] {
    background: #fff; padding: 20px; border-radius: 8px; border: 1px solid #e1e4e8;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); text-align: center; transition: all 0.2s;
}
.mpty-root .stat-card:hover[b-xpi6myakao] { box-shadow: 0 4px 12px rgba(111,66,193,0.15); transform: translateY(-2px); }
.mpty-root .stat-label[b-xpi6myakao] { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
.mpty-root .stat-label.good[b-xpi6myakao] { color: #28a745; }
.mpty-root .stat-label.warn[b-xpi6myakao] { color: #ffc107; }
.mpty-root .stat-label.danger[b-xpi6myakao] { color: #dc3545; }
.mpty-root .stat-label.neutral[b-xpi6myakao] { color: #000; }
.mpty-root .stat-value[b-xpi6myakao] { font-size: 28px; font-weight: bold; color: #6f42c1; margin: 10px 0; }
.mpty-root .stat-description[b-xpi6myakao] { font-size: 14px; color: #666; margin-top: 5px; }

/* Results */
.mpty-root .results-section[b-xpi6myakao] {
    background: #fff; border-radius: 0 0 8px 8px; border: 1px solid #e1e4e8; border-top: none;
}
.mpty-root .legend[b-xpi6myakao] {
    padding: 20px 25px; background: #f9f4ff; border-bottom: 1px solid #e1e4e8;
    display: flex; align-items: center; gap: 30px; flex-wrap: wrap;
}
.mpty-root .legend-title[b-xpi6myakao] { font-weight: 600; color: #330033; font-size: 14px; display: flex; align-items: center; gap: 8px; }
.mpty-root .legend-title i[b-xpi6myakao] { width: 16px; height: 16px; }
.mpty-root .legend-item[b-xpi6myakao] { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #666; }
.mpty-root .legend-swatch[b-xpi6myakao] { width: 40px; height: 8px; border-radius: 4px; }
.mpty-root .legend-swatch.high[b-xpi6myakao] { background: linear-gradient(90deg, #28a745 0%, #20c997 100%); }
.mpty-root .legend-swatch.medium[b-xpi6myakao] { background: linear-gradient(90deg, #ffc107 0%, #fd7e14 100%); }
.mpty-root .legend-swatch.low[b-xpi6myakao] { background: linear-gradient(90deg, #dc3545 0%, #c82333 100%); }

/* Table */
.mpty-root .table-container[b-xpi6myakao] { overflow-x: auto; }
.mpty-root .modern-table[b-xpi6myakao] { width: 100%; border-collapse: collapse; font-size: 13px; }
.mpty-root .modern-table thead[b-xpi6myakao] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%); color: #fff;
}
.mpty-root .modern-table th[b-xpi6myakao] {
    padding: 14px 12px; text-align: left; font-weight: 600; font-size: 12px;
    text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap;
}
.mpty-root .modern-table td[b-xpi6myakao] { padding: 12px; border-bottom: 1px solid #e9ecef; vertical-align: middle; }
.mpty-root .modern-table tbody tr[b-xpi6myakao] { background: #fff; transition: background 0.2s; }
.mpty-root .modern-table tbody tr:nth-child(even)[b-xpi6myakao] { background: #f9f4ff; }
.mpty-root .modern-table tbody tr:hover[b-xpi6myakao] { background: #f0e6ff; }

.mpty-root .row-number[b-xpi6myakao] { font-weight: 600; color: #666; font-size: 13px; }
.mpty-root .date-cell[b-xpi6myakao] { color: #4a5568; white-space: nowrap; }
.mpty-root .event-title[b-xpi6myakao] { color: #330033; font-weight: 600; }
.mpty-root .event-id[b-xpi6myakao] { color: #6f42c1; font-weight: 600; text-decoration: none; transition: color 0.2s; }
.mpty-root .event-id:hover[b-xpi6myakao] { color: #330033; text-decoration: underline; }

.mpty-root .submit-status[b-xpi6myakao] { display: inline-flex; align-items: center; gap: 6px; }
.mpty-root .submit-fraction[b-xpi6myakao] { font-weight: 600; color: #330033; }
.mpty-root .submit-icon[b-xpi6myakao] { color: #6f42c1; width: 14px; height: 14px; }

.mpty-root .stat-badge[b-xpi6myakao] {
    display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 12px;
    font-size: 12px; font-weight: 600; background: #f8f9fa; color: #495057;
}
.mpty-root .stat-badge.high[b-xpi6myakao] { background: #d4edda; color: #155724; }
.mpty-root .stat-badge i[b-xpi6myakao] { width: 13px; height: 13px; }

.mpty-root .percentage-bar[b-xpi6myakao] { display: flex; align-items: center; gap: 10px; min-width: 180px; }
.mpty-root .percentage-fill[b-xpi6myakao] {
    flex: 1; height: 20px; background: #e9ecef; border-radius: 10px;
    overflow: hidden; position: relative; min-width: 100px;
}
.mpty-root .percentage-fill-inner[b-xpi6myakao] { height: 100%; border-radius: 10px; transition: width 0.3s ease; }
.mpty-root .percentage-fill-inner.high[b-xpi6myakao] { background: linear-gradient(90deg, #28a745 0%, #20c997 100%); }
.mpty-root .percentage-fill-inner.medium[b-xpi6myakao] { background: linear-gradient(90deg, #ffc107 0%, #fd7e14 100%); }
.mpty-root .percentage-fill-inner.low[b-xpi6myakao] { background: linear-gradient(90deg, #dc3545 0%, #c82333 100%); }
.mpty-root .percentage-text[b-xpi6myakao] { font-weight: 600; min-width: 50px; text-align: right; font-size: 14px; color: #330033; }

/* Empty / loading */
.mpty-root .empty-cell[b-xpi6myakao] { text-align: center; color: #a0aec0; padding: 30px; font-style: italic; }
.mpty-root .no-data[b-xpi6myakao] { padding: 60px 20px; text-align: center; color: #666; }
.mpty-root .no-data i[b-xpi6myakao] { width: 64px; height: 64px; color: #ddd; display: inline-block; margin-bottom: 20px; }
.mpty-root .no-data p[b-xpi6myakao] { margin: 0; font-size: 16px; }
.mpty-root .no-data .no-data-sub[b-xpi6myakao] { margin-top: 8px; font-size: 14px; color: #999; }

@media (max-width: 768px) {
    .mpty-root .filter-grid[b-xpi6myakao] { flex-direction: column; align-items: stretch; }
    .mpty-root .filter-field[b-xpi6myakao] { flex-direction: column; align-items: flex-start; }
    .mpty-root .filter-field input[b-xpi6myakao], .mpty-root .filter-field select[b-xpi6myakao] { width: 100%; }
    .mpty-root .modern-table[b-xpi6myakao] { font-size: 12px; }
    .mpty-root .modern-table th[b-xpi6myakao], .mpty-root .modern-table td[b-xpi6myakao] { padding: 10px 8px; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MatchResults.cshtml.rz.scp.css */
/* ============================================================
   Match Results Dashboard — Scoped CSS
   (visual language ported from legacy MatchResults.aspx styles)
   ============================================================ */

.mr-wrapper[b-p8o9p1sbn7] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem 0 2rem 0;
}

/* ── Header ── */
.mr-header[b-p8o9p1sbn7] {
    background: #fff;
    border-radius: 20px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    position: relative;
    overflow: hidden;
}
.mr-header[b-p8o9p1sbn7]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5px;
    background: #6B46C1;
}
.mr-header-content[b-p8o9p1sbn7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}
.mr-header-left h1[b-p8o9p1sbn7] {
    font-size: 2rem;
    font-weight: 700;
    color: #320033;
    margin: 0 0 0.5rem 0;
}
.mr-event-info[b-p8o9p1sbn7] {
    font-size: 1rem;
    color: #6B7280;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.mr-header-actions[b-p8o9p1sbn7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}
.mr-back-button[b-p8o9p1sbn7],
.mr-details-link[b-p8o9p1sbn7] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}
.mr-back-button[b-p8o9p1sbn7] {
    background: #320033;
    color: #fff;
}
.mr-back-button:hover[b-p8o9p1sbn7] {
    background: #6B46C1;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
    color: #fff;
    text-decoration: none;
}
.mr-details-link[b-p8o9p1sbn7] {
    background: #F9FAFB;
    color: #320033;
    border: 1px solid #E5E7EB;
}
.mr-details-link:hover[b-p8o9p1sbn7] {
    background: #EDE9FE;
    color: #320033;
    text-decoration: none;
}

.mr-error-banner[b-p8o9p1sbn7] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.9rem;
}

/* ── Statistics tables ── */
.mr-stats-container[b-p8o9p1sbn7] { margin-bottom: 2rem; }

.mr-stats-table[b-p8o9p1sbn7] {
    width: 100%;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
    margin-bottom: 1rem;
    border-collapse: separate;
    border-spacing: 0;
}
.mr-stats-table thead th[b-p8o9p1sbn7] {
    padding: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.1);
}
.mr-stats-table thead th:last-child[b-p8o9p1sbn7] { border-right: none; }

.mr-gender-header[b-p8o9p1sbn7] {
    text-align: left !important;
    min-width: 150px;
}
.mr-male-header[b-p8o9p1sbn7] { background: #4c7cf8; color: #fff; }
.mr-female-header[b-p8o9p1sbn7] { background: #f5576c; color: #fff; }

.mr-total-badge[b-p8o9p1sbn7] {
    display: inline-block;
    background: rgba(255,255,255,0.3);
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.875rem;
    margin-left: 0.5rem;
}

.mr-stat-header[b-p8o9p1sbn7] {
    background: #f3f4f6;
    color: #374151;
    font-weight: 500;
    font-size: 0.75rem;
    min-width: 90px;
}
.mr-matches-header[b-p8o9p1sbn7] { background: #B3FF99; color: #065f46; }
.mr-picked-header[b-p8o9p1sbn7] { background: #FFFF99; color: #78350f; }
.mr-nopick-header[b-p8o9p1sbn7] { background: #cccccc; color: #374151; }
.mr-pending-header[b-p8o9p1sbn7] { background: #BBD2FF; color: #1e3a8a; }
.mr-pending-header-female[b-p8o9p1sbn7] { background: #FF99FF; color: #6b1049; }

.mr-performer-header[b-p8o9p1sbn7] {
    background: #f9fafb;
    color: #111827;
    min-width: 250px;
}

.mr-data-row td[b-p8o9p1sbn7] {
    padding: 0.75rem;
    border-top: 1px solid #e5e7eb;
    text-align: center;
}
.mr-gender-label[b-p8o9p1sbn7] {
    font-weight: 600;
    text-align: left !important;
    color: #374151;
    background: #f9fafb;
}
.mr-stat-cell[b-p8o9p1sbn7] { font-weight: 500; }
.mr-stat-number[b-p8o9p1sbn7] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
}
.mr-matches-cell[b-p8o9p1sbn7] { background: rgba(179,255,153,0.2); }
.mr-picked-cell[b-p8o9p1sbn7] { background: rgba(255,255,153,0.2); }
.mr-nopick-cell[b-p8o9p1sbn7] { background: rgba(204,204,204,0.2); }
.mr-pending-male-cell[b-p8o9p1sbn7] { background: rgba(187,210,255,0.2); }
.mr-pending-female-cell[b-p8o9p1sbn7] { background: rgba(255,153,255,0.2); }

.mr-performer-cell[b-p8o9p1sbn7] {
    background: #fafafa;
    padding: 0.5rem !important;
}
.mr-performer-compact[b-p8o9p1sbn7] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.mr-performer-item[b-p8o9p1sbn7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}
.mr-performer-icon[b-p8o9p1sbn7] { color: #fbbf24; display: inline-flex; }
.mr-performer-details[b-p8o9p1sbn7] {
    display: flex;
    flex-direction: column;
    text-align: left;
}
.mr-performer-link[b-p8o9p1sbn7] {
    color: #320033;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.mr-performer-link:hover[b-p8o9p1sbn7] {
    color: #6B46C1;
    text-decoration: underline;
}
.mr-performer-name[b-p8o9p1sbn7] {
    font-weight: 600;
    font-size: 0.875rem;
    color: inherit;
}
.mr-performer-stats[b-p8o9p1sbn7] {
    font-size: 0.75rem;
    color: #6b7280;
}

/* ── Legend ── */
.mr-legend-card[b-p8o9p1sbn7] {
    background: #fff;
    border-radius: 20px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
}
.mr-legend-title[b-p8o9p1sbn7] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #320033;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.mr-legend-grid[b-p8o9p1sbn7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}
.mr-legend-item[b-p8o9p1sbn7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.9rem;
}
.mr-legend-color[b-p8o9p1sbn7] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 2px solid;
    flex-shrink: 0;
}

/* ── Attendee cards ── */
.mr-attendees-container[b-p8o9p1sbn7] {
    background: #fff;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
}
.mr-attendees-header[b-p8o9p1sbn7] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #320033;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.mr-empty[b-p8o9p1sbn7] {
    padding: 2rem;
    text-align: center;
    color: #6b7280;
}

/* Legacy DataList RepeatColumns="5" */
.mr-cards-grid[b-p8o9p1sbn7] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}
@media (max-width: 1200px) { .mr-cards-grid[b-p8o9p1sbn7] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px)  { .mr-cards-grid[b-p8o9p1sbn7] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px)  { .mr-cards-grid[b-p8o9p1sbn7] { grid-template-columns: 1fr; } }

.mr-card[b-p8o9p1sbn7] {
    border: 1px solid #7B92C0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
    font-size: 0.82rem;
    word-break: break-word;
}
.mr-card:hover[b-p8o9p1sbn7] {
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    transform: translateY(-4px);
}
.mr-card-inner[b-p8o9p1sbn7] { padding: 8px; }

/* Highlighted card (legacy .highlighted-card) */
.mr-card.mr-highlighted[b-p8o9p1sbn7] {
    border: 3px solid #6B46C1 !important;
    box-shadow: 0 0 20px rgba(107,70,193,0.5) !important;
    animation: mr-pulse-border-b-p8o9p1sbn7 2s ease-in-out infinite;
    position: relative;
    z-index: 10;
}
@keyframes mr-pulse-border-b-p8o9p1sbn7 {
    0%   { box-shadow: 0 0 20px rgba(107,70,193,0.5); }
    50%  { box-shadow: 0 0 30px rgba(107,70,193,0.8); }
    100% { box-shadow: 0 0 20px rgba(107,70,193,0.5); }
}

.mr-card-head[b-p8o9p1sbn7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 4px;
    margin-bottom: 4px;
}
.mr-card-name[b-p8o9p1sbn7] {
    font-weight: 700;
    font-size: 1rem;
    text-decoration: underline;
}
.mr-card-head-right[b-p8o9p1sbn7] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    flex-shrink: 0;
}
.mr-reset-link[b-p8o9p1sbn7] {
    color: #1d4ed8;
    text-decoration: underline;
    cursor: pointer;
    font-size: 0.8rem;
}
.mr-reset-link:hover[b-p8o9p1sbn7] { color: #b91c1c; }

/* Email reminder icon (legacy .email-reminder-icon) */
.mr-reminder-wrap[b-p8o9p1sbn7] { text-align: right; }
.mr-email-reminder[b-p8o9p1sbn7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #320033;
    color: #fff;
    padding: 6px 8px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
}
.mr-email-reminder:hover[b-p8o9p1sbn7] {
    background: #6B46C1;
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(50,0,51,0.4);
}
.mr-email-reminder.sent[b-p8o9p1sbn7] { background: #059669; }
.mr-email-reminder.sent:hover[b-p8o9p1sbn7] {
    background: #10B981;
    box-shadow: 0 2px 8px rgba(5,150,105,0.4);
}
.mr-reminder-date[b-p8o9p1sbn7] {
    font-size: 10px;
    color: #059669;
    margin-top: 2px;
}

.mr-card-fields[b-p8o9p1sbn7] { margin-bottom: 8px; }
.mr-card-fields > div[b-p8o9p1sbn7] { line-height: 1.5; }

.mr-card-loading[b-p8o9p1sbn7] {
    color: #4b5563;
    font-style: italic;
    padding: 4px 0 8px 0;
}

.mr-card-lists b[b-p8o9p1sbn7] { font-size: 0.85rem; }
.mr-list-name[b-p8o9p1sbn7] { line-height: 1.45; }
.mr-edit-hint[b-p8o9p1sbn7] {
    font-size: 0.75rem;
    color: #374151;
    margin: 2px 0;
}
.mr-check[b-p8o9p1sbn7] {
    display: block;
    line-height: 1.5;
    cursor: pointer;
}
.mr-check input[b-p8o9p1sbn7] { vertical-align: middle; margin-right: 4px; }

.mr-btn[b-p8o9p1sbn7] {
    margin-top: 6px;
    padding: 4px 14px;
    background: #320033;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.82rem;
    transition: background 0.2s ease;
}
.mr-btn:hover[b-p8o9p1sbn7] { background: #6B46C1; }
.mr-btn:disabled[b-p8o9p1sbn7] { opacity: 0.6; cursor: not-allowed; }
.mr-btn-danger[b-p8o9p1sbn7] { background: #b91c1c; }
.mr-btn-danger:hover[b-p8o9p1sbn7] { background: #dc2626; }
.mr-btn-plain[b-p8o9p1sbn7] {
    background: #e5e7eb;
    color: #111827;
}
.mr-btn-plain:hover[b-p8o9p1sbn7] { background: #d1d5db; }

/* ── Reset confirm modal ── */
.mr-modal-bg[b-p8o9p1sbn7] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(5px);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mr-confirm-box[b-p8o9p1sbn7] {
    background: #fff;
    border-radius: 16px;
    padding: 1.5rem 2rem;
    max-width: 420px;
    width: 92%;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.3);
}
.mr-confirm-title[b-p8o9p1sbn7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #320033;
    margin-bottom: 0.75rem;
}
.mr-confirm-box p[b-p8o9p1sbn7] { margin: 0.25rem 0; }
.mr-confirm-sub[b-p8o9p1sbn7] {
    color: #6b7280;
    font-size: 0.85rem;
}
.mr-confirm-actions[b-p8o9p1sbn7] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1.25rem;
}

/* ── Print (legacy @media print) ── */
@media print {
    .mr-back-button[b-p8o9p1sbn7], .mr-details-link[b-p8o9p1sbn7] { display: none; }
    .mr-attendees-container[b-p8o9p1sbn7] { break-inside: avoid; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MatchResultsDetails.cshtml.rz.scp.css */
/* ============================================================
   Match Results Details — Scoped CSS
   (visual language ported from legacy MatchResultsDetails.aspx)
   ============================================================ */

.mrd-wrapper[b-4xbdg2lz0f] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 1rem 0 2rem 0;
}

/* ── Event info block (legacy .event-info) ── */
.mrd-event-info[b-4xbdg2lz0f] {
    padding: 10px;
    margin-bottom: 15px;
    background-color: #ffffff;
    border-radius: 8px;
    line-height: 1.5;
}
.mrd-event-head[b-4xbdg2lz0f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}
.mrd-dashboard-link[b-4xbdg2lz0f] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    background: #320033;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 0.85rem;
    transition: background 0.2s ease;
    flex-shrink: 0;
}
.mrd-dashboard-link:hover[b-4xbdg2lz0f] {
    background: #6B46C1;
    color: #fff;
    text-decoration: none;
}

.mrd-error-banner[b-4xbdg2lz0f] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.9rem;
}

/* ── Gender statistics (legacy .stats-container / .stats-table) ── */
.mrd-stats-container[b-4xbdg2lz0f] {
    background: transparent;
    border: none;
    padding: 0;
    margin-bottom: 20px;
}
.mrd-stats-table[b-4xbdg2lz0f] {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
}
.mrd-stats-col[b-4xbdg2lz0f] {
    padding: 0;
    background: transparent;
    border: none;
    vertical-align: top;
}
.mrd-male-header[b-4xbdg2lz0f] {
    background-color: #BBD2FE;
    color: #000;
    text-align: center;
    font-weight: bold;
    padding: 5px;
}
.mrd-female-header[b-4xbdg2lz0f] {
    background-color: #FFCCFF;
    color: #000;
    text-align: center;
    font-weight: bold;
    padding: 5px;
}
.mrd-male-row td[b-4xbdg2lz0f] { background-color: #BBD2FE; padding: 5px; }
.mrd-male-row:nth-child(even) td[b-4xbdg2lz0f] { background-color: #fff; }
.mrd-female-row td[b-4xbdg2lz0f] { background-color: #FFCCFF; padding: 5px; }
.mrd-female-row:nth-child(even) td[b-4xbdg2lz0f] { background-color: #fff; }
.mrd-stat-value[b-4xbdg2lz0f] { text-align: center; }

/* ── Signups grid (legacy gvSignupList) ── */
.mrd-grid-wrap[b-4xbdg2lz0f] {
    overflow-x: auto;
    margin-top: 6px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.mrd-grid[b-4xbdg2lz0f] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
    white-space: nowrap;
}
.mrd-grid thead th[b-4xbdg2lz0f] {
    background-color: #330033;
    color: #ffffff;
    padding: 8px 6px;
    line-height: 1.3em;
    vertical-align: middle;
    font-weight: 600;
    text-align: left;
    height: 40px;
}
.mrd-grid tbody td[b-4xbdg2lz0f] {
    padding: 6px;
    vertical-align: middle;
    height: 30px;
}
.mrd-grid tbody tr:nth-child(odd) td[b-4xbdg2lz0f] { background-color: #F5ECFF; }
.mrd-grid tbody tr:nth-child(even) td[b-4xbdg2lz0f] { background-color: #ffffff; }

.mrd-center[b-4xbdg2lz0f] { text-align: center; }

.mrd-link[b-4xbdg2lz0f] {
    color: #1d4ed8;
    text-decoration: underline;
    cursor: pointer;
}
.mrd-link:hover[b-4xbdg2lz0f] { color: #6B46C1; }

.mrd-no-record[b-4xbdg2lz0f] {
    min-height: 100px;
    padding: 30px;
    text-align: center;
}

/* ── Modals ── */
.mrd-modal-bg[b-4xbdg2lz0f] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.mrd-modal[b-4xbdg2lz0f] {
    background: #fff;
    border-radius: 12px;
    padding: 1rem 1.25rem;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.3);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}
.mrd-modal-wide[b-4xbdg2lz0f] {
    width: 975px;
    max-width: 96vw;
}
.mrd-modal-signup[b-4xbdg2lz0f] {
    width: 440px;
    max-width: 96vw;
    overflow-y: auto;
}
.mrd-modal-close[b-4xbdg2lz0f] {
    text-align: right;
    margin-bottom: 6px;
}
.mrd-modal-close a[b-4xbdg2lz0f] {
    color: #b91c1c;
    text-decoration: none;
    font-size: 0.9rem;
}
.mrd-modal-close a:hover[b-4xbdg2lz0f] { text-decoration: underline; }

/* Legacy: div style="overflow: scroll; height: 550px" */
.mrd-modal-scroll[b-4xbdg2lz0f] {
    overflow: auto;
    max-height: 550px;
}
.mrd-loading[b-4xbdg2lz0f] {
    padding: 30px;
    text-align: center;
    color: #6b7280;
    font-style: italic;
}

/* Popup grids (legacy gvMatchesList / gvPickedMatches / gvPickedBy / gvEvents / gvSurvey) */
.mrd-popup-grid[b-4xbdg2lz0f] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #330033;
    font-size: 0.8rem;
    color: #000;
}
.mrd-popup-grid thead th[b-4xbdg2lz0f] {
    background-color: #330033;
    color: #fff;
    font-weight: bold;
    padding: 4px 6px;
    text-align: left;
}
.mrd-popup-grid tbody td[b-4xbdg2lz0f] { padding: 4px 6px; }
.mrd-popup-grid tbody tr:nth-child(odd) td[b-4xbdg2lz0f] { background-color: #E0C1FF; }
.mrd-popup-grid tbody tr:nth-child(even) td[b-4xbdg2lz0f] { background-color: #fff; }

.mrd-profile-img[b-4xbdg2lz0f] {
    width: 100px;
    height: auto;
    display: block;
}

/* Pager (legacy PagerStyle: TopAndBottom, centered, large) */
.mrd-pager[b-4xbdg2lz0f] {
    background-color: #E0C1FF;
    text-align: center;
    padding: 4px;
    font-size: 1.05rem;
}
.mrd-page-link[b-4xbdg2lz0f] {
    display: inline-block;
    padding: 0 6px;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}
.mrd-page-link.mrd-page-current[b-4xbdg2lz0f] {
    font-weight: bold;
    text-decoration: none;
    color: #330033;
}

/* ── Signup edit form (legacy pnlSignUp table) ── */
.mrd-signup-form[b-4xbdg2lz0f] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
}
.mrd-signup-form td[b-4xbdg2lz0f] {
    padding: 2px;
    text-align: left;
    vertical-align: middle;
}
.mrd-form-label[b-4xbdg2lz0f] {
    font-weight: bold;
    width: 25%;
    white-space: nowrap;
}
.mrd-form-label-top[b-4xbdg2lz0f] { vertical-align: top; }

.mrd-input[b-4xbdg2lz0f] {
    width: 250px;
    max-width: 100%;
    padding: 4px 6px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    font-size: 0.85rem;
}
.mrd-input-small[b-4xbdg2lz0f] { width: 120px; }
.mrd-signup-form textarea.mrd-input[b-4xbdg2lz0f] { width: 250px; }

.mrd-val[b-4xbdg2lz0f] {
    color: red;
    font-size: 0.8rem;
    margin-left: 4px;
}

.mrd-btn[b-4xbdg2lz0f] {
    padding: 5px 16px;
    background: #320033;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
    transition: background 0.2s ease;
}
.mrd-btn:hover[b-4xbdg2lz0f] { background: #6B46C1; }
.mrd-btn:disabled[b-4xbdg2lz0f] { opacity: 0.6; cursor: not-allowed; }

.mrd-signup-form label[b-4xbdg2lz0f] {
    margin-right: 12px;
    cursor: pointer;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MatchStats.cshtml.rz.scp.css */
/* Scoped styles for the Match Stats Search report. Namespaced under .mss-root,
   same house palette as UserMutualMatches / MatchStatsForLast6MonthUsers. */

.mss-root[b-a602t0wtfq] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #2d3748;
    padding: 20px;
    background: #f5f7fa;
}
.mss-root *[b-a602t0wtfq] { box-sizing: border-box; }

.mss-container[b-a602t0wtfq] {
    max-width: 1600px;
    margin: 0 auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    overflow: hidden;
}

/* Header */
.mss-page-header[b-a602t0wtfq] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    padding: 25px 30px;
}
.mss-page-header h2[b-a602t0wtfq] {
    margin: 0 0 8px 0; font-weight: 600; font-size: 1.75rem;
    display: flex; align-items: center; gap: 12px;
}
.mss-page-header p[b-a602t0wtfq] { margin: 0; opacity: 0.9; font-size: 0.95rem; }

/* Search */
.mss-search-section[b-a602t0wtfq] { padding: 25px 30px; background: #fff; border-bottom: 1px solid #e1e4e8; }
.mss-search-grid[b-a602t0wtfq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}
.mss-search-group[b-a602t0wtfq] { display: flex; flex-direction: column; gap: 6px; }
.mss-search-group.mss-narrow[b-a602t0wtfq] { max-width: 220px; }
.mss-search-group label[b-a602t0wtfq] {
    font-weight: 600; color: #330033; font-size: 0.9rem;
    display: flex; align-items: center; gap: 6px;
}
.mss-search-group input[type="text"][b-a602t0wtfq] {
    padding: 10px 12px; border: 2px solid #e1e4e8; border-radius: 8px;
    font-size: 0.95rem; font-family: inherit; transition: border-color 0.2s, box-shadow 0.2s;
}
.mss-search-group input[type="text"]:focus[b-a602t0wtfq] {
    outline: none; border-color: #6f42c1; box-shadow: 0 0 0 3px rgba(111,66,193,0.1);
}
.mss-gender[b-a602t0wtfq] { display: flex; gap: 16px; padding-top: 6px; }
.mss-check[b-a602t0wtfq] { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; cursor: pointer; }

.mss-search-actions[b-a602t0wtfq] { margin-top: 18px; display: flex; gap: 12px; }
.mss-btn[b-a602t0wtfq] {
    padding: 11px 22px; border: none; border-radius: 8px; font-size: 0.95rem; font-weight: 600;
    cursor: pointer; transition: all 0.2s; display: inline-flex; align-items: center; gap: 8px;
    font-family: inherit;
}
.mss-btn-primary[b-a602t0wtfq] { background: #330033; color: #fff; }
.mss-btn-primary:hover[b-a602t0wtfq] { background: #4a004a; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(51,0,51,0.3); }
.mss-btn-secondary[b-a602t0wtfq] { background: #6c757d; color: #fff; }
.mss-btn-secondary:hover[b-a602t0wtfq] { background: #5a6268; }

/* Results */
.mss-results-section[b-a602t0wtfq] { padding: 20px 30px 30px; }
.mss-results-head[b-a602t0wtfq] {
    display: flex; align-items: baseline; justify-content: space-between;
    margin-bottom: 12px; color: #330033; font-size: 1rem;
}
.mss-page-info[b-a602t0wtfq] { font-size: 0.85rem; color: #666; font-weight: 500; }

.mss-table-wrap[b-a602t0wtfq] { overflow-x: auto; border: 1px solid #e9ecef; border-radius: 8px; }
.mss-table[b-a602t0wtfq] { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.mss-table thead[b-a602t0wtfq] { background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%); color: #fff; }
.mss-table th[b-a602t0wtfq] {
    padding: 10px 10px; text-align: left; font-weight: 600; font-size: 11px;
    text-transform: uppercase; letter-spacing: 0.4px; white-space: nowrap; vertical-align: bottom;
}
.mss-table th.sortable[b-a602t0wtfq] { cursor: pointer; user-select: none; }
.mss-table th.sortable:hover[b-a602t0wtfq] { background: rgba(255,255,255,0.12); }
.mss-table td[b-a602t0wtfq] { padding: 9px 10px; border-bottom: 1px solid #e9ecef; vertical-align: middle; white-space: nowrap; }
.mss-table tbody tr:nth-child(even)[b-a602t0wtfq] { background: #f9f4ff; }
.mss-table tbody tr:hover[b-a602t0wtfq] { background: #f0e6ff; }
.mss-name[b-a602t0wtfq] { font-weight: 600; color: #330033; }

.ta-c[b-a602t0wtfq] { text-align: center; }
.ta-r[b-a602t0wtfq] { text-align: right; }

.mss-link[b-a602t0wtfq] { color: #6f42c1; font-weight: 600; text-decoration: underline; cursor: pointer; }
.mss-link:hover[b-a602t0wtfq] { color: #330033; }
.mss-icon-link[b-a602t0wtfq] { display: inline-flex; text-decoration: none; }
.mss-copy[b-a602t0wtfq] { color: #6f42c1; text-decoration: none; cursor: pointer; border-bottom: 1px dotted currentColor; }
.mss-copy:hover[b-a602t0wtfq] { color: #330033; }

.mss-gender-badge[b-a602t0wtfq] {
    display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px;
    border-radius: 12px; font-size: 11px; font-weight: 600;
}
.mss-gender-badge.male[b-a602t0wtfq] { background: #cfe2ff; color: #084298; }
.mss-gender-badge.female[b-a602t0wtfq] { background: #f8d7da; color: #721c24; }

.mss-empty-cell[b-a602t0wtfq] { text-align: center; color: #a0aec0; padding: 26px; font-style: italic; }
.mss-no-data[b-a602t0wtfq] {
    text-align: center; font-weight: bold; font-size: 15pt; color: #330033;
    padding: 24px; border-top: 1px solid #000;
}

/* Pager */
.mss-pager[b-a602t0wtfq] { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.mss-page-btn[b-a602t0wtfq] {
    min-width: 34px; padding: 6px 10px; border: 1px solid #d9c7ef; background: #fff; color: #6f42c1;
    border-radius: 6px; font-weight: 700; font-size: 12px; cursor: pointer; transition: all 0.15s;
}
.mss-page-btn:hover:not(:disabled)[b-a602t0wtfq] { background: #f0e6ff; }
.mss-page-btn.active[b-a602t0wtfq] { background: #6f42c1; color: #fff; border-color: #6f42c1; }
.mss-page-btn:disabled[b-a602t0wtfq] { opacity: 0.45; cursor: default; }

/* Modals */
.mss-modal-overlay[b-a602t0wtfq] {
    position: fixed; inset: 0; background: rgba(0,0,0,0.55); z-index: 1000;
    display: flex; align-items: flex-start; justify-content: center; padding: 40px 20px; overflow: auto;
}
.mss-modal[b-a602t0wtfq] {
    background: #fff; border-radius: 10px; width: 100%; max-width: 1180px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.35); overflow: hidden;
}
.mss-modal-head[b-a602t0wtfq] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff;
    padding: 16px 22px; display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.mss-modal-head h3[b-a602t0wtfq] { margin: 0; font-size: 1.1rem; font-weight: 600; }
.mss-close[b-a602t0wtfq] {
    background: rgba(255,255,255,0.15); color: #fff; border: none; border-radius: 6px;
    padding: 6px 12px; font-weight: 700; cursor: pointer; transition: background 0.15s;
}
.mss-close:hover[b-a602t0wtfq] { background: rgba(255,255,255,0.3); }
.mss-modal-body[b-a602t0wtfq] { max-height: 70vh; overflow: auto; padding: 0; }

.mss-modal-table[b-a602t0wtfq] { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.mss-modal-table thead[b-a602t0wtfq] { background: #330033; color: #fff; position: sticky; top: 0; z-index: 1; }
.mss-modal-table th[b-a602t0wtfq] { padding: 10px 10px; text-align: left; font-weight: 600; white-space: nowrap; }
.mss-modal-table td[b-a602t0wtfq] { padding: 8px 10px; border-bottom: 1px solid #e9ecef; vertical-align: middle; }
.mss-modal-table tbody tr:nth-child(even)[b-a602t0wtfq] { background: #f4ecff; }
.mss-thumb[b-a602t0wtfq] { width: 60px; height: auto; border-radius: 4px; cursor: zoom-in; display: block; }

/* Image zoom */
.mss-zoom-overlay[b-a602t0wtfq] {
    position: fixed; inset: 0; background: rgba(0,0,0,0.85); z-index: 1100;
    display: flex; align-items: center; justify-content: center; padding: 30px; cursor: zoom-out;
}
.mss-zoom-img[b-a602t0wtfq] { max-width: 90vw; max-height: 90vh; border-radius: 8px; box-shadow: 0 8px 40px rgba(0,0,0,0.6); }

@media (max-width: 768px) {
    .mss-search-actions[b-a602t0wtfq] { flex-direction: column; }
    .mss-table[b-a602t0wtfq] { font-size: 11.5px; }
    .mss-table th[b-a602t0wtfq], .mss-table td[b-a602t0wtfq] { padding: 8px 6px; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MatchStatsForLast6MonthUsers.cshtml.rz.scp.css */
.ms6-root[b-mjzgt1rxd1] { font-family: 'Segoe UI', Roboto, sans-serif; color: #2d3748; padding: 20px; background: #f5f7fa; }
.ms6-container[b-mjzgt1rxd1] { max-width: 1400px; margin: 0 auto; }

/* Header */
.ms6-root .page-header[b-mjzgt1rxd1] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff; padding: 25px; border-radius: 8px 8px 0 0;
}
.ms6-root .page-header h2[b-mjzgt1rxd1] {
    margin: 0 0 10px 0; font-weight: 600; font-size: 1.8rem;
    display: flex; align-items: center; gap: 12px;
}
.ms6-root .page-header p[b-mjzgt1rxd1] { margin: 0; opacity: 0.9; font-size: 0.95rem; }
.ms6-root .page-header i[b-mjzgt1rxd1] { width: 26px; height: 26px; }

/* Info */
.ms6-root .info-section[b-mjzgt1rxd1] {
    background: #f9f4ff; padding: 20px 25px;
    border-left: 1px solid #e1e4e8; border-right: 1px solid #e1e4e8;
}
.ms6-root .info-card[b-mjzgt1rxd1] {
    background: #fff; border-radius: 8px; padding: 20px; border-left: 4px solid #6f42c1;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.ms6-root .info-card h3[b-mjzgt1rxd1] {
    margin: 0 0 15px 0; color: #330033; font-size: 16px; font-weight: 600;
    display: flex; align-items: center; gap: 8px;
}
.ms6-root .info-card h3 i[b-mjzgt1rxd1] { width: 18px; height: 18px; color: #6f42c1; }
.ms6-root .info-list[b-mjzgt1rxd1] { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.ms6-root .info-list li[b-mjzgt1rxd1] {
    display: flex; align-items: center; gap: 10px; padding: 8px 12px;
    background: #f8f9fa; border-radius: 6px; font-size: 14px; color: #495057;
}
.ms6-root .info-list li i[b-mjzgt1rxd1] { color: #6f42c1; width: 18px; height: 18px; flex-shrink: 0; }

/* Results */
.ms6-root .results-section[b-mjzgt1rxd1] {
    background: #fff; border-radius: 0 0 8px 8px; border: 1px solid #e1e4e8; border-top: none;
}
.ms6-root .table-container[b-mjzgt1rxd1] { overflow-x: auto; }
.ms6-root .modern-table[b-mjzgt1rxd1] { width: 100%; border-collapse: collapse; font-size: 13px; }
.ms6-root .modern-table thead[b-mjzgt1rxd1] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%); color: #fff;
}
.ms6-root .modern-table th[b-mjzgt1rxd1] {
    padding: 14px 12px; text-align: left; font-weight: 600; font-size: 12px;
    text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap;
}
.ms6-root .modern-table td[b-mjzgt1rxd1] { padding: 12px; border-bottom: 1px solid #e9ecef; vertical-align: middle; }
.ms6-root .modern-table tbody tr[b-mjzgt1rxd1] { background: #fff; transition: background 0.2s; }
.ms6-root .modern-table tbody tr:nth-child(even)[b-mjzgt1rxd1] { background: #f9f4ff; }
.ms6-root .modern-table tbody tr:hover[b-mjzgt1rxd1] { background: #f0e6ff; }

.ms6-root .row-number[b-mjzgt1rxd1] { font-weight: 600; color: #666; font-size: 13px; }
.ms6-root .name-cell[b-mjzgt1rxd1] { font-weight: 600; color: #330033; }

.ms6-root .email-wrap[b-mjzgt1rxd1] { display: inline-flex; align-items: center; gap: 6px; }
.ms6-root .email-link[b-mjzgt1rxd1] { color: #6f42c1; text-decoration: none; transition: color 0.2s; }
.ms6-root .email-link:hover[b-mjzgt1rxd1] { color: #330033; text-decoration: underline; }
.ms6-root .copy-btn[b-mjzgt1rxd1] {
    display: inline-flex; align-items: center; justify-content: center; padding: 3px;
    border: none; background: transparent; color: #6f42c1; cursor: pointer; border-radius: 4px;
    transition: background 0.15s, color 0.15s;
}
.ms6-root .copy-btn:hover[b-mjzgt1rxd1] { background: #f0e6ff; color: #330033; }
.ms6-root .copy-btn i[b-mjzgt1rxd1] { width: 14px; height: 14px; }

.ms6-root .stat-badge[b-mjzgt1rxd1] {
    display: inline-flex; align-items: center; justify-content: center; gap: 5px;
    padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600;
    background: #e7f3ff; color: #0066cc; min-width: 35px;
}
.ms6-root .stat-badge.events[b-mjzgt1rxd1] { background: #fff3cd; color: #856404; }
.ms6-root .stat-badge.matches[b-mjzgt1rxd1] { background: #d4edda; color: #155724; }
.ms6-root .stat-badge.recent[b-mjzgt1rxd1] { background: #e7f3ff; color: #0066cc; }
.ms6-root .stat-badge i[b-mjzgt1rxd1] { width: 13px; height: 13px; }

.ms6-root .gender-badge[b-mjzgt1rxd1] {
    display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px;
    border-radius: 12px; font-size: 12px; font-weight: 600;
}
.ms6-root .gender-badge.male[b-mjzgt1rxd1] { background: #cfe2ff; color: #084298; }
.ms6-root .gender-badge.female[b-mjzgt1rxd1] { background: #f8d7da; color: #721c24; }
.ms6-root .gender-badge i[b-mjzgt1rxd1] { width: 13px; height: 13px; }

/* Empty / loading */
.ms6-root .empty-cell[b-mjzgt1rxd1] { text-align: center; color: #a0aec0; padding: 30px; font-style: italic; }
.ms6-root .no-data[b-mjzgt1rxd1] { padding: 60px 20px; text-align: center; color: #666; }
.ms6-root .no-data i[b-mjzgt1rxd1] { width: 64px; height: 64px; color: #ddd; display: inline-block; margin-bottom: 20px; }
.ms6-root .no-data p[b-mjzgt1rxd1] { margin: 0; font-size: 16px; }
.ms6-root .no-data .no-data-sub[b-mjzgt1rxd1] { margin-top: 8px; font-size: 14px; color: #999; }

@media (max-width: 768px) {
    .ms6-root .modern-table[b-mjzgt1rxd1] { font-size: 12px; }
    .ms6-root .modern-table th[b-mjzgt1rxd1], .ms6-root .modern-table td[b-mjzgt1rxd1] { padding: 10px 8px; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MemoryManagement.cshtml.rz.scp.css */
/* MemoryManagement.cshtml.css — scoped styles for Memory Management page */

.modern-container[b-fbwbrwgzus] {
    --primary-gradient: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    --primary-color: #330033;
    --green-safe: #10b981;
    --yellow-caution: #f59e0b;
    --orange-warning: #f97316;
    --card-shadow: 0 2px 8px rgba(51, 0, 51, 0.1);

    max-width: 1400px;
    margin: 20px auto;
    font-family: 'Segoe UI', Roboto, -apple-system, sans-serif;
}

.page-header[b-fbwbrwgzus] {
    background: var(--primary-gradient);
    color: white;
    padding: 25px 30px;
    border-radius: 12px 12px 0 0;
    box-shadow: var(--card-shadow);
}

.page-header h2[b-fbwbrwgzus] {
    margin: 0;
    font-weight: 600;
    font-size: 1.75rem;
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-header p[b-fbwbrwgzus] {
    margin: 10px 0 0 0;
    opacity: 0.95;
    font-size: 0.95rem;
}

.stats-section[b-fbwbrwgzus] {
    background: white;
    padding: 25px 30px;
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

.stats-grid[b-fbwbrwgzus] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.stat-card[b-fbwbrwgzus] {
    background: #f9fafb;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    border: 2px solid #e5e7eb;
}

.stat-number[b-fbwbrwgzus] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 5px;
}

.stat-label[b-fbwbrwgzus] {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

.actions-section[b-fbwbrwgzus] {
    background: white;
    padding: 30px;
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

.section-title[b-fbwbrwgzus] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.action-grid[b-fbwbrwgzus] {
    display: grid;
    gap: 20px;
}

.action-card[b-fbwbrwgzus] {
    background: #f9fafb;
    border-radius: 12px;
    padding: 25px;
    border: 2px solid #e5e7eb;
    transition: all 0.3s ease;
}

.action-card:hover[b-fbwbrwgzus] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.action-card.level-safe[b-fbwbrwgzus] {
    border-left: 5px solid var(--green-safe);
}

.action-card.level-caution[b-fbwbrwgzus] {
    border-left: 5px solid var(--yellow-caution);
}

.action-card.level-warning[b-fbwbrwgzus] {
    border-left: 5px solid var(--orange-warning);
}

.action-card.level-danger[b-fbwbrwgzus] {
    border-left: 5px solid #dc2626;
    background: #fef2f2;
}

.action-header[b-fbwbrwgzus] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.action-title[b-fbwbrwgzus] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2937;
}

.risk-badge[b-fbwbrwgzus] {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.risk-badge.safe[b-fbwbrwgzus] {
    background: #d1fae5;
    color: #065f46;
}

.risk-badge.caution[b-fbwbrwgzus] {
    background: #fef3c7;
    color: #92400e;
}

.risk-badge.warning[b-fbwbrwgzus] {
    background: #fed7aa;
    color: #9a3412;
}

.risk-badge.danger[b-fbwbrwgzus] {
    background: #fecaca;
    color: #991b1b;
}

.action-description[b-fbwbrwgzus] {
    color: #6b7280;
    font-size: 0.9rem;
    margin-bottom: 15px;
    line-height: 1.6;
}

.action-warning[b-fbwbrwgzus] {
    background: #fef3c7;
    border-left: 3px solid #f59e0b;
    padding: 10px 15px;
    margin: 15px 0;
    border-radius: 4px;
    font-size: 0.85rem;
    color: #92400e;
}

.action-warning i[b-fbwbrwgzus],
.action-warning svg[b-fbwbrwgzus] {
    margin-right: 8px;
}

.action-button[b-fbwbrwgzus] {
    width: 100%;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.action-button.safe[b-fbwbrwgzus] {
    background: var(--green-safe);
    color: white;
}

.action-button.safe:hover[b-fbwbrwgzus] {
    background: #059669;
}

.action-button.caution[b-fbwbrwgzus] {
    background: var(--yellow-caution);
    color: white;
}

.action-button.caution:hover[b-fbwbrwgzus] {
    background: #d97706;
}

.action-button.warning[b-fbwbrwgzus] {
    background: var(--orange-warning);
    color: white;
}

.action-button.warning:hover[b-fbwbrwgzus] {
    background: #ea580c;
}

.action-button.danger[b-fbwbrwgzus] {
    background: #dc2626;
    color: white;
}

.action-button.danger:hover[b-fbwbrwgzus] {
    background: #b91c1c;
}

.action-button:disabled[b-fbwbrwgzus] {
    opacity: 0.5;
    cursor: not-allowed;
}

.history-section[b-fbwbrwgzus] {
    background: white;
    padding: 30px;
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

.history-section:last-child[b-fbwbrwgzus] {
    border-radius: 0 0 12px 12px;
}

.modern-table[b-fbwbrwgzus] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.modern-table thead[b-fbwbrwgzus] {
    background: var(--primary-gradient);
    color: white;
}

.modern-table th[b-fbwbrwgzus] {
    padding: 16px 14px;
    text-align: center;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: white !important;
}

.modern-table tbody tr[b-fbwbrwgzus] {
    transition: all 0.2s ease;
    border-bottom: 1px solid #e5e7eb;
}

.modern-table tbody tr:hover[b-fbwbrwgzus] {
    background: #f9f4ff;
}

.modern-table td[b-fbwbrwgzus] {
    padding: 16px 14px;
    text-align: center;
    font-size: 0.9rem;
    color: #374151;
}

.modern-table tbody tr:nth-child(even)[b-fbwbrwgzus] {
    background: #f9fafb;
}

.status-success[b-fbwbrwgzus] {
    color: #059669;
    font-weight: 600;
}

.status-error[b-fbwbrwgzus] {
    color: #dc2626;
    font-weight: 600;
}

.refresh-button[b-fbwbrwgzus] {
    background: var(--primary-color);
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.refresh-button:hover[b-fbwbrwgzus] {
    background: #4a004a;
}

/* Modal Styles */
.modal-overlay[b-fbwbrwgzus] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.modal-overlay.active[b-fbwbrwgzus] {
    display: flex;
}

.modal-content[b-fbwbrwgzus] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    max-width: 900px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    position: relative;
}

.modal-header[b-fbwbrwgzus] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 20px 30px;
    border-radius: 12px 12px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h3[b-fbwbrwgzus] {
    margin: 0;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.modal-close[b-fbwbrwgzus] {
    background: transparent;
    border: none;
    color: white;
    font-size: 2rem;
    cursor: pointer;
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: background 0.3s ease;
}

.modal-close:hover[b-fbwbrwgzus] {
    background: rgba(255, 255, 255, 0.2);
}

.modal-body[b-fbwbrwgzus] {
    padding: 30px;
}

@media (max-width: 768px) {
    .modern-container[b-fbwbrwgzus] {
        margin: 10px;
    }

    .action-grid[b-fbwbrwgzus] {
        grid-template-columns: 1fr;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/Messages.cshtml.rz.scp.css */
/* ============================================================
   Messages (raw Messages grid) — Scoped CSS
   Route: /myonlylogin/messages
   Legacy palette: header #C0C0FF (black), rows #C993FF (#333),
   alternating white (#330033).
   ============================================================ */

[x-cloak][b-55re0406ld] { display: none !important; }

.msg-page[b-55re0406ld] { max-width: 1500px; }

/* Header */
.msg-header[b-55re0406ld] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #660032 0%, #4a0025 50%, #330033 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.msg-header-left[b-55re0406ld] { display: flex; align-items: center; gap: 14px; }
.msg-header-icon[b-55re0406ld] { width: 32px; height: 32px; opacity: 0.85; }
.msg-header-left h1[b-55re0406ld] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.msg-header-sub[b-55re0406ld] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.msg-total-badge[b-55re0406ld] {
    background: rgba(255,255,255,0.15);
    padding: 7px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
}

/* Error banner */
.msg-error-banner[b-55re0406ld] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Table panel */
.msg-table-panel[b-55re0406ld] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.msg-table-wrap[b-55re0406ld] { overflow-x: auto; }

.msg-table[b-55re0406ld] {
    width: 100%;
    border-collapse: collapse;
    font-size: 10pt;                 /* legacy RowStyle Font-Size="10pt" */
    table-layout: fixed;
}
.msg-table th[b-55re0406ld] {
    background: #C0C0FF;             /* legacy HeaderStyle */
    color: #000;
    font-weight: 700;
    text-align: left;
    padding: 8px 10px;
    white-space: nowrap;
}
.msg-table td[b-55re0406ld] {
    padding: 8px 10px;               /* legacy CellPadding="4" */
    vertical-align: top;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.msg-table tbody tr:nth-child(odd) td[b-55re0406ld] {
    background: #C993FF;             /* legacy RowStyle */
    color: #333;
}
.msg-table tbody tr:nth-child(even) td[b-55re0406ld] {
    background: #fff;                /* legacy AlternatingRowStyle */
    color: #330033;
}

/* Column widths (ID / Date / Name / Email / Topic / Message / Response / Staff / IP / actions) */
.msg-table th:nth-child(1)[b-55re0406ld] { width: 48px; }
.msg-table th:nth-child(2)[b-55re0406ld] { width: 105px; }
.msg-table th:nth-child(3)[b-55re0406ld] { width: 90px; }
.msg-table th:nth-child(4)[b-55re0406ld] { width: 150px; }
.msg-table th:nth-child(5)[b-55re0406ld] { width: 90px; }
.msg-table th:nth-child(6)[b-55re0406ld] { width: 22%; }
.msg-table th:nth-child(7)[b-55re0406ld] { width: 16%; }
.msg-table th:nth-child(8)[b-55re0406ld] { width: 12%; }
.msg-table th:nth-child(9)[b-55re0406ld] { width: 95px; }
.msg-table th:nth-child(10)[b-55re0406ld] { width: 72px; }
.msg-table th:nth-child(11)[b-55re0406ld] { width: 92px; }

.msg-nowrap[b-55re0406ld] { white-space: nowrap; }
.msg-longtext[b-55re0406ld] { white-space: pre-line; }

.msg-mailto[b-55re0406ld] { color: #330033; text-decoration: underline; word-break: break-all; }
.msg-action-link[b-55re0406ld] { color: #330033; font-weight: 700; text-decoration: underline; cursor: pointer; }
.msg-action-link:hover[b-55re0406ld] { color: #660032; }

.msg-empty[b-55re0406ld] { text-align: center; color: #6b7280; padding: 24px !important; background: #fff !important; }

/* Pager */
.msg-pager[b-55re0406ld] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 16px;
    border-top: 1px solid #eee;
    font-size: 0.85rem;
    color: #444;
}
.msg-pager button[b-55re0406ld] {
    background: #330033;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 0.8rem;
    cursor: pointer;
}
.msg-pager button:hover:not(:disabled)[b-55re0406ld] { background: #4a004a; }
.msg-pager button:disabled[b-55re0406ld] { opacity: 0.4; cursor: not-allowed; }
.msg-pager select[b-55re0406ld] {
    padding: 5px 8px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.8rem;
}
.msg-pager-loading[b-55re0406ld] { color: #660032; font-weight: 600; }

/* Modals (legacy DHTML popup: 500px white box, #CF1A1A border/title) */
.msg-modal-backdrop[b-55re0406ld] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 10000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 8vh;
}
.msg-modal[b-55re0406ld] {
    background: #fff;
    width: 500px;
    max-width: 94vw;
    border: 1px solid #CF1A1A;      /* legacy bordercolor */
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.msg-modal-header[b-55re0406ld] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #CF1A1A;            /* legacy title bar */
    color: #000;
    padding: 8px 14px;
}
.msg-modal-header h4[b-55re0406ld] { margin: 0; font-size: 0.95rem; font-weight: 700; color: #fff; }
.msg-modal-close[b-55re0406ld] {
    background: none;
    border: none;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}
.msg-modal-body[b-55re0406ld] { padding: 16px 20px; color: #656565; }
.msg-modal-body label[b-55re0406ld] {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    color: #444;
    margin-bottom: 12px;
}
.msg-modal-body input[b-55re0406ld],
.msg-modal-body textarea[b-55re0406ld] {
    display: block;
    width: 100%;
    margin-top: 4px;
    padding: 7px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.85rem;
    font-family: inherit;
    color: #333;
}
.msg-modal-body input:focus[b-55re0406ld],
.msg-modal-body textarea:focus[b-55re0406ld] {
    outline: none;
    border-color: #660032;
    box-shadow: 0 0 0 3px rgba(102,0,50,0.12);
}
.msg-modal-body textarea[b-55re0406ld] { resize: vertical; }
.msg-modal-footer[b-55re0406ld] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 20px;
    border-top: 1px solid #e5e5e5;
}
.msg-btn[b-55re0406ld] {
    background: #e5e7eb;
    color: #333;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}
.msg-btn:hover[b-55re0406ld] { background: #d1d5db; }
.msg-btn-primary[b-55re0406ld] { background: #330033; color: #fff; }
.msg-btn-primary:hover[b-55re0406ld] { background: #4a004a; }
.msg-btn-primary:disabled[b-55re0406ld] { opacity: 0.5; cursor: not-allowed; }

/* Responsive */
@media (max-width: 768px) {
    .msg-header[b-55re0406ld] { flex-direction: column; gap: 12px; text-align: center; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MessagesAndActions.cshtml.rz.scp.css */
/* ============================================================
   Messages And Actions — Scoped CSS
   Extracted from legacy admin/messagesandactions.aspx inline
   <style> blocks (male #BBD2FF / female #FF99FF cards with
   #7B92C0 borders, grey waiting/canceled cards, #660033 action
   buttons with disabled greys, profile image sizing, modal,
   promo-codes GridView colors #330033 / #F5ECFF).
   ============================================================ */

.ma-page[b-sdba8itt6a] {
    width: 100%;
}

/* ── Top bar ── */
.ma-topbar[b-sdba8itt6a] {
    width: 100%;
    border-collapse: collapse;
}

.ma-topbar-left[b-sdba8itt6a] {
    padding-left: 20px;
}

.ma-topbar-right[b-sdba8itt6a] {
    text-align: right;
}

.ma-topbar-right a[b-sdba8itt6a] {
    margin-left: 12px;
}

.ma-confirmation-cell[b-sdba8itt6a] {
    padding-left: 20px;
}

.ma-confirmation[b-sdba8itt6a] {
    color: green;
}

.ma-template-links[b-sdba8itt6a] {
    text-align: end;
}

/* ── Alert banner ── */
.ma-alert[b-sdba8itt6a] {
    position: relative;
    padding: 12px 35px 12px 15px;
    margin: 10px 0 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.ma-alert-danger[b-sdba8itt6a] {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.ma-alert-close[b-sdba8itt6a] {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    border: none;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: inherit;
    opacity: 0.5;
    cursor: pointer;
}

.ma-alert-close:hover[b-sdba8itt6a] {
    opacity: 1;
}

/* ── Two columns ── */
.ma-columns[b-sdba8itt6a] {
    width: 100%;
    border-collapse: collapse;
}

.ma-column[b-sdba8itt6a] {
    width: 49%;
    vertical-align: top;
    padding: 4px;
}

.ma-count-row[b-sdba8itt6a] {
    text-align: right;
    padding-right: 2px;
    margin-bottom: 4px;
}

.ma-count-badge[b-sdba8itt6a] {
    display: inline-block;
    padding: 5px 20px 0 0;
    border: 1px solid #7B92C0;
    font-weight: bold;
    height: 22px;
    width: 75px;
    text-align: right;
    box-sizing: content-box;
}

.ma-count-male[b-sdba8itt6a] {
    background-color: #BBD2FF;
}

.ma-count-female[b-sdba8itt6a] {
    background-color: #FF99FF;
}

/* ── Signup cards ── */
.ma-card[b-sdba8itt6a] {
    width: 100%;
    border: 1px solid #7B92C0;
    border-collapse: collapse;
}

.ma-card-male[b-sdba8itt6a] {
    background-color: #BBD2FF;
}

.ma-card-female[b-sdba8itt6a] {
    background-color: #FF99FF;
}

.ma-card-grey[b-sdba8itt6a] {
    background-color: #EEEEEE;
}

.ma-card-gap[b-sdba8itt6a] {
    height: 5px;
}

.ma-card-info[b-sdba8itt6a] {
    padding: 5px;
    vertical-align: top;
}

.ma-info-table[b-sdba8itt6a] {
    width: 100%;
}

.ma-info-table td[b-sdba8itt6a] {
    padding: 1px 0;
}

.ma-card-photo[b-sdba8itt6a] {
    vertical-align: middle;
    text-align: center;
    padding: 5px;
}

.ma-profile-image[b-sdba8itt6a] {
    width: auto;
    height: 125px;
    display: block;
    margin: 0 auto;
    border: none;
    border-radius: 4px;
}

.ma-profile-image:hover[b-sdba8itt6a] {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

/* ── Action buttons ── */
.ma-actions[b-sdba8itt6a] {
    border-collapse: separate;
    border-spacing: 10px;
}

.ma-action-btn[b-sdba8itt6a],
.ma-mailto-btn[b-sdba8itt6a] {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    margin: 2px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    vertical-align: middle;
    background-color: #660033;
    color: white;
    text-decoration: none;
}

.ma-action-btn:disabled[b-sdba8itt6a],
.ma-mailto-btn:disabled[b-sdba8itt6a] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
}

.ma-icon[b-sdba8itt6a] {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    flex: 0 0 auto;
}

.ma-btn-text[b-sdba8itt6a] {
    font-size: x-small;
    text-align: left;
}

/* ── Modals (legacy .modal / .modal-content) ── */
.ma-modal[b-sdba8itt6a] {
    position: fixed;
    z-index: 1000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.ma-modal-content[b-sdba8itt6a] {
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0;
    animation-name: ma-animatetop-b-sdba8itt6a;
    animation-duration: 0.4s;
}

.ma-modal-compose[b-sdba8itt6a] {
    margin-left: 30%;
    width: 45%;
}

.ma-modal-promo[b-sdba8itt6a] {
    margin-left: 20%;
    width: 60%;
}

@keyframes ma-animatetop-b-sdba8itt6a {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.ma-modal-header[b-sdba8itt6a] {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px;
}

.ma-modal-header h3[b-sdba8itt6a] {
    margin: 0;
    display: inline-block;
}

.ma-close[b-sdba8itt6a] {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    cursor: pointer;
}

.ma-close:hover[b-sdba8itt6a],
.ma-close:focus[b-sdba8itt6a] {
    color: #000;
    text-decoration: none;
    opacity: .5;
}

.ma-modal-body[b-sdba8itt6a] {
    padding: 20px;
    max-height: calc(100vh - 195px);
    overflow-y: auto;
}

.ma-modal-footer[b-sdba8itt6a] {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

/* ── Compose form fields ── */
.ma-form-field[b-sdba8itt6a] {
    margin-bottom: 10px;
}

.ma-form-field label[b-sdba8itt6a] {
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
}

.ma-form-field input[type="text"][b-sdba8itt6a] {
    width: 100%;
    padding: 5px 8px;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    box-sizing: border-box;
}

/* ── Buttons (legacy .btn / .button) ── */
.ma-btn[b-sdba8itt6a] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    user-select: none;
    background-color: #e6e6e6;
    color: #333;
}

.ma-btn-primary[b-sdba8itt6a] {
    background-color: #330033;
    color: white;
}

.ma-btn:disabled[b-sdba8itt6a] {
    opacity: .65;
    cursor: not-allowed;
}

/* ── Generated promo codes grid (legacy GridView colors) ── */
.ma-promo-grid[b-sdba8itt6a] {
    width: 100%;
    border-collapse: collapse;
}

.ma-promo-grid th[b-sdba8itt6a] {
    background-color: #330033;
    color: #ffffff;
    text-align: left;
    padding: 4px 8px;
}

.ma-promo-grid td[b-sdba8itt6a] {
    padding: 3px 8px;
}

.ma-promo-row[b-sdba8itt6a] {
    background-color: #F5ECFF;
}

.ma-promo-row-alt[b-sdba8itt6a] {
    background-color: #ffffff;
}

.ma-promo-empty[b-sdba8itt6a] {
    text-align: center;
    padding: 10px;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MessagesAndActionsTemplate.cshtml.rz.scp.css */
/* ============================================================
   Messages And Actions Template — Scoped CSS
   Adapted from legacy admin/MessagesAndActionsTemplate.aspx
   inline <style>: placeholder list (#FAFAFA rows, #F3F3F3
   stripes, #FFFDE3 hover with #DCDAC1 left border), .contact
   ellipsis, alert banners (#f44336 / #04AA6D, white text,
   floating close ×) and the #330033 Save button.
   ============================================================ */

.mat-page[b-ccu96992pf] {
    width: 100%;
}

/* ── Header ── */
.mat-header[b-ccu96992pf] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.mat-header-icon[b-ccu96992pf] {
    width: 28px;
    height: 28px;
    color: #330033;
    flex-shrink: 0;
}

.mat-header h1[b-ccu96992pf] {
    margin: 0;
    font-size: 22px;
}

.mat-header-sub[b-ccu96992pf] {
    margin: 2px 0 0;
    /* #777 gray was too low-contrast on the purple admin content bg (#C993FF).
       Dark plum reads clearly while staying secondary to the black <h1>. */
    color: #3d2540;
    font-size: 13px;
}

/* ── Status banner (legacy .alert / .closebtn) ── */
.mat-alert[b-ccu96992pf] {
    padding: 20px;
    color: white;
    margin-bottom: 15px;
}

.mat-alert-danger[b-ccu96992pf] {
    background-color: #f44336;
}

.mat-alert-success[b-ccu96992pf] {
    background-color: #04AA6D;
}

.mat-closebtn[b-ccu96992pf] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    background: none;
    border: none;
    padding: 0;
}

.mat-closebtn:hover[b-ccu96992pf] {
    color: black;
}

/* Template cards */
.mat-card[b-ccu96992pf] {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0 0 20px;
    padding: 0 16px 16px;
    background: #fff;
}

.mat-card-title[b-ccu96992pf] {
    margin: 0 -16px 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #ddd;
    background: #f7f3f7;
    border-radius: 4px 4px 0 0;
    font-size: 18px;
}

/* ── 70/30 layout (legacy nested tables) ── */
.mat-grid[b-ccu96992pf] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
    gap: 16px;
    align-items: start;
}

.mat-grid h3[b-ccu96992pf] {
    margin: 6px 0;
    font-size: 15px;
}

/* Single-line visual subject editor */
.mat-subject[b-ccu96992pf] {
    width: 100%;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    margin-top: 5px;
    margin-bottom: 12px;
    padding: 10px 6px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    min-height: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.mat-subject:focus[b-ccu96992pf] {
    border-color: #330033;
    outline: 2px solid rgba(51, 0, 51, 0.15);
}

.hcard-token[b-ccu96992pf] {
    display: inline-block;
    background: #FFFDE3;
    border: 1px solid #DCDAC1;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 12px;
    cursor: default;
}

/* Body textarea before TinyMCE takes over */
.mat-body-editor[b-ccu96992pf] {
    width: 100%;
    box-sizing: border-box;
    min-height: 200px;
}

/* ── Placeholder list (legacy .placeholderList / .contact) ── */
.mat-placeholder-list[b-ccu96992pf] {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.mat-placeholder-list li[b-ccu96992pf] {
    background: #FAFAFA;
    margin-bottom: 1px;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
}

.mat-placeholder-list li:nth-child(2n)[b-ccu96992pf] {
    background: #F3F3F3;
}

.mat-placeholder-list li:hover[b-ccu96992pf] {
    background: #FFFDE3;
    border-left: 5px solid #DCDAC1;
    margin-left: -5px;
}

.mat-contact[b-ccu96992pf] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    background: transparent;
    border: none;
    font: inherit;
    line-height: inherit;
    cursor: pointer;
    box-sizing: border-box;
}

/* ── Save button (legacy .button: #330033 on white) ── */
.mat-save[b-ccu96992pf] {
    background-color: #330033;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 8px 28px;
    margin-top: 14px;
    font-size: 14px;
    cursor: pointer;
}

.mat-save:hover[b-ccu96992pf] {
    background-color: #4a004a;
}

.mat-save:disabled[b-ccu96992pf] {
    background-color: #888;
    cursor: default;
}

/* ── Small screens: stack the placeholder column ── */
@media (max-width: 900px) {
    .mat-grid[b-ccu96992pf] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MessagesAndActionsTextTemplate.cshtml.rz.scp.css */
/* ============================================================
   Messages And Actions Text Template — Scoped CSS
   Adapted from legacy admin/MessagesAndActionsTextTemplate.aspx
   inline <style>: placeholder list (#FAFAFA rows, #FFFDE3 hover
   with #DCDAC1 left border — NO alternate-row striping on this
   page, matching legacy), .contact ellipsis, w100/h500 fields,
   alert banners (#f44336 / #04AA6D) and the #330033 Save button.
   ============================================================ */

.matt-page[b-wkytmu0gcv] {
    width: 100%;
}

/* ── Header ── */
.matt-header[b-wkytmu0gcv] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.matt-header-icon[b-wkytmu0gcv] {
    width: 28px;
    height: 28px;
    color: #330033;
    flex-shrink: 0;
}

.matt-header h1[b-wkytmu0gcv] {
    margin: 0;
    font-size: 22px;
}

.matt-header-sub[b-wkytmu0gcv] {
    margin: 2px 0 0;
    color: #3d2540;
    font-size: 13px;
}

/* ── Legacy note lines ── */
.matt-note[b-wkytmu0gcv] {
    margin: 4px 0;
    font-size: 15px;
}

/* ── Status banner (legacy .alert / .closebtn) ── */
.matt-alert[b-wkytmu0gcv] {
    padding: 20px;
    color: white;
    margin-bottom: 15px;
}

.matt-alert-danger[b-wkytmu0gcv] {
    background-color: #f44336;
}

.matt-alert-success[b-wkytmu0gcv] {
    background-color: #04AA6D;
}

.matt-closebtn[b-wkytmu0gcv] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    background: none;
    border: none;
    padding: 0;
}

.matt-closebtn:hover[b-wkytmu0gcv] {
    color: black;
}

/* ── Section fieldsets (legacy fieldset/legend h2) ── */
.matt-card[b-wkytmu0gcv] {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 12px 0 20px;
    padding: 0 16px 16px;
    background: #fff;
}

.matt-card-title[b-wkytmu0gcv] {
    margin: 0 -16px 14px;
    padding: 11px 16px;
    font-size: 18px;
    background: #f7f3f7;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
}

/* ── 70/30 layout (legacy nested tables) ── */
.matt-grid[b-wkytmu0gcv] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
    gap: 16px;
    align-items: start;
}

.matt-grid h3[b-wkytmu0gcv] {
    margin: 6px 0;
    font-size: 15px;
}

/* ── Subject (legacy .w100 single-line TextBox) ── */
.matt-subject[b-wkytmu0gcv] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid darkgray;
    padding: 8px 6px;
    margin-bottom: 12px;
    font-size: 13px;
}

/* ── Body (legacy .w100 .h500 multiline TextBox) ── */
.matt-body[b-wkytmu0gcv] {
    width: 100%;
    height: 500px;
    box-sizing: border-box;
    border: 1px solid darkgray;
    padding: 8px 6px;
    font-size: 13px;
    resize: vertical;
}

/* ── Placeholder list (legacy .placeholderList / .contact;
      this page had no nth-child striping) ── */
.matt-placeholder-list[b-wkytmu0gcv] {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.matt-placeholder-list li[b-wkytmu0gcv] {
    background: #FAFAFA;
    margin-bottom: 1px;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
}

.matt-placeholder-list li:hover[b-wkytmu0gcv] {
    background: #FFFDE3;
    border-left: 5px solid #DCDAC1;
    margin-left: -5px;
}

.matt-contact[b-wkytmu0gcv] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    background: transparent;
    border: none;
    font: inherit;
    line-height: inherit;
    cursor: pointer;
    box-sizing: border-box;
}

/* ── Save button (legacy .GRIDVIEWHeading-style #330033 button) ── */
.matt-save[b-wkytmu0gcv] {
    background-color: #330033;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 8px 28px;
    margin-top: 14px;
    font-size: 14px;
    cursor: pointer;
}

.matt-save:hover[b-wkytmu0gcv] {
    background-color: #4a004a;
}

.matt-save:disabled[b-wkytmu0gcv] {
    background-color: #888;
    cursor: default;
}

/* ── Small screens: stack the placeholder column ── */
@media (max-width: 900px) {
    .matt-grid[b-wkytmu0gcv] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MessagesBad.cshtml.rz.scp.css */
/* ============================================================
   Bad messages (Messages_Bad list) — Scoped CSS
   Route: /myonlylogin/messages-bad
   Legacy palette: header #330033 (white bold), rows #E0C1FF,
   alternating white, centered large numeric pager.
   ============================================================ */

[x-cloak][b-dwh3c9gkr6] { display: none !important; }

.mb-page[b-dwh3c9gkr6] { max-width: 1300px; }

/* Header */
.mb-header[b-dwh3c9gkr6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #660032 0%, #4a0025 50%, #330033 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.mb-header-left[b-dwh3c9gkr6] { display: flex; align-items: center; gap: 14px; }
.mb-header-icon[b-dwh3c9gkr6] { width: 32px; height: 32px; opacity: 0.85; }
.mb-header-left h1[b-dwh3c9gkr6] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.mb-header-sub[b-dwh3c9gkr6] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.mb-total-badge[b-dwh3c9gkr6] {
    background: rgba(255,255,255,0.15);
    padding: 7px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
}

/* Error banner */
.mb-error-banner[b-dwh3c9gkr6] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Table panel */
.mb-table-panel[b-dwh3c9gkr6] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
    border: 1px solid #330033;          /* legacy BorderColor 330033, Solid 1px */
}
.mb-table-wrap[b-dwh3c9gkr6] { overflow-x: auto; }

.mb-table[b-dwh3c9gkr6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    table-layout: fixed;
}
.mb-table th[b-dwh3c9gkr6] {
    background: #330033;                /* legacy HeaderStyle */
    color: #fff;
    font-weight: 700;
    text-align: left;
    padding: 8px 10px;
    white-space: nowrap;
}
.mb-table td[b-dwh3c9gkr6] {
    padding: 8px 10px;                  /* legacy CellPadding="4" */
    vertical-align: top;
    color: #000;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.mb-table tbody tr:nth-child(odd) td[b-dwh3c9gkr6] { background: #E0C1FF; }   /* legacy RowStyle */
.mb-table tbody tr:nth-child(even) td[b-dwh3c9gkr6] { background: #fff; }     /* legacy AlternatingRowStyle */

/* Column widths (No. / Name / Email / Topic / Message / IP / Date) */
.mb-table th:nth-child(1)[b-dwh3c9gkr6] { width: 55px; }
.mb-table th:nth-child(2)[b-dwh3c9gkr6] { width: 110px; }
.mb-table th:nth-child(3)[b-dwh3c9gkr6] { width: 180px; }
.mb-table th:nth-child(4)[b-dwh3c9gkr6] { width: 110px; }
.mb-table th:nth-child(5)[b-dwh3c9gkr6] { width: 40%; }
.mb-table th:nth-child(6)[b-dwh3c9gkr6] { width: 115px; }
.mb-table th:nth-child(7)[b-dwh3c9gkr6] { width: 90px; }

.mb-num[b-dwh3c9gkr6] { text-align: center; }
.mb-nowrap[b-dwh3c9gkr6] { white-space: nowrap; }
.mb-break[b-dwh3c9gkr6] { word-break: break-all; }
.mb-longtext[b-dwh3c9gkr6] { white-space: pre-line; }

.mb-empty[b-dwh3c9gkr6] { text-align: center; color: #6b7280; padding: 24px !important; background: #fff !important; }

/* Pager (legacy PagerStyle: #E0C1FF background, centered, Font-Size Large) */
.mb-pager[b-dwh3c9gkr6] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    background: #E0C1FF;
    padding: 10px 12px;
    font-size: 1.05rem;                 /* legacy Font-Size="Large" */
}
.mb-pager button[b-dwh3c9gkr6] {
    background: none;
    border: none;
    color: #000;                        /* legacy PagerStyle ForeColor (black links) */
    font-size: 1.05rem;
    padding: 3px 9px;
    cursor: pointer;
    border-radius: 6px;
    text-decoration: underline;
}
.mb-pager button:hover[b-dwh3c9gkr6] { background: rgba(51,0,51,0.12); }
.mb-pager button.mb-pager-current[b-dwh3c9gkr6] {
    background: #330033;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}
.mb-pager-dots[b-dwh3c9gkr6] { color: #333; padding: 0 4px; }

/* Responsive */
@media (max-width: 768px) {
    .mb-header[b-dwh3c9gkr6] { flex-direction: column; gap: 12px; text-align: center; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MessagesFromSponsorships.cshtml.rz.scp.css */
/* ============================================================
   Sponsorship Inquiries — Scoped CSS (legacy admin/MessagesFromSponsorships.aspx)
   Legacy colors preserved: header #330033→#4a004a, accent #6f42c1,
   message #f9f4ff, response #e8f4e8, note #fff3cd, re-assign #7B3FF2.
   ============================================================ */

.sm-app[b-arpz4q1tec] {
    font-family: 'Segoe UI', Roboto, sans-serif;
}

.sm-container[b-arpz4q1tec] {
    max-width: 1200px;
    margin: 20px auto;
}

/* ── Card header ── */
.sm-header[b-arpz4q1tec] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 20px 25px;
    border-radius: 8px 8px 0 0;
}

.sm-header h2[b-arpz4q1tec] {
    margin: 0;
    font-weight: 600;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sm-header-icon[b-arpz4q1tec] {
    width: 22px;
    height: 22px;
}

.sm-header p[b-arpz4q1tec] {
    margin: 8px 0 0 0;
    opacity: 0.9;
    font-size: 0.95rem;
}

/* ── Page-load error alert (actions use toasts) ── */
.sm-alert[b-arpz4q1tec] {
    padding: 20px;
    color: white;
    margin-bottom: 15px;
    border-radius: 4px;
}

.sm-alert-danger[b-arpz4q1tec] {
    background-color: #f44336;
}

.sm-alert-close[b-arpz4q1tec] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.sm-alert-close:hover[b-arpz4q1tec] {
    color: black;
}

/* ── Stats ── */
.sm-stats-wrap[b-arpz4q1tec] {
    background: #f9f4ff;
    padding: 20px;
}

.stats-container[b-arpz4q1tec] {
    display: flex;
    gap: 20px;
}

.stat-card[b-arpz4q1tec] {
    background: white;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #e1e4e8;
    flex: 1;
    text-align: center;
}

.stat-number[b-arpz4q1tec] {
    font-size: 28px;
    font-weight: bold;
    color: #6f42c1;
}

.stat-label[b-arpz4q1tec] {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

/* ── Filter bar ── */
.sm-filter-bar[b-arpz4q1tec] {
    padding: 15px 25px;
    background: white;
    border-bottom: 1px solid #eee;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
}

.sm-search-input[b-arpz4q1tec] {
    width: 400px;
    padding: 10px 15px 10px 40px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 0.95rem;
    background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23330033" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') no-repeat 12px center;
}

.sm-status-select[b-arpz4q1tec] {
    width: 160px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: white;
    color: #330033;
    font-size: 0.95rem;
    cursor: pointer;
}

.sm-filter-actions[b-arpz4q1tec] {
    margin-left: auto;
    display: flex;
    gap: 10px;
}

.sm-btn-filter[b-arpz4q1tec] {
    background: #330033;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: background 0.2s;
}

.sm-btn-filter:hover[b-arpz4q1tec] {
    background: #4a004a;
}

.sm-btn-refresh[b-arpz4q1tec] {
    background: white;
    color: #330033;
    border: 1px solid #330033;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.sm-btn-refresh:hover[b-arpz4q1tec] {
    background: #f8f9fa;
}

/* ── Messages list ── */
.sm-list[b-arpz4q1tec] {
    background: white;
    padding: 20px;
}

.compact-message-row[b-arpz4q1tec] {
    background: white;
    border: 1px solid #e1e4e8;
    margin-bottom: 8px;
    padding: 15px;
    border-radius: 8px;
    transition: all 0.2s ease;
    position: relative;
}

.compact-message-row:hover[b-arpz4q1tec] {
    background: #f8f9fa;
    border-color: #6f42c1;
    box-shadow: 0 2px 8px rgba(111, 66, 193, 0.15);
}

.sponsor-header[b-arpz4q1tec] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.sponsor-info[b-arpz4q1tec] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.sponsor-avatar[b-arpz4q1tec] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    flex-shrink: 0;
}

.sponsor-contact[b-arpz4q1tec] {
    display: flex;
    flex-direction: column;
}

.sponsor-name[b-arpz4q1tec] {
    font-weight: 600;
    color: #330033;
    font-size: 16px;
}

.sponsor-email[b-arpz4q1tec] {
    color: #8b7aa6;
    font-size: 14px;
    text-decoration: none;
}

.sponsor-email:hover[b-arpz4q1tec] {
    color: #330033;
    text-decoration: underline;
}

.sponsor-meta[b-arpz4q1tec] {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 13px;
    color: #666;
}

.sponsor-meta svg[b-arpz4q1tec] {
    vertical-align: -2px;
}

.sponsor-message[b-arpz4q1tec] {
    background: #f9f4ff;
    padding: 12px;
    border-radius: 6px;
    margin: 10px 0;
    border-left: 3px solid #6f42c1;
    line-height: 1.6;
}

.sponsor-response[b-arpz4q1tec] {
    background: #e8f4e8;
    padding: 12px;
    border-radius: 6px;
    margin: 10px 0;
    border-left: 3px solid #28a745;
    line-height: 1.6;
}

.sponsor-staff-comment[b-arpz4q1tec] {
    background: #fff3cd;
    padding: 10px;
    border-radius: 6px;
    margin: 10px 0;
    border-left: 3px solid #ffc107;
    font-size: 14px;
    font-style: italic;
}

.sponsor-actions[b-arpz4q1tec] {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

.sponsor-btn[b-arpz4q1tec] {
    padding: 6px 14px;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.sponsor-btn-primary[b-arpz4q1tec] {
    background: #6f42c1;
    color: white;
}

.sponsor-btn-primary:hover[b-arpz4q1tec] {
    background: #5a32a3;
    color: white;
    text-decoration: none;
    transform: translateY(-1px);
}

.sponsor-btn-secondary[b-arpz4q1tec] {
    background: #495057;
    color: white;
}

.sponsor-btn-danger[b-arpz4q1tec] {
    background: #dc3545;
    color: white;
}

.sponsor-btn-danger:hover[b-arpz4q1tec] {
    background: #c82333;
    color: white;
    text-decoration: none;
    transform: translateY(-1px);
}

.sponsor-btn-reassign[b-arpz4q1tec] {
    background: #7B3FF2;
    color: white;
}

.sponsor-btn-reassign:hover[b-arpz4q1tec] {
    background: #6a2dd8;
    color: white;
    text-decoration: none;
    transform: translateY(-1px);
}

/* ── Status badges ── */
.status-badge[b-arpz4q1tec] {
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
}

.status-replied[b-arpz4q1tec] {
    background: #d4edda;
    color: #155724;
}

.status-pending[b-arpz4q1tec] {
    background: #fff3cd;
    color: #856404;
}

/* ── Empty state ── */
.sm-empty[b-arpz4q1tec] {
    display: block;
    text-align: center;
    padding: 40px;
    color: #666;
    font-size: 16px;
}

.sm-empty svg[b-arpz4q1tec] {
    display: block;
    margin: 0 auto 15px auto;
}

/* ── Pagination ── */
.sm-pagination[b-arpz4q1tec] {
    background: #f9f4ff;
    padding: 15px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sm-page-btns[b-arpz4q1tec] {
    display: flex;
    gap: 8px;
}

.sm-page-btn[b-arpz4q1tec] {
    background: white;
    border: 1px solid #ddd;
    color: #330033;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
}

.sm-page-btn:disabled[b-arpz4q1tec] {
    opacity: 0.5;
    cursor: default;
}

/* ══════════ Modals ══════════ */
.smodal[b-arpz4q1tec] {
    position: fixed;
    z-index: 10001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    padding-top: 30px;
}

.smodal-panel[b-arpz4q1tec] {
    background: white;
    border-radius: 12px;
    margin: 50px auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.smodal-panel-view[b-arpz4q1tec] {
    width: 700px;
    max-width: 90%;
}

.smodal-panel-reply[b-arpz4q1tec] {
    margin: 2% auto;
    width: 60%;
    max-width: 750px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    border: 1px solid #888;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.smodal-panel-comment[b-arpz4q1tec] {
    width: 600px;
    max-width: 90%;
}

.smodal-panel-reassign[b-arpz4q1tec] {
    width: 600px;
    max-width: 90%;
}

.smodal-panel-confirm[b-arpz4q1tec] {
    width: 450px;
    max-width: 90%;
}

.smodal-head[b-arpz4q1tec] {
    color: white;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.smodal-head h3[b-arpz4q1tec] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

.smodal-head-purple[b-arpz4q1tec] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
    padding: 20px;
}

.smodal-head-dark[b-arpz4q1tec] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
}

.smodal-head-danger[b-arpz4q1tec] {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
}

.smodal-x[b-arpz4q1tec] {
    background: none;
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.2s;
    line-height: 1;
}

.smodal-x:hover[b-arpz4q1tec] {
    opacity: 1;
}

.smodal-body[b-arpz4q1tec] {
    padding: 25px;
    background: white;
}

.smodal-body-view[b-arpz4q1tec] {
    max-height: 500px;
    overflow-y: auto;
}

.smodal-body-reply[b-arpz4q1tec] {
    padding: 20px;
    flex: 1;
    overflow-y: auto;
}

.smodal-foot[b-arpz4q1tec] {
    padding: 15px 25px;
    border-top: 1px solid #dee2e6;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.smodal-foot-right[b-arpz4q1tec] {
    justify-content: flex-end;
}

.smodal-foot-split[b-arpz4q1tec] {
    justify-content: space-between;
}

.sm-btn-close[b-arpz4q1tec] {
    background: #6c757d;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
}

/* ── View details ── */
.sm-detail-table[b-arpz4q1tec] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.sm-detail-label[b-arpz4q1tec] {
    font-weight: 600;
    width: 120px;
    color: #666;
}

.sm-detail-label-top[b-arpz4q1tec] {
    vertical-align: top;
}

.sm-detail-message[b-arpz4q1tec] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 6px;
    border-left: 3px solid #6f42c1;
}

.sm-detail-response[b-arpz4q1tec] {
    background: #e8f4e8;
    padding: 15px;
    border-radius: 6px;
    border-left: 3px solid #28a745;
}

.sm-detail-comment[b-arpz4q1tec] {
    background: #fff3cd;
    padding: 15px;
    border-radius: 6px;
    border-left: 3px solid #ffc107;
}

/* ── Reply modal ── */
.sm-prev-toggle[b-arpz4q1tec] {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #495057;
    text-decoration: none;
}

.sm-prev-body[b-arpz4q1tec] {
    margin-top: 10px;
}

.sm-prev-box[b-arpz4q1tec] {
    background-color: #f8f9fa;
    color: #2c3e50;
    border-radius: 6px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    padding: 12px;
    max-height: 150px;
    overflow-y: auto;
    border-left: 3px solid #6f42c1;
    font-size: 13px;
    line-height: 1.5;
    white-space: pre-wrap;
}

.sm-prev-hr[b-arpz4q1tec] {
    margin: 10px 0;
    border: none;
    border-top: 1px solid #dee2e6;
}

.sm-reply-table[b-arpz4q1tec] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.sm-reply-label[b-arpz4q1tec] {
    width: 60px;
    vertical-align: middle;
    font-size: 14px;
    color: #495057;
}

.sm-reply-input[b-arpz4q1tec] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.sm-reply-field label[b-arpz4q1tec] {
    font-size: 14px;
    color: #495057;
    margin-bottom: 5px;
    display: block;
}

.sm-reply-editor[b-arpz4q1tec] {
    width: 100%;
    height: 250px;
}

.sm-ccbcc-toggle[b-arpz4q1tec] {
    cursor: pointer;
    font-size: 13px;
    color: #6c757d;
    text-decoration: none;
}

.sm-ccbcc-body[b-arpz4q1tec] {
    margin-top: 10px;
}

.sm-ccbcc-row[b-arpz4q1tec] {
    margin-bottom: 10px;
}

.sm-ccbcc-row label[b-arpz4q1tec] {
    display: inline-block;
    width: 60px;
    font-size: 14px;
    color: #495057;
}

.sm-ccbcc-input[b-arpz4q1tec] {
    width: calc(100% - 65px);
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.sm-reply-send-btns[b-arpz4q1tec] {
    display: flex;
    gap: 10px;
}

.sm-btn-draft[b-arpz4q1tec] {
    background: white;
    color: #330033;
    border: 1px solid #330033;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.sm-btn-draft:hover[b-arpz4q1tec] {
    background: #f8f9fa;
}

.sm-btn-send[b-arpz4q1tec] {
    background: #330033;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: background 0.2s;
    font-weight: 500;
}

.sm-btn-send:hover[b-arpz4q1tec] {
    background: #4a004a;
}

.sm-btn-send:disabled[b-arpz4q1tec] {
    opacity: 0.6;
    cursor: default;
}

/* ── Staff note modal ── */
.sm-comment-help[b-arpz4q1tec] {
    color: #666;
    margin: 0 0 15px 0;
}

.sm-comment-textarea[b-arpz4q1tec] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: inherit;
}

.sm-btn-save-note[b-arpz4q1tec] {
    background: #6f42c1;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 6px;
    cursor: pointer;
}

/* ── Re-assign modal ── */
.sm-topic-grid[b-arpz4q1tec] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.sm-topic-grid th[b-arpz4q1tec] {
    background: #330033;
    color: white;
    padding: 10px 12px;
    text-align: left;
}

.sm-topic-grid td[b-arpz4q1tec] {
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
}

.assign-btn[b-arpz4q1tec] {
    background: #7B3FF2;
    color: white;
    padding: 5px 15px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    transition: background 0.3s;
}

.assign-btn:hover[b-arpz4q1tec] {
    background: #6a2dd8;
    color: white;
    text-decoration: none;
}

/* ── Spam confirm modal ── */
.sm-btn-spam-confirm[b-arpz4q1tec] {
    background: #dc3545;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.sm-btn-spam-confirm:hover[b-arpz4q1tec] {
    background: #c82333;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MessagesFromVenues.cshtml.rz.scp.css */
/* ============================================================
   Venue Inquiries — Scoped CSS (legacy admin/MessagesFromVenues.aspx)
   Legacy colors preserved: header #330033→#4a004a, accent #6f42c1,
   message #f9f4ff, response #e8f4e8, note #fff3cd, re-assign #7B3FF2.
   ============================================================ */

.vm-app[b-pshv689kt3] {
    font-family: 'Segoe UI', Roboto, sans-serif;
}

.vm-container[b-pshv689kt3] {
    max-width: 1200px;
    margin: 20px auto;
}

/* ── Card header ── */
.vm-header[b-pshv689kt3] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 20px 25px;
    border-radius: 8px 8px 0 0;
}

.vm-header h2[b-pshv689kt3] {
    margin: 0;
    font-weight: 600;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.vm-header-icon[b-pshv689kt3] {
    width: 22px;
    height: 22px;
}

.vm-header p[b-pshv689kt3] {
    margin: 8px 0 0 0;
    opacity: 0.9;
    font-size: 0.95rem;
}

/* ── Page-load error alert (actions use toasts) ── */
.vm-alert[b-pshv689kt3] {
    padding: 20px;
    color: white;
    margin-bottom: 15px;
    border-radius: 4px;
}

.vm-alert-danger[b-pshv689kt3] {
    background-color: #f44336;
}

.vm-alert-close[b-pshv689kt3] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.vm-alert-close:hover[b-pshv689kt3] {
    color: black;
}

/* ── Stats ── */
.vm-stats-wrap[b-pshv689kt3] {
    background: #f9f4ff;
    padding: 20px;
}

.stats-container[b-pshv689kt3] {
    display: flex;
    gap: 20px;
}

.stat-card[b-pshv689kt3] {
    background: white;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #e1e4e8;
    flex: 1;
    text-align: center;
}

.stat-number[b-pshv689kt3] {
    font-size: 28px;
    font-weight: bold;
    color: #6f42c1;
}

.stat-label[b-pshv689kt3] {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

/* ── Filter bar ── */
.vm-filter-bar[b-pshv689kt3] {
    padding: 15px 25px;
    background: white;
    border-bottom: 1px solid #eee;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
}

.vm-search-input[b-pshv689kt3] {
    width: 400px;
    padding: 10px 15px 10px 40px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 0.95rem;
    background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23330033" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') no-repeat 12px center;
}

.vm-status-select[b-pshv689kt3] {
    width: 160px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: white;
    color: #330033;
    font-size: 0.95rem;
    cursor: pointer;
}

.vm-filter-actions[b-pshv689kt3] {
    margin-left: auto;
    display: flex;
    gap: 10px;
}

.vm-btn-filter[b-pshv689kt3] {
    background: #330033;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: background 0.2s;
}

.vm-btn-filter:hover[b-pshv689kt3] {
    background: #4a004a;
}

.vm-btn-refresh[b-pshv689kt3] {
    background: white;
    color: #330033;
    border: 1px solid #330033;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.vm-btn-refresh:hover[b-pshv689kt3] {
    background: #f8f9fa;
}

/* ── Messages list ── */
.vm-list[b-pshv689kt3] {
    background: white;
    padding: 20px;
}

.compact-message-row[b-pshv689kt3] {
    background: white;
    border: 1px solid #e1e4e8;
    margin-bottom: 8px;
    padding: 15px;
    border-radius: 8px;
    transition: all 0.2s ease;
    position: relative;
}

.compact-message-row:hover[b-pshv689kt3] {
    background: #f8f9fa;
    border-color: #6f42c1;
    box-shadow: 0 2px 8px rgba(111, 66, 193, 0.15);
}

.venue-header[b-pshv689kt3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.venue-info[b-pshv689kt3] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.venue-avatar[b-pshv689kt3] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    flex-shrink: 0;
}

.venue-contact[b-pshv689kt3] {
    display: flex;
    flex-direction: column;
}

.venue-name[b-pshv689kt3] {
    font-weight: 600;
    color: #330033;
    font-size: 16px;
}

.venue-email[b-pshv689kt3] {
    color: #8b7aa6;
    font-size: 14px;
    text-decoration: none;
}

.venue-email:hover[b-pshv689kt3] {
    color: #330033;
    text-decoration: underline;
}

.venue-meta[b-pshv689kt3] {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 13px;
    color: #666;
}

.venue-meta svg[b-pshv689kt3] {
    vertical-align: -2px;
}

.venue-message[b-pshv689kt3] {
    background: #f9f4ff;
    padding: 12px;
    border-radius: 6px;
    margin: 10px 0;
    border-left: 3px solid #6f42c1;
    line-height: 1.6;
}

.venue-response[b-pshv689kt3] {
    background: #e8f4e8;
    padding: 12px;
    border-radius: 6px;
    margin: 10px 0;
    border-left: 3px solid #28a745;
    line-height: 1.6;
}

.venue-staff-comment[b-pshv689kt3] {
    background: #fff3cd;
    padding: 10px;
    border-radius: 6px;
    margin: 10px 0;
    border-left: 3px solid #ffc107;
    font-size: 14px;
    font-style: italic;
}

.venue-actions[b-pshv689kt3] {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

.venue-btn[b-pshv689kt3] {
    padding: 6px 14px;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.venue-btn-primary[b-pshv689kt3] {
    background: #6f42c1;
    color: white;
}

.venue-btn-primary:hover[b-pshv689kt3] {
    background: #5a32a3;
    color: white;
    text-decoration: none;
    transform: translateY(-1px);
}

.venue-btn-secondary[b-pshv689kt3] {
    background: #495057;
    color: white;
}

.venue-btn-danger[b-pshv689kt3] {
    background: #dc3545;
    color: white;
}

.venue-btn-danger:hover[b-pshv689kt3] {
    background: #c82333;
    color: white;
    text-decoration: none;
    transform: translateY(-1px);
}

.venue-btn-reassign[b-pshv689kt3] {
    background: #7B3FF2;
    color: white;
}

.venue-btn-reassign:hover[b-pshv689kt3] {
    background: #6a2dd8;
    color: white;
    text-decoration: none;
    transform: translateY(-1px);
}

/* ── Status badges ── */
.status-badge[b-pshv689kt3] {
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
}

.status-replied[b-pshv689kt3] {
    background: #d4edda;
    color: #155724;
}

.status-pending[b-pshv689kt3] {
    background: #fff3cd;
    color: #856404;
}

/* ── Empty state ── */
.vm-empty[b-pshv689kt3] {
    display: block;
    text-align: center;
    padding: 40px;
    color: #666;
    font-size: 16px;
}

.vm-empty svg[b-pshv689kt3] {
    display: block;
    margin: 0 auto 15px auto;
}

/* ── Pagination ── */
.vm-pagination[b-pshv689kt3] {
    background: #f9f4ff;
    padding: 15px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vm-page-btns[b-pshv689kt3] {
    display: flex;
    gap: 8px;
}

.vm-page-btn[b-pshv689kt3] {
    background: white;
    border: 1px solid #ddd;
    color: #330033;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
}

.vm-page-btn:disabled[b-pshv689kt3] {
    opacity: 0.5;
    cursor: default;
}

/* ══════════ Modals ══════════ */
.vmodal[b-pshv689kt3] {
    position: fixed;
    z-index: 10001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    padding-top: 30px;
}

.vmodal-panel[b-pshv689kt3] {
    background: white;
    border-radius: 12px;
    margin: 50px auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.vmodal-panel-view[b-pshv689kt3] {
    width: 700px;
    max-width: 90%;
}

.vmodal-panel-reply[b-pshv689kt3] {
    margin: 2% auto;
    width: 60%;
    max-width: 750px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    border: 1px solid #888;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.vmodal-panel-comment[b-pshv689kt3] {
    width: 600px;
    max-width: 90%;
}

.vmodal-panel-reassign[b-pshv689kt3] {
    width: 600px;
    max-width: 90%;
}

.vmodal-panel-confirm[b-pshv689kt3] {
    width: 450px;
    max-width: 90%;
}

.vmodal-head[b-pshv689kt3] {
    color: white;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.vmodal-head h3[b-pshv689kt3] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

.vmodal-head-purple[b-pshv689kt3] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
    padding: 20px;
}

.vmodal-head-dark[b-pshv689kt3] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
}

.vmodal-head-danger[b-pshv689kt3] {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
}

.vmodal-x[b-pshv689kt3] {
    background: none;
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.2s;
    line-height: 1;
}

.vmodal-x:hover[b-pshv689kt3] {
    opacity: 1;
}

.vmodal-body[b-pshv689kt3] {
    padding: 25px;
    background: white;
}

.vmodal-body-view[b-pshv689kt3] {
    max-height: 500px;
    overflow-y: auto;
}

.vmodal-body-reply[b-pshv689kt3] {
    padding: 20px;
    flex: 1;
    overflow-y: auto;
}

.vmodal-foot[b-pshv689kt3] {
    padding: 15px 25px;
    border-top: 1px solid #dee2e6;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.vmodal-foot-right[b-pshv689kt3] {
    justify-content: flex-end;
}

.vmodal-foot-split[b-pshv689kt3] {
    justify-content: space-between;
}

.vm-btn-close[b-pshv689kt3] {
    background: #6c757d;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
}

/* ── View details ── */
.vm-detail-table[b-pshv689kt3] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.vm-detail-label[b-pshv689kt3] {
    font-weight: 600;
    width: 120px;
    color: #666;
}

.vm-detail-label-top[b-pshv689kt3] {
    vertical-align: top;
}

.vm-detail-message[b-pshv689kt3] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 6px;
    border-left: 3px solid #6f42c1;
}

.vm-detail-response[b-pshv689kt3] {
    background: #e8f4e8;
    padding: 15px;
    border-radius: 6px;
    border-left: 3px solid #28a745;
}

.vm-detail-comment[b-pshv689kt3] {
    background: #fff3cd;
    padding: 15px;
    border-radius: 6px;
    border-left: 3px solid #ffc107;
}

/* ── Reply modal ── */
.vm-prev-toggle[b-pshv689kt3] {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #495057;
    text-decoration: none;
}

.vm-prev-body[b-pshv689kt3] {
    margin-top: 10px;
}

.vm-prev-box[b-pshv689kt3] {
    background-color: #f8f9fa;
    color: #2c3e50;
    border-radius: 6px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    padding: 12px;
    max-height: 150px;
    overflow-y: auto;
    border-left: 3px solid #6f42c1;
    font-size: 13px;
    line-height: 1.5;
    white-space: pre-wrap;
}

.vm-prev-hr[b-pshv689kt3] {
    margin: 10px 0;
    border: none;
    border-top: 1px solid #dee2e6;
}

.vm-reply-table[b-pshv689kt3] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.vm-reply-label[b-pshv689kt3] {
    width: 60px;
    vertical-align: middle;
    font-size: 14px;
    color: #495057;
}

.vm-reply-input[b-pshv689kt3] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.vm-reply-field label[b-pshv689kt3] {
    font-size: 14px;
    color: #495057;
    margin-bottom: 5px;
    display: block;
}

.vm-reply-editor[b-pshv689kt3] {
    width: 100%;
    height: 250px;
}

.vm-ccbcc-toggle[b-pshv689kt3] {
    cursor: pointer;
    font-size: 13px;
    color: #6c757d;
    text-decoration: none;
}

.vm-ccbcc-body[b-pshv689kt3] {
    margin-top: 10px;
}

.vm-ccbcc-row[b-pshv689kt3] {
    margin-bottom: 10px;
}

.vm-ccbcc-row label[b-pshv689kt3] {
    display: inline-block;
    width: 60px;
    font-size: 14px;
    color: #495057;
}

.vm-ccbcc-input[b-pshv689kt3] {
    width: calc(100% - 65px);
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.vm-reply-send-btns[b-pshv689kt3] {
    display: flex;
    gap: 10px;
}

.vm-btn-draft[b-pshv689kt3] {
    background: white;
    color: #330033;
    border: 1px solid #330033;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.vm-btn-draft:hover[b-pshv689kt3] {
    background: #f8f9fa;
}

.vm-btn-send[b-pshv689kt3] {
    background: #330033;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: background 0.2s;
    font-weight: 500;
}

.vm-btn-send:hover[b-pshv689kt3] {
    background: #4a004a;
}

.vm-btn-send:disabled[b-pshv689kt3] {
    opacity: 0.6;
    cursor: default;
}

/* ── Staff note modal ── */
.vm-comment-help[b-pshv689kt3] {
    color: #666;
    margin: 0 0 15px 0;
}

.vm-comment-textarea[b-pshv689kt3] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: inherit;
}

.vm-btn-save-note[b-pshv689kt3] {
    background: #6f42c1;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 6px;
    cursor: pointer;
}

/* ── Re-assign modal ── */
.vm-topic-grid[b-pshv689kt3] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.vm-topic-grid th[b-pshv689kt3] {
    background: #330033;
    color: white;
    padding: 10px 12px;
    text-align: left;
}

.vm-topic-grid td[b-pshv689kt3] {
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
}

.assign-btn[b-pshv689kt3] {
    background: #7B3FF2;
    color: white;
    padding: 5px 15px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    transition: background 0.3s;
}

.assign-btn:hover[b-pshv689kt3] {
    background: #6a2dd8;
    color: white;
    text-decoration: none;
}

/* ── Spam confirm modal ── */
.vm-btn-spam-confirm[b-pshv689kt3] {
    background: #dc3545;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.vm-btn-spam-confirm:hover[b-pshv689kt3] {
    background: #c82333;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MessagesWithRefundRequests.cshtml.rz.scp.css */
/* ============================================================
   Messages With Refund Requests — Scoped CSS
   Ports the legacy admin/MessagesWithRefundRequests.aspx #330033 / #6f42c1
   theme (refund cards, stat cards, status badges, modals) into the shared
   admin look. Scoped: Alpine <template x-for> rows carry the build-time
   scope attribute, so the generated cards/cells are styled too.
   ============================================================ */

.rfd-page[b-tnnkheaxfk] { max-width: 1200px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.rfd-page [x-cloak][b-tnnkheaxfk] { display: none !important; }

/* Header */
.rfd-card-header[b-tnnkheaxfk] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff; padding: 20px 25px;
    border-radius: 8px 8px 0 0;
}
.rfd-card-header h2[b-tnnkheaxfk] { margin: 0; font-weight: 600; font-size: 1.5rem; display: flex; align-items: center; gap: 10px; }
.rfd-card-header h2 i[b-tnnkheaxfk] { width: 24px; height: 24px; }
.rfd-card-header p[b-tnnkheaxfk] { margin: 8px 0 0 0; opacity: 0.9; font-size: 0.95rem; }

/* Stats */
.rfd-stats-wrap[b-tnnkheaxfk] { background: #f9f4ff; padding: 20px; }
.rfd-stats[b-tnnkheaxfk] { display: flex; gap: 20px; }
.rfd-stat-card[b-tnnkheaxfk] { background: #fff; padding: 15px; border-radius: 8px; border: 1px solid #e1e4e8; flex: 1; text-align: center; }
.rfd-stat-number[b-tnnkheaxfk] { font-size: 28px; font-weight: bold; color: #6f42c1; }
.rfd-stat-label[b-tnnkheaxfk] { font-size: 14px; color: #666; margin-top: 5px; }

/* Filter bar */
.rfd-filter-bar[b-tnnkheaxfk] {
    padding: 15px 25px; background: #fff; border-bottom: 1px solid #eee;
    display: flex; gap: 15px; align-items: center;
}
.rfd-search[b-tnnkheaxfk] {
    width: 400px; max-width: 100%; padding: 10px 15px; border: 1px solid #ddd; border-radius: 8px; font-size: 0.95rem; box-sizing: border-box;
}
.rfd-search:focus[b-tnnkheaxfk] { outline: none; border-color: #6f42c1; box-shadow: 0 0 0 2px rgba(111,66,193,0.1); }
.rfd-status[b-tnnkheaxfk] {
    width: 160px; padding: 10px 15px; border: 1px solid #ddd; border-radius: 8px; background: #fff;
    color: #330033; font-size: 0.95rem; cursor: pointer;
}
.rfd-filter-actions[b-tnnkheaxfk] { margin-left: auto; display: flex; gap: 10px; }
.rfd-btn-filter[b-tnnkheaxfk] { background: #330033; color: #fff; border: none; padding: 10px 20px; border-radius: 6px; cursor: pointer; font-size: 0.9rem; transition: background 0.2s; }
.rfd-btn-filter:hover[b-tnnkheaxfk] { background: #4a004a; }
.rfd-btn-refresh[b-tnnkheaxfk] { background: #fff; color: #330033; border: 1px solid #330033; padding: 10px 20px; border-radius: 6px; cursor: pointer; font-size: 0.9rem; transition: all 0.2s; }
.rfd-btn-refresh:hover[b-tnnkheaxfk] { background: #f8f9fa; }

/* Message list */
.rfd-list[b-tnnkheaxfk] { background: #fff; padding: 20px; }
.rfd-row[b-tnnkheaxfk] {
    background: #fff; border: 1px solid #e1e4e8; margin-bottom: 8px; padding: 15px; border-radius: 8px;
    transition: all 0.2s ease; position: relative;
}
.rfd-row:hover[b-tnnkheaxfk] { background: #f8f9fa; border-color: #6f42c1; box-shadow: 0 2px 8px rgba(111,66,193,0.15); }

.rfd-row-header[b-tnnkheaxfk] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; gap: 12px; flex-wrap: wrap; }
.rfd-info[b-tnnkheaxfk] { display: flex; align-items: center; gap: 15px; }
.rfd-avatar[b-tnnkheaxfk] {
    width: 40px; height: 40px; border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff;
    display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 16px; flex-shrink: 0;
}
.rfd-contact[b-tnnkheaxfk] { display: flex; flex-direction: column; }
.rfd-name[b-tnnkheaxfk] { font-weight: 600; color: #330033; font-size: 16px; }
.rfd-email[b-tnnkheaxfk] { color: #8b7aa6; font-size: 14px; text-decoration: none; }
.rfd-email:hover[b-tnnkheaxfk] { color: #330033; text-decoration: underline; }
.rfd-meta[b-tnnkheaxfk] { display: flex; align-items: center; gap: 20px; font-size: 13px; color: #666; flex-wrap: wrap; }
.rfd-meta i[b-tnnkheaxfk] { width: 14px; height: 14px; vertical-align: middle; }

.rfd-badge[b-tnnkheaxfk] { padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: 500; display: inline-block; }
.rfd-badge-replied[b-tnnkheaxfk] { background: #d4edda; color: #155724; }
.rfd-badge-pending[b-tnnkheaxfk] { background: #fff3cd; color: #856404; }

.rfd-message[b-tnnkheaxfk] { background: #f9f4ff; padding: 12px; border-radius: 6px; margin: 10px 0; border-left: 3px solid #6f42c1; line-height: 1.6; word-break: break-word; }
.rfd-response[b-tnnkheaxfk] { background: #e8f4e8; padding: 12px; border-radius: 6px; margin: 10px 0; border-left: 3px solid #28a745; line-height: 1.6; word-break: break-word; }
.rfd-response i[b-tnnkheaxfk] { width: 14px; height: 14px; vertical-align: middle; }
.rfd-staff-comment[b-tnnkheaxfk] { background: #fff3cd; padding: 10px; border-radius: 6px; margin: 10px 0; border-left: 3px solid #ffc107; font-size: 14px; font-style: italic; word-break: break-word; }
.rfd-staff-comment i[b-tnnkheaxfk] { width: 14px; height: 14px; vertical-align: middle; }

.rfd-actions[b-tnnkheaxfk] { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.rfd-act[b-tnnkheaxfk] {
    padding: 6px 14px; border: none; border-radius: 4px; font-size: 13px; cursor: pointer; transition: all 0.2s;
    font-weight: 500; display: inline-flex; align-items: center; gap: 5px;
}
.rfd-act i[b-tnnkheaxfk] { width: 14px; height: 14px; }
.rfd-act-primary[b-tnnkheaxfk] { background: #6f42c1; color: #fff; }
.rfd-act-primary:hover[b-tnnkheaxfk] { background: #5a32a3; transform: translateY(-1px); }
.rfd-act-secondary[b-tnnkheaxfk] { background: #495057; color: #fff; }
.rfd-act-secondary:hover[b-tnnkheaxfk] { background: #343a40; transform: translateY(-1px); }
.rfd-act-danger[b-tnnkheaxfk] { background: #dc3545; color: #fff; }
.rfd-act-danger:hover[b-tnnkheaxfk] { background: #c82333; transform: translateY(-1px); }
.rfd-act-reassign[b-tnnkheaxfk] { background: #7B3FF2; color: #fff; }
.rfd-act-reassign:hover[b-tnnkheaxfk] { background: #6a2dd8; transform: translateY(-1px); }

.rfd-empty[b-tnnkheaxfk] { text-align: center; padding: 40px; color: #666; font-size: 16px; }
.rfd-empty-big i[b-tnnkheaxfk] { width: 48px; height: 48px; color: #ddd; display: block; margin: 0 auto 15px auto; }

/* Paging */
.rfd-paging[b-tnnkheaxfk] { background: #f9f4ff; padding: 15px 25px; display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; border-radius: 0 0 8px 8px; }
.rfd-paging-btns[b-tnnkheaxfk] { display: flex; gap: 8px; }
.rfd-paging-btns button[b-tnnkheaxfk] { background: #fff; border: 1px solid #ddd; color: #330033; padding: 8px 14px; border-radius: 6px; cursor: pointer; font-size: 0.9rem; }
.rfd-paging-btns button:hover:not(:disabled)[b-tnnkheaxfk] { background: #f3e8f3; }
.rfd-paging-btns button:disabled[b-tnnkheaxfk] { opacity: 0.4; cursor: default; }

/* ── Modals ── */
.rfd-modal-overlay[b-tnnkheaxfk] {
    display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.5); align-items: flex-start; justify-content: center; padding: 20px; overflow: auto;
}
.rfd-modal-overlay.open[b-tnnkheaxfk] { display: flex; }
.rfd-modal[b-tnnkheaxfk] { background: #fff; width: 92%; max-width: 640px; border-radius: 12px; margin: 20px auto; box-shadow: 0 12px 40px rgba(0,0,0,0.25); max-height: calc(100vh - 40px); display: flex; flex-direction: column; }
.rfd-modal.rfd-modal-wide[b-tnnkheaxfk] { max-width: 760px; }
.rfd-modal.rfd-modal-sm[b-tnnkheaxfk] { max-width: 480px; }
.rfd-modal-head[b-tnnkheaxfk] {
    padding: 15px 20px; background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff;
    border-radius: 12px 12px 0 0; display: flex; align-items: center; justify-content: space-between;
}
.rfd-modal-head-purple[b-tnnkheaxfk] { background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%); }
.rfd-modal-head-danger[b-tnnkheaxfk] { background: linear-gradient(135deg, #7a1020 0%, #b91c1c 100%); }
.rfd-modal-head h3[b-tnnkheaxfk] { margin: 0; font-size: 1.05rem; display: flex; align-items: center; gap: 8px; }
.rfd-modal-head h3 i[b-tnnkheaxfk] { width: 18px; height: 18px; }
.rfd-modal-head button[b-tnnkheaxfk] { background: transparent; border: none; color: #fff; font-size: 1.5rem; cursor: pointer; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; line-height: 1; }
.rfd-modal-head button:hover[b-tnnkheaxfk] { background: rgba(255,255,255,0.2); }
.rfd-modal-body[b-tnnkheaxfk] { padding: 20px 25px; overflow-y: auto; flex: 1; }
.rfd-modal-foot[b-tnnkheaxfk] { padding: 15px 25px; border-top: 1px solid #dee2e6; display: flex; gap: 8px; }
.rfd-foot-right[b-tnnkheaxfk] { justify-content: flex-end; }
.rfd-foot-split[b-tnnkheaxfk] { justify-content: space-between; align-items: center; }
.rfd-foot-right-group[b-tnnkheaxfk] { display: flex; gap: 10px; }

.rfd-lbl[b-tnnkheaxfk] { font-size: 14px; color: #495057; margin: 12px 0 4px 0; display: block; }
.rfd-input[b-tnnkheaxfk] { width: 100%; padding: 8px 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 0.9rem; font-family: inherit; box-sizing: border-box; }
.rfd-input:focus[b-tnnkheaxfk] { outline: none; border-color: #6f42c1; box-shadow: 0 0 0 2px rgba(111,66,193,0.1); }
.rfd-note-text[b-tnnkheaxfk] { resize: vertical; }
.rfd-note-help[b-tnnkheaxfk] { color: #666; margin: 0 0 15px 0; }

.rfd-collapse-toggle[b-tnnkheaxfk] { background: none; border: none; color: #495057; font-size: 14px; font-weight: 600; cursor: pointer; padding: 4px 0; }
.rfd-ccbcc-toggle[b-tnnkheaxfk] { background: none; border: none; color: #6f42c1; font-size: 13px; font-weight: 600; cursor: pointer; padding: 6px 0; }
.rfd-ccbcc-toggle:hover[b-tnnkheaxfk] { text-decoration: underline; }
.rfd-previous[b-tnnkheaxfk] { background: #f8f9fa; color: #2c3e50; border-radius: 6px; margin: 8px 0 0 0; padding: 12px; max-height: 150px; overflow-y: auto; border-left: 3px solid #6f42c1; font-size: 13px; line-height: 1.5; }
.rfd-hr[b-tnnkheaxfk] { margin: 12px 0; border: none; border-top: 1px solid #dee2e6; }

/* Buttons in modal footers */
.rfd-mbtn[b-tnnkheaxfk] { padding: 9px 20px; border: none; border-radius: 6px; font-size: 0.9rem; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.rfd-mbtn i[b-tnnkheaxfk] { width: 15px; height: 15px; }
.rfd-mbtn-grey[b-tnnkheaxfk] { background: #6c757d; color: #fff; }
.rfd-mbtn-purple[b-tnnkheaxfk] { background: #6f42c1; color: #fff; }
.rfd-mbtn-dark[b-tnnkheaxfk] { background: #330033; color: #fff; font-weight: 600; }
.rfd-mbtn-dark:hover[b-tnnkheaxfk] { background: #4a004a; }
.rfd-mbtn-outline[b-tnnkheaxfk] { background: #fff; color: #330033; border: 1px solid #330033; }
.rfd-mbtn-outline:hover[b-tnnkheaxfk] { background: #f8f9fa; }
.rfd-mbtn-danger[b-tnnkheaxfk] { background: linear-gradient(135deg, #7a1020 0%, #b91c1c 100%); color: #fff; }
.rfd-mbtn:disabled[b-tnnkheaxfk] { opacity: 0.55; cursor: not-allowed; }

/* View-details table */
.rfd-detail-table[b-tnnkheaxfk] { width: 100%; border-collapse: separate; border-spacing: 0 10px; }
.rfd-detail-label[b-tnnkheaxfk] { font-weight: 600; width: 120px; color: #666; vertical-align: middle; }
.rfd-detail-label.rfd-top[b-tnnkheaxfk] { vertical-align: top; }
.rfd-detail-msg[b-tnnkheaxfk] { background: #f8f9fa; padding: 15px; border-radius: 6px; border-left: 3px solid #6f42c1; word-break: break-word; }
.rfd-detail-resp[b-tnnkheaxfk] { background: #e8f4e8; padding: 15px; border-radius: 6px; border-left: 3px solid #28a745; word-break: break-word; }
.rfd-detail-note[b-tnnkheaxfk] { background: #fff3cd; padding: 15px; border-radius: 6px; border-left: 3px solid #ffc107; word-break: break-word; }

/* Topic (reassign) table */
.rfd-topic-table[b-tnnkheaxfk] { width: 100%; border-collapse: collapse; }
.rfd-topic-table th[b-tnnkheaxfk] { background: #330033; color: #fff; padding: 8px 12px; text-align: left; font-weight: 600; font-size: 0.85rem; }
.rfd-topic-table td[b-tnnkheaxfk] { padding: 8px 12px; border-bottom: 1px solid #eee; font-size: 0.85rem; }
.rfd-assign-link[b-tnnkheaxfk] { background: #7B3FF2; color: #fff; padding: 5px 15px; border-radius: 4px; text-decoration: none; display: inline-block; transition: background 0.3s; }
.rfd-assign-link:hover[b-tnnkheaxfk] { background: #6a2dd8; color: #fff; }

/* Confirm modal contents */
.rfd-confirm-lead[b-tnnkheaxfk] { font-size: 0.95rem; margin: 0 0 12px 0; }
.rfd-confirm-box[b-tnnkheaxfk] { background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: 12px 14px; margin: 10px 0; }
.rfd-confirm-box div[b-tnnkheaxfk] { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; font-size: 0.86rem; }
.rfd-confirm-box div span[b-tnnkheaxfk] { color: #666; flex-shrink: 0; }
.rfd-confirm-box div strong[b-tnnkheaxfk] { text-align: right; word-break: break-word; }
.rfd-confirm-warn[b-tnnkheaxfk] { display: flex; align-items: center; gap: 8px; color: #b91c1c; font-size: 0.82rem; margin: 10px 0 0 0; }
.rfd-confirm-warn i[b-tnnkheaxfk] { width: 16px; height: 16px; flex-shrink: 0; }

@media (max-width: 768px) {
    .rfd-stats[b-tnnkheaxfk] { flex-wrap: wrap; }
    .rfd-stat-card[b-tnnkheaxfk] { min-width: 40%; }
    .rfd-filter-bar[b-tnnkheaxfk] { flex-wrap: wrap; }
    .rfd-search[b-tnnkheaxfk] { width: 100%; }
    .rfd-filter-actions[b-tnnkheaxfk] { margin-left: 0; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/Messaging.cshtml.rz.scp.css */
/* ── Messaging Page Scoped CSS ──
   Replaces: all inline <style> from legacy admin/Messaging.aspx
   Route: /myonlylogin/messaging
*/

[x-cloak][b-3dsu2argj5] { display: none !important; }

/* ── Compact Message List Styles ── */
.compact-message-row[b-3dsu2argj5] {
    background: white;
    border: 1px solid #e1e4e8;
    margin-bottom: 2px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
    position: relative;
    min-height: 50px;
}

.compact-message-row:hover[b-3dsu2argj5] {
    background: #f8f9fa;
    border-color: #6f42c1;
    box-shadow: 0 1px 3px rgba(111, 66, 193, 0.1);
}

.compact-checkbox[b-3dsu2argj5] {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    flex-shrink: 0;
}

.compact-message-id[b-3dsu2argj5] {
    width: 45px;
    color: #666;
    font-size: 12px;
    margin-right: 10px;
    flex-shrink: 0;
}

.compact-subject-badge[b-3dsu2argj5] {
    width: 100px;
    padding: 3px 8px;
    background: #f0e5ff;
    border-radius: 3px;
    font-size: 12px;
    color: #330033;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 12px;
    text-align: center;
    flex-shrink: 0;
    font-weight: 500;
}

.compact-avatar[b-3dsu2argj5] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 13px;
    flex-shrink: 0;
    margin-right: 10px;
}

.compact-content-wrapper[b-3dsu2argj5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.compact-sender-line[b-3dsu2argj5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}

.compact-sender-name[b-3dsu2argj5] {
    font-weight: 600;
    color: #330033;
    font-size: 14px;
}

.compact-sender-email[b-3dsu2argj5] {
    color: #8b7aa6;
    font-size: 13px;
    text-decoration: none;
    font-style: italic;
}

.compact-sender-email:hover[b-3dsu2argj5] {
    color: #330033;
    text-decoration: underline;
}

.compact-message-text[b-3dsu2argj5] {
    color: #2c2c2c;
    line-height: 1.5;
    font-size: 14px;
    padding-right: 10px;
    font-weight: 400;
    background: #f0e5ff;
    padding: 6px 10px;
    border-radius: 4px;
    margin-left: -5px;
    border-left: 2px solid #d4c1f0;
}

.compact-meta-section[b-3dsu2argj5] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    flex-shrink: 0;
}

.compact-location-time[b-3dsu2argj5] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    min-width: 140px;
}

.compact-timestamp[b-3dsu2argj5] {
    color: #888;
    font-size: 12px;
    white-space: nowrap;
}

.compact-location[b-3dsu2argj5] {
    color: #999;
    font-size: 11px;
    white-space: nowrap;
}

.ip-address-clickable[b-3dsu2argj5] {
    color: #6f42c1;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 3px;
    transition: all 0.2s;
    font-weight: 500;
}

.ip-address-clickable:hover[b-3dsu2argj5] {
    background: #f0e5ff;
    color: #330033;
    text-decoration: underline;
}

.ip-address-clickable:active[b-3dsu2argj5] {
    background: #6f42c1;
    color: white;
}

/* ── Action Buttons ── */
.compact-action-buttons[b-3dsu2argj5] {
    display: flex;
    gap: 4px;
}

.compact-btn[b-3dsu2argj5] {
    padding: 4px 10px;
    border: none;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.compact-btn-primary[b-3dsu2argj5] {
    background: #6f42c1;
    color: white;
}

.compact-btn-primary:hover[b-3dsu2argj5] {
    background: #5a32a3;
    color: white;
    text-decoration: none;
}

.compact-btn-secondary[b-3dsu2argj5] {
    background: #495057;
    color: white;
}

.compact-btn-secondary:hover[b-3dsu2argj5] {
    background: #343a40;
    color: white;
    text-decoration: none;
}

.compact-btn-dark[b-3dsu2argj5] {
    background: #212529;
    color: white;
}

.compact-btn-dark:hover[b-3dsu2argj5] {
    background: #000;
    color: white;
    text-decoration: none;
}

.compact-btn-danger[b-3dsu2argj5] {
    background: #dc3545;
    color: white;
}

.compact-btn-danger:hover[b-3dsu2argj5] {
    background: #c82333;
    color: white;
    text-decoration: none;
}

/* ── Text Selection Popup ── */
#text-selection-popup[b-3dsu2argj5] {
    position: absolute;
    display: none;
    background: white;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 10000;
    padding: 4px;
}

#text-selection-popup button[b-3dsu2argj5] {
    display: block;
    width: 100%;
    padding: 8px 16px;
    border: none;
    background: white;
    cursor: pointer;
    text-align: left;
    font-size: 13px;
    color: #333;
    border-radius: 4px;
    transition: background 0.2s;
}

#text-selection-popup button:hover[b-3dsu2argj5] {
    background: #f0e5ff;
    color: #330033;
}

#text-selection-popup button:first-child[b-3dsu2argj5] {
    border-bottom: 1px solid #eee;
}

#text-selection-popup button svg[b-3dsu2argj5] {
    margin-right: 8px;
    vertical-align: middle;
}

/* ── Assign Button ── */
.assign-btn[b-3dsu2argj5] {
    background: #6f42c1;
    color: white !important;
    padding: 5px 14px;
    border-radius: 4px;
    text-decoration: none !important;
    transition: all 0.2s;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
}

.assign-btn:hover[b-3dsu2argj5] {
    background: #5a32a3;
    transform: translateX(3px);
    color: white !important;
    text-decoration: none !important;
    box-shadow: 0 2px 4px rgba(111, 66, 193, 0.2);
}

.assign-btn:active[b-3dsu2argj5] {
    transform: translateX(1px);
}

/* ── View Message Modal ── */
.view-modal-panel[b-3dsu2argj5] {
    background: white;
    border-radius: 12px;
    width: 600px !important;
    max-width: 90% !important;
    margin: 100px auto;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 80vh;
    position: relative !important;
}

.view-modal-header[b-3dsu2argj5] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
    color: white;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view-modal-body[b-3dsu2argj5] {
    padding: 25px;
    overflow-y: auto;
    flex: 1;
    background: white;
}

.view-info-section[b-3dsu2argj5] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.view-info-row[b-3dsu2argj5] {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e1e4e8;
}

.view-info-row:last-child[b-3dsu2argj5] {
    border-bottom: none;
}

.view-info-label[b-3dsu2argj5] {
    font-weight: 600;
    color: #6c757d;
    width: 100px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.view-info-value[b-3dsu2argj5] {
    color: #2c3e50;
    flex: 1;
}

.view-message-content[b-3dsu2argj5] {
    background: #f0e5ff;
    border-left: 4px solid #6f42c1;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
    color: #2c3e50;
    line-height: 1.6;
}

.view-modal-footer[b-3dsu2argj5] {
    background: #f8f9fa;
    padding: 15px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #dee2e6;
}

/* ── Generic Modal ── */
.modal[b-3dsu2argj5] {
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.modal-content[b-3dsu2argj5] {
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
    animation-name: animatetop-b-3dsu2argj5;
    animation-duration: 0.4s;
}

.close[b-3dsu2argj5] {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    cursor: pointer;
    background: none;
    border: none;
}

.close:hover[b-3dsu2argj5],
.close:focus[b-3dsu2argj5] {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header[b-3dsu2argj5] {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}

.modal-body[b-3dsu2argj5] {
    padding: 20px;
    max-height: calc(100vh - 195px);
    overflow-y: auto;
}

.modal-footer[b-3dsu2argj5] {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

/* ── Spam Detection Button ── */
.spam-detection-button[b-3dsu2argj5] {
    background: rgba(255,255,255,0.2) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    color: white !important;
    padding: 6px 14px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.9rem;
    text-decoration: none !important;
    transition: all 0.2s;
}

.spam-detection-button:hover[b-3dsu2argj5] {
    background: rgba(255,255,255,0.3) !important;
    border-color: rgba(255,255,255,0.5) !important;
    transform: translateY(-1px);
}

.info-icon-btn[b-3dsu2argj5] {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 1rem;
    padding: 0 5px;
    opacity: 0.8;
    transition: opacity 0.2s;
}

.info-icon-btn:hover[b-3dsu2argj5] {
    opacity: 1;
}

/* ── Spam Info Modal ── */
.spam-info-modal[b-3dsu2argj5] {
    position: fixed;
    z-index: 10001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    animation: fadeIn-b-3dsu2argj5 0.2s;
}

.spam-info-modal-content[b-3dsu2argj5] {
    background-color: white;
    margin: 5% auto;
    border-radius: 12px;
    width: 90%;
    max-width: 800px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    animation: slideDown-b-3dsu2argj5 0.3s;
    max-height: 85vh;
    overflow-y: auto;
}

.spam-info-modal-header[b-3dsu2argj5] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 20px 25px;
    border-radius: 12px 12px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.spam-info-modal-header h3[b-3dsu2argj5] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

.spam-info-modal-close[b-3dsu2argj5] {
    color: white;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s;
}

.spam-info-modal-close:hover[b-3dsu2argj5] {
    background: rgba(255,255,255,0.2);
}

.spam-info-modal-body[b-3dsu2argj5] {
    padding: 30px;
    color: #2c3e50;
    line-height: 1.6;
}

.spam-info-panel[b-3dsu2argj5] {
    background: #f0e5ff;
    border-left: 4px solid #6f42c1;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.spam-info-panel h4[b-3dsu2argj5] {
    margin-top: 0;
    color: #330033;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

.spam-info-panel ul[b-3dsu2argj5] {
    margin: 15px 0;
    padding-left: 20px;
}

.spam-info-panel li[b-3dsu2argj5] {
    margin-bottom: 8px;
}

.spam-example-box[b-3dsu2argj5] {
    background: white;
    padding: 15px;
    border-radius: 4px;
    margin: 15px 0;
    border: 1px solid #e0e0e0;
}

/* ── Animations ── */
@keyframes fadeIn-b-3dsu2argj5 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideDown-b-3dsu2argj5 {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes animatetop-b-3dsu2argj5 {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MetBeforeSearch.cshtml.rz.scp.css */
/* ============================================================
   Met Before Search — Scoped CSS
   Legacy palette preserved: header/button #330033, GridView header
   #330033/white, alternating rows #E0C1FF (legacy AlternatingRowStyle),
   large event-name label above each grid.
   ============================================================ */

.mbs-wrapper[b-lj1bihgu7h] { max-width: 100%; }

/* Header */
.mbs-header[b-lj1bihgu7h] {
    display: flex;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a1a4a 55%, #5b2c6f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.mbs-header-left[b-lj1bihgu7h] { display: flex; align-items: center; gap: 14px; }
.mbs-header-icon[b-lj1bihgu7h] { width: 32px; height: 32px; opacity: 0.85; }
.mbs-header-left h1[b-lj1bihgu7h] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.mbs-header-sub[b-lj1bihgu7h] { font-size: 0.85rem; opacity: 0.8; margin-top: 2px; }

/* Error banner */
.mbs-error-banner[b-lj1bihgu7h] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* ── Search form ── */
.mbs-form-grid[b-lj1bihgu7h] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 18px;
}
.mbs-user-card[b-lj1bihgu7h] {
    background: #fff;
    border: 1px solid #e3d5f0;
    border-radius: 10px;
    padding: 16px 18px 18px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.mbs-user-title[b-lj1bihgu7h] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 1rem;
    font-weight: 700;
    color: #330033;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #efe4f7;
}

.mbs-field[b-lj1bihgu7h] { margin-bottom: 11px; }
.mbs-field > label[b-lj1bihgu7h] {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    color: #555;
    margin-bottom: 4px;
}
.mbs-field input[type="text"][b-lj1bihgu7h] {
    width: 100%;
    box-sizing: border-box;
    padding: 7px 10px;
    border: 1px solid #cbb9dd;
    border-radius: 6px;
    font-size: 0.85rem;
    color: #222;
}
.mbs-field input[type="text"]:focus[b-lj1bihgu7h] {
    outline: none;
    border-color: #330033;
    box-shadow: 0 0 0 2px rgba(51,0,51,0.12);
}

.mbs-phone-row[b-lj1bihgu7h] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.mbs-phone-row input[type="text"][b-lj1bihgu7h] { flex: 1 1 140px; }
.mbs-check[b-lj1bihgu7h] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8rem;
    font-weight: 500;
    color: #444;
    white-space: nowrap;
}
.mbs-check input[b-lj1bihgu7h] { margin: 0; }

/* ── Search button ── */
.mbs-actions[b-lj1bihgu7h] { text-align: center; margin: 6px 0 22px; }
.mbs-search-btn[b-lj1bihgu7h] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #330033;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 30px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}
.mbs-search-btn:hover[b-lj1bihgu7h] { background: #5b2c6f; }
.mbs-search-btn:disabled[b-lj1bihgu7h] { opacity: 0.55; cursor: not-allowed; }

/* ── Loading ── */
.mbs-loading[b-lj1bihgu7h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.mbs-spinner[b-lj1bihgu7h] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #330033;
    border-radius: 50%;
    animation: mbs-spin-b-lj1bihgu7h 0.7s linear infinite;
}
@keyframes mbs-spin-b-lj1bihgu7h { to { transform: rotate(360deg); } }

/* ── Results ── */
.mbs-event-block[b-lj1bihgu7h] { margin-bottom: 24px; }
.mbs-event-header[b-lj1bihgu7h] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.1rem;    /* legacy groupNameLabel Font-Size="Large" */
    font-weight: 700;
    color: #330033;
    margin: 0 2px 8px;
}
.mbs-event-link[b-lj1bihgu7h] {
    color: #330033;
    font-weight: 600;
    text-decoration: underline;
}
.mbs-event-link:hover[b-lj1bihgu7h] { color: #5b2c6f; }

.mbs-table-panel[b-lj1bihgu7h] {
    background: #fff;
    border: 1px solid #050931;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.mbs-table-wrap[b-lj1bihgu7h] { overflow-x: auto; }

.mbs-table[b-lj1bihgu7h] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.83rem;
}
/* Legacy GRIDVIEWHeading: BackColor #330033, ForeColor White */
.mbs-table th[b-lj1bihgu7h] {
    text-align: left;
    padding: 9px 12px;
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.76rem;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
.mbs-table td[b-lj1bihgu7h] {
    padding: 8px 12px;
    border-bottom: 1px solid #e3d5f0;
    color: #333;
    vertical-align: top;
}
/* Legacy AlternatingRowStyle BackColor="#E0C1FF" */
.mbs-table tr.mbs-alt td[b-lj1bihgu7h] { background-color: #E0C1FF; }

.mbs-col-num[b-lj1bihgu7h] { width: 46px; text-align: center; }
.mbs-col-age[b-lj1bihgu7h] { width: 46px; text-align: center; }
.mbs-nowrap[b-lj1bihgu7h] { white-space: nowrap; }

/* ── Empty state (legacy "No records found.") ── */
.mbs-empty[b-lj1bihgu7h] {
    padding: 30px 20px;
    text-align: center;
    color: #888;
    font-size: 0.9rem;
    background: #fff;
    border: 1px solid #e3d5f0;
    border-radius: 10px;
}

/* Responsive */
@media (max-width: 820px) {
    .mbs-form-grid[b-lj1bihgu7h] { grid-template-columns: 1fr; }
    .mbs-header[b-lj1bihgu7h] { flex-direction: column; text-align: center; gap: 10px; }
    .mbs-header-left[b-lj1bihgu7h] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MissingPictures.cshtml.rz.scp.css */
.mp-page[b-0frn61gvnh] { font-size: 13px; color: #222; }
.mp-title[b-0frn61gvnh] { color: #330033; margin: 0 0 12px; }

.mp-alert[b-0frn61gvnh] { padding: 14px 18px; color: #fff; margin: 12px 0; position: relative; border-radius: 4px; }
.mp-alert-danger[b-0frn61gvnh] { background: #f44336; }
.mp-alert-success[b-0frn61gvnh] { background: #04AA6D; }
.mp-closebtn[b-0frn61gvnh] { float: right; font-weight: bold; font-size: 20px; line-height: 16px; cursor: pointer; margin-left: 15px; }

.mp-stats[b-0frn61gvnh] { max-width: 420px; margin-left: auto; }
.mp-stats-title[b-0frn61gvnh] { background: #660032; color: #fff; text-align: center; font-weight: bold; padding: 6px; }
.mp-stats-table[b-0frn61gvnh] { width: 100%; border-collapse: collapse; }
.mp-stats-table th[b-0frn61gvnh] { background: #330033; color: #fff; padding: 10px; font-weight: bold; }
.mp-stats-table td[b-0frn61gvnh] { background: #F5ECFF; text-align: center; padding: 12px; }

.mp-actionsbar[b-0frn61gvnh] { display: flex; align-items: center; justify-content: space-between; margin: 14px 0; }
.mp-email-btn[b-0frn61gvnh] {
    display: inline-flex; align-items: center; gap: 6px;
    background: #330033; color: #fff; border: none; border-radius: 4px; padding: 8px 14px; cursor: pointer; font-size: 13px;
}
.mp-email-btn i[b-0frn61gvnh] { width: 16px; height: 16px; }
.mp-template-link[b-0frn61gvnh] { color: #330033; text-decoration: underline; }

.mp-table-wrap[b-0frn61gvnh] { overflow-x: auto; }
.mp-grid[b-0frn61gvnh] { width: 100%; border-collapse: collapse; }
.mp-grid th[b-0frn61gvnh] { background: #330033; color: #fff; font-weight: bold; padding: 8px; text-align: left; white-space: nowrap; }
.mp-grid td[b-0frn61gvnh] { background: #F5ECFF; color: #000; padding: 6px 8px; border-bottom: 1px solid #fff; vertical-align: middle; }
.mp-grid tr.mp-row-optout td[b-0frn61gvnh] { background: #f44336; color: #fff; }
.mp-grid tr.mp-row-optout a[b-0frn61gvnh] { color: #fff; }
.mp-qty-link[b-0frn61gvnh] { color: #330033; text-decoration: underline; }
.mp-empty[b-0frn61gvnh] { text-align: center; color: #666; background: #fff !important; padding: 16px; }

/* Modals */
.mp-modal[b-0frn61gvnh] { position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 100001; overflow: auto; padding-top: 80px; }
.mp-modal-box[b-0frn61gvnh] { background: #fff; border-radius: 6px; width: 60%; min-width: 340px; margin: 0 auto; box-shadow: 0 3px 9px rgba(0,0,0,.5); }
.mp-modal-narrow[b-0frn61gvnh] { width: 30%; min-width: 280px; }
.mp-modal-header[b-0frn61gvnh] { padding: 15px; border-bottom: 1px solid #e5e5e5; }
.mp-modal-header h3[b-0frn61gvnh] { margin: 0; color: #330033; }
.mp-modal-close[b-0frn61gvnh] { float: right; font-size: 21px; font-weight: bold; cursor: pointer; }
.mp-modal-body[b-0frn61gvnh] { padding: 20px; }
.mp-modal-field[b-0frn61gvnh] { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.mp-modal-field label[b-0frn61gvnh] { width: 70px; }
.mp-modal-field input[type="text"][b-0frn61gvnh],
.mp-modal-field input[type="email"][b-0frn61gvnh] { flex: 1; padding: 6px; border: 1px solid #ccc; border-radius: 3px; }
.mp-modal-field input[readonly][b-0frn61gvnh] { background: #f3f3f3; color: #444; cursor: default; }
.mp-modal-field-full[b-0frn61gvnh] { flex-direction: column; align-items: stretch; }
.mp-modal-field-full textarea[b-0frn61gvnh] { width: 100%; padding: 6px; border: 1px solid #ccc; border-radius: 3px; }
.mp-modal-note[b-0frn61gvnh] { margin: 6px 0 12px; color: #555; }
.mp-modal-actions[b-0frn61gvnh] { display: flex; gap: 12px; justify-content: flex-end; }
.mp-btn[b-0frn61gvnh] { background: #eee; border: 1px solid #ccc; border-radius: 4px; padding: 6px 16px; cursor: pointer; }
.mp-btn-primary[b-0frn61gvnh] { background: #330033; color: #fff; border-color: #330033; }
.mp-btn:disabled[b-0frn61gvnh] { opacity: .6; cursor: default; }
/* _content/NYMinuteDating-Net8/Pages/Admin/MissingPicturesTemplate.cshtml.rz.scp.css */
/* ============================================================
   Missing Pictures Template — Scoped CSS
   Adapted from legacy admin/MissingPicturesTemplate.aspx inline
   <style>: #placeholderList (#FAFAFA rows, #F3F3F3 stripes,
   #FFFDE3 hover with #DCDAC1 left border), .contact ellipsis,
   .alert banners (#f44336 / #04AA6D, white text, floating × )
   and the #330033 Save button.
   ============================================================ */

.mpt-page[b-qjzlx12hpf] {
    width: 100%;
}

/* ── Header ── */
.mpt-header[b-qjzlx12hpf] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.mpt-header-icon[b-qjzlx12hpf] {
    width: 28px;
    height: 28px;
    color: #330033;
    flex-shrink: 0;
}

.mpt-header h1[b-qjzlx12hpf] {
    margin: 0;
    font-size: 22px;
}

.mpt-header-sub[b-qjzlx12hpf] {
    margin: 2px 0 0;
    color: #3d2540;
    font-size: 13px;
}

/* ── Status banner (legacy .alert / .closebtn) ── */
.mpt-alert[b-qjzlx12hpf] {
    padding: 20px;
    color: white;
    margin-bottom: 15px;
}

.mpt-alert-danger[b-qjzlx12hpf] {
    background-color: #f44336;
}

.mpt-alert-success[b-qjzlx12hpf] {
    background-color: #04AA6D;
}

.mpt-closebtn[b-qjzlx12hpf] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    background: none;
    border: none;
    padding: 0;
}

.mpt-closebtn:hover[b-qjzlx12hpf] {
    color: black;
}

/* ── Subject ── */
.mpt-field[b-qjzlx12hpf] {
    margin-bottom: 14px;
}

.mpt-label[b-qjzlx12hpf] {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}

.mpt-subject[b-qjzlx12hpf] {
    width: 100%;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    margin-top: 5px;
    padding: 10px 6px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    min-height: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.mpt-subject:focus[b-qjzlx12hpf] {
    border-color: #330033;
    outline: 2px solid rgba(51, 0, 51, 0.15);
}

.hcard-token[b-qjzlx12hpf] {
    display: inline-block;
    background: #FFFDE3;
    border: 1px solid #DCDAC1;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 12px;
    cursor: default;
}

/* ── 70/30 layout (legacy nested tables: editor left, placeholders right) ── */
.mpt-grid[b-qjzlx12hpf] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
    gap: 16px;
    align-items: start;
}

.mpt-grid h3[b-qjzlx12hpf] {
    margin: 6px 0;
    font-size: 15px;
}

/* Body textarea before TinyMCE takes over */
.mpt-body-editor[b-qjzlx12hpf] {
    width: 100%;
    box-sizing: border-box;
    min-height: 200px;
}

/* ── Placeholder list (legacy #placeholderList / .contact) ── */
.mpt-placeholder-list[b-qjzlx12hpf] {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 300px;
    max-width: 100%;
}

.mpt-placeholder-list li[b-qjzlx12hpf] {
    background: #FAFAFA;
    margin-bottom: 1px;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
}

.mpt-placeholder-list li:nth-child(2n)[b-qjzlx12hpf] {
    background: #F3F3F3;
}

.mpt-placeholder-list li:hover[b-qjzlx12hpf] {
    background: #FFFDE3;
    border-left: 5px solid #DCDAC1;
    margin-left: -5px;
}

.mpt-contact[b-qjzlx12hpf] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    background: transparent;
    border: none;
    font: inherit;
    line-height: inherit;
    cursor: pointer;
    box-sizing: border-box;
}

/* ── Save button (legacy .button: #330033 on white) ── */
.mpt-save[b-qjzlx12hpf] {
    background-color: #330033;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 8px 28px;
    margin-top: 14px;
    font-size: 14px;
    cursor: pointer;
}

.mpt-save:hover[b-qjzlx12hpf] {
    background-color: #4a004a;
}

.mpt-save:disabled[b-qjzlx12hpf] {
    background-color: #888;
    cursor: default;
}

/* ── Small screens: stack the placeholder column ── */
@media (max-width: 900px) {
    .mpt-grid[b-qjzlx12hpf] {
        grid-template-columns: minmax(0, 1fr);
    }
    .mpt-placeholder-list[b-qjzlx12hpf] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MoveSignupsToEvent.cshtml.rz.scp.css */
/* ============================================================
   Move Signups To Event — Scoped CSS
   Ported from legacy admin/MoveSignupsToEvent.aspx (#330033 grid
   header, #E0C1FF alt rows). The legacy select2 dropdowns become
   Alpine typeahead pickers. CSS isolation scopes these class names
   to this page; x-for template rows inherit the build-time scope
   attribute so styling applies to them too.
   ============================================================ */

.ms-page[b-o47x1i4dgo] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1400px;
    margin: 0 auto;
    color: #2d3748;
}

/* ── Header ── */
.ms-header[b-o47x1i4dgo] { margin-bottom: 20px; }
.ms-header h1[b-o47x1i4dgo] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: #330033;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ms-header p[b-o47x1i4dgo] { margin: 6px 0 0; color: #3d2540; font-size: 0.9rem; }
.ms-h-icon[b-o47x1i4dgo] { width: 26px; height: 26px; }
.ms-inline-icon[b-o47x1i4dgo] { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }

/* ── Card ── */
.ms-card[b-o47x1i4dgo] {
    background: white;
    border: 1px solid #e2c9ff;
    border-radius: 8px;
    padding: 18px;
    margin-bottom: 18px;
}

/* ── Pickers ── */
.ms-pickers[b-o47x1i4dgo] {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    flex-wrap: wrap;
}
.ms-picker[b-o47x1i4dgo] { flex: 1; min-width: 260px; position: relative; }
.ms-label[b-o47x1i4dgo] { display: block; font-weight: 600; color: #330033; margin-bottom: 6px; font-size: 0.9rem; }
.ms-arrow[b-o47x1i4dgo] {
    align-self: center;
    color: #6f42c1;
    padding-top: 22px;
}
.ms-arrow i[b-o47x1i4dgo] { width: 26px; height: 26px; }

.ms-search-container[b-o47x1i4dgo] { position: relative; }
.ms-input[b-o47x1i4dgo] {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 34px 8px 12px;
    border: 2px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.9rem;
    font-family: inherit;
    height: 38px;
}
.ms-input:focus[b-o47x1i4dgo] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }
.ms-clear[b-o47x1i4dgo] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    color: #888;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 0 4px;
}
.ms-clear:hover[b-o47x1i4dgo] { color: #330033; }

/* ── Typeahead results dropdown ── */
.ms-results[b-o47x1i4dgo] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
    max-height: 240px;
    overflow-y: auto;
    z-index: 20;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.ms-result-item[b-o47x1i4dgo] {
    padding: 9px 12px;
    font-size: 0.88rem;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
}
.ms-result-item:hover[b-o47x1i4dgo] { background: #f9f5ff; color: #663399; }
.ms-result-item:last-child[b-o47x1i4dgo] { border-bottom: none; }
.ms-result-empty[b-o47x1i4dgo] { padding: 9px 12px; font-size: 0.88rem; color: #999; }

.ms-selected[b-o47x1i4dgo] {
    margin-top: 8px;
    padding: 8px 12px;
    background: #d4edda;
    border-radius: 6px;
    font-size: 0.85rem;
    color: #155724;
}

/* ── Actions ── */
.ms-actions[b-o47x1i4dgo] {
    display: flex;
    gap: 10px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #f0e7ff;
}
.ms-btn[b-o47x1i4dgo] {
    padding: 9px 18px;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.ms-btn:disabled[b-o47x1i4dgo] { opacity: 0.6; cursor: not-allowed; }
.ms-btn-icon[b-o47x1i4dgo] { width: 16px; height: 16px; }
.ms-btn-primary[b-o47x1i4dgo] { background: #330033; color: white; }
.ms-btn-primary:hover:not(:disabled)[b-o47x1i4dgo] { background: #4a004a; transform: translateY(-1px); }
.ms-btn-secondary[b-o47x1i4dgo] { background: #6c757d; color: white; }
.ms-btn-secondary:hover:not(:disabled)[b-o47x1i4dgo] { background: #5a6268; }
.ms-btn-danger[b-o47x1i4dgo] { background: #dc3545; color: white; }
.ms-btn-danger:hover:not(:disabled)[b-o47x1i4dgo] { background: #c82333; transform: translateY(-1px); }

/* ── Results grid ── */
.ms-result-head[b-o47x1i4dgo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}
.ms-result-head h3[b-o47x1i4dgo] {
    margin: 0;
    font-size: 1.1rem;
    color: #1a7a3a;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ms-event-link[b-o47x1i4dgo] { color: #6f42c1; text-decoration: none; font-weight: 600; font-size: 0.9rem; }
.ms-event-link:hover[b-o47x1i4dgo] { color: #330033; text-decoration: underline; }

.ms-table-wrap[b-o47x1i4dgo] { overflow-x: auto; }
.ms-table[b-o47x1i4dgo] { width: 100%; border-collapse: collapse; }
.ms-table thead th[b-o47x1i4dgo] {
    background-color: #330033;
    color: white;
    padding: 12px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 0.85rem;
    white-space: nowrap;
}
.ms-table tbody td[b-o47x1i4dgo] {
    padding: 11px 10px;
    border-bottom: 1px solid #eee;
    font-size: 0.88rem;
    vertical-align: middle;
    color: #000;
}
.ms-table tbody tr[b-o47x1i4dgo] { background: white; }
.ms-table tbody tr:nth-child(even)[b-o47x1i4dgo] { background-color: #E0C1FF; }
.ms-table tbody tr:hover[b-o47x1i4dgo] { background-color: #f0e7ff; }
.ms-num-col[b-o47x1i4dgo] { width: 54px; text-align: center; }
.ms-num[b-o47x1i4dgo] {
    display: inline-block;
    background: #6f42c1;
    color: white;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 0.82rem;
    font-weight: 600;
    min-width: 32px;
    text-align: center;
}
.ms-empty[b-o47x1i4dgo] { text-align: center; color: #999; padding: 26px; font-style: italic; }

/* ── Confirm modal ── */
.ms-modal-overlay[b-o47x1i4dgo] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 7%;
    z-index: 10001;
}
.ms-modal[b-o47x1i4dgo] {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 780px;
    max-width: 94%;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    overflow: hidden;
}

/* ── Attendee preview inside the confirm modal (2026-07-06) ── */
.ms-preview[b-o47x1i4dgo] { margin-top: 16px; border-top: 1px solid #eee; padding-top: 14px; }
.ms-preview-loading[b-o47x1i4dgo] { color: #666; font-style: italic; }
.ms-preview-count[b-o47x1i4dgo] { font-size: 14px; color: #333; margin: 0 0 10px; }
.ms-preview-none[b-o47x1i4dgo] { color: #888; }
.ms-preview-wrap[b-o47x1i4dgo] { max-height: 320px; overflow-y: auto; border: 1px solid #e3e3e3; border-radius: 8px; }
.ms-preview-table[b-o47x1i4dgo] { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.ms-preview-table thead th[b-o47x1i4dgo] {
    position: sticky; top: 0; background: #f4f4f6; text-align: left;
    padding: 7px 9px; border-bottom: 1px solid #ddd; font-weight: 600; color: #333; white-space: nowrap;
}
.ms-preview-table td[b-o47x1i4dgo] { padding: 6px 9px; border-bottom: 1px solid #f0f0f0; color: #333; }
.ms-preview-table tr:last-child td[b-o47x1i4dgo] { border-bottom: none; }
.ms-row-cancel td[b-o47x1i4dgo] { color: #999; text-decoration: line-through; }
.ms-badge[b-o47x1i4dgo] { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; white-space: nowrap; }
.ms-badge-ok[b-o47x1i4dgo] { background: #dcfce7; color: #166534; }
.ms-badge-wait[b-o47x1i4dgo] { background: #fef9c3; color: #854d0e; }
.ms-badge-cancel[b-o47x1i4dgo] { background: #fee2e2; color: #991b1b; }
.ms-modal-header[b-o47x1i4dgo] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    padding: 14px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ms-modal-header h3[b-o47x1i4dgo] { margin: 0; font-size: 19px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.ms-modal-close[b-o47x1i4dgo] { color: white; font-size: 26px; font-weight: bold; cursor: pointer; opacity: 0.85; }
.ms-modal-close:hover[b-o47x1i4dgo] { opacity: 1; }
.ms-modal-body[b-o47x1i4dgo] { padding: 22px; background: white; }
.ms-modal-body p[b-o47x1i4dgo] { margin: 0 0 14px; color: #444; line-height: 1.6; }
.ms-warn[b-o47x1i4dgo] { color: #b91c1c !important; }

.ms-move-summary[b-o47x1i4dgo] {
    background: #f8f2ff;
    border: 1px solid #e2c9ff;
    border-radius: 8px;
    padding: 14px;
}
.ms-move-line[b-o47x1i4dgo] { display: flex; align-items: center; gap: 10px; font-size: 0.92rem; color: #2d3748; }
.ms-move-tag[b-o47x1i4dgo] {
    display: inline-block;
    min-width: 48px;
    text-align: center;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 700;
    color: white;
}
.ms-tag-from[b-o47x1i4dgo] { background: #b91c1c; }
.ms-tag-to[b-o47x1i4dgo] { background: #1a7a3a; }
.ms-move-icon[b-o47x1i4dgo] { text-align: center; color: #6f42c1; margin: 6px 0; }
.ms-move-icon i[b-o47x1i4dgo] { width: 20px; height: 20px; }

.ms-modal-footer[b-o47x1i4dgo] {
    padding: 14px 20px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 768px) {
    .ms-pickers[b-o47x1i4dgo] { flex-direction: column; }
    .ms-arrow[b-o47x1i4dgo] { align-self: flex-start; padding-top: 0; transform: rotate(90deg); }
    .ms-picker[b-o47x1i4dgo] { min-width: 0; width: 100%; }
    .ms-table thead th[b-o47x1i4dgo], .ms-table tbody td[b-o47x1i4dgo] { padding: 9px 7px; font-size: 0.82rem; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/MultiEventSignups.cshtml.rz.scp.css */
/* ============================================================
   Multi Event Signups — Scoped CSS
   ============================================================ */

.page-header[b-3ltl5w59yo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a235a 0%, #330033 60%, #1f0022 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 16px;
}
.header-left[b-3ltl5w59yo] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-3ltl5w59yo] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-3ltl5w59yo] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-3ltl5w59yo] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.mes-note[b-3ltl5w59yo] {
    font-size: 0.85rem;
    color: #555;
    background: #f9f4ff;
    border-left: 3px solid #6f42c1;
    padding: 10px 14px;
    border-radius: 6px;
    margin: 0 0 18px 0;
}

/* Filter */
.mes-filter[b-3ltl5w59yo] {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 16px 18px;
    margin-bottom: 20px;
    background: #fff;
}
.mes-filter-row[b-3ltl5w59yo] { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 12px; }
.mes-filter-row > label[b-3ltl5w59yo] { width: 70px; flex-shrink: 0; font-weight: 600; font-size: 0.85rem; color: #374151; padding-top: 6px; }
.mes-filter-field[b-3ltl5w59yo] { flex: 1; }
.mes-events[b-3ltl5w59yo] {
    width: 100%; max-width: 520px; padding: 8px 10px; border: 1px solid #ccc;
    border-radius: 6px; font-size: 0.85rem; font-family: inherit; resize: vertical;
}
.mes-gender[b-3ltl5w59yo] {
    padding: 7px 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 0.85rem; min-width: 140px;
}
.mes-events:focus[b-3ltl5w59yo], .mes-gender:focus[b-3ltl5w59yo] {
    outline: none; border-color: #6f42c1; box-shadow: 0 0 0 2px rgba(111,66,193,0.12);
}
.mes-hint[b-3ltl5w59yo] { font-size: 0.78rem; color: #777; margin-top: 5px; }
.mes-btn[b-3ltl5w59yo] {
    padding: 8px 26px;
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff; border: none; border-radius: 6px; font-size: 0.85rem; font-weight: 600; cursor: pointer;
}
.mes-btn:hover[b-3ltl5w59yo] { opacity: 0.9; }
.mes-btn:disabled[b-3ltl5w59yo] { opacity: 0.5; cursor: not-allowed; }

/* Two-column layout for Duplicate Signups + Summary */
.mes-two-col[b-3ltl5w59yo] { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 20px; }
.mes-panel-group[b-3ltl5w59yo] { min-width: 0; }
.mes-panel-heading[b-3ltl5w59yo] { margin: 0 0 7px; color: #330033; font-size: 0.95rem; font-weight: 700; }

.mes-panel[b-3ltl5w59yo] {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 12px 14px 16px;
    background: #fff;
    min-width: 0;
}

.table-wrap[b-3ltl5w59yo] { overflow-x: auto; }
.mes-table[b-3ltl5w59yo] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}
.mes-table th[b-3ltl5w59yo] {
    text-align: left;
    padding: 9px 8px;
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
.mes-table td[b-3ltl5w59yo] {
    padding: 7px 8px;
    border-bottom: 1px solid #eee;
    color: #333;
    vertical-align: middle;
}
.mes-alt-row td[b-3ltl5w59yo] { background-color: #E0C1FF; }
.mes-table tr:hover td[b-3ltl5w59yo] { background-color: #efe2ff; }
.mes-table a[b-3ltl5w59yo] { color: #6f42c1; text-decoration: none; font-weight: 500; }
.mes-table a:hover[b-3ltl5w59yo] { text-decoration: underline; }

.col-num[b-3ltl5w59yo] { width: 48px; color: #555; }

.mes-empty[b-3ltl5w59yo] { padding: 14px 8px; font-size: 0.85rem; color: #777; }

[x-cloak][b-3ltl5w59yo] { display: none !important; }

@media (max-width: 900px) {
    .mes-two-col[b-3ltl5w59yo] { grid-template-columns: 1fr; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/NameDiscrepancy.cshtml.rz.scp.css */
/* ============================================================
   Name Discrepancy — Scoped CSS
   ============================================================ */

.page-header[b-55o8hg9k5u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a235a 0%, #330033 60%, #1f0022 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-55o8hg9k5u] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-55o8hg9k5u] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-55o8hg9k5u] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-55o8hg9k5u] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.header-right[b-55o8hg9k5u] { display: flex; align-items: center; gap: 10px; }
.badge[b-55o8hg9k5u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 8px;
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.nd-error[b-55o8hg9k5u] {
    position: relative;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 34px 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}
.nd-error-close[b-55o8hg9k5u] { position: absolute; top: 8px; right: 12px; cursor: pointer; font-size: 1.1rem; }

.table-panel[b-55o8hg9k5u] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.table-wrap[b-55o8hg9k5u] { overflow-x: auto; }
.nd-table[b-55o8hg9k5u] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.nd-table th[b-55o8hg9k5u] {
    text-align: left;
    padding: 10px 12px;
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
.nd-table td[b-55o8hg9k5u] {
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    color: #333;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #F5ECFF;
}
.nd-table tr:hover td[b-55o8hg9k5u] { background-color: #efe2ff; }

.col-num[b-55o8hg9k5u] { width: 44px; text-align: center; color: #555; }

.empty-state[b-55o8hg9k5u] { text-align: center; padding: 60px 20px; color: #666; }
.empty-state p[b-55o8hg9k5u] { margin-top: 16px; font-size: 1.05rem; font-weight: 600; color: #333; }

[x-cloak][b-55o8hg9k5u] { display: none !important; }

@media (max-width: 768px) {
    .page-header[b-55o8hg9k5u] { flex-direction: column; gap: 12px; text-align: center; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/NeighborhoodMaster.cshtml.rz.scp.css */
/* ============================================================
   Neighborhoods Master (neighborhood-master) — Scoped CSS
   Purple house palette (#330033 / #663399). Lucide <svg> icons
   (font-awesome dropped). Grid + form are Alpine-rendered from
   compile-time <template> markup, so this scoped CSS reaches them.
   ============================================================ */

.nbm-page[b-4v8hnfmsl4] {
    max-width: 800px;
    margin: 0 auto;
}

/* ── Header ── */
.nbm-header[b-4v8hnfmsl4] {
    text-align: center;
    margin-bottom: 22px;
    padding: 22px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.nbm-header h1[b-4v8hnfmsl4] {
    font-size: 2rem;
    margin: 0 0 6px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.nbm-header h1 svg[b-4v8hnfmsl4] { width: 26px; height: 26px; }

.nbm-desc[b-4v8hnfmsl4] { opacity: 0.9; margin: 0; }

/* ── Alerts ── */
.nbm-alert[b-4v8hnfmsl4] {
    padding: 14px 18px;
    border-radius: 8px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nbm-alert-danger[b-4v8hnfmsl4] { background: #f8d7da; color: #721c24; }

.nbm-closebtn[b-4v8hnfmsl4] {
    color: inherit;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    background: none;
    border: none;
    opacity: 0.8;
}
.nbm-closebtn:hover[b-4v8hnfmsl4] { opacity: 1; }

/* ── Form card ── */
.nbm-form-card[b-4v8hnfmsl4] {
    background: #fff;
    padding: 20px 24px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 16px;
}

.nbm-form-row[b-4v8hnfmsl4] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.nbm-label[b-4v8hnfmsl4] {
    min-width: 100px;
    padding-top: 10px;
    font-weight: 600;
    color: #2d3436;
}

.nbm-input-wrap[b-4v8hnfmsl4] { flex: 1; }

.nbm-input[b-4v8hnfmsl4] {
    width: 100%;
    max-width: 400px;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.nbm-input:focus[b-4v8hnfmsl4] {
    outline: none;
    border-color: #663399;
    box-shadow: 0 0 0 3px rgba(102, 51, 153, 0.1);
}

.nbm-validator[b-4v8hnfmsl4] {
    display: block;
    margin-top: 6px;
    color: #dc3545;
    font-size: 13px;
}

.nbm-selected[b-4v8hnfmsl4] {
    margin: 14px 0 0 114px;
    color: #663399;
    font-size: 14px;
}

.nbm-form-actions[b-4v8hnfmsl4] {
    margin: 18px 0 0 114px;
    display: flex;
    gap: 10px;
}

/* ── Buttons ── */
.nbm-btn[b-4v8hnfmsl4] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid transparent;
    padding: 8px 16px;
    font-size: 13px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s ease;
}
.nbm-btn:disabled[b-4v8hnfmsl4] { opacity: 0.55; cursor: not-allowed; }
.nbm-btn svg[b-4v8hnfmsl4] { width: 15px; height: 15px; }

.nbm-btn-primary[b-4v8hnfmsl4] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: #fff;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
}
.nbm-btn-primary:hover:not(:disabled)[b-4v8hnfmsl4] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    transform: translateY(-1px);
}

.nbm-btn-cancel[b-4v8hnfmsl4] {
    background: #fff;
    color: #6c757d;
    border-color: #ddd;
}
.nbm-btn-cancel:hover[b-4v8hnfmsl4] { background: #f8f9fa; border-color: #6c757d; }

.nbm-btn-select[b-4v8hnfmsl4] {
    background: #f3e8ff;
    color: #663399;
    border-color: #e0c7ff;
}
.nbm-btn-select:hover:not(:disabled)[b-4v8hnfmsl4] { background: #e9d6ff; }

/* ── Grid ── */
.nbm-grid[b-4v8hnfmsl4] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.nbm-grid th[b-4v8hnfmsl4] {
    background: #330033;
    color: #fff;
    text-align: left;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 600;
}

.nbm-grid td[b-4v8hnfmsl4] {
    padding: 10px 14px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    vertical-align: middle;
}

.nbm-grid tbody tr:last-child td[b-4v8hnfmsl4] { border-bottom: none; }
.nbm-grid tbody tr:hover td[b-4v8hnfmsl4] { background: #faf6ff; }

.nbm-col-actions[b-4v8hnfmsl4] { width: 120px; }

/* ── Empty state ── */
.nbm-empty[b-4v8hnfmsl4] {
    text-align: center;
    padding: 34px 20px;
    color: #64748b;
}
.nbm-empty svg[b-4v8hnfmsl4] { width: 42px; height: 42px; color: #cbd5e1; margin-bottom: 10px; }
.nbm-empty p[b-4v8hnfmsl4] { margin: 0; font-size: 1.05rem; }

/* ── Responsive ── */
@media (max-width: 640px) {
    .nbm-form-row[b-4v8hnfmsl4] { flex-direction: column; gap: 6px; }
    .nbm-label[b-4v8hnfmsl4] { padding-top: 0; }
    .nbm-selected[b-4v8hnfmsl4], .nbm-form-actions[b-4v8hnfmsl4] { margin-left: 0; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/Neighborhoods.cshtml.rz.scp.css */
/* ============================================================
   Neighborhoods (neighborhoods) — Scoped CSS
   Purple house palette (#330033 / #663399). Lucide <svg> icons
   (font-awesome dropped). The add form + grid are server-rendered;
   the two modals + their <template x-for> rows are compile-time
   markup toggled by Alpine, so this scoped CSS reaches them.
   ============================================================ */

.nb-page[b-wzbacm6tpg] {
    max-width: 1000px;
    margin: 0 auto;
}

/* ── Header ── */
.nb-header[b-wzbacm6tpg] {
    text-align: center;
    margin-bottom: 22px;
    padding: 22px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.nb-header h1[b-wzbacm6tpg] {
    font-size: 2rem;
    margin: 0 0 6px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.nb-header h1 svg[b-wzbacm6tpg] { width: 26px; height: 26px; }

.nb-desc[b-wzbacm6tpg] { opacity: 0.9; margin: 0; }

/* ── Alerts ── */
.nb-alert[b-wzbacm6tpg] {
    padding: 14px 18px;
    border-radius: 8px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nb-alert-danger[b-wzbacm6tpg] { background: #f8d7da; color: #721c24; }

.nb-closebtn[b-wzbacm6tpg] {
    color: inherit;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    background: none;
    border: none;
    opacity: 0.8;
}
.nb-closebtn:hover[b-wzbacm6tpg] { opacity: 1; }

/* ── Form card ── */
.nb-form-card[b-wzbacm6tpg] {
    background: #fff;
    padding: 20px 24px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 18px;
    max-width: 560px;
}

.nb-form-title[b-wzbacm6tpg] {
    font-weight: 700;
    color: #330033;
    margin-bottom: 14px;
    font-size: 1.05rem;
}

.nb-form-row[b-wzbacm6tpg] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
}

.nb-label[b-wzbacm6tpg] {
    min-width: 130px;
    font-weight: 600;
    color: #2d3436;
    font-size: 14px;
}

.nb-input-wrap[b-wzbacm6tpg] { flex: 1; }

.nb-input[b-wzbacm6tpg] {
    width: 100%;
    max-width: 320px;
    padding: 9px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
    background: #fff;
    transition: all 0.2s ease;
}

.nb-input-sm[b-wzbacm6tpg] { max-width: 140px; }

.nb-input:focus[b-wzbacm6tpg] {
    outline: none;
    border-color: #663399;
    box-shadow: 0 0 0 3px rgba(102, 51, 153, 0.1);
}

.nb-form-actions[b-wzbacm6tpg] {
    margin-top: 16px;
    margin-left: 144px;
    display: flex;
    gap: 10px;
}

/* ── Buttons ── */
.nb-btn[b-wzbacm6tpg] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid transparent;
    padding: 8px 16px;
    font-size: 13px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s ease;
}
.nb-btn:disabled[b-wzbacm6tpg] { opacity: 0.55; cursor: not-allowed; }
.nb-btn svg[b-wzbacm6tpg] { width: 15px; height: 15px; }

.nb-btn-primary[b-wzbacm6tpg] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: #fff;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
}
.nb-btn-primary:hover:not(:disabled)[b-wzbacm6tpg] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    transform: translateY(-1px);
}

.nb-btn-cancel[b-wzbacm6tpg] {
    background: #fff;
    color: #6c757d;
    border-color: #ddd;
}
.nb-btn-cancel:hover[b-wzbacm6tpg] { background: #f8f9fa; border-color: #6c757d; }

.nb-btn-link[b-wzbacm6tpg] {
    background: #f3e8ff;
    color: #663399;
    border-color: #e0c7ff;
    padding: 6px 12px;
}
.nb-btn-link:hover:not(:disabled)[b-wzbacm6tpg] { background: #e9d6ff; }

/* ── Grid ── */
.nb-grid[b-wzbacm6tpg] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.nb-grid th[b-wzbacm6tpg] {
    background: #330033;
    color: #fff;
    text-align: left;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 600;
}

.nb-grid td[b-wzbacm6tpg] {
    padding: 10px 14px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    vertical-align: middle;
}

.nb-grid tbody tr:last-child td[b-wzbacm6tpg] { border-bottom: none; }
.nb-grid tbody tr:hover td[b-wzbacm6tpg] { background: #faf6ff; }

.nb-name[b-wzbacm6tpg] { font-weight: 600; color: #2d3436; }
.nb-zips[b-wzbacm6tpg] { color: #495057; word-break: break-word; }
.nb-col-action[b-wzbacm6tpg] { width: 150px; white-space: nowrap; }

/* ── Empty state ── */
.nb-empty-card[b-wzbacm6tpg] {
    text-align: center;
    padding: 40px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    color: #64748b;
}
.nb-empty-card svg[b-wzbacm6tpg] { width: 44px; height: 44px; color: #cbd5e1; margin-bottom: 12px; }
.nb-empty-card p[b-wzbacm6tpg] { margin: 0; font-size: 1.1rem; }

/* ── Modals ── */
.nb-modal-overlay[b-wzbacm6tpg] {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    align-items: flex-start;
    justify-content: center;
    padding: 24px;
    overflow: auto;
}
.nb-modal-overlay.open[b-wzbacm6tpg] { display: flex; }

.nb-modal[b-wzbacm6tpg] {
    background: #fff;
    width: 90%;
    max-width: 560px;
    border-radius: 12px;
    margin: 20px auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
}
.nb-modal-sm[b-wzbacm6tpg] { max-width: 420px; }

.nb-modal-head[b-wzbacm6tpg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: #fff;
    border-radius: 12px 12px 0 0;
}
.nb-modal-head h3[b-wzbacm6tpg] { margin: 0; font-size: 1.05rem; }
.nb-modal-head button[b-wzbacm6tpg] {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 1.4rem;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}
.nb-modal-head button:hover[b-wzbacm6tpg] { background: rgba(255, 255, 255, 0.2); }

.nb-modal-body[b-wzbacm6tpg] { padding: 20px 24px; overflow-y: auto; flex: 1; }
.nb-modal-body > .nb-label[b-wzbacm6tpg] { display: block; margin-bottom: 8px; }

.nb-modal-loading[b-wzbacm6tpg] {
    text-align: center;
    padding: 24px;
    color: #64748b;
}

.nb-modal-foot[b-wzbacm6tpg] {
    padding: 14px 24px;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* ── Modal grid ── */
.nb-modal-grid[b-wzbacm6tpg] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.nb-modal-grid th[b-wzbacm6tpg] {
    background: #f3e8ff;
    color: #330033;
    text-align: left;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 600;
}
.nb-modal-grid td[b-wzbacm6tpg] {
    padding: 6px 10px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}
.nb-input-modal[b-wzbacm6tpg] { max-width: 100%; }

/* ── Responsive ── */
@media (max-width: 640px) {
    .nb-form-row[b-wzbacm6tpg] { flex-direction: column; align-items: flex-start; gap: 6px; }
    .nb-label[b-wzbacm6tpg] { min-width: 0; }
    .nb-form-actions[b-wzbacm6tpg] { margin-left: 0; }
    .nb-input[b-wzbacm6tpg], .nb-input-sm[b-wzbacm6tpg] { max-width: 100%; }
    .nb-col-action[b-wzbacm6tpg] { width: auto; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/NeverAttended.cshtml.rz.scp.css */
/* ============================================================
   Never Attended — Scoped CSS (admin house style)
   Flat GridView (13 columns) with inline per-row comment edit.
   ============================================================ */

.na-page[b-7kpti7nocn] { max-width: 1600px; margin: 0 auto; }

/* ── Page header (shared house style) ── */
.page-header[b-7kpti7nocn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a235a 0%, #330033 60%, #1f0022 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-7kpti7nocn] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-7kpti7nocn] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-7kpti7nocn] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-7kpti7nocn] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.header-right[b-7kpti7nocn] { display: flex; align-items: center; gap: 10px; }
.badge[b-7kpti7nocn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 8px;
    background: rgba(255,255,255,0.2);
    color: #fff;
}

/* ── Error banner ── */
.na-error[b-7kpti7nocn] {
    position: relative;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 34px 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}
.na-error-close[b-7kpti7nocn] { position: absolute; top: 8px; right: 12px; cursor: pointer; font-size: 1.1rem; }

/* ── Grid ── */
.na-table-wrap[b-7kpti7nocn] {
    overflow-x: auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    padding: 0 12px 12px;
}
.na-grid[b-7kpti7nocn] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.82rem;
}
.na-grid thead th[b-7kpti7nocn] {
    position: sticky;
    top: 0;
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    font-weight: 600;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-align: left;
    padding: 10px 8px;
    white-space: nowrap;
}
.na-grid tbody td[b-7kpti7nocn] {
    padding: 8px 8px;
    border-bottom: 1px solid #eee;
    vertical-align: top;
    color: #333;
}
.na-grid tbody tr:nth-child(even)[b-7kpti7nocn] { background: #f5ecff; }
.na-grid tbody tr:hover[b-7kpti7nocn] { background: #eadbff; }

.na-num[b-7kpti7nocn] { text-align: center; color: #888; font-weight: 600; }
.na-wrap[b-7kpti7nocn] { word-break: break-word; }

/* ── Comment cell + inline edit ── */
.na-comment-cell[b-7kpti7nocn] { min-width: 200px; }
.na-comment-text[b-7kpti7nocn] { white-space: pre-wrap; color: #555; }
.na-edit[b-7kpti7nocn] { display: flex; flex-direction: column; gap: 6px; }
.na-comment-input[b-7kpti7nocn] {
    width: 100%;
    min-width: 200px;
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 0.82rem;
}
.na-comment-input:focus[b-7kpti7nocn] {
    outline: none;
    border-color: #6f42c1;
    box-shadow: 0 0 0 2px rgba(111,66,193,0.12);
}
.na-edit-actions[b-7kpti7nocn] { display: flex; gap: 12px; }
.na-link[b-7kpti7nocn] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #6f42c1;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: underline;
}
.na-link:hover[b-7kpti7nocn] { color: #45123d; }
.na-link:disabled[b-7kpti7nocn] { opacity: 0.6; cursor: not-allowed; }
.na-link-muted[b-7kpti7nocn] { color: #888; }
.na-link-muted:hover[b-7kpti7nocn] { color: #555; }

/* ── Edit (pencil) button ── */
.na-action-cell[b-7kpti7nocn] { text-align: center; }
.na-edit-btn[b-7kpti7nocn] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    color: #300c34;
    display: inline-flex;
}
.na-edit-btn:hover[b-7kpti7nocn] { background: #f3e8f3; color: #6f42c1; }
.na-edit-btn svg[b-7kpti7nocn] { width: 16px; height: 16px; }

/* ── Empty state (house style) ── */
.na-empty[b-7kpti7nocn] { text-align: center; padding: 60px 20px; color: #666; }
.na-empty p[b-7kpti7nocn] { margin-top: 16px; font-size: 1.05rem; font-weight: 600; color: #333; }

[x-cloak][b-7kpti7nocn] { display: none !important; }

@media (max-width: 768px) {
    .page-header[b-7kpti7nocn] { flex-direction: column; gap: 12px; text-align: center; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/NormalizeNames.cshtml.rz.scp.css */
/* ============================================================
   Normalize Names — Scoped CSS
   Ported from legacy admin/NormalizeNames.aspx (#330033 grid
   header, #E0C1FF alternating rows). CSS isolation scopes these
   class names to this page; x-for template rows inherit the
   build-time scope attribute so styling applies to them too.
   ============================================================ */

.nn-page[b-qobcy45v4n] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1500px;
    margin: 0 auto;
    color: #2d3748;
}

/* ── Header ── */
.nn-header[b-qobcy45v4n] { margin-bottom: 18px; }
.nn-header h1[b-qobcy45v4n] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: #330033;
    display: flex;
    align-items: center;
    gap: 10px;
}
.nn-header p[b-qobcy45v4n] { margin: 6px 0 0; color: #3d2540; font-size: 0.9rem; }
.nn-h-icon[b-qobcy45v4n] { width: 26px; height: 26px; }
.nn-inline-icon[b-qobcy45v4n] { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }

/* ── Alert ── */
.nn-alert[b-qobcy45v4n] {
    padding: 16px 20px;
    color: white;
    margin-bottom: 15px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nn-alert-danger[b-qobcy45v4n] { background-color: #f44336; }
.nn-closebtn[b-qobcy45v4n] { color: white; font-weight: bold; font-size: 22px; cursor: pointer; opacity: 0.85; margin-left: 15px; }
.nn-closebtn:hover[b-qobcy45v4n] { opacity: 1; }

/* ── Action bar ── */
.nn-action-bar[b-qobcy45v4n] { margin-bottom: 18px; }

/* ── Buttons ── */
.nn-btn[b-qobcy45v4n] {
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.nn-btn:disabled[b-qobcy45v4n] { opacity: 0.6; cursor: not-allowed; }
.nn-btn-primary[b-qobcy45v4n] { background: #330033; color: white; }
.nn-btn-primary:hover:not(:disabled)[b-qobcy45v4n] { background: #4a004a; transform: translateY(-1px); }
.nn-btn-secondary[b-qobcy45v4n] { background: #6c757d; color: white; }
.nn-btn-secondary:hover:not(:disabled)[b-qobcy45v4n] { background: #5a6268; }
.nn-btn-revert[b-qobcy45v4n] { background: #b45309; color: white; padding: 6px 14px; }
.nn-btn-revert:hover:not(:disabled)[b-qobcy45v4n] { background: #92400e; transform: translateY(-1px); }

/* ── Card / fieldset ── */
.nn-card[b-qobcy45v4n] { margin-bottom: 18px; }
.nn-fieldset[b-qobcy45v4n] {
    border: 1px solid #e2c9ff;
    border-radius: 8px;
    padding: 14px 16px;
    background: white;
}
.nn-fieldset legend[b-qobcy45v4n] { padding: 0 8px; font-weight: 600; color: #330033; }

/* ── Table ── */
.nn-table-wrap[b-qobcy45v4n] { overflow-x: auto; }
.nn-table[b-qobcy45v4n] { width: 100%; border-collapse: collapse; }
.nn-table thead th[b-qobcy45v4n] {
    background-color: #330033;
    color: white;
    padding: 11px 9px;
    text-align: left;
    font-weight: 600;
    font-size: 0.82rem;
    white-space: nowrap;
}
.nn-table tbody td[b-qobcy45v4n] {
    padding: 10px 9px;
    border-bottom: 1px solid #eee;
    font-size: 0.85rem;
    vertical-align: middle;
    color: #000;
}
.nn-table tbody tr[b-qobcy45v4n] { background: white; }
.nn-table tbody tr:nth-child(even)[b-qobcy45v4n] { background-color: #E0C1FF; }
.nn-table tbody tr:hover[b-qobcy45v4n] { background-color: #f0e7ff; }

.nn-num-col[b-qobcy45v4n] { width: 54px; text-align: center; }
.nn-num[b-qobcy45v4n] {
    display: inline-block;
    background: #6f42c1;
    color: white;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
    min-width: 32px;
    text-align: center;
}
.nn-date[b-qobcy45v4n] { color: #444; white-space: nowrap; }
.nn-guid[b-qobcy45v4n] { font-family: 'Courier New', monospace; font-size: 0.78rem; color: #4a5568; }
.nn-empty[b-qobcy45v4n] { text-align: center; color: #999; padding: 26px; font-style: italic; }

/* ── Confirm modals ── */
.nn-modal-overlay[b-qobcy45v4n] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 7%;
    z-index: 10001;
}
.nn-modal[b-qobcy45v4n] {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 540px;
    max-width: 92%;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    overflow: hidden;
}
.nn-modal-header[b-qobcy45v4n] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    padding: 14px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nn-modal-header h3[b-qobcy45v4n] { margin: 0; font-size: 19px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.nn-modal-close[b-qobcy45v4n] { color: white; font-size: 26px; font-weight: bold; cursor: pointer; opacity: 0.85; }
.nn-modal-close:hover[b-qobcy45v4n] { opacity: 1; }
.nn-modal-body[b-qobcy45v4n] { padding: 22px; background: white; }
.nn-modal-body p[b-qobcy45v4n] { margin: 8px 0; color: #444; line-height: 1.6; }
.nn-modal-footer[b-qobcy45v4n] {
    padding: 14px 20px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 768px) {
    .nn-table thead th[b-qobcy45v4n], .nn-table tbody td[b-qobcy45v4n] { padding: 8px 6px; font-size: 0.78rem; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/NormalizePhoneNumbers.cshtml.rz.scp.css */
/* ============================================================
   Normalize Phone Numbers — Scoped CSS
   Phone twin of NormalizeNames.cshtml.css. Ported from legacy
   admin/NormalizePhoneNumbers.aspx (#330033 grid header, #660032
   tab/stat bars, #E0C1FF alternating rows). CSS isolation scopes
   these class names to this page; x-for template rows inherit the
   build-time scope attribute so styling applies to them too.
   ============================================================ */

.np-page[b-835v5bktn6] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1500px;
    margin: 0 auto;
    color: #2d3748;
}

/* ── Header ── */
.np-header[b-835v5bktn6] { margin-bottom: 18px; }
.np-header h1[b-835v5bktn6] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: #330033;
    display: flex;
    align-items: center;
    gap: 10px;
}
.np-header p[b-835v5bktn6] { margin: 6px 0 0; color: #3d2540; font-size: 0.9rem; }
.np-h-icon[b-835v5bktn6] { width: 26px; height: 26px; }
.np-inline-icon[b-835v5bktn6] { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }

/* ── Alert ── */
.np-alert[b-835v5bktn6] {
    padding: 16px 20px;
    color: white;
    margin-bottom: 15px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.np-alert-danger[b-835v5bktn6] { background-color: #f44336; }
.np-closebtn[b-835v5bktn6] { color: white; font-weight: bold; font-size: 22px; cursor: pointer; opacity: 0.85; margin-left: 15px; }
.np-closebtn:hover[b-835v5bktn6] { opacity: 1; }

/* ── Ten Digit count stat ── */
.np-stat[b-835v5bktn6] {
    display: inline-block;
    min-width: 220px;
    border: 1px solid #660032;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 18px;
    background: white;
}
.np-stat-head[b-835v5bktn6] {
    background-color: #660032;
    color: white;
    padding: 8px 14px;
    font-weight: 600;
    font-size: 0.9rem;
}
.np-stat-value[b-835v5bktn6] {
    padding: 12px 14px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #330033;
}

/* ── Tabs ── */
.np-tabs[b-835v5bktn6] { margin-bottom: 18px; }
.np-tab-nav[b-835v5bktn6] {
    display: flex;
    gap: 4px;
    border-bottom: 2px solid #330033;
    flex-wrap: wrap;
}
.np-tab[b-835v5bktn6] {
    background: #660032;
    color: white;
    border: none;
    border-radius: 6px 6px 0 0;
    padding: 9px 16px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s ease;
}
.np-tab:hover[b-835v5bktn6] { background: #7a0040; }
.np-tab-active[b-835v5bktn6] { background: #330033; }
.np-tab-panel[b-835v5bktn6] {
    background: #E0C1FF;
    border: 1px solid #e2c9ff;
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 16px;
}

/* ── Action bar ── */
.np-action-bar[b-835v5bktn6] { margin-bottom: 16px; }

/* ── Buttons ── */
.np-btn[b-835v5bktn6] {
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.np-btn:disabled[b-835v5bktn6] { opacity: 0.6; cursor: not-allowed; }
.np-btn-primary[b-835v5bktn6] { background: #330033; color: white; }
.np-btn-primary:hover:not(:disabled)[b-835v5bktn6] { background: #4a004a; transform: translateY(-1px); }
.np-btn-secondary[b-835v5bktn6] { background: #6c757d; color: white; }
.np-btn-secondary:hover:not(:disabled)[b-835v5bktn6] { background: #5a6268; }
.np-btn-revert[b-835v5bktn6] { background: #b45309; color: white; padding: 6px 14px; }
.np-btn-revert:hover:not(:disabled)[b-835v5bktn6] { background: #92400e; transform: translateY(-1px); }

/* ── Fieldset ── */
.np-fieldset[b-835v5bktn6] {
    border: 1px solid #cfa8ff;
    border-radius: 8px;
    padding: 14px 16px;
    background: white;
}
.np-fieldset legend[b-835v5bktn6] { padding: 0 8px; font-weight: 600; color: #330033; }

/* ── Table ── */
.np-table-wrap[b-835v5bktn6] { overflow-x: auto; }
.np-table[b-835v5bktn6] { width: 100%; border-collapse: collapse; }
.np-table thead th[b-835v5bktn6] {
    background-color: #330033;
    color: white;
    padding: 11px 9px;
    text-align: left;
    font-weight: 600;
    font-size: 0.82rem;
    white-space: nowrap;
}
.np-table tbody td[b-835v5bktn6] {
    padding: 10px 9px;
    border-bottom: 1px solid #eee;
    font-size: 0.85rem;
    vertical-align: middle;
    color: #000;
}
.np-table tbody tr[b-835v5bktn6] { background: white; }
.np-table tbody tr:nth-child(even)[b-835v5bktn6] { background-color: #E0C1FF; }
.np-table tbody tr:hover[b-835v5bktn6] { background-color: #f0e7ff; }

.np-num-col[b-835v5bktn6] { width: 54px; text-align: center; }
.np-num[b-835v5bktn6] {
    display: inline-block;
    background: #6f42c1;
    color: white;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
    min-width: 32px;
    text-align: center;
}
.np-date[b-835v5bktn6] { color: #444; white-space: nowrap; }
.np-guid[b-835v5bktn6] { font-family: 'Courier New', monospace; font-size: 0.78rem; color: #4a5568; }
.np-empty[b-835v5bktn6] { text-align: center; color: #999; padding: 26px; font-style: italic; }

/* ── Confirm modals ── */
.np-modal-overlay[b-835v5bktn6] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 7%;
    z-index: 10001;
}
.np-modal[b-835v5bktn6] {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 540px;
    max-width: 92%;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    overflow: hidden;
}
.np-modal-header[b-835v5bktn6] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    padding: 14px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.np-modal-header h3[b-835v5bktn6] { margin: 0; font-size: 19px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.np-modal-close[b-835v5bktn6] { color: white; font-size: 26px; font-weight: bold; cursor: pointer; opacity: 0.85; }
.np-modal-close:hover[b-835v5bktn6] { opacity: 1; }
.np-modal-body[b-835v5bktn6] { padding: 22px; background: white; }
.np-modal-body p[b-835v5bktn6] { margin: 8px 0; color: #444; line-height: 1.6; }
.np-modal-footer[b-835v5bktn6] {
    padding: 14px 20px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 768px) {
    .np-table thead th[b-835v5bktn6], .np-table tbody td[b-835v5bktn6] { padding: 8px 6px; font-size: 0.78rem; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/OneTimers.cshtml.rz.scp.css */
/* ============================================================
   One Timers — Scoped CSS
   ============================================================ */

.ot-page[b-rdt01096of] { max-width: 1600px; margin: 0 auto; }

/* Header */
.ot-header[b-rdt01096of] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a235a 0%, #330033 60%, #1f0022 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 18px;
}
.ot-header-left[b-rdt01096of] { display: flex; align-items: center; gap: 14px; }
.ot-header-icon[b-rdt01096of] { width: 32px; height: 32px; opacity: 0.85; }
.ot-header-left h1[b-rdt01096of] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.ot-header-sub[b-rdt01096of] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.ot-header-right[b-rdt01096of] { display: flex; align-items: center; gap: 10px; }
.ot-badge[b-rdt01096of] {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 28px; height: 28px; border-radius: 14px;
    font-size: 0.8rem; font-weight: 700; padding: 0 8px;
    background: rgba(255,255,255,0.2); color: #fff;
}

/* Toolbar */
.ot-toolbar[b-rdt01096of] {
    display: flex; align-items: center; gap: 18px 24px; flex-wrap: wrap;
    background: #fff; border: 1px solid #eee; border-radius: 10px;
    padding: 14px 18px; margin-bottom: 18px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
.ot-export[b-rdt01096of] { display: flex; gap: 8px; }
.ot-btn[b-rdt01096of] {
    border: none; border-radius: 6px; padding: 8px 16px;
    font-size: 0.85rem; font-weight: 600; cursor: pointer;
}
.ot-btn-accent[b-rdt01096of] { background: #330033; color: #fff; }
.ot-btn-accent:hover[b-rdt01096of] { background: #550055; }

.ot-months[b-rdt01096of] { font-size: 0.85rem; color: #333; display: flex; align-items: center; gap: 6px; }
.ot-months-input[b-rdt01096of] {
    width: 60px; padding: 6px 8px; border: 1px solid #ccc; border-radius: 4px;
    font-size: 0.85rem; text-align: center;
}

.ot-search[b-rdt01096of] { display: flex; align-items: stretch; margin-left: auto; min-width: 260px; }
.ot-search-input[b-rdt01096of] {
    flex: 1; border: 2px solid #660099; border-right: none;
    padding: 6px 10px; border-radius: 5px 0 0 5px; outline: none;
    color: #330033; font-size: 0.85rem;
}
.ot-search-btn[b-rdt01096of] {
    width: 42px; border: 2px solid #660099; background: #660099;
    color: #fff; border-radius: 0 5px 5px 0; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
}
.ot-search-btn:hover[b-rdt01096of] { background: #550088; }
.ot-search-btn:disabled[b-rdt01096of] { opacity: 0.6; cursor: not-allowed; }

/* Error banner */
.ot-error[b-rdt01096of] {
    position: relative;
    background: #fef2f2; border: 1px solid #fca5a5; color: #991b1b;
    padding: 12px 34px 12px 16px; border-radius: 8px; margin-bottom: 16px; font-size: 0.85rem;
}
.ot-error-close[b-rdt01096of] { position: absolute; top: 8px; right: 12px; cursor: pointer; font-size: 1.1rem; }

/* Table */
.ot-panel[b-rdt01096of] {
    background: #fff; border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06); overflow: hidden;
}
.ot-table-wrap[b-rdt01096of] { overflow-x: auto; }
.ot-grid[b-rdt01096of] { width: 100%; border-collapse: collapse; font-size: 0.82rem; }
.ot-grid th[b-rdt01096of] {
    text-align: left; padding: 10px 12px; background: #330033; color: #fff;
    font-weight: 700; font-size: 0.72rem; text-transform: uppercase;
    letter-spacing: 0.3px; white-space: nowrap; cursor: pointer; user-select: none;
}
.ot-grid th:hover[b-rdt01096of] { background: #470047; }
.ot-grid th.col-icon[b-rdt01096of], .ot-grid th.col-num[b-rdt01096of] { cursor: default; }
.ot-grid th.col-icon:hover[b-rdt01096of], .ot-grid th.col-num:hover[b-rdt01096of] { background: #330033; }
.ot-arrow[b-rdt01096of] { font-size: 10px; margin-left: 2px; }
.ot-grid td[b-rdt01096of] {
    padding: 8px 12px; border-bottom: 1px solid #eee; color: #333;
    vertical-align: middle; white-space: nowrap; background-color: #fff;
}
.ot-grid tbody tr:nth-child(even) td[b-rdt01096of] { background-color: #E0C1FF; }
.ot-grid tbody tr:hover td[b-rdt01096of] { background-color: #efe2ff; }

.col-icon[b-rdt01096of] { width: 34px; text-align: center; }
.col-num[b-rdt01096of] { width: 54px; text-align: center; color: #555; }

.ot-info-link[b-rdt01096of] { display: inline-flex; }
.ot-info-disabled[b-rdt01096of] { pointer-events: none; opacity: 0.5; cursor: default; }
.ot-copy[b-rdt01096of] { color: #330033; text-decoration: none; cursor: pointer; }
.ot-copy:hover[b-rdt01096of] { text-decoration: underline; }
.ot-event-link[b-rdt01096of] { color: #330033; text-decoration: none; margin-left: 2px; }
.ot-event-link:hover[b-rdt01096of] { text-decoration: underline; }

/* Paging */
.ot-paging[b-rdt01096of] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 20px; font-size: 0.85rem; color: #555; flex-wrap: wrap; gap: 8px;
}
.ot-paging-btns[b-rdt01096of] { display: flex; gap: 4px; flex-wrap: wrap; }
.ot-paging-btns button[b-rdt01096of] {
    padding: 4px 10px; border: 1px solid #ccc; border-radius: 4px;
    background: #fff; cursor: pointer; font-size: 0.8rem;
}
.ot-paging-btns button.active[b-rdt01096of] { background: #330033; color: #fff; border-color: #330033; }
.ot-paging-btns button:hover:not(.active):not(:disabled)[b-rdt01096of] { background: #f3e8f3; }
.ot-paging-btns button:disabled[b-rdt01096of] { opacity: 0.4; cursor: default; }

/* Empty / loading */
.ot-empty[b-rdt01096of] { text-align: center; padding: 60px 20px; color: #666; }
.ot-empty p[b-rdt01096of] { margin-top: 16px; font-size: 1.05rem; font-weight: 600; color: #333; }

[x-cloak][b-rdt01096of] { display: none !important; }

@media (max-width: 768px) {
    .ot-header[b-rdt01096of] { flex-direction: column; gap: 12px; text-align: center; }
    .ot-toolbar[b-rdt01096of] { flex-direction: column; align-items: stretch; }
    .ot-search[b-rdt01096of] { margin-left: 0; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/OnlineEventRotation.cshtml.rz.scp.css */
/* ============================================================
   Online Event Rotation — Scoped CSS
   Legacy behavior kept: struck cells turn lightgreen
   ============================================================ */

.page-header[b-cjli6hapxl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a1a4a 50%, #5b2a5b 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-cjli6hapxl] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.header-icon[b-cjli6hapxl] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-cjli6hapxl] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-cjli6hapxl] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.back-link[b-cjli6hapxl] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    background: rgba(255,255,255,0.15);
    padding: 8px 14px;
    border-radius: 8px;
    transition: background 0.15s;
}
.back-link:hover[b-cjli6hapxl] { background: rgba(255,255,255,0.28); }

/* Empty state (legacy EmptyDataTemplate) */
.empty-box[b-cjli6hapxl] {
    border: 1px solid #000;
    padding: 8px 12px;
    font-weight: bold;
    font-size: 15pt;
    background: #fff;
    border-radius: 8px;
}

/* Grid */
.table-panel[b-cjli6hapxl] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.table-wrap[b-cjli6hapxl] { overflow-x: auto; }

.rotation-grid[b-cjli6hapxl] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.rotation-grid th[b-cjli6hapxl] {
    text-align: center;
    padding: 10px 8px;
    background: #330033;
    color: #fff;
    font-weight: 600;
    font-size: 0.78rem;
    border-bottom: 2px solid #eee;
    white-space: nowrap;
}
.rotation-grid td[b-cjli6hapxl] {
    padding: 6px 6px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}
.rotation-grid tbody tr:nth-child(even) td[b-cjli6hapxl] { background: #faf7fb; }

.col-no[b-cjli6hapxl] {
    width: 30px;
    text-align: center;
    color: #999;
}
.col-name[b-cjli6hapxl] {
    text-align: left;
    white-space: nowrap;
    min-width: 120px;
}
.col-man[b-cjli6hapxl] { text-align: center; }

/* +/- full-name toggle (legacy show_hide links) */
.name-toggle[b-cjli6hapxl] {
    text-decoration: none;
    cursor: pointer;
    font-size: large;
    color: #330033;
    margin-right: 6px;
}

/* Clickable man cell (legacy dvItemDetail) */
.rot-cell[b-cjli6hapxl] {
    display: block;
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #999;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    font-size: 0.82rem;
    white-space: nowrap;
    transition: background 0.15s, border-color 0.15s;
}
.rot-cell:hover[b-cjli6hapxl] { border-color: #330033; }
.rot-cell:disabled[b-cjli6hapxl] { opacity: 0.6; cursor: wait; }

/* Struck (legacy lightgreen) */
.rot-cell.cell-selected[b-cjli6hapxl] {
    background: lightgreen;
    border-color: #16a34a;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-cjli6hapxl] { flex-direction: column; gap: 12px; text-align: center; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/OnlineEvents.cshtml.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   Online Events — matches legacy admin/Online_Events.aspx GridView styling.
   (These grid rules are duplicated from ViewEvents.cshtml.css because ASP.NET
   CSS isolation scopes each page's styles to its own markup — a sibling page's
   .admin-grid rules do NOT apply here. The .admin-pager styling is global in
   admin.css, so the shared _AdminPager partial is unaffected.)
   ═══════════════════════════════════════════════════════════════════ */

.online-events-page h2[b-8q3c2mrh6w] {
    color: #330033;
    margin: 4px 0 12px 0;
}

/* ── Admin Grid (GridView: BorderColor=#330033, BorderWidth=1, CellPadding=4,
     GridLines=None, ForeColor=Black) ─────────────────────────────────── */
.admin-grid[b-8q3c2mrh6w] {
    border: 1px solid #330033;
    border-collapse: collapse;
    color: Black;
}

/* HeaderStyle: BackColor=#330033, Font-Bold, ForeColor=White */
.admin-grid thead tr[b-8q3c2mrh6w] {
    background-color: #330033;
}

.admin-grid thead th[b-8q3c2mrh6w] {
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    padding: 4px;
    font-size: 11px;
}

.admin-grid thead th a[b-8q3c2mrh6w] {
    color: #ffffff;
    text-decoration: underline;
}

.admin-grid thead th a:hover[b-8q3c2mrh6w] {
    color: #E0C1FF;
}

.admin-grid tbody td[b-8q3c2mrh6w] {
    padding: 4px;
    font-size: 11px;
    vertical-align: top;
}

/* ── End: label inside the Date cell ──────────────────────────────────── */
.end-lbl[b-8q3c2mrh6w] {
    font-weight: bold;
}

/* ── Zoom Info cell ───────────────────────────────────────────────────── */
.zoom-cell[b-8q3c2mrh6w] {
    white-space: nowrap;
    text-align: left;
}

.zoom-cell > div > div[b-8q3c2mrh6w] {
    line-height: 1.5;
}

/* Duplicate Zoom value — matches legacy System.Drawing.Color.Red highlight */
.zoom-dup[b-8q3c2mrh6w] {
    color: #FF0000;
    font-weight: bold;
}

/* Inline edit block */
.zoom-edit[b-8q3c2mrh6w] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    text-align: left;
}

.zoom-edit label[b-8q3c2mrh6w] {
    font-size: 11px;
}

.zoom-edit input[type="text"][b-8q3c2mrh6w] {
    font-size: 11px;
    padding: 1px 3px;
}

.zoom-edit .ze-check[b-8q3c2mrh6w] {
    font-weight: bold;
}

.actions-cell[b-8q3c2mrh6w] {
    text-align: center;
}

/* ── Link button (replaces asp:LinkButton) ────────────────────────────── */
.link-btn[b-8q3c2mrh6w] {
    background: none;
    border: none;
    color: Blue;
    cursor: pointer;
    text-decoration: underline;
    font-size: 11px;
    font-family: inherit;
    padding: 0 2px;
}

.link-btn:hover[b-8q3c2mrh6w] {
    color: #330033;
}

.link-btn:disabled[b-8q3c2mrh6w] {
    color: #888;
    cursor: default;
    text-decoration: none;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ParticipantsOfPastSimilarEvents.cshtml.rz.scp.css */
/* ============================================================
   Participants Of Past Similar Events — Scoped CSS
   Legacy grid look kept: #330033 header, #E0C1FF alternating rows
   ============================================================ */

.page-header[b-p49fz8niyz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a1a4a 50%, #5b2a5b 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-p49fz8niyz] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.header-icon[b-p49fz8niyz] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-p49fz8niyz] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-p49fz8niyz] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.badge[b-p49fz8niyz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 12px;
    background: rgba(255,255,255,0.2);
    color: #fff;
}

/* Error */
.error-banner[b-p49fz8niyz] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Loading */
.loading-overlay[b-p49fz8niyz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-p49fz8niyz] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #330033;
    border-radius: 50%;
    animation: spin-b-p49fz8niyz 0.7s linear infinite;
}
@keyframes spin-b-p49fz8niyz { to { transform: rotate(360deg); } }

/* Panels (legacy fieldsets) */
.panel[b-p49fz8niyz] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 14px 18px 18px;
    margin-bottom: 18px;
}
.panel-heading[b-p49fz8niyz] {
    margin: 0 0 7px;
    font-weight: 700;
    font-size: 0.9rem;
    color: #330033;
    padding: 0 8px;
}

/* Filters */
.filters[b-p49fz8niyz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 0.88rem;
}
.filter-row[b-p49fz8niyz] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.filter-row input[type="checkbox"][b-p49fz8niyz] {
    width: 16px;
    height: 16px;
    accent-color: #330033;
}
.filter-row select[b-p49fz8niyz] {
    padding: 5px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.85rem;
    background: #fff;
}
.btn-apply[b-p49fz8niyz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border: none;
    border-radius: 8px;
    background: #330033;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}
.btn-apply:hover[b-p49fz8niyz] { background: #4a1a4a; }
.btn-apply:disabled[b-p49fz8niyz] { opacity: 0.5; cursor: not-allowed; }

/* Grids (legacy GRIDVIEWHeading + #E0C1FF alternating) */
.table-wrap[b-p49fz8niyz] { overflow-x: auto; }

.p-grid[b-p49fz8niyz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.83rem;
}
.p-grid th[b-p49fz8niyz] {
    text-align: left;
    padding: 9px 10px;
    background: #330033;
    color: #fff;
    font-weight: 600;
    font-size: 0.75rem;
    white-space: nowrap;
}
.p-grid td[b-p49fz8niyz] {
    padding: 8px 10px;
    border-bottom: 1px solid #f0f0f0;
    color: #000;
    background: #fff;
    vertical-align: middle;
}
.p-grid tbody tr:nth-child(even) td[b-p49fz8niyz] { background: #E0C1FF; }

.p-grid a[b-p49fz8niyz] { color: #330033; font-weight: 600; }

.summary-grid[b-p49fz8niyz] { width: auto; min-width: 40%; }

.cell-left[b-p49fz8niyz] { text-align: left; }
.cell-center[b-p49fz8niyz] { text-align: center; }
.cell-date[b-p49fz8niyz] { min-width: 150px; white-space: nowrap; }

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-p49fz8niyz] { flex-direction: column; gap: 12px; text-align: center; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/PasswordChange.cshtml.rz.scp.css */
.pwc-root *[b-y41vsgwbpb] { margin: 0; padding: 0; box-sizing: border-box; }
.pwc-root[b-y41vsgwbpb] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: #f5f7fa; padding: 20px; color: #2d3748;
}
.pwc-container[b-y41vsgwbpb] { max-width: 1400px; margin: 0 auto; }
.pwc-root .header[b-y41vsgwbpb] { margin-bottom: 24px; }
.pwc-root .header h1[b-y41vsgwbpb] { font-size: 28px; font-weight: 600; color: #1a202c; margin-bottom: 8px; }
.pwc-root .header p[b-y41vsgwbpb] { color: #3d2540; font-size: 14px; }

.layout[b-y41vsgwbpb] { display: grid; grid-template-columns: 320px 1fr; gap: 16px; align-items: start; }

.pwc-root .card[b-y41vsgwbpb] {
    background: white; border-radius: 8px; padding: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); margin-bottom: 0;
}
.pwc-root .card-header[b-y41vsgwbpb] {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    margin: -20px -20px 16px -20px; padding: 12px 20px; border-radius: 8px 8px 0 0;
    background: linear-gradient(to right, #f7fafc, white); border-bottom: 2px solid #e2e8f0;
}
.pwc-root .card-title[b-y41vsgwbpb] { font-size: 16px; font-weight: 600; color: #1a202c; display: flex; align-items: center; gap: 10px; }
.count-pill[b-y41vsgwbpb] { font-size: 11px; font-weight: 600; color: #330033; background: #faf5ff; border: 1px solid #e9d8fd; border-radius: 999px; padding: 2px 10px; }

/* Change panel */
.change-card[b-y41vsgwbpb] { border-left: 4px solid #cbd5e0; transition: border-color 0.3s; position: sticky; top: 16px; }
.change-card.active[b-y41vsgwbpb] { border-left-color: #330033; }
.change-body[b-y41vsgwbpb] { display: flex; flex-direction: column; gap: 8px; }
.selected-name[b-y41vsgwbpb] { font-weight: 700; color: #330033; font-size: 15px; }
.no-selection[b-y41vsgwbpb] { color: #a0aec0; font-style: italic; font-size: 13px; }
.change-actions[b-y41vsgwbpb] { display: flex; gap: 8px; margin-top: 6px; }

.form-label[b-y41vsgwbpb] { font-size: 11px; color: #4a5568; font-weight: 600; margin-top: 6px; display: block; text-transform: uppercase; letter-spacing: 0.3px; }
.form-control[b-y41vsgwbpb] { padding: 7px 10px; border: 2px solid #e2e8f0; border-radius: 6px; font-size: 13px; font-family: inherit; background: white; height: 35px; width: 100%; }
.form-control:focus[b-y41vsgwbpb] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }
.form-control:disabled[b-y41vsgwbpb] { background: #edf2f7; cursor: not-allowed; }

.btn[b-y41vsgwbpb] { padding: 7px 14px; border: none; border-radius: 6px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s; font-family: inherit; }
.btn-primary[b-y41vsgwbpb] { background: #330033; color: white; }
.btn-primary:hover[b-y41vsgwbpb] { background: #4d004d; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(51,0,51,0.2); }
.btn-primary:disabled[b-y41vsgwbpb] { opacity: 0.6; pointer-events: none; }
.btn-secondary[b-y41vsgwbpb] { background: #e2e8f0; color: #4a5568; }
.btn-secondary:hover[b-y41vsgwbpb] { background: #cbd5e0; }
.btn-secondary:disabled[b-y41vsgwbpb] { opacity: 0.6; pointer-events: none; }

/* Search */
.search-row[b-y41vsgwbpb] { display: flex; margin-bottom: 14px; }
.search-input[b-y41vsgwbpb] {
    flex: 1; border: 3px solid #660099; border-right: none; padding: 8px 10px; height: 40px;
    border-radius: 6px 0 0 6px; outline: none; color: #660099; font-size: 14px; font-family: inherit;
}
.search-btn[b-y41vsgwbpb] {
    width: 46px; height: 40px; border: 1px solid #660099; background: #660099; color: #fff;
    border-radius: 0 6px 6px 0; cursor: pointer; display: flex; align-items: center; justify-content: center;
}
.search-btn:hover[b-y41vsgwbpb] { background: #520080; }
.s-icon[b-y41vsgwbpb] { width: 18px; height: 18px; }

/* Table */
.pwc-root .data-table[b-y41vsgwbpb] { width: 100%; border-collapse: collapse; font-size: 13px; }
.pwc-root .data-table thead[b-y41vsgwbpb] { background: #330033; }
.pwc-root .data-table th[b-y41vsgwbpb] {
    padding: 10px 8px; text-align: left; font-weight: 600; color: white;
    font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; white-space: nowrap;
}
.pwc-root .data-table td[b-y41vsgwbpb] { padding: 10px 8px; border-bottom: 1px solid #e2e8f0; vertical-align: middle; }
.pwc-root .data-table tbody tr:nth-child(even)[b-y41vsgwbpb] { background: #fafbfc; }
.pwc-root .data-table tbody tr:hover[b-y41vsgwbpb] { background: #f7fafc; }
.pwc-root .data-table tbody tr.selected-row[b-y41vsgwbpb] { background: #faf5ff !important; border-left: 3px solid #330033; }

.pwc-root .data-table th.sortable[b-y41vsgwbpb] { cursor: pointer; user-select: none; }
.pwc-root .data-table th.sortable:hover[b-y41vsgwbpb] { background: #4d004d; }
.sort-ind[b-y41vsgwbpb] { font-size: 9px; margin-left: 2px; }

.row-num-col[b-y41vsgwbpb] { width: 60px; text-align: center; }
.date-cell[b-y41vsgwbpb] { color: #4a5568; white-space: nowrap; }
.empty-cell[b-y41vsgwbpb] { text-align: center; color: #a0aec0; padding: 30px; font-style: italic; }
.table-wrap[b-y41vsgwbpb] { overflow-x: auto; }

.password-link[b-y41vsgwbpb] {
    color: #330033; text-decoration: none; font-weight: 600; font-size: 12px;
    padding: 3px 8px; border-radius: 4px; background: #faf5ff; border: 1px solid #e9d8fd;
    display: inline-block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    transition: background 0.2s; cursor: pointer;
}
.password-link:hover[b-y41vsgwbpb] { background: #e9d8fd; text-decoration: underline; }

/* Pager */
.pager-flex[b-y41vsgwbpb] { display: flex; align-items: center; gap: 8px; padding: 16px 0 0 0; flex-wrap: wrap; }
.pager-link[b-y41vsgwbpb] {
    display: inline-block; min-width: 44px; text-align: center; padding: 10px 14px;
    border-radius: 6px; border: 1px solid #e2e8f0; background: #f7fafc; color: #330033;
    font-weight: 600; font-size: 14px; line-height: 1.2; cursor: pointer; font-family: inherit;
}
.pager-link:hover[b-y41vsgwbpb] { background: #e2e8f0; }
.pager-link:disabled[b-y41vsgwbpb] { opacity: .5; pointer-events: none; }
.pager-current[b-y41vsgwbpb] { background: #330033 !important; color: #fff !important; border-color: #330033 !important; }

@media (max-width: 900px) {
    .layout[b-y41vsgwbpb] { grid-template-columns: 1fr; }
    .change-card[b-y41vsgwbpb] { position: static; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/PastEventList.cshtml.rz.scp.css */
/* ============================================================
   Past Event List — Scoped CSS
   Same purple family as the other admin grids (legacy header
   #330033, rows #F5ECFF / #FFFFFF, canceled/waiting rows Gray).
   ============================================================ */

.pel-wrapper[b-lzpiu0x7k6] { max-width: 100%; }

/* Header */
.pel-header[b-lzpiu0x7k6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a1a4a 55%, #5b2c6f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.pel-header-left[b-lzpiu0x7k6] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.pel-header-icon[b-lzpiu0x7k6] { width: 32px; height: 32px; opacity: 0.85; }
.pel-header-left h1[b-lzpiu0x7k6] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.pel-header-sub[b-lzpiu0x7k6] { font-size: 0.85rem; opacity: 0.8; margin-top: 2px; }

.pel-back-link[b-lzpiu0x7k6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.15);
    color: #fff;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 500;
    padding: 7px 14px;
    border-radius: 8px;
    transition: background 0.15s;
}
.pel-back-link:hover[b-lzpiu0x7k6] { background: rgba(255,255,255,0.28); }

/* Table */
.pel-table-panel[b-lzpiu0x7k6] {
    background: #fff;
    border: 1px solid #050931;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.pel-table-wrap[b-lzpiu0x7k6] { overflow-x: auto; }

.pel-table[b-lzpiu0x7k6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.pel-table th[b-lzpiu0x7k6] {
    /* legacy HeaderStyle BackColor=#330033 ForeColor=#ffffff */
    text-align: left;
    padding: 9px 12px;
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
.pel-table td[b-lzpiu0x7k6] {
    padding: 8px 12px;
    border-bottom: 1px solid #e3d5f0;
    color: #333;
    vertical-align: top;
}

/* Legacy RowStyle (#F5ECFF) / AlternatingRowStyle (#FFFFFF) */
.pel-row-odd td[b-lzpiu0x7k6] { background: #F5ECFF; }
.pel-row-even td[b-lzpiu0x7k6] { background: #FFFFFF; }

/* Legacy RowDataBound: canceled or waiting-list signup ->
   BackColor Gray, 1px solid Black border */
.pel-row-canceled td[b-lzpiu0x7k6] {
    background: #808080;
    color: #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.pel-row-canceled td:first-child[b-lzpiu0x7k6] { border-left: 1px solid #000; }
.pel-row-canceled td:last-child[b-lzpiu0x7k6] { border-right: 1px solid #000; }

.pel-col-name[b-lzpiu0x7k6] { white-space: nowrap; font-weight: 500; }
.pel-col-title a[b-lzpiu0x7k6] { color: #5b2c6f; font-weight: 600; text-decoration: none; }
.pel-col-title a:hover[b-lzpiu0x7k6] { text-decoration: underline; }
.pel-row-canceled .pel-col-title a[b-lzpiu0x7k6] { color: #1a0033; }

/* Empty state */
.pel-empty[b-lzpiu0x7k6] {
    padding: 26px 20px;
    text-align: center;
    color: #888;
    font-size: 0.88rem;
}

/* Responsive */
@media (max-width: 768px) {
    .pel-header[b-lzpiu0x7k6] { flex-direction: column; gap: 12px; text-align: center; }
    .pel-header-left[b-lzpiu0x7k6] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/PickMatches.cshtml.rz.scp.css */
/* ============================================================
   Pick Matches — Scoped CSS
   Mirrors legacy PickMatches.aspx GridView styling:
   header row #330033 / white (GRIDVIEWHeading), alternating
   rows #E0C1FF (AlternatingRowStyle), rows white / black,
   cells horizontally justified (HorizontalAlign="Justify").
   ============================================================ */

.pm-page[b-a5pjkf0wiy] {
    /* container */
}

/* ---- Page header (house style) ---- */
.page-header[b-a5pjkf0wiy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #5a1a5a 0%, #330033 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-a5pjkf0wiy] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.header-icon[b-a5pjkf0wiy] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-a5pjkf0wiy] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-a5pjkf0wiy] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.header-right[b-a5pjkf0wiy] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.badge[b-a5pjkf0wiy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 8px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

/* ---- Error banner ---- */
.pm-error[b-a5pjkf0wiy] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* ---- Table ---- */
.table-panel[b-a5pjkf0wiy] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}
.table-wrap[b-a5pjkf0wiy] { overflow-x: auto; }

.pm-table[b-a5pjkf0wiy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

/* Header row — legacy GRIDVIEWHeading */
.pm-table thead th[b-a5pjkf0wiy] {
    background-color: #330033;
    color: #fff;
    text-align: justify;
    font-weight: 600;
    padding: 10px 14px;
    white-space: nowrap;
    border-bottom: 2px solid #220022;
}

/* Body rows — legacy RowStyle (white / black, justified) */
.pm-table tbody td[b-a5pjkf0wiy] {
    padding: 9px 14px;
    text-align: justify;
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #f0e6f5;
    vertical-align: top;
}

/* Alternating rows — legacy AlternatingRowStyle #E0C1FF */
.pm-table tbody tr.pm-alt td[b-a5pjkf0wiy] {
    background-color: #E0C1FF;
    color: #000;
}

/* ---- Empty state — legacy EmptyDataTemplate ("No record found") ---- */
.pm-empty[b-a5pjkf0wiy] {
    text-align: center;
    padding: 48px 20px;
    color: #555;
}
.pm-empty h4[b-a5pjkf0wiy] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .page-header[b-a5pjkf0wiy] { flex-direction: column; gap: 12px; text-align: center; }
    .header-left[b-a5pjkf0wiy] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/PromoCodeBulkUpload.cshtml.rz.scp.css */
/* Scoped styles for the Promo Code Bulk Upload page.
   All rules are nested under .pbu-root so CSS isolation + the wrapper class keep them from
   leaking. Palette matches the other migrated admin pages (#330033 / #6f42c1). Lucide icons. */

.pbu-root[b-eisixmw6k3] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    color: #2d3748;
}

.pbu-container[b-eisixmw6k3] {
    background: white;
    border-radius: 8px;
    padding: 25px;
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Header */
.pbu-page-header[b-eisixmw6k3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #330033;
}
.pbu-page-title[b-eisixmw6k3] {
    font-size: 28px;
    font-weight: 600;
    color: #330033;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.pbu-page-subtitle[b-eisixmw6k3] {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

/* Alert */
.pbu-alert[b-eisixmw6k3] {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.pbu-alert-danger[b-eisixmw6k3] { background: #f8d7da; color: #721c24; }

/* Cards layout */
.pbu-cards[b-eisixmw6k3] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    margin-bottom: 25px;
}
.pbu-card[b-eisixmw6k3] {
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    background: white;
    display: flex;
    flex-direction: column;
}
.pbu-card-header[b-eisixmw6k3] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 14px 18px;
    border-radius: 8px 8px 0 0;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.pbu-card-body[b-eisixmw6k3] { padding: 18px; flex: 1; }
.pbu-card-footer[b-eisixmw6k3] {
    padding: 14px 18px;
    border-top: 1px solid #e1e4e8;
    display: flex;
    justify-content: flex-end;
}

/* Form grid */
.pbu-grid2[b-eisixmw6k3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.pbu-field[b-eisixmw6k3] { display: flex; flex-direction: column; }
.pbu-field-full[b-eisixmw6k3] { grid-column: 1 / -1; }
.pbu-label[b-eisixmw6k3] {
    font-size: 12px;
    font-weight: 600;
    color: #555;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.pbu-input[b-eisixmw6k3] {
    padding: 9px 12px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    background: white;
}
.pbu-input:focus[b-eisixmw6k3] {
    outline: none;
    border-color: #6f42c1;
    box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.1);
}

/* Buttons */
.pbu-btn[b-eisixmw6k3] {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
}
.pbu-btn:disabled[b-eisixmw6k3] { opacity: 0.6; cursor: not-allowed; }
.pbu-btn-primary[b-eisixmw6k3] { background: #6f42c1; color: white; }
.pbu-btn-primary:hover:not(:disabled)[b-eisixmw6k3] {
    background: #5a32a3;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(111, 66, 193, 0.3);
}
.pbu-btn-secondary[b-eisixmw6k3] { background: #330033; color: white; }
.pbu-btn-secondary:hover:not(:disabled)[b-eisixmw6k3] { background: #4a004a; transform: translateY(-1px); }
.pbu-btn-light[b-eisixmw6k3] { background: #6c757d; color: white; }
.pbu-btn-light:hover:not(:disabled)[b-eisixmw6k3] { background: #5a6268; }

/* History */
.pbu-history[b-eisixmw6k3] { margin-top: 10px; }
.pbu-history-title[b-eisixmw6k3] {
    font-size: 18px;
    font-weight: 600;
    color: #330033;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.pbu-table-wrap[b-eisixmw6k3] { overflow-x: auto; }
.pbu-data-table[b-eisixmw6k3] {
    width: 100%;
    border-collapse: collapse;
    background: white;
}
.pbu-data-table thead th[b-eisixmw6k3] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 12px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
}
.pbu-data-table tbody td[b-eisixmw6k3] {
    padding: 11px 12px;
    border-bottom: 1px solid #e1e4e8;
    font-size: 13px;
}
.pbu-data-table tbody tr:hover[b-eisixmw6k3] { background: #f8f9fa; }
.pbu-data-table tbody tr:nth-child(even)[b-eisixmw6k3] { background: #fafbfc; }
.pbu-data-table tbody tr:nth-child(even):hover[b-eisixmw6k3] { background: #f3f4f6; }

/* Empty state */
.pbu-empty-state[b-eisixmw6k3] {
    text-align: center;
    padding: 50px 20px;
    color: #666;
}
.pbu-empty-state i[b-eisixmw6k3] { color: #dee2e6; margin-bottom: 15px; }
.pbu-empty-state h3[b-eisixmw6k3] { color: #330033; margin-bottom: 8px; }

/* Modal */
.pbu-modal-background[b-eisixmw6k3] {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.pbu-modal-content[b-eisixmw6k3] {
    background-color: white;
    margin: 10vh auto;
    border-radius: 8px;
    width: 90%;
    max-width: 520px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    align-self: flex-start;
}
.pbu-modal-header[b-eisixmw6k3] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 18px 20px;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pbu-modal-title[b-eisixmw6k3] {
    font-size: 19px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.pbu-modal-body[b-eisixmw6k3] { padding: 25px; font-size: 15px; line-height: 1.6; }
.pbu-modal-body p[b-eisixmw6k3] { margin: 0 0 12px 0; }
.pbu-modal-footer[b-eisixmw6k3] {
    padding: 18px 20px;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.pbu-closebtn[b-eisixmw6k3] {
    color: inherit;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    opacity: 0.8;
    line-height: 1;
}
.pbu-closebtn:hover[b-eisixmw6k3] { opacity: 1; }

@media (max-width: 900px) {
    .pbu-cards[b-eisixmw6k3] { grid-template-columns: 1fr; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/PromoCodePrizeWinners.cshtml.rz.scp.css */
/* Scoped styles for the Promo Code Prize Winner page.
   All rules are nested under .pw-root for CSS isolation. Palette matches the other migrated
   admin pages (#330033 / #6f42c1). Lucide icons; no font-awesome / select2 / CKEditor. */

.pw-root[b-purqx7p9jv] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    color: #2d3748;
}

.pw-container[b-purqx7p9jv] {
    background: white;
    border-radius: 8px;
    padding: 25px;
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Header */
.pw-page-header[b-purqx7p9jv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #330033;
}
.pw-page-title[b-purqx7p9jv] {
    font-size: 28px;
    font-weight: 600;
    color: #330033;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.pw-page-subtitle[b-purqx7p9jv] { font-size: 14px; color: #666; margin-top: 5px; }

/* Alert */
.pw-alert[b-purqx7p9jv] {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.pw-alert-danger[b-purqx7p9jv] { background: #f8d7da; color: #721c24; }

/* Card */
.pw-card[b-purqx7p9jv] {
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    background: white;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
}
.pw-card-header[b-purqx7p9jv] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 14px 18px;
    border-radius: 8px 8px 0 0;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.pw-card-body[b-purqx7p9jv] { padding: 18px; }
.pw-card-footer[b-purqx7p9jv] {
    padding: 14px 18px;
    border-top: 1px solid #e1e4e8;
    display: flex;
    justify-content: flex-end;
}

/* Toolbar (rows + eventId) */
.pw-toolbar[b-purqx7p9jv] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.pw-field[b-purqx7p9jv] { display: flex; flex-direction: column; margin-bottom: 12px; }
.pw-label[b-purqx7p9jv] {
    font-size: 12px;
    font-weight: 600;
    color: #555;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.pw-input[b-purqx7p9jv] {
    padding: 9px 12px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    background: white;
    width: 100%;
    box-sizing: border-box;
}
.pw-input:focus[b-purqx7p9jv] {
    outline: none;
    border-color: #6f42c1;
    box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.1);
}
.pw-input-sm[b-purqx7p9jv] { max-width: 110px; }
.pw-textarea[b-purqx7p9jv] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; resize: vertical; }

/* Form table (add winners) */
.pw-form-table[b-purqx7p9jv] {
    width: 100%;
    border-collapse: collapse;
}
.pw-form-table thead th[b-purqx7p9jv] {
    text-align: left;
    padding: 8px 10px;
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    border-bottom: 2px solid #e1e4e8;
}
.pw-form-table tbody td[b-purqx7p9jv] { padding: 6px 10px; }
.pw-form-table .pw-input[b-purqx7p9jv] { margin-bottom: 0; }

/* Buttons */
.pw-btn[b-purqx7p9jv] {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
}
.pw-btn:disabled[b-purqx7p9jv] { opacity: 0.6; cursor: not-allowed; }
.pw-btn-primary[b-purqx7p9jv] { background: #6f42c1; color: white; }
.pw-btn-primary:hover:not(:disabled)[b-purqx7p9jv] {
    background: #5a32a3;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(111, 66, 193, 0.3);
}
.pw-btn-light[b-purqx7p9jv] { background: #6c757d; color: white; }
.pw-btn-light:hover:not(:disabled)[b-purqx7p9jv] { background: #5a6268; }

.pw-icon-btn[b-purqx7p9jv] {
    background: none;
    border: none;
    cursor: pointer;
    color: #330033;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    transition: background 0.2s;
}
.pw-icon-btn:hover[b-purqx7p9jv] { background: #f3f0ff; color: #6f42c1; }

/* History / winners grid */
.pw-history[b-purqx7p9jv] { margin-top: 10px; }
.pw-history-title[b-purqx7p9jv] {
    font-size: 18px;
    font-weight: 600;
    color: #330033;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.pw-table-wrap[b-purqx7p9jv] { overflow-x: auto; }
.pw-data-table[b-purqx7p9jv] {
    width: 100%;
    border-collapse: collapse;
    background: white;
}
.pw-data-table thead th[b-purqx7p9jv] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 11px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    white-space: nowrap;
}
.pw-data-table tbody td[b-purqx7p9jv] {
    padding: 10px 12px;
    border-bottom: 1px solid #e1e4e8;
    font-size: 13px;
    vertical-align: top;
}
.pw-data-table tbody tr:hover[b-purqx7p9jv] { background: #f8f9fa; }
.pw-data-table tbody tr:nth-child(even)[b-purqx7p9jv] { background: #fafbfc; }
.pw-data-table tbody tr:nth-child(even):hover[b-purqx7p9jv] { background: #f3f4f6; }
.pw-center[b-purqx7p9jv] { text-align: center; }
.pw-link[b-purqx7p9jv] { color: #6f42c1; text-decoration: none; margin-left: 4px; }
.pw-link:hover[b-purqx7p9jv] { text-decoration: underline; }

/* Empty state */
.pw-empty-state[b-purqx7p9jv] { text-align: center; padding: 50px 20px; color: #666; }
.pw-empty-state i[b-purqx7p9jv] { color: #dee2e6; margin-bottom: 15px; }
.pw-empty-state h3[b-purqx7p9jv] { color: #330033; margin-bottom: 8px; }

/* Modal */
.pw-modal-background[b-purqx7p9jv] {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.pw-modal-content[b-purqx7p9jv] {
    background-color: white;
    margin: 8vh auto;
    border-radius: 8px;
    width: 90%;
    max-width: 520px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    align-self: flex-start;
}
.pw-modal-wide[b-purqx7p9jv] { max-width: 720px; }
.pw-modal-header[b-purqx7p9jv] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 18px 20px;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pw-modal-title[b-purqx7p9jv] {
    font-size: 19px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.pw-modal-body[b-purqx7p9jv] { padding: 25px; font-size: 15px; line-height: 1.6; }
.pw-modal-body p[b-purqx7p9jv] { margin: 0 0 12px 0; }
.pw-modal-footer[b-purqx7p9jv] {
    padding: 18px 20px;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.pw-closebtn[b-purqx7p9jv] {
    color: inherit;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    opacity: 0.8;
    line-height: 1;
}
.pw-closebtn:hover[b-purqx7p9jv] { opacity: 1; }

@media (max-width: 768px) {
    .pw-toolbar[b-purqx7p9jv] { flex-direction: column; gap: 0; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/RecentMutualMatches.cshtml.rz.scp.css */
/* Recent Mutual Matches — scoped styles (replaces admin/RecentMutualMatches.aspx inline <style>). */

.rmm-root[b-nh1laiqy7z] {
    --primary-gradient: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    --primary-color: #330033;
    --accent-purple: #6f42c1;
    --light-purple: #f9f4ff;
    --card-shadow: 0 2px 8px rgba(51, 0, 51, 0.1);
    --card-shadow-hover: 0 4px 16px rgba(51, 0, 51, 0.15);
    font-family: 'Segoe UI', Roboto, -apple-system, sans-serif;
    background: #f5f7fa;
    padding: 20px;
    color: #374151;
}

.rmm-container[b-nh1laiqy7z] { max-width: 1400px; margin: 0 auto; }

/* Header */
.rmm-root .page-header[b-nh1laiqy7z] {
    background: var(--primary-gradient);
    color: white;
    padding: 25px 30px;
    border-radius: 12px 12px 0 0;
    box-shadow: var(--card-shadow);
}
.rmm-root .page-header h2[b-nh1laiqy7z] {
    margin: 0; font-weight: 600; font-size: 1.75rem;
    display: flex; align-items: center; gap: 12px;
}
.rmm-root .page-header p[b-nh1laiqy7z] { margin: 10px 0 0 0; opacity: 0.95; font-size: 0.95rem; }

/* Stats dashboard */
.rmm-root .stats-section[b-nh1laiqy7z] {
    background: var(--light-purple);
    padding: 25px 30px;
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}
.rmm-root .stats-grid[b-nh1laiqy7z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}
.rmm-root .stat-card[b-nh1laiqy7z] {
    background: white; padding: 20px; border-radius: 10px; text-align: center;
    box-shadow: var(--card-shadow); transition: all 0.3s ease;
}
.rmm-root .stat-card:hover[b-nh1laiqy7z] { transform: translateY(-2px); box-shadow: var(--card-shadow-hover); }
.rmm-root .stat-number[b-nh1laiqy7z] { font-size: 2rem; font-weight: 700; color: var(--accent-purple); margin-bottom: 5px; }
.rmm-root .stat-label[b-nh1laiqy7z] { font-size: 0.875rem; color: #6b7280; font-weight: 500; }

/* Table container */
.rmm-root .table-section[b-nh1laiqy7z] {
    background: white; padding: 30px; border-radius: 0 0 12px 12px; box-shadow: var(--card-shadow);
}
.rmm-root .table-header[b-nh1laiqy7z] {
    font-size: 1.25rem; font-weight: 600; color: var(--primary-color);
    margin-bottom: 20px; display: flex; align-items: center; gap: 10px;
}
.rmm-root .count-pill[b-nh1laiqy7z] {
    font-size: 11px; font-weight: 600; color: #330033; background: #faf5ff;
    border: 1px solid #e9d8fd; border-radius: 999px; padding: 2px 10px;
}

.rmm-root .table-wrap[b-nh1laiqy7z] { overflow-x: auto; }

/* Table */
.rmm-root .modern-table[b-nh1laiqy7z] {
    width: 100%; border-collapse: separate; border-spacing: 0; background: white;
    border-radius: 10px; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    min-width: 900px;
}
.rmm-root .modern-table thead[b-nh1laiqy7z] { background: var(--primary-gradient); }
.rmm-root .modern-table th[b-nh1laiqy7z] {
    padding: 16px 14px; text-align: center; font-weight: 600; font-size: 0.875rem;
    text-transform: uppercase; letter-spacing: 0.5px;
    border-right: 1px solid rgba(255, 255, 255, 0.1); color: white;
}
.rmm-root .modern-table th:last-child[b-nh1laiqy7z] { border-right: none; }
.rmm-root .modern-table tbody tr[b-nh1laiqy7z] { transition: all 0.2s ease; border-bottom: 1px solid #e5e7eb; }
.rmm-root .modern-table tbody tr:last-child[b-nh1laiqy7z] { border-bottom: none; }
.rmm-root .modern-table tbody tr:nth-child(even)[b-nh1laiqy7z] { background: #f9fafb; }
.rmm-root .modern-table tbody tr:hover[b-nh1laiqy7z] { background: var(--light-purple); }
.rmm-root .modern-table td[b-nh1laiqy7z] {
    padding: 16px 14px; text-align: center; font-size: 0.9rem; color: #374151; vertical-align: middle;
}

/* Column specifics */
.rmm-root .col-number[b-nh1laiqy7z] { width: 5%; font-weight: 600; color: var(--accent-purple); }
.rmm-root .col-match-pair[b-nh1laiqy7z] { width: 16%; font-weight: 600; color: var(--primary-color); line-height: 1.8; }
.rmm-root .col-email[b-nh1laiqy7z] { width: 18%; word-break: break-word; }
.rmm-root .col-event[b-nh1laiqy7z] { width: 15%; }
.rmm-root .col-venue[b-nh1laiqy7z] { width: 12%; }
.rmm-root .col-date[b-nh1laiqy7z] { width: 13%; font-size: 0.85rem; }

/* Match-pair colored boxes (legacy: bit 1 = Male/blue, 0 = Female/pink) */
.rmm-root .match-name[b-nh1laiqy7z] {
    display: block; padding: 6px 12px; border-radius: 6px; border: 2px solid;
    margin: 3px 0; font-weight: 600; font-size: 0.85rem; text-align: left;
}
.rmm-root .match-name.male[b-nh1laiqy7z]   { background-color: #e3f2fd; border-color: #2196f3; color: #1565c0; }
.rmm-root .match-name.female[b-nh1laiqy7z] { background-color: #fce4ec; border-color: #ec407a; color: #c2185b; }
.rmm-root .match-name.other[b-nh1laiqy7z]  { background-color: #f3e5f5; border-color: #9c27b0; color: #6a1b9a; }

/* Emails (click-to-copy links) */
.rmm-root .email-list[b-nh1laiqy7z] { text-align: left; line-height: 1.6; }
.rmm-root .email-item[b-nh1laiqy7z] {
    display: block; padding: 4px 0; color: var(--accent-purple);
    text-decoration: none; font-weight: 500; cursor: pointer; transition: color 0.2s ease;
}
.rmm-root .email-item:hover[b-nh1laiqy7z] { color: var(--primary-color); text-decoration: underline; }

/* Links in table */
.rmm-root .modern-table a[b-nh1laiqy7z] {
    color: var(--accent-purple); text-decoration: none; font-weight: 500; transition: color 0.2s ease;
}
.rmm-root .modern-table a:hover[b-nh1laiqy7z] { color: var(--primary-color); text-decoration: underline; }
.rmm-root .modern-table tbody tr:hover a[b-nh1laiqy7z] { color: var(--primary-color); }

/* Date cell (two lines: "MMM dd, yyyy" over "h:mm tt") */
.rmm-root .date-line[b-nh1laiqy7z] { display: block; }
.rmm-root .time-line[b-nh1laiqy7z] { display: block; color: #6b7280; }

.rmm-root .empty-cell[b-nh1laiqy7z] { text-align: center; color: #9ca3af; padding: 40px 20px; font-style: italic; }

/* Responsive */
@media (max-width: 1200px) {
    .rmm-root .stats-grid[b-nh1laiqy7z] { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .rmm-container[b-nh1laiqy7z] { margin: 10px; }
    .rmm-root .page-header[b-nh1laiqy7z],
    .rmm-root .stats-section[b-nh1laiqy7z],
    .rmm-root .table-section[b-nh1laiqy7z] { padding: 20px; }
    .rmm-root .stats-grid[b-nh1laiqy7z] { grid-template-columns: 1fr; }
    .rmm-root .modern-table[b-nh1laiqy7z] { font-size: 0.8rem; }
    .rmm-root .modern-table th[b-nh1laiqy7z],
    .rmm-root .modern-table td[b-nh1laiqy7z] { padding: 10px 8px; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/RegistrationQuestionAnswers.cshtml.rz.scp.css */
/* ============================================================
   Registration Question Answers — Scoped CSS
   Extracted from legacy admin/RegistrationQuestionAnswers.aspx
   (fieldsets, right-floated event table #330033 / #F5ECFF,
   GridView header #330033 white text, rows #F5ECFF alternating
   white, centered cells).
   ============================================================ */

.rqa-page[b-kgmjmp0w4j] {
    width: 100%;
}

.rqa-title[b-kgmjmp0w4j] {
    margin: 10px 0;
}

/* ── Alert banner ── */
.rqa-alert[b-kgmjmp0w4j] {
    position: relative;
    padding: 12px 35px 12px 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.rqa-alert-danger[b-kgmjmp0w4j] {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.rqa-alert-close[b-kgmjmp0w4j] {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    border: none;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: inherit;
    opacity: 0.5;
    cursor: pointer;
}

.rqa-alert-close:hover[b-kgmjmp0w4j] {
    opacity: 1;
}

/* ── Fieldsets (legacy plain <fieldset><legend>) ── */
.rqa-fieldset[b-kgmjmp0w4j] {
    border: 1px groove #c0c0c0;
    padding: 8px;
    margin-bottom: 12px;
}

.rqa-fieldset legend[b-kgmjmp0w4j] {
    padding: 0 6px;
    width: auto;
    font-size: inherit;
    margin-bottom: 0;
    border: none;
}

/* ── Event summary table (legacy: width 40%, float right, border 1) ── */
.rqa-event-table[b-kgmjmp0w4j] {
    width: 40%;
    float: right;
    border-collapse: collapse;
}

.rqa-event-table td[b-kgmjmp0w4j] {
    border: 1px solid #808080;
    padding: 3px 6px;
}

.rqa-event-label[b-kgmjmp0w4j] {
    background-color: #330033;
    color: #ffffff;
    white-space: nowrap;
    vertical-align: top;
}

.rqa-event-value[b-kgmjmp0w4j] {
    background-color: #F5ECFF;
}

/* Clear the float so the grid fieldset starts below the event card */
.rqa-fieldset[b-kgmjmp0w4j]::after {
    content: "";
    display: block;
    clear: both;
}

/* ── Answers grid (legacy GridView) ── */
.rqa-grid[b-kgmjmp0w4j] {
    width: 100%;
    border-collapse: collapse;
}

.rqa-grid th[b-kgmjmp0w4j] {
    background-color: #330033;
    color: #ffffff;
    text-align: center;
    padding: 4px 6px;
}

.rqa-grid td[b-kgmjmp0w4j] {
    text-align: center;
    padding: 3px 6px;
}

.rqa-row[b-kgmjmp0w4j] {
    background-color: #F5ECFF;
}

.rqa-row-alt[b-kgmjmp0w4j] {
    background-color: #ffffff;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/RegistrationQuestions.cshtml.rz.scp.css */
/* Registration Questions — scoped styles (house palette #330033 / #E0C1FF) */

.rq-page[b-jz5x2n48po] { color: #222; }

/* Header */
.rq-header[b-jz5x2n48po] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; flex-wrap: wrap; gap: 12px; }
.rq-header-left[b-jz5x2n48po] { display: flex; align-items: center; gap: 14px; }
.rq-header-icon[b-jz5x2n48po] { width: 30px; height: 30px; color: #330033; }
.rq-header h1[b-jz5x2n48po] { font-size: 22px; color: #330033; margin: 0; }
.rq-sub[b-jz5x2n48po] { color: #3d2540; font-size: 13px; margin: 2px 0 0; }
.rq-header-right[b-jz5x2n48po] { display: flex; gap: 10px; }
.rq-link-answers[b-jz5x2n48po] { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #330033; border: 1px solid #330033; padding: 8px 14px; border-radius: 6px; text-decoration: none; }
.rq-link-answers:hover[b-jz5x2n48po] { background: #f7f0ff; }

/* Error */
.rq-error[b-jz5x2n48po] { position: relative; background: #f2dede; color: #a94442; border: 1px solid #ebccd1; border-radius: 6px; padding: 12px 36px 12px 15px; margin-bottom: 15px; }
.rq-error-close[b-jz5x2n48po] { position: absolute; top: 8px; right: 12px; background: none; border: none; font-size: 18px; font-weight: bold; cursor: pointer; color: inherit; }

/* Toolbar / buttons */
.rq-toolbar[b-jz5x2n48po] { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.rq-btn[b-jz5x2n48po] { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; padding: 9px 18px; border-radius: 6px; border: 1px solid transparent; cursor: pointer; font-weight: 500; }
.rq-btn-primary[b-jz5x2n48po] { background: #330033; color: #fff; }
.rq-btn-primary:hover[b-jz5x2n48po] { background: #4d004d; }
.rq-btn-secondary[b-jz5x2n48po] { background: #fff; color: #330033; border-color: #330033; }
.rq-btn-secondary:hover[b-jz5x2n48po] { background: #f7f0ff; }
.rq-btn-danger[b-jz5x2n48po] { background: #b91c1c; color: #fff; }
.rq-btn-danger:hover[b-jz5x2n48po] { background: #991b1b; }
.rq-btn:disabled[b-jz5x2n48po] { opacity: .6; cursor: not-allowed; }
.rq-btn-block[b-jz5x2n48po] { width: 100%; justify-content: center; background: #f7f0ff; color: #330033; border: 1px dashed #b98fe0; margin: 8px 0 16px; }
.rq-btn-block:hover[b-jz5x2n48po] { background: #efe1ff; }

/* Loading */
.rq-loading[b-jz5x2n48po] { display: flex; align-items: center; gap: 10px; color: #666; padding: 30px; justify-content: center; }
.rq-spinner[b-jz5x2n48po] { width: 26px; height: 26px; border: 3px solid #eee; border-top-color: #330033; border-radius: 50%; animation: rq-spin-b-jz5x2n48po 1s linear infinite; }
@keyframes rq-spin-b-jz5x2n48po { to { transform: rotate(360deg); } }

/* Panel / fieldset look */
.rq-panel[b-jz5x2n48po] { background: #fff; border: 1px solid #e3e3e3; border-radius: 8px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.rq-panel-legend[b-jz5x2n48po] { font-weight: 600; color: #330033; margin-bottom: 14px; font-size: 15px; }

/* Table */
.rq-table-wrap[b-jz5x2n48po] { overflow-x: auto; }
.rq-table[b-jz5x2n48po] { width: 100%; border-collapse: collapse; }
.rq-table thead th[b-jz5x2n48po] { background: #330033; color: #fff; text-align: left; padding: 10px; font-size: 13px; font-weight: 500; }
.rq-table td[b-jz5x2n48po] { padding: 10px; border-bottom: 1px solid #eee; font-size: 14px; vertical-align: top; }
.rq-table tbody tr:nth-child(even)[b-jz5x2n48po] { background: #F6EEFF; }
.rq-col-num[b-jz5x2n48po] { width: 48px; }
.rq-col-actions[b-jz5x2n48po] { width: 90px; white-space: nowrap; text-align: right; }
.rq-empty[b-jz5x2n48po] { text-align: center; color: #999; padding: 26px; }
.rq-qlist[b-jz5x2n48po] { width: 240px; max-width: 100%; border: 1px solid #ccc; border-radius: 4px; font-size: 12px; padding: 2px; }

/* Icon buttons */
.rq-icon-btn[b-jz5x2n48po] { background: none; border: none; cursor: pointer; color: #330033; padding: 4px; border-radius: 4px; vertical-align: middle; }
.rq-icon-btn:hover[b-jz5x2n48po] { background: #efe1ff; }
.rq-icon-danger[b-jz5x2n48po] { color: #b91c1c; }
.rq-icon-danger:hover[b-jz5x2n48po] { background: #fde8e8; }

/* Form */
.rq-form-row[b-jz5x2n48po] { display: flex; align-items: center; gap: 10px; margin: 8px 0; }
.rq-label[b-jz5x2n48po] { min-width: 130px; font-size: 13px; color: #444; font-weight: 500; }
.rq-input[b-jz5x2n48po] { padding: 8px 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; flex: 1; min-width: 0; }
.rq-input:focus[b-jz5x2n48po] { outline: none; border-color: #330033; box-shadow: 0 0 0 2px rgba(51,0,51,.12); }
.rq-input-sm[b-jz5x2n48po] { max-width: 90px; flex: none; }
.rq-name-input[b-jz5x2n48po] { max-width: 600px; }
.rq-field-required[b-jz5x2n48po] { color: #b91c1c; font-size: 12px; margin: 2px 0 6px 140px; }

/* Editor fields */
.rq-fields[b-jz5x2n48po] { margin: 10px 0; }
.rq-field-card[b-jz5x2n48po] { border: 1px solid #e3e3e3; border-radius: 8px; padding: 16px; margin-bottom: 12px; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
.rq-field-head[b-jz5x2n48po] { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.rq-field-num[b-jz5x2n48po] { font-weight: 600; color: #330033; }
.rq-field-title[b-jz5x2n48po] { flex: 1; }
.rq-subblock[b-jz5x2n48po] { background: #faf7ff; border: 1px solid #eee; border-radius: 6px; padding: 12px; margin-bottom: 10px; }
.rq-sublabel[b-jz5x2n48po] { font-size: 12px; font-weight: 600; color: #330033; display: block; margin-bottom: 8px; }
.rq-opt-row[b-jz5x2n48po] { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.rq-field-grid[b-jz5x2n48po] { display: grid; gap: 4px; }

.rq-actions[b-jz5x2n48po] { display: flex; justify-content: flex-start; gap: 10px; margin-top: 14px; }

/* Modal */
.rq-modal-bg[b-jz5x2n48po] { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 10000; display: flex; align-items: flex-start; justify-content: center; padding-top: 8vh; }
.rq-modal[b-jz5x2n48po] { background: #fff; border-radius: 10px; width: 440px; max-width: 92%; box-shadow: 0 10px 40px rgba(0,0,0,.25); overflow: hidden; }
.rq-modal-head[b-jz5x2n48po] { background: #330033; color: #fff; padding: 16px 20px; display: flex; justify-content: space-between; align-items: center; }
.rq-modal-head h3[b-jz5x2n48po] { margin: 0; font-size: 17px; }
.rq-modal-close[b-jz5x2n48po] { background: none; border: none; color: #fff; font-size: 22px; cursor: pointer; line-height: 1; }
.rq-modal-body[b-jz5x2n48po] { padding: 20px; font-size: 14px; }
.rq-modal-warn[b-jz5x2n48po] { color: #b45309; font-size: 13px; margin-top: 8px; }
.rq-modal-foot[b-jz5x2n48po] { padding: 14px 20px; border-top: 1px solid #eee; display: flex; justify-content: flex-end; gap: 10px; }
/* _content/NYMinuteDating-Net8/Pages/Admin/RelateErrorsToUsers.cshtml.rz.scp.css */
/* ============================================================
   Relate Errors To Users — Scoped CSS
   Adapted from legacy admin/RelateErrorsToUsers.aspx <style>.
   Card layout / labels preserved; header restyled to the migrated
   .page-header convention; the legacy unused .stats-dashboard block
   was dropped (it had CSS but no markup rendered it).
   ============================================================ */

/* Page header (migrated convention) */
.page-header[b-oprrqhl5ms] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 30px;
    background: #330033;
    border-radius: 14px;
    color: #fff;
    margin-bottom: 28px;
    box-shadow: 0 4px 12px rgba(51, 0, 51, 0.2);
}
.header-left[b-oprrqhl5ms] {
    display: flex;
    align-items: center;
    gap: 15px;
}
.header-icon[b-oprrqhl5ms] { width: 32px; height: 32px; opacity: 0.9; }
.header-left h1[b-oprrqhl5ms] { font-size: 1.7rem; font-weight: 600; margin: 0; }
.header-sub[b-oprrqhl5ms] { font-size: 0.9rem; opacity: 0.9; margin-top: 4px; }

.header-right[b-oprrqhl5ms] { display: flex; align-items: center; gap: 14px; }
.badge[b-oprrqhl5ms] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 30px;
    border-radius: 15px;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0 12px;
}
.badge-warn[b-oprrqhl5ms] { background: #dc3545; color: #fff; }
.badge-ok[b-oprrqhl5ms] { background: rgba(255, 255, 255, 0.2); color: #fff; }

/* Error banner */
.error-banner[b-oprrqhl5ms] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Loading */
.loading-overlay[b-oprrqhl5ms] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-oprrqhl5ms] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #6f42c1;
    border-radius: 50%;
    animation: spin-b-oprrqhl5ms 0.7s linear infinite;
}
@keyframes spin-b-oprrqhl5ms { to { transform: rotate(360deg); } }

/* User Error Card */
.error-card[b-oprrqhl5ms] {
    background: #fff;
    border-radius: 12px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: all 0.3s ease;
}
.error-card:hover[b-oprrqhl5ms] { box-shadow: 0 4px 16px rgba(111, 66, 193, 0.15); }

.card-header[b-oprrqhl5ms] {
    background: #330033;
    color: #fff;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card-number[b-oprrqhl5ms] {
    background: rgba(255, 255, 255, 0.2);
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.error-count-badge[b-oprrqhl5ms] {
    background: #dc3545;
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.card-body[b-oprrqhl5ms] {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 30px;
    padding: 30px;
}

/* Profile Section */
.profile-section[b-oprrqhl5ms] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.profile-image-container[b-oprrqhl5ms] {
    width: 180px;
    height: 200px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border: 3px solid #6f42c1;
}
.profile-image-container img[b-oprrqhl5ms] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.user-id-badge[b-oprrqhl5ms] {
    background: #f0e6ff;
    color: #330033;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Details Section */
.details-section[b-oprrqhl5ms] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.detail-column[b-oprrqhl5ms] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.detail-group[b-oprrqhl5ms] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 15px;
}
.detail-group:last-child[b-oprrqhl5ms] {
    border-bottom: none;
    padding-bottom: 0;
}
.detail-label[b-oprrqhl5ms] {
    font-size: 12px;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}
.detail-label i[b-oprrqhl5ms] { width: 14px; height: 14px; }
.detail-value[b-oprrqhl5ms] {
    font-size: 15px;
    color: #212529;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}
.detail-value i[b-oprrqhl5ms] {
    color: #6f42c1;
    width: 16px;
    height: 16px;
}

/* Error Details Section */
.error-details-full[b-oprrqhl5ms] {
    grid-column: 1 / -1;
    margin-top: 20px;
    padding-top: 25px;
    border-top: 2px solid #e9ecef;
}
.error-section-title[b-oprrqhl5ms] {
    color: #330033;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.error-section-title i[b-oprrqhl5ms] { color: #dc3545; width: 18px; height: 18px; }

.error-box[b-oprrqhl5ms] {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}
.error-box-danger[b-oprrqhl5ms] {
    background: #f8d7da;
    border-left: 4px solid #dc3545;
}
.error-box-info[b-oprrqhl5ms] {
    background: #d1ecf1;
    border-left: 4px solid #17a2b8;
}
.error-box-title[b-oprrqhl5ms] {
    font-size: 13px;
    font-weight: 600;
    color: #856404;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.error-box-danger .error-box-title[b-oprrqhl5ms] { color: #721c24; }
.error-box-info .error-box-title[b-oprrqhl5ms] { color: #0c5460; }
.error-box-content[b-oprrqhl5ms] {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    word-break: break-word;
}

.ip-address[b-oprrqhl5ms] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f0e6ff;
    color: #330033;
    padding: 10px 16px;
    border-radius: 8px;
    font-family: 'Courier New', monospace;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #6f42c1;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
    white-space: nowrap;
}
.ip-address:hover[b-oprrqhl5ms] {
    background: #e0d1ff;
    border-color: #330033;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(111, 66, 193, 0.2);
}
.ip-address:active[b-oprrqhl5ms] { transform: translateY(0); }

.stack-trace[b-oprrqhl5ms] {
    background: #2d2d2d;
    color: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    font-family: 'Courier New', monospace;
    font-size: 12px;
    line-height: 1.6;
    max-height: 300px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Gender Badge */
.gender-badge[b-oprrqhl5ms] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
}
.gender-male[b-oprrqhl5ms] { background: #cce5ff; color: #004085; }
.gender-female[b-oprrqhl5ms] { background: #f8d7da; color: #721c24; }

/* Empty State (legacy emptyStatePanel) */
.empty-state[b-oprrqhl5ms] {
    background: #fff;
    border-radius: 12px;
    padding: 60px 30px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.empty-state h3[b-oprrqhl5ms] { color: #330033; margin: 16px 0 10px 0; }
.empty-state p[b-oprrqhl5ms] { color: #6c757d; margin: 0; }

/* Responsive */
@media (max-width: 1024px) {
    .card-body[b-oprrqhl5ms] { grid-template-columns: 1fr; }
    .details-section[b-oprrqhl5ms] { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .page-header[b-oprrqhl5ms] { flex-direction: column; gap: 12px; text-align: center; }
    .header-left[b-oprrqhl5ms] { flex-direction: column; }
    .header-left h1[b-oprrqhl5ms] { font-size: 1.4rem; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/RemoveDuplicateMessages.cshtml.rz.scp.css */
/* ============================================================
   Remove Duplicate Messages — Scoped CSS
   Ported from legacy admin/RemoveDuplicateMessages.aspx
   (#330033 fieldset/legend, purple grid, alert + confirm modal).
   CSS isolation scopes these class names to this page; the x-for
   template rows inherit the build-time scope attribute.
   ============================================================ */

.rdm-page[b-q9seqvn2ri] { font-family: 'Segoe UI', Roboto, sans-serif; max-width: 1200px; margin: 0 auto; }

/* ── Header ── */
.rdm-header[b-q9seqvn2ri] {
    display: flex; align-items: center;
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff; padding: 20px 25px; border-radius: 8px 8px 0 0;
}
.rdm-header-left[b-q9seqvn2ri] { display: flex; align-items: center; gap: 14px; }
.rdm-header-left h2[b-q9seqvn2ri] { margin: 0; font-weight: 600; font-size: 1.4rem; }
.rdm-sub[b-q9seqvn2ri] { margin: 4px 0 0 0; opacity: 0.9; font-size: 0.9rem; }
.rdm-h-icon[b-q9seqvn2ri] { width: 26px; height: 26px; }
.rdm-inline-icon[b-q9seqvn2ri] { width: 15px; height: 15px; display: inline-block; vertical-align: middle; }

/* ── Alert (legacy .alert / .alert-danger / .alert-success) ── */
.rdm-alert[b-q9seqvn2ri] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 20px; color: #fff;
}
.rdm-alert-danger[b-q9seqvn2ri] { background-color: #f44336; }
.rdm-alert-success[b-q9seqvn2ri] { background-color: #04AA6D; }
.rdm-closebtn[b-q9seqvn2ri] { color: #fff; font-weight: bold; font-size: 22px; cursor: pointer; opacity: 0.85; margin-left: 15px; }
.rdm-closebtn:hover[b-q9seqvn2ri] { opacity: 1; }

/* ── Fieldset (legacy fieldset/legend) ── */
.rdm-fieldset[b-q9seqvn2ri] {
    border: 1px groove #330033; padding: 1.4em; margin: 0;
    background: #fff; border-radius: 0 0 8px 8px;
}
.rdm-fieldset legend[b-q9seqvn2ri] {
    font-size: 1.2em; font-weight: bold; text-align: left; width: auto;
    padding: 0 10px; color: #330033; border-bottom: none;
}

/* ── Action button (legacy deleteLinkButton) ── */
.rdm-action-btn[b-q9seqvn2ri] {
    display: inline-flex; align-items: center; gap: 8px;
    background: #dc3545; color: #fff; border: none; border-radius: 6px;
    padding: 10px 18px; font-size: 0.95rem; font-weight: 600; cursor: pointer;
    margin: 10px 0 20px 0; transition: all 0.2s ease;
}
.rdm-action-btn:hover:not(:disabled)[b-q9seqvn2ri] { background: #c82333; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(220,53,69,0.3); }
.rdm-action-btn:disabled[b-q9seqvn2ri] { opacity: 0.6; cursor: not-allowed; }

/* ── History grid (legacy GRIDVIEWHeading purple) ── */
.rdm-table-wrap[b-q9seqvn2ri] { overflow-x: auto; }
.rdm-table[b-q9seqvn2ri] { width: 100%; border-collapse: collapse; }
.rdm-table thead th[b-q9seqvn2ri] {
    background-color: #330033; color: #fff; padding: 12px; text-align: left;
    font-weight: 600; font-size: 0.88rem; white-space: nowrap;
}
.rdm-table tbody td[b-q9seqvn2ri] { padding: 11px 12px; border-bottom: 1px solid #eee; font-size: 0.9rem; color: #333; }
.rdm-alt-row td[b-q9seqvn2ri] { background-color: #E0C1FF; }
.rdm-table tbody tr:hover td[b-q9seqvn2ri] { background-color: #efe2ff; }

.rdm-empty[b-q9seqvn2ri] { text-align: center; padding: 30px 20px; color: #777; font-size: 0.95rem; }

/* ── Confirm modal ── */
.rdm-modal-overlay[b-q9seqvn2ri] {
    position: fixed; inset: 0; background-color: rgba(0,0,0,0.5);
    display: flex; align-items: flex-start; justify-content: center;
    padding-top: 8%; z-index: 10001;
}
.rdm-modal-content[b-q9seqvn2ri] {
    background-color: #fefefe; border: 1px solid #888; width: 500px; max-width: 90%;
    border-radius: 10px; box-shadow: 0 4px 20px rgba(0,0,0,0.3); overflow: hidden;
}
.rdm-modal-header[b-q9seqvn2ri] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%); padding: 15px 20px; color: #fff;
    display: flex; justify-content: space-between; align-items: center;
}
.rdm-modal-header h3[b-q9seqvn2ri] { margin: 0; font-size: 20px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.rdm-modal-close[b-q9seqvn2ri] { color: #fff; font-size: 28px; font-weight: bold; cursor: pointer; opacity: 0.8; }
.rdm-modal-close:hover[b-q9seqvn2ri] { opacity: 1; }
.rdm-modal-body[b-q9seqvn2ri] { padding: 25px; background: #fff; }
.rdm-modal-body p[b-q9seqvn2ri] { margin: 10px 0; color: #555; line-height: 1.6; }
.rdm-modal-footer[b-q9seqvn2ri] {
    padding: 15px 20px; background: #f8f9fa; border-top: 1px solid #dee2e6;
    display: flex; justify-content: flex-end; gap: 10px;
}
.rdm-btn[b-q9seqvn2ri] { padding: 8px 16px; border: none; border-radius: 6px; font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all 0.2s ease; }
.rdm-btn:disabled[b-q9seqvn2ri] { opacity: 0.6; cursor: not-allowed; }
.rdm-btn-secondary[b-q9seqvn2ri] { background: #6c757d; color: #fff; }
.rdm-btn-secondary:hover[b-q9seqvn2ri] { background: #5a6268; }
.rdm-btn-danger[b-q9seqvn2ri] { background: #dc3545; color: #fff; }
.rdm-btn-danger:hover:not(:disabled)[b-q9seqvn2ri] { background: #c82333; }

[x-cloak][b-q9seqvn2ri] { display: none !important; }

@media (max-width: 768px) {
    .rdm-header[b-q9seqvn2ri] { flex-direction: column; gap: 12px; text-align: center; }
    .rdm-table thead th[b-q9seqvn2ri], .rdm-table tbody td[b-q9seqvn2ri] { padding: 9px 8px; font-size: 0.85rem; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/RepeatCustomers.cshtml.rz.scp.css */
/* ============================================================
   Repeat Customers — Scoped CSS
   Ports the legacy admin/RepeatCustomers.aspx #330033 theme into the
   shared admin look (matches NonRegisteredSignups / SmsCampaignManager).
   Scoped: the Alpine <template x-for> rows carry the build-time scope
   attribute, so tbody row/cell rules apply to the generated rows too.
   ============================================================ */

.rc-page[b-h5vd88vs43] { max-width: 1600px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.rc-page [x-cloak][b-h5vd88vs43] { display: none !important; }

/* Header */
.rc-header[b-h5vd88vs43] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff; padding: 20px 28px;
    border-radius: 12px 12px 0 0; display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.rc-header h2[b-h5vd88vs43] { margin: 0; font-size: 1.2rem; display: flex; align-items: center; gap: 10px; }
.rc-header h2 i[b-h5vd88vs43] { width: 22px; height: 22px; }
.rc-header-actions[b-h5vd88vs43] { display: flex; gap: 8px; }
.rc-btn-header[b-h5vd88vs43] {
    background: rgba(255,255,255,0.15); color: #fff; border: 1px solid rgba(255,255,255,0.3);
    padding: 8px 14px; border-radius: 6px; cursor: pointer; font-size: 0.82rem; font-weight: 600;
    display: inline-flex; align-items: center; gap: 6px; transition: background 0.2s;
}
.rc-btn-header:hover[b-h5vd88vs43] { background: rgba(255,255,255,0.28); }
.rc-btn-header i[b-h5vd88vs43] { width: 15px; height: 15px; }

/* Search */
.rc-search[b-h5vd88vs43] { padding: 16px 28px; background: #fff; border-bottom: 1px solid #e5e7eb; }
.rc-search-grid[b-h5vd88vs43] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 14px; }
.rc-search-grid label[b-h5vd88vs43] { font-size: 0.8rem; font-weight: 600; color: #374151; display: block; margin-bottom: 2px; }
.rc-search-grid input[b-h5vd88vs43], .rc-search-grid select[b-h5vd88vs43] {
    width: 100%; padding: 6px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 0.85rem; box-sizing: border-box;
}
.rc-search-grid input:focus[b-h5vd88vs43], .rc-search-grid select:focus[b-h5vd88vs43] {
    outline: none; border-color: #6f42c1; box-shadow: 0 0 0 2px rgba(111,66,193,0.1);
}
.rc-search-actions[b-h5vd88vs43] { grid-column: 1 / -1; display: flex; gap: 8px; margin-top: 4px; }
.rc-btn-search[b-h5vd88vs43] {
    padding: 7px 20px; background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff; border: none;
    border-radius: 5px; font-size: 0.85rem; font-weight: 600; cursor: pointer;
}
.rc-btn-search:hover[b-h5vd88vs43] { opacity: 0.9; }
.rc-btn-reset[b-h5vd88vs43] { padding: 7px 20px; background: #e5e7eb; color: #374151; border: none; border-radius: 5px; font-size: 0.85rem; cursor: pointer; }

/* Legend + result count */
.rc-legend[b-h5vd88vs43] {
    padding: 10px 28px; background: #fff; border-bottom: 1px solid #e5e7eb; display: flex; gap: 18px;
    font-size: 0.8rem; color: #555; flex-wrap: wrap; align-items: center;
}
.rc-legend .rc-count[b-h5vd88vs43] { font-weight: 700; color: #330033; }
.rc-legend-dot[b-h5vd88vs43] { display: inline-block; width: 12px; height: 12px; border-radius: 2px; margin-right: 4px; vertical-align: middle; }

/* Table */
.rc-body[b-h5vd88vs43] { background: #fff; padding: 0 0 20px 0; border-radius: 0 0 12px 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
.rc-table-wrap[b-h5vd88vs43] { overflow-x: auto; padding: 0 16px; }
.rc-grid[b-h5vd88vs43] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 0.82rem; }
.rc-grid thead[b-h5vd88vs43] { background: linear-gradient(135deg, #330033 0%, #4a004a 100%); }
.rc-grid th[b-h5vd88vs43] {
    padding: 10px 8px; text-align: left; color: #fff; font-weight: 600; font-size: 0.72rem;
    text-transform: uppercase; letter-spacing: 0.4px; white-space: nowrap; cursor: pointer; user-select: none;
}
.rc-grid th.rc-nosort[b-h5vd88vs43] { cursor: default; }
.rc-grid th:hover[b-h5vd88vs43] { background: rgba(255,255,255,0.1); }
.rc-grid th .rc-sort-arrow[b-h5vd88vs43] { font-size: 10px; margin-left: 2px; }
.rc-grid td[b-h5vd88vs43] { padding: 6px 6px; border-bottom: 1px solid #eee; vertical-align: middle; font-size: 0.78rem; white-space: nowrap; }
.rc-grid td.wrap[b-h5vd88vs43] { white-space: normal; word-break: break-word; }
.rc-grid tbody tr[b-h5vd88vs43] { transition: background 0.15s; }
.rc-grid tbody tr:nth-child(even)[b-h5vd88vs43] { background: #f1e6ff; }
.rc-grid tbody tr:hover[b-h5vd88vs43] { background: #eadbff; }

/* Do-Not-Contact (iContact opt-out) rows — legacy painted the whole row red */
.rc-grid tbody tr.row-optout[b-h5vd88vs43] { background: #fee2e2 !important; }
.rc-grid tbody tr.row-optout:hover[b-h5vd88vs43] { background: #fecaca !important; }

.rc-grid a[b-h5vd88vs43] { color: #6f42c1; text-decoration: none; font-weight: 500; cursor: pointer; }
.rc-grid a:hover[b-h5vd88vs43] { text-decoration: underline; }
.rc-grid .rc-total-link[b-h5vd88vs43] { font-weight: 700; }

.rc-act-btn[b-h5vd88vs43] { background: none; border: none; cursor: pointer; padding: 3px 5px; border-radius: 3px; color: #555; }
.rc-act-btn:hover[b-h5vd88vs43] { background: #f3e8f3; color: #330033; }
.rc-act-btn i[b-h5vd88vs43] { width: 16px; height: 16px; }

.rc-no-results[b-h5vd88vs43] { text-align: center; padding: 40px; color: #888; }

/* Paging */
.rc-paging[b-h5vd88vs43] { display: flex; align-items: center; justify-content: space-between; padding: 12px 28px; font-size: 0.85rem; color: #555; flex-wrap: wrap; gap: 10px; }
.rc-paging-btns[b-h5vd88vs43] { display: flex; gap: 4px; flex-wrap: wrap; }
.rc-paging-btns button[b-h5vd88vs43] { padding: 4px 10px; border: 1px solid #ccc; border-radius: 4px; background: #fff; cursor: pointer; font-size: 0.8rem; }
.rc-paging-btns button.active[b-h5vd88vs43] { background: #330033; color: #fff; border-color: #330033; }
.rc-paging-btns button:hover:not(.active):not(:disabled)[b-h5vd88vs43] { background: #f3e8f3; }
.rc-paging-btns button:disabled[b-h5vd88vs43] { opacity: 0.4; cursor: default; }

/* Modals */
.rc-modal-overlay[b-h5vd88vs43] {
    display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.5); align-items: flex-start; justify-content: center; padding: 20px; overflow: auto;
}
.rc-modal-overlay.open[b-h5vd88vs43] { display: flex; }
.rc-modal[b-h5vd88vs43] {
    background: #fff; width: 92%; max-width: 680px; border-radius: 10px; margin: 20px auto;
    box-shadow: 0 12px 40px rgba(0,0,0,0.25); max-height: calc(100vh - 40px); display: flex; flex-direction: column;
}
.rc-modal.rc-modal-wide[b-h5vd88vs43] { max-width: 980px; }
.rc-modal.rc-modal-sm[b-h5vd88vs43] { max-width: 480px; }
.rc-modal-head[b-h5vd88vs43] {
    padding: 14px 20px; background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff;
    border-radius: 10px 10px 0 0; display: flex; align-items: center; justify-content: space-between;
}
.rc-modal-head.danger[b-h5vd88vs43] { background: linear-gradient(135deg, #7a1020 0%, #b91c1c 100%); }
.rc-modal-head h3[b-h5vd88vs43] { margin: 0; font-size: 0.98rem; display: flex; align-items: center; gap: 8px; }
.rc-modal-head h3 i[b-h5vd88vs43] { width: 18px; height: 18px; }
.rc-modal-head button[b-h5vd88vs43] {
    background: transparent; border: none; color: #fff; font-size: 1.3rem; cursor: pointer; border-radius: 50%;
    width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;
}
.rc-modal-head button:hover[b-h5vd88vs43] { background: rgba(255,255,255,0.2); }
.rc-modal-body[b-h5vd88vs43] { padding: 20px; overflow-y: auto; flex: 1; }
.rc-modal-foot[b-h5vd88vs43] { padding: 12px 20px; border-top: 1px solid #e5e7eb; display: flex; justify-content: flex-end; gap: 8px; }

.rc-modal-body label[b-h5vd88vs43] { font-size: 0.85rem; font-weight: 600; color: #333; display: block; margin-bottom: 3px; margin-top: 10px; }
.rc-modal-body input[type=text][b-h5vd88vs43], .rc-modal-body input[type=email][b-h5vd88vs43], .rc-modal-body input[type=number][b-h5vd88vs43], .rc-modal-body textarea[b-h5vd88vs43] {
    width: 100%; padding: 8px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 0.85rem; font-family: inherit; box-sizing: border-box;
}
.rc-modal-body textarea.rc-subject-src[b-h5vd88vs43] { min-height: 54px; resize: vertical; font-family: monospace; font-size: 0.78rem; }
.rc-ccbcc-toggle[b-h5vd88vs43] { background: none; border: none; color: #6f42c1; font-size: 0.82rem; font-weight: 600; cursor: pointer; padding: 6px 0; }
.rc-ccbcc-toggle:hover[b-h5vd88vs43] { text-decoration: underline; }

.modal-btn[b-h5vd88vs43] { padding: 8px 20px; border: none; border-radius: 5px; font-size: 0.85rem; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.modal-btn i[b-h5vd88vs43] { width: 15px; height: 15px; }
.modal-btn.primary[b-h5vd88vs43] { background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff; }
.modal-btn.danger[b-h5vd88vs43] { background: linear-gradient(135deg, #7a1020 0%, #b91c1c 100%); color: #fff; }
.modal-btn.secondary[b-h5vd88vs43] { background: #e5e7eb; color: #374151; }
.modal-btn:disabled[b-h5vd88vs43] { opacity: 0.55; cursor: not-allowed; }

/* Confirm-send modal contents */
.rc-confirm-lead[b-h5vd88vs43] { font-size: 0.95rem; margin: 0 0 12px 0; }
.rc-confirm-count[b-h5vd88vs43] { font-size: 1.05rem; color: #b91c1c; }
.rc-confirm-box[b-h5vd88vs43] { background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: 12px 14px; margin: 10px 0; }
.rc-confirm-box div[b-h5vd88vs43] { display: flex; justify-content: space-between; padding: 3px 0; font-size: 0.86rem; }
.rc-confirm-warn[b-h5vd88vs43] { display: flex; align-items: center; gap: 8px; color: #b91c1c; font-size: 0.82rem; margin: 10px 0 0 0; }
.rc-confirm-warn i[b-h5vd88vs43] { width: 16px; height: 16px; flex-shrink: 0; }

/* Event-history popup grid */
.rc-evt-grid[b-h5vd88vs43] { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
.rc-evt-grid th[b-h5vd88vs43] { background: #330033; color: #fff; padding: 8px; text-align: left; white-space: nowrap; font-weight: 600; }
.rc-evt-grid td[b-h5vd88vs43] { padding: 7px 8px; border-bottom: 1px solid #eee; vertical-align: middle; }
.rc-evt-grid tbody tr:nth-child(even)[b-h5vd88vs43] { background: #f7f0ff; }
.rc-evt-grid a[b-h5vd88vs43] { color: #6f42c1; text-decoration: none; }
.rc-evt-grid a:hover[b-h5vd88vs43] { text-decoration: underline; }

/* Template editor */
.rc-tpl-grid[b-h5vd88vs43] { display: grid; grid-template-columns: 1fr 240px; gap: 18px; margin-top: 8px; }
.rc-tpl-placeholders h4[b-h5vd88vs43] { margin: 0 0 8px 0; font-size: 0.85rem; color: #330033; }
.rc-tpl-placeholders ul[b-h5vd88vs43] { list-style: none; margin: 0 0 16px 0; padding: 0; }
.rc-tpl-placeholders li[b-h5vd88vs43] { margin-bottom: 6px; }
.rc-chip-btn[b-h5vd88vs43] {
    width: 100%; text-align: left; background: #FFFDE3; border: 1px solid #DCDAC1; border-radius: 4px;
    padding: 6px 10px; font-size: 0.82rem; cursor: pointer;
}
.rc-chip-btn:hover[b-h5vd88vs43] { background: #fff7c2; }

@media (max-width: 900px) {
    .rc-search-grid[b-h5vd88vs43] { grid-template-columns: repeat(2, 1fr); }
    .rc-tpl-grid[b-h5vd88vs43] { grid-template-columns: 1fr; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/RepeatCustomersTemplate.cshtml.rz.scp.css */
/* ============================================================
   Repeat Customers Template — Scoped CSS
   Adapted from legacy admin/RepeatCustomersTemplate.aspx inline
   <style>: #placeholderList (#FAFAFA rows, #F3F3F3 stripes,
   #FFFDE3 hover with #DCDAC1 left border), .contact ellipsis,
   and the #330033 Save button. (Legacy pulled Font Awesome +
   Bootstrap-style .alert chrome; here the shared admin toast +
   scoped banner replace them, so neither is loaded.)
   Mirrors the sibling BirthdayMessageTemplate editor layout.
   ============================================================ */

.rct-page[b-wsxfymobh3] {
    width: 100%;
}

.rct-card[b-wsxfymobh3] { border:1px solid #ccc; border-radius:4px; background:#fff; padding:0 16px 16px; }
.rct-card-title[b-wsxfymobh3] { margin:0 -16px 14px; padding:11px 16px; font-size:18px; background:#f7f3f7; border-bottom:1px solid #ddd; border-radius:4px 4px 0 0; }

/* ── Header ── */
.rct-header[b-wsxfymobh3] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.rct-header-icon[b-wsxfymobh3] {
    width: 28px;
    height: 28px;
    color: #330033;
    flex-shrink: 0;
}

.rct-header h1[b-wsxfymobh3] {
    margin: 0;
    font-size: 22px;
}

.rct-header-sub[b-wsxfymobh3] {
    margin: 2px 0 0;
    color: #3d2540;
    font-size: 13px;
}

/* ── Status banner (legacy .alert / close button) ── */
.rct-alert[b-wsxfymobh3] {
    padding: 20px;
    color: white;
    margin-bottom: 15px;
}

.rct-alert-danger[b-wsxfymobh3] {
    background-color: #f44336;
}

.rct-alert-success[b-wsxfymobh3] {
    background-color: #04AA6D;
}

.rct-closebtn[b-wsxfymobh3] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    background: none;
    border: none;
    padding: 0;
}

.rct-closebtn:hover[b-wsxfymobh3] {
    color: black;
}

/* ── Subject ── */
.rct-field[b-wsxfymobh3] {
    margin-bottom: 14px;
}

.rct-label[b-wsxfymobh3] {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}

.rct-subject[b-wsxfymobh3] {
    width: 100%;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    margin-top: 5px;
    padding: 10px 6px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    min-height: 44px;
    white-space: nowrap;
    overflow-x: auto;
}

.rct-subject .hcard-token[b-wsxfymobh3] { display:inline-block; background:#FFFDE3; border:1px solid #DCDAC1; border-radius:3px; padding:0 4px; }

/* ── 70/30 layout (legacy left editor / right placeholders) ── */
.rct-grid[b-wsxfymobh3] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
    gap: 16px;
    align-items: start;
}

.rct-grid h3[b-wsxfymobh3] {
    margin: 6px 0;
    font-size: 15px;
}

/* Body textarea before TinyMCE takes over */
.rct-body-editor[b-wsxfymobh3] {
    width: 100%;
    box-sizing: border-box;
    min-height: 200px;
}

/* ── Discount field ── */
.rct-discount[b-wsxfymobh3] {
    margin-bottom: 16px;
}

.rct-discount-input[b-wsxfymobh3] {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
}

/* ── Placeholder list (legacy #placeholderList / .contact) ── */
.rct-placeholder-list[b-wsxfymobh3] {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.rct-placeholder-list li[b-wsxfymobh3] {
    background: #FAFAFA;
    margin-bottom: 1px;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
}

.rct-placeholder-list li:nth-child(2n)[b-wsxfymobh3] {
    background: #F3F3F3;
}

.rct-placeholder-list li:hover[b-wsxfymobh3] {
    background: #FFFDE3;
    border-left: 5px solid #DCDAC1;
    margin-left: -5px;
}

.rct-contact[b-wsxfymobh3] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    background: transparent;
    border: none;
    font: inherit;
    line-height: inherit;
    cursor: pointer;
    box-sizing: border-box;
}

/* ── Save button (legacy .button: #330033 on white) ── */
.rct-save[b-wsxfymobh3] {
    background-color: #330033;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 8px 28px;
    margin-top: 14px;
    font-size: 14px;
    cursor: pointer;
}

.rct-save:hover[b-wsxfymobh3] {
    background-color: #4a004a;
}

.rct-save:disabled[b-wsxfymobh3] {
    background-color: #888;
    cursor: default;
}

/* ── Small screens: stack the placeholder column ── */
@media (max-width: 900px) {
    .rct-grid[b-wsxfymobh3] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/RevenueByMonthChart.cshtml.rz.scp.css */
/* ============================================================
   Revenue by Month Chart — Scoped CSS
   ============================================================ */

/* --- Page Header --- */
.page-header[b-683j8i33as] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 50%, #5b21b6 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left h1[b-683j8i33as] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-683j8i33as] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.year-nav[b-683j8i33as] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.15);
    padding: 4px;
    border-radius: 10px;
    backdrop-filter: blur(8px);
}
.year-btn[b-683j8i33as] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: none;
    background: rgba(255,255,255,0.12);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}
.year-btn:hover:not(:disabled)[b-683j8i33as] { background: rgba(255,255,255,0.25); }
.year-btn:disabled[b-683j8i33as] { opacity: 0.3; cursor: not-allowed; }

.year-select[b-683j8i33as] {
    background: rgba(255,255,255,0.2);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    appearance: none;
    text-align: center;
    min-width: 80px;
}
.year-select option[b-683j8i33as] { color: #333; background: #fff; }

/* --- Error Banner --- */
.error-banner[b-683j8i33as] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
    word-break: break-word;
}

/* --- Loading --- */
.loading-overlay[b-683j8i33as] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-683j8i33as] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #7c3aed;
    border-radius: 50%;
    animation: spin-b-683j8i33as 0.7s linear infinite;
}
@keyframes spin-b-683j8i33as { to { transform: rotate(360deg); } }

/* --- KPI Cards --- */
.kpi-row[b-683j8i33as] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}
.kpi-card[b-683j8i33as] {
    background: #fff;
    border-radius: 12px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    transition: transform 0.15s, box-shadow 0.15s;
}
.kpi-card:hover[b-683j8i33as] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.kpi-icon[b-683j8i33as] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.kpi-total .kpi-icon[b-683j8i33as] { background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff; }
.kpi-avg .kpi-icon[b-683j8i33as]   { background: linear-gradient(135deg, #06b6d4, #14b8a6); color: #fff; }
.kpi-peak .kpi-icon[b-683j8i33as]   { background: linear-gradient(135deg, #f97316, #eab308); color: #fff; }
.kpi-events .kpi-icon[b-683j8i33as] { background: linear-gradient(135deg, #ec4899, #f43f5e); color: #fff; }

.kpi-content[b-683j8i33as] { display: flex; flex-direction: column; min-width: 0; }
.kpi-label[b-683j8i33as] { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.5px; color: #888; font-weight: 600; }
.kpi-value[b-683j8i33as] { font-size: 1.25rem; font-weight: 700; color: #1e1e2e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kpi-sub[b-683j8i33as] { font-size: 0.78rem; color: #7c3aed; font-weight: 600; }

/* --- Chart Panels --- */
.chart-panel[b-683j8i33as],
.yoy-panel[b-683j8i33as],
.table-panel[b-683j8i33as] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    overflow: hidden;
}
.chart-header[b-683j8i33as] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #f0f0f0;
}
.chart-header h2[b-683j8i33as] { font-size: 0.95rem; font-weight: 700; color: #333; margin: 0; }

.chart-body[b-683j8i33as] { padding: 20px; position: relative; }
.yoy-chart-body[b-683j8i33as] { padding: 16px 20px; }

/* Chart type toggles */
.chart-toggles[b-683j8i33as] { display: flex; gap: 4px; }
.toggle-btn[b-683j8i33as] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 6px;
    font-size: 0.78rem;
    color: #666;
    cursor: pointer;
    transition: all 0.15s;
    font-weight: 500;
}
.toggle-btn:hover[b-683j8i33as] { border-color: #c4b5fd; color: #7c3aed; }
.toggle-btn.active[b-683j8i33as] {
    background: #7c3aed;
    color: #fff;
    border-color: #7c3aed;
}

/* --- Data Table --- */
.table-wrap[b-683j8i33as] { overflow-x: auto; }
.revenue-table[b-683j8i33as] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.revenue-table th[b-683j8i33as] {
    text-align: left;
    padding: 10px 16px;
    background: #f9fafb;
    font-weight: 600;
    font-size: 0.73rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #666;
    border-bottom: 2px solid #eee;
}
.revenue-table td[b-683j8i33as] {
    padding: 10px 16px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
}
.revenue-table tr:hover td[b-683j8i33as] { background: #faf5ff; }
.revenue-table th.num[b-683j8i33as],
.revenue-table td.num[b-683j8i33as] { text-align: right; }

.month-dot[b-683j8i33as] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    margin-right: 8px;
    vertical-align: middle;
}

.bar-cell[b-683j8i33as] {
    width: 100%;
    min-width: 120px;
    height: 20px;
    background: #f3f4f6;
    border-radius: 4px;
    overflow: hidden;
}
.bar-fill[b-683j8i33as] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.5s ease;
    min-width: 2px;
}

.total-row td[b-683j8i33as] {
    background: #f9fafb;
    border-top: 2px solid #e5e7eb;
    padding: 12px 16px;
}

/* --- Empty State --- */
.empty-state[b-683j8i33as] {
    text-align: center;
    padding: 60px 20px;
    color: #999;
}
.empty-state p[b-683j8i33as] { margin-top: 12px; font-size: 0.95rem; }

/* --- Responsive --- */
@media (max-width: 900px) {
    .kpi-row[b-683j8i33as] { grid-template-columns: repeat(2, 1fr); }
    .page-header[b-683j8i33as] { flex-direction: column; gap: 12px; text-align: center; }
    .chart-header[b-683j8i33as] { flex-direction: column; gap: 8px; }
}
@media (max-width: 540px) {
    .kpi-row[b-683j8i33as] { grid-template-columns: 1fr; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/Search.cshtml.rz.scp.css */
/* ============================================================
   Signup Search — Legacy-matching scoped CSS
   Matches the look/feel of PasswordSearch.aspx
   ============================================================ */

/* Grid table — matches legacy GridHeader / GridMainRow / GridAltRow */
.grid[b-3wutcsy4vu] {
    border-collapse: collapse;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}
.grid th[b-3wutcsy4vu], .grid td[b-3wutcsy4vu] {
    border: 1px solid #ccc;
    padding: 3px 5px;
}
.GridHeader th[b-3wutcsy4vu] {
    background: #330033;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    white-space: nowrap;
    padding: 4px 6px;
}
.GridMainRow td[b-3wutcsy4vu] { background: #fff; }
.GridAltRow td[b-3wutcsy4vu] { background: #f2f2f2; }
.grid tr:hover td[b-3wutcsy4vu] { background: #e8e0f0; }

/* Flagged rows — red text (matches legacy .flagged > span { color: red; }) */
.flagged td[b-3wutcsy4vu],
.flagged td span[b-3wutcsy4vu],
.flagged td a[b-3wutcsy4vu] { color: red !important; }

/* Opt-out rows — red background */
.optout-row td[b-3wutcsy4vu] { background-color: red !important; }

/* Sortable columns */
.sortable[b-3wutcsy4vu] { cursor: pointer; }
.sortable:hover[b-3wutcsy4vu] { text-decoration: underline; }

/* Links in grid */
.grid a[b-3wutcsy4vu] { color: #330033; }
.grid a:hover[b-3wutcsy4vu] { color: #660066; }

/* Id column — make it obvious it's a clickable link (opens the edit modal).
   Uses the site-wide admin link colors (same as view-events): --admin-link / --admin-link-hover. */
.grid a.id-link[b-3wutcsy4vu] { color: var(--admin-link); text-decoration: underline; cursor: pointer; }
.grid a.id-link:hover[b-3wutcsy4vu] { color: var(--admin-link-hover); }
/* Keep the link visible (still underlined) on flagged red rows */
.flagged td a.id-link[b-3wutcsy4vu] { text-decoration: underline; }

/* Title bold — matches legacy .TitleBold */
.TitleBold[b-3wutcsy4vu] { font-weight: bold; font-size: 12px; }

/* Search button */
.btn-search[b-3wutcsy4vu] {
    background-color: #330033;
    color: white;
    border: 1px solid #220022;
    padding: 4px 16px;
    cursor: pointer;
    font-size: 12px;
}
.btn-search:hover[b-3wutcsy4vu] { background-color: #550055; }
.btn-search:disabled[b-3wutcsy4vu] { opacity: 0.5; cursor: not-allowed; }

/* Submit button (modals) */
.btn-submit[b-3wutcsy4vu] {
    background-color: #330033;
    color: white;
    border: 1px solid #220022;
    padding: 4px 16px;
    cursor: pointer;
    font-size: 12px;
}
.btn-submit:hover[b-3wutcsy4vu] { background-color: #550055; }
.btn-submit:disabled[b-3wutcsy4vu] { opacity: 0.5; cursor: not-allowed; }

/* Pager */
.pager-btn[b-3wutcsy4vu] {
    background: #fff;
    border: 1px solid #999;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}
.pager-btn:hover[b-3wutcsy4vu] { background: #eee; }
.pager-btn:disabled[b-3wutcsy4vu] { opacity: 0.3; cursor: default; }

/* Modal background */
.modal-bg[b-3wutcsy4vu] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
    padding-top: 100px;
}

/* Modal content box — matches legacy modal-content */
.modal-content[b-3wutcsy4vu] {
    position: relative;
    background-color: #fff;
    margin: auto;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box;
    animation: animatetop-b-3wutcsy4vu 0.4s;
}
@keyframes animatetop-b-3wutcsy4vu {
    from { top: -300px; opacity: 0; }
    to { top: 0; opacity: 1; }
}

/* Form inputs — match legacy sizing */
input[type="text"][b-3wutcsy4vu], input[type="email"][b-3wutcsy4vu], textarea[b-3wutcsy4vu], select[b-3wutcsy4vu] {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SearchEvents.cshtml.rz.scp.css */
/* ============================================================
   Event Search — scoped CSS (ported from admin/SearchEvents.aspx)
   Font-awesome dropped; Lucide icons render as inline <svg>.
   ============================================================ */

/* Modern Container */
.modern-container[b-9rvlm4ty42] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1600px;
    margin: 20px auto;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(51, 0, 51, 0.08);
}

/* Icons render as <svg>; give them a consistent baseline */
.modern-container svg[b-9rvlm4ty42] { vertical-align: middle; }

/* Page Header */
.page-header[b-9rvlm4ty42] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 25px 30px;
}
.page-header h2[b-9rvlm4ty42] {
    margin: 0;
    font-weight: 600;
    font-size: 1.75rem;
    display: flex;
    align-items: center;
    gap: 12px;
}
.page-header p[b-9rvlm4ty42] {
    margin: 10px 0 0 0;
    opacity: 0.95;
    font-size: 0.95rem;
}

/* Search Section */
.search-section[b-9rvlm4ty42] {
    background: #f9f4ff;
    padding: 30px;
    border-bottom: 1px solid #e1e4e8;
}
.search-grid[b-9rvlm4ty42] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 25px;
}
@media (max-width: 1200px) {
    .search-grid[b-9rvlm4ty42] { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .search-grid[b-9rvlm4ty42] { grid-template-columns: 1fr; }
}

.form-group[b-9rvlm4ty42] {
    display: flex;
    flex-direction: column;
}
.form-group label[b-9rvlm4ty42] {
    font-weight: 600;
    margin-bottom: 8px;
    color: #330033;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 6px;
}
.form-group label svg[b-9rvlm4ty42] { width: 16px; height: 16px; }
.form-group input[type="text"][b-9rvlm4ty42] {
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    transition: all 0.2s;
    font-family: 'Segoe UI', Roboto, sans-serif;
    background: white;
}
.form-group input[type="text"]:focus[b-9rvlm4ty42] {
    outline: none;
    border-color: #6f42c1;
    box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.1);
}

.btn-search[b-9rvlm4ty42] {
    background: #330033;
    color: white;
    border: none;
    padding: 14px 40px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(51, 0, 51, 0.2);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.btn-search:hover[b-9rvlm4ty42] {
    background: #4a004a;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(51, 0, 51, 0.3);
}
.btn-search:active[b-9rvlm4ty42] { transform: translateY(0); }
.btn-search:disabled[b-9rvlm4ty42] { opacity: 0.6; cursor: not-allowed; transform: none; }
.btn-search svg[b-9rvlm4ty42] { width: 18px; height: 18px; }

/* Results Section */
.results-section[b-9rvlm4ty42] { padding: 30px; }
.results-header[b-9rvlm4ty42] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f0f0f0;
}
.results-header h3[b-9rvlm4ty42] {
    margin: 0;
    color: #330033;
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}
.results-count[b-9rvlm4ty42] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
    color: white;
    padding: 8px 20px;
    border-radius: 20px;
    font-size: 0.95rem;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(111, 66, 193, 0.3);
}

/* Pagination */
.pagination-top[b-9rvlm4ty42] {
    margin-bottom: 20px;
    padding: 15px;
    background: #f9f4ff;
    border-radius: 8px;
    display: flex;
    justify-content: center;
}
.pagination-bottom[b-9rvlm4ty42] {
    background: #f9f4ff;
    padding: 20px 30px;
    border-radius: 0 0 12px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.pager[b-9rvlm4ty42] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: white;
    padding: 10px 15px;
    border-radius: 6px;
    border: 1px solid #e1e4e8;
    color: #333;
    font-size: 0.9rem;
}
.pager-label[b-9rvlm4ty42] { margin: 0 8px; }
.pager-btn[b-9rvlm4ty42] {
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #330033;
    cursor: pointer;
    line-height: 1;
}
.pager-btn:hover[b-9rvlm4ty42] { background: #f0e8f8; }
.pager-btn:disabled[b-9rvlm4ty42] { opacity: 0.35; cursor: default; }
.pager select[b-9rvlm4ty42] {
    padding: 6px 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 0.9rem;
    background: white;
}

.loading-state[b-9rvlm4ty42] {
    padding: 40px;
    text-align: center;
    font-weight: bold;
    color: #330033;
}

/* Modern Grid */
.modern-grid[b-9rvlm4ty42] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.modern-grid thead tr[b-9rvlm4ty42],
.modern-grid thead tr th[b-9rvlm4ty42] { background: #330033; color: white; }
.modern-grid th[b-9rvlm4ty42] {
    padding: 16px 14px;
    text-align: left;
    font-weight: 600;
    font-size: 0.9rem;
    border: none;
    white-space: nowrap;
    color: white;
    background: #330033;
}
.modern-grid th a[b-9rvlm4ty42] {
    color: white;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: opacity 0.2s;
}
.modern-grid th a:hover[b-9rvlm4ty42] { opacity: 0.8; color: white; text-decoration: none; }
.modern-grid tbody tr[b-9rvlm4ty42] {
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.2s;
}
.modern-grid tbody tr:hover[b-9rvlm4ty42] {
    background: #f9f4ff;
    box-shadow: 0 2px 8px rgba(111, 66, 193, 0.08);
}
.modern-grid tbody tr:last-child[b-9rvlm4ty42] { border-bottom: none; }
.modern-grid td[b-9rvlm4ty42] {
    padding: 16px 14px;
    font-size: 0.9rem;
    vertical-align: middle;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
}

/* Event Link */
.event-link[b-9rvlm4ty42] {
    color: #6f42c1;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.event-link:hover[b-9rvlm4ty42] { color: #330033; text-decoration: underline; }

/* Status Badges */
.status-badge[b-9rvlm4ty42] {
    padding: 5px 12px;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 500;
    display: inline-block;
    text-transform: capitalize;
}
.status-active[b-9rvlm4ty42] { background: #d4edda; color: #155724; }
.status-sold-out[b-9rvlm4ty42] { background: #f8d7da; color: #721c24; }
.status-cancelled[b-9rvlm4ty42] { background: #f5f5f5; color: #6c757d; }

/* Age Range */
.age-range[b-9rvlm4ty42] { color: #666; font-size: 0.88rem; white-space: nowrap; }

/* Price Cell */
.price-cell[b-9rvlm4ty42] { font-weight: 600; color: #28a745; white-space: nowrap; }

/* Attendees */
.attendees-display[b-9rvlm4ty42] {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
}
.attendee-count[b-9rvlm4ty42] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.9rem;
}

/* Waiting List */
.waiting-list[b-9rvlm4ty42] {
    display: flex;
    gap: 15px;
    justify-content: center;
    font-size: 0.85rem;
    color: #666;
}

/* Empty State */
.empty-state[b-9rvlm4ty42] {
    text-align: center;
    padding: 80px 20px;
    color: #666;
}
.empty-state svg[b-9rvlm4ty42] {
    width: 72px;
    height: 72px;
    color: #ddd;
    margin-bottom: 20px;
}
.empty-state h3[b-9rvlm4ty42] {
    margin: 0 0 12px 0;
    color: #333;
    font-size: 1.5rem;
}
.empty-state p[b-9rvlm4ty42] { margin: 0; font-size: 1rem; }

/* Validation Error */
.validation-error[b-9rvlm4ty42] {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 5px;
    display: block;
}

/* Checkboxes in grid */
.modern-grid input[type="checkbox"][b-9rvlm4ty42] {
    width: 18px;
    height: 18px;
    accent-color: #6f42c1;
}

/* Date Display */
.date-display[b-9rvlm4ty42] { display: flex; flex-direction: column; gap: 4px; }
.date-primary[b-9rvlm4ty42] {
    font-weight: 500;
    color: #333;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.date-secondary[b-9rvlm4ty42] {
    color: #666;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* Venue Display */
.venue-display[b-9rvlm4ty42] { display: flex; align-items: center; gap: 6px; }
.venue-display svg[b-9rvlm4ty42] { color: #6f42c1; }

/* Title Cell */
.title-cell[b-9rvlm4ty42] { font-weight: 500; color: #333; max-width: 250px; }
/* _content/NYMinuteDating-Net8/Pages/Admin/SearchRegisteredForSameEvent.cshtml.rz.scp.css */
/* ============================================================
   Search Registered For Same Event — Scoped CSS
   ============================================================ */

.page-header[b-u46qg4it4h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a044e 0%, #330033 55%, #1f011f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-u46qg4it4h] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-u46qg4it4h] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-u46qg4it4h] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-u46qg4it4h] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.header-right[b-u46qg4it4h] { display: flex; align-items: center; gap: 14px; }

.badge[b-u46qg4it4h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 12px;
    background: rgba(255,255,255,0.2);
    color: #fff;
}

/* Filter bar */
.filter-panel[b-u46qg4it4h] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    padding: 18px 20px;
    margin-bottom: 18px;
}
.filter-row[b-u46qg4it4h] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.filter-row label[b-u46qg4it4h] { font-weight: 600; color: #333; font-size: 0.85rem; }
.filter-row input[b-u46qg4it4h] {
    width: 130px;
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.85rem;
}
.filter-row input:focus[b-u46qg4it4h] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.12); }
.filter-row .and[b-u46qg4it4h] { color: #666; font-size: 0.85rem; }

.btn-search[b-u46qg4it4h] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #330033;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}
.btn-search:hover[b-u46qg4it4h] { background: #4a044e; }
.btn-search:disabled[b-u46qg4it4h] { opacity: 0.5; cursor: not-allowed; }

.error-banner[b-u46qg4it4h] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

.loading-overlay[b-u46qg4it4h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-u46qg4it4h] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #330033;
    border-radius: 50%;
    animation: spin-b-u46qg4it4h 0.7s linear infinite;
}
@keyframes spin-b-u46qg4it4h { to { transform: rotate(360deg); } }

.table-panel[b-u46qg4it4h] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.table-wrap[b-u46qg4it4h] { overflow-x: auto; }

.srse-table[b-u46qg4it4h] { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.srse-table th[b-u46qg4it4h] {
    text-align: left;
    padding: 10px 14px;
    background: #330033;
    font-weight: 600;
    font-size: 0.73rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #fff;
    white-space: nowrap;
}
.srse-table td[b-u46qg4it4h] {
    padding: 10px 14px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    vertical-align: middle;
}
.srse-table tbody tr:nth-child(even) td[b-u46qg4it4h] { background: #f7f0fb; }
.srse-table tbody tr:hover td[b-u46qg4it4h] { background: #efe1f7; }
.srse-table a[b-u46qg4it4h] { color: #330033; text-decoration: none; }
.srse-table a:hover[b-u46qg4it4h] { text-decoration: underline; }

.col-num[b-u46qg4it4h] { width: 60px; text-align: center; color: #999; }
.col-c[b-u46qg4it4h] { text-align: center; }
.empty-cell[b-u46qg4it4h] { text-align: center; font-weight: 700; color: #444; padding: 22px !important; }

.gender-badge[b-u46qg4it4h] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}
.gender-m[b-u46qg4it4h] { background: #dbeafe; color: #1d4ed8; }
.gender-f[b-u46qg4it4h] { background: #fce7f3; color: #be185d; }

@media (max-width: 768px) {
    .page-header[b-u46qg4it4h] { flex-direction: column; gap: 12px; text-align: center; }
    .header-left[b-u46qg4it4h] { flex-direction: column; }
    .filter-row input[b-u46qg4it4h] { width: 100%; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SearchSignups.cshtml.rz.scp.css */
/* ============================================================
   Search Signups — Scoped CSS
   ============================================================ */

.page-header[b-wp7jg0m1kx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a044e 0%, #330033 55%, #1f011f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-wp7jg0m1kx] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-wp7jg0m1kx] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-wp7jg0m1kx] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-wp7jg0m1kx] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.header-right[b-wp7jg0m1kx] { display: flex; align-items: center; gap: 14px; }

.badge[b-wp7jg0m1kx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 12px;
    background: rgba(255,255,255,0.2);
    color: #fff;
}

/* Filter form */
.filter-panel[b-wp7jg0m1kx] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    padding: 22px 24px;
    margin-bottom: 18px;
}
.form-grid[b-wp7jg0m1kx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 28px;
}
.field[b-wp7jg0m1kx] { display: flex; flex-direction: column; gap: 5px; }
.field label[b-wp7jg0m1kx] {
    font-weight: 600;
    color: #444;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.field input[type="text"][b-wp7jg0m1kx] {
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.85rem;
    max-width: 100%;
}
.field input[type="text"]:focus[b-wp7jg0m1kx] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.12); }
.field input.tiny[b-wp7jg0m1kx] { width: 56px; }
.inline[b-wp7jg0m1kx] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mini[b-wp7jg0m1kx] { font-size: 0.8rem; color: #666; font-weight: 600; }
.radios[b-wp7jg0m1kx] { display: flex; gap: 18px; align-items: center; padding-top: 4px; }
.chk[b-wp7jg0m1kx] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.85rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: #333;
    cursor: pointer;
}
.chk input[b-wp7jg0m1kx] { accent-color: #330033; }

.form-actions[b-wp7jg0m1kx] {
    display: flex;
    gap: 12px;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #f0f0f0;
}
.btn-search[b-wp7jg0m1kx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 20px;
    background: #330033;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}
.btn-search:hover[b-wp7jg0m1kx] { background: #4a044e; }
.btn-search:disabled[b-wp7jg0m1kx] { opacity: 0.5; cursor: not-allowed; }
.btn-clear[b-wp7jg0m1kx] {
    padding: 9px 18px;
    background: #fff;
    color: #555;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 500;
    cursor: pointer;
}
.btn-clear:hover[b-wp7jg0m1kx] { background: #f9fafb; border-color: #999; }

/* Status */
.error-banner[b-wp7jg0m1kx] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}
.loading-overlay[b-wp7jg0m1kx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-wp7jg0m1kx] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #330033;
    border-radius: 50%;
    animation: spin-b-wp7jg0m1kx 0.7s linear infinite;
}
@keyframes spin-b-wp7jg0m1kx { to { transform: rotate(360deg); } }

/* Results bar + pager */
.results-bar[b-wp7jg0m1kx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 0.9rem;
    color: #333;
}
.pager[b-wp7jg0m1kx] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.pager button[b-wp7jg0m1kx] {
    padding: 5px 10px;
    border: 1px solid #d1d5db;
    background: #fff;
    border-radius: 6px;
    font-size: 0.78rem;
    cursor: pointer;
    color: #444;
}
.pager button:hover:not(:disabled)[b-wp7jg0m1kx] { background: #f3e8fb; border-color: #330033; color: #330033; }
.pager button:disabled[b-wp7jg0m1kx] { opacity: 0.4; cursor: not-allowed; }
.pager .pg[b-wp7jg0m1kx] { font-size: 0.8rem; color: #666; padding: 0 4px; }
.pager .goto[b-wp7jg0m1kx] { width: 48px; padding: 5px 8px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 0.78rem; }
.pager select[b-wp7jg0m1kx] { padding: 5px 8px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 0.78rem; }

/* Results table */
.table-panel[b-wp7jg0m1kx] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.table-wrap[b-wp7jg0m1kx] { overflow-x: auto; }
.ss-table[b-wp7jg0m1kx] { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
.ss-table th[b-wp7jg0m1kx] {
    text-align: left;
    padding: 9px 12px;
    background: #330033;
    font-weight: 600;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #fff;
    white-space: nowrap;
}
.ss-table th.sortable[b-wp7jg0m1kx] { cursor: pointer; }
.ss-table th.sortable:hover[b-wp7jg0m1kx] { background: #4a044e; }
.ss-table td[b-wp7jg0m1kx] {
    padding: 8px 12px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    vertical-align: top;
}
.ss-table tbody tr:nth-child(even) td[b-wp7jg0m1kx] { background: #f7f0fb; }
.ss-table tbody tr:hover td[b-wp7jg0m1kx] { background: #efe1f7; }
.ss-table a[b-wp7jg0m1kx] { color: #330033; text-decoration: none; }
.ss-table a:hover[b-wp7jg0m1kx] { text-decoration: underline; }

.col-num[b-wp7jg0m1kx] { width: 46px; text-align: center; color: #999; }
.col-c[b-wp7jg0m1kx] { text-align: center; }
.pay[b-wp7jg0m1kx] { font-size: 0.75rem; color: #555; white-space: nowrap; }
.msg[b-wp7jg0m1kx] { max-width: 220px; white-space: normal; }
.empty-cell[b-wp7jg0m1kx] { text-align: center; font-weight: 700; color: #444; padding: 22px !important; }

@media (max-width: 900px) {
    .form-grid[b-wp7jg0m1kx] { grid-template-columns: 1fr; }
    .page-header[b-wp7jg0m1kx] { flex-direction: column; gap: 12px; text-align: center; }
    .header-left[b-wp7jg0m1kx] { flex-direction: column; }
    .results-bar[b-wp7jg0m1kx] { flex-direction: column; align-items: flex-start; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SegmentManager.cshtml.rz.scp.css */
/* Segment Manager — scoped styles (house palette #330033 / #E0C1FF) */

.sm-page[b-ypjuc9nlg4] { color: #222; }

.sm-topbar[b-ypjuc9nlg4] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; gap: 12px; flex-wrap: wrap; }
.sm-title[b-ypjuc9nlg4] { display: flex; align-items: center; gap: 12px; }
.sm-title-icon[b-ypjuc9nlg4] { width: 28px; height: 28px; color: #330033; }
.sm-title h1[b-ypjuc9nlg4] { font-size: 22px; color: #330033; margin: 0; }
.sm-topbar-actions[b-ypjuc9nlg4] { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.sm-topbar-actions a[b-ypjuc9nlg4] { text-decoration: none; }

/* Buttons */
.sm-btn[b-ypjuc9nlg4] { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; padding: 9px 16px; border-radius: 6px; border: 1px solid transparent; cursor: pointer; font-weight: 500; }
.sm-btn-primary[b-ypjuc9nlg4] { background: #330033; color: #fff; }
.sm-btn-primary:hover[b-ypjuc9nlg4] { background: #4d004d; }
.sm-btn-secondary[b-ypjuc9nlg4] { background: #fff; color: #330033; border-color: #330033; }
.sm-btn-secondary:hover[b-ypjuc9nlg4] { background: #f7f0ff; }
.sm-btn-danger[b-ypjuc9nlg4] { background: #dc3545; color: #fff; }
.sm-btn-danger:hover[b-ypjuc9nlg4] { background: #b52a37; }
.sm-btn:disabled[b-ypjuc9nlg4] { opacity: .6; cursor: not-allowed; }

/* Error */
.sm-error[b-ypjuc9nlg4] { position: relative; background: #f2dede; color: #a94442; border: 1px solid #ebccd1; border-radius: 6px; padding: 12px 36px 12px 15px; margin-bottom: 15px; }
.sm-error-close[b-ypjuc9nlg4] { position: absolute; top: 8px; right: 12px; background: none; border: none; font-size: 18px; font-weight: bold; cursor: pointer; color: inherit; }

/* Layout */
.sm-container[b-ypjuc9nlg4] { display: flex; min-height: 600px; background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.1); }
.sm-sidebar[b-ypjuc9nlg4] { width: 300px; border-right: 1px solid #e6e6e6; padding: 20px; overflow-y: auto; }
.sm-sidebar h2[b-ypjuc9nlg4] { font-size: 15px; color: #330033; margin: 0 0 14px; }
.sm-detail[b-ypjuc9nlg4] { flex: 1; padding: 28px; overflow-y: auto; }
.sm-muted[b-ypjuc9nlg4] { color: #999; font-size: 14px; }

/* Segment list */
.sm-list[b-ypjuc9nlg4] { list-style: none; padding: 0; margin: 0; }
.sm-item[b-ypjuc9nlg4] { padding: 11px 12px; margin-bottom: 8px; border-radius: 6px; cursor: pointer; border: 1px solid #e6e6e6; transition: all .15s; }
.sm-item:hover[b-ypjuc9nlg4] { background: #f9f4ff; }
.sm-item.active[b-ypjuc9nlg4] { background: #E0C1FF; border-color: #330033; }
.sm-name[b-ypjuc9nlg4] { font-weight: 500; color: #330033; margin-bottom: 4px; display: flex; align-items: center; gap: 8px; }
.sm-dot[b-ypjuc9nlg4] { display: inline-block; width: 11px; height: 11px; border-radius: 50%; flex: none; }
.sm-count[b-ypjuc9nlg4] { font-size: 13px; color: #666; }

/* Detail */
.sm-detail-head[b-ypjuc9nlg4] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 26px; gap: 12px; flex-wrap: wrap; }
.sm-detail-head h2[b-ypjuc9nlg4] { font-size: 20px; color: #330033; margin: 0 0 6px; }
.sm-detail-meta[b-ypjuc9nlg4] { font-size: 13px; color: #666; }
.sm-detail-actions[b-ypjuc9nlg4] { display: flex; gap: 8px; flex-wrap: wrap; }

.sm-stats[b-ypjuc9nlg4] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 28px; }
.sm-stat[b-ypjuc9nlg4] { padding: 18px; background: #f9f4ff; border-radius: 8px; border: 1px solid #E0C1FF; }
.sm-stat-lbl[b-ypjuc9nlg4] { font-size: 12px; color: #666; margin-bottom: 6px; }
.sm-stat-val[b-ypjuc9nlg4] { font-size: 26px; font-weight: 600; color: #330033; }

.sm-criteria[b-ypjuc9nlg4] { margin-bottom: 28px; }
.sm-criteria h3[b-ypjuc9nlg4], .sm-members h3[b-ypjuc9nlg4] { font-size: 15px; color: #330033; margin: 0 0 14px; }
.sm-tags[b-ypjuc9nlg4] { display: flex; flex-wrap: wrap; gap: 8px; }
.sm-tag[b-ypjuc9nlg4] { padding: 6px 14px; background: #E0C1FF; color: #330033; border-radius: 18px; font-size: 13px; }

.sm-members[b-ypjuc9nlg4] { background: #fafafa; border-radius: 8px; padding: 18px; }
.sm-table-wrap[b-ypjuc9nlg4] { overflow-x: auto; }
.sm-table[b-ypjuc9nlg4] { width: 100%; border-collapse: collapse; }
.sm-table th[b-ypjuc9nlg4] { text-align: left; padding: 10px; font-size: 12px; color: #666; font-weight: 500; border-bottom: 2px solid #e0e0e0; }
.sm-table td[b-ypjuc9nlg4] { padding: 10px; font-size: 14px; border-bottom: 1px solid #ececec; }

/* Spinner */
.sm-spinner[b-ypjuc9nlg4] { border: 3px solid #f3f3f3; border-top-color: #330033; border-radius: 50%; width: 34px; height: 34px; animation: sm-spin-b-ypjuc9nlg4 1s linear infinite; margin: 24px auto; }
@keyframes sm-spin-b-ypjuc9nlg4 { to { transform: rotate(360deg); } }

/* Modal */
.sm-modal-bg[b-ypjuc9nlg4] { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 10000; display: flex; align-items: flex-start; justify-content: center; padding: 40px 12px; overflow-y: auto; }
.sm-modal[b-ypjuc9nlg4] { background: #fff; border-radius: 12px; width: 820px; max-width: 100%; max-height: 90vh; overflow-y: auto; box-shadow: 0 10px 40px rgba(0,0,0,.25); }
.sm-modal-sm[b-ypjuc9nlg4] { width: 420px; }
.sm-modal-head[b-ypjuc9nlg4] { background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff; padding: 18px 22px; border-radius: 12px 12px 0 0; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; }
.sm-modal-head h3[b-ypjuc9nlg4] { margin: 0; font-size: 19px; }
.sm-modal-close[b-ypjuc9nlg4] { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; line-height: 1; }
.sm-modal-body[b-ypjuc9nlg4] { padding: 26px; }
.sm-modal-foot[b-ypjuc9nlg4] { padding: 18px 26px; border-top: 1px solid #e3e3e3; display: flex; justify-content: flex-end; gap: 10px; position: sticky; bottom: 0; background: #fff; }

/* Form controls */
.sm-section[b-ypjuc9nlg4] { margin: 18px 0 14px; color: #330033; }
.sm-section-header[b-ypjuc9nlg4] { background: #f0f0f0; padding: 8px 14px; margin: 16px 0 12px; font-weight: 600; color: #330033; font-size: 14px; border-radius: 4px; }
.sm-grid-2[b-ypjuc9nlg4] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.sm-grid-3[b-ypjuc9nlg4] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.sm-group[b-ypjuc9nlg4] { margin-bottom: 16px; }
.sm-group label[b-ypjuc9nlg4] { display: block; font-size: 13px; font-weight: 500; color: #330033; margin-bottom: 6px; }
.sm-input[b-ypjuc9nlg4] { width: 100%; padding: 9px 11px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; box-sizing: border-box; }
.sm-input:focus[b-ypjuc9nlg4] { outline: none; border-color: #330033; box-shadow: 0 0 0 2px rgba(51,0,51,.1); }
.sm-multi[b-ypjuc9nlg4] { width: 100%; padding: 4px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; box-sizing: border-box; }
.sm-multi option:checked[b-ypjuc9nlg4] { background: #E0C1FF linear-gradient(0deg, #E0C1FF, #E0C1FF); color: #330033; }
.sm-clear[b-ypjuc9nlg4] { background: #e0e0e0; border: none; padding: 2px 8px; border-radius: 3px; font-size: 11px; margin-left: 6px; cursor: pointer; color: #666; font-weight: 400; }
.sm-clear:hover[b-ypjuc9nlg4] { background: #d0d0d0; }

.sm-preview[b-ypjuc9nlg4] { background: #f9f4ff; padding: 16px; border-radius: 6px; text-align: center; margin-top: 18px; }
.sm-preview strong[b-ypjuc9nlg4] { font-size: 30px; color: #330033; display: block; }
.sm-preview div[b-ypjuc9nlg4] { color: #666; }

/* Empty state */
.sm-empty[b-ypjuc9nlg4] { text-align: center; padding: 70px 30px; color: #999; }
.sm-empty h3[b-ypjuc9nlg4] { font-size: 17px; margin: 0 0 6px; color: #666; }
/* _content/NYMinuteDating-Net8/Pages/Admin/Settings.cshtml.rz.scp.css */
.settings-container[b-hn1zuvc4qc] { font-family: 'Segoe UI', Roboto, sans-serif; max-width: 1200px; margin: 20px auto; }
.page-header[b-hn1zuvc4qc] { background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: white; padding: 25px; border-radius: 8px 8px 0 0; margin-bottom: 0; }
.page-header h2[b-hn1zuvc4qc] { margin: 0 0 10px 0; font-weight: 600; font-size: 1.8rem; display: flex; align-items: center; gap: 12px; }
.page-header p[b-hn1zuvc4qc] { margin: 0; opacity: 0.9; font-size: 0.95rem; }

.settings-body[b-hn1zuvc4qc] { background: white; border: 1px solid #e1e4e8; border-top: none; border-radius: 0 0 8px 8px; padding: 0; }

.setting-section[b-hn1zuvc4qc] { border-bottom: 1px solid #e1e4e8; }
.setting-section:last-child[b-hn1zuvc4qc] { border-bottom: none; }
.section-header[b-hn1zuvc4qc] { background: #f9f4ff; padding: 20px 25px; cursor: pointer; display: flex; align-items: center; gap: 15px; transition: background .2s; }
.section-header:hover[b-hn1zuvc4qc] { background: #f0e6ff; }
.section-icon[b-hn1zuvc4qc] { width: 40px; height: 40px; border-radius: 8px; background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; flex-shrink: 0; }
.section-info[b-hn1zuvc4qc] { flex: 1; }
.section-title[b-hn1zuvc4qc] { font-size: 18px; font-weight: 600; color: #330033; margin: 0 0 5px; }
.section-description[b-hn1zuvc4qc] { font-size: 14px; color: #666; margin: 0; }
.section-toggle[b-hn1zuvc4qc] { color: #6f42c1; transition: transform .2s; }
.section-toggle.rotated[b-hn1zuvc4qc] { transform: rotate(90deg); }
.section-content[b-hn1zuvc4qc] { padding: 30px 25px; background: white; }

.form-group[b-hn1zuvc4qc] { margin-bottom: 25px; }
.form-label[b-hn1zuvc4qc] { display: flex; align-items: center; gap: 6px; font-weight: 600; color: #330033; margin-bottom: 8px; font-size: 14px; }
.form-input[b-hn1zuvc4qc] { width: 100%; max-width: 400px; padding: 10px 12px; border: 1px solid #d7caff; border-radius: 8px; font-size: 14px; font-family: inherit; box-sizing: border-box; }
.form-input:focus[b-hn1zuvc4qc] { outline: none; border-color: #b199ff; box-shadow: 0 0 0 3px rgba(111,66,193,.18); }
.form-hint[b-hn1zuvc4qc] { font-size: 13px; color: #666; margin-top: 5px; font-style: italic; }

.btn-save[b-hn1zuvc4qc] { background: #330033; color: white; border: none; padding: 12px 24px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all .2s; box-shadow: 0 2px 6px rgba(17,12,46,.15); margin-right: 10px; font-family: inherit; }
.btn-save:hover[b-hn1zuvc4qc] { background: #4a004a; transform: translateY(-1px); }
.btn-save:disabled[b-hn1zuvc4qc] { opacity: 0.6; pointer-events: none; }

.modern-table[b-hn1zuvc4qc] { width: 100%; border-collapse: separate; border-spacing: 0; background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.1); }
.modern-table th[b-hn1zuvc4qc] { background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: white; padding: 12px 15px; text-align: left; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: .5px; }
.modern-table td[b-hn1zuvc4qc] { padding: 12px 15px; border-bottom: 1px solid #f0f0f0; font-size: 14px; }
.modern-table tr:last-child td[b-hn1zuvc4qc] { border-bottom: none; }
.modern-table tr:hover td[b-hn1zuvc4qc] { background: #f9f4ff; }
.footer-row td[b-hn1zuvc4qc] { background: #f9f9f9; }

.grid-action-btn[b-hn1zuvc4qc] { display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all .2s; margin-right: 8px; border: 1px solid transparent; }
.edit-btn[b-hn1zuvc4qc] { background: #e7f3ff; color: #06c; border-color: #b3d9ff; }
.edit-btn:hover[b-hn1zuvc4qc] { background: #cce5ff; color: #049; text-decoration: none; }
.delete-btn[b-hn1zuvc4qc] { background: #f8d7da; color: #721c24; border-color: #f5c6cb; }
.delete-btn:hover[b-hn1zuvc4qc] { background: #f5c2c7; color: #5a161c; text-decoration: none; }
.add-btn[b-hn1zuvc4qc] { background: #330033; color: white; }
.add-btn:hover[b-hn1zuvc4qc] { background: #4a004a; }
.save-btn[b-hn1zuvc4qc] { background: #d4edda; color: #155724; border-color: #c3e6cb; }
.save-btn:hover[b-hn1zuvc4qc] { background: #c1e6c9; color: #0f4419; text-decoration: none; }
.cancel-btn[b-hn1zuvc4qc] { background: #f8f9fa; color: #495057; border-color: #dee2e6; }
.cancel-btn:hover[b-hn1zuvc4qc] { background: #e9ecef; color: #212529; text-decoration: none; }

.ip-mono[b-hn1zuvc4qc] { font-family: monospace; font-weight: 600; color: #330033; }
.empty-cell[b-hn1zuvc4qc] { text-align: center; padding: 40px !important; color: #666; }
.empty-cell p[b-hn1zuvc4qc] { margin-top: 15px; }

.sub-heading[b-hn1zuvc4qc] { color: #330033; font-size: 16px; margin-bottom: 15px; font-weight: 600; display: flex; align-items: center; gap: 8px; }

.status-success[b-hn1zuvc4qc] { background: #d4edda; color: #155724; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; }
.status-failed[b-hn1zuvc4qc] { background: #f8d7da; color: #721c24; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; }

.version-badge[b-hn1zuvc4qc] { background: #330033; color: white; padding: 4px 12px; border-radius: 12px; font-weight: 600; font-size: 12px; }
.notes-cell[b-hn1zuvc4qc] { max-width: 600px; line-height: 1.5; white-space: pre-wrap; font-size: 13px; }

.generate-now-box[b-hn1zuvc4qc] { margin-top: 25px; padding: 20px; background: linear-gradient(135deg, #330033 0%, #4a004a 100%); border-radius: 8px; }
.status-info-box[b-hn1zuvc4qc] { margin-top: 30px; padding: 20px; background: #f9f4ff; border-radius: 8px; border-left: 4px solid #6f42c1; }
.setup-notice[b-hn1zuvc4qc] { margin-top: 30px; padding: 20px; background: #fff3cd; border-radius: 8px; border-left: 4px solid #ffc107; }
.pro-tip[b-hn1zuvc4qc] { margin-top: 20px; padding: 15px; background: #f9f4ff; border-radius: 8px; border-left: 4px solid #6f42c1; }
/* _content/NYMinuteDating-Net8/Pages/Admin/ShowOrHideHostColumn.cshtml.rz.scp.css */
/* ============================================================
   Show Or Hide Host Column — Scoped CSS
   Header / card / footer chrome shared with the Holidays &
   BlackOut Dates twins (purple house palette #663399 / #330033).
   The toggle switch is carried over from admin/ShowOrHideHostColumn.aspx
   (.switch / .slider), recoloured to the house purple (#663399, was
   #663399 already). Font-Awesome dropped in favour of Lucide <svg>.
   ============================================================ */

.container[b-cx571hrgpx] {
    max-width: 900px;
    margin: 0 auto;
}

header[b-cx571hrgpx] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

h1[b-cx571hrgpx] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.description[b-cx571hrgpx] {
    opacity: 0.9;
    margin: 0;
}

/* ── Alerts (legacy .alert / .alert-danger) ── */
.alert[b-cx571hrgpx] {
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
}

.alert-danger[b-cx571hrgpx] {
    background-color: #f8d7da;
    color: #721c24;
}

.alert-success[b-cx571hrgpx] {
    background-color: #d4edda;
    color: #155724;
}

.closebtn[b-cx571hrgpx] {
    color: inherit;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.8;
    background: none;
    border: none;
}

.closebtn:hover[b-cx571hrgpx] {
    opacity: 1;
}

/* ── Card chrome (shared with the calendar twins) ── */
.create-card[b-cx571hrgpx] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.card-header[b-cx571hrgpx] {
    padding: 24px 30px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
}

.header-content[b-cx571hrgpx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.title-section[b-cx571hrgpx] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3436;
}

.title-section svg[b-cx571hrgpx] {
    color: #663399;
}

.header-description[b-cx571hrgpx] {
    color: #6c757d;
    font-size: 0.95rem;
}

.card-body[b-cx571hrgpx] {
    padding: 30px;
}

.card-footer[b-cx571hrgpx] {
    padding: 24px 30px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.action-buttons[b-cx571hrgpx] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.btn-primary[b-cx571hrgpx] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-primary:hover[b-cx571hrgpx] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}

.btn-primary:disabled[b-cx571hrgpx] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* ── Toggle grid ── */
.toggle-grid[b-cx571hrgpx] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 40px;
}

.toggle-row[b-cx571hrgpx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px;
    border: 1px solid #f1f2f6;
    border-radius: 8px;
    background: #fafafa;
}

.toggle-label[b-cx571hrgpx] {
    font-weight: 500;
    color: #2d3436;
    font-size: 14px;
}

/* ── Toggle switch (carried from admin/ShowOrHideHostColumn.aspx, house purple) ── */
.switch[b-cx571hrgpx] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 23px;
    flex-shrink: 0;
}

.switch input[b-cx571hrgpx] {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider[b-cx571hrgpx] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.slider[b-cx571hrgpx]:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
}

.switch input:checked + .slider[b-cx571hrgpx] {
    background-color: #663399;
}

.switch input:focus + .slider[b-cx571hrgpx] {
    box-shadow: 0 0 1px #663399;
}

.switch input:checked + .slider[b-cx571hrgpx]:before {
    transform: translateX(26px);
}

.slider.round[b-cx571hrgpx] {
    border-radius: 34px;
}

.slider.round[b-cx571hrgpx]:before {
    border-radius: 50%;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .toggle-grid[b-cx571hrgpx] {
        grid-template-columns: 1fr;
    }

    .header-content[b-cx571hrgpx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .action-buttons[b-cx571hrgpx] {
        flex-direction: column;
    }

    .btn-primary[b-cx571hrgpx] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupGenderConflict.cshtml.rz.scp.css */
/* ============================================================
   Signup Gender Conflict — scoped CSS
   Ported from admin/signupgenderconflict.aspx (font-awesome dropped,
   Lucide icons sized via .ico-* + descendant svg rules).
   ============================================================ */

.conflict-container[b-8s73svd1r8] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1600px;
    margin: 20px auto;
    padding: 20px;
}

/* ── Header ── */
.conflict-header[b-8s73svd1r8] {
    background: #330033;
    color: #fff;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.conflict-header-left h1[b-8s73svd1r8] {
    margin: 0 0 10px 0;
    font-size: 2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 15px;
}
.conflict-header-left h1 svg[b-8s73svd1r8] { width: 30px; height: 30px; }
.conflict-header-left p[b-8s73svd1r8] { margin: 0; opacity: 0.9; font-size: 1rem; }

/* ── Cards ── */
.card[b-8s73svd1r8] {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

/* ── Stats ── */
.stats-grid[b-8s73svd1r8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 25px;
}
.stat-card[b-8s73svd1r8] {
    background: #330033;
    color: #fff;
    padding: 25px;
    border-radius: 12px;
    text-align: center;
}
.stat-value[b-8s73svd1r8] { font-size: 2.8rem; font-weight: bold; margin-bottom: 5px; }
.stat-label[b-8s73svd1r8] { font-size: 1rem; opacity: 0.9; }

/* ── Alert ── */
.alert-info[b-8s73svd1r8] {
    background: #d1ecf1;
    border: 1px solid #bee5eb;
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.alert-info svg[b-8s73svd1r8] { width: 22px; height: 22px; color: #0c5460; flex-shrink: 0; }
.alert-info-text[b-8s73svd1r8] { color: #0c5460; font-size: 0.95rem; }

/* ── Grid ── */
.modern-grid[b-8s73svd1r8] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.modern-grid thead tr[b-8s73svd1r8] { background: #330033; color: #fff; }
.modern-grid th[b-8s73svd1r8] {
    padding: 18px 15px;
    text-align: left;
    font-weight: 600;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
}
.modern-grid td[b-8s73svd1r8] {
    padding: 18px 15px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: top;
}
.modern-grid tbody tr[b-8s73svd1r8] { transition: background-color 0.2s; }
.modern-grid tbody tr:nth-child(even)[b-8s73svd1r8] { background-color: #fafafa; }
.modern-grid tbody tr:hover[b-8s73svd1r8] { background-color: #f8f9ff; }

.user-name[b-8s73svd1r8] { font-weight: 600; font-size: 1rem; color: #333; margin-bottom: 5px; }
.row-name[b-8s73svd1r8] { font-weight: 600; }

/* ── Conflict badge ── */
.conflict-badge[b-8s73svd1r8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.9rem;
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffc107;
}

/* ── Event breakdown ── */
.gender-list[b-8s73svd1r8] {
    margin: 5px 0;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 6px;
    font-size: 0.9rem;
}
.gender-label[b-8s73svd1r8] {
    font-weight: 600;
    color: #330033;
    display: inline-block;
    min-width: 60px;
}
.event-ids[b-8s73svd1r8] { color: #666; font-family: 'Courier New', monospace; word-wrap: break-word; }
.primary-gender[b-8s73svd1r8] { border-left: 3px solid #28a745; }
.outlier-gender[b-8s73svd1r8] { border-left: 3px solid #dc3545; }

.total-badge[b-8s73svd1r8] {
    display: inline-block;
    background: #330033;
    color: #fff;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.9rem;
}

.email-link[b-8s73svd1r8] { color: #330033; text-decoration: none; font-weight: 500; }
.email-link:hover[b-8s73svd1r8] { text-decoration: underline; }

.event-title[b-8s73svd1r8] { font-weight: 600; color: #330033; }
.event-meta[b-8s73svd1r8] { font-size: 0.85rem; color: #666; }
.event-meta svg[b-8s73svd1r8] { width: 12px; height: 12px; color: #666; vertical-align: middle; }

/* ── Buttons ── */
.action-buttons[b-8s73svd1r8] { display: flex; gap: 8px; flex-wrap: wrap; }
.btn[b-8s73svd1r8] {
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    margin: 2px;
}
.btn-primary[b-8s73svd1r8] { background: #330033; color: #fff; }
.btn-primary:hover[b-8s73svd1r8] { background: #4a004a; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(51, 0, 51, 0.3); }
.btn-info[b-8s73svd1r8] { background: #17a2b8; color: #fff; }
.btn-info:hover[b-8s73svd1r8] { background: #138496; }
.btn-warning[b-8s73svd1r8] { background: #ffc107; color: #212529; }
.btn-warning:hover[b-8s73svd1r8] { background: #e0a800; }
.btn-success[b-8s73svd1r8] { background: #28a745; color: #fff; }
.btn-success:hover[b-8s73svd1r8] { background: #218838; }
.btn-secondary[b-8s73svd1r8] { background: #6c757d; color: #fff; }
.btn-secondary:hover[b-8s73svd1r8] { background: #5a6268; }
.btn:disabled[b-8s73svd1r8] { opacity: 0.6; cursor: not-allowed; transform: none; box-shadow: none; }
.btn-sm[b-8s73svd1r8] { padding: 6px 12px; font-size: 0.8rem; }

/* ── Empty / loading ── */
.empty-state[b-8s73svd1r8] { text-align: center; padding: 60px 20px; color: #666; }
.empty-state svg[b-8s73svd1r8] { width: 64px; height: 64px; color: #330033; opacity: 0.3; margin-bottom: 20px; }
.empty-state h3[b-8s73svd1r8] { margin: 0 0 10px 0; color: #333; }
.empty-state p[b-8s73svd1r8] { margin: 0; font-size: 1rem; }
.loading-state[b-8s73svd1r8] { padding: 40px; text-align: center; font-weight: 600; color: #555; }
.empty-inline[b-8s73svd1r8] {
    height: 30px; border: solid 1px #ccc; width: 100%;
    font-weight: bold; font-size: 15pt; line-height: 30px; text-align: center; color: #555;
}

/* ── Icons ── */
.ico-sm[b-8s73svd1r8] { width: 14px; height: 14px; vertical-align: middle; }
.ico-green[b-8s73svd1r8] { color: #28a745; }
.ico-red[b-8s73svd1r8] { color: #dc3545; }

/* ── Modal ── */
.modal[b-8s73svd1r8] {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}
.modal.show[b-8s73svd1r8] { display: block; }
.modal-content[b-8s73svd1r8] {
    background-color: #fefefe;
    margin: 3% auto;
    padding: 0;
    border: none;
    width: 90%;
    max-width: 1000px;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}
.modal-content.wide[b-8s73svd1r8] { max-width: 1200px; }
.modal-content.narrow[b-8s73svd1r8] { max-width: 460px; }
.modal-header[b-8s73svd1r8] {
    background: #330033;
    color: #fff;
    padding: 20px 25px;
    border-radius: 12px 12px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modal-header h2[b-8s73svd1r8] { margin: 0; font-size: 1.5rem; display: flex; align-items: center; gap: 10px; }
.modal-header h2 svg[b-8s73svd1r8] { width: 22px; height: 22px; }
.modal-body[b-8s73svd1r8] { padding: 25px; overflow-y: auto; max-height: calc(90vh - 80px); }
.modal-instructions[b-8s73svd1r8] {
    margin-bottom: 20px; padding: 15px; background: #f8f9fa; border-radius: 8px; font-size: 0.9rem;
}
.close[b-8s73svd1r8] {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background 0.3s;
}
.close:hover[b-8s73svd1r8], .close:focus[b-8s73svd1r8] { background: rgba(255, 255, 255, 0.2); }
.btn-actions[b-8s73svd1r8] { margin-top: 20px; display: flex; gap: 10px; justify-content: flex-end; }
.confirm-text[b-8s73svd1r8] { font-size: 1rem; color: #333; }

/* ── Status badges (modal) ── */
.status-badge[b-8s73svd1r8] {
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
    white-space: nowrap;
}
.status-active[b-8s73svd1r8] { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.status-waiting[b-8s73svd1r8] { background: #fff3cd; color: #856404; border: 1px solid #ffc107; }
.status-canceled[b-8s73svd1r8] { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

/* ── Gender edit ── */
.gender-display[b-8s73svd1r8] { font-weight: 600; color: #330033; }
.gender-edit[b-8s73svd1r8] { width: 100px; }
.form-control[b-8s73svd1r8] {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.9rem;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupIPLocation.cshtml.rz.scp.css */
/* ============================================================
   Signup IP Location — Scoped CSS
   (legacy palette: #330033 header, #F5ECFF alternating rows)
   ============================================================ */

.page-header[b-w4mmicsvbl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a0e4e 0%, #330033 60%, #23001f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-w4mmicsvbl] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.header-icon[b-w4mmicsvbl] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-w4mmicsvbl] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-w4mmicsvbl] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.header-right[b-w4mmicsvbl] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.badge[b-w4mmicsvbl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 8px;
}
.badge-count[b-w4mmicsvbl] { background: rgba(255,255,255,0.2); color: #fff; }

/* Error */
.error-banner[b-w4mmicsvbl] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Loading */
.loading-overlay[b-w4mmicsvbl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-w4mmicsvbl] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #660066;
    border-radius: 50%;
    animation: spin-b-w4mmicsvbl 0.7s linear infinite;
}
@keyframes spin-b-w4mmicsvbl { to { transform: rotate(360deg); } }

/* Table */
.table-panel[b-w4mmicsvbl] {
    background: #fff;
    border: 1px solid #660066;   /* legacy grid BorderColor #660066 */
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.table-wrap[b-w4mmicsvbl] { overflow-x: auto; }

.ip-table[b-w4mmicsvbl] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.ip-table th[b-w4mmicsvbl] {
    text-align: left;
    padding: 10px 14px;
    background: #330033;         /* legacy HeaderStyle */
    color: #fff;
    font-weight: 700;
    font-size: 0.73rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border-bottom: 2px solid #23001f;
}
.ip-table td[b-w4mmicsvbl] {
    padding: 10px 14px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    vertical-align: middle;
}
.ip-table tbody tr:nth-child(odd) td[b-w4mmicsvbl] { background: #f5ecff; }   /* legacy RowStyle #F5ECFF */
.ip-table tbody tr:nth-child(even) td[b-w4mmicsvbl] { background: #fff; }     /* legacy AlternatingRowStyle */
.ip-table tbody tr:hover td[b-w4mmicsvbl] { background: #ecd9ff; }

.col-center[b-w4mmicsvbl] { text-align: center; }
.col-nowrap[b-w4mmicsvbl] { white-space: nowrap; }
.pay-cell[b-w4mmicsvbl] { line-height: 1.5; }

/* Gender badges */
.gender-badge[b-w4mmicsvbl] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}
.gender-m[b-w4mmicsvbl] { background: #dbeafe; color: #1d4ed8; }
.gender-f[b-w4mmicsvbl] { background: #fce7f3; color: #be185d; }

/* Empty state (legacy: bold, large, #660066, 40px padding) */
.empty-state[b-w4mmicsvbl] {
    text-align: center;
    padding: 40px 20px;
    color: #660066;
}
.empty-state p[b-w4mmicsvbl] { margin-top: 16px; font-size: 1.1rem; font-weight: 700; }

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-w4mmicsvbl] { flex-direction: column; gap: 12px; text-align: center; }
    .header-left[b-w4mmicsvbl] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupReassign.cshtml.rz.scp.css */
/* ============================================================
   Signup Event Reassignment — Scoped CSS
   Ported from legacy admin/SignupReassign.aspx inline <style>
   (#330033 grid header, #6f42c1 purple accents, yellow SOURCE /
   green TARGET / red not-found detail panels). CSS isolation scopes
   these class names to this page; x-for/template rows inherit the
   build-time scope attribute so styling applies to them too.
   ============================================================ */

.sr-page[b-qtuu32yt3v] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1200px;
    margin: 0 auto;
    color: #2d3748;
}

/* ── Header ── */
.sr-header[b-qtuu32yt3v] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 20px 25px;
    margin-bottom: 20px;
    border-radius: 12px;
}
.sr-header h2[b-qtuu32yt3v] {
    margin: 0;
    font-weight: 600;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.sr-header p[b-qtuu32yt3v] { margin: 8px 0 0 0; opacity: 0.9; font-size: 0.9rem; }
.sr-h-icon[b-qtuu32yt3v] { width: 26px; height: 26px; }
.sr-inline-icon[b-qtuu32yt3v] { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }

/* ── Card / form ── */
.sr-card[b-qtuu32yt3v] {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    margin-bottom: 20px;
}
.sr-card-title[b-qtuu32yt3v] { margin: 0 0 20px 0; color: #330033; font-size: 1.2rem; }

.sr-row[b-qtuu32yt3v] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 15px;
    flex-wrap: wrap;
}
.sr-label[b-qtuu32yt3v] {
    min-width: 150px;
    font-weight: 600;
    color: #495057;
    font-size: 14px;
}
.sr-input[b-qtuu32yt3v] {
    flex: 1;
    min-width: 180px;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    transition: border-color 0.2s;
    box-sizing: border-box;
}
.sr-input:focus[b-qtuu32yt3v] {
    outline: none;
    border-color: #6f42c1;
    box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.1);
}
.sr-help[b-qtuu32yt3v] { font-size: 12px; color: #6c757d; }

.sr-radios[b-qtuu32yt3v] { display: flex; gap: 20px; flex-wrap: wrap; font-size: 14px; }
.sr-radios label[b-qtuu32yt3v] { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }

/* ── Event detail panels ── */
.sr-event-detail[b-qtuu32yt3v] {
    margin-left: 165px;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.sr-detail-source[b-qtuu32yt3v] { background: #fff3cd; border-left: 4px solid #ffc107; }
.sr-detail-target[b-qtuu32yt3v] { background: #d4edda; border-left: 4px solid #28a745; }
.sr-detail-missing[b-qtuu32yt3v] { background: #f8d7da; border-left: 4px solid #dc3545; }
.sr-manage[b-qtuu32yt3v] {
    margin-left: auto;
    color: #6f42c1;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
}
.sr-manage:hover[b-qtuu32yt3v] { color: #330033; text-decoration: underline; }

/* ── Buttons ── */
.sr-actions[b-qtuu32yt3v] {
    display: flex;
    gap: 12px;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #e1e4e8;
}
.sr-btn[b-qtuu32yt3v] {
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    font-family: inherit;
    transition: background 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.sr-btn:disabled[b-qtuu32yt3v] { opacity: 0.6; cursor: not-allowed; }
.sr-btn-icon[b-qtuu32yt3v] { width: 16px; height: 16px; }
.sr-btn-sm[b-qtuu32yt3v] { padding: 4px 12px; font-size: 12px; }
.sr-btn-primary[b-qtuu32yt3v] { background: #6f42c1; }
.sr-btn-primary:hover:not(:disabled)[b-qtuu32yt3v] { background: #5a32a3; }
.sr-btn-secondary[b-qtuu32yt3v] { background: #6c757d; }
.sr-btn-secondary:hover:not(:disabled)[b-qtuu32yt3v] { background: #545b62; }
.sr-btn-danger[b-qtuu32yt3v] { background: #dc3545; }
.sr-btn-danger:hover:not(:disabled)[b-qtuu32yt3v] { background: #c82333; }

/* ── Results / recent tables ── */
.sr-results[b-qtuu32yt3v] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    overflow: hidden;
}
.sr-results-header[b-qtuu32yt3v] {
    padding: 15px 20px;
    background: #f9f4ff;
    border-bottom: 1px solid #eee;
}
.sr-results-header h3[b-qtuu32yt3v] { margin: 0; color: #330033; font-size: 1.1rem; }
.sr-results-header p[b-qtuu32yt3v] { margin: 5px 0 0 0; font-size: 0.9rem; color: #666; }

.sr-table-wrap[b-qtuu32yt3v] { padding: 20px; overflow-x: auto; }
.sr-table[b-qtuu32yt3v] { width: 100%; border-collapse: collapse; }
.sr-table th[b-qtuu32yt3v] {
    background: #330033;
    color: white;
    padding: 12px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}
.sr-table td[b-qtuu32yt3v] {
    padding: 12px;
    border-bottom: 1px solid #e1e4e8;
    font-size: 14px;
    vertical-align: middle;
}
.sr-table tbody tr:hover[b-qtuu32yt3v] { background: #f8f9fa; }

.w60[b-qtuu32yt3v] { width: 60px; }
.w80[b-qtuu32yt3v] { width: 80px; }
.w100[b-qtuu32yt3v] { width: 100px; }
.w120[b-qtuu32yt3v] { width: 120px; }
.w140[b-qtuu32yt3v] { width: 140px; }
.w150[b-qtuu32yt3v] { width: 150px; }
.w200[b-qtuu32yt3v] { width: 200px; }

.sr-old-value[b-qtuu32yt3v] { color: #dc3545; font-weight: 500; text-decoration: none; }
.sr-old-value:hover[b-qtuu32yt3v] { text-decoration: underline; }
.sr-new-value[b-qtuu32yt3v] { color: #28a745; font-weight: 500; text-decoration: none; }
.sr-new-value:hover[b-qtuu32yt3v] { text-decoration: underline; }
.sr-records-link[b-qtuu32yt3v] { color: #6f42c1; text-decoration: underline; cursor: pointer; font-weight: 600; }
.sr-empty[b-qtuu32yt3v] { padding: 20px; text-align: center; color: #666; font-style: italic; }

/* ── Modals ── */
.sr-modal-overlay[b-qtuu32yt3v] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 6%;
    z-index: 10001;
}
.sr-modal[b-qtuu32yt3v] {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 800px;
    max-width: 92%;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    overflow: hidden;
}
.sr-modal-header[b-qtuu32yt3v] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    padding: 16px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sr-modal-header-purple[b-qtuu32yt3v] { background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%); }
.sr-modal-header h3[b-qtuu32yt3v] { margin: 0; font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.sr-modal-close[b-qtuu32yt3v] { color: white; font-size: 26px; font-weight: bold; cursor: pointer; opacity: 0.85; line-height: 1; }
.sr-modal-close:hover[b-qtuu32yt3v] { opacity: 1; }
.sr-modal-body[b-qtuu32yt3v] { padding: 20px; background: white; max-height: 60vh; overflow-y: auto; }
.sr-modal-body .sr-table-wrap[b-qtuu32yt3v] { padding: 0; }
.sr-modal-detail[b-qtuu32yt3v] {
    margin-bottom: 15px;
    padding: 10px;
    background: #f9f4ff;
    border-radius: 6px;
    font-size: 14px;
}
.sr-modal-footer[b-qtuu32yt3v] {
    padding: 14px 20px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.sr-warn[b-qtuu32yt3v] { color: #b91c1c; line-height: 1.6; margin: 0 0 14px; }

/* ── Confirm-modal move summary ── */
.sr-move-summary[b-qtuu32yt3v] {
    background: #f8f2ff;
    border: 1px solid #e2c9ff;
    border-radius: 8px;
    padding: 14px;
}
.sr-move-line[b-qtuu32yt3v] { display: flex; align-items: center; gap: 10px; font-size: 0.95rem; color: #2d3748; }
.sr-move-tag[b-qtuu32yt3v] {
    display: inline-block;
    min-width: 48px;
    text-align: center;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 700;
    color: white;
    white-space: nowrap;
}
.sr-tag-from[b-qtuu32yt3v] { background: #b91c1c; }
.sr-tag-to[b-qtuu32yt3v] { background: #1a7a3a; }
.sr-move-icon[b-qtuu32yt3v] { text-align: center; color: #6f42c1; margin: 6px 0; }
.sr-move-icon i[b-qtuu32yt3v] { width: 20px; height: 20px; }
.sr-move-meta[b-qtuu32yt3v] { margin-top: 10px; font-size: 0.88rem; color: #555; }

@media (max-width: 768px) {
    .sr-label[b-qtuu32yt3v] { min-width: 0; width: 100%; }
    .sr-event-detail[b-qtuu32yt3v] { margin-left: 0; }
    .sr-actions[b-qtuu32yt3v] { flex-wrap: wrap; }
    .sr-table th[b-qtuu32yt3v], .sr-table td[b-qtuu32yt3v] { padding: 9px 7px; font-size: 13px; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupRecurrenceByEvent.cshtml.rz.scp.css */
/* ============================================================
   Signup Recurrence By Event — Scoped CSS
   Per-event recurrence report (event header + signups grid + the
   "Get off Waiting list" email modal). Mirrors the legacy
   admin/SignupRecurrenceByEvent.aspx layout with the project's
   modern admin chrome. Scoped to this page by Razor.
   ============================================================ */

/* ── Top back link (legacy lbtnBack "Back") ── */
.sre-back[b-fxjbvnowrr] {
    padding: 4px 0 12px;
}
.sre-back a[b-fxjbvnowrr] {
    color: #330033;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.9rem;
}
.sre-back a:hover[b-fxjbvnowrr] { text-decoration: underline; }

/* ── Page header (project convention, brand purple) ── */
.page-header[b-fxjbvnowrr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4D004D 0%, #330033 60%, #24001f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-fxjbvnowrr] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-fxjbvnowrr] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-fxjbvnowrr] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-fxjbvnowrr] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.header-right[b-fxjbvnowrr] { display: flex; align-items: center; gap: 14px; }
.badge[b-fxjbvnowrr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.18);
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 5px 12px;
}

/* ── Event Details card (legacy "Event Details" bordered table) ── */
.sre-details[b-fxjbvnowrr] {
    max-width: 640px;
    margin: 0 auto 24px;
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    font-family: Arial, sans-serif;
}
.sre-details-head[b-fxjbvnowrr] {
    background-color: #BBD2FE;   /* legacy header cell color */
    text-align: center;
    font-weight: 700;
    padding: 8px;
    color: #1c2b4a;
}
.sre-details-grid[b-fxjbvnowrr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: #e6e6e6;
}
.sre-details-grid .sre-cell[b-fxjbvnowrr] {
    background: #fff;
    padding: 8px 12px;
    font-size: 13px;
    line-height: 1.5;
}
.sre-details-grid .sre-cell.full[b-fxjbvnowrr] { grid-column: 1 / -1; }
.sre-details-grid b[b-fxjbvnowrr] { color: #555; margin-right: 4px; }
.sre-notfound[b-fxjbvnowrr] { padding: 14px; text-align: center; color: #666; }

/* ── Signups grid ── */
.table-wrap[b-fxjbvnowrr] {
    overflow-x: auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
.sre-grid[b-fxjbvnowrr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.sre-grid thead th[b-fxjbvnowrr] {
    color: #fff;
    background-color: #330033;   /* legacy HeaderStyle BackColor */
    text-align: left;
    padding: 8px 6px;
    white-space: nowrap;
    font-weight: 600;
}
.sre-grid tbody tr[b-fxjbvnowrr] { color: #000; }
.sre-grid tbody td[b-fxjbvnowrr] {
    padding: 5px 6px;
    vertical-align: middle;
    border-bottom: 1px solid #efe6f5;
}
.sre-grid tbody a[b-fxjbvnowrr] { color: #330033; font-weight: 600; }
.cell-nowrap[b-fxjbvnowrr] { white-space: nowrap; }
.cell-center[b-fxjbvnowrr] { text-align: center; white-space: nowrap; }
.mail-btn[b-fxjbvnowrr] { cursor: pointer; display: inline-block; }
.star[b-fxjbvnowrr] { font-size: 15px; }
.empty-state[b-fxjbvnowrr] {
    padding: 30px;
    text-align: center;
    color: #666;
    font-size: 14px;
}

/* ── Get off Waiting list modal (legacy .modal family) ── */
.sre-modal[b-fxjbvnowrr] {
    position: fixed;
    z-index: 10000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
.sre-modal-content[b-fxjbvnowrr] {
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
    margin: 0 auto;
    width: 60%;
    max-width: 900px;
    animation-name: sre-animatetop-b-fxjbvnowrr;
    animation-duration: 0.4s;
}
@keyframes sre-animatetop-b-fxjbvnowrr {
    from { top: -300px; opacity: 0; }
    to   { top: 0;      opacity: 1; }
}
.sre-close[b-fxjbvnowrr] {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}
.sre-close:hover[b-fxjbvnowrr],
.sre-close:focus[b-fxjbvnowrr] {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
}
.sre-modal-header[b-fxjbvnowrr] {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}
.sre-modal-header h3[b-fxjbvnowrr] { margin: 0; }
.sre-modal-body[b-fxjbvnowrr] { padding: 20px; }
.sre-modal-footer[b-fxjbvnowrr] {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

/* ── Email compose form ── */
.email-form[b-fxjbvnowrr] { display: grid; gap: 14px; }
.form-field label[b-fxjbvnowrr] {
    display: block;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 4px;
}
.form-field input[type="text"][b-fxjbvnowrr] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid darkgray;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
    box-shadow: 1px 1px 1px 0 lightgray inset;
}
.ccbcc-fieldset[b-fxjbvnowrr] {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px 12px 12px;
}
.ccbcc-fieldset legend[b-fxjbvnowrr] {
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    padding: 0 6px;
    user-select: none;
}
.send-row[b-fxjbvnowrr] { text-align: right; }

/* ── Buttons (legacy .btn / .button) ── */
.sre-btn[b-fxjbvnowrr] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: #eee;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    user-select: none;
}
.sre-btn-primary[b-fxjbvnowrr] {
    background-color: #330033;
    color: #fff;
}
.sre-btn-primary:hover[b-fxjbvnowrr] { background-color: #4D004D; }
.sre-btn-primary:disabled[b-fxjbvnowrr] {
    opacity: 0.6;
    cursor: not-allowed;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupsActivity.cshtml.rz.scp.css */
/* ============================================================
   Signups Activity — Scoped CSS
   (legacy palette: male cards #BBD2FF, female cards #FF99FF,
    grid header #330033)
   ============================================================ */

.page-header[b-1332soykk2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a0e4e 0%, #330033 60%, #23001f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-1332soykk2] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.header-icon[b-1332soykk2] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-1332soykk2] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-1332soykk2] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.back-link[b-1332soykk2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    background: rgba(255,255,255,0.15);
    padding: 7px 14px;
    border-radius: 8px;
}
.back-link:hover[b-1332soykk2] { background: rgba(255,255,255,0.25); }

/* Error */
.error-banner[b-1332soykk2] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Loading */
.loading-overlay[b-1332soykk2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-1332soykk2] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #660066;
    border-radius: 50%;
    animation: spin-b-1332soykk2 0.7s linear infinite;
}
@keyframes spin-b-1332soykk2 { to { transform: rotate(360deg); } }

/* Two gender columns (legacy 50/50 table) */
.gender-columns[b-1332soykk2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}
.gender-col[b-1332soykk2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Count chips (legacy right-aligned 100px boxes above each column) */
.count-chip[b-1332soykk2] {
    align-self: flex-end;
    min-width: 100px;
    padding: 6px 12px;
    border: 1px solid #000;
    text-align: right;
    font-size: 0.9rem;
    border-radius: 4px;
}
.chip-male[b-1332soykk2] { background: #bbd2ff; }
.chip-female[b-1332soykk2] { background: #ff99ff; }

/* Person cards (legacy DataList items) */
.person-card[b-1332soykk2] {
    border: 1px solid #000;
    border-radius: 6px;
    padding: 8px 10px 8px 12px;
    font-size: 0.85rem;
    line-height: 1.55;
    word-break: break-word;
}
.card-male[b-1332soykk2] { background: #bbd2ff; }
.card-female[b-1332soykk2] { background: #ff99ff; }

.count-link[b-1332soykk2] {
    color: #1d4ed8;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}
.count-link:hover[b-1332soykk2] { color: #0f2f8c; }

/* Modal (legacy rounded-cornerspopup panel) */
.modal-backdrop[b-1332soykk2] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
}
.modal-panel[b-1332soykk2] {
    background: #fff;
    color: #000;
    border-radius: 10px;          /* legacy .rounded-cornerspopup */
    margin: 10px;
    padding: 10px;
    width: 100%;
    max-width: 945px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}
.modal-head[b-1332soykk2] {
    text-align: right;
    padding: 4px 8px;
}
.modal-close[b-1332soykk2] {
    color: #330033;
    text-decoration: none;
    font-size: 0.9rem;
}
.modal-close:hover[b-1332soykk2] { text-decoration: underline; }
.modal-body[b-1332soykk2] {
    overflow: auto;               /* legacy: height 400px, overflow scroll */
    max-height: 400px;
    padding: 0 8px 8px;
}

.event-table[b-1332soykk2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.event-table th[b-1332soykk2] {
    background: #330033;          /* legacy HeaderStyle */
    color: #fff;
    text-align: left;
    padding: 8px 10px;
    font-weight: 600;
    white-space: nowrap;
}
.event-table td[b-1332soykk2] {
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    text-align: left;
}
.event-table tbody tr:nth-child(even) td[b-1332soykk2] { background: #f5ecff; }
.event-table td a[b-1332soykk2] { color: #1d4ed8; }

.col-nowrap[b-1332soykk2] { white-space: nowrap; }

.modal-empty[b-1332soykk2] {
    padding: 30px;
    text-align: center;
    color: #666;
}

/* Responsive */
@media (max-width: 900px) {
    .gender-columns[b-1332soykk2] { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .page-header[b-1332soykk2] { flex-direction: column; gap: 12px; text-align: center; }
    .header-left[b-1332soykk2] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupsAgeDiscrepancy.cshtml.rz.scp.css */
/* ============================================================
   Signups Age Discrepancy (all / consolidated) — Scoped CSS
   (legacy palette: #330033 header, white / #E0C1FF alternating rows)
   ============================================================ */

.page-header[b-vwqe3odhzj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a0e4e 0%, #330033 60%, #23001f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-vwqe3odhzj] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.header-icon[b-vwqe3odhzj] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-vwqe3odhzj] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-vwqe3odhzj] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.header-right[b-vwqe3odhzj] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.badge[b-vwqe3odhzj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 8px;
}
.badge-count[b-vwqe3odhzj] { background: rgba(255,255,255,0.2); color: #fff; }

/* Error */
.error-banner[b-vwqe3odhzj] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Loading */
.loading-overlay[b-vwqe3odhzj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-vwqe3odhzj] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #660066;
    border-radius: 50%;
    animation: spin-b-vwqe3odhzj 0.7s linear infinite;
}
@keyframes spin-b-vwqe3odhzj { to { transform: rotate(360deg); } }

/* Signups grid */
.grid-fieldset[b-vwqe3odhzj] {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 10px;
    background: #fff;
}
.grid-fieldset legend[b-vwqe3odhzj] {
    padding: 0 8px;
    font-weight: 600;
    color: #330033;
}
.table-wrap[b-vwqe3odhzj] { overflow-x: auto; }

.disc-table[b-vwqe3odhzj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}
.disc-table th[b-vwqe3odhzj] {
    background: #330033;          /* legacy .GRIDVIEWHeading */
    color: #fff;
    padding: 8px 10px;
    text-align: center;
    font-weight: 600;
    white-space: nowrap;
}
.disc-table td[b-vwqe3odhzj] {
    padding: 8px 10px;
    text-align: center;           /* legacy ItemStyle HorizontalAlign=Center */
    color: #000;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    height: 50px;                 /* legacy .griviewRowtr */
    box-sizing: border-box;
}
.disc-table td a[b-vwqe3odhzj] { color: #1d4ed8; margin-left: 2px; }

.col-nowrap[b-vwqe3odhzj] { white-space: nowrap; }

.empty-cell[b-vwqe3odhzj] {
    padding: 30px !important;
    color: #666;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-vwqe3odhzj] { flex-direction: column; gap: 12px; text-align: center; }
    .header-left[b-vwqe3odhzj] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupsAgeDiscrepancyByEventId.cshtml.rz.scp.css */
/* ============================================================
   Signups Age Discrepancy (by event) — Scoped CSS
   (legacy palette: #330033 header, purple/pink status rows)
   ============================================================ */

.page-header[b-i1y5zxxqto] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a0e4e 0%, #330033 60%, #23001f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-i1y5zxxqto] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.header-icon[b-i1y5zxxqto] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-i1y5zxxqto] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-i1y5zxxqto] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.header-right[b-i1y5zxxqto] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.badge[b-i1y5zxxqto] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 8px;
}
.badge-count[b-i1y5zxxqto] { background: rgba(255,255,255,0.2); color: #fff; }

/* Error */
.error-banner[b-i1y5zxxqto] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Loading */
.loading-overlay[b-i1y5zxxqto] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-i1y5zxxqto] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #660066;
    border-radius: 50%;
    animation: spin-b-i1y5zxxqto 0.7s linear infinite;
}
@keyframes spin-b-i1y5zxxqto { to { transform: rotate(360deg); } }

/* Event card (legacy .filters flex block) */
.event-card[b-i1y5zxxqto] {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    gap: 16px;
}
.event-date-block[b-i1y5zxxqto] {
    flex: 0 0 auto;
    text-align: center;
    padding-right: 8px;
}
.event-month[b-i1y5zxxqto] {
    color: #330033;               /* legacy EventDateMonthContainer */
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.event-day[b-i1y5zxxqto] {
    color: #6f7287;               /* legacy EventDateDayContainer */
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: 0.25px;
    margin: 0;
}
.event-img-box[b-i1y5zxxqto] {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 2px;
    flex: 0 0 auto;
    overflow: hidden;
    position: relative;
    background: #f3f4f6;
}
.event-img-box img[b-i1y5zxxqto] {
    width: auto;
    height: 100%;
    margin-top: 50%;
    margin-left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.event-text[b-i1y5zxxqto] {
    flex: 1 1 auto;
    min-width: 0;
    word-break: break-word;
}
.event-name[b-i1y5zxxqto] {
    font-size: medium;
    font-weight: 600;
    margin: 0 0 4px;
}
.event-when[b-i1y5zxxqto] {
    font-size: medium;
    color: #444;
    margin: 0 0 4px;
}
.event-venue[b-i1y5zxxqto] {
    font-size: medium;
    color: #666;
    margin: 0;
    line-height: 1.35;
}

/* Signups grid */
.grid-fieldset[b-i1y5zxxqto] {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 10px;
    background: #fff;
}
.grid-fieldset legend[b-i1y5zxxqto] {
    padding: 0 8px;
    font-weight: 600;
    color: #330033;
}
.table-wrap[b-i1y5zxxqto] { overflow-x: auto; }

.disc-table[b-i1y5zxxqto] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}
.disc-table th[b-i1y5zxxqto] {
    background: #330033;          /* legacy .GRIDVIEWHeading */
    color: #fff;
    padding: 8px 10px;
    text-align: center;
    font-weight: 600;
    white-space: nowrap;
}
.disc-table td[b-i1y5zxxqto] {
    padding: 8px 10px;
    text-align: center;           /* legacy ItemStyle HorizontalAlign=Center */
    color: #000;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    height: 50px;                 /* legacy .griviewRowtr */
    box-sizing: border-box;
}
.disc-table td a[b-i1y5zxxqto] { color: #1d4ed8; margin-left: 2px; }

.col-nowrap[b-i1y5zxxqto] { white-space: nowrap; }

.empty-cell[b-i1y5zxxqto] {
    padding: 30px !important;
    color: #666;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-i1y5zxxqto] { flex-direction: column; gap: 12px; text-align: center; }
    .header-left[b-i1y5zxxqto] { flex-direction: column; }
    .event-card[b-i1y5zxxqto] { flex-direction: column; text-align: center; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupsTraceFilter.cshtml.rz.scp.css */
/* ============================================================
   Signups Trace Filter — Scoped CSS
   (legacy palette: #330033 header, #663399 info banner,
    white / #E0C1FF alternating rows)
   ============================================================ */

.page-header[b-j1zhjutay8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a0e4e 0%, #330033 60%, #23001f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-j1zhjutay8] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.header-icon[b-j1zhjutay8] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-j1zhjutay8] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-j1zhjutay8] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.header-right[b-j1zhjutay8] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.badge[b-j1zhjutay8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 8px;
}
.badge-count[b-j1zhjutay8] { background: rgba(255,255,255,0.2); color: #fff; }

/* Info banner (legacy purple .filters note) */
.info-banner[b-j1zhjutay8] {
    background: #663399;
    color: #fff;
    font-size: 1.05rem;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* Filter bar (legacy checkbox + Filter button) */
.filter-bar[b-j1zhjutay8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.filter-check[b-j1zhjutay8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: #333;
    cursor: pointer;
}
.filter-check input[b-j1zhjutay8] { width: 16px; height: 16px; cursor: pointer; }
.btn-filter[b-j1zhjutay8] {
    background: #330033;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 22px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}
.btn-filter:hover[b-j1zhjutay8] { background: #4a0e4e; }
.btn-filter:disabled[b-j1zhjutay8] { opacity: 0.5; cursor: default; }

/* Error */
.error-banner[b-j1zhjutay8] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Loading */
.loading-overlay[b-j1zhjutay8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-j1zhjutay8] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #660066;
    border-radius: 50%;
    animation: spin-b-j1zhjutay8 0.7s linear infinite;
}
@keyframes spin-b-j1zhjutay8 { to { transform: rotate(360deg); } }

/* Signups grid */
.grid-fieldset[b-j1zhjutay8] {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 10px;
    background: #fff;
}
.grid-fieldset legend[b-j1zhjutay8] {
    padding: 0 8px;
    font-weight: 600;
    color: #330033;
}
.table-wrap[b-j1zhjutay8] { overflow-x: auto; }

.disc-table[b-j1zhjutay8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}
.disc-table th[b-j1zhjutay8] {
    background: #330033;          /* legacy .GRIDVIEWHeading */
    color: #fff;
    padding: 8px 10px;
    text-align: center;
    font-weight: 600;
    white-space: nowrap;
}
.disc-table td[b-j1zhjutay8] {
    padding: 8px 10px;
    text-align: center;           /* legacy ItemStyle HorizontalAlign=Center */
    color: #000;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    box-sizing: border-box;
}
.disc-table td a[b-j1zhjutay8] { color: #1d4ed8; margin-left: 2px; }

.col-nowrap[b-j1zhjutay8] { white-space: nowrap; }

.empty-cell[b-j1zhjutay8] {
    padding: 30px !important;
    color: #666;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-j1zhjutay8] { flex-direction: column; gap: 12px; text-align: center; }
    .header-left[b-j1zhjutay8] { flex-direction: column; }
    .filter-bar[b-j1zhjutay8] { flex-direction: column; align-items: stretch; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupsTraceLeads.cshtml.rz.scp.css */
/* ============================================================
   Signups Trace Leads — Scoped CSS
   Same legacy palette as the sibling Signups Trace Filter report
   (#330033 header/grid, white / #E0C1FF alternating rows) plus a
   send/confirm modal styled after the just-migrated RepeatCustomers.
   ============================================================ */

.stl-page [x-cloak][b-o40ovir95l] { display: none !important; }

/* Header */
.page-header[b-o40ovir95l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a0e4e 0%, #330033 60%, #23001f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-o40ovir95l] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-o40ovir95l] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-o40ovir95l] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-o40ovir95l] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.header-right[b-o40ovir95l] { display: flex; align-items: center; gap: 14px; }
.badge[b-o40ovir95l] {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 28px; height: 28px; border-radius: 14px;
    font-size: 0.8rem; font-weight: 700; padding: 0 8px;
}
.badge-count[b-o40ovir95l] { background: rgba(255,255,255,0.2); color: #fff; }

/* Filter bar */
.filter-bar[b-o40ovir95l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.filter-left[b-o40ovir95l] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.filter-year[b-o40ovir95l] { display: inline-flex; align-items: center; gap: 8px; font-size: 0.9rem; color: #333; }
.filter-year select[b-o40ovir95l] {
    padding: 6px 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 0.85rem; background: #fff;
}
.filter-year select:focus[b-o40ovir95l] { outline: none; border-color: #6f42c1; box-shadow: 0 0 0 2px rgba(111,66,193,0.1); }
.btn-filter[b-o40ovir95l] {
    background: #330033; color: #fff; border: none; border-radius: 6px;
    padding: 8px 22px; font-size: 0.9rem; font-weight: 600; cursor: pointer;
}
.btn-filter:hover[b-o40ovir95l] { background: #4a0e4e; }
.btn-filter:disabled[b-o40ovir95l] { opacity: 0.5; cursor: default; }
.tpl-link[b-o40ovir95l] {
    display: inline-flex; align-items: center; gap: 6px;
    color: #6f42c1; font-size: 0.85rem; font-weight: 600; text-decoration: none;
}
.tpl-link:hover[b-o40ovir95l] { text-decoration: underline; }
.tpl-link i[b-o40ovir95l] { width: 15px; height: 15px; }

/* Error */
.error-banner[b-o40ovir95l] {
    background: #fef2f2; border: 1px solid #fca5a5; color: #991b1b;
    padding: 12px 20px; border-radius: 8px; margin-bottom: 16px; font-size: 0.85rem;
}

/* Loading */
.loading-overlay[b-o40ovir95l] {
    display: flex; flex-direction: column; align-items: center;
    padding: 60px 20px; gap: 12px; color: #888; font-size: 0.9rem;
}
.spinner[b-o40ovir95l] {
    width: 32px; height: 32px;
    border: 3px solid #e5e7eb; border-top-color: #660066; border-radius: 50%;
    animation: spin-b-o40ovir95l 0.7s linear infinite;
}
@keyframes spin-b-o40ovir95l { to { transform: rotate(360deg); } }

/* Signups grid */
.grid-fieldset[b-o40ovir95l] { border: 1px solid #d1d5db; border-radius: 8px; padding: 10px; background: #fff; }
.grid-fieldset legend[b-o40ovir95l] { padding: 0 8px; font-weight: 600; color: #330033; }
.table-wrap[b-o40ovir95l] { overflow-x: auto; }
.disc-table[b-o40ovir95l] { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
.disc-table th[b-o40ovir95l] {
    background: #330033;          /* legacy .GRIDVIEWHeading */
    color: #fff; padding: 8px 10px; text-align: center; font-weight: 600; white-space: nowrap;
}
.disc-table td[b-o40ovir95l] {
    padding: 8px 10px;
    text-align: center;           /* legacy ItemStyle HorizontalAlign=Center */
    color: #000; border-bottom: 1px solid #eee; vertical-align: middle; box-sizing: border-box;
}
.disc-table td a[b-o40ovir95l] { color: #1d4ed8; margin-left: 2px; }
.col-nowrap[b-o40ovir95l] { white-space: nowrap; }
.empty-cell[b-o40ovir95l] { padding: 30px !important; color: #666; }

.stl-mail-btn[b-o40ovir95l] {
    background: none; border: none; cursor: pointer; padding: 3px 5px; border-radius: 3px; color: #555;
}
.stl-mail-btn:hover[b-o40ovir95l] { background: #f3e8f3; color: #330033; }
.stl-mail-btn i[b-o40ovir95l] { width: 18px; height: 18px; }

/* Modals */
.stl-modal-overlay[b-o40ovir95l] {
    display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.5); align-items: flex-start; justify-content: center; padding: 20px; overflow: auto;
}
.stl-modal-overlay.open[b-o40ovir95l] { display: flex; }
.stl-modal[b-o40ovir95l] {
    background: #fff; width: 92%; max-width: 680px; border-radius: 10px; margin: 20px auto;
    box-shadow: 0 12px 40px rgba(0,0,0,0.25); max-height: calc(100vh - 40px); display: flex; flex-direction: column;
}
.stl-modal.stl-modal-wide[b-o40ovir95l] { max-width: 820px; }
.stl-modal.stl-modal-sm[b-o40ovir95l] { max-width: 480px; }
.stl-modal-head[b-o40ovir95l] {
    padding: 14px 20px; background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff;
    border-radius: 10px 10px 0 0; display: flex; align-items: center; justify-content: space-between;
}
.stl-modal-head.danger[b-o40ovir95l] { background: linear-gradient(135deg, #7a1020 0%, #b91c1c 100%); }
.stl-modal-head h3[b-o40ovir95l] { margin: 0; font-size: 0.98rem; display: flex; align-items: center; gap: 8px; }
.stl-modal-head h3 i[b-o40ovir95l] { width: 18px; height: 18px; }
.stl-modal-head button[b-o40ovir95l] {
    background: transparent; border: none; color: #fff; font-size: 1.3rem; cursor: pointer; border-radius: 50%;
    width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;
}
.stl-modal-head button:hover[b-o40ovir95l] { background: rgba(255,255,255,0.2); }
.stl-modal-body[b-o40ovir95l] { padding: 20px; overflow-y: auto; flex: 1; }
.stl-modal-foot[b-o40ovir95l] { padding: 12px 20px; border-top: 1px solid #e5e7eb; display: flex; justify-content: flex-end; gap: 8px; }

.stl-modal-body label[b-o40ovir95l] { font-size: 0.85rem; font-weight: 600; color: #333; display: block; margin-bottom: 3px; margin-top: 10px; }
.stl-modal-body input[type=text][b-o40ovir95l], .stl-modal-body textarea[b-o40ovir95l] {
    width: 100%; padding: 8px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 0.85rem; font-family: inherit; box-sizing: border-box;
}

.modal-btn[b-o40ovir95l] { padding: 8px 20px; border: none; border-radius: 5px; font-size: 0.85rem; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.modal-btn i[b-o40ovir95l] { width: 15px; height: 15px; }
.modal-btn.primary[b-o40ovir95l] { background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff; }
.modal-btn.danger[b-o40ovir95l] { background: linear-gradient(135deg, #7a1020 0%, #b91c1c 100%); color: #fff; }
.modal-btn.secondary[b-o40ovir95l] { background: #e5e7eb; color: #374151; }
.modal-btn:disabled[b-o40ovir95l] { opacity: 0.55; cursor: not-allowed; }

/* Confirm-send modal contents */
.stl-confirm-lead[b-o40ovir95l] { font-size: 0.95rem; margin: 0 0 12px 0; }
.stl-confirm-count[b-o40ovir95l] { font-size: 1.05rem; color: #b91c1c; }
.stl-confirm-box[b-o40ovir95l] { background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: 12px 14px; margin: 10px 0; }
.stl-confirm-box div[b-o40ovir95l] { display: flex; justify-content: space-between; gap: 16px; padding: 3px 0; font-size: 0.86rem; }
.stl-confirm-box div span[b-o40ovir95l] { color: #6b7280; }
.stl-confirm-box div strong[b-o40ovir95l] { text-align: right; word-break: break-word; }
.stl-confirm-warn[b-o40ovir95l] { display: flex; align-items: center; gap: 8px; color: #b91c1c; font-size: 0.82rem; margin: 10px 0 0 0; }
.stl-confirm-warn i[b-o40ovir95l] { width: 16px; height: 16px; flex-shrink: 0; }

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-o40ovir95l] { flex-direction: column; gap: 12px; text-align: center; }
    .header-left[b-o40ovir95l] { flex-direction: column; }
    .filter-bar[b-o40ovir95l] { flex-direction: column; align-items: stretch; }
    .filter-left[b-o40ovir95l] { justify-content: center; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupsTraceLeadsEmailTemplate.cshtml.rz.scp.css */
/* ============================================================
   Signups Trace Leads Email Template — Scoped CSS
   Adapted from legacy admin/SigupsTraceLeadsEmailTemplate.aspx inline
   <style>: .placeholderList (#FAFAFA rows, #F3F3F3 stripes,
   #FFFDE3 hover with #DCDAC1 left border), .contact ellipsis,
   .alert banners (#f44336 / #04AA6D, white text, floating × ),
   the fieldset legend, and the #330033 Save button.
   ============================================================ */

.stlt-page[b-l1b4cxml5e] {
    width: 100%;
}

/* ── Header ── */
.stlt-header[b-l1b4cxml5e] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.stlt-header-icon[b-l1b4cxml5e] {
    width: 28px;
    height: 28px;
    color: #330033;
    flex-shrink: 0;
}

.stlt-header h1[b-l1b4cxml5e] {
    margin: 0;
    font-size: 22px;
}

.stlt-header-sub[b-l1b4cxml5e] {
    margin: 2px 0 0;
    color: #3d2540;
    font-size: 13px;
}

/* ── Status banner (legacy .alert / .closebtn) ── */
.stlt-alert[b-l1b4cxml5e] {
    padding: 20px;
    color: white;
    margin-bottom: 15px;
}

.stlt-alert-danger[b-l1b4cxml5e] {
    background-color: #f44336;
}

.stlt-alert-success[b-l1b4cxml5e] {
    background-color: #04AA6D;
}

.stlt-closebtn[b-l1b4cxml5e] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    background: none;
    border: none;
    padding: 0;
}

.stlt-closebtn:hover[b-l1b4cxml5e] {
    color: black;
}

/* ── Fieldset (legacy fieldset/legend "Email Template") ── */
.stlt-card[b-l1b4cxml5e] {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0 0 20px;
    padding: 0 16px 16px;
    background: #fff;
}

.stlt-card-title[b-l1b4cxml5e] {
    margin: 0 -16px 14px;
    padding: 11px 16px;
    font-size: 18px;
    background: #f7f3f7;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
}

/* ── 70/30 layout (legacy nested tables) ── */
.stlt-grid[b-l1b4cxml5e] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
    gap: 16px;
    align-items: start;
}

.stlt-grid h3[b-l1b4cxml5e] {
    margin: 6px 0;
    font-size: 15px;
}

/* ── Subject: raw HTML source box (replaces the inline CKEditor) ── */
.stlt-subject[b-l1b4cxml5e] {
    width: 100%;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    margin-top: 5px;
    margin-bottom: 12px;
    padding: 10px 6px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    min-height: 44px;
    white-space: nowrap;
    overflow-x: auto;
}

.stlt-subject .hcard-token[b-l1b4cxml5e] {
    display: inline-block;
    background: #FFFDE3;
    border: 1px solid #DCDAC1;
    border-radius: 3px;
    padding: 0 4px;
}

/* Body textarea before TinyMCE takes over */
.stlt-body-editor[b-l1b4cxml5e] {
    width: 100%;
    box-sizing: border-box;
    min-height: 200px;
}

/* ── Placeholder list (legacy .placeholderList / .contact) ── */
.stlt-placeholder-list[b-l1b4cxml5e] {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.stlt-placeholder-list li[b-l1b4cxml5e] {
    background: #FAFAFA;
    margin-bottom: 1px;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
}

.stlt-placeholder-list li:nth-child(2n)[b-l1b4cxml5e] {
    background: #F3F3F3;
}

.stlt-placeholder-list li:hover[b-l1b4cxml5e] {
    background: #FFFDE3;
    border-left: 5px solid #DCDAC1;
    margin-left: -5px;
}

.stlt-contact[b-l1b4cxml5e] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    background: transparent;
    border: none;
    font: inherit;
    line-height: inherit;
    cursor: pointer;
    box-sizing: border-box;
}

/* ── Save button (legacy button: #330033 on white) ── */
.stlt-save[b-l1b4cxml5e] {
    background-color: #330033;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 8px 28px;
    margin-top: 14px;
    font-size: 14px;
    cursor: pointer;
}

.stlt-save:hover[b-l1b4cxml5e] {
    background-color: #4a004a;
}

.stlt-save:disabled[b-l1b4cxml5e] {
    background-color: #888;
    cursor: default;
}

/* ── Small screens: stack the placeholder column ── */
@media (max-width: 900px) {
    .stlt-grid[b-l1b4cxml5e] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupsWhoMetBefore.cshtml.rz.scp.css */
/* ============================================================
   Signups Who Met Before — scoped CSS
   Legacy color identity preserved: men = light blue (#BBD2FE),
   women = pink (#FF99FF), summary boxes green (#B3FF9A) /
   yellow (#FEFF99); header uses the admin purple (#330033).
   ============================================================ */

.swmb-wrapper[b-bvp73o1zw1] { max-width: 100%; }

/* Header */
.swmb-header[b-bvp73o1zw1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a1a4a 55%, #5b2c6f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 18px;
}
.swmb-header-left[b-bvp73o1zw1] { display: flex; align-items: center; gap: 14px; }
.swmb-header-icon[b-bvp73o1zw1] { width: 32px; height: 32px; opacity: 0.85; }
.swmb-header-left h1[b-bvp73o1zw1] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.swmb-header-sub[b-bvp73o1zw1] { font-size: 0.85rem; opacity: 0.85; margin-top: 2px; }

.swmb-back-link[b-bvp73o1zw1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.15);
    color: #fff;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 500;
    padding: 7px 14px;
    border-radius: 8px;
    transition: background 0.15s;
    white-space: nowrap;
}
.swmb-back-link:hover[b-bvp73o1zw1] { background: rgba(255,255,255,0.28); }

/* Status filter */
.swmb-status-bar[b-bvp73o1zw1] {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    background: #f1e9f7;
    border-radius: 10px;
    margin-bottom: 18px;
}
.swmb-status-btn[b-bvp73o1zw1] {
    border: 0;
    background: transparent;
    color: #5b2c6f;
    font-size: 0.82rem;
    font-weight: 600;
    padding: 7px 16px;
    border-radius: 7px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.swmb-status-btn:hover:not(.is-active)[b-bvp73o1zw1] { background: rgba(91,44,111,0.10); }
.swmb-status-btn.is-active[b-bvp73o1zw1] { background: #330033; color: #fff; }
.swmb-status-btn:disabled[b-bvp73o1zw1] { opacity: 0.6; cursor: default; }

/* Error / loading */
.swmb-error-banner[b-bvp73o1zw1] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}
.swmb-loading[b-bvp73o1zw1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.swmb-spinner[b-bvp73o1zw1] {
    width: 32px; height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #330033;
    border-radius: 50%;
    animation: swmb-spin-b-bvp73o1zw1 0.7s linear infinite;
}
@keyframes swmb-spin-b-bvp73o1zw1 { to { transform: rotate(360deg); } }

/* Summary quadrant */
.swmb-summary-grid[b-bvp73o1zw1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 24px;
}
.swmb-summary-card[b-bvp73o1zw1] {
    background: #fff;
    border: 1px solid #e3d5f0;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.swmb-summary-card-title[b-bvp73o1zw1] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 0.9rem;
    padding: 9px 14px;
    color: #fff;
    background: #6a4e88;
}
.swmb-men .swmb-summary-card-title[b-bvp73o1zw1] { background: #3a5ea8; }      /* nod to legacy men blue */
.swmb-women .swmb-summary-card-title[b-bvp73o1zw1] { background: #a83a86; }    /* nod to legacy women pink */
.swmb-summary-cols[b-bvp73o1zw1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: #e3d5f0;
}
.swmb-summary-box[b-bvp73o1zw1] { padding: 12px 14px; background: #fff; }
.swmb-box-green[b-bvp73o1zw1] { background: #eafbe3; }   /* legacy #B3FF9A, softened */
.swmb-box-yellow[b-bvp73o1zw1] { background: #fffbe0; }  /* legacy #FEFF99, softened */
.swmb-box-label[b-bvp73o1zw1] { font-size: 0.78rem; font-weight: 700; color: #333; }
.swmb-box-count[b-bvp73o1zw1] {
    font-size: 1.6rem;
    font-weight: 800;
    color: #330033;
    line-height: 1.2;
    margin-top: 2px;
}
.swmb-name-list[b-bvp73o1zw1] { margin-top: 6px; display: flex; flex-direction: column; gap: 2px; }
.swmb-name-line[b-bvp73o1zw1] { font-size: 0.78rem; color: #444; }

/* Detail columns */
.swmb-detail-grid[b-bvp73o1zw1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}
.swmb-detail-col[b-bvp73o1zw1] {
    border-radius: 10px;
    padding: 12px;
    min-height: 60px;
}
.swmb-col-men[b-bvp73o1zw1] { background: #e8eefb; border: 1px solid #bcd0f2; }     /* legacy #BBD2FE */
.swmb-col-women[b-bvp73o1zw1] { background: #fbe6f7; border: 1px solid #f0b8e4; }   /* legacy #FF99FF */
.swmb-col-head[b-bvp73o1zw1] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 0.9rem;
    color: #330033;
    margin: 2px 2px 10px;
}

.swmb-card[b-bvp73o1zw1] {
    background: #fff;
    border: 1px solid rgba(51,0,51,0.15);
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.swmb-card:last-child[b-bvp73o1zw1] { margin-bottom: 0; }
.swmb-card-name[b-bvp73o1zw1] {
    font-size: 1rem;
    font-weight: 700;
    text-decoration: underline;
    color: #222;
}
.swmb-card-line[b-bvp73o1zw1] { font-size: 0.8rem; color: #555; word-break: break-word; }

.swmb-met-head[b-bvp73o1zw1] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #330033;
    margin: 10px 0 4px;
}
.swmb-met-person[b-bvp73o1zw1] { margin-bottom: 8px; }
.swmb-met-line[b-bvp73o1zw1] { font-size: 0.82rem; color: #333; }
.swmb-met-event[b-bvp73o1zw1] { font-size: 0.78rem; color: #777; }
.swmb-met-future[b-bvp73o1zw1] { font-size: 0.82rem; color: #333; }

.swmb-warn[b-bvp73o1zw1] { color: #b45309; font-weight: 600; font-size: 0.78rem; }
.swmb-warn-link[b-bvp73o1zw1] {
    color: #b91c1c;
    font-weight: 800;
    font-size: 0.85rem;
    cursor: pointer;
    text-decoration: underline;
}
.swmb-match-status[b-bvp73o1zw1] { font-weight: 600; font-size: 0.78rem; color: #1a7a3a; }

.swmb-empty[b-bvp73o1zw1] {
    padding: 18px 12px;
    text-align: center;
    color: #7a6b86;
    font-size: 0.82rem;
}

/* Popup modal */
.swmb-modal-overlay[b-bvp73o1zw1] {
    position: fixed;
    inset: 0;
    background: rgba(20, 6, 24, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    padding: 20px;
}
.swmb-modal[b-bvp73o1zw1] {
    background: #fff;
    border-radius: 12px;
    width: 100%;
    max-width: 460px;
    max-height: 80vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}
.swmb-modal-head[b-bvp73o1zw1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.95rem;
}
.swmb-modal-x[b-bvp73o1zw1] {
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    padding: 2px;
    opacity: 0.85;
}
.swmb-modal-x:hover[b-bvp73o1zw1] { opacity: 1; }
.swmb-modal-table[b-bvp73o1zw1] {
    width: 100%;
    border-collapse: collapse;
    overflow-y: auto;
    font-size: 0.85rem;
}
.swmb-modal-table th[b-bvp73o1zw1] {
    text-align: left;
    padding: 9px 18px;
    background: #f1e9f7;
    color: #330033;
    font-weight: 700;
    position: sticky;
    top: 0;
}
.swmb-modal-table td[b-bvp73o1zw1] {
    padding: 8px 18px;
    border-bottom: 1px solid #eee;
    color: #333;
}
.swmb-modal-empty[b-bvp73o1zw1] { color: #888; text-align: center; }

/* Responsive */
@media (max-width: 860px) {
    .swmb-summary-grid[b-bvp73o1zw1],
    .swmb-detail-grid[b-bvp73o1zw1] { grid-template-columns: 1fr; }
    .swmb-header[b-bvp73o1zw1] { flex-direction: column; gap: 12px; text-align: center; }
    .swmb-header-left[b-bvp73o1zw1] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupsWhoMetDetail.cshtml.rz.scp.css */
/* ============================================================
   Signups Who Met Detail — Scoped CSS
   Same purple family as the other admin grids (legacy header
   bands #330033 white-on-purple, rows #F5ECFF / #FFFFFF).
   ============================================================ */

.swmd-wrapper[b-1l7aa2vpbs] { max-width: 100%; }

/* Header */
.swmd-header[b-1l7aa2vpbs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a1a4a 55%, #5b2c6f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.swmd-header-left[b-1l7aa2vpbs] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.swmd-header-icon[b-1l7aa2vpbs] { width: 32px; height: 32px; opacity: 0.85; }
.swmd-header-left h1[b-1l7aa2vpbs] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.swmd-header-sub[b-1l7aa2vpbs] { font-size: 0.85rem; opacity: 0.8; margin-top: 2px; }

/* Detail panels (legacy side-by-side User detail / Event Details tables) */
.swmd-panels[b-1l7aa2vpbs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
    align-items: start;
}
.swmd-panel[b-1l7aa2vpbs] {
    background: #fff;
    border: 1px solid #050931;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.swmd-panel-title[b-1l7aa2vpbs] {
    /* legacy: background-color #330033, color #ffffff, centered, bold */
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.85rem;
    text-align: center;
    padding: 8px 12px;
    letter-spacing: 0.3px;
}
.swmd-detail-table[b-1l7aa2vpbs] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.swmd-detail-table td[b-1l7aa2vpbs] {
    padding: 7px 12px;
    border-bottom: 1px solid #e3d5f0;
    color: #333;
    vertical-align: top;
    width: 50%;
}
.swmd-detail-table tr:last-child td[b-1l7aa2vpbs] { border-bottom: none; }
.swmd-detail-table b[b-1l7aa2vpbs] { color: #330033; }

/* Grid (legacy gvWhoMetBefore) */
.swmd-table-panel[b-1l7aa2vpbs] {
    background: #fff;
    border: 1px solid #050931;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.swmd-table-wrap[b-1l7aa2vpbs] { overflow-x: auto; }

.swmd-table[b-1l7aa2vpbs] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.swmd-table th[b-1l7aa2vpbs] {
    /* legacy HeaderStyle BackColor=#330033 ForeColor=#ffffff */
    text-align: left;
    padding: 9px 12px;
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
.swmd-table td[b-1l7aa2vpbs] {
    padding: 8px 12px;
    border-bottom: 1px solid #e3d5f0;
    color: #333;
    vertical-align: middle;
}

/* Legacy RowStyle (#F5ECFF) / AlternatingRowStyle (#FFFFFF) */
.swmd-row-odd td[b-1l7aa2vpbs] { background: #F5ECFF; }
.swmd-row-even td[b-1l7aa2vpbs] { background: #FFFFFF; }

/* legacy ItemStyle: photo + age centered; 100px image */
.swmd-col-photo[b-1l7aa2vpbs] { text-align: center; }
.swmd-col-photo img[b-1l7aa2vpbs] {
    width: 100px;
    height: auto;
    display: inline-block;
    border-radius: 6px;
}
.swmd-col-age[b-1l7aa2vpbs] { text-align: center; }
.swmd-col-name[b-1l7aa2vpbs] { white-space: nowrap; font-weight: 500; }

/* Empty state (legacy EmptyDataText="No user found") */
.swmd-empty[b-1l7aa2vpbs] {
    padding: 26px 20px;
    text-align: center;
    color: #888;
    font-size: 0.88rem;
}

/* Responsive */
@media (max-width: 900px) {
    .swmd-panels[b-1l7aa2vpbs] { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .swmd-header[b-1l7aa2vpbs] { flex-direction: column; gap: 12px; text-align: center; }
    .swmd-header-left[b-1l7aa2vpbs] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupsWhoUsedMoreThanOneEmail.cshtml.rz.scp.css */
/* ============================================================
   Signups Who Used More Than One Email — scoped CSS
   Admin purple theme (#330033), consistent with the other reports.
   ============================================================ */

.me-page[b-f4zpptzz30] { max-width: 1600px; margin: 0 auto; font-family: 'Segoe UI', Roboto, sans-serif; }

.me-header[b-f4zpptzz30] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff; padding: 20px 28px; border-radius: 12px 12px 0 0;
}
.me-header h2[b-f4zpptzz30] { margin: 0; font-size: 1.3rem; display: flex; align-items: center; gap: 12px; }
.me-h-icon[b-f4zpptzz30] { width: 24px; height: 24px; }

.me-body[b-f4zpptzz30] {
    background: #fff; padding: 0 0 20px 0; border-radius: 0 0 12px 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

/* Filter */
.me-filter[b-f4zpptzz30] { padding: 18px 28px; border-bottom: 1px solid #e5e7eb; }
.me-filter-grid[b-f4zpptzz30] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px 16px; align-items: end; }
.me-filter-grid label[b-f4zpptzz30] { font-size: 0.8rem; font-weight: 600; color: #374151; display: block; margin-bottom: 3px; }
.me-filter-grid input[b-f4zpptzz30], .me-filter-grid select[b-f4zpptzz30] {
    width: 100%; padding: 7px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 0.85rem;
}
.me-filter-grid input:focus[b-f4zpptzz30], .me-filter-grid select:focus[b-f4zpptzz30] {
    outline: none; border-color: #6f42c1; box-shadow: 0 0 0 2px rgba(111,66,193,0.1);
}
.me-filter-actions[b-f4zpptzz30] { display: flex; gap: 8px; }
.me-btn[b-f4zpptzz30] {
    padding: 7px 22px; background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff; border: none; border-radius: 5px; font-size: 0.85rem; font-weight: 600; cursor: pointer;
}
.me-btn:hover[b-f4zpptzz30] { opacity: 0.9; }
.me-btn-reset[b-f4zpptzz30] {
    padding: 7px 18px; background: #e5e7eb; color: #374151; border: none;
    border-radius: 5px; font-size: 0.85rem; cursor: pointer;
}
.me-btn-reset:hover[b-f4zpptzz30] { background: #d1d5db; }

/* Grid */
.me-table-wrap[b-f4zpptzz30] { overflow-x: auto; padding: 0 16px; }
.me-grid[b-f4zpptzz30] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 0.83rem; margin-top: 8px; }
.me-grid thead[b-f4zpptzz30] { background: linear-gradient(135deg, #330033 0%, #4a004a 100%); }
.me-grid th[b-f4zpptzz30] {
    padding: 11px 10px; text-align: left; color: #fff; font-weight: 600; font-size: 0.75rem;
    text-transform: uppercase; letter-spacing: 0.4px; white-space: nowrap; user-select: none;
}
.me-grid th.me-sortable[b-f4zpptzz30] { cursor: pointer; }
.me-grid th.me-sortable:hover[b-f4zpptzz30] { background: rgba(255,255,255,0.1); }
.me-grid td[b-f4zpptzz30] { padding: 8px 10px; border-bottom: 1px solid #eee; vertical-align: middle; white-space: nowrap; }
.me-grid tbody tr:nth-child(even)[b-f4zpptzz30] { background: #f1e6ff; }
.me-grid tbody tr:hover[b-f4zpptzz30] { background: #eadbff; }

.me-num[b-f4zpptzz30] { text-align: center; color: #666; width: 55px; }
.me-c[b-f4zpptzz30] { text-align: center; }
.me-email a[b-f4zpptzz30] { color: #6f42c1; text-decoration: none; font-weight: 500; cursor: pointer; }
.me-email a:hover[b-f4zpptzz30] { color: #330033; text-decoration: underline; }

/* Messages */
.me-msg[b-f4zpptzz30] { text-align: center; padding: 40px 20px; color: #888; font-size: 0.95rem; }
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupTrace.cshtml.rz.scp.css */
/* ============================================================
   Signups Trace — scoped CSS (ports the legacy SignupTrace.aspx look)
   ============================================================ */

.trace-container[b-p85uju3iqn] { font-family: 'Segoe UI', Roboto, sans-serif; max-width: 1400px; margin: 20px auto; }

.page-header[b-p85uju3iqn] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff; padding: 25px; border-radius: 8px 8px 0 0; margin-bottom: 0;
}
.page-header h2[b-p85uju3iqn] { margin: 0 0 10px 0; font-weight: 600; font-size: 1.8rem; display: flex; align-items: center; gap: 12px; }
.page-header p[b-p85uju3iqn] { margin: 0; opacity: 0.9; font-size: 0.95rem; }
.ph-icon[b-p85uju3iqn] { width: 26px; height: 26px; }

.trace-body[b-p85uju3iqn] {
    background: #fff; border: 1px solid #e1e4e8; border-top: none;
    border-radius: 0 0 8px 8px; padding: 25px;
}

.trace-error[b-p85uju3iqn] {
    background: #fee2e2; color: #b91c1c; border: 1px solid #fca5a5;
    border-radius: 6px; padding: 10px 14px; margin-bottom: 16px; font-size: 0.9rem;
}

/* Stat Cards */
.stats-row[b-p85uju3iqn] { display: flex; gap: 20px; margin-bottom: 25px; flex-wrap: wrap; }
.stat-card[b-p85uju3iqn] {
    flex: 1; min-width: 200px;
    background: linear-gradient(135deg, #f9f4ff 0%, #fff 100%);
    border: 1px solid #e1d5f0; border-radius: 12px; padding: 20px;
    position: relative; overflow: hidden;
}
.stat-card[b-p85uju3iqn]::before {
    content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%;
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
}
.stat-card.today[b-p85uju3iqn]::before { background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%); }
.stat-card.week[b-p85uju3iqn]::before { background: linear-gradient(135deg, #007bff 0%, #0056b3 100%); }
.stat-card.month[b-p85uju3iqn]::before { background: linear-gradient(135deg, #fd7e14 0%, #dc6502 100%); }
.stat-card.total[b-p85uju3iqn]::before { background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%); }

.stat-icon[b-p85uju3iqn] {
    width: 50px; height: 50px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    color: #fff; margin-bottom: 12px;
}
.stat-icon svg[b-p85uju3iqn] { width: 22px; height: 22px; }
.stat-card.today .stat-icon[b-p85uju3iqn] { background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%); }
.stat-card.week .stat-icon[b-p85uju3iqn] { background: linear-gradient(135deg, #007bff 0%, #0056b3 100%); }
.stat-card.month .stat-icon[b-p85uju3iqn] { background: linear-gradient(135deg, #fd7e14 0%, #dc6502 100%); }
.stat-card.total .stat-icon[b-p85uju3iqn] { background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%); }
.stat-value[b-p85uju3iqn] { font-size: 32px; font-weight: 700; color: #330033; margin-bottom: 5px; }
.stat-label[b-p85uju3iqn] { font-size: 14px; color: #666; font-weight: 500; }

/* Controls */
.controls-row[b-p85uju3iqn] {
    display: flex; align-items: center; gap: 15px; margin-bottom: 20px;
    padding: 15px; background: #f9f4ff; border-radius: 8px;
}
.controls-row label[b-p85uju3iqn] { font-weight: 600; color: #330033; font-size: 14px; display: flex; align-items: center; gap: 6px; }
.ctl-icon[b-p85uju3iqn] { width: 16px; height: 16px; }
.ctl-count[b-p85uju3iqn] { font-size: 14px; color: #555; }
.page-size-select[b-p85uju3iqn] {
    padding: 8px 12px; border: 1px solid #d7caff; border-radius: 6px;
    font-size: 14px; background: #fff;
}
.page-size-select:focus[b-p85uju3iqn] { outline: none; border-color: #6f42c1; box-shadow: 0 0 0 3px rgba(111,66,193,.18); }

/* Table */
.trace-table-wrap[b-p85uju3iqn] { overflow-x: auto; }
.modern-table[b-p85uju3iqn] {
    width: 100%; border-collapse: separate; border-spacing: 0; background: #fff;
    border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.modern-table th[b-p85uju3iqn] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff;
    padding: 14px 12px; text-align: left; font-weight: 600; font-size: 12px;
    text-transform: uppercase; letter-spacing: .5px; white-space: nowrap;
}
.modern-table td[b-p85uju3iqn] { padding: 12px; border-bottom: 1px solid #f0f0f0; font-size: 13px; vertical-align: middle; }
.modern-table tr:last-child td[b-p85uju3iqn] { border-bottom: none; }
.modern-table tbody tr:hover td[b-p85uju3iqn] { background: #f9f4ff; }

/* Gender badges */
.gender-male[b-p85uju3iqn] { background: #e7f3ff; color: #0056b3; padding: 4px 10px; border-radius: 12px; font-size: 11px; font-weight: 600; }
.gender-female[b-p85uju3iqn] { background: #fce4ec; color: #c2185b; padding: 4px 10px; border-radius: 12px; font-size: 11px; font-weight: 600; }

/* Event link */
.modern-table a[b-p85uju3iqn] { color: #6f42c1; text-decoration: none; font-weight: 600; }
.modern-table a:hover[b-p85uju3iqn] { color: #330033; text-decoration: underline; }

/* Pager */
.trace-pager[b-p85uju3iqn] { margin-top: 18px; text-align: center; }
.pager-btn[b-p85uju3iqn] {
    padding: 6px 12px; margin: 0 2px; border-radius: 4px; text-decoration: none;
    display: inline-block; font-size: 13px; font-weight: 500;
    background: #fff; color: #330033; border: 1px solid #d7caff; cursor: pointer;
}
.pager-btn:hover:not(:disabled):not(.active)[b-p85uju3iqn] { background: #6f42c1; color: #fff; border-color: #6f42c1; }
.pager-btn.active[b-p85uju3iqn] { background: #330033; color: #fff; border-color: #330033; }
.pager-btn:disabled[b-p85uju3iqn] { opacity: 0.4; cursor: default; }

/* Messages / empty state */
.trace-msg[b-p85uju3iqn] { text-align: center; padding: 40px 20px; color: #666; font-size: 16px; }
.empty-state[b-p85uju3iqn] { text-align: center; padding: 60px 20px; color: #666; }
.empty-icon[b-p85uju3iqn] { width: 64px; height: 64px; margin-bottom: 20px; opacity: .3; color: #6f42c1; }
.empty-state p[b-p85uju3iqn] { font-size: 16px; margin: 0; }
/* _content/NYMinuteDating-Net8/Pages/Admin/SignupWarning.cshtml.rz.scp.css */
/* ============================================================
   Signup Warnings — Scoped CSS
   ============================================================ */

.page-header[b-7nlpivod0o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 50%, #991b1b 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-7nlpivod0o] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.header-icon[b-7nlpivod0o] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-7nlpivod0o] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-7nlpivod0o] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.header-right[b-7nlpivod0o] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.toggle-label[b-7nlpivod0o] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    cursor: pointer;
    background: rgba(255,255,255,0.15);
    padding: 6px 12px;
    border-radius: 8px;
}
.toggle-label input[type="checkbox"][b-7nlpivod0o] {
    accent-color: #fff;
    width: 16px;
    height: 16px;
}

.badge[b-7nlpivod0o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 8px;
}
.badge-warn[b-7nlpivod0o] { background: #fef3c7; color: #92400e; }
.badge-ok[b-7nlpivod0o] { background: rgba(255,255,255,0.2); color: #fff; }

/* Error */
.error-banner[b-7nlpivod0o] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Loading */
.loading-overlay[b-7nlpivod0o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-7nlpivod0o] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #dc2626;
    border-radius: 50%;
    animation: spin-b-7nlpivod0o 0.7s linear infinite;
}
@keyframes spin-b-7nlpivod0o { to { transform: rotate(360deg); } }

/* Table */
.table-panel[b-7nlpivod0o] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.table-wrap[b-7nlpivod0o] { overflow-x: auto; }

.warning-table[b-7nlpivod0o] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.warning-table th[b-7nlpivod0o] {
    text-align: left;
    padding: 10px 14px;
    background: #f9fafb;
    font-weight: 600;
    font-size: 0.73rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #666;
    border-bottom: 2px solid #eee;
}
.warning-table td[b-7nlpivod0o] {
    padding: 10px 14px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    vertical-align: middle;
}
.warning-table tr:hover td[b-7nlpivod0o] { background: #fef2f2; }
.row-dismissed td[b-7nlpivod0o] { opacity: 0.5; }

.col-num[b-7nlpivod0o] { width: 40px; text-align: center; color: #999; }
.col-action[b-7nlpivod0o] { width: 110px; text-align: center; }

/* Gender badges */
.gender-badge[b-7nlpivod0o] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}
.gender-m[b-7nlpivod0o] { background: #dbeafe; color: #1d4ed8; }
.gender-f[b-7nlpivod0o] { background: #fce7f3; color: #be185d; }

/* Reason badges */
.reason-badge[b-7nlpivod0o] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}
.reason-age[b-7nlpivod0o] { background: #fef3c7; color: #92400e; }
.reason-flagged[b-7nlpivod0o] { background: #fee2e2; color: #991b1b; }
.reason-nonreg[b-7nlpivod0o] { background: #e0e7ff; color: #3730a3; }

/* Event link */
.event-link[b-7nlpivod0o] {
    color: #dc2626;
    text-decoration: none;
    font-size: 0.8rem;
    margin-left: 4px;
}
.event-link:hover[b-7nlpivod0o] { text-decoration: underline; }

/* Action buttons */
.btn-dismiss[b-7nlpivod0o],
.btn-undismiss[b-7nlpivod0o] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    background: #fff;
    color: #666;
}
.btn-dismiss:hover[b-7nlpivod0o] { background: #fef2f2; border-color: #fca5a5; color: #dc2626; }
.btn-undismiss:hover[b-7nlpivod0o] { background: #f0fdf4; border-color: #86efac; color: #16a34a; }
.btn-dismiss:disabled[b-7nlpivod0o],
.btn-undismiss:disabled[b-7nlpivod0o] { opacity: 0.4; cursor: not-allowed; }

/* Empty state */
.empty-state[b-7nlpivod0o] {
    text-align: center;
    padding: 60px 20px;
    color: #666;
}
.empty-state p[b-7nlpivod0o] { margin-top: 16px; font-size: 1.1rem; font-weight: 600; color: #333; }
.empty-sub[b-7nlpivod0o] { font-size: 0.85rem; color: #999; }

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-7nlpivod0o] { flex-direction: column; gap: 12px; text-align: center; }
    .header-left[b-7nlpivod0o] { flex-direction: column; }
    .header-right[b-7nlpivod0o] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SmsAdminGuide.cshtml.rz.scp.css */
/* ── SMS Admin Guide — scoped styles (ported from the legacy inline <style>, house purple palette) ── */

.sag-root[b-nmj70xmbj5] { scroll-behavior: smooth; color: #2d3748; }
.sag-root *[b-nmj70xmbj5] { box-sizing: border-box; }

.guide-container[b-nmj70xmbj5] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 16px;
}

.guide-card[b-nmj70xmbj5] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-bottom: 30px;
    scroll-margin-top: 20px;
}

/* Header (house purple gradient) */
.guide-header[b-nmj70xmbj5] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 25px 30px;
    text-align: center;
}

.guide-header h1[b-nmj70xmbj5] {
    margin: 0 0 10px 0;
    font-size: 2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.guide-header h1 [data-lucide][b-nmj70xmbj5] { width: 30px; height: 30px; }

.guide-header p[b-nmj70xmbj5] {
    margin: 0;
    opacity: 0.9;
    font-size: 1.1rem;
}

/* Section-navigation buttons */
.guide-nav[b-nmj70xmbj5] {
    background: #f8f9fa;
    padding: 20px 30px;
    border-bottom: 2px solid #dee2e6;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
}

.guide-nav-btn[b-nmj70xmbj5] {
    padding: 10px 20px;
    background: white;
    border: 2px solid #330033;
    border-radius: 6px;
    color: #330033;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.guide-nav-btn [data-lucide][b-nmj70xmbj5] { width: 16px; height: 16px; }

.guide-nav-btn:hover[b-nmj70xmbj5] {
    background: #330033;
    color: white;
    text-decoration: none;
}

.guide-section[b-nmj70xmbj5] {
    padding: 30px;
    border-bottom: 1px solid #eee;
}

.guide-section:last-child[b-nmj70xmbj5] { border-bottom: none; }

.guide-section h2[b-nmj70xmbj5] {
    color: #330033;
    margin: 0 0 20px 0;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.guide-section h2 [data-lucide][b-nmj70xmbj5] { width: 26px; height: 26px; }

.guide-section h3[b-nmj70xmbj5] {
    color: #4a004a;
    margin: 25px 0 15px 0;
    font-size: 1.4rem;
}

.guide-section h4[b-nmj70xmbj5] {
    color: #660099;
    margin: 20px 0 10px 0;
    font-size: 1.1rem;
}

.guide-section p[b-nmj70xmbj5] { line-height: 1.6; }
.guide-section ul[b-nmj70xmbj5], .guide-section ol[b-nmj70xmbj5] { line-height: 1.7; }

/* Callout boxes */
.info-box[b-nmj70xmbj5] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-left: 4px solid #2196F3;
    padding: 20px;
    margin: 20px 0;
    border-radius: 8px;
}

.warning-box[b-nmj70xmbj5] {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
    border-left: 4px solid #ffc107;
    padding: 20px;
    margin: 20px 0;
    border-radius: 8px;
}

.success-box[b-nmj70xmbj5] {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    border-left: 4px solid #28a745;
    padding: 20px;
    margin: 20px 0;
    border-radius: 8px;
}

.danger-box[b-nmj70xmbj5] {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
    border-left: 4px solid #dc3545;
    padding: 20px;
    margin: 20px 0;
    border-radius: 8px;
}

.highlight-box[b-nmj70xmbj5] {
    background: #fff9e6;
    border: 2px solid #ffcc00;
    padding: 20px;
    margin: 20px 0;
    border-radius: 8px;
}

/* Installation-status checklist */
.checklist[b-nmj70xmbj5] {
    background: white;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.checklist-item[b-nmj70xmbj5] {
    padding: 12px;
    margin-bottom: 10px;
    background: #f8f9fa;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.checklist-item input[type="checkbox"][b-nmj70xmbj5] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.checklist-item label[b-nmj70xmbj5] {
    cursor: pointer;
    flex: 1;
    margin: 0;
    font-size: 15px;
}

/* Code */
.code-block[b-nmj70xmbj5] {
    background: #2d2d2d;
    color: #f8f8f2;
    padding: 20px;
    border-radius: 8px;
    overflow-x: auto;
    font-family: 'Courier New', monospace;
    font-size: 13px;
    margin: 15px 0;
    white-space: pre-wrap;
}

.code-inline[b-nmj70xmbj5] {
    background: #f4f4f4;
    padding: 2px 6px;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
    font-size: 13px;
    color: #d63384;
}

/* code element inside prose (legacy used <code>) */
.guide-section code:not(.code-block):not(.code-inline)[b-nmj70xmbj5] {
    background: #f4f4f4;
    padding: 2px 6px;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
    font-size: 13px;
    color: #d63384;
}

/* Feature card grid */
.page-grid[b-nmj70xmbj5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: 20px 0;
}

.page-card[b-nmj70xmbj5] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 2px solid #dee2e6;
    transition: all 0.3s;
}

.page-card:hover[b-nmj70xmbj5] {
    border-color: #330033;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(51, 0, 51, 0.15);
}

.page-card h4[b-nmj70xmbj5] {
    margin: 0 0 10px 0;
    color: #330033;
    font-size: 1.2rem;
}

.page-card p[b-nmj70xmbj5] {
    margin: 0;
    color: #666;
    font-size: 14px;
}

/* Numbered step list */
.steps-list[b-nmj70xmbj5] {
    counter-reset: step-counter;
    list-style: none;
    padding: 0;
}

.steps-list > li[b-nmj70xmbj5] {
    counter-increment: step-counter;
    margin-bottom: 25px;
    padding-left: 60px;
    position: relative;
}

.steps-list > li[b-nmj70xmbj5]::before {
    content: counter(step-counter);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
}

/* Action buttons / links */
.btn-action[b-nmj70xmbj5] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #330033;
    color: white;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s;
    margin: 10px 10px 10px 0;
}

.btn-action [data-lucide][b-nmj70xmbj5] { width: 16px; height: 16px; }

.btn-action:hover[b-nmj70xmbj5] {
    background: #4a004a;
    text-decoration: none;
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(51, 0, 51, 0.2);
}

.btn-secondary[b-nmj70xmbj5] { background: #6c757d; }
.btn-secondary:hover[b-nmj70xmbj5] { background: #545b62; }

/* Tables */
.guide-section table[b-nmj70xmbj5] {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.guide-section table th[b-nmj70xmbj5] {
    background: #330033;
    color: white;
    padding: 12px;
    text-align: left;
    font-weight: 600;
}

.guide-section table td[b-nmj70xmbj5] {
    padding: 12px;
    border-bottom: 1px solid #dee2e6;
}

.guide-section table tr:hover[b-nmj70xmbj5] { background: #f8f9fa; }

.guide-section a[b-nmj70xmbj5] { color: #330033; }
/* _content/NYMinuteDating-Net8/Pages/Admin/SmsAudit.cshtml.rz.scp.css */
.sa-root *[b-dacreapo1p] { margin: 0; padding: 0; box-sizing: border-box; }
.sa-root[b-dacreapo1p] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: #f5f7fa; padding: 20px; color: #2d3748;
}
.sa-container[b-dacreapo1p] { max-width: 1400px; margin: 0 auto; }

.sa-root .card[b-dacreapo1p] {
    background: white; border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08); margin-bottom: 24px; overflow: hidden;
}

/* Header (purple gradient, matches legacy) */
.sa-root .card-header[b-dacreapo1p] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff; padding: 16px 22px;
    display: flex; justify-content: space-between; align-items: center;
    gap: 16px; flex-wrap: wrap;
}
.header-info[b-dacreapo1p] { min-width: 240px; }
.sa-root .card-title[b-dacreapo1p] {
    margin: 0; font-weight: 600; font-size: 1.2rem;
    display: flex; align-items: center; gap: 8px;
}
.sa-root .card-title [data-lucide][b-dacreapo1p] { width: 20px; height: 20px; }
.meta[b-dacreapo1p] { color: rgba(255,255,255,0.85); font-size: 12px; margin-top: 6px; }
.counts[b-dacreapo1p] { color: #fff; opacity: 0.9; font-size: 12px; margin-top: 4px; }

/* Tabs */
.tabs[b-dacreapo1p] { display: flex; gap: 8px; }
.tab[b-dacreapo1p] {
    background: rgba(255,255,255,0.15); color: #fff;
    border: 1px solid rgba(255,255,255,0.3); padding: 6px 14px;
    border-radius: 6px; font-size: 13px; font-weight: 600; cursor: pointer;
    transition: all 0.15s; font-family: inherit;
}
.tab:hover[b-dacreapo1p] { background: rgba(255,255,255,0.28); }
.tab.active[b-dacreapo1p] { background: #fff; color: #330033; }

/* Actions */
.actions[b-dacreapo1p] { display: flex; gap: 8px; }
.btn[b-dacreapo1p] {
    padding: 9px 15px; border: none; border-radius: 6px;
    font-size: 13px; font-weight: 600; cursor: pointer;
    display: inline-flex; align-items: center; gap: 6px;
    transition: all 0.2s; font-family: inherit;
}
.btn [data-lucide][b-dacreapo1p] { width: 15px; height: 15px; }
.btn-secondary[b-dacreapo1p] { background: #6c757d; color: #fff; }
.btn-secondary:hover[b-dacreapo1p] { background: #5a6268; }
.btn-primary[b-dacreapo1p] { background: #fff; color: #330033; }
.btn-primary:hover[b-dacreapo1p] { background: #f1e6f1; }
.btn:disabled[b-dacreapo1p] { opacity: 0.6; pointer-events: none; }

/* Body */
.card-body[b-dacreapo1p] { padding: 18px 22px; }
.toolbar[b-dacreapo1p] { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.pagesize[b-dacreapo1p] { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #718096; }
.pagesize select[b-dacreapo1p] { padding: 6px 8px; border: 1px solid #e2e8f0; border-radius: 6px; background: white; font-size: 12px; }

/* Table */
.table-wrap[b-dacreapo1p] { overflow-x: auto; }
.sa-root .data-table[b-dacreapo1p] { width: 100%; border-collapse: collapse; font-size: 13px; }
.sa-root .data-table thead[b-dacreapo1p] { background: #330033; }
.sa-root .data-table th[b-dacreapo1p] {
    padding: 10px 8px; text-align: left; font-weight: 600; color: white;
    font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; white-space: nowrap;
}
.sa-root .data-table td[b-dacreapo1p] { padding: 10px 8px; border-bottom: 1px solid #eee; vertical-align: top; }
.sa-root .data-table tbody tr:hover[b-dacreapo1p] { background: #f7fafc; }
/* Incoming rows shaded light green (legacy #eaf7ea) */
.sa-root .data-table tbody tr.row-incoming[b-dacreapo1p] { background: #eaf7ea; }
.sa-root .data-table tbody tr.row-incoming:hover[b-dacreapo1p] { background: #dcefdc; }

.row-num-col[b-dacreapo1p] { width: 56px; text-align: center; color: #718096; }
.date-cell[b-dacreapo1p] { color: #4a5568; white-space: nowrap; }
.phone-cell[b-dacreapo1p] { white-space: nowrap; }
.msg-cell[b-dacreapo1p] { max-width: 340px; white-space: normal; word-break: break-word; }
.err-cell[b-dacreapo1p] { max-width: 200px; white-space: normal; word-break: break-word; color: #c0392b; }
.sid-cell[b-dacreapo1p] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; color: #718096; white-space: nowrap; }
.empty-cell[b-dacreapo1p] { text-align: center; color: #a0aec0; padding: 30px; font-style: italic; }

.dir-pill[b-dacreapo1p] {
    display: inline-block; padding: 2px 9px; border-radius: 999px;
    font-size: 11px; font-weight: 600;
}
.dir-out[b-dacreapo1p] { background: #faf5ff; color: #330033; border: 1px solid #e9d8fd; }
.dir-in[b-dacreapo1p]  { background: #e6f4ea; color: #1e7e34; border: 1px solid #b7e0c2; }

/* Pager */
.pager-flex[b-dacreapo1p] { display: flex; align-items: center; gap: 8px; padding: 20px 0 0 0; flex-wrap: wrap; }
.pager-link[b-dacreapo1p] {
    display: inline-block; min-width: 44px; text-align: center; padding: 10px 14px;
    border-radius: 6px; border: 1px solid #e2e8f0; background: #f7fafc; color: #330033;
    font-weight: 600; font-size: 14px; line-height: 1.2; cursor: pointer;
    transition: transform .15s, box-shadow .15s, background .15s; font-family: inherit;
}
.pager-link:hover[b-dacreapo1p] { background: #e2e8f0; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0,0,0,0.08); }
.pager-link:disabled[b-dacreapo1p] { opacity: .5; pointer-events: none; }
.pager-current[b-dacreapo1p] { background: #330033 !important; color: #fff !important; border-color: #330033 !important; }

@media (max-width: 900px) {
    .sa-root .card-header[b-dacreapo1p] { justify-content: flex-start; }
    .actions[b-dacreapo1p] { width: 100%; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SmsCampaignManager.cshtml.rz.scp.css */
.scm-root[b-rfejo4kxa7] { font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, sans-serif; max-width: 1400px; margin: 20px auto; color: #2d3748; padding: 0 12px; }
.scm-root [x-cloak][b-rfejo4kxa7] { display: none !important; }

/* Cards */
.scm-card[b-rfejo4kxa7] { background: #fff; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); overflow: hidden; margin-bottom: 24px; }
.scm-card-header[b-rfejo4kxa7] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff; padding: 16px 24px;
    display: flex; align-items: center; justify-content: space-between;
}
.scm-card-header h2[b-rfejo4kxa7] { margin: 0; font-weight: 600; font-size: 1.25rem; display: flex; align-items: center; gap: 10px; }
.scm-card-header h2 i[b-rfejo4kxa7] { width: 20px; height: 20px; }
.scm-card-body[b-rfejo4kxa7] { padding: 26px; }
.scm-header-actions[b-rfejo4kxa7] { display: flex; gap: 8px; }

.scm-btn-header[b-rfejo4kxa7] {
    background: rgba(255,255,255,0.15); color: #fff; border: 1px solid rgba(255,255,255,0.3);
    padding: 7px 12px; border-radius: 6px; cursor: pointer; font-size: 0.82rem; text-decoration: none;
    display: inline-flex; align-items: center; gap: 6px; transition: background 0.2s;
}
.scm-btn-header:hover[b-rfejo4kxa7] { background: rgba(255,255,255,0.28); color: #fff; }
.scm-btn-header i[b-rfejo4kxa7] { width: 15px; height: 15px; }

/* Stats */
.scm-stats-bar[b-rfejo4kxa7] {
    background: #f9f4ff; padding: 16px 24px; border-bottom: 2px solid #eee;
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; text-align: center;
}
.scm-stats-plain[b-rfejo4kxa7] { background: #fafbfc; border-bottom: none; border-radius: 8px; border: 1px solid #eee; }
.scm-stat[b-rfejo4kxa7] { padding: 8px; }
.scm-stat-label[b-rfejo4kxa7] { font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 0.5px; }
.scm-stat-value[b-rfejo4kxa7] { font-size: 24px; font-weight: 700; color: #330033; margin-top: 6px; }
.scm-stat-value.scm-green[b-rfejo4kxa7] { color: #28a745; }
.scm-stat-value.scm-red[b-rfejo4kxa7] { color: #dc3545; }
.scm-stat-value.scm-amber[b-rfejo4kxa7] { color: #d39e00; }

/* Form */
.scm-form-group[b-rfejo4kxa7] { margin-bottom: 22px; }
.scm-form-group:last-child[b-rfejo4kxa7] { margin-bottom: 0; }
.scm-form-group label[b-rfejo4kxa7] { display: flex; align-items: center; gap: 6px; font-weight: 600; color: #330033; margin-bottom: 6px; font-size: 14px; }
.scm-form-group label i[b-rfejo4kxa7] { width: 15px; height: 15px; }
.scm-help[b-rfejo4kxa7] { display: block; font-size: 13px; color: #666; margin-bottom: 8px; font-style: italic; }
.scm-input[b-rfejo4kxa7], .scm-textarea[b-rfejo4kxa7] {
    width: 100%; padding: 11px 14px; border: 2px solid #ddd; border-radius: 6px; font-size: 14px;
    font-family: inherit; box-sizing: border-box; transition: border-color 0.2s, box-shadow 0.2s;
}
.scm-input:focus[b-rfejo4kxa7], .scm-textarea:focus[b-rfejo4kxa7] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }
.scm-textarea[b-rfejo4kxa7] { min-height: 140px; resize: vertical; }

.scm-char-counter[b-rfejo4kxa7] {
    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;
    padding: 10px 15px; background: #f8f9fa; border-radius: 6px; margin-top: 10px; font-size: 13px;
}
.scm-cc-item[b-rfejo4kxa7] { display: flex; align-items: center; gap: 5px; }
.scm-cc-label[b-rfejo4kxa7] { color: #666; }
.scm-cc-value[b-rfejo4kxa7] { font-weight: 700; color: #330033; }
.scm-cost[b-rfejo4kxa7] { font-size: 16px; font-weight: 700; color: #28a745; }

/* Two-column segment selection */
.scm-two-col[b-rfejo4kxa7] { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.scm-note[b-rfejo4kxa7] { margin: 0 0 12px 0; color: #666; font-size: 13px; display: flex; align-items: center; gap: 6px; }
.scm-note i[b-rfejo4kxa7] { width: 15px; height: 15px; }
.scm-muted[b-rfejo4kxa7] { color: #a0aec0; font-size: 13px; font-style: italic; padding: 8px; }

.scm-seg-selector[b-rfejo4kxa7] { border: 2px solid #ddd; border-radius: 6px; background: #fff; }
.scm-seg-list[b-rfejo4kxa7] { max-height: 220px; overflow-y: auto; padding: 12px; }
.scm-seg-item[b-rfejo4kxa7] {
    padding: 10px 12px; margin-bottom: 8px; border: 1px solid #ddd; border-radius: 4px; background: #fff;
    cursor: pointer; transition: all 0.15s; display: flex; align-items: center; gap: 10px;
}
.scm-seg-item:last-child[b-rfejo4kxa7] { margin-bottom: 0; }
.scm-seg-item:hover[b-rfejo4kxa7] { background: #f9f4ff; border-color: #330033; }
.scm-seg-item.selected[b-rfejo4kxa7] { background: linear-gradient(135deg, #330033 0%, #4a004a 100%); border-color: #330033; color: #fff; font-weight: 600; }
.scm-seg-item input[type="checkbox"][b-rfejo4kxa7] { width: 17px; height: 17px; }
.scm-seg-item label[b-rfejo4kxa7] { flex: 1; cursor: pointer; margin: 0; font-size: 14px; display: flex; justify-content: space-between; gap: 8px; }
.scm-seg-count[b-rfejo4kxa7] { font-size: 12px; color: #999; }
.scm-seg-item.selected .scm-seg-count[b-rfejo4kxa7] { color: #e0d0e0; }

/* Recipient summary */
.scm-recipient-summary[b-rfejo4kxa7] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%); color: #fff; padding: 22px;
    border-radius: 10px; margin-bottom: 24px; text-align: center;
}
.scm-recipient-summary h3[b-rfejo4kxa7] { margin: 0 0 8px 0; font-size: 18px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.scm-recipient-summary h3 i[b-rfejo4kxa7] { width: 18px; height: 18px; }
.scm-big-number[b-rfejo4kxa7] { font-size: 46px; font-weight: 700; margin: 8px 0; }
.scm-summary-details[b-rfejo4kxa7] { font-size: 14px; opacity: 0.92; }

/* Buttons */
.scm-actions[b-rfejo4kxa7] { text-align: center; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.scm-btn[b-rfejo4kxa7] {
    padding: 11px 22px; border: none; border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer;
    transition: all 0.2s; display: inline-flex; align-items: center; gap: 8px; font-family: inherit; text-decoration: none;
}
.scm-btn i[b-rfejo4kxa7] { width: 16px; height: 16px; }
.scm-btn:disabled[b-rfejo4kxa7] { opacity: 0.6; pointer-events: none; }
.scm-btn-primary[b-rfejo4kxa7] { background: #330033; color: #fff; }
.scm-btn-primary:hover[b-rfejo4kxa7] { background: #4a004a; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(51,0,51,0.25); }
.scm-btn-secondary[b-rfejo4kxa7] { background: #6c757d; color: #fff; }
.scm-btn-secondary:hover[b-rfejo4kxa7] { background: #545b62; }
.scm-btn-success[b-rfejo4kxa7] { background: #28a745; color: #fff; }
.scm-btn-success:hover[b-rfejo4kxa7] { background: #218838; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(40,167,69,0.3); }
.scm-btn-warning[b-rfejo4kxa7] { background: #ffc107; color: #212529; }
.scm-btn-warning:hover[b-rfejo4kxa7] { background: #e0a800; }
.scm-btn-tiny[b-rfejo4kxa7] { padding: 4px 9px; font-size: 11px; }
.scm-btn-tiny i[b-rfejo4kxa7] { width: 13px; height: 13px; }

/* Grid */
.scm-table-wrap[b-rfejo4kxa7] { overflow-x: auto; }
.scm-grid[b-rfejo4kxa7] { width: 100%; border-collapse: collapse; margin-top: 4px; font-size: 13px; }
.scm-grid th[b-rfejo4kxa7] { background: #330033; color: #fff; padding: 11px 12px; text-align: left; font-weight: 600; font-size: 12px; white-space: nowrap; }
.scm-grid td[b-rfejo4kxa7] { padding: 10px 12px; border-bottom: 1px solid #e2e8f0; vertical-align: middle; }
.scm-grid tbody tr:hover[b-rfejo4kxa7] { background: #f9f4ff; }
.scm-msg-cell[b-rfejo4kxa7] { max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scm-empty[b-rfejo4kxa7] { text-align: center; color: #a0aec0; padding: 24px; font-style: italic; }

/* Modals */
.scm-modal-bg[b-rfejo4kxa7] { position: fixed; inset: 0; background: rgba(51,0,51,0.6); z-index: 10000; display: flex; align-items: flex-start; justify-content: center; overflow: auto; padding: 40px 16px; }
.scm-modal[b-rfejo4kxa7] { background: #fff; border-radius: 12px; width: 90%; max-width: 1000px; max-height: 88vh; display: flex; flex-direction: column; box-shadow: 0 10px 40px rgba(0,0,0,0.3); overflow: hidden; }
.scm-modal-sm[b-rfejo4kxa7] { max-width: 480px; }
.scm-modal-head[b-rfejo4kxa7] { background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff; padding: 18px 26px; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
.scm-modal-head-danger[b-rfejo4kxa7] { background: linear-gradient(135deg, #b91c1c 0%, #dc3545 100%); }
.scm-modal-head h3[b-rfejo4kxa7] { margin: 0; font-size: 1.2rem; display: flex; align-items: center; gap: 8px; }
.scm-modal-head h3 i[b-rfejo4kxa7] { width: 19px; height: 19px; }
.scm-modal-close[b-rfejo4kxa7] { color: #fff; font-size: 30px; font-weight: 700; cursor: pointer; background: none; border: none; line-height: 1; }
.scm-modal-close:hover[b-rfejo4kxa7] { color: #ddd; }
.scm-modal-body[b-rfejo4kxa7] { padding: 26px; overflow-y: auto; flex: 1; }
.scm-modal-foot[b-rfejo4kxa7] { background: #f8f9fa; padding: 16px 26px; border-top: 1px solid #dee2e6; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-shrink: 0; flex-wrap: wrap; }
.scm-modal-count[b-rfejo4kxa7] { font-size: 15px; margin: 0 0 16px 0; }
.scm-foot-note[b-rfejo4kxa7] { font-size: 13px; color: #666; display: flex; align-items: center; gap: 6px; }
.scm-foot-note i[b-rfejo4kxa7] { width: 15px; height: 15px; }

.scm-search[b-rfejo4kxa7] {
    width: 100%; padding: 11px 14px; border: 2px solid #330033; border-radius: 6px; font-size: 14px;
    margin-bottom: 18px; box-sizing: border-box; font-family: inherit;
}

/* Send confirm modal */
.scm-confirm-lead[b-rfejo4kxa7] { font-size: 15px; margin: 0 0 16px 0; }
.scm-confirm-count[b-rfejo4kxa7] { color: #b91c1c; }
.scm-confirm-box[b-rfejo4kxa7] { background: #fff8f8; border: 1px solid #f5c6cb; border-radius: 8px; padding: 14px 18px; margin-bottom: 16px; }
.scm-confirm-box > div[b-rfejo4kxa7] { display: flex; justify-content: space-between; padding: 5px 0; font-size: 14px; }
.scm-confirm-box > div span[b-rfejo4kxa7] { color: #666; }
.scm-confirm-box > div strong[b-rfejo4kxa7] { color: #330033; }
.scm-confirm-warn[b-rfejo4kxa7] { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: #856404; background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 6px; padding: 10px 12px; margin: 0; }
.scm-confirm-warn i[b-rfejo4kxa7] { width: 16px; height: 16px; flex-shrink: 0; margin-top: 1px; }

/* Details table */
.scm-detail-h[b-rfejo4kxa7] { color: #330033; margin: 18px 0 10px 0; display: flex; align-items: center; gap: 6px; }
.scm-detail-h:first-child[b-rfejo4kxa7] { margin-top: 0; }
.scm-detail-h i[b-rfejo4kxa7] { width: 16px; height: 16px; }
.scm-detail-table[b-rfejo4kxa7] { width: 100%; border-collapse: collapse; margin-bottom: 8px; }
.scm-detail-table td[b-rfejo4kxa7] { padding: 8px 10px; font-size: 14px; }
.scm-detail-table tr.scm-alt[b-rfejo4kxa7] { background: #f9f4ff; }
.scm-detail-key[b-rfejo4kxa7] { font-weight: 700; width: 150px; }

/* Info box / unsubscribe add */
.scm-info-box[b-rfejo4kxa7] { background: linear-gradient(135deg, #f0e5ff 0%, #e5d5ff 100%); border-left: 4px solid #330033; padding: 16px; margin-bottom: 18px; border-radius: 8px; }
.scm-info-box p[b-rfejo4kxa7] { color: #4a004a; margin: 4px 0; line-height: 1.5; font-size: 13px; }
.scm-kw[b-rfejo4kxa7] { display: block; font-size: 11px; color: #666; }
.scm-add-unsub[b-rfejo4kxa7] { background: #fff3cd; padding: 18px; border-radius: 8px; border: 2px solid #ffc107; margin-top: 8px; }
.scm-add-unsub h4[b-rfejo4kxa7] { margin: 0 0 14px 0; color: #856404; display: flex; align-items: center; gap: 6px; }
.scm-add-unsub h4 i[b-rfejo4kxa7] { width: 16px; height: 16px; }
.scm-add-grid[b-rfejo4kxa7] { display: grid; grid-template-columns: 1fr 2fr 150px; gap: 14px; align-items: end; }
.scm-add-grid label[b-rfejo4kxa7] { display: block; margin-bottom: 5px; font-weight: 600; color: #856404; font-size: 13px; }
.scm-add-btn .scm-btn[b-rfejo4kxa7] { width: 100%; justify-content: center; }

@media (max-width: 968px) {
    .scm-two-col[b-rfejo4kxa7] { grid-template-columns: 1fr; }
    .scm-stats-bar[b-rfejo4kxa7] { grid-template-columns: repeat(2, 1fr); }
    .scm-add-grid[b-rfejo4kxa7] { grid-template-columns: 1fr; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SmsConversations.cshtml.rz.scp.css */
/* SMS Conversations — scoped styles (mirrors the legacy purple two-pane inbox).
   All classes are prefixed smsc- and further isolated by ASP.NET scoped-CSS attributes. */

.smsc-root[b-2phnslk5c2] { box-sizing: border-box; }
.smsc-root *[b-2phnslk5c2], .smsc-root *[b-2phnslk5c2]::before, .smsc-root *[b-2phnslk5c2]::after { box-sizing: border-box; }
[x-cloak][b-2phnslk5c2] { display: none !important; }

.smsc-container[b-2phnslk5c2] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    height: calc(100vh - 150px);
    min-height: 500px;
    display: flex;
    gap: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 8px;
}

/* ── LEFT: list ── */
.smsc-left[b-2phnslk5c2] {
    width: 350px;
    background: #f8f9fa;
    border-right: 2px solid #ddd;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.smsc-left-header[b-2phnslk5c2] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    padding: 16px 20px 14px 20px;
    border-bottom: 2px solid #220022;
    flex: 0 0 auto;
}
.smsc-left-header h2[b-2phnslk5c2] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 8px;
}
.smsc-h-icon[b-2phnslk5c2] { width: 20px; height: 20px; }

.smsc-search-row[b-2phnslk5c2] { margin-top: 12px; position: relative; }
.smsc-search-icon[b-2phnslk5c2] {
    position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
    width: 16px; height: 16px; color: rgba(255,255,255,0.85); pointer-events: none;
}
.smsc-search[b-2phnslk5c2] {
    width: 100%;
    padding: 10px 15px 10px 38px;
    border: 2px solid rgba(255,255,255,0.6);
    border-radius: 6px;
    background: rgba(255,255,255,0.22);
    color: #fff;
    font-size: 14px;
}
.smsc-search[b-2phnslk5c2]::placeholder { color: rgba(255,255,255,0.85); }
.smsc-search:focus[b-2phnslk5c2] {
    outline: none;
    background-color: rgba(255,255,255,0.3);
    border-color: #fff;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.25);
}

.smsc-list[b-2phnslk5c2] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}
.smsc-list-empty[b-2phnslk5c2] { padding: 30px 20px; text-align: center; color: #999; font-style: italic; font-size: 14px; }

.smsc-item[b-2phnslk5c2] {
    display: block;
    padding: 15px 20px;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
    transition: background 0.2s;
    position: relative;
    text-decoration: none;
    color: inherit;
}
.smsc-item:hover[b-2phnslk5c2] { background: #e9ecef; text-decoration: none; }
.smsc-item.smsc-active[b-2phnslk5c2] { background: #d4d8dd; border-left: 4px solid #330033; padding-left: 16px; }
.smsc-item.smsc-unread[b-2phnslk5c2] { background: #fff8e1; font-weight: 600; }
.smsc-item.smsc-unread .smsc-item-phone[b-2phnslk5c2] { font-weight: 700; }

.smsc-item-phone[b-2phnslk5c2] { font-size: 15px; font-weight: 600; color: #330033; margin-bottom: 4px; display: block; }
.smsc-item-name[b-2phnslk5c2] { font-size: 13px; color: #666; margin-bottom: 4px; display: block; }
.smsc-item-preview[b-2phnslk5c2] {
    font-size: 13px; color: #888;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    max-width: 280px; display: block; padding-right: 60px;
}
.smsc-item-time[b-2phnslk5c2] { position: absolute; top: 15px; right: 15px; font-size: 11px; color: #999; }
.smsc-unread-badge[b-2phnslk5c2] {
    position: absolute; top: 15px; right: 15px;
    background: #330033; color: #fff; border-radius: 12px;
    padding: 2px 8px; font-size: 11px; font-weight: 600;
}

/* ── RIGHT: thread ── */
.smsc-right[b-2phnslk5c2] {
    flex: 1;
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
}
.smsc-thread-wrap[b-2phnslk5c2] { display: flex; flex-direction: column; height: 100%; min-height: 0; }

.smsc-noselect[b-2phnslk5c2] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    height: 100%; color: #999; font-size: 16px;
}
.smsc-noselect-icon[b-2phnslk5c2] { width: 64px; height: 64px; margin-bottom: 20px; opacity: 0.3; }

.smsc-right-header[b-2phnslk5c2] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    padding: 18px 25px;
    border-bottom: 2px solid #220022;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}
.smsc-contact-info h3[b-2phnslk5c2] { margin: 0 0 6px 0; font-size: 1.2rem; font-weight: 600; }
.smsc-contact-details[b-2phnslk5c2] { font-size: 13px; opacity: 0.92; display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.smsc-detail[b-2phnslk5c2] { display: inline-flex; align-items: center; gap: 5px; }
.smsc-d-icon[b-2phnslk5c2] { width: 14px; height: 14px; }
.smsc-badge-unsub[b-2phnslk5c2] {
    display: inline-flex; align-items: center; gap: 5px;
    background: rgba(220,53,69,0.9); color: #fff;
    padding: 2px 10px; border-radius: 12px; font-size: 12px; font-weight: 600;
}

.smsc-header-actions[b-2phnslk5c2] { display: flex; gap: 8px; flex-shrink: 0; }
.smsc-btn-sub[b-2phnslk5c2] {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.4);
    color: #fff; padding: 8px 14px; border-radius: 6px;
    cursor: pointer; font-size: 13px; font-weight: 600; transition: all 0.25s; font-family: inherit;
}
.smsc-btn-sub:hover[b-2phnslk5c2] { background: rgba(255,255,255,0.3); border-color: rgba(255,255,255,0.6); }
.smsc-btn-sub:disabled[b-2phnslk5c2] { opacity: 0.6; cursor: not-allowed; }
.smsc-btn-resub[b-2phnslk5c2] { background: rgba(76,175,80,0.35); border-color: rgba(76,175,80,0.6); }
.smsc-btn-resub:hover[b-2phnslk5c2] { background: rgba(76,175,80,0.5); }
.smsc-btn-icon[b-2phnslk5c2] { width: 14px; height: 14px; }

.smsc-meta[b-2phnslk5c2] {
    flex: 0 0 auto;
    padding: 8px 25px;
    background: #f9f4ff;
    border-bottom: 1px solid #eadcff;
    font-size: 12px; color: #4a5568;
    display: flex; gap: 20px; flex-wrap: wrap;
}
.smsc-meta strong[b-2phnslk5c2] { color: #330033; }

.smsc-messages[b-2phnslk5c2] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
    background: #f5f5f5;
    min-height: 0;
}

.smsc-bubble[b-2phnslk5c2] { margin-bottom: 15px; display: flex; flex-direction: column; }
.smsc-bubble.smsc-in[b-2phnslk5c2] { align-items: flex-start; }
.smsc-bubble.smsc-out[b-2phnslk5c2] { align-items: flex-end; }

.smsc-bubble-body[b-2phnslk5c2] {
    max-width: 60%;
    padding: 12px 16px;
    border-radius: 18px;
    font-size: 14px;
    line-height: 1.4;
    word-wrap: break-word;
    white-space: pre-wrap;
}
.smsc-bubble.smsc-in .smsc-bubble-body[b-2phnslk5c2] {
    background: #fff; color: #333;
    border-bottom-left-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.smsc-bubble.smsc-out .smsc-bubble-body[b-2phnslk5c2] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff;
    border-bottom-right-radius: 4px;
    box-shadow: 0 1px 2px rgba(51,0,51,0.3);
}
.smsc-bubble.smsc-failed .smsc-bubble-body[b-2phnslk5c2] {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%); color: #fff;
}
.smsc-bubble-time[b-2phnslk5c2] { font-size: 11px; color: #999; margin-top: 4px; padding: 0 5px; display: flex; align-items: center; gap: 5px; }
.smsc-camp-icon[b-2phnslk5c2] { width: 12px; height: 12px; }
.smsc-bubble-err[b-2phnslk5c2] { font-size: 12px; color: #dc3545; margin-top: 4px; padding: 0 5px; font-style: italic; display: flex; align-items: center; gap: 4px; }

/* ── Reply box ── */
.smsc-reply[b-2phnslk5c2] {
    flex: 0 0 auto;
    border-top: 2px solid #ddd;
    padding: 12px 20px;
    background: #fff;
    display: flex;
    gap: 10px;
    align-items: center;
}
.smsc-reply-input[b-2phnslk5c2] {
    flex: 1;
    padding: 12px 15px;
    border: 2px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    resize: none;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    overflow: auto;
}
.smsc-reply-input:focus[b-2phnslk5c2] {
    outline: none;
    border-color: #330033;
    box-shadow: 0 0 0 3px rgba(51,0,51,0.1);
}
.smsc-btn-send[b-2phnslk5c2] {
    background: #330033; color: #fff; border: none;
    padding: 12px 24px; border-radius: 6px;
    font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.25s; font-family: inherit;
}
.smsc-btn-send:hover[b-2phnslk5c2] { background: #4a004a; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(51,0,51,0.2); }
.smsc-btn-send:disabled[b-2phnslk5c2] { background: #ccc; cursor: not-allowed; transform: none; box-shadow: none; }

/* ── Scrollbars ── */
.smsc-list[b-2phnslk5c2]::-webkit-scrollbar, .smsc-messages[b-2phnslk5c2]::-webkit-scrollbar { width: 12px; height: 12px; }
.smsc-list[b-2phnslk5c2]::-webkit-scrollbar-track, .smsc-messages[b-2phnslk5c2]::-webkit-scrollbar-track { background: #e0e0e0; border-radius: 10px; }
.smsc-list[b-2phnslk5c2]::-webkit-scrollbar-thumb, .smsc-messages[b-2phnslk5c2]::-webkit-scrollbar-thumb { background: #330033; border-radius: 10px; border: 2px solid #e0e0e0; }
.smsc-list[b-2phnslk5c2]::-webkit-scrollbar-thumb:hover, .smsc-messages[b-2phnslk5c2]::-webkit-scrollbar-thumb:hover { background: #4a004a; }
.smsc-list[b-2phnslk5c2], .smsc-messages[b-2phnslk5c2] { scrollbar-width: auto; scrollbar-color: #330033 #e0e0e0; }

@media (max-width: 768px) {
    .smsc-container[b-2phnslk5c2] { flex-direction: column; height: auto; }
    .smsc-left[b-2phnslk5c2] { width: 100%; height: 320px; }
    .smsc-right[b-2phnslk5c2] { height: 480px; }
}


/* == Edit Contact Information modal (legacy #editModal, ported 2026-07-06) == */
.smsc-modal-overlay[b-2phnslk5c2] {
    position: fixed; inset: 0; z-index: 1000;
    background: rgba(0,0,0,0.5);
    display: flex; align-items: center; justify-content: center;
    padding: 20px;
}
.smsc-modal[b-2phnslk5c2] {
    background: #fff; border-radius: 10px;
    width: 100%; max-width: 520px; max-height: 90vh;
    display: flex; flex-direction: column;
    box-shadow: 0 12px 40px rgba(0,0,0,0.25);
}
.smsc-modal-header[b-2phnslk5c2] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 18px; border-bottom: 1px solid #e0e0e0;
    background: #330033; color: #fff; border-radius: 10px 10px 0 0;
}
.smsc-modal-header h3[b-2phnslk5c2] { margin: 0; font-size: 16px; display: flex; align-items: center; gap: 8px; }
.smsc-modal-close[b-2phnslk5c2] {
    background: none; border: none; color: #fff; font-size: 22px; line-height: 1;
    cursor: pointer; padding: 0 4px;
}
.smsc-modal-body[b-2phnslk5c2] { padding: 16px 18px; overflow-y: auto; }
.smsc-form-group[b-2phnslk5c2] { margin-bottom: 12px; }
.smsc-form-group label[b-2phnslk5c2] { display: block; font-size: 12px; font-weight: 600; color: #555; margin-bottom: 4px; }
.smsc-form-control[b-2phnslk5c2] {
    width: 100%; padding: 8px 10px; border: 1px solid #ccc; border-radius: 6px;
    font-size: 14px; font-family: inherit; box-sizing: border-box;
}
.smsc-form-control:focus[b-2phnslk5c2] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }
.smsc-form-control:disabled[b-2phnslk5c2] { background: #f2f2f2; color: #777; }
.smsc-modal-section[b-2phnslk5c2] {
    display: flex; align-items: center; gap: 6px;
    font-size: 13px; font-weight: 700; color: #330033;
    margin: 16px 0 8px; padding-bottom: 4px; border-bottom: 1px solid #eee;
}
.smsc-segment-list[b-2phnslk5c2] {
    max-height: 180px; overflow-y: auto; border: 1px solid #e0e0e0; border-radius: 6px; padding: 8px 10px;
}
.smsc-segment-item[b-2phnslk5c2] { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: 14px; cursor: pointer; }
.smsc-segment-empty[b-2phnslk5c2] { padding: 6px 0; color: #888; font-size: 13px; }
.smsc-lastcontact[b-2phnslk5c2] { font-size: 13px; color: #444; }
.smsc-lastcontact > div[b-2phnslk5c2] { padding: 2px 0; }
.smsc-lc-label[b-2phnslk5c2] { font-weight: 600; }
.smsc-modal-footer[b-2phnslk5c2] {
    display: flex; justify-content: flex-end; gap: 10px;
    padding: 12px 18px; border-top: 1px solid #e0e0e0;
}
.smsc-btn-secondary[b-2phnslk5c2] {
    background: #f0f0f0; color: #333; border: 1px solid #ccc;
    padding: 9px 18px; border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: inherit;
}
.smsc-btn-secondary:hover[b-2phnslk5c2] { background: #e4e4e4; }
.smsc-btn-primary[b-2phnslk5c2] {
    background: #330033; color: #fff; border: none;
    padding: 9px 18px; border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: inherit;
}
.smsc-btn-primary:hover[b-2phnslk5c2] { background: #4a004a; }
.smsc-btn-primary:disabled[b-2phnslk5c2] { background: #ccc; cursor: not-allowed; }
/* _content/NYMinuteDating-Net8/Pages/Admin/SmsSegmentManager.cshtml.rz.scp.css */
/* SMS Segment Manager — scoped styles (ports admin/SMS_SegmentManager.aspx theme).
   Purple (#330033/#4a004a) house palette, matching the other migrated admin pages. */

.smsseg-root[b-d10gy1h0i8] { font-family: 'Segoe UI', Roboto, sans-serif; padding: 20px; color: #2d3748; }
.smsseg-root *[b-d10gy1h0i8] { box-sizing: border-box; }
.smsseg-container[b-d10gy1h0i8] { max-width: 1400px; margin: 0 auto; }

[x-cloak][b-d10gy1h0i8] { display: none !important; }

/* Info box */
.smsseg-info-box[b-d10gy1h0i8] {
    background: linear-gradient(135deg, #f0e5ff 0%, #e5d5ff 100%);
    border-left: 4px solid #330033;
    padding: 16px 20px; margin-bottom: 20px; border-radius: 8px;
    box-shadow: 0 2px 4px rgba(51,0,51,0.1);
}
.smsseg-info-box p[b-d10gy1h0i8] { color: #4a004a; margin: 8px 0; line-height: 1.6; font-size: 14px; }
.smsseg-info-box p:first-child[b-d10gy1h0i8] { margin-top: 0; }
.smsseg-info-box p:last-child[b-d10gy1h0i8] { margin-bottom: 0; }

/* Cards */
.smsseg-card[b-d10gy1h0i8] {
    background: #fff; border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08); overflow: hidden; margin-bottom: 30px;
}
.smsseg-card-header[b-d10gy1h0i8] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff;
    padding: 18px 25px; display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.smsseg-card-header h2[b-d10gy1h0i8] {
    margin: 0; font-weight: 600; font-size: 1.4rem; display: flex; align-items: center; gap: 10px;
}
.smsseg-card-header h2 [data-lucide][b-d10gy1h0i8] { width: 22px; height: 22px; }
.smsseg-card-body[b-d10gy1h0i8] { padding: 30px; }
.smsseg-section-header[b-d10gy1h0i8] {
    background: #f9f4ff; padding: 15px 25px; border-bottom: 2px solid #eee;
    font-weight: 600; color: #330033; font-size: 1.1rem; display: flex; align-items: center; gap: 10px;
}
.smsseg-section-header [data-lucide][b-d10gy1h0i8] { width: 20px; height: 20px; }

/* Header button */
.btn-header[b-d10gy1h0i8] {
    background: rgba(255,255,255,0.2); color: #fff; border: 1px solid rgba(255,255,255,0.3);
    padding: 8px 14px; border-radius: 6px; cursor: pointer; font-size: 0.9rem;
    transition: all 0.2s; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
}
.btn-header:hover[b-d10gy1h0i8] { background: rgba(255,255,255,0.3); }
.btn-header [data-lucide][b-d10gy1h0i8] { width: 16px; height: 16px; }

/* Form groups */
.smsseg-form-group[b-d10gy1h0i8] { margin-bottom: 25px; }
.smsseg-form-group > label[b-d10gy1h0i8] {
    display: flex; align-items: center; gap: 8px;
    font-weight: 600; color: #330033; margin-bottom: 8px; font-size: 14px;
}
.smsseg-form-group > label [data-lucide][b-d10gy1h0i8] { width: 16px; height: 16px; }
.smsseg-help-text[b-d10gy1h0i8] { display: block; font-size: 13px; color: #666; margin: 0 0 8px 0; font-style: italic; }

.smsseg-textarea[b-d10gy1h0i8] {
    width: 100%; padding: 12px 15px; border: 2px solid #ddd; border-radius: 6px;
    font-size: 14px; transition: all 0.3s; min-height: 200px;
    font-family: 'Courier New', monospace; resize: vertical;
}
.smsseg-textarea:focus[b-d10gy1h0i8] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }

/* Segment selector */
.smsseg-segment-selector[b-d10gy1h0i8] { border: 2px solid #ddd; border-radius: 6px; background: #fff; margin-top: 8px; }
.smsseg-segment-filter[b-d10gy1h0i8] { padding: 12px; border-bottom: 2px solid #ddd; background: #f9f4ff; }
.smsseg-segment-filter input[b-d10gy1h0i8] {
    width: 100%; padding: 10px 15px; border: 2px solid #330033; border-radius: 6px; font-size: 14px;
}
.smsseg-segment-filter input:focus[b-d10gy1h0i8] { outline: none; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }

.smsseg-segment-actions[b-d10gy1h0i8] {
    padding: 10px 12px; border-bottom: 1px solid #ddd; background: #f8f9fa;
    display: flex; justify-content: space-between; align-items: center;
}
.smsseg-selected-count[b-d10gy1h0i8] { font-size: 13px; color: #330033; font-weight: 600; }
.smsseg-action-links[b-d10gy1h0i8] { display: flex; gap: 12px; }
.smsseg-action-links a[b-d10gy1h0i8] { color: #330033; font-size: 12px; cursor: pointer; text-decoration: underline; }
.smsseg-action-links a:hover[b-d10gy1h0i8] { color: #4a004a; }

.smsseg-segment-list[b-d10gy1h0i8] { max-height: 250px; overflow-y: auto; padding: 12px; }
.smsseg-segment-item[b-d10gy1h0i8] {
    padding: 10px 12px; margin-bottom: 8px; border: 1px solid #ddd; border-radius: 4px; background: #fff;
    cursor: pointer; transition: all 0.2s; display: flex; align-items: center; gap: 10px;
}
.smsseg-segment-item:hover[b-d10gy1h0i8] { background: #f9f4ff; border-color: #330033; }
.smsseg-segment-item.selected[b-d10gy1h0i8] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%); border-color: #330033; color: #fff; font-weight: 600;
}
.smsseg-segment-item input[type="checkbox"][b-d10gy1h0i8] { width: 18px; height: 18px; }
.smsseg-segment-item label[b-d10gy1h0i8] { flex: 1; cursor: pointer; margin: 0; font-size: 14px; }
.smsseg-segment-item.selected label[b-d10gy1h0i8] { color: #fff; }
.smsseg-no-results[b-d10gy1h0i8] { padding: 30px; text-align: center; color: #999; font-style: italic; }

/* Buttons */
.smsseg-btn[b-d10gy1h0i8] {
    padding: 12px 24px; border: none; border-radius: 6px; font-size: 14px; font-weight: 600;
    cursor: pointer; transition: all 0.3s; display: inline-flex; align-items: center; gap: 8px;
    font-family: inherit;
}
.smsseg-btn [data-lucide][b-d10gy1h0i8] { width: 16px; height: 16px; }
.smsseg-btn:disabled[b-d10gy1h0i8] { opacity: 0.6; pointer-events: none; }
.smsseg-btn-primary[b-d10gy1h0i8] { background: #330033; color: #fff; }
.smsseg-btn-primary:hover[b-d10gy1h0i8] { background: #4a004a; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(51,0,51,0.2); }
.smsseg-btn-secondary[b-d10gy1h0i8] { background: #6c757d; color: #fff; }
.smsseg-btn-secondary:hover[b-d10gy1h0i8] { background: #545b62; }
.smsseg-btn-warning[b-d10gy1h0i8] { background: #ffc107; color: #212529; }
.smsseg-btn-warning:hover[b-d10gy1h0i8] { background: #e0a800; }
.smsseg-btn-danger[b-d10gy1h0i8] { background: #dc3545; color: #fff; }
.smsseg-btn-danger:hover[b-d10gy1h0i8] { background: #c82333; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(220,53,69,0.3); }
.smsseg-btn-success[b-d10gy1h0i8] { background: #28a745; color: #fff; }
.smsseg-btn-success:hover[b-d10gy1h0i8] { background: #218838; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(40,167,69,0.3); }
.smsseg-btn-sm[b-d10gy1h0i8] { padding: 6px 12px; font-size: 12px; }

/* Grid */
.smsseg-table-wrap[b-d10gy1h0i8] { overflow-x: auto; }
.smsseg-grid[b-d10gy1h0i8] { width: 100%; border-collapse: collapse; margin-top: 15px; }
.smsseg-grid th[b-d10gy1h0i8] {
    background: #330033; color: #fff; padding: 12px; text-align: left; font-weight: 600;
    font-size: 13px; white-space: nowrap; cursor: pointer; user-select: none;
}
.smsseg-grid th:last-child[b-d10gy1h0i8] { cursor: default; }
.smsseg-grid th:hover[b-d10gy1h0i8] { color: #ffeb3b; }
.smsseg-grid td[b-d10gy1h0i8] { padding: 12px; border-bottom: 1px solid #ddd; font-size: 13px; vertical-align: middle; }
.smsseg-grid tbody tr:hover[b-d10gy1h0i8] { background: #f9f4ff; }
.smsseg-grid tbody tr:last-child td[b-d10gy1h0i8] { border-bottom: none; }
.smsseg-empty[b-d10gy1h0i8] { text-align: center; color: #999; font-style: italic; padding: 30px; }
.smsseg-actions-cell[b-d10gy1h0i8] { white-space: nowrap; }
.smsseg-actions-cell .smsseg-btn[b-d10gy1h0i8] { margin-right: 6px; }

.smsseg-link[b-d10gy1h0i8] { color: #330033; font-weight: 600; cursor: pointer; text-decoration: underline; transition: color 0.3s; }
.smsseg-link:hover[b-d10gy1h0i8] { color: #4a004a; }
.smsseg-time[b-d10gy1h0i8] { color: #4a5568; white-space: nowrap; }
.smsseg-stat-badge[b-d10gy1h0i8] {
    display: inline-block; background: #e9ecef; padding: 6px 12px; border-radius: 4px;
    font-size: 13px; font-weight: 600; color: #330033;
}

/* Modals */
.smsseg-modal[b-d10gy1h0i8] {
    position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%;
    overflow: auto; background-color: rgba(51,0,51,0.6);
    display: flex; align-items: flex-start; justify-content: center; padding: 3vh 10px;
}
.smsseg-modal-content[b-d10gy1h0i8] {
    background: #fff; border-radius: 12px; width: 85%; max-width: 1200px; max-height: 90vh;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3); display: flex; flex-direction: column; overflow: hidden;
}
.smsseg-modal-header[b-d10gy1h0i8] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: #fff;
    padding: 20px 30px; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0;
}
.smsseg-modal-header h3[b-d10gy1h0i8] { margin: 0; font-size: 1.3rem; display: flex; align-items: center; gap: 8px; }
.smsseg-modal-header h3 [data-lucide][b-d10gy1h0i8] { width: 20px; height: 20px; }
.smsseg-modal-close[b-d10gy1h0i8] {
    color: #fff; font-size: 32px; font-weight: bold; cursor: pointer; background: none; border: none; line-height: 1;
}
.smsseg-modal-close:hover[b-d10gy1h0i8] { color: #ccc; }
.smsseg-modal-body[b-d10gy1h0i8] { padding: 30px; overflow-y: auto; flex: 1; }
.smsseg-modal-footer[b-d10gy1h0i8] {
    background: #f8f9fa; padding: 20px 30px; border-top: 1px solid #dee2e6;
    display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; gap: 12px;
}

.smsseg-search-box[b-d10gy1h0i8] {
    width: 100%; padding: 12px 15px; border: 2px solid #330033; border-radius: 6px;
    font-size: 14px; margin-bottom: 20px;
}
.smsseg-search-box:focus[b-d10gy1h0i8] { outline: none; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }

/* Manage segments modal rows */
.manage-segment-row[b-d10gy1h0i8] {
    display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 15px;
    padding: 12px; border-bottom: 1px solid #eee; align-items: center;
}
.manage-segment-row:hover[b-d10gy1h0i8] { background: #f9f4ff; }
.manage-segment-row.header[b-d10gy1h0i8] { background: #f8f9fa; font-weight: 600; color: #330033; border-bottom: 2px solid #330033; }
.manage-segment-row.header:hover[b-d10gy1h0i8] { background: #f8f9fa; }
.manage-segment-row.add-new[b-d10gy1h0i8] { background: #f0f8ff; border-top: 2px solid #330033; margin-top: 10px; }
.manage-segment-input[b-d10gy1h0i8] {
    padding: 8px 12px; border: 2px solid #ddd; border-radius: 4px; font-size: 14px; width: 100%; transition: all 0.3s;
}
.manage-segment-input:focus[b-d10gy1h0i8] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }
.manage-segment-input.editing[b-d10gy1h0i8] { background: #fffacd; border-color: #ffc107; }
.segment-info-text[b-d10gy1h0i8] { font-size: 13px; color: #666; }

@media (max-width: 768px) {
    .smsseg-card-body[b-d10gy1h0i8] { padding: 18px; }
    .manage-segment-row[b-d10gy1h0i8] { grid-template-columns: 1fr; gap: 6px; }
    .smsseg-modal-content[b-d10gy1h0i8] { width: 96%; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SmsSettings.cshtml.rz.scp.css */
/* ============================================================
   SMS Settings — Scoped CSS  (ports the legacy #330033 theme)
   ============================================================ */

.sms-page[b-96bcronhqc] {
    max-width: 900px;
    margin: 20px auto;
}

/* Cards */
.sms-card[b-96bcronhqc] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-bottom: 26px;
}
.sms-card-header[b-96bcronhqc] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    padding: 18px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.sms-card-header h2[b-96bcronhqc] {
    margin: 0;
    font-weight: 600;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.sms-card-header h2 i[b-96bcronhqc] { width: 22px; height: 22px; }
.sms-card-body[b-96bcronhqc] { padding: 30px; }

.sms-btn-header[b-96bcronhqc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 7px 13px;
    border-radius: 6px;
    font-size: 0.85rem;
    text-decoration: none;
    transition: background 0.2s;
    white-space: nowrap;
}
.sms-btn-header:hover[b-96bcronhqc] { background: rgba(255, 255, 255, 0.32); color: #fff; }

/* Info / warning boxes */
.sms-info-box[b-96bcronhqc],
.sms-warning-box[b-96bcronhqc] {
    padding: 18px 20px;
    margin-bottom: 24px;
    border-radius: 8px;
}
.sms-info-box[b-96bcronhqc] {
    background: linear-gradient(135deg, #f0e5ff 0%, #e5d5ff 100%);
    border-left: 4px solid #330033;
    box-shadow: 0 2px 4px rgba(51, 0, 51, 0.1);
}
.sms-info-box p[b-96bcronhqc] { color: #4a004a; margin: 6px 0; line-height: 1.55; font-size: 14px; }
.sms-info-box p:first-child[b-96bcronhqc] { margin-top: 0; }
.sms-info-box a[b-96bcronhqc] { color: #330033; font-weight: 700; }
.sms-warning-box[b-96bcronhqc] {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
    border-left: 4px solid #ffc107;
    box-shadow: 0 2px 4px rgba(255, 193, 7, 0.1);
}
.sms-warning-box p[b-96bcronhqc] { color: #856404; margin: 6px 0; line-height: 1.55; font-size: 14px; }
.sms-warning-box p:first-child[b-96bcronhqc] { margin-top: 0; }
.sms-warning-box a[b-96bcronhqc] { color: #856404; font-weight: 700; }

.sms-error[b-96bcronhqc] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 0.9rem;
}

/* Current status */
.sms-status-line[b-96bcronhqc] { margin-bottom: 20px; display: flex; align-items: center; gap: 12px; }
.sms-status-badge[b-96bcronhqc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
}
.sms-status-badge.active[b-96bcronhqc] { background: #d4edda; color: #155724; }
.sms-status-badge.inactive[b-96bcronhqc] { background: #f8d7da; color: #721c24; }

/* Stat grid (status + statistics cards) */
.sms-grid[b-96bcronhqc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
.sms-stat-box[b-96bcronhqc] {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 2px solid #dee2e6;
    text-align: center;
}
.sms-stat-label[b-96bcronhqc] {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}
.sms-stat-value[b-96bcronhqc] {
    font-size: 24px;
    font-weight: 700;
    color: #330033;
    word-break: break-word;
}
.sms-stat-value.md[b-96bcronhqc] { font-size: 18px; }
.sms-stat-value.sm[b-96bcronhqc] { font-size: 14px; }
.sms-stat-value.xs[b-96bcronhqc] { font-size: 12px; }

/* Form */
.sms-form-group[b-96bcronhqc] { margin-bottom: 24px; }
.sms-form-group > label[b-96bcronhqc] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-weight: 600;
    color: #330033;
    margin-bottom: 6px;
    font-size: 14px;
}
.sms-form-group > label i[b-96bcronhqc] { width: 16px; height: 16px; }
.sms-help-text[b-96bcronhqc] {
    display: block;
    font-size: 13px;
    color: #666;
    margin-top: 5px;
    font-style: italic;
}
.sms-input[b-96bcronhqc] {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.sms-input:focus[b-96bcronhqc] {
    outline: none;
    border-color: #330033;
    box-shadow: 0 0 0 3px rgba(51, 0, 51, 0.1);
}
.sms-input[readonly][b-96bcronhqc] { background: #f3f3f3; color: #555; }
.sms-input-mono[b-96bcronhqc] { font-family: 'Courier New', monospace; letter-spacing: 2px; }

/* Password field */
.sms-password[b-96bcronhqc] { position: relative; }
.sms-password .sms-input[b-96bcronhqc] { padding-right: 46px; }
.sms-password-toggle[b-96bcronhqc] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    padding: 6px;
    display: inline-flex;
}
.sms-password-toggle:hover[b-96bcronhqc] { color: #330033; }
.sms-password-toggle i[b-96bcronhqc] { width: 18px; height: 18px; }

/* Active toggle */
.sms-toggle[b-96bcronhqc] {
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    cursor: pointer;
}
.sms-toggle input[type="checkbox"][b-96bcronhqc] { width: 17px; height: 17px; accent-color: #330033; }
.sms-toggle span[b-96bcronhqc] { display: inline-flex; align-items: center; gap: 6px; }
.sms-toggle span i[b-96bcronhqc] { width: 16px; height: 16px; }

/* Buttons */
.sms-actions[b-96bcronhqc] {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 28px;
    flex-wrap: wrap;
}
.sms-actions.center[b-96bcronhqc] { margin-top: 20px; }
.sms-btn[b-96bcronhqc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s, box-shadow 0.2s;
}
.sms-btn:disabled[b-96bcronhqc] { opacity: 0.6; cursor: not-allowed; }
.sms-btn-primary[b-96bcronhqc] { background: #330033; color: #fff; padding: 13px 30px; font-size: 15px; }
.sms-btn-primary:not(:disabled):hover[b-96bcronhqc] {
    background: #4a004a;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(51, 0, 51, 0.2);
}
.sms-btn-secondary[b-96bcronhqc] { background: #6c757d; color: #fff; }
.sms-btn-secondary:not(:disabled):hover[b-96bcronhqc] { background: #5a6268; }
.sms-btn-success[b-96bcronhqc] { background: #28a745; color: #fff; }
.sms-btn-success:not(:disabled):hover[b-96bcronhqc] { background: #218838; }
.sms-btn-warning[b-96bcronhqc] { background: #ffc107; color: #212529; }
.sms-btn-warning:not(:disabled):hover[b-96bcronhqc] { background: #e0a800; }

/* Webhook row */
.sms-webhook-row[b-96bcronhqc] { display: flex; gap: 10px; align-items: stretch; }
.sms-webhook-row .sms-input[b-96bcronhqc] { flex: 1; }
.sms-webhook-row .sms-btn[b-96bcronhqc] { white-space: nowrap; }

/* Responsive */
@media (max-width: 768px) {
    .sms-grid[b-96bcronhqc] { grid-template-columns: 1fr; }
    .sms-card-header[b-96bcronhqc] { flex-direction: column; align-items: flex-start; }
    .sms-webhook-row[b-96bcronhqc] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SpamInbox.cshtml.rz.scp.css */
/* ── Spam Inbox Page Scoped CSS ──
   Red theme variant of Messaging.cshtml.css
   Route: /myonlylogin/spam-inbox
*/

[x-cloak][b-pg1bysodhs] { display: none !important; }

/* ── Compact Message List Styles ── */
.compact-message-row[b-pg1bysodhs] {
    background: white;
    border: 1px solid #e1e4e8;
    margin-bottom: 2px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
    position: relative;
    min-height: 50px;
}

.compact-message-row:hover[b-pg1bysodhs] {
    background: #fff5f5;
    border-color: #dc3545;
    box-shadow: 0 1px 3px rgba(220, 53, 69, 0.1);
}

.compact-checkbox[b-pg1bysodhs] {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    flex-shrink: 0;
}

.compact-message-id[b-pg1bysodhs] {
    width: 45px;
    color: #666;
    font-size: 12px;
    margin-right: 10px;
    flex-shrink: 0;
}

.spam-badge[b-pg1bysodhs] {
    background: #dc3545;
    color: white;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 3px;
    margin-right: 8px;
    flex-shrink: 0;
    letter-spacing: 0.5px;
}

.compact-subject-badge[b-pg1bysodhs] {
    width: 100px;
    padding: 3px 8px;
    background: #ffe4e6;
    border-radius: 3px;
    font-size: 12px;
    color: #dc3545;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 12px;
    text-align: center;
    flex-shrink: 0;
    font-weight: 500;
}

.compact-avatar[b-pg1bysodhs] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #dc3545 0%, #a02530 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 13px;
    flex-shrink: 0;
    margin-right: 10px;
}

.compact-content-wrapper[b-pg1bysodhs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.compact-sender-line[b-pg1bysodhs] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}

.compact-sender-name[b-pg1bysodhs] {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.compact-sender-email[b-pg1bysodhs] {
    color: #999;
    font-size: 13px;
    text-decoration: none;
    font-style: italic;
}

.compact-sender-email:hover[b-pg1bysodhs] {
    color: #dc3545;
    text-decoration: underline;
}

.compact-message-text[b-pg1bysodhs] {
    color: #2c2c2c;
    line-height: 1.5;
    font-size: 14px;
    padding-right: 10px;
    font-weight: 400;
    background: #ffe4e6;
    padding: 6px 10px;
    border-radius: 4px;
    margin-left: -5px;
    border-left: 2px solid #dc3545;
}

.compact-meta-section[b-pg1bysodhs] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    flex-shrink: 0;
}

.compact-location-time[b-pg1bysodhs] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    min-width: 140px;
}

.compact-timestamp[b-pg1bysodhs] {
    color: #888;
    font-size: 12px;
    white-space: nowrap;
}

.compact-location[b-pg1bysodhs] {
    color: #999;
    font-size: 11px;
    white-space: nowrap;
}

.ip-address-clickable[b-pg1bysodhs] {
    color: #dc3545;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 3px;
    transition: all 0.2s;
    font-weight: 500;
}

.ip-address-clickable:hover[b-pg1bysodhs] {
    background: #ffe4e6;
    color: #a02530;
    text-decoration: underline;
}

.ip-address-clickable:active[b-pg1bysodhs] {
    background: #dc3545;
    color: white;
}

/* ── Action Buttons ── */
.compact-action-buttons[b-pg1bysodhs] {
    display: flex;
    gap: 4px;
}

.compact-btn[b-pg1bysodhs] {
    padding: 4px 10px;
    border: none;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.compact-btn-danger[b-pg1bysodhs] {
    background: #dc3545;
    color: white;
}

.compact-btn-danger:hover[b-pg1bysodhs] {
    background: #c82333;
    color: white;
    text-decoration: none;
}

.compact-btn-success[b-pg1bysodhs] {
    background: #28a745;
    color: white;
}

.compact-btn-success:hover[b-pg1bysodhs] {
    background: #218838;
    color: white;
    text-decoration: none;
}

.compact-btn-dark[b-pg1bysodhs] {
    background: #212529;
    color: white;
}

.compact-btn-dark:hover[b-pg1bysodhs] {
    background: #000;
    color: white;
    text-decoration: none;
}

/* ── View Message Modal ── */
.view-modal-panel[b-pg1bysodhs] {
    background: white;
    border-radius: 12px;
    width: 600px !important;
    max-width: 90% !important;
    margin: 100px auto;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 80vh;
    position: relative !important;
}

.view-modal-header[b-pg1bysodhs] {
    background: linear-gradient(135deg, #dc3545 0%, #a02530 100%);
    color: white;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view-modal-body[b-pg1bysodhs] {
    padding: 25px;
    overflow-y: auto;
    flex: 1;
    background: white;
}

.view-info-section[b-pg1bysodhs] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.view-info-row[b-pg1bysodhs] {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e1e4e8;
}

.view-info-row:last-child[b-pg1bysodhs] {
    border-bottom: none;
}

.view-info-label[b-pg1bysodhs] {
    font-weight: 600;
    color: #6c757d;
    width: 100px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.view-info-value[b-pg1bysodhs] {
    color: #2c3e50;
    flex: 1;
}

.view-message-content[b-pg1bysodhs] {
    background: #ffe4e6;
    border-left: 4px solid #dc3545;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
    color: #2c3e50;
    line-height: 1.6;
}

.view-modal-footer[b-pg1bysodhs] {
    background: #f8f9fa;
    padding: 15px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #dee2e6;
}

/* ── Generic Modal ── */
.modal[b-pg1bysodhs] {
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

/* ── Animations ── */
@keyframes fadeIn-b-pg1bysodhs {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideDown-b-pg1bysodhs {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SpamTrigger.cshtml.rz.scp.css */
/* ============================================================
   Spam Trigger — Scoped CSS
   Route: /myonlylogin/spam-trigger
   Legacy palette: header gradient #330033 → #4a004a, info panel
   #f0e5ff with #6f42c1 border, alerts #04AA6D / #f44336.
   ============================================================ */

[x-cloak][b-7a1dzokfcc] { display: none !important; }

.st-page[b-7a1dzokfcc] { max-width: 1400px; margin: 0 auto; }

/* Card header (legacy gradient bar) */
.st-header[b-7a1dzokfcc] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    padding: 18px 25px;
    display: flex;
    align-items: center;
    border-radius: 12px 12px 0 0;
}
.st-header h2[b-7a1dzokfcc] {
    margin: 0;
    font-weight: 600;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.st-header-icon[b-7a1dzokfcc] { width: 24px; height: 24px; }

/* Alerts (legacy .alert / .alert-success / .alert-danger) */
.st-alert[b-7a1dzokfcc] {
    padding: 20px;
    color: #fff;
    margin: 20px 0 15px;
    border-radius: 8px;
    font-size: 0.92rem;
}
.st-alert-success[b-7a1dzokfcc] { background-color: #04AA6D; }
.st-alert-danger[b-7a1dzokfcc]  { background-color: #f44336; }
.st-alert-close[b-7a1dzokfcc] {
    margin-left: 15px;
    color: #fff;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.st-alert-close:hover[b-7a1dzokfcc] { color: #000; }

/* Main card */
.st-card[b-7a1dzokfcc] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    overflow: hidden;
    margin-top: 20px;
}
.st-card-inner[b-7a1dzokfcc] { padding: 30px; }

/* Info panel (legacy .info-panel) */
.st-info-panel[b-7a1dzokfcc] {
    background: #f0e5ff;
    border-left: 4px solid #6f42c1;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    color: #2c3e50;
    line-height: 1.6;
    font-size: 0.92rem;
}
.st-info-panel h3[b-7a1dzokfcc] {
    margin-top: 0;
    color: #330033;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.05rem;
}
.st-info-panel p[b-7a1dzokfcc] { margin-bottom: 10px; }
.st-info-panel ul[b-7a1dzokfcc] { margin: 15px 0; padding-left: 24px; }
.st-info-panel li[b-7a1dzokfcc] { margin-bottom: 4px; }
.st-example[b-7a1dzokfcc] {
    background: #fff;
    padding: 10px;
    border-radius: 4px;
}
.st-duration[b-7a1dzokfcc] {
    margin-bottom: 0 !important;
    color: #6f42c1;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Statistics panel (legacy statisticsPanel) */
.st-stats-panel[b-7a1dzokfcc] {
    background: #f9f4ff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
}
.st-stats-panel h4[b-7a1dzokfcc] {
    margin-top: 0;
    color: #330033;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.98rem;
}
.st-stats-count[b-7a1dzokfcc] { font-size: 1.1rem; color: #2c3e50; }

/* Action button (legacy .action-button) */
.st-action-row[b-7a1dzokfcc] { text-align: center; padding: 20px 0; }
.st-action-button[b-7a1dzokfcc] {
    background: #330033;
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    transition: background 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.st-action-button:hover:not(:disabled)[b-7a1dzokfcc] { background: #4a004a; }
.st-action-button:active[b-7a1dzokfcc] { transform: translateY(1px); }
.st-action-button:disabled[b-7a1dzokfcc] { opacity: 0.6; cursor: not-allowed; }

/* Tip footer */
.st-tip[b-7a1dzokfcc] {
    border-top: 1px solid #eee;
    margin-top: 30px;
    padding-top: 20px;
}
.st-tip p[b-7a1dzokfcc] {
    color: #6c757d;
    font-size: 0.9rem;
    text-align: center;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

/* Confirm modal */
.st-modal-backdrop[b-7a1dzokfcc] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 10000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 100px;
}
.st-modal[b-7a1dzokfcc] {
    background: #fff;
    width: 480px;
    max-width: 92vw;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    overflow: hidden;
    animation: st-animatetop-b-7a1dzokfcc 0.4s;
}
@keyframes st-animatetop-b-7a1dzokfcc {
    from { transform: translateY(-300px); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}
.st-modal-header[b-7a1dzokfcc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.st-modal-header h3[b-7a1dzokfcc] { margin: 0; font-size: 1.05rem; color: #330033; }
.st-modal-close[b-7a1dzokfcc] {
    background: none;
    border: none;
    font-size: 21px;
    font-weight: 700;
    color: #000;
    opacity: 0.35;
    cursor: pointer;
    line-height: 1;
}
.st-modal-close:hover[b-7a1dzokfcc] { opacity: 0.7; }
.st-modal-body[b-7a1dzokfcc] { padding: 20px; color: #333; font-size: 0.9rem; line-height: 1.55; }
.st-modal-footer[b-7a1dzokfcc] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 20px;
    border-top: 1px solid #e5e5e5;
}
.st-btn[b-7a1dzokfcc] {
    background: #e5e7eb;
    color: #333;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 7px 14px;
    font-size: 14px;
    cursor: pointer;
}
.st-btn:hover[b-7a1dzokfcc] { background: #d1d5db; }
.st-btn-primary[b-7a1dzokfcc] { background: #330033; color: #fff; }
.st-btn-primary:hover:not(:disabled)[b-7a1dzokfcc] { background: #4a004a; }
.st-btn-primary:disabled[b-7a1dzokfcc] { opacity: 0.5; cursor: not-allowed; }
/* _content/NYMinuteDating-Net8/Pages/Admin/SuppressedMessages.cshtml.rz.scp.css */
/* ============================================================
   Suppressed Messages — Scoped CSS
   Grid look comes from the shared GridHeader / GridMainRow /
   GridAltRow classes in wwwroot/css/admin.css (same classes the
   legacy page used). Column widths and the empty state carried
   over from legacy admin/SuppressedMessages.aspx.
   ============================================================ */

.sm-page[b-gunu7wwmpb] {
    width: 100%;
}

.sm-heading[b-gunu7wwmpb] {
    margin-bottom: 10px;  /* legacy heading row + 10px spacer row */
}

/* Server-side load error */
.sm-error[b-gunu7wwmpb] {
    position: relative;
    padding: 10px 30px 10px 12px;
    margin-bottom: 12px;
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
}

.sm-error-close[b-gunu7wwmpb] {
    position: absolute;
    top: 6px;
    right: 10px;
    font-weight: bold;
    cursor: pointer;
}

/* Legacy inner table was width 98%, centered */
.sm-grid-wrap[b-gunu7wwmpb] {
    width: 98%;
    margin: 0 auto;
}

.sm-grid[b-gunu7wwmpb] {
    width: 100%;
    border-collapse: collapse;
}

.sm-grid th[b-gunu7wwmpb],
.sm-grid td[b-gunu7wwmpb] {
    padding: 3px 4px;
    text-align: left;
    vertical-align: top;
    word-break: break-word;
}

/* Legacy ItemStyle widths */
.sm-col-srno[b-gunu7wwmpb] {
    width: 20px;
}

.sm-col-pagename[b-gunu7wwmpb] {
    width: 220px;
}

.sm-col-subject[b-gunu7wwmpb] {
    width: 200px;
}

.sm-col-date[b-gunu7wwmpb] {
    width: 140px;
}

.sm-center[b-gunu7wwmpb] {
    text-align: center;  /* Sr No. ItemStyle-HorizontalAlign="Center" */
}

/* Empty state (legacy EmptyDataTemplate) */
.sm-empty[b-gunu7wwmpb] {
    height: 30px;
    border: solid 1px #000000;
    width: 100%;
    font-weight: bold;
    font-size: 15pt;
}

/* ── Pager (legacy PagerStyle: centered, bold, size 10, bottom) ── */
.sm-pager[b-gunu7wwmpb] {
    text-align: center;
    font-weight: bold;
    font-size: 10pt;
    padding: 6px 0;
}

.sm-pager a[b-gunu7wwmpb] {
    color: #660033;
    text-decoration: underline;
    cursor: pointer;
    margin: 0 3px;
}

.sm-pager-current[b-gunu7wwmpb] {
    margin: 0 3px;
    color: black;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SurveyAnswers.cshtml.rz.scp.css */
/* ============================================================
   Admin Survey Answers — Scoped CSS
   (legacy purple GridView theme: header #330033, rows #F5ECFF,
    popup grids #E0C1FF; red row = comment awaiting reply)
   ============================================================ */

.sva-page[b-2ct3miv9ga] {
    width: 100%;
}

/* ── Header ── */
.sva-header[b-2ct3miv9ga] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a0e4e 60%, #660099 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}

.sva-header-left[b-2ct3miv9ga] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.sva-header-icon[b-2ct3miv9ga] { width: 32px; height: 32px; opacity: 0.85; }

.sva-header-left h1[b-2ct3miv9ga] { font-size: 1.5rem; font-weight: 700; margin: 0; }

.sva-header-sub[b-2ct3miv9ga] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.sva-header-link[b-2ct3miv9ga] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    background: rgba(255,255,255,0.15);
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    text-decoration: none;
}

    .sva-header-link:hover[b-2ct3miv9ga] { background: rgba(255,255,255,0.28); color: #fff; }

/* ── Search form (legacy filter table) ── */
.sva-fieldset[b-2ct3miv9ga] {
    border: 1px solid #d8c7e4;
    border-radius: 10px;
    padding: 12px 16px;
    margin-bottom: 14px;
    background: #fff;
}

    .sva-fieldset legend[b-2ct3miv9ga] {
        font-weight: 600;
        color: #330033;
        padding: 0 6px;
        font-size: 0.9rem;
    }

.sva-form[b-2ct3miv9ga] {
    display: grid;
    grid-template-columns: 140px minmax(200px, 340px);
    gap: 6px 10px;
    align-items: center;
    font-size: 0.85rem;
}

    .sva-form > label[b-2ct3miv9ga] { color: #333; }

    .sva-form input[type="text"][b-2ct3miv9ga] {
        padding: 5px 7px;
        border: 1px solid #c9b3d9;
        border-radius: 5px;
        width: 100%;
    }

.sva-radios[b-2ct3miv9ga] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

    .sva-radios label[b-2ct3miv9ga] {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        cursor: pointer;
    }

.sva-ages[b-2ct3miv9ga] {
    display: flex;
    align-items: center;
    gap: 6px;
}

    .sva-ages input[b-2ct3miv9ga] {
        width: 44px !important;
    }

.sva-btn[b-2ct3miv9ga] {
    background: #660099;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 20px;
    cursor: pointer;
    font-size: 0.85rem;
}

    .sva-btn:hover[b-2ct3miv9ga] { background: #4a0e4e; }

    .sva-btn:disabled[b-2ct3miv9ga] { opacity: 0.6; cursor: default; }

.sva-btn-secondary[b-2ct3miv9ga] {
    background: #777;
}

    .sva-btn-secondary:hover[b-2ct3miv9ga] { background: #555; }

/* ── Radio type filter row (legacy rbtlSurvey) ── */
.sva-type-row[b-2ct3miv9ga] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 8px 0 12px;
    font-size: 0.9rem;
    flex-wrap: wrap;
}

    .sva-type-row strong[b-2ct3miv9ga] { color: #330033; }

/* ── Error / loading / empty ── */
.sva-error[b-2ct3miv9ga] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 14px;
}

.sva-loading[b-2ct3miv9ga] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 8px;
    color: #555;
}

.sva-spinner[b-2ct3miv9ga] {
    width: 20px;
    height: 20px;
    border: 3px solid #e5d5ea;
    border-top-color: #660099;
    border-radius: 50%;
    animation: sva-spin-b-2ct3miv9ga 0.8s linear infinite;
}

@keyframes sva-spin-b-2ct3miv9ga {
    to { transform: rotate(360deg); }
}

/* Legacy EmptyDataTemplate: bold, bordered */
.sva-empty[b-2ct3miv9ga] {
    border: solid 1px #000;
    font-weight: bold;
    font-size: 15pt;
    padding: 6px 10px;
    margin-top: 8px;
}

/* ── Main grid (legacy gvSurveySignup) ── */
.sva-table-wrap[b-2ct3miv9ga] {
    overflow-x: auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    padding: 10px;
}

.sva-grid[b-2ct3miv9ga] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

    .sva-grid th[b-2ct3miv9ga] {
        background: #330033;
        color: #fff;
        text-align: left;
        padding: 6px 7px;
        vertical-align: bottom;
    }

    .sva-grid td[b-2ct3miv9ga] {
        padding: 5px 7px;
        border-bottom: 1px solid #e8dff0;
        vertical-align: top;
    }

        .sva-grid td a[b-2ct3miv9ga] {
            color: #660099;
            text-decoration: underline;
        }

.sva-row[b-2ct3miv9ga] { background: #f5ecff; }   /* legacy RowStyle #F5ECFF */
.sva-row-alt[b-2ct3miv9ga] { background: #ffffff; }

/* Legacy RowDataBound: BackColor = Color.Red when comment has no reply yet */
.sva-row-red[b-2ct3miv9ga] { background: #ff0000; }

    .sva-row-red td a[b-2ct3miv9ga] { color: #fff; }

.sva-center[b-2ct3miv9ga] { text-align: center; }

.sva-nowrap[b-2ct3miv9ga] { white-space: nowrap; }

.sva-comment[b-2ct3miv9ga] {
    min-width: 220px;
    max-width: 380px;
    white-space: pre-wrap;
    word-break: break-word;
}

.sva-action[b-2ct3miv9ga] {
    white-space: nowrap;
}

    .sva-action a[b-2ct3miv9ga] { margin-right: 6px; }

/* ── Pager ── */
.sva-pager[b-2ct3miv9ga] {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 12px 0 4px;
    font-weight: bold;
    font-size: 0.85rem;
    flex-wrap: wrap;
}

    .sva-pager a[b-2ct3miv9ga] {
        color: #660099;
        text-decoration: underline;
    }

    .sva-pager a.sva-pg-current[b-2ct3miv9ga] {
        color: #000;
        text-decoration: none;
        cursor: default;
    }

/* ── Modals (legacy rounded-cornerspopup + modalBackground) ── */
.sva-modal-overlay[b-2ct3miv9ga] {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(60, 60, 60, 0.6);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

    .sva-modal-overlay.open[b-2ct3miv9ga] { display: flex; }

.sva-modal[b-2ct3miv9ga] {
    background: #fff;
    color: #000;
    border-radius: 10px;
    padding: 10px;
    max-width: 96vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.sva-modal-wide[b-2ct3miv9ga] { width: 1000px; }   /* legacy 975px popups */

.sva-modal-reply[b-2ct3miv9ga] { width: 760px; }   /* legacy 750px reply popup */

.sva-modal-head[b-2ct3miv9ga] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px 10px;
}

    .sva-modal-head h3[b-2ct3miv9ga] { margin: 0; color: #330033; font-size: 1.05rem; }

    .sva-modal-head button[b-2ct3miv9ga] {
        background: none;
        border: none;
        font-weight: bold;
        color: #660099;
        cursor: pointer;
        text-decoration: underline;
    }

/* Legacy popup divs: overflow scroll, height 550px */
.sva-modal-scroll[b-2ct3miv9ga] {
    max-height: 550px;
    overflow: auto;
}

/* Popup grid theme (legacy: header #330033 white, rows #E0C1FF / white) */
.sva-grid-purple .sva-prow[b-2ct3miv9ga] { background: #e0c1ff; }

.sva-grid-purple .sva-prow-alt[b-2ct3miv9ga] { background: #ffffff; }

.sva-match-img[b-2ct3miv9ga] {
    width: 100px;
    height: auto;
    display: block;
}

/* ── Reply modal form ── */
.sva-reply-form[b-2ct3miv9ga] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 4px 10px 10px;
    font-size: 0.85rem;
}

    .sva-reply-form input[type="text"][b-2ct3miv9ga] {
        padding: 6px 8px;
        border: 1px solid #c9b3d9;
        border-radius: 5px;
        width: 360px;
        max-width: 100%;
    }

    .sva-reply-form textarea[b-2ct3miv9ga] {
        width: 100%;
        padding: 8px;
        border: 1px solid #c9b3d9;
        border-radius: 5px;
        font-family: inherit;
        resize: vertical;
    }

.sva-req[b-2ct3miv9ga] { color: #dc2626; font-weight: bold; }

.sva-reply-buttons[b-2ct3miv9ga] {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding-top: 6px;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SurveyAnswersComments.cshtml.rz.scp.css */
/* ============================================================
   Admin Survey Answers Comments — Scoped CSS
   (legacy purple GridView theme: header #330033, rows #F5ECFF)
   ============================================================ */

.sac-page[b-uhs1kdjkn1] {
    width: 100%;
}

/* ── Header ── */
.sac-header[b-uhs1kdjkn1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a0e4e 60%, #660099 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}

.sac-header-left[b-uhs1kdjkn1] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.sac-header-icon[b-uhs1kdjkn1] { width: 32px; height: 32px; opacity: 0.85; }

.sac-header-left h1[b-uhs1kdjkn1] { font-size: 1.5rem; font-weight: 700; margin: 0; }

.sac-header-sub[b-uhs1kdjkn1] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

.sac-header-link[b-uhs1kdjkn1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    background: rgba(255,255,255,0.15);
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    text-decoration: none;
}

    .sac-header-link:hover[b-uhs1kdjkn1] { background: rgba(255,255,255,0.28); color: #fff; }

/* ── Search form ── */
.sac-fieldset[b-uhs1kdjkn1] {
    border: 1px solid #d8c7e4;
    border-radius: 10px;
    padding: 12px 16px;
    margin-bottom: 14px;
    background: #fff;
}

    .sac-fieldset legend[b-uhs1kdjkn1] {
        font-weight: 600;
        color: #330033;
        padding: 0 6px;
        font-size: 0.9rem;
    }

.sac-form[b-uhs1kdjkn1] {
    display: grid;
    grid-template-columns: 140px minmax(200px, 340px);
    gap: 6px 10px;
    align-items: center;
    font-size: 0.85rem;
}

    .sac-form > label[b-uhs1kdjkn1] { color: #333; }

    .sac-form input[type="text"][b-uhs1kdjkn1] {
        padding: 5px 7px;
        border: 1px solid #c9b3d9;
        border-radius: 5px;
        width: 100%;
    }

.sac-radios[b-uhs1kdjkn1] {
    display: flex;
    gap: 16px;
}

    .sac-radios label[b-uhs1kdjkn1] {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        cursor: pointer;
    }

.sac-ages[b-uhs1kdjkn1] {
    display: flex;
    align-items: center;
    gap: 6px;
}

    .sac-ages input[b-uhs1kdjkn1] {
        width: 44px !important;
    }

.sac-btn[b-uhs1kdjkn1] {
    background: #660099;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 20px;
    cursor: pointer;
    font-size: 0.85rem;
}

    .sac-btn:hover[b-uhs1kdjkn1] { background: #4a0e4e; }

/* ── Error / loading / empty ── */
.sac-error[b-uhs1kdjkn1] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 14px;
}

.sac-loading[b-uhs1kdjkn1] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 8px;
    color: #555;
}

.sac-spinner[b-uhs1kdjkn1] {
    width: 20px;
    height: 20px;
    border: 3px solid #e5d5ea;
    border-top-color: #660099;
    border-radius: 50%;
    animation: sac-spin-b-uhs1kdjkn1 0.8s linear infinite;
}

@keyframes sac-spin-b-uhs1kdjkn1 {
    to { transform: rotate(360deg); }
}

/* Legacy EmptyDataTemplate: bold, bordered */
.sac-empty[b-uhs1kdjkn1] {
    border: solid 1px #000;
    font-weight: bold;
    font-size: 15pt;
    padding: 6px 10px;
    margin-top: 8px;
}

/* ── Grid (legacy gvSurveyAnswersComments) ── */
.sac-table-wrap[b-uhs1kdjkn1] {
    overflow-x: auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    padding: 10px;
}

.sac-grid[b-uhs1kdjkn1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

    .sac-grid th[b-uhs1kdjkn1] {
        background: #330033;
        color: #fff;
        text-align: left;
        padding: 6px 8px;
        white-space: nowrap;
    }

    .sac-grid td[b-uhs1kdjkn1] {
        padding: 5px 8px;
        border-bottom: 1px solid #e8dff0;
        vertical-align: top;
    }

        .sac-grid td a[b-uhs1kdjkn1] {
            color: #660099;
            text-decoration: underline;
        }

.sac-row[b-uhs1kdjkn1] { background: #f5ecff; }   /* legacy RowStyle #F5ECFF */
.sac-row-alt[b-uhs1kdjkn1] { background: #ffffff; }

.sac-center[b-uhs1kdjkn1] { text-align: center; }

.sac-comment[b-uhs1kdjkn1] {
    min-width: 260px;
    max-width: 460px;
    white-space: pre-wrap;
    word-break: break-word;
}

/* ── Pager ── */
.sac-pager[b-uhs1kdjkn1] {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 12px 0 4px;
    font-weight: bold;
    font-size: 0.85rem;
    flex-wrap: wrap;
}

    .sac-pager a[b-uhs1kdjkn1] {
        color: #660099;
        text-decoration: underline;
    }

    .sac-pager a.sac-pg-current[b-uhs1kdjkn1] {
        color: #000;
        text-decoration: none;
        cursor: default;
    }
/* _content/NYMinuteDating-Net8/Pages/Admin/SurveyRatings.cshtml.rz.scp.css */
/* ============================================================
   Survey Ratings (ALL events) — Scoped CSS
   Mirrors admin/SurveyRatings.aspx (and the migrated
   SurveyRatingsInner): purple search bar, #330033 GridView
   theme and DataNavigator pager. Class names match the inner
   page; ASP.NET scoped CSS keeps the two pages isolated.
   ============================================================ */

.sri-page[b-5spzpwcp2k] {
    width: 100%;
}

    .sri-page h3[b-5spzpwcp2k] {
        color: #330033;
        margin: 4px 0 10px 0;
    }

/* ── Score filter (legacy: floated right above the search bar) ── */
.sri-score-row[b-5spzpwcp2k] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    font-size: 0.85rem;
}

.sri-score-input[b-5spzpwcp2k] {
    width: 50px;
    padding: 3px 5px;
    border: 1px solid #660099;
    border-radius: 4px;
    color: #660099;
}

/* ── Search bar (legacy .search / .searchTerm / .searchButton) ── */
.sri-search[b-5spzpwcp2k] {
    width: 100%;
    position: relative;
    display: flex;
    margin-bottom: 10px;
}

.sri-search-term[b-5spzpwcp2k] {
    width: 100%;
    border: 3px solid #660099;
    border-right: none;
    padding: 5px;
    height: 36px;
    border-radius: 5px 0 0 5px;
    outline: none;
    color: #660099;
    box-sizing: border-box;
}

    .sri-search-term:focus[b-5spzpwcp2k] {
        color: #660099;
    }

.sri-search-button[b-5spzpwcp2k] {
    width: 40px;
    height: 36px;
    border: 1px solid #660099;
    background: #660099;
    text-align: center;
    color: #fff;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Count + pager (legacy: centered row) ── */
.sri-pager-bar[b-5spzpwcp2k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    font-size: 0.85rem;
    color: #330033;
}

.sri-pager[b-5spzpwcp2k] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}

.sri-goto[b-5spzpwcp2k] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.sri-goto-input[b-5spzpwcp2k] {
    width: 34px;
    padding: 3px 4px;
    border: 1px solid #999;
    border-radius: 3px;
}

.sri-pager-btn[b-5spzpwcp2k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    border: 1px solid #a86fe0;
    border-radius: 4px;
    background: #fff;
    color: #330033;
    cursor: pointer;
}

    .sri-pager-btn:hover:not(:disabled)[b-5spzpwcp2k] {
        background: #f5ecff;
    }

    .sri-pager-btn:disabled[b-5spzpwcp2k] {
        opacity: 0.4;
        cursor: not-allowed;
    }

.sri-pageno[b-5spzpwcp2k] {
    padding: 0 4px;
}

/* Legacy DataNavigator column separators */
.sri-pager-sep[b-5spzpwcp2k] {
    border-right: solid 1px #666666;
    align-self: stretch;
    margin: 0 6px;
}

.sri-pagesize[b-5spzpwcp2k] {
    padding: 3px 6px;
    border: 1px solid #a86fe0;
    border-radius: 4px;
    background: #fff;
    color: #330033;
}

/* ── Error / loading / empty ── */
.sri-error[b-5spzpwcp2k] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 12px;
    font-size: 0.85rem;
}

.sri-loading[b-5spzpwcp2k] {
    padding: 40px;
    text-align: center;
    color: #888;
    font-size: 0.9rem;
}

.sri-empty[b-5spzpwcp2k] {
    text-align: center;
    padding: 16px;
    color: #666;
}

/* ── Grid (legacy GridView: header #330033, rows #F5ECFF / #ffffff alternate) ── */
.sri-table-wrap[b-5spzpwcp2k] {
    overflow-x: auto;
    background: #fff;
}

.sri-table[b-5spzpwcp2k] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

    .sri-table th[b-5spzpwcp2k] {
        background-color: #330033;
        color: #fff;
        text-align: left;
        padding: 7px 10px;
        font-weight: 600;
        white-space: nowrap;
    }

    .sri-table td[b-5spzpwcp2k] {
        padding: 6px 10px;
        border-bottom: 1px solid #eee3fb;
        vertical-align: top;
        text-align: left;
    }

.sri-row[b-5spzpwcp2k] {
    background-color: #F5ECFF;
}

.sri-row-alt[b-5spzpwcp2k] {
    background-color: #ffffff;
}

/* Legacy .flagged td span { color: red } */
.sri-flagged td span[b-5spzpwcp2k] {
    color: red;
}

.sri-status p[b-5spzpwcp2k] {
    margin: 0;
}

/* Legacy fa-info-circle: font-size larger, color #330033 */
.sri-info-icon[b-5spzpwcp2k] {
    width: 17px;
    height: 17px;
    color: #330033;
}

.sri-comment[b-5spzpwcp2k] {
    min-width: 220px;
    white-space: pre-line;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/SurveyRatingsInner.cshtml.rz.scp.css */
/* ============================================================
   Survey Ratings Inner — Scoped CSS
   (replicates the legacy purple search bar, GridView theme and
    DataNavigator pager)
   ============================================================ */

.sri-page[b-qurstgu2l5] {
    width: 100%;
}

    .sri-page h3[b-qurstgu2l5] {
        color: #330033;
        margin: 4px 0 10px 0;
    }

/* ── Score filter (legacy: floated right above the search bar) ── */
.sri-score-row[b-qurstgu2l5] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    font-size: 0.85rem;
}

.sri-score-input[b-qurstgu2l5] {
    width: 50px;
    padding: 3px 5px;
    border: 1px solid #660099;
    border-radius: 4px;
    color: #660099;
}

/* ── Search bar (legacy .search / .searchTerm / .searchButton) ── */
.sri-search[b-qurstgu2l5] {
    width: 100%;
    position: relative;
    display: flex;
    margin-bottom: 10px;
}

.sri-search-term[b-qurstgu2l5] {
    width: 100%;
    border: 3px solid #660099;
    border-right: none;
    padding: 5px;
    height: 36px;
    border-radius: 5px 0 0 5px;
    outline: none;
    color: #660099;
    box-sizing: border-box;
}

    .sri-search-term:focus[b-qurstgu2l5] {
        color: #660099;
    }

.sri-search-button[b-qurstgu2l5] {
    width: 40px;
    height: 36px;
    border: 1px solid #660099;
    background: #660099;
    text-align: center;
    color: #fff;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Count + pager (legacy: centered row) ── */
.sri-pager-bar[b-qurstgu2l5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    font-size: 0.85rem;
    color: #330033;
}

.sri-pager[b-qurstgu2l5] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}

.sri-goto[b-qurstgu2l5] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.sri-goto-input[b-qurstgu2l5] {
    width: 34px;
    padding: 3px 4px;
    border: 1px solid #999;
    border-radius: 3px;
}

.sri-pager-btn[b-qurstgu2l5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    border: 1px solid #a86fe0;
    border-radius: 4px;
    background: #fff;
    color: #330033;
    cursor: pointer;
}

    .sri-pager-btn:hover:not(:disabled)[b-qurstgu2l5] {
        background: #f5ecff;
    }

    .sri-pager-btn:disabled[b-qurstgu2l5] {
        opacity: 0.4;
        cursor: not-allowed;
    }

.sri-pageno[b-qurstgu2l5] {
    padding: 0 4px;
}

/* Legacy DataNavigator column separators */
.sri-pager-sep[b-qurstgu2l5] {
    border-right: solid 1px #666666;
    align-self: stretch;
    margin: 0 6px;
}

.sri-pagesize[b-qurstgu2l5] {
    padding: 3px 6px;
    border: 1px solid #a86fe0;
    border-radius: 4px;
    background: #fff;
    color: #330033;
}

/* ── Error / loading / empty ── */
.sri-error[b-qurstgu2l5] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 12px;
    font-size: 0.85rem;
}

.sri-loading[b-qurstgu2l5] {
    padding: 40px;
    text-align: center;
    color: #888;
    font-size: 0.9rem;
}

.sri-empty[b-qurstgu2l5] {
    text-align: center;
    padding: 16px;
    color: #666;
}

/* ── Grid (legacy GridView: header #330033, rows #F5ECFF / #ffffff alternate) ── */
.sri-table-wrap[b-qurstgu2l5] {
    overflow-x: auto;
    background: #fff;
}

.sri-table[b-qurstgu2l5] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

    .sri-table th[b-qurstgu2l5] {
        background-color: #330033;
        color: #fff;
        text-align: left;
        padding: 7px 10px;
        font-weight: 600;
        white-space: nowrap;
    }

    .sri-table td[b-qurstgu2l5] {
        padding: 6px 10px;
        border-bottom: 1px solid #eee3fb;
        vertical-align: top;
        text-align: left;
    }

.sri-row[b-qurstgu2l5] {
    background-color: #F5ECFF;
}

.sri-row-alt[b-qurstgu2l5] {
    background-color: #ffffff;
}

/* Legacy .flagged td span { color: red } */
.sri-flagged td span[b-qurstgu2l5] {
    color: red;
}

.sri-status p[b-qurstgu2l5] {
    margin: 0;
}

/* Legacy fa-info-circle: font-size larger, color #330033 */
.sri-info-icon[b-qurstgu2l5] {
    width: 17px;
    height: 17px;
    color: #330033;
}

.sri-comment[b-qurstgu2l5] {
    min-width: 220px;
    white-space: pre-line;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/TermsOfUse.cshtml.rz.scp.css */
/* TermsOfUse.cshtml.css — Scoped styles for Terms of Use editor */

.terms-editor[b-qs1iveuw5e] {
    max-width: 1000px;
    margin: 20px auto;
}

.page-header[b-qs1iveuw5e] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 25px;
    border-radius: 8px 8px 0 0;
}

.page-header h2[b-qs1iveuw5e] {
    margin: 0 0 8px 0;
    font-weight: 600;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-header p[b-qs1iveuw5e] {
    margin: 0;
    opacity: 0.9;
    font-size: 0.9rem;
}

.editor-body[b-qs1iveuw5e] {
    background: white;
    padding: 25px;
    border-radius: 0 0 8px 8px;
    border: 1px solid #e1e4e8;
    border-top: none;
}

.field-row[b-qs1iveuw5e] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.field-row label[b-qs1iveuw5e] {
    font-weight: 600;
    color: #330033;
    font-size: 14px;
    white-space: nowrap;
}

.field-row input[type="date"][b-qs1iveuw5e] {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    color: #333;
}

.field-row input[type="date"]:focus[b-qs1iveuw5e] {
    outline: none;
    border-color: #6f42c1;
    box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.15);
}

.action-bar[b-qs1iveuw5e] {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}

.btn-save[b-qs1iveuw5e] {
    background: #330033;
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 600;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-save:hover[b-qs1iveuw5e] {
    background: #4a004a;
}

.btn-save:disabled[b-qs1iveuw5e] {
    opacity: 0.6;
    cursor: not-allowed;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/Testimonials.cshtml.rz.scp.css */
/* Testimonials — scoped styles (house palette #330033 / #E0C1FF) */

.ts-page[b-i8z0karpnt] { color: #222; }

/* Header */
.ts-header[b-i8z0karpnt] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; flex-wrap: wrap; gap: 12px; }
.ts-header-left[b-i8z0karpnt] { display: flex; align-items: center; gap: 14px; }
.ts-header-icon[b-i8z0karpnt] { width: 30px; height: 30px; color: #330033; }
.ts-header h1[b-i8z0karpnt] { font-size: 22px; color: #330033; margin: 0; }
.ts-sub[b-i8z0karpnt] { color: #3d2540; font-size: 13px; margin: 2px 0 0; }

/* Error */
.ts-error[b-i8z0karpnt] { position: relative; background: #f2dede; color: #a94442; border: 1px solid #ebccd1; border-radius: 6px; padding: 12px 36px 12px 15px; margin-bottom: 15px; }
.ts-error-close[b-i8z0karpnt] { position: absolute; top: 8px; right: 12px; background: none; border: none; font-size: 18px; font-weight: bold; cursor: pointer; color: inherit; }

/* Panel */
.ts-panel[b-i8z0karpnt] { background: #fff; border: 1px solid #e3e3e3; border-radius: 8px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,.06); margin-bottom: 20px; }
.ts-panel-legend[b-i8z0karpnt] { font-weight: 600; color: #330033; margin-bottom: 14px; font-size: 15px; }

/* Buttons */
.ts-btn[b-i8z0karpnt] { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; padding: 9px 18px; border-radius: 6px; border: 1px solid transparent; cursor: pointer; font-weight: 500; }
.ts-btn-primary[b-i8z0karpnt] { background: #330033; color: #fff; }
.ts-btn-primary:hover[b-i8z0karpnt] { background: #4d004d; }
.ts-btn-secondary[b-i8z0karpnt] { background: #fff; color: #330033; border-color: #330033; }
.ts-btn-secondary:hover[b-i8z0karpnt] { background: #f7f0ff; }
.ts-btn-danger[b-i8z0karpnt] { background: #b91c1c; color: #fff; }
.ts-btn-danger:hover[b-i8z0karpnt] { background: #991b1b; }
.ts-btn:disabled[b-i8z0karpnt] { opacity: .6; cursor: not-allowed; }

/* Form */
.ts-form-row[b-i8z0karpnt] { display: flex; align-items: center; gap: 12px; margin: 10px 0; }
.ts-form-row-top[b-i8z0karpnt] { align-items: flex-start; }
.ts-label[b-i8z0karpnt] { min-width: 120px; font-size: 13px; color: #444; font-weight: 500; padding-top: 8px; }
.ts-req[b-i8z0karpnt] { color: #b91c1c; }
.ts-field[b-i8z0karpnt] { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; }
.ts-input[b-i8z0karpnt] { width: 100%; max-width: 560px; padding: 8px 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; }
.ts-input-sm[b-i8z0karpnt] { max-width: 90px; }
.ts-textarea[b-i8z0karpnt] { resize: vertical; font-family: inherit; }
.ts-input:focus[b-i8z0karpnt] { outline: none; border-color: #330033; box-shadow: 0 0 0 2px rgba(51,0,51,.12); }
.ts-field-required[b-i8z0karpnt] { color: #b91c1c; font-size: 16px; font-weight: bold; }

.ts-actions[b-i8z0karpnt] { display: flex; justify-content: flex-start; gap: 10px; margin-top: 16px; padding-left: 132px; }

/* Loading */
.ts-loading[b-i8z0karpnt] { display: flex; align-items: center; gap: 10px; color: #666; padding: 30px; justify-content: center; }
.ts-spinner[b-i8z0karpnt] { width: 26px; height: 26px; border: 3px solid #eee; border-top-color: #330033; border-radius: 50%; animation: ts-spin-b-i8z0karpnt 1s linear infinite; }
@keyframes ts-spin-b-i8z0karpnt { to { transform: rotate(360deg); } }

/* Table */
.ts-table-wrap[b-i8z0karpnt] { overflow-x: auto; }
.ts-table[b-i8z0karpnt] { width: 100%; border-collapse: collapse; }
.ts-table thead th[b-i8z0karpnt] { background: #330033; color: #fff; text-align: left; padding: 10px; font-size: 13px; font-weight: 500; white-space: nowrap; }
.ts-table td[b-i8z0karpnt] { padding: 10px; border-bottom: 1px solid #eee; font-size: 14px; vertical-align: top; word-break: break-word; }
.ts-table tbody tr:nth-child(even)[b-i8z0karpnt] { background: #F6EEFF; }
.ts-center[b-i8z0karpnt] { text-align: center; }
.ts-col-num[b-i8z0karpnt] { width: 70px; text-align: center; }
.ts-col-age[b-i8z0karpnt] { width: 56px; }
.ts-testi-cell[b-i8z0karpnt] { min-width: 220px; white-space: pre-wrap; }
.ts-col-actions[b-i8z0karpnt] { width: 150px; white-space: nowrap; text-align: right; }
.ts-empty[b-i8z0karpnt] { text-align: center; color: #999; padding: 26px; }

/* Icon buttons */
.ts-icon-btn[b-i8z0karpnt] { background: none; border: none; cursor: pointer; color: #330033; padding: 4px; border-radius: 4px; vertical-align: middle; }
.ts-icon-btn:hover[b-i8z0karpnt] { background: #efe1ff; }
.ts-icon-btn:disabled[b-i8z0karpnt] { opacity: .35; cursor: not-allowed; }
.ts-icon-danger[b-i8z0karpnt] { color: #b91c1c; }
.ts-icon-danger:hover[b-i8z0karpnt] { background: #fde8e8; }

/* Modal */
.ts-modal-bg[b-i8z0karpnt] { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 10000; display: flex; align-items: flex-start; justify-content: center; padding-top: 8vh; }
.ts-modal[b-i8z0karpnt] { background: #fff; border-radius: 10px; width: 440px; max-width: 92%; box-shadow: 0 10px 40px rgba(0,0,0,.25); overflow: hidden; }
.ts-modal-head[b-i8z0karpnt] { background: #330033; color: #fff; padding: 16px 20px; display: flex; justify-content: space-between; align-items: center; }
.ts-modal-head h3[b-i8z0karpnt] { margin: 0; font-size: 17px; }
.ts-modal-close[b-i8z0karpnt] { background: none; border: none; color: #fff; font-size: 22px; cursor: pointer; line-height: 1; }
.ts-modal-body[b-i8z0karpnt] { padding: 20px; font-size: 14px; }
.ts-modal-foot[b-i8z0karpnt] { padding: 14px 20px; border-top: 1px solid #eee; display: flex; justify-content: flex-end; gap: 10px; }
/* _content/NYMinuteDating-Net8/Pages/Admin/TodaySameDaySalesHistory.cshtml.rz.scp.css */
/* ============================================================
   Today Same Day Sales History — Scoped CSS
   ============================================================ */

.tsd-page[b-0dg87xg5jl] { max-width: 1600px; margin: 0 auto; }

/* --- Header --- */
.page-header[b-0dg87xg5jl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a235a 0%, #330033 60%, #1f0022 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-0dg87xg5jl] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-0dg87xg5jl] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-0dg87xg5jl] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-0dg87xg5jl] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.header-right[b-0dg87xg5jl] { display: flex; align-items: center; gap: 10px; }
.badge[b-0dg87xg5jl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 8px;
    background: rgba(255,255,255,0.2);
    color: #fff;
}

/* --- Error --- */
.tsd-error[b-0dg87xg5jl] {
    position: relative;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 34px 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}
.tsd-error-close[b-0dg87xg5jl] { position: absolute; top: 8px; right: 12px; cursor: pointer; font-size: 1.1rem; }

/* --- Note (legacy warning box) --- */
.tsd-note[b-0dg87xg5jl] {
    margin-bottom: 16px;
    padding: 12px 16px;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    border-radius: 6px;
    color: #856404;
    font-size: 0.88rem;
}

/* --- Fieldset --- */
.tsd-fieldset[b-0dg87xg5jl] {
    border: 1px solid #660066;
    border-radius: 12px;
    padding: 10px 14px 16px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.tsd-fieldset legend[b-0dg87xg5jl] {
    font-weight: 700;
    color: #330033;
    padding: 0 8px;
    font-size: 0.95rem;
}

/* --- Table --- */
.table-wrap[b-0dg87xg5jl] { overflow-x: auto; }
.tsd-table[b-0dg87xg5jl] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.tsd-table th[b-0dg87xg5jl] {
    text-align: left;
    padding: 10px;
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    vertical-align: top;
}
.tsd-table td[b-0dg87xg5jl] {
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    color: #333;
    vertical-align: top;
}
.tsd-alt-row td[b-0dg87xg5jl] { background-color: #E0C1FF; }
.tsd-table tbody tr:hover td[b-0dg87xg5jl] { background-color: #efe2ff; }
.col-num[b-0dg87xg5jl] { width: 52px; color: #555; }

/* --- Events Purchased cell --- */
.event-list[b-0dg87xg5jl] { display: flex; flex-direction: column; gap: 4px; min-width: 260px; }
.event-details[b-0dg87xg5jl] {
    margin-top: 2px;
    padding: 4px 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    font-size: 0.78rem;
    line-height: 1.4;
}
.event-details a[b-0dg87xg5jl] { color: #6f42c1; text-decoration: none; font-weight: 600; }
.event-details a:hover[b-0dg87xg5jl] { text-decoration: underline; }

/* --- Empty state --- */
.empty-state[b-0dg87xg5jl] { text-align: center; padding: 60px 20px; color: #666; }
.empty-state p[b-0dg87xg5jl] { margin-top: 16px; font-size: 1.05rem; font-weight: 600; color: #333; }

[x-cloak][b-0dg87xg5jl] { display: none !important; }

@media (max-width: 768px) {
    .page-header[b-0dg87xg5jl] { flex-direction: column; gap: 12px; text-align: center; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/TodoList.cshtml.rz.scp.css */
/* ============================================================
   To-Do List Manager — Scoped CSS
   Ported from the legacy admin/TodoList.aspx inline <style> (indigo
   #667eea / #764ba2 palette). jQuery/emoji dropped in favour of
   Alpine + Lucide <svg> icons, so icon rules target `svg`.
   ============================================================ */

.tdl-wrap[b-gtkh2jptqr] {
    display: flex;
    gap: 20px;
    max-width: 1600px;
    margin: 0 auto;
    height: calc(100vh - 150px);
    min-height: 560px;
}

.tdl-muted[b-gtkh2jptqr] { color: #999; }
.tdl-center[b-gtkh2jptqr] { text-align: center; padding: 20px; }

/* ── Sidebar ── */
.tdl-sidebar[b-gtkh2jptqr] {
    width: 300px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.tdl-sidebar-header[b-gtkh2jptqr] {
    padding: 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
}

.tdl-sidebar-header h2[b-gtkh2jptqr] {
    font-size: 20px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tdl-sidebar-header h2 svg[b-gtkh2jptqr] { width: 20px; height: 20px; }

.tdl-btn-new[b-gtkh2jptqr] {
    width: 100%;
    padding: 10px;
    background: #fff;
    color: #667eea;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.tdl-btn-new:hover[b-gtkh2jptqr] { background: #f0f0f0; }
.tdl-btn-new svg[b-gtkh2jptqr] { width: 16px; height: 16px; }

.tdl-lists[b-gtkh2jptqr] {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
}

.tdl-list-item[b-gtkh2jptqr] {
    padding: 12px;
    margin-bottom: 8px;
    background: #f8f9fa;
    border-radius: 6px;
    cursor: pointer;
    border: 2px solid transparent;
}

.tdl-list-item:hover[b-gtkh2jptqr] { background: #e9ecef; }
.tdl-list-item.active[b-gtkh2jptqr] { background: #e7f3ff; border-color: #667eea; }
.tdl-list-title[b-gtkh2jptqr] { font-weight: 600; margin-bottom: 4px; }
.tdl-list-date[b-gtkh2jptqr] { font-size: 12px; color: #666; }

.tdl-list-actions[b-gtkh2jptqr] {
    display: flex;
    gap: 5px;
    margin-top: 8px;
}

.tdl-list-actions button[b-gtkh2jptqr] {
    padding: 4px 8px;
    font-size: 11px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background: #667eea;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.tdl-list-actions button:hover[b-gtkh2jptqr] { background: #5568d3; }
.tdl-list-actions button svg[b-gtkh2jptqr] { width: 12px; height: 12px; }

/* ── Main content ── */
.tdl-main[b-gtkh2jptqr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.tdl-tabs[b-gtkh2jptqr] {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.tdl-tab[b-gtkh2jptqr] {
    padding: 12px 24px;
    background: #fff;
    border: none;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    font-weight: 600;
    color: #666;
}

.tdl-tab.active[b-gtkh2jptqr] {
    color: #667eea;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}

.tdl-tab-content[b-gtkh2jptqr] {
    background: #fff;
    border-radius: 0 8px 8px 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.tdl-h3[b-gtkh2jptqr] {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tdl-h3 svg[b-gtkh2jptqr] { width: 20px; height: 20px; color: #dc3545; }

/* ── Stats bar ── */
.tdl-stats[b-gtkh2jptqr] {
    display: flex;
    gap: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 6px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.tdl-stat[b-gtkh2jptqr] { font-size: 14px; }
.tdl-stat-label[b-gtkh2jptqr] { color: #666; margin-right: 5px; }
.tdl-stat-value[b-gtkh2jptqr] { font-weight: 600; color: #667eea; }

/* ── Action bar ── */
.tdl-actions[b-gtkh2jptqr] {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.tdl-btn[b-gtkh2jptqr] {
    padding: 10px 16px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.tdl-btn svg[b-gtkh2jptqr] { width: 15px; height: 15px; }
.tdl-btn-primary[b-gtkh2jptqr] { background: #667eea; color: #fff; }
.tdl-btn-primary:hover[b-gtkh2jptqr] { background: #5568d3; }
.tdl-btn-secondary[b-gtkh2jptqr] { background: #f8f9fa; color: #333; border: 1px solid #ddd; }
.tdl-btn-secondary:hover[b-gtkh2jptqr] { background: #e9ecef; }
.tdl-btn-success[b-gtkh2jptqr] { background: #28a745; color: #fff; }
.tdl-btn-success:hover[b-gtkh2jptqr] { background: #218838; }
.tdl-btn-danger[b-gtkh2jptqr] { background: #dc3545; color: #fff; }
.tdl-btn-danger:hover[b-gtkh2jptqr] { background: #c82333; }
.tdl-btn-sm[b-gtkh2jptqr] { padding: 6px 12px; font-size: 12px; }
.tdl-btn-sm svg[b-gtkh2jptqr] { width: 12px; height: 12px; }

/* ── Grid ── */
.tdl-grid-container[b-gtkh2jptqr] {
    flex: 1;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.tdl-grid[b-gtkh2jptqr] {
    width: 100%;
    border-collapse: collapse;
}

.tdl-grid thead[b-gtkh2jptqr] {
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 10;
}

.tdl-grid th[b-gtkh2jptqr] {
    padding: 12px 8px;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #ddd;
    font-size: 13px;
    white-space: nowrap;
}

.tdl-grid td[b-gtkh2jptqr] {
    padding: 8px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

.tdl-grid tbody tr:hover[b-gtkh2jptqr] { background: #f8f9fa; }
.tdl-grid tbody tr.done[b-gtkh2jptqr] { background: #d4edda; }

.tdl-grid-empty[b-gtkh2jptqr] {
    text-align: center;
    padding: 40px;
    color: #999;
}

.tdl-clickable[b-gtkh2jptqr] { cursor: pointer; }

.tdl-checkbox[b-gtkh2jptqr] { width: 20px; height: 20px; cursor: pointer; }

.tdl-text[b-gtkh2jptqr] {
    width: 100%;
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
}

.tdl-text:focus[b-gtkh2jptqr] { outline: none; border-color: #667eea; }

.tdl-select[b-gtkh2jptqr] {
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
}

.tdl-row-actions[b-gtkh2jptqr] {
    display: flex;
    gap: 5px;
    align-items: center;
}

/* ── Search ── */
.tdl-search-box[b-gtkh2jptqr] { margin-bottom: 15px; }

.tdl-search-input[b-gtkh2jptqr] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.tdl-search-input:focus[b-gtkh2jptqr] { outline: none; border-color: #667eea; }

.tdl-search-results[b-gtkh2jptqr] {
    flex: 1;
    overflow-y: auto;
}

.tdl-search-item[b-gtkh2jptqr] {
    padding: 12px;
    margin-bottom: 8px;
    background: #f8f9fa;
    border-radius: 6px;
    cursor: pointer;
}

.tdl-search-item:hover[b-gtkh2jptqr] { background: #e9ecef; }

.tdl-search-list[b-gtkh2jptqr] {
    font-size: 12px;
    color: #666;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.tdl-search-list svg[b-gtkh2jptqr] { width: 13px; height: 13px; }
.tdl-search-text[b-gtkh2jptqr] { font-weight: 500; }

/* ── Modals ── */
.tdl-modal-backdrop[b-gtkh2jptqr] {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.tdl-modal[b-gtkh2jptqr] {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.tdl-modal h3[b-gtkh2jptqr] { margin-bottom: 20px; }
.tdl-confirm-msg[b-gtkh2jptqr] { margin-bottom: 20px; color: #444; }

.tdl-modal-input[b-gtkh2jptqr] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.tdl-modal-input:focus[b-gtkh2jptqr] { outline: none; border-color: #667eea; }

.tdl-modal-buttons[b-gtkh2jptqr] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .tdl-wrap[b-gtkh2jptqr] {
        flex-direction: column;
        height: auto;
    }

    .tdl-sidebar[b-gtkh2jptqr] { width: 100%; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/TodoSheet.cshtml.rz.scp.css */
/* TodoSheet — admin task management (matches original inline styles) */

*[b-8w8wd8k9cm] { box-sizing: border-box; }

/* Override admin layout font sizes */
.container[b-8w8wd8k9cm], .container *[b-8w8wd8k9cm] {
    font-size: 14px;
}

.container[b-8w8wd8k9cm] {
    max-width: 1200px;
    margin: 20px auto;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* Header - solid purple */
.header[b-8w8wd8k9cm] {
    background: #330033;
    color: white;
    padding: 20px 25px;
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
}
.header h1[b-8w8wd8k9cm] {
    margin: 0;
    font-weight: 600;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.header p[b-8w8wd8k9cm] {
    margin: 8px 0 0 0;
    opacity: 0.9;
    font-size: 1.1rem;
}

/* Toolbar */
.toolbar[b-8w8wd8k9cm] {
    background: #f8f9fa;
    padding: 15px 20px;
    border: 1px solid #e1e4e8;
    border-top: none;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

/* Search box */
.search-box[b-8w8wd8k9cm] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}
.search-input[b-8w8wd8k9cm] {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 1rem;
    width: 200px;
}
.search-input:focus[b-8w8wd8k9cm] {
    outline: none;
    border-color: #330033;
    box-shadow: 0 0 0 2px rgba(51,0,51,0.1);
}

/* Filter chips */
.filter-chips[b-8w8wd8k9cm] {
    display: flex;
    gap: 8px;
    margin: 10px 20px;
    flex-wrap: wrap;
}
.filter-chip[b-8w8wd8k9cm] {
    padding: 8px 14px;
    background: white;
    border: 1px solid #ddd;
    border-radius: 20px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.2s;
}
.filter-chip:hover[b-8w8wd8k9cm] {
    border-color: #330033;
}
.filter-chip.active[b-8w8wd8k9cm] {
    background: #330033;
    color: white;
    border-color: #330033;
}

/* Status */
.status[b-8w8wd8k9cm] {
    color: #666;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 5px;
}
.status.saving[b-8w8wd8k9cm] { color: #856404; }
.status.saved[b-8w8wd8k9cm]  { color: #28a745; }
.status.error[b-8w8wd8k9cm]  { color: #dc3545; }

/* Loading spinner */
.spinner[b-8w8wd8k9cm] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(0,0,0,0.1);
    border-left-color: #330033;
    border-radius: 50%;
    animation: spin-b-8w8wd8k9cm 0.8s linear infinite;
}
@keyframes spin-b-8w8wd8k9cm {
    to { transform: rotate(360deg); }
}

/* Stats cards */
.stats[b-8w8wd8k9cm] {
    display: flex;
    gap: 15px;
    margin: 20px 0;
    flex-wrap: wrap;
}
.stat[b-8w8wd8k9cm] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e1e4e8;
    flex: 1;
    min-width: 200px;
    transition: all 0.2s ease;
    cursor: pointer;
}
.stat:hover[b-8w8wd8k9cm] {
    border-color: #6f42c1;
    box-shadow: 0 2px 8px rgba(111,66,193,0.15);
    transform: translateY(-2px);
}
.stat-label[b-8w8wd8k9cm] {
    font-size: 1rem;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}
.stat-value[b-8w8wd8k9cm] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #330033;
}
.stat.urgent[b-8w8wd8k9cm] {
    background: #fff3cd;
    border-left: 3px solid #ffc107;
}
.stat.urgent .stat-value[b-8w8wd8k9cm] {
    color: #856404;
}

/* Table container */
.table-container[b-8w8wd8k9cm] {
    background: white;
    border-radius: 0 0 8px 8px;
    border: 1px solid #e1e4e8;
    border-top: none;
    overflow: hidden;
    position: relative;
    min-height: 200px;
}
.table-loading[b-8w8wd8k9cm] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

/* Table styles */
table[b-8w8wd8k9cm] {
    width: 100%;
    border-collapse: collapse;
}
thead[b-8w8wd8k9cm] {
    background: #f8f9fa;
    border-bottom: 2px solid #e1e4e8;
    position: sticky;
    top: 0;
    z-index: 10;
}
th[b-8w8wd8k9cm] {
    padding: 15px;
    text-align: left;
    font-size: 1rem;
    font-weight: 600;
    color: #330033;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    user-select: none;
}
th:hover[b-8w8wd8k9cm] {
    background: #f0f0f0;
}
td[b-8w8wd8k9cm] {
    padding: 15px;
    border-bottom: 1px solid #f3f4f6;
    font-size: 1rem;
}
tbody tr[b-8w8wd8k9cm] {
    transition: background 0.15s;
}
tbody tr:hover[b-8w8wd8k9cm] {
    background: #f8f9fa;
}

/* Row states */
tbody tr.done[b-8w8wd8k9cm] {
    background: #e8f4e8;
    opacity: 0.9;
}
tbody tr.urgent[b-8w8wd8k9cm] {
    background: #fff3cd;
    border-left: 3px solid #ffc107;
}

/* Task text - editable field */
.task-text[b-8w8wd8k9cm] {
    min-height: 24px;
    padding: 10px 15px;
    border: 1px solid transparent;
    border-radius: 6px;
    outline: none;
    cursor: text;
    width: 100%;
    transition: all 0.2s;
    font-size: 1rem;
    line-height: 1.5;
}
.task-text:hover[b-8w8wd8k9cm] {
    border-color: #ddd;
    background: white;
}
.task-text:focus[b-8w8wd8k9cm] {
    border-color: #330033;
    background: white;
    box-shadow: 0 0 0 2px rgba(51,0,51,0.1);
}
.task-text.done[b-8w8wd8k9cm] {
    color: #333;
}
.task-text.urgent[b-8w8wd8k9cm] {
    font-weight: 600;
    color: #856404;
}

/* Checkbox - larger with purple accent */
input[type="checkbox"][b-8w8wd8k9cm] {
    width: 22px;
    height: 22px;
    cursor: pointer;
    accent-color: #330033;
}

/* Select dropdown */
select[b-8w8wd8k9cm] {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    background: white;
    color: #330033;
}
select:focus[b-8w8wd8k9cm] {
    outline: none;
    border-color: #330033;
    box-shadow: 0 0 0 2px rgba(51,0,51,0.1);
}

/* Delete button */
.btn-delete[b-8w8wd8k9cm] {
    padding: 10px 18px;
    background: white;
    color: #dc3545;
    border: 1px solid #dc3545;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.2s;
}
.btn-delete:hover[b-8w8wd8k9cm] {
    background: #dc3545;
    color: white;
}

/* Date columns */
.date-cell[b-8w8wd8k9cm] {
    font-size: 1rem;
    color: #666;
    white-space: nowrap;
}
tr.done .date-cell[b-8w8wd8k9cm] {
    color: #888;
}
tr.urgent .date-cell[b-8w8wd8k9cm] {
    color: #856404;
}

/* Drag and drop */
.drag-handle[b-8w8wd8k9cm] {
    cursor: move;
    color: #999;
    padding: 0 8px;
    font-size: 18px;
    user-select: none;
}
.drag-handle:hover[b-8w8wd8k9cm] {
    color: #330033;
}
tr.dragging[b-8w8wd8k9cm] {
    opacity: 0.5;
    background: #f0f0f0;
}
tr.drag-over[b-8w8wd8k9cm] {
    border-top: 3px solid #330033;
}

/* New task row */
.new-task-row[b-8w8wd8k9cm] {
    background: #f8f9fa;
    border-top: 2px dashed #ddd;
}
.new-task-row:hover[b-8w8wd8k9cm] {
    background: #f0f0f0;
}
.new-task-row td[b-8w8wd8k9cm] {
    font-size: 1rem;
}
.new-task-input[b-8w8wd8k9cm] {
    position: relative;
    min-height: 44px;
    color: #666;
    font-size: 1rem;
}
.new-task-input:empty[b-8w8wd8k9cm]::before {
    content: attr(data-placeholder);
    color: #aaa;
    font-style: italic;
}
.new-task-input:focus[b-8w8wd8k9cm] {
    color: #333;
}
.new-task-input:focus:empty[b-8w8wd8k9cm]::before {
    content: '';
}

/* Empty state */
.empty-state[b-8w8wd8k9cm] {
    text-align: center;
    padding: 60px 20px;
    color: #8b7aa6;
}
.empty-state-icon[b-8w8wd8k9cm] {
    font-size: 48px;
    margin-bottom: 16px;
}
.empty-state-text[b-8w8wd8k9cm] {
    font-size: 1.3rem;
    margin-bottom: 8px;
    color: #330033;
}
.empty-state-subtext[b-8w8wd8k9cm] {
    font-size: 1.1rem;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/Undesirables.cshtml.rz.scp.css */
/* ============================================================
   Undesirables — Scoped CSS
   ============================================================ */

.und-page[b-i5rlmiwpvm] { max-width: 1600px; margin: 0 auto; }

/* Header */
.und-header[b-i5rlmiwpvm] {
    display: flex;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a235a 0%, #330033 60%, #1f0022 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 18px;
}
.und-header-left[b-i5rlmiwpvm] { display: flex; align-items: center; gap: 14px; }
.und-header-icon[b-i5rlmiwpvm] { width: 32px; height: 32px; opacity: 0.85; }
.und-header-left h1[b-i5rlmiwpvm] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.und-header-sub[b-i5rlmiwpvm] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }

/* Error banner */
.und-error[b-i5rlmiwpvm] {
    position: relative;
    background: #fef2f2; border: 1px solid #fca5a5; color: #991b1b;
    padding: 12px 34px 12px 16px; border-radius: 8px; margin-bottom: 16px; font-size: 0.85rem;
}
.und-error-close[b-i5rlmiwpvm] { position: absolute; top: 8px; right: 12px; cursor: pointer; font-size: 1.1rem; }

/* Filter */
.und-filter[b-i5rlmiwpvm] {
    border: 1px groove #330033;
    border-radius: 8px;
    padding: 8px 20px 18px;
    margin-bottom: 16px;
    background: #fff;
}
.und-filter legend[b-i5rlmiwpvm] {
    font-size: 1.05rem; font-weight: bold; padding: 0 10px; color: #330033;
}
.und-filter-grid[b-i5rlmiwpvm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px 20px;
    margin-top: 8px;
}
.und-field[b-i5rlmiwpvm] { display: flex; flex-direction: column; gap: 5px; }
.und-field label[b-i5rlmiwpvm] { font-size: 0.82rem; color: #333; font-weight: 600; }
.und-field input[type="number"][b-i5rlmiwpvm] {
    padding: 7px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 0.85rem;
}
.und-filter-actions[b-i5rlmiwpvm] { margin-top: 16px; }
.und-search-btn[b-i5rlmiwpvm] {
    background-color: #330033; color: #fff; border: none;
    padding: 8px 24px; border-radius: 4px; cursor: pointer; font-size: 0.9rem;
}
.und-search-btn:hover[b-i5rlmiwpvm] { background-color: #550055; }
.und-search-btn:disabled[b-i5rlmiwpvm] { opacity: 0.6; cursor: not-allowed; }

/* Total records */
.und-total[b-i5rlmiwpvm] { text-align: center; margin-bottom: 12px; }
.und-total h4[b-i5rlmiwpvm] { margin: 0; color: #330033; font-size: 1.05rem; }

/* Table */
.und-panel[b-i5rlmiwpvm] {
    background: #fff; border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06); overflow: hidden;
}
.und-table-wrap[b-i5rlmiwpvm] { overflow-x: auto; }
.und-grid[b-i5rlmiwpvm] { width: 100%; border-collapse: collapse; font-size: 0.82rem; }
.und-grid th[b-i5rlmiwpvm] {
    text-align: left; padding: 10px 12px; background: #330033; color: #fff;
    font-weight: 700; font-size: 0.72rem; text-transform: uppercase;
    letter-spacing: 0.3px; white-space: nowrap; cursor: pointer; user-select: none;
}
.und-grid th:hover[b-i5rlmiwpvm] { background: #470047; }
.und-grid th.col-icon[b-i5rlmiwpvm], .und-grid th.col-num[b-i5rlmiwpvm] { cursor: default; }
.und-grid th.col-icon:hover[b-i5rlmiwpvm], .und-grid th.col-num:hover[b-i5rlmiwpvm] { background: #330033; }
.und-arrow[b-i5rlmiwpvm] { font-size: 10px; margin-left: 2px; }
.und-grid td[b-i5rlmiwpvm] {
    padding: 8px 12px; border-bottom: 1px solid #eee; color: #333;
    vertical-align: middle; white-space: nowrap; background-color: #F5ECFF;
}
.und-grid tbody tr:hover td[b-i5rlmiwpvm] { background-color: #efe2ff; }

.col-icon[b-i5rlmiwpvm] { width: 34px; text-align: center; }
.col-num[b-i5rlmiwpvm] { width: 54px; text-align: center; color: #555; }

.und-info-link[b-i5rlmiwpvm] { display: inline-flex; }
.und-info-disabled[b-i5rlmiwpvm] { pointer-events: none; opacity: 0.5; cursor: default; }
.und-copy[b-i5rlmiwpvm] { color: #330033; text-decoration: none; cursor: pointer; }
.und-copy:hover[b-i5rlmiwpvm] { text-decoration: underline; }
.und-events-link[b-i5rlmiwpvm] { color: #330033; font-weight: 700; text-decoration: none; }
.und-events-link:hover[b-i5rlmiwpvm] { text-decoration: underline; }

/* Paging */
.und-paging[b-i5rlmiwpvm] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 20px; font-size: 0.85rem; color: #555; flex-wrap: wrap; gap: 8px;
}
.und-paging-btns[b-i5rlmiwpvm] { display: flex; gap: 4px; flex-wrap: wrap; }
.und-paging-btns button[b-i5rlmiwpvm] {
    padding: 4px 10px; border: 1px solid #ccc; border-radius: 4px;
    background: #fff; cursor: pointer; font-size: 0.8rem;
}
.und-paging-btns button.active[b-i5rlmiwpvm] { background: #330033; color: #fff; border-color: #330033; }
.und-paging-btns button:hover:not(.active):not(:disabled)[b-i5rlmiwpvm] { background: #f3e8f3; }
.und-paging-btns button:disabled[b-i5rlmiwpvm] { opacity: 0.4; cursor: default; }

/* Empty / loading */
.und-empty[b-i5rlmiwpvm] { text-align: center; padding: 60px 20px; color: #666; }
.und-empty p[b-i5rlmiwpvm] { margin-top: 16px; font-size: 1.05rem; font-weight: 600; color: #333; }

/* Event History modal */
.und-modal-overlay[b-i5rlmiwpvm] {
    position: fixed; inset: 0; background: rgba(0,0,0,0.4);
    z-index: 90000; display: flex; align-items: flex-start; justify-content: center;
    padding: 40px 20px; overflow: auto;
}
.und-modal-content[b-i5rlmiwpvm] {
    background: #fff; border-radius: 6px; box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    width: 95%; max-width: 1000px;
}
.und-modal-header[b-i5rlmiwpvm] {
    padding: 14px 18px; border-bottom: 1px solid #e5e5e5;
    display: flex; justify-content: space-between; align-items: center;
}
.und-modal-header h3[b-i5rlmiwpvm] { margin: 0; color: #330033; font-size: 1.15rem; }
.und-close[b-i5rlmiwpvm] { font-size: 1.4rem; font-weight: 700; color: #000; opacity: 0.3; cursor: pointer; }
.und-close:hover[b-i5rlmiwpvm] { opacity: 0.6; }
.und-modal-body[b-i5rlmiwpvm] { padding: 18px; overflow-x: auto; }
.und-eh-loading[b-i5rlmiwpvm] { text-align: center; padding: 30px; color: #888; }
.und-modal-footer[b-i5rlmiwpvm] { padding: 14px 18px; border-top: 1px solid #e5e5e5; text-align: right; }
.und-btn[b-i5rlmiwpvm] {
    background-color: #330033; color: #fff; border: none;
    padding: 7px 18px; border-radius: 4px; cursor: pointer; font-size: 0.85rem;
}
.und-btn:hover[b-i5rlmiwpvm] { background-color: #550055; }

.und-eh-table[b-i5rlmiwpvm] { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
.und-eh-table th[b-i5rlmiwpvm] {
    text-align: left; padding: 8px 10px; background: #330033; color: #fff;
    font-weight: 700; font-size: 0.68rem; text-transform: uppercase; white-space: nowrap;
}
.und-eh-table td[b-i5rlmiwpvm] {
    padding: 7px 10px; border-bottom: 1px solid #eee;
    background-color: #F5ECFF; white-space: nowrap;
}
.und-eh-empty[b-i5rlmiwpvm] { text-align: center; color: #888; background: #fff !important; }
.und-event-link[b-i5rlmiwpvm] { color: #330033; text-decoration: none; margin-left: 4px; }
.und-event-link:hover[b-i5rlmiwpvm] { text-decoration: underline; }

[x-cloak][b-i5rlmiwpvm] { display: none !important; }

@media (max-width: 768px) {
    .und-header[b-i5rlmiwpvm] { flex-direction: column; gap: 12px; text-align: center; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/UnsubscribedEmails.cshtml.rz.scp.css */
/* ============================================================
   Unsubscribed Emails — Scoped CSS
   Ported from the legacy admin/UnsubscribedEmails.aspx inline
   styles. Purple house palette (#330033 header, #6f42c1 accent).
   Font-Awesome dropped for Lucide <svg>; jQuery/AjaxControlToolkit
   modals replaced with Alpine overlays. Grid rows are rendered
   inside <template x-for>, which scoped CSS still reaches.
   ============================================================ */

.ue-page[b-t2r9zkkgy3] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 1400px;
    margin: 20px auto;
}

/* ── Header ── */
.ue-header[b-t2r9zkkgy3] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    padding: 20px 25px;
    border-radius: 8px 8px 0 0;
}
.ue-header h2[b-t2r9zkkgy3] {
    margin: 0;
    font-weight: 600;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ue-header h2 svg[b-t2r9zkkgy3] { width: 22px; height: 22px; }
.ue-header p[b-t2r9zkkgy3] { margin: 8px 0 0 0; opacity: 0.9; font-size: 0.95rem; }

/* ── Alerts ── */
.ue-alert[b-t2r9zkkgy3] {
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ue-alert-danger[b-t2r9zkkgy3] { background: #f8d7da; color: #721c24; }
.ue-closebtn[b-t2r9zkkgy3] {
    background: none; border: none; color: inherit;
    font-weight: bold; font-size: 22px; line-height: 20px; cursor: pointer; opacity: 0.8;
}
.ue-closebtn:hover[b-t2r9zkkgy3] { opacity: 1; }

/* ── Stats ── */
.ue-stats-band[b-t2r9zkkgy3] { background: #f9f4ff; padding: 20px; }
.ue-stats[b-t2r9zkkgy3] { display: flex; gap: 20px; }
.ue-stat-card[b-t2r9zkkgy3] {
    background: #fff; padding: 20px; border-radius: 8px; border: 1px solid #e1e4e8;
    flex: 1; text-align: center; transition: transform 0.2s, box-shadow 0.2s;
}
.ue-stat-card:hover[b-t2r9zkkgy3] { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(111, 66, 193, 0.15); }
.ue-stat-num[b-t2r9zkkgy3] { font-size: 32px; font-weight: bold; color: #6f42c1; margin-bottom: 5px; }
.ue-stat-label[b-t2r9zkkgy3] { font-size: 14px; color: #666; }

/* ── Body / add section ── */
.ue-body[b-t2r9zkkgy3] {
    background: #fff; padding: 20px;
    border-radius: 0 0 8px 8px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.ue-add-section[b-t2r9zkkgy3] {
    background: #fff; padding: 20px; border-radius: 8px; margin-bottom: 20px; border: 1px solid #e1e4e8;
}
.ue-add-section h3[b-t2r9zkkgy3] {
    margin: 0 0 15px 0; font-size: 16px; color: #330033; display: flex; align-items: center; gap: 8px;
}
.ue-add-section h3 svg[b-t2r9zkkgy3] { width: 18px; height: 18px; }
.ue-input-group[b-t2r9zkkgy3] { display: flex; gap: 10px; align-items: flex-start; max-width: 600px; }
.ue-input-wrap[b-t2r9zkkgy3] { flex: 1; }
.ue-input-group input[type="text"][b-t2r9zkkgy3] {
    width: 100%; padding: 10px 15px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; box-sizing: border-box;
}
.ue-input-group input[type="text"]:focus[b-t2r9zkkgy3] {
    outline: none; border-color: #6f42c1; box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.1);
}
.ue-error-text[b-t2r9zkkgy3] { color: #dc3545; font-size: 13px; margin-top: 5px; display: block; }

.ue-btn-primary[b-t2r9zkkgy3] {
    background: #330033; color: #fff; border: none; padding: 10px 20px; border-radius: 6px;
    cursor: pointer; font-size: 14px; font-weight: 500; white-space: nowrap; transition: background 0.2s;
}
.ue-btn-primary:hover:not(:disabled)[b-t2r9zkkgy3] { background: #4a004a; }
.ue-btn-primary:disabled[b-t2r9zkkgy3] { opacity: 0.6; cursor: not-allowed; }
.ue-btn-grey[b-t2r9zkkgy3] {
    background: #6c757d; color: #fff; border: none; padding: 10px 20px; border-radius: 6px; cursor: pointer; font-size: 14px;
}
.ue-btn-grey:hover[b-t2r9zkkgy3] { background: #5a6268; }

/* ── Grid ── */
.ue-grid-wrap[b-t2r9zkkgy3] { overflow-x: auto; }
.ue-grid[b-t2r9zkkgy3] {
    border-collapse: separate; border-spacing: 0; width: 100%; background: #fff;
    border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.ue-grid th[b-t2r9zkkgy3] {
    background: #330033; color: #fff; padding: 14px 12px; text-align: left;
    font-weight: 600; font-size: 14px; white-space: nowrap;
}
.ue-grid td[b-t2r9zkkgy3] {
    padding: 12px; border-bottom: 1px solid #e1e4e8; font-size: 14px; vertical-align: middle;
}
.ue-grid tbody tr:hover td[b-t2r9zkkgy3] { background: #f8f9fa; }
.ue-grid tbody tr:last-child td[b-t2r9zkkgy3] { border-bottom: none; }

.ue-sortable[b-t2r9zkkgy3] { cursor: pointer; user-select: none; }
.ue-sortable:hover[b-t2r9zkkgy3] { color: #e0c1ff; }
.ue-arrow[b-t2r9zkkgy3] { font-size: 10px; }
.ue-center[b-t2r9zkkgy3] { text-align: center; }
.ue-right[b-t2r9zkkgy3] { text-align: right; }

.ue-col-no[b-t2r9zkkgy3] {
    width: 40px; min-width: 40px; text-align: center;
    padding-left: 4px !important; padding-right: 4px !important;
    font-weight: 600; color: #666;
}

.ue-evt-link[b-t2r9zkkgy3] { color: #6f42c1; text-decoration: none; }
.ue-evt-link:hover[b-t2r9zkkgy3] { text-decoration: underline; }

/* Gender badge */
.ue-gender-badge[b-t2r9zkkgy3] { padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 500; display: inline-block; }
.ue-gender-male[b-t2r9zkkgy3] { background: #cfe2ff; color: #084298; }
.ue-gender-female[b-t2r9zkkgy3] { background: #f8d7da; color: #842029; }

/* Suppressed badge */
.ue-suppressed-badge[b-t2r9zkkgy3] {
    background: #fff3cd; color: #856404; padding: 4px 10px; border-radius: 12px; font-size: 13px;
    font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 4px;
    text-decoration: none; transition: all 0.2s;
}
.ue-suppressed-badge:hover[b-t2r9zkkgy3] { background: #ffc107; color: #000; transform: scale(1.05); }
.ue-suppressed-badge svg[b-t2r9zkkgy3] { width: 14px; height: 14px; }
.ue-suppressed-zero[b-t2r9zkkgy3] { background: #e9ecef; color: #6c757d; cursor: default; }
.ue-suppressed-zero:hover[b-t2r9zkkgy3] { background: #e9ecef; color: #6c757d; transform: none; }

/* Action buttons */
.ue-action-btn[b-t2r9zkkgy3] {
    padding: 6px 12px; border: none; border-radius: 4px; font-size: 13px; cursor: pointer;
    font-weight: 500; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; transition: all 0.2s;
}
.ue-action-btn svg[b-t2r9zkkgy3] { width: 14px; height: 14px; }
.ue-action-danger[b-t2r9zkkgy3] { background: #dc3545; color: #fff; }
.ue-action-danger:hover[b-t2r9zkkgy3] { background: #c82333; transform: translateY(-1px); }
.ue-action-info[b-t2r9zkkgy3] { background: #6f42c1; color: #fff; }
.ue-action-info:hover[b-t2r9zkkgy3] { background: #5a32a3; transform: translateY(-1px); }

.ue-empty[b-t2r9zkkgy3] { text-align: center; padding: 30px; color: #888; }

/* ── Pager ── */
.ue-pager[b-t2r9zkkgy3] {
    display: flex; align-items: center; justify-content: space-between; padding: 15px 5px 0 5px;
    font-size: 14px; color: #555; flex-wrap: wrap; gap: 10px;
}
.ue-pager-btns[b-t2r9zkkgy3] { display: flex; gap: 6px; }
.ue-pager-btns button[b-t2r9zkkgy3] {
    padding: 6px 12px; border: 1px solid #ddd; border-radius: 4px; background: #fff; color: #330033;
    cursor: pointer; font-size: 14px; transition: all 0.2s;
}
.ue-pager-btns button:hover:not(:disabled):not(.active)[b-t2r9zkkgy3] { background: #6f42c1; color: #fff; border-color: #6f42c1; }
.ue-pager-btns button.active[b-t2r9zkkgy3] { background: #6f42c1; color: #fff; border-color: #6f42c1; font-weight: 600; }
.ue-pager-btns button:disabled[b-t2r9zkkgy3] { opacity: 0.4; cursor: default; }

/* ── Modals ── */
.ue-modal-overlay[b-t2r9zkkgy3] {
    position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 10000;
    display: flex; align-items: flex-start; justify-content: center; padding: 20px; overflow: auto;
}
.ue-modal-top[b-t2r9zkkgy3] { z-index: 10010; }

.ue-modal[b-t2r9zkkgy3] {
    background: #fff; border-radius: 12px; width: 800px; max-width: 95%; margin: 30px auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); max-height: 90vh; display: flex; flex-direction: column;
}
.ue-modal-wide[b-t2r9zkkgy3] { width: 900px; }

.ue-modal-head[b-t2r9zkkgy3] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%); color: #fff; padding: 18px 24px;
    border-radius: 12px 12px 0 0; display: flex; justify-content: space-between; align-items: center;
}
.ue-modal-head h3[b-t2r9zkkgy3] { margin: 0; font-size: 20px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.ue-modal-head h3 svg[b-t2r9zkkgy3] { width: 20px; height: 20px; }
.ue-modal-close[b-t2r9zkkgy3] {
    color: #fff; font-size: 28px; font-weight: bold; cursor: pointer; opacity: 0.85;
    background: none; border: none; line-height: 1;
}
.ue-modal-close:hover[b-t2r9zkkgy3] { opacity: 1; }

.ue-modal-body[b-t2r9zkkgy3] { padding: 24px; overflow-y: auto; flex: 1; }
.ue-modal-foot[b-t2r9zkkgy3] {
    padding: 14px 24px; border-top: 1px solid #dee2e6; text-align: right; background: #f8f9fa; border-radius: 0 0 12px 12px;
}
.ue-modal-empty[b-t2r9zkkgy3] { text-align: center; padding: 40px; color: #666; }

/* Suppressed rows */
.ue-supp-row[b-t2r9zkkgy3] {
    background: #f9f4ff; padding: 15px; border-radius: 6px; margin-bottom: 10px; border-left: 3px solid #6f42c1;
    display: flex; justify-content: space-between; align-items: center; gap: 12px;
}
.ue-supp-info[b-t2r9zkkgy3] { flex: 1; }
.ue-supp-date[b-t2r9zkkgy3] { font-size: 14px; color: #666; margin-bottom: 5px; display: flex; align-items: center; gap: 6px; }
.ue-supp-date svg[b-t2r9zkkgy3], .ue-supp-page svg[b-t2r9zkkgy3] { width: 14px; height: 14px; }
.ue-supp-page[b-t2r9zkkgy3] { font-size: 13px; color: #6f42c1; font-weight: 600; margin-bottom: 5px; display: flex; align-items: center; gap: 6px; }
.ue-supp-subject[b-t2r9zkkgy3] { font-size: 13px; color: #333; }

/* Message view */
.ue-msg-body[b-t2r9zkkgy3] { background: #f8f9fa; }
.ue-msg-subject[b-t2r9zkkgy3] { margin-bottom: 15px; padding: 10px; background: #fff; border-radius: 6px; }
.ue-msg-frame[b-t2r9zkkgy3] {
    width: 100%; min-height: 320px; border: 1px solid #dee2e6; border-radius: 8px; background: #fff;
}

/* Confirm box */
.ue-confirm-box[b-t2r9zkkgy3] {
    background: #fff; border-radius: 10px; padding: 24px 28px; max-width: 420px; width: 90%;
    margin: auto; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); text-align: center;
}
.ue-confirm-box p[b-t2r9zkkgy3] { margin: 0 0 18px 0; font-size: 15px; color: #333; }
.ue-confirm-actions[b-t2r9zkkgy3] { display: flex; justify-content: center; gap: 12px; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .ue-stats[b-t2r9zkkgy3] { flex-wrap: wrap; }
    .ue-stat-card[b-t2r9zkkgy3] { min-width: 140px; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/UserInformationEvents.cshtml.rz.scp.css */
/* ============================================================
   User Information Events — Scoped CSS
   (replicates the legacy jQuery DataTables purple theme +
    imagePopUp.css zoom modal)
   ============================================================ */

.uie-page[b-kheetcp3tw] {
    width: 100%;
}

.uie-header[b-kheetcp3tw] {
    padding: 4px 0 12px 0;
}

/* Legacy lblEventInformation: Font-Size Large, underlined */
.uie-title[b-kheetcp3tw] {
    font-size: 1.25rem;
    text-decoration: underline;
}

.uie-error[b-kheetcp3tw] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* ── Toolbar (legacy .dataTables_wrapper .ui-widget-header: #c993ff) ── */
.uie-toolbar[b-kheetcp3tw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    background: #c993ff;
    padding: 8px 10px;
    border-radius: 6px 6px 0 0;
    font-size: 0.85rem;
    color: #330033;
}

.uie-length select[b-kheetcp3tw] {
    padding: 3px 6px;
    border: 1px solid #a86fe0;
    border-radius: 4px;
    background: #fff;
    color: #330033;
}

.uie-search input[b-kheetcp3tw] {
    padding: 4px 8px;
    border: 1px solid #a86fe0;
    border-radius: 4px;
    min-width: 180px;
}

/* ── Grid ── */
.uie-table-wrap[b-kheetcp3tw] {
    overflow-x: auto;
    background: #fff;
    border: 1px solid #e3d5f5;
}

.uie-table[b-kheetcp3tw] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
    white-space: nowrap;
}

.uie-table th[b-kheetcp3tw] {
    background: #c993ff;
    color: #330033;
    text-align: left;
    padding: 7px 10px;
    font-weight: 600;
    border-bottom: 2px solid #a86fe0;
    user-select: none;
}

.uie-sortable[b-kheetcp3tw] {
    cursor: pointer;
}

    .uie-sortable:hover[b-kheetcp3tw] {
        background: #ba7ef7;
    }

.uie-arrow[b-kheetcp3tw] {
    font-size: 0.65rem;
}

.uie-table td[b-kheetcp3tw] {
    padding: 6px 10px;
    border-bottom: 1px solid #eee3fb;
    text-align: left;
    vertical-align: middle;
}

/* Legacy DataTables stripes: odd #f5ecff / even #ffffff
   (canceled/waiting rows carry an inline background that overrides these) */
.uie-row-odd[b-kheetcp3tw] {
    background-color: #f5ecff;
}

.uie-row-even[b-kheetcp3tw] {
    background-color: #ffffff;
}

.uie-thumb[b-kheetcp3tw] {
    cursor: pointer;
    border-radius: 5px;
    transition: 0.3s;
    max-height: 80px;
}

    .uie-thumb:hover[b-kheetcp3tw] {
        opacity: 0.7;
    }

.uie-empty[b-kheetcp3tw] {
    text-align: center;
    padding: 16px;
    color: #666;
}

/* ── Footer: info + pager ── */
.uie-footer[b-kheetcp3tw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    background: #c993ff;
    padding: 8px 10px;
    border-radius: 0 0 6px 6px;
    font-size: 0.82rem;
    color: #330033;
}

.uie-pager[b-kheetcp3tw] {
    display: flex;
    align-items: center;
    gap: 6px;
}

    .uie-pager button[b-kheetcp3tw] {
        padding: 4px 10px;
        border: 1px solid #a86fe0;
        border-radius: 4px;
        background: #fff;
        color: #330033;
        cursor: pointer;
        font-size: 0.78rem;
    }

        .uie-pager button:hover:not(:disabled)[b-kheetcp3tw] {
            background: #f5ecff;
        }

        .uie-pager button:disabled[b-kheetcp3tw] {
            opacity: 0.45;
            cursor: not-allowed;
        }

.uie-pageno[b-kheetcp3tw] {
    padding: 0 4px;
}

/* ── Image zoom modal (legacy CSS/imagePopUp.css) ── */
.uie-modal[b-kheetcp3tw] {
    position: fixed;
    z-index: 100000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
}

.uie-modal-img[b-kheetcp3tw] {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    animation: uie-zoom-b-kheetcp3tw 0.6s;
}

.uie-modal-caption[b-kheetcp3tw] {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
    animation: uie-zoom-b-kheetcp3tw 0.6s;
}

@keyframes uie-zoom-b-kheetcp3tw {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

.uie-modal-close[b-kheetcp3tw] {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
}

    .uie-modal-close:hover[b-kheetcp3tw],
    .uie-modal-close:focus[b-kheetcp3tw] {
        color: #bbb;
        text-decoration: none;
    }
/* _content/NYMinuteDating-Net8/Pages/Admin/UserInformationSearch.cshtml.rz.scp.css */
/* ============================================================
   User Information Search — Scoped CSS
   ============================================================ */

.page-header[b-uw474sxpvg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a044e 0%, #330033 55%, #1f011f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-uw474sxpvg] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-uw474sxpvg] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-uw474sxpvg] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-uw474sxpvg] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.header-right[b-uw474sxpvg] { display: flex; align-items: center; gap: 14px; }

.badge[b-uw474sxpvg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 12px;
    background: rgba(255,255,255,0.2);
    color: #fff;
}

/* Filter form */
.filter-panel[b-uw474sxpvg] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    padding: 22px 24px;
    margin-bottom: 18px;
}
.form-grid[b-uw474sxpvg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 28px;
}
.field[b-uw474sxpvg] { display: flex; flex-direction: column; gap: 5px; }
.field.wide[b-uw474sxpvg] { grid-column: span 2; }
.field label[b-uw474sxpvg] {
    font-weight: 600;
    color: #444;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.field input[type="text"][b-uw474sxpvg],
.field select[b-uw474sxpvg] {
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.85rem;
    background: #fff;
    max-width: 100%;
}
.field input[type="text"]:focus[b-uw474sxpvg],
.field select:focus[b-uw474sxpvg] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.12); }

.inline[b-uw474sxpvg] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.inline select[b-uw474sxpvg] { flex: 0 1 auto; }
.mini[b-uw474sxpvg] { font-size: 0.8rem; color: #666; font-weight: 600; }

.radios[b-uw474sxpvg] { display: flex; gap: 16px; align-items: center; padding-top: 4px; }
.radios label[b-uw474sxpvg] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.85rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: #333;
    cursor: pointer;
}
.radios input[type="radio"][b-uw474sxpvg] { accent-color: #330033; }

.form-actions[b-uw474sxpvg] {
    display: flex;
    gap: 12px;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #f0f0f0;
}
.btn-search[b-uw474sxpvg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 20px;
    background: #330033;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}
.btn-search:hover[b-uw474sxpvg] { background: #4a044e; }
.btn-search:disabled[b-uw474sxpvg] { opacity: 0.5; cursor: not-allowed; }
.btn-clear[b-uw474sxpvg] {
    padding: 9px 18px;
    background: #fff;
    color: #555;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 500;
    cursor: pointer;
}
.btn-clear:hover[b-uw474sxpvg] { background: #f9fafb; border-color: #999; }

/* Status */
.error-banner[b-uw474sxpvg] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}
.loading-overlay[b-uw474sxpvg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.spinner[b-uw474sxpvg] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #330033;
    border-radius: 50%;
    animation: spin-b-uw474sxpvg 0.7s linear infinite;
}
@keyframes spin-b-uw474sxpvg { to { transform: rotate(360deg); } }

/* Results table */
.table-panel[b-uw474sxpvg] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.table-wrap[b-uw474sxpvg] { overflow-x: auto; }
.uis-table[b-uw474sxpvg] { width: 100%; border-collapse: collapse; font-size: 0.8rem; white-space: nowrap; }
.uis-table th[b-uw474sxpvg] {
    text-align: left;
    padding: 9px 12px;
    background: #330033;
    font-weight: 600;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #fff;
    position: sticky;
    top: 0;
}
.uis-table th.sortable[b-uw474sxpvg] { cursor: pointer; }
.uis-table th.sortable:hover[b-uw474sxpvg] { background: #4a044e; }
.uis-table td[b-uw474sxpvg] {
    padding: 8px 12px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    vertical-align: middle;
}
.uis-table tbody tr:nth-child(even) td[b-uw474sxpvg] { background: #f7f0fb; }
.uis-table tbody tr:hover td[b-uw474sxpvg] { background: #efe1f7; }
.uis-table a[b-uw474sxpvg] { color: #330033; text-decoration: none; }
.uis-table a:hover[b-uw474sxpvg] { text-decoration: underline; }

.col-num[b-uw474sxpvg] { width: 44px; text-align: center; color: #999; }
.empty-cell[b-uw474sxpvg] { text-align: center; font-weight: 700; color: #444; padding: 22px !important; white-space: normal; }

.gender-badge[b-uw474sxpvg] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 600;
}
.gender-m[b-uw474sxpvg] { background: #dbeafe; color: #1d4ed8; }
.gender-f[b-uw474sxpvg] { background: #fce7f3; color: #be185d; }

@media (max-width: 900px) {
    .form-grid[b-uw474sxpvg] { grid-template-columns: 1fr; }
    .field.wide[b-uw474sxpvg] { grid-column: span 1; }
    .page-header[b-uw474sxpvg] { flex-direction: column; gap: 12px; text-align: center; }
    .header-left[b-uw474sxpvg] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/UserLoginFail.cshtml.rz.scp.css */
.ulf-root[b-drkbmyeja8] {
    --purple:#330033; --purple-2:#5a32a3; --purple-3:#6f42c1;
    --surface:#ffffff; --surface-sub:#faf7ff;
    --line:#ece5ff; --line-strong:#d9d9e8;
    --text:#1f2328; --muted:#6b7280;
    --missing-bg:#e9edf5; --missing-border:#94a3b8; --missing-accent:#6b7280;
    --ribbon-bg:#5a32a3; --ribbon-text:#ffffff; --ribbon-missing:#4b5563;
    font-family:'Segoe UI', Roboto, system-ui, -apple-system, sans-serif;
    max-width:1400px; margin:0 auto; padding:12px;
}
.ulf-root *[b-drkbmyeja8], .ulf-root *[b-drkbmyeja8]::before, .ulf-root *[b-drkbmyeja8]::after { box-sizing:border-box; }

.ulf-root .hero[b-drkbmyeja8] {
    background: var(--purple); color:#fff; padding:22px 28px; border-radius:12px;
    display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.ulf-root .hero h2[b-drkbmyeja8] { margin:0; font-size:1.6rem; font-weight:600; display:flex; align-items:center; gap:10px; }
.ulf-root .hero small[b-drkbmyeja8] { font-size:.92rem; opacity:.92; display:block; margin-top:4px; }
.hero-icon[b-drkbmyeja8] { width:24px; height:24px; }

.ulf-root .panel[b-drkbmyeja8] {
    margin-top:16px; background:var(--surface); border-radius:12px; border:1px solid var(--line);
    box-shadow:0 2px 10px rgba(0,0,0,.05); overflow:hidden;
}

.ulf-root .search[b-drkbmyeja8] { padding:18px 20px; border-bottom:1px solid var(--line); background:#f7f2ff; }
.ulf-root .search label[b-drkbmyeja8] { font-weight:700; color:var(--purple); font-size:.92rem; display:flex; align-items:center; gap:6px; margin-bottom:6px; }
.lbl-icon[b-drkbmyeja8] { width:16px; height:16px; }
.ulf-root .search input[type="text"][b-drkbmyeja8] {
    width:100%; padding:12px 14px; border:2px solid #e5e7eb; border-radius:10px; font-size:1rem;
    transition:.15s border-color,.15s box-shadow; font-family:inherit;
}
.ulf-root .search input[type="text"]:focus[b-drkbmyeja8] { outline:none; border-color:var(--purple-3); box-shadow:0 0 0 3px rgba(111,66,193,.12); }

.ulf-root .controls[b-drkbmyeja8] {
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:12px 20px; border-bottom:1px solid var(--line); background:#fff; flex-wrap:wrap;
}
.ulf-root .tabs[b-drkbmyeja8] { display:flex; }
.seg[b-drkbmyeja8] {
    display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:8px 16px;
    font-weight:800; cursor:pointer; background:#fff; color:var(--purple-2);
    border:1px solid #e3ddff; margin-right:-1px; min-width:150px; font-family:inherit; font-size:.9rem;
}
.seg:first-child[b-drkbmyeja8] { border-top-left-radius:10px; border-bottom-left-radius:10px; }
.seg:last-child[b-drkbmyeja8] { border-top-right-radius:10px; border-bottom-right-radius:10px; }
.seg:hover[b-drkbmyeja8] { background:#faf7ff; }
.seg.active[b-drkbmyeja8] { background:var(--purple); color:#fff; border-color:var(--purple); position:relative; z-index:1; }
.seg-icon[b-drkbmyeja8] { width:15px; height:15px; }
.pagesize[b-drkbmyeja8] { display:flex; align-items:center; gap:10px; font-size:.9rem; color:var(--muted); }
.pagesize select[b-drkbmyeja8] { padding:7px 10px; border:1px solid #e5e7eb; border-radius:8px; background:#fff; }

.grid-wrap[b-drkbmyeja8] { padding:10px; background:var(--surface-sub); }
.state-msg[b-drkbmyeja8] { text-align:center; color:var(--muted); padding:30px; font-style:italic; }

.row-card[b-drkbmyeja8] { position:relative; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 1px 5px rgba(0,0,0,.04); margin:10px 0; }
.row-card--missing[b-drkbmyeja8] { background:var(--missing-bg); border-color:var(--missing-border); box-shadow:none; }
.row-card--missing[b-drkbmyeja8]::before { content:''; position:absolute; left:0; top:0; bottom:0; width:8px; background:var(--missing-accent); border-top-left-radius:12px; border-bottom-left-radius:12px; }

.row-head[b-drkbmyeja8] {
    background:var(--ribbon-bg); color:var(--ribbon-text); padding:12px 16px;
    border-top-left-radius:12px; border-top-right-radius:12px;
    display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center;
}
.row-head--missing[b-drkbmyeja8] { background:var(--ribbon-missing); }
.head-item[b-drkbmyeja8] { display:flex; align-items:center; gap:8px; font-weight:700; font-size:.92rem; background:rgba(255,255,255,.14); padding:6px 10px; border-radius:8px; }
.head-item .label[b-drkbmyeja8] { opacity:.9; font-weight:800; text-transform:uppercase; letter-spacing:.3px; font-size:.78rem; }
.head-item .value[b-drkbmyeja8] { font-weight:800; }
.head-icon[b-drkbmyeja8] { width:15px; height:15px; }

.row-body[b-drkbmyeja8] { display:grid; grid-template-columns:64px 1fr 1fr 1fr 1fr; gap:14px; padding:14px; }
.idx-badge[b-drkbmyeja8] { display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:10px; background:#2a0a2a; color:#fff; font-weight:800; font-size:1rem; }

.section[b-drkbmyeja8] { display:grid; align-content:start; gap:8px; padding-left:14px; position:relative; }
.section[b-drkbmyeja8]:before { content:''; position:absolute; left:0; top:4px; bottom:4px; width:1px; background:var(--line-strong); }
.section--first[b-drkbmyeja8] { padding-left:0; }
.section--first[b-drkbmyeja8]:before { display:none; }

.pair[b-drkbmyeja8] { display:grid; grid-template-columns:150px 1fr; align-items:start; gap:8px; }
.k[b-drkbmyeja8] { font-size:.74rem; text-transform:uppercase; letter-spacing:.35px; color:var(--muted); font-weight:800; }
.v[b-drkbmyeja8] { font-size:.96rem; color:var(--text); font-weight:650; overflow-wrap:break-word; word-break:normal; white-space:normal; }
.v-nowrap[b-drkbmyeja8] { white-space:nowrap; }
.sub[b-drkbmyeja8] { grid-column:2 / span 1; color:var(--muted); font-size:.88rem; margin-top:-4px; }
.copyable[b-drkbmyeja8] { cursor:pointer; text-decoration:underline; text-decoration-style:dotted; }
.copyable:hover[b-drkbmyeja8] { text-decoration-style:solid; }

.pager-flex[b-drkbmyeja8] { display:flex; align-items:center; gap:8px; padding:16px 6px; flex-wrap:wrap; justify-content:center; }
.pager-link[b-drkbmyeja8] {
    display:inline-block; min-width:40px; text-align:center; padding:8px 12px; border-radius:8px;
    border:1px solid #e5e7eb; background:#fff; color:var(--purple); font-weight:700; font-size:.9rem;
    cursor:pointer; font-family:inherit;
}
.pager-link:hover[b-drkbmyeja8] { background:#faf7ff; }
.pager-link:disabled[b-drkbmyeja8] { opacity:.5; pointer-events:none; }
.pager-current[b-drkbmyeja8] { background:var(--purple) !important; color:#fff !important; border-color:var(--purple) !important; }

@media (max-width:900px) {
    .row-body[b-drkbmyeja8] { grid-template-columns:64px 1fr; }
    .pair[b-drkbmyeja8] { grid-template-columns:130px 1fr; }
    .controls[b-drkbmyeja8] { flex-direction:column; align-items:stretch; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/UserLoginLog.cshtml.rz.scp.css */
.ull-root *[b-vbr3y7tts3] { margin: 0; padding: 0; box-sizing: border-box; }
.ull-root[b-vbr3y7tts3] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: #f5f7fa; padding: 20px; color: #2d3748;
}
.ull-container[b-vbr3y7tts3] { max-width: 1400px; margin: 0 auto; }
.ull-root .header[b-vbr3y7tts3] { margin-bottom: 24px; }
.ull-root .header h1[b-vbr3y7tts3] { font-size: 28px; font-weight: 600; color: #1a202c; margin-bottom: 8px; }
.ull-root .header p[b-vbr3y7tts3] { color: #3d2540; font-size: 14px; }

.ull-root .card[b-vbr3y7tts3] {
    background: white; border-radius: 8px; padding: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); margin-bottom: 16px;
}
.ull-root .card-header[b-vbr3y7tts3] {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    margin: -20px -20px 16px -20px; padding: 12px 20px; border-radius: 8px 8px 0 0;
    background: linear-gradient(to right, #f7fafc, white); border-bottom: 2px solid #e2e8f0;
}
.ull-root .card-title[b-vbr3y7tts3] { font-size: 16px; font-weight: 600; color: #1a202c; display: flex; align-items: center; gap: 10px; }
.count-pill[b-vbr3y7tts3] { font-size: 11px; font-weight: 600; color: #330033; background: #faf5ff; border: 1px solid #e9d8fd; border-radius: 999px; padding: 2px 10px; }

/* Settings */
.settings-card[b-vbr3y7tts3] { border-left: 4px solid #330033; }
.settings-row[b-vbr3y7tts3] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 14px; color: #4a5568; }
.months-input[b-vbr3y7tts3] { width: 70px; text-align: center; padding: 7px 8px; border: 2px solid #e2e8f0; border-radius: 6px; font-size: 13px; height: 35px; }
.months-input:focus[b-vbr3y7tts3] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }

/* Search */
.search-card[b-vbr3y7tts3] { border-left: 4px solid #330033; }
.search-grid[b-vbr3y7tts3] { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.form-group[b-vbr3y7tts3] { margin-bottom: 0; }
.form-label[b-vbr3y7tts3] { font-size: 11px; color: #4a5568; font-weight: 600; margin-bottom: 4px; display: block; text-transform: uppercase; letter-spacing: 0.3px; }
.form-control[b-vbr3y7tts3] { padding: 7px 10px; border: 2px solid #e2e8f0; border-radius: 6px; font-size: 13px; font-family: inherit; background: white; height: 35px; width: 220px; }
.form-control:focus[b-vbr3y7tts3] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51,0,51,0.1); }
.search-actions[b-vbr3y7tts3] { display: flex; gap: 8px; }

.btn[b-vbr3y7tts3] { padding: 7px 14px; border: none; border-radius: 6px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s; font-family: inherit; }
.btn-primary[b-vbr3y7tts3] { background: #330033; color: white; }
.btn-primary:hover[b-vbr3y7tts3] { background: #4d004d; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(51,0,51,0.2); }
.btn-primary:disabled[b-vbr3y7tts3] { opacity: 0.6; pointer-events: none; }
.btn-secondary[b-vbr3y7tts3] { background: #e2e8f0; color: #4a5568; }
.btn-secondary:hover[b-vbr3y7tts3] { background: #cbd5e0; }

.pagesize[b-vbr3y7tts3] { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #718096; }
.pagesize select[b-vbr3y7tts3] { padding: 6px 8px; border: 1px solid #e2e8f0; border-radius: 6px; background: white; font-size: 12px; }

/* Table */
.ull-root .data-table[b-vbr3y7tts3] { width: 100%; border-collapse: collapse; font-size: 13px; }
.ull-root .data-table thead[b-vbr3y7tts3] { background: #330033; }
.ull-root .data-table th[b-vbr3y7tts3] {
    padding: 10px 8px; text-align: left; font-weight: 600; color: white;
    font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; white-space: nowrap;
}
.ull-root .data-table td[b-vbr3y7tts3] { padding: 10px 8px; border-bottom: 1px solid #e2e8f0; vertical-align: middle; }
.ull-root .data-table tbody tr:nth-child(even)[b-vbr3y7tts3] { background: #fafbfc; }
.ull-root .data-table tbody tr:hover[b-vbr3y7tts3] { background: #f7fafc; }
.ull-root .data-table tbody tr.row-red[b-vbr3y7tts3] { background: #fde8e8 !important; }
.ull-root .data-table tbody tr.row-red:hover[b-vbr3y7tts3] { background: #fbd5d5 !important; }

.row-num-col[b-vbr3y7tts3] { width: 60px; text-align: center; }
.date-cell[b-vbr3y7tts3] { color: #4a5568; white-space: nowrap; }
.empty-cell[b-vbr3y7tts3] { text-align: center; color: #a0aec0; padding: 30px; font-style: italic; }

.table-wrap[b-vbr3y7tts3] { overflow-x: auto; }

/* Pager */
.pager-flex[b-vbr3y7tts3] { display: flex; align-items: center; gap: 8px; padding: 20px 0 0 0; flex-wrap: wrap; }
.pager-link[b-vbr3y7tts3] {
    display: inline-block; min-width: 44px; text-align: center; padding: 10px 14px;
    border-radius: 6px; border: 1px solid #e2e8f0; background: #f7fafc; color: #330033;
    font-weight: 600; font-size: 14px; line-height: 1.2; cursor: pointer;
    transition: transform .15s, box-shadow .15s, background .15s; font-family: inherit;
}
.pager-link:hover[b-vbr3y7tts3] { background: #e2e8f0; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0,0,0,0.08); }
.pager-link:disabled[b-vbr3y7tts3] { opacity: .5; pointer-events: none; }
.pager-current[b-vbr3y7tts3] { background: #330033 !important; color: #fff !important; border-color: #330033 !important; }

@media (max-width: 768px) {
    .search-grid[b-vbr3y7tts3] { flex-direction: column; align-items: stretch; }
    .form-control[b-vbr3y7tts3] { width: 100%; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/UserMutualMatches.cshtml.rz.scp.css */
/* Scoped styles for the User Mutual Matches report. Ported from the legacy
   UserMutualMatches.aspx inline <style>, namespaced under .umm-root. */

.umm-root[b-dlmpqg2vfj] {
    --umm-primary: #330033;
    --umm-primary-hover: #4a004a;
    --umm-accent: #6f42c1;
    --umm-accent-hover: #5a32a3;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #2d3748;
    padding: 20px;
    background: #f5f7fa;
}
.umm-root *[b-dlmpqg2vfj] { box-sizing: border-box; }

.umm-container[b-dlmpqg2vfj] {
    max-width: 1400px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    overflow: hidden;
}

/* Header */
.umm-page-header[b-dlmpqg2vfj] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: white;
    padding: 25px 30px;
}
.umm-page-header h2[b-dlmpqg2vfj] {
    margin: 0 0 8px 0;
    font-weight: 600;
    font-size: 1.75rem;
    display: flex;
    align-items: center;
    gap: 12px;
}
.umm-page-header p[b-dlmpqg2vfj] { margin: 0; opacity: 0.9; font-size: 0.95rem; }

/* Stats */
.umm-stats-section[b-dlmpqg2vfj] {
    background: #f9f4ff;
    padding: 20px 30px;
    border-bottom: 2px solid #c993ff;
}
.umm-stats-container[b-dlmpqg2vfj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}
.umm-stat-card[b-dlmpqg2vfj] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    border-left: 4px solid #6f42c1;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform 0.2s, box-shadow 0.2s;
}
.umm-stat-card:hover[b-dlmpqg2vfj] {
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(111, 66, 193, 0.2);
}
.umm-stat-number[b-dlmpqg2vfj] { font-size: 2rem; font-weight: bold; color: #6f42c1; margin-bottom: 5px; }
.umm-stat-label[b-dlmpqg2vfj] { font-size: 0.9rem; color: #666; text-transform: uppercase; letter-spacing: 0.5px; }

/* Search */
.umm-search-section[b-dlmpqg2vfj] {
    padding: 30px;
    background: white;
    border-bottom: 1px solid #e1e4e8;
}
.umm-search-box[b-dlmpqg2vfj] {
    display: flex;
    gap: 15px;
    align-items: flex-end;
    max-width: 900px;
}
.umm-search-group[b-dlmpqg2vfj] { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.umm-search-group label[b-dlmpqg2vfj] {
    font-weight: 600;
    color: #330033;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 6px;
}
.umm-search-group input[type="text"][b-dlmpqg2vfj] {
    padding: 12px 15px;
    border: 2px solid #e1e4e8;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.2s, box-shadow 0.2s;
    font-family: inherit;
}
.umm-search-group input[type="text"]:focus[b-dlmpqg2vfj] {
    outline: none;
    border-color: #6f42c1;
    box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.1);
}

/* Buttons */
.umm-btn[b-dlmpqg2vfj] {
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
}
.umm-btn-primary[b-dlmpqg2vfj] { background: #330033; color: white; }
.umm-btn-primary:hover[b-dlmpqg2vfj] {
    background: #4a004a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(51, 0, 51, 0.3);
}
.umm-btn-secondary[b-dlmpqg2vfj] { background: #6c757d; color: white; }
.umm-btn-secondary:hover[b-dlmpqg2vfj] { background: #5a6268; }

/* Results */
.umm-results-section[b-dlmpqg2vfj] { padding: 30px; }

/* User (picker) card */
.umm-user-card[b-dlmpqg2vfj] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin-bottom: 25px;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
}
.umm-user-card:hover[b-dlmpqg2vfj] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}
.umm-user-header[b-dlmpqg2vfj] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
    color: white;
    padding: 20px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.umm-user-info[b-dlmpqg2vfj] { display: flex; align-items: center; gap: 15px; min-width: 0; }
.umm-user-seq[b-dlmpqg2vfj] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.95rem;
}
.umm-user-info h3[b-dlmpqg2vfj] {
    margin: 0 0 5px 0;
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}
.umm-user-info p[b-dlmpqg2vfj] { margin: 0; opacity: 0.9; font-size: 0.9rem; display: flex; align-items: center; gap: 6px; }

.umm-user-stats[b-dlmpqg2vfj] { display: flex; gap: 25px; text-align: right; flex-shrink: 0; }
.umm-user-stat-item[b-dlmpqg2vfj] { display: flex; flex-direction: column; }
.umm-user-stat-number[b-dlmpqg2vfj] { font-size: 1.8rem; font-weight: bold; line-height: 1; }
.umm-user-stat-label[b-dlmpqg2vfj] {
    font-size: 0.75rem;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 4px;
}

/* Event card */
.umm-event-card[b-dlmpqg2vfj] { background: #f9f4ff; padding: 25px; border-bottom: 1px solid #e1e4e8; }
.umm-event-card:last-child[b-dlmpqg2vfj] { border-bottom: none; }
.umm-event-header[b-dlmpqg2vfj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #c993ff;
}
.umm-event-title[b-dlmpqg2vfj] { display: flex; flex-direction: column; gap: 5px; }
.umm-event-title h4[b-dlmpqg2vfj] { margin: 0; color: #330033; font-size: 1.2rem; font-weight: 600; }
.umm-event-meta[b-dlmpqg2vfj] { display: flex; gap: 20px; color: #666; font-size: 0.9rem; }
.umm-event-meta-item[b-dlmpqg2vfj] { display: flex; align-items: center; gap: 6px; }
.umm-event-id-link[b-dlmpqg2vfj] { color: #6f42c1; font-weight: 600; text-decoration: underline; }

/* Match list */
.umm-match-list[b-dlmpqg2vfj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 15px;
    margin-top: 15px;
}
.umm-match-item[b-dlmpqg2vfj] {
    background: white;
    padding: 15px;
    border-radius: 8px;
    border-left: 3px solid #6f42c1;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 12px;
}
.umm-match-item:hover[b-dlmpqg2vfj] { transform: translateX(5px); box-shadow: 0 2px 8px rgba(111, 66, 193, 0.2); }
.umm-match-icon[b-dlmpqg2vfj] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}
.umm-match-info[b-dlmpqg2vfj] { flex: 1; min-width: 0; }
.umm-match-name[b-dlmpqg2vfj] { font-weight: 600; color: #330033; font-size: 0.95rem; margin-bottom: 3px; }
.umm-match-email[b-dlmpqg2vfj] { color: #666; font-size: 0.85rem; font-style: italic; word-break: break-all; line-height: 1.4; }

/* Copy-to-clipboard email links */
.umm-copy[b-dlmpqg2vfj] { color: inherit; text-decoration: none; cursor: pointer; border-bottom: 1px dotted currentColor; }
.umm-copy:hover[b-dlmpqg2vfj] { opacity: 0.85; }

/* Empty + loading states */
.umm-empty-state[b-dlmpqg2vfj] { text-align: center; padding: 80px 20px; color: #6c757d; }
.umm-empty-state h3[b-dlmpqg2vfj] { margin: 20px 0 10px 0; color: #495057; font-size: 1.5rem; }
.umm-empty-state p[b-dlmpqg2vfj] { margin: 0; font-size: 1rem; }

.umm-loading[b-dlmpqg2vfj] { text-align: center; padding: 40px; color: #6c757d; }
.umm-spinner-wrap[b-dlmpqg2vfj] { display: inline-flex; animation: umm-spin-b-dlmpqg2vfj 1s linear infinite; }
.umm-loading p[b-dlmpqg2vfj] { margin-top: 10px; }
@keyframes umm-spin-b-dlmpqg2vfj { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Responsive */
@media (max-width: 768px) {
    .umm-user-header[b-dlmpqg2vfj] { flex-direction: column; align-items: flex-start; gap: 15px; }
    .umm-user-stats[b-dlmpqg2vfj] { width: 100%; justify-content: space-around; text-align: center; }
    .umm-event-header[b-dlmpqg2vfj] { flex-direction: column; align-items: flex-start; gap: 10px; }
    .umm-match-list[b-dlmpqg2vfj] { grid-template-columns: 1fr; }
    .umm-stats-container[b-dlmpqg2vfj] { grid-template-columns: repeat(2, 1fr); }
    .umm-search-box[b-dlmpqg2vfj] { flex-direction: column; align-items: stretch; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/UserPasswordChange.cshtml.rz.scp.css */
.upc-root *[b-wazi1e14lu] { margin: 0; padding: 0; box-sizing: border-box; }
.upc-root[b-wazi1e14lu] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: #f5f7fa; padding: 20px; color: #2d3748;
}
.upc-container[b-wazi1e14lu] { max-width: 1400px; margin: 0 auto; }
.upc-root .header[b-wazi1e14lu] { margin-bottom: 30px; }
.upc-root .header h1[b-wazi1e14lu] { font-size: 28px; font-weight: 600; color: #1a202c; margin-bottom: 8px; }
.upc-root .header p[b-wazi1e14lu] { color: #3d2540; font-size: 14px; }

.upc-root .card[b-wazi1e14lu] {
    background: white; border-radius: 8px; padding: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); margin-bottom: 16px;
}
.upc-root .card-header[b-wazi1e14lu] {
    margin-bottom: 16px; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px;
    background: linear-gradient(to right, #f7fafc, white);
    margin: -20px -20px 16px -20px; padding: 12px 20px; border-radius: 8px 8px 0 0;
}
.upc-root .card-title[b-wazi1e14lu] { font-size: 16px; font-weight: 600; color: #1a202c; }

/* ── Toolbar ── */
.toolbar-card[b-wazi1e14lu] { border-left: 4px solid #cbd5e0; transition: border-color 0.3s; }
.toolbar-card.toolbar-active[b-wazi1e14lu] { border-left-color: #330033; }
.toolbar-content[b-wazi1e14lu] { display: flex; flex-direction: column; gap: 12px; }
.toolbar-info[b-wazi1e14lu] { font-size: 14px; color: #4a5568; }
.toolbar-info .selected-user[b-wazi1e14lu] { color: #330033; }
.toolbar-info .no-selection[b-wazi1e14lu] { color: #a0aec0; font-style: italic; }
.toolbar-form[b-wazi1e14lu] { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }

.form-label[b-wazi1e14lu] {
    font-size: 11px; color: #4a5568; font-weight: 600; margin-bottom: 4px;
    display: block; text-transform: uppercase; letter-spacing: 0.3px; line-height: 1.2;
}

.form-control[b-wazi1e14lu] {
    padding: 7px 10px; border: 2px solid #e2e8f0; border-radius: 6px;
    font-size: 13px; font-family: inherit; transition: all 0.2s;
    background: white; height: 35px; box-sizing: border-box;
}
.form-control:focus[b-wazi1e14lu] { outline: none; border-color: #330033; box-shadow: 0 0 0 3px rgba(51, 0, 51, 0.1); }
.form-control:disabled[b-wazi1e14lu] { background: #edf2f7; cursor: not-allowed; }
.password-input[b-wazi1e14lu] { width: 280px; }

.btn[b-wazi1e14lu] { padding: 7px 14px; border: none; border-radius: 6px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s; font-family: inherit; }
.btn-primary[b-wazi1e14lu] { background: #330033; color: white; }
.btn-primary:hover[b-wazi1e14lu] { background: #4d004d; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(51, 0, 51, 0.2); }
.btn-primary:disabled[b-wazi1e14lu] { opacity: 0.6; pointer-events: none; }
.btn-secondary[b-wazi1e14lu] { background: #e2e8f0; color: #4a5568; }
.btn-secondary:hover[b-wazi1e14lu] { background: #cbd5e0; }
.btn-secondary:disabled[b-wazi1e14lu] { opacity: 0.6; pointer-events: none; }

/* ── Search ── */
.search-section[b-wazi1e14lu] {
    background: white; border-radius: 8px; padding: 14px 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); margin-bottom: 16px; border-left: 4px solid #330033;
}
.search-controls[b-wazi1e14lu] { display: flex; gap: 10px; align-items: flex-end; }
.search-controls .form-group[b-wazi1e14lu] { margin-bottom: 0; }
.search-controls .form-control[b-wazi1e14lu] { width: 280px; }
.search-results-count[b-wazi1e14lu] { margin-top: 10px; font-weight: 600; color: #330033; font-size: 12px; }

/* ── Table ── */
.upc-root .data-table[b-wazi1e14lu] { width: 100%; border-collapse: collapse; font-size: 13px; }
.upc-root .data-table thead[b-wazi1e14lu] { background: #330033; }
.upc-root .data-table th[b-wazi1e14lu] {
    padding: 10px 8px; text-align: left; font-weight: 600; color: white;
    border-bottom: 2px solid #330033; font-size: 11px; text-transform: uppercase;
    letter-spacing: 0.3px; white-space: nowrap;
}
.upc-root .data-table td[b-wazi1e14lu] { padding: 10px 8px; border-bottom: 1px solid #e2e8f0; vertical-align: middle; }
.upc-root .data-table tbody tr:hover[b-wazi1e14lu] { background: #f7fafc; }
.upc-root .data-table tbody tr:nth-child(even)[b-wazi1e14lu] { background: #fafbfc; }
.upc-root .data-table tbody tr:nth-child(even):hover[b-wazi1e14lu] { background: #f1f5f9; }
.upc-root .data-table tbody tr.selected-row[b-wazi1e14lu] { background: #faf5ff !important; border-left: 3px solid #330033; }

.row-num-col[b-wazi1e14lu] { width: 60px; text-align: center; }
.date-cell[b-wazi1e14lu] { color: #4a5568; font-size: 13px; white-space: nowrap; }

.password-link[b-wazi1e14lu] {
    color: #330033; text-decoration: none; font-weight: 600; font-size: 12px;
    padding: 3px 8px; border-radius: 4px; background: #faf5ff; border: 1px solid #e9d8fd;
    display: inline-block; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    transition: background 0.2s;
}
.password-link:hover[b-wazi1e14lu] { background: #e9d8fd; text-decoration: underline; }

.message-box[b-wazi1e14lu] { padding: 12px 16px; border-radius: 8px; margin-bottom: 16px; font-size: 14px; }
.message-box.success[b-wazi1e14lu] { background: #d1fae5; color: #065f46; border-left: 4px solid #10b981; }
.message-box.error[b-wazi1e14lu] { background: #fee2e2; color: #991b1b; border-left: 4px solid #ef4444; }

/* ── Pager ── */
.pager-flex[b-wazi1e14lu] {
    display: flex; align-items: center; gap: 8px; padding: 20px;
    background: #fff; border-top: 2px solid #e2e8f0;
}
.pager-link[b-wazi1e14lu] {
    display: inline-block; min-width: 44px; text-align: center;
    padding: 10px 14px; border-radius: 6px; border: 1px solid #e2e8f0;
    background: #f7fafc; color: #330033; text-decoration: none;
    font-weight: 600; font-size: 14px; line-height: 1.2; cursor: pointer;
    transition: transform .15s, box-shadow .15s, background .15s;
    font-family: inherit;
}
.pager-link:hover[b-wazi1e14lu] { background: #e2e8f0; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0,0,0,0.08); }
.pager-link:disabled[b-wazi1e14lu] { opacity: .5; pointer-events: none; }
.pager-current[b-wazi1e14lu] { background: #330033 !important; color: #fff !important; border-color: #330033 !important; box-shadow: 0 2px 4px rgba(51,0,51,0.2); }

.table-wrap[b-wazi1e14lu] { overflow-x: auto; }

@media (max-width: 768px) {
    .toolbar-form[b-wazi1e14lu] { flex-direction: column; align-items: stretch; }
    .password-input[b-wazi1e14lu] { width: 100%; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/UserPictures.cshtml.rz.scp.css */
.up-page[b-bi17oxudw6] { font-size: 13px; color: #222; }
.up-title[b-bi17oxudw6] { color: #330033; margin: 0 0 12px; }

/* Toolbar: search + stats */
.up-toolbar[b-bi17oxudw6] { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; justify-content: space-between; }
.up-search[b-bi17oxudw6] { display: flex; flex-direction: column; gap: 8px; }
.up-field[b-bi17oxudw6] { display: flex; align-items: center; gap: 8px; }
.up-field label[b-bi17oxudw6] { width: 70px; }
.up-field input[type="text"][b-bi17oxudw6] { width: 225px; padding: 4px 6px; border: 1px solid #ccc; border-radius: 3px; }

.up-btn[b-bi17oxudw6] {
    background: #330033; color: #fff; border: none; border-radius: 4px;
    padding: 6px 14px; cursor: pointer; font-size: 13px;
}
.up-btn:disabled[b-bi17oxudw6] { opacity: .6; cursor: default; }
.up-btn-primary[b-bi17oxudw6] { background: #660032; }

.up-stats[b-bi17oxudw6] { min-width: 320px; }
.up-stats-title[b-bi17oxudw6] { background: #660032; color: #fff; text-align: center; font-weight: bold; padding: 6px; }
.up-stats-table[b-bi17oxudw6] { width: 100%; border-collapse: collapse; }
.up-stats-table th[b-bi17oxudw6] { background: #330033; color: #fff; padding: 10px; font-weight: bold; }
.up-stats-table td[b-bi17oxudw6] { background: #F5ECFF; text-align: center; padding: 12px; }

/* Filters */
.up-filters[b-bi17oxudw6] { margin: 14px 0; display: flex; flex-wrap: wrap; gap: 16px; }
.up-filters label[b-bi17oxudw6] { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; }

.up-viewbar[b-bi17oxudw6] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 8px; }
.up-view[b-bi17oxudw6] { display: flex; align-items: center; gap: 12px; }
.up-view label[b-bi17oxudw6] { display: inline-flex; align-items: center; gap: 4px; }
.up-view select[b-bi17oxudw6] { padding: 4px; border: 1px solid #ccc; border-radius: 3px; }
.up-template-link[b-bi17oxudw6] { color: #330033; text-decoration: underline; }

/* Alerts / loading */
.up-alert[b-bi17oxudw6] { padding: 14px 18px; color: #fff; margin: 12px 0; position: relative; border-radius: 4px; }
.up-alert-danger[b-bi17oxudw6] { background: #f44336; }
.up-closebtn[b-bi17oxudw6] { float: right; font-weight: bold; font-size: 20px; line-height: 16px; cursor: pointer; margin-left: 15px; }
.up-loading[b-bi17oxudw6] { display: flex; align-items: center; gap: 10px; padding: 20px; color: #330033; }
.up-spinner[b-bi17oxudw6] { width: 22px; height: 22px; border: 3px solid #e0cfe6; border-top-color: #330033; border-radius: 50%; animation: up-spin-b-bi17oxudw6 1s linear infinite; }
@keyframes up-spin-b-bi17oxudw6 { to { transform: rotate(360deg); } }
.up-empty[b-bi17oxudw6] { padding: 24px; text-align: center; color: #666; }

/* Vertical cards */
.up-vertical[b-bi17oxudw6] { display: flex; flex-direction: column; gap: 2px; }
.up-card[b-bi17oxudw6] { display: flex; gap: 16px; align-items: flex-start; padding: 10px; border-bottom: 1px solid #eee; }
.up-row-even[b-bi17oxudw6] { background: #F5ECFF; }
.up-row-odd[b-bi17oxudw6] { background: #fff; }
.up-card-num[b-bi17oxudw6] { width: 40px; border-right: 1px solid #000; padding-right: 6px; font-weight: bold; }
.up-card-photo[b-bi17oxudw6] { text-align: center; width: 130px; flex: 0 0 130px; }
.up-card-info[b-bi17oxudw6] { flex: 1; min-width: 180px; }
.up-card-info div[b-bi17oxudw6] { margin: 2px 0; }

.up-thumb[b-bi17oxudw6] { width: 100px; height: 100px; aspect-ratio: 1/1; object-fit: cover; border-radius: 5px; cursor: pointer; }

.up-actions[b-bi17oxudw6] { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; }
.up-actions a[b-bi17oxudw6] { color: #330033; text-decoration: underline; font-size: 12px; }

/* Horizontal photo wall */
.up-wall[b-bi17oxudw6] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.up-wall-item[b-bi17oxudw6] { text-align: center; }
.up-wall-caption[b-bi17oxudw6] { font-size: 12px; margin-top: 4px; word-break: break-word; }

@media (max-width: 1100px) { .up-wall[b-bi17oxudw6] { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px) { .up-wall[b-bi17oxudw6] { grid-template-columns: repeat(2, 1fr); } .up-card[b-bi17oxudw6] { flex-wrap: wrap; } }

/* Pager */
.up-pager[b-bi17oxudw6] { display: flex; align-items: center; gap: 8px; justify-content: flex-end; margin: 16px 0; }
.up-pager button[b-bi17oxudw6] { background: #330033; color: #fff; border: none; border-radius: 4px; padding: 5px 10px; cursor: pointer; }
.up-pager button:disabled[b-bi17oxudw6] { opacity: .5; cursor: default; }

/* Lightbox */
.up-lightbox[b-bi17oxudw6] {
    position: fixed; inset: 0; background: rgba(0,0,0,.8); z-index: 100000;
    display: flex; align-items: center; justify-content: center; cursor: zoom-out;
}
.up-lightbox img[b-bi17oxudw6] { max-width: 90vw; max-height: 90vh; border: 3px solid #fff; border-radius: 4px; }
.up-lightbox-close[b-bi17oxudw6] { position: absolute; top: 20px; right: 30px; color: #fff; font-size: 40px; cursor: pointer; }

/* Delete modal */
.up-modal[b-bi17oxudw6] { position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 100001; overflow: auto; padding-top: 80px; }
.up-modal-box[b-bi17oxudw6] { background: #fff; border-radius: 6px; width: 45%; min-width: 340px; margin: 0 auto; box-shadow: 0 3px 9px rgba(0,0,0,.5); }
.up-modal-header[b-bi17oxudw6] { padding: 15px; border-bottom: 1px solid #e5e5e5; }
.up-modal-header h3[b-bi17oxudw6] { margin: 0; color: #330033; }
.up-modal-close[b-bi17oxudw6] { float: right; font-size: 21px; font-weight: bold; cursor: pointer; }
.up-modal-body[b-bi17oxudw6] { padding: 20px; }
.up-modal-field[b-bi17oxudw6] { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.up-modal-field label[b-bi17oxudw6] { width: 60px; }
.up-modal-field input[type="text"][b-bi17oxudw6] { flex: 1; padding: 5px; border: 1px solid #ccc; border-radius: 3px; }
.up-modal-field-full[b-bi17oxudw6] { flex-direction: column; align-items: stretch; }
.up-modal-field-full textarea[b-bi17oxudw6] { width: 100%; padding: 6px; border: 1px solid #ccc; border-radius: 3px; }
.up-modal-actions[b-bi17oxudw6] { display: flex; align-items: center; gap: 14px; margin-top: 12px; }
/* _content/NYMinuteDating-Net8/Pages/Admin/UserPicturesEmailTemplate.cshtml.rz.scp.css */
/* ============================================================
   User Pictures Email Template — Scoped CSS
   Adapted from legacy admin/UserPicturesEmailTemplate.aspx inline
   <style>: .placeholderList (#FAFAFA rows, #F3F3F3 stripes,
   #FFFDE3 hover with #DCDAC1 left border), .contact ellipsis,
   .alert banners (#f44336 / #04AA6D, white text, floating × ),
   the fieldset legend, and the #330033 Save button.
   ============================================================ */

.upt-page[b-m2nwa5a59z] {
    width: 100%;
}

/* ── Header ── */
.upt-header[b-m2nwa5a59z] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.upt-header-icon[b-m2nwa5a59z] {
    width: 28px;
    height: 28px;
    color: #330033;
    flex-shrink: 0;
}

.upt-header h1[b-m2nwa5a59z] {
    margin: 0;
    font-size: 22px;
}

.upt-header-sub[b-m2nwa5a59z] {
    margin: 2px 0 0;
    color: #3d2540;
    font-size: 13px;
}

/* ── Status banner (legacy .alert / .closebtn) ── */
.upt-alert[b-m2nwa5a59z] {
    padding: 20px;
    color: white;
    margin-bottom: 15px;
}

.upt-alert-danger[b-m2nwa5a59z] {
    background-color: #f44336;
}

.upt-alert-success[b-m2nwa5a59z] {
    background-color: #04AA6D;
}

.upt-closebtn[b-m2nwa5a59z] {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    background: none;
    border: none;
    padding: 0;
}

.upt-closebtn:hover[b-m2nwa5a59z] {
    color: black;
}

/* ── Fieldset (legacy fieldset/legend "Delete Image Notification") ── */
.upt-card[b-m2nwa5a59z] {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0 0 20px;
    padding: 0 16px 16px;
    background: #fff;
}

.upt-card-title[b-m2nwa5a59z] {
    margin: 0 -16px 14px;
    padding: 11px 16px;
    font-size: 18px;
    background: #f7f3f7;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
}

/* ── 70/30 layout (legacy nested tables) ── */
.upt-grid[b-m2nwa5a59z] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
    gap: 16px;
    align-items: start;
}

.upt-grid h3[b-m2nwa5a59z] {
    margin: 6px 0;
    font-size: 15px;
}

/* ── Subject: raw HTML source box (replaces the inline CKEditor) ── */
.upt-subject[b-m2nwa5a59z] {
    width: 100%;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    margin-top: 5px;
    margin-bottom: 12px;
    padding: 10px 6px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    min-height: 44px;
    white-space: nowrap;
    overflow-x: auto;
}

.upt-subject .hcard-token[b-m2nwa5a59z] {
    display: inline-block;
    background: #FFFDE3;
    border: 1px solid #DCDAC1;
    border-radius: 3px;
    padding: 0 4px;
}

/* Body textarea before TinyMCE takes over */
.upt-body-editor[b-m2nwa5a59z] {
    width: 100%;
    box-sizing: border-box;
    min-height: 200px;
}

/* ── Placeholder list (legacy .placeholderList / .contact) ── */
.upt-placeholder-list[b-m2nwa5a59z] {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.upt-placeholder-list li[b-m2nwa5a59z] {
    background: #FAFAFA;
    margin-bottom: 1px;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
}

.upt-placeholder-list li:nth-child(2n)[b-m2nwa5a59z] {
    background: #F3F3F3;
}

.upt-placeholder-list li:hover[b-m2nwa5a59z] {
    background: #FFFDE3;
    border-left: 5px solid #DCDAC1;
    margin-left: -5px;
}

.upt-contact[b-m2nwa5a59z] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    background: transparent;
    border: none;
    font: inherit;
    line-height: inherit;
    cursor: pointer;
    box-sizing: border-box;
}

/* ── Save button (legacy button: #330033 on white) ── */
.upt-save[b-m2nwa5a59z] {
    background-color: #330033;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 8px 28px;
    margin-top: 14px;
    font-size: 14px;
    cursor: pointer;
}

.upt-save:hover[b-m2nwa5a59z] {
    background-color: #4a004a;
}

.upt-save:disabled[b-m2nwa5a59z] {
    background-color: #888;
    cursor: default;
}

/* ── Small screens: stack the placeholder column ── */
@media (max-width: 900px) {
    .upt-grid[b-m2nwa5a59z] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/UserSegmentation.cshtml.rz.scp.css */
/* User Segmentation — scoped styles (house palette #330033 / #E0C1FF / #660099) */

.us-page[b-oq9654ahsl] { color: #222; }

.us-header[b-oq9654ahsl] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; gap: 12px; flex-wrap: wrap; }
.us-header-left[b-oq9654ahsl] { display: flex; align-items: center; gap: 14px; }
.us-header-icon[b-oq9654ahsl] { width: 28px; height: 28px; color: #330033; }
.us-header h1[b-oq9654ahsl] { font-size: 22px; color: #330033; margin: 0; }
.us-sub[b-oq9654ahsl] { color: #3d2540; font-size: 13px; margin: 2px 0 0; }
.us-link[b-oq9654ahsl] { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #330033; border: 1px solid #330033; padding: 8px 14px; border-radius: 6px; text-decoration: none; }
.us-link:hover[b-oq9654ahsl] { background: #f7f0ff; }

.us-error[b-oq9654ahsl] { position: relative; background: #f2dede; color: #a94442; border: 1px solid #ebccd1; border-radius: 6px; padding: 12px 36px 12px 15px; margin-bottom: 15px; }
.us-error-close[b-oq9654ahsl] { position: absolute; top: 8px; right: 12px; background: none; border: none; font-size: 18px; font-weight: bold; cursor: pointer; color: inherit; }

/* Layout */
.us-layout[b-oq9654ahsl] { display: flex; gap: 20px; align-items: flex-start; }
.us-sidebar[b-oq9654ahsl] { width: 320px; flex: none; max-height: calc(100vh - 200px); overflow-y: auto; overflow-x: hidden; padding-right: 8px; }
.us-sidebar h4[b-oq9654ahsl] { color: #330033; margin: 0 0 6px; }
.us-sidebar hr[b-oq9654ahsl] { border: none; border-top: 1px solid #330033; margin: 0 0 12px; }
.us-main[b-oq9654ahsl] { flex: 1; min-width: 0; }

/* Fieldset */
.us-fieldset[b-oq9654ahsl] { border: 1px groove #330033; border-radius: 6px; padding: 4px 14px 14px; margin: 0 0 14px; }
.us-fieldset legend[b-oq9654ahsl] { font-size: 14px; font-weight: bold; width: auto; padding: 0 8px; border: none; margin: 0; }

/* Filter controls */
.us-fgroup[b-oq9654ahsl] { margin-bottom: 12px; }
.us-fgroup > label[b-oq9654ahsl] { display: block; font-size: 12px; font-weight: 600; color: #444; margin-bottom: 4px; }
.us-select[b-oq9654ahsl] { width: 100%; border: 1px solid #ccc; border-radius: 5px; padding: 6px; font-size: 13px; box-sizing: border-box; }
.us-select:focus[b-oq9654ahsl] { outline: none; border-color: #660099; box-shadow: 0 0 0 2px rgba(102,0,153,.12); }
.us-select option:checked[b-oq9654ahsl] { background: #E0C1FF; color: #330033; }
.us-age-range[b-oq9654ahsl] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.us-age-range span[b-oq9654ahsl] { font-size: 12px; color: #555; }
.us-age[b-oq9654ahsl] { width: auto; min-width: 90px; flex: 1; }
.us-age-range .us-fgroup[b-oq9654ahsl] { margin-bottom: 0; flex: 1; }

/* Search */
.us-searchbar[b-oq9654ahsl] { display: flex; margin-bottom: 12px; max-width: 640px; }
.us-search[b-oq9654ahsl] { flex: 1; border: 3px solid #660099; border-right: none; padding: 8px 10px; border-radius: 5px 0 0 5px; outline: none; color: #660099; font-size: 14px; }
.us-search-btn[b-oq9654ahsl] { width: 46px; border: 1px solid #660099; background: #660099; color: #fff; border-radius: 0 5px 5px 0; cursor: pointer; display: flex; align-items: center; justify-content: center; }

/* Badges */
.us-badges[b-oq9654ahsl] { border: 2px solid #660099; border-radius: 18px; padding: 8px 12px; margin-bottom: 12px; display: flex; flex-wrap: wrap; gap: 6px; }
.us-badge[b-oq9654ahsl] { background: #330033; color: #fff; padding: 3px 10px; border-radius: 12px; font-size: 12px; }

/* Save panel */
.us-savepanel[b-oq9654ahsl] { border: 2px solid #660099; border-radius: 6px; padding: 14px; margin-bottom: 12px; }
.us-savepanel-row[b-oq9654ahsl] { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.us-savepanel label[b-oq9654ahsl] { display: block; font-size: 12px; font-weight: 600; margin-bottom: 4px; }
.us-savepanel-actions[b-oq9654ahsl] { display: flex; gap: 8px; }
.us-req[b-oq9654ahsl] { color: red; font-size: 12px; display: block; margin-top: 4px; }
.us-input[b-oq9654ahsl] { border: 1px solid #ccc; border-radius: 5px; padding: 7px 9px; font-size: 14px; min-width: 240px; }

/* Toolbar */
.us-toolbar[b-oq9654ahsl] { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 12px; flex-wrap: wrap; }
.us-fav label[b-oq9654ahsl] { display: block; font-size: 12px; font-weight: 600; color: #444; margin-bottom: 6px; }
.us-fav-list[b-oq9654ahsl] { display: flex; flex-wrap: wrap; gap: 8px; max-width: 620px; }
.us-fav-item[b-oq9654ahsl] { display: inline-flex; align-items: center; border: 1px solid #660099; border-radius: 14px; overflow: hidden; }
.us-fav-apply[b-oq9654ahsl] { background: #fff; border: none; color: #330033; padding: 5px 10px; font-size: 12px; cursor: pointer; }
.us-fav-apply:hover[b-oq9654ahsl] { background: #f7f0ff; }
.us-fav-del[b-oq9654ahsl] { background: #f3e8ff; border: none; color: #b91c1c; padding: 5px 9px; cursor: pointer; font-size: 14px; line-height: 1; }
.us-fav-del:hover[b-oq9654ahsl] { background: #fde8e8; }
.us-toolbar-actions[b-oq9654ahsl] { display: flex; gap: 8px; flex-wrap: wrap; }
.us-muted[b-oq9654ahsl] { color: #999; font-size: 13px; }

/* Buttons */
.us-btn[b-oq9654ahsl] { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; padding: 7px 14px; border-radius: 6px; border: 1px solid transparent; cursor: pointer; font-weight: 500; }
.us-btn-primary[b-oq9654ahsl] { background: #330033; color: #fff; }
.us-btn-primary:hover[b-oq9654ahsl] { background: #4d004d; }
.us-btn-secondary[b-oq9654ahsl] { background: #fff; color: #330033; border-color: #330033; }
.us-btn-secondary:hover[b-oq9654ahsl] { background: #f7f0ff; }
.us-btn-danger[b-oq9654ahsl] { background: #b91c1c; color: #fff; }
.us-btn-danger:hover[b-oq9654ahsl] { background: #991b1b; }
.us-btn:disabled[b-oq9654ahsl] { opacity: .55; cursor: not-allowed; }

.us-result-meta[b-oq9654ahsl] { font-size: 13px; color: #555; margin-bottom: 8px; }
.us-loading[b-oq9654ahsl] { display: flex; align-items: center; gap: 10px; color: #666; padding: 20px; }
.us-spinner[b-oq9654ahsl] { width: 26px; height: 26px; border: 3px solid #eee; border-top-color: #330033; border-radius: 50%; animation: us-spin-b-oq9654ahsl 1s linear infinite; }
@keyframes us-spin-b-oq9654ahsl { to { transform: rotate(360deg); } }

/* Table */
.us-table-wrap[b-oq9654ahsl] { overflow-x: auto; border: 1px solid #eee; border-radius: 6px; }
.us-table[b-oq9654ahsl] { width: 100%; border-collapse: collapse; }
.us-table thead tr[b-oq9654ahsl] { background: #330033; color: #fff; }
.us-table th[b-oq9654ahsl] { padding: 10px; font-size: 13px; text-align: left; font-weight: 500; white-space: nowrap; }
.us-sortable[b-oq9654ahsl] { cursor: pointer; user-select: none; }
.us-sortable:hover[b-oq9654ahsl] { background: #4d004d; }
.us-table td[b-oq9654ahsl] { padding: 9px 10px; font-size: 14px; border-bottom: 1px solid #eee; }
.us-table tbody tr:nth-child(even)[b-oq9654ahsl] { background: #E0C1FF; }
.us-table tbody tr:nth-child(odd)[b-oq9654ahsl] { background: #fff; }
.us-col-num[b-oq9654ahsl] { width: 52px; }
.us-empty[b-oq9654ahsl] { text-align: center; color: #999; padding: 24px; background: #fff; }

/* Modal */
.us-modal-bg[b-oq9654ahsl] { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 10000; display: flex; align-items: flex-start; justify-content: center; padding-top: 12vh; }
.us-modal[b-oq9654ahsl] { background: #fff; border-radius: 10px; width: 440px; max-width: 92%; box-shadow: 0 10px 40px rgba(0,0,0,.25); overflow: hidden; }
.us-modal-head[b-oq9654ahsl] { background: #330033; color: #fff; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; }
.us-modal-head h3[b-oq9654ahsl] { margin: 0; font-size: 17px; }
.us-modal-close[b-oq9654ahsl] { background: none; border: none; color: #fff; font-size: 22px; cursor: pointer; line-height: 1; }
.us-modal-body[b-oq9654ahsl] { padding: 20px; font-size: 14px; }
.us-modal-foot[b-oq9654ahsl] { padding: 14px 20px; border-top: 1px solid #eee; display: flex; justify-content: flex-end; gap: 10px; }
/* _content/NYMinuteDating-Net8/Pages/Admin/VenueProspects.cshtml.rz.scp.css */
/* ============================================================
   Venue Prospects — Scoped CSS
   Grid + add/edit modal + Active/Inactive status toggle.
   Purple house palette carried over from admin/VenueProspects.aspx
   (GridView header #330033, #F5ECFF rows). Font-Awesome dropped in
   favour of Lucide <svg>. Grid rows are Alpine x-for over static
   <template> markup, so this scoped CSS reaches them.
   ============================================================ */

.vp-page[b-knqkulqm9g] {
    max-width: 1300px;
    margin: 0 auto;
}

/* ── Header ── */
.vp-header[b-knqkulqm9g] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    padding: 18px 26px;
    border-radius: 12px 12px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.vp-header h2[b-knqkulqm9g] {
    margin: 0;
    font-size: 1.2rem;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.vp-ic[b-knqkulqm9g] {
    width: 20px;
    height: 20px;
}

.vp-ic-sm[b-knqkulqm9g] {
    width: 14px;
    height: 14px;
}

.vp-add[b-knqkulqm9g] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    background: #fff;
    color: #330033;
    border: none;
    border-radius: 6px;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.vp-add:hover[b-knqkulqm9g] {
    background: #f0e6f0;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* ── Error ── */
.vp-error[b-knqkulqm9g] {
    background: #f8d7da;
    color: #721c24;
    padding: 14px 20px;
    border-radius: 8px;
    margin: 14px 0;
    position: relative;
}

.vp-error-close[b-knqkulqm9g] {
    position: absolute;
    top: 10px;
    right: 14px;
    cursor: pointer;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
}

/* ── Table panel ── */
.vp-panel[b-knqkulqm9g] {
    background: #fff;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.vp-table-wrap[b-knqkulqm9g] {
    overflow-x: auto;
    padding: 14px;
}

.vp-grid[b-knqkulqm9g] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.84rem;
}

.vp-grid thead[b-knqkulqm9g] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
}

.vp-grid th[b-knqkulqm9g] {
    padding: 11px 12px;
    text-align: left;
    color: #fff;
    font-weight: 600;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    white-space: nowrap;
}

.vp-grid td[b-knqkulqm9g] {
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
    color: #374151;
    vertical-align: top;
}

.vp-grid tbody tr:hover[b-knqkulqm9g] {
    background: #eadbff !important;
}

.vp-alt[b-knqkulqm9g] {
    background: #f5ecff;
}

.vp-inactive[b-knqkulqm9g] {
    background: #fee2e2 !important;
}

.vp-inactive:hover[b-knqkulqm9g] {
    background: #fecaca !important;
}

.vp-num[b-knqkulqm9g] {
    text-align: center;
    color: #888;
    font-weight: 600;
    width: 48px;
}

.vp-strong[b-knqkulqm9g] {
    font-weight: 600;
    color: #330033;
    min-width: 120px;
}

.vp-wrap[b-knqkulqm9g] {
    white-space: normal;
    max-width: 240px;
    word-break: break-word;
}

.vp-comment[b-knqkulqm9g] {
    color: #6b7280;
    font-size: 0.82rem;
    line-height: 1.4;
}

.vp-link[b-knqkulqm9g] {
    color: #6f42c1;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
}

.vp-link:hover[b-knqkulqm9g] {
    color: #330033;
    text-decoration: underline;
}

/* ── Status toggle ── */
.vp-status[b-knqkulqm9g] {
    border: none;
    border-radius: 999px;
    padding: 4px 14px;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.vp-status:disabled[b-knqkulqm9g] {
    opacity: 0.6;
    cursor: default;
}

.vp-status-active[b-knqkulqm9g] {
    background: #dcfce7;
    color: #166534;
}

.vp-status-active:hover:not(:disabled)[b-knqkulqm9g] {
    background: #bbf7d0;
}

.vp-status-inactive[b-knqkulqm9g] {
    background: #fee2e2;
    color: #b91c1c;
}

.vp-status-inactive:hover:not(:disabled)[b-knqkulqm9g] {
    background: #fecaca;
}

/* ── Actions ── */
.vp-actions-col[b-knqkulqm9g] {
    white-space: nowrap;
    width: 90px;
}

.vp-edit[b-knqkulqm9g] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    color: #6f42c1;
    font-weight: 500;
    font-size: 0.82rem;
    padding: 3px 6px;
    border-radius: 4px;
}

.vp-edit:hover[b-knqkulqm9g] {
    background: #f3e8f3;
    color: #330033;
}

/* ── Empty state ── */
.vp-empty[b-knqkulqm9g] {
    text-align: center;
    padding: 40px;
}

.vp-empty svg[b-knqkulqm9g] {
    width: 42px;
    height: 42px;
    color: #cbd5e1;
    margin-bottom: 10px;
}

.vp-empty p[b-knqkulqm9g] {
    color: #64748b;
    margin: 0;
}

/* ── Modal ── */
.vp-modal-overlay[b-knqkulqm9g] {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 20px;
    overflow: auto;
}

.vp-modal[b-knqkulqm9g] {
    background: #fff;
    width: 90%;
    max-width: 560px;
    border-radius: 12px;
    margin: 30px auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 60px);
}

.vp-modal-head[b-knqkulqm9g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    border-radius: 12px 12px 0 0;
}

.vp-modal-head h3[b-knqkulqm9g] {
    margin: 0;
    font-size: 1.02rem;
}

.vp-modal-head button[b-knqkulqm9g] {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 1.4rem;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 1;
}

.vp-modal-head button:hover[b-knqkulqm9g] {
    background: rgba(255, 255, 255, 0.2);
}

.vp-modal-body[b-knqkulqm9g] {
    padding: 20px 24px;
    overflow-y: auto;
}

.vp-field[b-knqkulqm9g] {
    margin-bottom: 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.vp-field label[b-knqkulqm9g] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #330033;
}

.vp-req[b-knqkulqm9g] {
    color: #dc2626;
}

.vp-field input[b-knqkulqm9g],
.vp-field textarea[b-knqkulqm9g] {
    padding: 9px 12px;
    border: 2px solid #e5e7eb;
    border-radius: 6px;
    font-size: 0.9rem;
    font-family: inherit;
    transition: all 0.2s;
}

.vp-field input:focus[b-knqkulqm9g],
.vp-field textarea:focus[b-knqkulqm9g] {
    outline: none;
    border-color: #6f42c1;
    box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.1);
}

.vp-field textarea[b-knqkulqm9g] {
    resize: vertical;
    min-height: 70px;
}

.vp-modal-foot[b-knqkulqm9g] {
    padding: 14px 24px;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.vp-btn-cancel[b-knqkulqm9g] {
    padding: 9px 22px;
    background: #e5e7eb;
    color: #374151;
    border: none;
    border-radius: 6px;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
}

.vp-btn-cancel:hover[b-knqkulqm9g] {
    background: #d1d5db;
}

.vp-btn-save[b-knqkulqm9g] {
    padding: 9px 22px;
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
}

.vp-btn-save:hover[b-knqkulqm9g] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(51, 0, 51, 0.3);
}

.vp-btn-save:disabled[b-knqkulqm9g] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/VenueStats.cshtml.rz.scp.css */
/* ============================================================
   Venue Stats — Scoped CSS
   Read-only wide statistics grid. Purple house palette carried
   over from admin/VenueStats.aspx (GridView header #330033).
   Font-Awesome dropped in favour of Lucide <svg>; sort arrows are
   plain text glyphs. Rows are Alpine x-for over static <template>
   markup, so this scoped CSS reaches them.
   ============================================================ */

.vs-page[b-x0t947dard] {
    max-width: 100%;
    margin: 0 auto;
}

/* ── Header ── */
.vs-header[b-x0t947dard] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
    color: #fff;
    padding: 18px 26px;
    border-radius: 12px 12px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.vs-header h2[b-x0t947dard] {
    margin: 0;
    font-size: 1.2rem;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.vs-ic[b-x0t947dard] {
    width: 20px;
    height: 20px;
}

.vs-count[b-x0t947dard] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 500;
}

/* ── Error ── */
.vs-error[b-x0t947dard] {
    background: #f8d7da;
    color: #721c24;
    padding: 14px 20px;
    border-radius: 8px;
    margin: 14px 0;
    position: relative;
}

.vs-error-close[b-x0t947dard] {
    position: absolute;
    top: 10px;
    right: 14px;
    cursor: pointer;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
}

/* ── Table panel ── */
.vs-panel[b-x0t947dard] {
    background: #fff;
    padding: 0;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.vs-table-wrap[b-x0t947dard] {
    overflow-x: auto;
    padding: 14px;
}

.vs-grid[b-x0t947dard] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.82rem;
    white-space: nowrap;
}

.vs-grid thead[b-x0t947dard] {
    background: linear-gradient(135deg, #330033 0%, #4a004a 100%);
}

.vs-grid th[b-x0t947dard] {
    padding: 10px 12px;
    text-align: left;
    color: #fff;
    font-weight: 600;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    vertical-align: bottom;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.vs-grid th:last-child[b-x0t947dard] {
    border-right: none;
}

.vs-sortable[b-x0t947dard] {
    cursor: pointer;
    user-select: none;
}

.vs-sortable:hover[b-x0t947dard] {
    background: rgba(255, 255, 255, 0.12);
}

.vs-arrow[b-x0t947dard] {
    font-size: 10px;
    margin-left: 2px;
}

.vs-grid td[b-x0t947dard] {
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    color: #374151;
    vertical-align: top;
}

.vs-grid tbody tr:hover[b-x0t947dard] {
    background: #eadbff !important;
}

.vs-alt[b-x0t947dard] {
    background: #f1e6ff;
}

.vs-num[b-x0t947dard] {
    text-align: center;
    color: #888;
    font-weight: 600;
    width: 48px;
}

.vs-r[b-x0t947dard] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.vs-strong[b-x0t947dard] {
    font-weight: 600;
    color: #330033;
    white-space: normal;
    min-width: 140px;
}

.vs-wrap[b-x0t947dard] {
    white-space: normal;
    min-width: 180px;
    color: #6b7280;
    font-size: 0.8rem;
    line-height: 1.4;
}

/* ── Empty state ── */
.vs-empty[b-x0t947dard] {
    text-align: center;
    padding: 40px;
    background: #fff;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.vs-empty svg[b-x0t947dard] {
    width: 42px;
    height: 42px;
    color: #cbd5e1;
    margin-bottom: 10px;
}

.vs-empty p[b-x0t947dard] {
    color: #64748b;
    margin: 0;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/VeryPicky.cshtml.rz.scp.css */
/* ============================================================
   Very Picky — Scoped CSS
   ============================================================ */

.page-header[b-cyoutw0vs6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4a235a 0%, #330033 60%, #1f0022 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-cyoutw0vs6] { display: flex; align-items: center; gap: 14px; }
.header-icon[b-cyoutw0vs6] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-cyoutw0vs6] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-cyoutw0vs6] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.header-right[b-cyoutw0vs6] { display: flex; align-items: center; gap: 10px; }
.badge[b-cyoutw0vs6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 8px;
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.vp-error[b-cyoutw0vs6] {
    position: relative;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 34px 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}
.vp-error-close[b-cyoutw0vs6] { position: absolute; top: 8px; right: 12px; cursor: pointer; font-size: 1.1rem; }

/* Filter */
.vp-filter[b-cyoutw0vs6] {
    border: 1px groove #330033;
    border-radius: 8px;
    padding: 12px 20px 18px;
    margin-bottom: 20px;
    background: #fff;
}
.vp-filter legend[b-cyoutw0vs6] {
    font-size: 1.05rem;
    font-weight: bold;
    padding: 0 10px;
    color: #330033;
}
.vp-filter-row[b-cyoutw0vs6] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 10px;
}
.vp-filter-row label[b-cyoutw0vs6] { min-width: 260px; font-size: 0.85rem; color: #333; }
.vp-filter-row input[type="number"][b-cyoutw0vs6] {
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 140px;
    font-size: 0.85rem;
}
.vp-search-btn[b-cyoutw0vs6] {
    background-color: #330033;
    color: #fff;
    border: none;
    padding: 8px 22px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9rem;
}
.vp-search-btn:hover[b-cyoutw0vs6] { background-color: #550055; }
.vp-search-btn:disabled[b-cyoutw0vs6] { opacity: 0.6; cursor: not-allowed; }

/* Table */
.table-panel[b-cyoutw0vs6] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.table-wrap[b-cyoutw0vs6] { overflow-x: auto; }
.vp-table[b-cyoutw0vs6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.vp-table th[b-cyoutw0vs6] {
    text-align: left;
    padding: 10px 12px;
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
.vp-table td[b-cyoutw0vs6] {
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    color: #333;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #F5ECFF;
}
.vp-table tr:hover td[b-cyoutw0vs6] { background-color: #efe2ff; }

.col-icon[b-cyoutw0vs6] { width: 34px; text-align: center; }
.col-num[b-cyoutw0vs6] { width: 44px; text-align: center; color: #555; }

.vp-info-link[b-cyoutw0vs6] { display: inline-flex; }
.vp-info-disabled[b-cyoutw0vs6] { pointer-events: none; opacity: 0.5; cursor: default; }
.vp-events-link[b-cyoutw0vs6] { color: #330033; font-weight: 700; text-decoration: none; }
.vp-events-link:hover[b-cyoutw0vs6] { text-decoration: underline; }

.empty-state[b-cyoutw0vs6] { text-align: center; padding: 60px 20px; color: #666; }
.empty-state p[b-cyoutw0vs6] { margin-top: 16px; font-size: 1.05rem; font-weight: 600; color: #333; }

/* Event History modal */
.vp-modal-overlay[b-cyoutw0vs6] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 90000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 40px 20px;
    overflow: auto;
}
.vp-modal-content[b-cyoutw0vs6] {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    width: 95%;
    max-width: 1000px;
}
.vp-modal-header[b-cyoutw0vs6] {
    padding: 14px 18px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.vp-modal-header h3[b-cyoutw0vs6] { margin: 0; color: #330033; font-size: 1.15rem; }
.vp-close[b-cyoutw0vs6] { font-size: 1.4rem; font-weight: 700; color: #000; opacity: 0.3; cursor: pointer; }
.vp-close:hover[b-cyoutw0vs6] { opacity: 0.6; }
.vp-modal-body[b-cyoutw0vs6] { padding: 18px; overflow-x: auto; }
.vp-eh-loading[b-cyoutw0vs6] { text-align: center; padding: 30px; color: #888; }
.vp-modal-footer[b-cyoutw0vs6] { padding: 14px 18px; border-top: 1px solid #e5e5e5; text-align: right; }
.vp-btn[b-cyoutw0vs6] {
    background-color: #330033;
    color: #fff;
    border: none;
    padding: 7px 18px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.85rem;
}
.vp-btn:hover[b-cyoutw0vs6] { background-color: #550055; }

.vp-eh-table[b-cyoutw0vs6] { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
.vp-eh-table th[b-cyoutw0vs6] {
    text-align: left;
    padding: 8px 10px;
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.68rem;
    text-transform: uppercase;
    white-space: nowrap;
}
.vp-eh-table td[b-cyoutw0vs6] {
    padding: 7px 10px;
    border-bottom: 1px solid #eee;
    background-color: #F5ECFF;
    white-space: nowrap;
}
.vp-eh-empty[b-cyoutw0vs6] { text-align: center; color: #888; background: #fff !important; }
.vp-event-link[b-cyoutw0vs6] { color: #330033; text-decoration: none; margin-left: 4px; }
.vp-event-link:hover[b-cyoutw0vs6] { text-decoration: underline; }

[x-cloak][b-cyoutw0vs6] { display: none !important; }

@media (max-width: 768px) {
    .page-header[b-cyoutw0vs6] { flex-direction: column; gap: 12px; text-align: center; }
    .vp-filter-row[b-cyoutw0vs6] { flex-direction: column; align-items: flex-start; }
    .vp-filter-row label[b-cyoutw0vs6] { min-width: auto; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ViewComments.cshtml.rz.scp.css */
/* ============================================================
   View Comments — Scoped CSS
   Extracted from legacy admin/ViewComments.aspx inline <style>
   (GRIDVIEWHeading, .button, .comment, th/td padding, panel
   heading, stats borders, GridView row/alternating/special
   colors, nowrap value labels).
   ============================================================ */

.vc-page[b-b66hca0zwq] {
    width: 100%;
}

/* ── Status alert (legacy Bootstrap alert-danger alert-dismissible) ── */
.vc-alert[b-b66hca0zwq] {
    position: relative;
    padding: 12px 35px 12px 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.vc-alert-danger[b-b66hca0zwq] {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.vc-alert-close[b-b66hca0zwq] {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    border: none;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: inherit;
    opacity: 0.5;
    cursor: pointer;
}

.vc-alert-close:hover[b-b66hca0zwq] {
    opacity: 1;
}

/* ── Manage Event heading link ── */
.vc-manage-link a[b-b66hca0zwq] {
    color: #330033;
    text-decoration: none;
}

.vc-manage-link a:hover[b-b66hca0zwq] {
    text-decoration: underline;
}

.vc-manage-link h3[b-b66hca0zwq] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 10px 0;
    font-size: 1.4em;
    font-weight: bold;
}

.vc-h3-icon[b-b66hca0zwq] {
    width: 20px;
    height: 20px;
}

/* ── Event Details panel (legacy .panel-default > .panel-heading) ── */
.vc-panel[b-b66hca0zwq] {
    background-color: #fff;
    border: 1px solid #330033;
    border-radius: 4px;
    margin-bottom: 15px;
}

.vc-panel-heading[b-b66hca0zwq] {
    color: white;
    background-color: #330033;
    border-color: #330033;
    padding: 10px 15px;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
}

.vc-panel-body[b-b66hca0zwq] {
    padding: 15px;
}

.vc-detail-row[b-b66hca0zwq] {
    display: flex;
    gap: 12px;
    margin-bottom: 8px;
}

.vc-detail-label[b-b66hca0zwq] {
    font-weight: bold;
    min-width: 60px;
}

/* Legacy: .col-sm-5 label { white-space: nowrap; display: inline-block; width: auto; } */
.vc-detail-value[b-b66hca0zwq] {
    white-space: nowrap;
    display: inline-block;
    width: auto;
}

/* ── Shared header style (legacy .GRIDVIEWHeading) ── */
.vc-grid-heading[b-b66hca0zwq] {
    color: white;
    background-color: #330033 !important;
    height: 40px;
}

.vc-grid-heading th[b-b66hca0zwq] {
    color: white;
    background-color: #330033 !important;
}

.vc-grid-heading a[b-b66hca0zwq] {
    color: white;
    background-color: #330033 !important;
    text-decoration: underline;
}

.vc-grid-heading a:hover[b-b66hca0zwq] {
    color: white;
    background-color: #330033 !important;
    text-decoration: none;
}

.sort-arrow[b-b66hca0zwq] {
    font-size: 9px;
}

/* ── Statistics / Financial / Reminders table ── */
.vc-stats-table[b-b66hca0zwq] {
    width: 100%;
    margin-bottom: 15px;
    border-collapse: collapse;
}

.vc-stats-table .vc-stats-cell[b-b66hca0zwq] {
    text-align: center;
    padding: 10px;
    border: 1px solid #330033;
}

.vc-stats-row[b-b66hca0zwq] {
    background-color: #F5ECFF;
}

/* ── Participants grid ── */
/* Legacy th / thead td / tbody td: centered, 10px padding */
.vc-grid[b-b66hca0zwq] {
    width: 100%;
    border: 1px solid #660066;
    border-collapse: collapse;
}

.vc-grid th[b-b66hca0zwq] {
    text-align: center;
    padding: 10px;
}

.vc-grid tbody td[b-b66hca0zwq] {
    text-align: center;
    padding: 10px;
}

.vc-grid th.align-left[b-b66hca0zwq],
.vc-grid td.align-left[b-b66hca0zwq] {
    text-align: left;
}

/* Signup date column (legacy ItemStyle Width=130px, nowrap) */
.vc-grid td.vc-signup-date[b-b66hca0zwq] {
    white-space: nowrap;
    width: 130px;
}

/* Row colors (legacy RowStyle / AlternatingRowStyle / RowDataBound) */
.vc-grid tr.vc-row[b-b66hca0zwq] {
    color: black;
    background-color: white;
}

.vc-grid tr.vc-row-alt[b-b66hca0zwq] {
    color: black;
    background-color: #F5ECFF;
}

/* Waiting / Cancelled rows */
.vc-grid tr.vc-row-special[b-b66hca0zwq] {
    color: black;
    background-color: #C6A2EC;
}

.vc-grid tr.vc-row-special-alt[b-b66hca0zwq] {
    color: black;
    background-color: #BB8EEB;
}

.vc-empty[b-b66hca0zwq] {
    text-align: center;
}

/* ── Comment textarea (legacy .comment + form-control, 100x200) ── */
.vc-comment[b-b66hca0zwq] {
    margin: 5px;
    height: 100px;
    width: 200px;
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    resize: vertical;
}

.vc-comment:focus[b-b66hca0zwq] {
    outline: none;
    border-color: #330033;
    box-shadow: 0 0 4px rgba(51, 0, 51, 0.4);
}

/* ── Save all button (legacy .button: purple bg, white text) ── */
.vc-save-row[b-b66hca0zwq] {
    text-align: center;
}

.vc-btn-save[b-b66hca0zwq] {
    background-color: #330033 !important;
    color: white !important;
    border: 1px solid #330033;
    border-radius: 4px;
    padding: 8px 20px;
    font-size: 14px;
    cursor: pointer;
}

.vc-btn-save:hover[b-b66hca0zwq] {
    background-color: #4a004a !important;
    border-color: #4a004a;
}

.vc-btn-save:disabled[b-b66hca0zwq] {
    opacity: 0.65;
    cursor: not-allowed;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ViewEventCalendar.cshtml.rz.scp.css */
/* Admin Event Calendar — ported from legacy admin/ViewEventCalender.aspx inline styles.
   Cell BACKGROUNDS are inline (computed server-side with the legacy DayRender priority);
   this file carries the text-color / hover / strikethrough rules and the chrome. */

[x-cloak][b-3dp7pdxf2y] { display: none !important; }

.vec-root[b-3dp7pdxf2y] { padding-bottom: 20px; }

/* ── warning banner + weather error (legacy: unstyled div/label at top) ── */
.vec-warning[b-3dp7pdxf2y] { margin: 8px 0; }
.vec-error[b-3dp7pdxf2y] { display: block; margin: 4px 0; }

/* ── "View Stats" toggle (legacy dvViewStats) ── */
.view-stats-toggle[b-3dp7pdxf2y] {
    float: right;
    padding-right: 20px;
    text-decoration: underline;
    cursor: pointer;
}

/* ── Stats tables (legacy .dashboard-tables-container etc.) ── */
.dashboard-tables-container[b-3dp7pdxf2y] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
}

.table-row[b-3dp7pdxf2y] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.table-container[b-3dp7pdxf2y] {
    flex: 1;
    min-width: 300px;
}

.table-header[b-3dp7pdxf2y] {
    background-color: #660032;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

.stats-table[b-3dp7pdxf2y] {
    width: 100%;
    border-collapse: collapse;
}

.column-header[b-3dp7pdxf2y] {
    background-color: #330033;
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
    text-align: center;
}

.data-cell[b-3dp7pdxf2y] {
    background-color: white;
    padding: 6px;
    text-align: center;
}

.stat-label[b-3dp7pdxf2y] {
    text-align: left;
    font-weight: bold;
}

@media (max-width: 768px) {
    .table-row[b-3dp7pdxf2y] { flex-direction: column; }
    .table-container[b-3dp7pdxf2y] { width: 100%; }
}

/* ── Calendar navigation header (legacy .calendar-header) ── */
.calendar-header[b-3dp7pdxf2y] {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: -1px;
    /* z-index 1 (was 100): only needs to sit above the calendar grid below it. The admin top-nav bar is
       z-index:100 with its dropdowns trapped in that context, so a header at 100 (later in the DOM) painted
       ON TOP of the nav and buried its dropdowns — 1 keeps the header above the grid but below the nav. */
    z-index: 1;
    padding: 5px;
    background-color: #330033;
}

.calendar-title-container[b-3dp7pdxf2y] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 30px;
}

.nav-arrows[b-3dp7pdxf2y] {
    cursor: pointer;
    text-decoration: none;
    color: white !important;
    font-weight: bold;
}

.nav-arrows:hover[b-3dp7pdxf2y] {
    color: #ccc !important;
    text-decoration: underline;
}

#monthDropDownList[b-3dp7pdxf2y], #yearDropDownList[b-3dp7pdxf2y] {
    height: 24px;
    padding: 2px 5px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: white;
    margin: 0 5px;
}

/* ── The calendar grid (legacy DataCalendar: gridlines, no weekday headers) ── */
.vec-cal[b-3dp7pdxf2y] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #999;
}

.vec-cal td.vec-day[b-3dp7pdxf2y] {
    border: 1px solid #999;          /* ShowGridLines */
    width: 14.28%;
    text-align: left;                /* DayStyle HorizontalAlign=Left */
    vertical-align: top;             /* DayStyle VerticalAlign=Top */
    font-family: Arial, sans-serif;  /* DayStyle Font-Name=Arial */
    font-size: 10pt;                 /* DayStyle Font-Size=10 (points) */
    font-weight: bold;               /* DayStyle Font-Bold=True — whole cell is bold, like legacy */
    padding: 2px;
    overflow-wrap: anywhere;
}

/* other-month text color (#b9b2e5 background comes inline) */
.vec-cal td.cal-other[b-3dp7pdxf2y] { color: #4A3B50; }

/* holiday cells: black text on the yellow background (legacy ForeColor=Black) */
.vec-cal td.cal-holiday[b-3dp7pdxf2y] { color: #000000; }

/* event links: no underline, browser-default link color (legacy .clearDecoration) */
.clearDecoration[b-3dp7pdxf2y] { text-decoration: none; }

/* holiday titles: top-right, bold (legacy holidayPanel) */
.holiday-panel[b-3dp7pdxf2y] {
    text-align: right;
    font-weight: bold;
}

/* weather block: centered (legacy) */
.weather-block[b-3dp7pdxf2y] { text-align: center; }

/* blackout title: white bold with tooltip (legacy Label ForeColor=White Font-Bold) */
.blackout-label[b-3dp7pdxf2y] {
    color: #FFFFFF;
    font-weight: bold;
}

/* view-hourly panel — the link stays visibility:hidden exactly like legacy ("Keep it hidden") */
.view-hourly[b-3dp7pdxf2y] { text-align: center; }

/* ── TODAY cell (#6F3BA3): white text EXCEPT on holidays; hover purple; strikethrough kept ──
   (port of the legacy td.todaycalendar:not([style*=FFF9C4]) rules) */
.vec-cal td.cal-today:not(.cal-holiday)[b-3dp7pdxf2y],
.vec-cal td.cal-today:not(.cal-holiday) a[b-3dp7pdxf2y],
.vec-cal td.cal-today:not(.cal-holiday) span[b-3dp7pdxf2y],
.vec-cal td.cal-today:not(.cal-holiday) del[b-3dp7pdxf2y],
.vec-cal td.cal-today:not(.cal-holiday) div[b-3dp7pdxf2y] {
    color: #FFFFFF !important;
    text-shadow: 0 0 1px #000000;
}

.vec-cal td.cal-today:not(.cal-holiday) del[b-3dp7pdxf2y],
.vec-cal td.cal-today:not(.cal-holiday) del span[b-3dp7pdxf2y] {
    color: #FFFFFF !important;
    text-decoration: line-through !important;
}

.vec-cal td.cal-today:not(.cal-holiday) a:hover[b-3dp7pdxf2y],
.vec-cal td.cal-today:not(.cal-holiday) a:hover span[b-3dp7pdxf2y],
.vec-cal td.cal-today:not(.cal-holiday) a:hover del[b-3dp7pdxf2y] {
    color: #9B00C1 !important;
    text-decoration: underline !important;
}

.vec-cal td.cal-today:not(.cal-holiday) a:hover del[b-3dp7pdxf2y],
.vec-cal td.cal-today:not(.cal-holiday) a:hover del span[b-3dp7pdxf2y] {
    color: #9B00C1 !important;
    text-decoration: line-through underline !important;
}

/* ── Hourly Weather Report modal (legacy pnlHourlyWeather + modalBackground) ── */
.vec-modal-overlay[b-3dp7pdxf2y] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vec-modal[b-3dp7pdxf2y] {
    background-color: #FFFFFF;
    width: 850px;
    max-width: 95vw;
    padding: 10px 14px;
}

.vec-modal-head[b-3dp7pdxf2y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 4px;
}

.vec-modal-close[b-3dp7pdxf2y] { text-decoration: none; }

.vec-modal-body[b-3dp7pdxf2y] {
    overflow: auto;                  /* legacy: overflow scroll, height 400px */
    height: 400px;
}

.hourly-table[b-3dp7pdxf2y] {
    width: 95%;
    margin: 0 auto;
    border-collapse: collapse;
}

.hourly-table td[b-3dp7pdxf2y] {
    border: 1px solid #999;          /* legacy border=1 cellpadding=1 */
    padding: 3px 5px;
    vertical-align: top;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/ViewEvents.cshtml.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   ViewEvents — matches legacy admin/ViewEvents.aspx GridView styling
   ═══════════════════════════════════════════════════════════════════ */

/* ── Radio Button List (matches asp:RadioButtonList Horizontal) ──── */
.rbl[b-r0mqx3fbu2] {
    border-collapse: collapse;
}

.rbl td[b-r0mqx3fbu2] {
    padding: 0 4px;
}

.rbl label[b-r0mqx3fbu2] {
    cursor: pointer;
    white-space: nowrap;
}

/* ── Admin Grid (matches GridView: BorderColor=#330033, BorderWidth=1,
     CellPadding=4, GridLines=None, ForeColor=Black) ─────────────── */
.admin-grid[b-r0mqx3fbu2] {
    border: 1px solid #330033;
    border-collapse: collapse;
    color: Black;
}

/* HeaderStyle: BackColor=#330033, Font-Bold=True, ForeColor=White,
   HorizontalAlign=Left */
.admin-grid thead tr[b-r0mqx3fbu2] {
    background-color: #330033;
}

.admin-grid thead th[b-r0mqx3fbu2] {
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    padding: 4px;
    font-size: 11px;
}

.admin-grid thead th a[b-r0mqx3fbu2] {
    color: #ffffff;
    text-decoration: underline;
}

.admin-grid thead th a:hover[b-r0mqx3fbu2] {
    color: #E0C1FF;
}

/* RowStyle: BackColor=#E0C1FF — applied inline via alternating logic */
/* AlternatingRowStyle: BackColor=White — applied inline */
.admin-grid tbody td[b-r0mqx3fbu2] {
    padding: 4px;
    font-size: 11px;
}

/* SelectedRowStyle */
.admin-grid tbody tr.selected td[b-r0mqx3fbu2] {
    background-color: #E0C1FF;
    font-weight: bold;
    color: #333333;
}

/* FooterStyle: BackColor=#E0C1FF, Font-Bold=True, ForeColor=White */
.admin-grid tfoot td[b-r0mqx3fbu2] {
    background-color: #E0C1FF;
    font-weight: bold;
    padding: 4px;
    font-size: 11px;
}

/* ── Active Participants Grid (different border color: #050931) ───── */
.participants-grid[b-r0mqx3fbu2] {
    border-color: #050931;
}

/* ── Pager styles are in admin.css (shared) since _AdminPager partial
     doesn't receive CSS isolation scoping attributes ────────────── */

/* ── Link button (replaces asp:LinkButton styling) ────────────────── */
.link-btn[b-r0mqx3fbu2] {
    background: none;
    border: none;
    color: var(--admin-link, Blue);
    cursor: pointer;
    text-decoration: underline;
    font-size: 11px;
    font-family: inherit;
    padding: 0;
}

.link-btn:hover[b-r0mqx3fbu2] {
    color: var(--admin-link-hover, #330033);
}
/* _content/NYMinuteDating-Net8/Pages/Admin/WaitingForSelections.cshtml.rz.scp.css */
.wfs-root[b-nv0lq67bqt] { font-family: 'Segoe UI', Roboto, sans-serif; padding: 20px; color: #2d3748; }
.wfs-container[b-nv0lq67bqt] { max-width: 1600px; margin: 0 auto; }

/* Header */
.wfs-header[b-nv0lq67bqt] { background: linear-gradient(135deg, #330033 0%, #4a004a 100%); color: white; padding: 25px; border-radius: 8px 8px 0 0; }
.wfs-header h1[b-nv0lq67bqt] { margin: 0 0 10px 0; font-weight: 600; font-size: 1.8rem; display: flex; align-items: center; gap: 12px; }
.wfs-header p[b-nv0lq67bqt] { margin: 0; opacity: 0.9; font-size: 0.95rem; }
.wfs-header-icon[b-nv0lq67bqt] { width: 26px; height: 26px; }

/* Stats */
.wfs-stats[b-nv0lq67bqt] {
    background: #f9f4ff; padding: 20px; border-left: 1px solid #e1e4e8; border-right: 1px solid #e1e4e8;
    display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px;
}
.wfs-stat-card[b-nv0lq67bqt] {
    background: white; padding: 20px; border-radius: 8px; border: 1px solid #e1e4e8;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); transition: all 0.2s; text-align: center;
}
.wfs-stat-card:hover[b-nv0lq67bqt] { box-shadow: 0 4px 12px rgba(111, 66, 193, 0.15); transform: translateY(-2px); }
.wfs-stat-title[b-nv0lq67bqt] { font-size: 15px; color: #444; margin-bottom: 5px; font-weight: 700; letter-spacing: 0.2px; }
.wfs-stat-value[b-nv0lq67bqt] { font-size: 28px; font-weight: bold; color: #6f42c1; margin: 10px 0; }
.wfs-stat-value.wfs-stat-danger[b-nv0lq67bqt] { color: #dc3545; }
.wfs-stat-value.wfs-stat-male[b-nv0lq67bqt] { color: #084298; }
.wfs-stat-value.wfs-stat-female[b-nv0lq67bqt] { color: #721c24; }
.wfs-stat-desc[b-nv0lq67bqt] { font-size: 14px; color: #666; margin-top: 5px; }

/* Filters */
.wfs-filters[b-nv0lq67bqt] {
    background: white; padding: 20px 25px;
    border-left: 1px solid #e1e4e8; border-right: 1px solid #e1e4e8; border-bottom: 1px solid #e1e4e8;
}
.wfs-filter-row[b-nv0lq67bqt] { display: flex; align-items: center; justify-content: center; gap: 16px 18px; flex-wrap: wrap; }
.wfs-filter-field[b-nv0lq67bqt] {
    display: inline-flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px;
    background: #f5f3fa; border: 1px solid #e6ddff; box-shadow: 0 1px 2px rgba(103, 80, 164, 0.08); flex: 0 1 auto;
}
.wfs-filter-field label[b-nv0lq67bqt] {
    font-weight: 700; color: #330033; font-size: 14px; white-space: nowrap; margin-right: 2px;
    display: inline-flex; align-items: center; gap: 6px;
}
.wfs-filter-field label i[b-nv0lq67bqt] { width: 16px; height: 16px; }
.wfs-filter-field select[b-nv0lq67bqt] {
    padding: 8px 12px; border: 1px solid #d7caff; border-radius: 8px; font-size: 14px;
    font-family: 'Segoe UI', Roboto, sans-serif; width: 190px; box-sizing: border-box;
    background-color: #ffffff; color: #1f1433; transition: box-shadow .15s, border-color .15s, background-color .15s;
}
.wfs-filter-field select:hover[b-nv0lq67bqt] { background-color: #faf8ff; border-color: #c6b6ff; }
.wfs-filter-field select:focus[b-nv0lq67bqt] { outline: none; border-color: #b199ff; box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.18); }

.wfs-btn[b-nv0lq67bqt] {
    color: white; border: none; padding: 10px 20px; border-radius: 10px; cursor: pointer; font-size: 14px;
    transition: transform .12s ease, background .2s ease, box-shadow .2s ease; flex: 0 0 auto; font-family: inherit;
}
.wfs-btn-apply[b-nv0lq67bqt] { background: #330033; box-shadow: 0 2px 6px rgba(17, 12, 46, 0.15); }
.wfs-btn-apply:hover[b-nv0lq67bqt] { background: #4a004a; transform: translateY(-1px); }
.wfs-btn-clear[b-nv0lq67bqt] { background: #6c757d; box-shadow: 0 2px 6px rgba(17, 12, 46, 0.10); }
.wfs-btn-clear:hover[b-nv0lq67bqt] { filter: brightness(1.05); transform: translateY(-1px); }

/* Results */
.wfs-results[b-nv0lq67bqt] {
    background: white; border-radius: 0 0 8px 8px; border: 1px solid #e1e4e8; border-top: none;
}
.wfs-table-wrap[b-nv0lq67bqt] { overflow-x: auto; }
.wfs-table[b-nv0lq67bqt] { width: 100%; border-collapse: collapse; font-size: 13px; }
.wfs-table thead[b-nv0lq67bqt] { background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%); color: white; }
.wfs-table th[b-nv0lq67bqt] {
    padding: 14px 12px; text-align: left; font-weight: 600; font-size: 12px;
    text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; color: #fff;
}
.wfs-table td[b-nv0lq67bqt] { padding: 12px; border-bottom: 1px solid #e9ecef; vertical-align: middle; }
.wfs-table tbody tr[b-nv0lq67bqt] { background: white; transition: background 0.2s; }
.wfs-table tbody tr:nth-child(even)[b-nv0lq67bqt] { background: #f9f4ff; }
.wfs-table tbody tr:hover[b-nv0lq67bqt] { background: #f0e6ff; }

.wfs-empty[b-nv0lq67bqt] { text-align: center; color: #a0aec0; padding: 30px; font-style: italic; }

.wfs-row-number[b-nv0lq67bqt] { font-weight: 600; color: #666; font-size: 13px; }
.wfs-name[b-nv0lq67bqt] { font-weight: 600; color: #330033; }
.wfs-event-title[b-nv0lq67bqt] { color: #330033; font-weight: 600; }
.wfs-event-id[b-nv0lq67bqt] { color: #6f42c1; font-weight: 600; text-decoration: none; transition: color 0.2s; }
.wfs-event-id:hover[b-nv0lq67bqt] { color: #330033; text-decoration: underline; }

.wfs-email-link[b-nv0lq67bqt] { color: #6f42c1; text-decoration: none; transition: color 0.2s; cursor: pointer; }
.wfs-email-link:hover[b-nv0lq67bqt] { color: #330033; text-decoration: underline; }

.wfs-gender-badge[b-nv0lq67bqt] { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; }
.wfs-gender-badge.wfs-gender-male[b-nv0lq67bqt] { background: #cfe2ff; color: #084298; }
.wfs-gender-badge.wfs-gender-female[b-nv0lq67bqt] { background: #f8d7da; color: #721c24; }

.wfs-window-badge[b-nv0lq67bqt] {
    display: inline-flex; align-items: center; justify-content: center; padding: 4px 10px; border-radius: 12px;
    font-size: 12px; font-weight: 600; background: #e7f3ff; color: #0066cc; min-width: 35px;
}

.wfs-deadline-badge[b-nv0lq67bqt] {
    display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 12px;
    font-size: 12px; font-weight: 600; background: #fff3cd; color: #856404;
}
.wfs-deadline-badge i[b-nv0lq67bqt] { width: 14px; height: 14px; flex-shrink: 0; }
.wfs-deadline-badge.wfs-deadline-expired[b-nv0lq67bqt] { background: #f8d7da; color: #721c24; }
.wfs-deadline-days[b-nv0lq67bqt] { display: block; font-size: 11px; color: #666; margin-top: 2px; }

.wfs-action-button[b-nv0lq67bqt] {
    display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; background: #6f42c1; color: white;
    border: none; border-radius: 6px; cursor: pointer; text-decoration: none; font-size: 13px; font-weight: 500; transition: all 0.2s;
}
.wfs-action-button:hover[b-nv0lq67bqt] { background: #5a32a3; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(111, 66, 193, 0.3); color: white; }
.wfs-action-button i[b-nv0lq67bqt] { width: 14px; height: 14px; }

@media (max-width: 768px) {
    .wfs-table[b-nv0lq67bqt] { font-size: 12px; }
    .wfs-table th[b-nv0lq67bqt], .wfs-table td[b-nv0lq67bqt] { padding: 10px 8px; }
    .wfs-stats[b-nv0lq67bqt] { grid-template-columns: 1fr; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/WaitingListManager.cshtml.rz.scp.css */
/* ============================================================
   Waiting List Manager — Scoped CSS
   Extracted from admin/WaitingListManager.aspx inline <style>
   blocks (summary box, GRIDVIEWHeading grid, modal, buttons).
   Legacy body background (#C993FF) intentionally not carried
   over — _AdminLayout owns the page chrome.
   ============================================================ */

/* ── Page header (project convention, brand purple) ── */
.page-header[b-igx2ttu888] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #4D004D 0%, #330033 60%, #24001f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.header-left[b-igx2ttu888] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.header-icon[b-igx2ttu888] { width: 32px; height: 32px; opacity: 0.85; }
.header-left h1[b-igx2ttu888] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-sub[b-igx2ttu888] { font-size: 0.85rem; opacity: 0.75; margin-top: 2px; }
.header-right[b-igx2ttu888] { display: flex; align-items: center; gap: 14px; }
.badge[b-igx2ttu888] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.18);
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 5px 12px;
}

/* ── Current Event Summary (legacy .summary-box family) ── */
.summary-box[b-igx2ttu888] {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    width: auto;
    padding: 15px;
    margin: 20px auto;
    background-color: #F5ECFF;
    max-width: 600px;
    font-family: Arial, sans-serif;
}
.summary-header[b-igx2ttu888] {
    color: #FFFFFF;
    background-color: #330033;
    font-size: 15px;
    margin: -15px -15px 15px -15px;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    text-align: center;
}
.summary-content[b-igx2ttu888],
.summary-footer[b-igx2ttu888] {
    font-size: 14px;
    line-height: 1.6;
}
.summary-footer[b-igx2ttu888] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #CCCCCC;
    display: flex;
    justify-content: space-between;
}
.gender-column[b-igx2ttu888] { width: 48%; }
.gender-column b[b-igx2ttu888] { color: #555555; }
.summary-content b[b-igx2ttu888] { color: #555555; }
.manage-event-link[b-igx2ttu888] {
    display: block;
    text-align: center;
    margin-top: 15px;
}
.manage-event-link a[b-igx2ttu888] {
    display: inline-block;
    background-color: #330033;
    color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.3s ease;
}
.manage-event-link a:hover[b-igx2ttu888] { background-color: #4D004D; }

/* ── Signups grid (legacy GRIDVIEWHeading / griviewRowtr) ── */
.table-wrap[b-igx2ttu888] {
    overflow-x: auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
.wlm-grid[b-igx2ttu888] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.wlm-grid thead th[b-igx2ttu888] {
    color: white;
    background-color: #330033;   /* legacy .GRIDVIEWHeading */
    text-align: left;
    padding: 8px 6px;
    white-space: nowrap;
    font-weight: 600;
}
.wlm-grid tbody tr[b-igx2ttu888] {
    height: 50px;                /* legacy .griviewRowtr */
    color: black;
}
.wlm-grid tbody td[b-igx2ttu888] {
    padding: 4px 6px;
    vertical-align: middle;
}
.wlm-grid tbody a[b-igx2ttu888] {
    color: #330033;
    font-weight: 600;
}
.cell-nowrap[b-igx2ttu888] { white-space: nowrap; }
.cell-icons[b-igx2ttu888] {
    text-align: center;
    white-space: nowrap;
}
.cell-icons a[b-igx2ttu888] { display: inline-block; }
.mail-btn[b-igx2ttu888] { cursor: pointer; }
.empty-state[b-igx2ttu888] {
    padding: 30px;
    text-align: center;
    color: #666;
    font-size: 14px;
}

/* ── Get off Waiting list modal (legacy .modal family) ── */
.wlm-modal[b-igx2ttu888] {
    position: fixed;
    z-index: 10000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
.wlm-modal-content[b-igx2ttu888] {
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
    margin: 0 auto;
    width: 60%;                  /* legacy: left 20%, width 60% */
    max-width: 900px;
    animation-name: wlm-animatetop-b-igx2ttu888;
    animation-duration: 0.4s;
}
@keyframes wlm-animatetop-b-igx2ttu888 {
    from { top: -300px; opacity: 0; }
    to   { top: 0;      opacity: 1; }
}
.wlm-close[b-igx2ttu888] {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}
.wlm-close:hover[b-igx2ttu888],
.wlm-close:focus[b-igx2ttu888] {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
}
.wlm-modal-header[b-igx2ttu888] {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}
.wlm-modal-header h3[b-igx2ttu888] { margin: 0; }
.wlm-modal-body[b-igx2ttu888] { padding: 20px; }
.wlm-modal-footer[b-igx2ttu888] {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

/* ── Email compose form ── */
.email-form[b-igx2ttu888] { display: grid; gap: 14px; }
.form-field label[b-igx2ttu888] {
    display: block;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 4px;
}
.form-field input[type="text"][b-igx2ttu888] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid darkgray;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
    box-shadow: 1px 1px 1px 0 lightgray inset;
}
.ccbcc-fieldset[b-igx2ttu888] {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px 12px 12px;
}
.ccbcc-fieldset legend[b-igx2ttu888] {
    cursor: pointer;             /* legacy #ccAndBccLink */
    font-size: 13px;
    font-weight: 600;
    padding: 0 6px;
    user-select: none;
}
.send-row[b-igx2ttu888] { text-align: right; }

/* ── Buttons (legacy .btn / .button) ── */
.wlm-btn[b-igx2ttu888] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: #eee;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    user-select: none;
}
.wlm-btn-primary[b-igx2ttu888] {
    background-color: #330033;
    color: white;
}
.wlm-btn-primary:hover[b-igx2ttu888] { background-color: #4D004D; }
.wlm-btn-primary:disabled[b-igx2ttu888] {
    opacity: 0.6;
    cursor: not-allowed;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/WeatherLookup.cshtml.rz.scp.css */
/* ============================================================
   Weather Lookup — Scoped CSS
   Replaces admin/WeatherLookup.aspx. Purple house palette for the
   page chrome (header/form/button); the forecast cards reproduce the
   legacy inline-styled card look 1:1 (dark #330033 header, gradient
   body, temp/precip/wind blocks) so the rendered result is identical.
   Font-Awesome dropped in favour of Lucide <svg> icons.
   ============================================================ */

.container[b-354qxn6av7] {
    max-width: 1200px;
    margin: 0 auto;
}

header[b-354qxn6av7] {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

h1[b-354qxn6av7] {
    font-size: 2.2rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.description[b-354qxn6av7] {
    opacity: 0.9;
    margin: 0;
}

/* ── Search form ── */
.search-card[b-354qxn6av7] {
    background: #fff;
    padding: 24px;
    border-radius: 12px;
    margin-bottom: 25px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    max-width: 640px;
}

.form-row[b-354qxn6av7] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.form-row:last-child[b-354qxn6av7] {
    margin-bottom: 0;
}

.form-label[b-354qxn6av7] {
    font-weight: 500;
    color: #2d3436;
    min-width: 130px;
    flex-shrink: 0;
}

.form-input[b-354qxn6av7] {
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    min-width: 200px;
}

.form-input:focus[b-354qxn6av7] {
    outline: none;
    border-color: #663399;
    box-shadow: 0 0 0 3px rgba(102, 51, 153, 0.1);
}

.radio-group[b-354qxn6av7] {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
}

.radio-option[b-354qxn6av7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    color: #2d3436;
    font-size: 14px;
}

.radio-option input[b-354qxn6av7] {
    accent-color: #663399;
    cursor: pointer;
}

.btn-primary[b-354qxn6av7] {
    background: linear-gradient(135deg, #C993FF 0%, #663399 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(102, 51, 153, 0.3);
    border: none;
    padding: 10px 28px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
}

.btn-primary:hover[b-354qxn6av7] {
    background: linear-gradient(135deg, #663399 0%, #330033 100%);
    box-shadow: 0 5px 15px rgba(102, 51, 153, 0.4);
    transform: translateY(-2px);
}

.btn-primary:disabled[b-354qxn6av7] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* ── Results ── */
.results-section[b-354qxn6av7] {
    margin-top: 10px;
}

.results-heading[b-354qxn6av7] {
    font-weight: 700;
    font-size: 1.1rem;
    color: #2d3436;
    margin-bottom: 16px;
}

.empty-state[b-354qxn6av7] {
    text-align: center;
    padding: 40px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.empty-state svg[b-354qxn6av7] {
    width: 48px;
    height: 48px;
    color: #cbd5e1;
    margin-bottom: 15px;
}

.empty-state p[b-354qxn6av7] {
    color: #64748b;
    font-size: 1.1rem;
}

/* ── Forecast cards (legacy inline-styled look, reproduced 1:1) ── */
.wx-card[b-354qxn6av7] {
    font-family: 'Segoe UI', Arial, sans-serif;
    max-width: 600px;
    margin: 0 auto 5px auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
}

.wx-card-header[b-354qxn6av7] {
    background: #330033;
    color: white;
    padding: 16px;
    text-align: center;
}

.wx-card-header h2[b-354qxn6av7] {
    margin: 0;
    font-weight: 500;
}

.wx-card-date[b-354qxn6av7] {
    font-size: 14px;
    opacity: 0.9;
}

.wx-card-body[b-354qxn6av7] {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.wx-icon-block[b-354qxn6av7] {
    flex: 1;
    min-width: 120px;
    text-align: center;
    padding: 10px;
}

.wx-icon[b-354qxn6av7] {
    width: 80px;
    height: 80px;
}

.wx-conditions[b-354qxn6av7] {
    font-size: 18px;
    font-weight: 500;
    margin-top: 8px;
}

.wx-weather[b-354qxn6av7] {
    font-size: 14px;
    color: #555;
}

/* Temperature block (hourly) */
.wx-temp-block[b-354qxn6av7] {
    flex: 1;
    min-width: 120px;
    padding: 10px;
}

.wx-feelslike[b-354qxn6av7] {
    font-size: 36px;
    font-weight: 300;
    color: #333;
    line-height: 1;
}

.wx-feelslike-val[b-354qxn6av7] {
    font-size: 16px;
    display: block;
    color: #666;
}

.wx-hilo[b-354qxn6av7] {
    margin-top: 8px;
    font-size: 14px;
}

.wx-high[b-354qxn6av7] {
    color: #e74c3c;
}

.wx-low[b-354qxn6av7] {
    color: #3498db;
}

/* Details block (hourly) */
.wx-details-block[b-354qxn6av7] {
    flex: 1;
    min-width: 160px;
    padding: 10px;
}

.wx-detail[b-354qxn6av7] {
    margin-bottom: 12px;
}

.wx-detail:last-child[b-354qxn6av7] {
    margin-bottom: 0;
}

.wx-detail-label[b-354qxn6av7] {
    font-weight: 500;
    color: #555;
}

/* Footer */
.wx-card-footer[b-354qxn6av7] {
    background: #f8f9fa;
    padding: 12px;
    text-align: center;
    font-size: 12px;
    color: #666;
    border-top: 1px solid #eee;
}

.wx-card-footer-full[b-354qxn6av7] {
    width: 100%;
    box-sizing: border-box;
}
/* _content/NYMinuteDating-Net8/Pages/Admin/WhoMetBefore.cshtml.rz.scp.css */
/* ============================================================
   Who Met Before — Scoped CSS
   Legacy palette preserved: header #330033, rows #F5ECFF/white,
   Waiting/Canceled columns #C6A2EC, hidden-status rows #BB8EEB/#C6A2EC
   (row backgrounds are computed server-side and applied inline).
   ============================================================ */

.wmb-wrapper[b-egcidtcrlx] { max-width: 100%; }

/* Header */
.wmb-header[b-egcidtcrlx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a1a4a 55%, #5b2c6f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.wmb-header-left[b-egcidtcrlx] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.wmb-header-icon[b-egcidtcrlx] { width: 32px; height: 32px; opacity: 0.85; }
.wmb-header-left h1[b-egcidtcrlx] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.wmb-header-sub[b-egcidtcrlx] { font-size: 0.85rem; opacity: 0.8; margin-top: 2px; }

.wmb-back-link[b-egcidtcrlx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.15);
    color: #fff;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 500;
    padding: 7px 14px;
    border-radius: 8px;
    transition: background 0.15s;
}
.wmb-back-link:hover[b-egcidtcrlx] { background: rgba(255,255,255,0.28); }

/* Error */
.wmb-error-banner[b-egcidtcrlx] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Loading */
.wmb-loading[b-egcidtcrlx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.wmb-spinner[b-egcidtcrlx] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #330033;
    border-radius: 50%;
    animation: wmb-spin-b-egcidtcrlx 0.7s linear infinite;
}
@keyframes wmb-spin-b-egcidtcrlx { to { transform: rotate(360deg); } }

/* Section titles (legacy <b>Women</b> / <b>Men</b>) */
.wmb-section-title[b-egcidtcrlx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.05rem;
    font-weight: 700;
    color: #330033;
    margin: 0 2px 10px;
}
.wmb-section-gap[b-egcidtcrlx] { margin-top: 28px; }
.wmb-count-badge[b-egcidtcrlx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 22px;
    padding: 0 8px;
    border-radius: 11px;
    background: #330033;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
}

/* Table panel */
.wmb-table-panel[b-egcidtcrlx] {
    background: #fff;
    border: 1px solid #050931;   /* legacy GridView BorderColor #050931 */
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.wmb-table-wrap[b-egcidtcrlx] { overflow-x: auto; }

.wmb-table[b-egcidtcrlx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
/* Legacy HeaderStyle: BackColor #330033, ForeColor White, Bold */
.wmb-table th[b-egcidtcrlx] {
    text-align: left;
    padding: 9px 12px;
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
.wmb-table td[b-egcidtcrlx] {
    padding: 8px 12px;
    border-bottom: 1px solid #e3d5f0;
    color: #333;
    vertical-align: top;
}

.wmb-col-num[b-egcidtcrlx] { width: 46px; text-align: center; }
.wmb-col-qty[b-egcidtcrlx] { width: 46px; text-align: center; font-weight: 600; }
.wmb-col-status[b-egcidtcrlx] { width: 100px; white-space: nowrap; }
.wmb-col-details[b-egcidtcrlx] { width: 70px; text-align: center; }
.wmb-name[b-egcidtcrlx] { white-space: nowrap; font-weight: 500; }

/* Legacy ItemStyle-BackColor="#C6A2EC" on the Waiting List / Canceled columns */
.wmb-cell-purple[b-egcidtcrlx] { background-color: #C6A2EC; }

/* Horizontal name lists (legacy DataList RepeatDirection="Horizontal", bordered items) */
.wmb-chips[b-egcidtcrlx] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.wmb-chip[b-egcidtcrlx] {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid rgba(51, 0, 51, 0.35);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.55);
    font-size: 0.78rem;
    white-space: nowrap;
}

/* Details link (legacy HyperLinkField "Details") */
.wmb-details-link[b-egcidtcrlx] {
    color: #330033;
    font-weight: 600;
    text-decoration: underline;
    font-size: 0.82rem;
}
.wmb-details-link:hover[b-egcidtcrlx] { color: #5b2c6f; }

/* Empty state */
.wmb-empty[b-egcidtcrlx] {
    padding: 26px 20px;
    text-align: center;
    color: #888;
    font-size: 0.88rem;
}

/* Responsive */
@media (max-width: 768px) {
    .wmb-header[b-egcidtcrlx] { flex-direction: column; gap: 12px; text-align: center; }
    .wmb-header-left[b-egcidtcrlx] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/Admin/WhoMetBeforeDetail.cshtml.rz.scp.css */
/* ============================================================
   Who Met Before — Details — Scoped CSS
   Same purple family as the list page (legacy header #330033).
   ============================================================ */

.wmbd-wrapper[b-xn4wqtt7t1] { max-width: 100%; }

/* Header */
.wmbd-header[b-xn4wqtt7t1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    background: linear-gradient(135deg, #330033 0%, #4a1a4a 55%, #5b2c6f 100%);
    border-radius: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.wmbd-header-left[b-xn4wqtt7t1] {
    display: flex;
    align-items: center;
    gap: 14px;
}
.wmbd-header-icon[b-xn4wqtt7t1] { width: 32px; height: 32px; opacity: 0.85; }
.wmbd-header-left h1[b-xn4wqtt7t1] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.wmbd-header-sub[b-xn4wqtt7t1] { font-size: 0.85rem; opacity: 0.8; margin-top: 2px; }

.wmbd-back-link[b-xn4wqtt7t1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.15);
    color: #fff;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 500;
    padding: 7px 14px;
    border-radius: 8px;
    transition: background 0.15s;
}
.wmbd-back-link:hover[b-xn4wqtt7t1] { background: rgba(255,255,255,0.28); }

/* Error */
.wmbd-error-banner[b-xn4wqtt7t1] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 0.85rem;
}

/* Loading */
.wmbd-loading[b-xn4wqtt7t1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    gap: 12px;
    color: #888;
    font-size: 0.9rem;
}
.wmbd-spinner[b-xn4wqtt7t1] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #330033;
    border-radius: 50%;
    animation: wmbd-spin-b-xn4wqtt7t1 0.7s linear infinite;
}
@keyframes wmbd-spin-b-xn4wqtt7t1 { to { transform: rotate(360deg); } }

/* Table */
.wmbd-table-panel[b-xn4wqtt7t1] {
    background: #fff;
    border: 1px solid #050931;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
.wmbd-table-wrap[b-xn4wqtt7t1] { overflow-x: auto; }

.wmbd-table[b-xn4wqtt7t1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.wmbd-table th[b-xn4wqtt7t1] {
    text-align: left;
    padding: 9px 12px;
    background: #330033;
    color: #fff;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
.wmbd-table td[b-xn4wqtt7t1] {
    padding: 8px 12px;
    border-bottom: 1px solid #e3d5f0;
    color: #333;
    vertical-align: top;
}
.wmbd-table tbody tr:nth-child(odd) td[b-xn4wqtt7t1] { background: #F5ECFF; }

.wmbd-col-name[b-xn4wqtt7t1] { width: 220px; white-space: nowrap; font-weight: 500; }
.wmbd-col-qty[b-xn4wqtt7t1] { width: 46px; text-align: center; font-weight: 600; }

/* Event chips (legacy horizontal DataList: date <br /> title) */
.wmbd-chips[b-xn4wqtt7t1] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.wmbd-event-chip[b-xn4wqtt7t1] {
    display: inline-flex;
    flex-direction: column;
    padding: 4px 10px;
    border: 1px solid rgba(51, 0, 51, 0.35);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.55);
    font-size: 0.78rem;
    max-width: 260px;
}
.wmbd-event-date[b-xn4wqtt7t1] { font-weight: 600; color: #330033; }
.wmbd-event-title[b-xn4wqtt7t1] { color: #555; }

/* Empty state */
.wmbd-empty[b-xn4wqtt7t1] {
    padding: 26px 20px;
    text-align: center;
    color: #888;
    font-size: 0.88rem;
}

/* Responsive */
@media (max-width: 768px) {
    .wmbd-header[b-xn4wqtt7t1] { flex-direction: column; gap: 12px; text-align: center; }
    .wmbd-header-left[b-xn4wqtt7t1] { flex-direction: column; }
}
/* _content/NYMinuteDating-Net8/Pages/AvailableTickets.cshtml.rz.scp.css */
/* ============================================
   AVAILABLE TICKETS PAGE — SCOPED STYLES
   ============================================ */

/* ========== HERO ========== */
.hero-available-tickets[b-2lmzppxk9d] {
    margin-top: 80px;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
                url('/images/speeddating2.jpg') center/cover no-repeat;
    height: 50vh;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.hero-available-tickets h1[b-2lmzppxk9d] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    font-weight: 700;
    color: #e6d9f5;
}

.hero-available-tickets p[b-2lmzppxk9d] {
    font-size: 1.3rem;
    color: var(--text-gray);
}

/* ========== CONTENT ========== */
.available-tickets-content[b-2lmzppxk9d] {
    padding: 4rem 2rem;
    background: var(--background-dark);
}

.available-tickets-wrapper[b-2lmzppxk9d] {
    max-width: 900px;
    margin: 0 auto;
}

/* ========== NOTICE BANNER ========== */
.availability-notice[b-2lmzppxk9d] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: rgba(157, 34, 174, 0.1);
    border: 1px solid rgba(157, 34, 174, 0.3);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.notice-icon[b-2lmzppxk9d] {
    flex-shrink: 0;
    color: #c855d9;
    margin-top: 2px;
}

.availability-notice p[b-2lmzppxk9d] {
    color: var(--text-gray);
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0;
}

.availability-notice strong[b-2lmzppxk9d] {
    color: #e6d9f5;
}

/* ========== EVENT ENDED ========== */
.event-ended-message[b-2lmzppxk9d] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    color: #ef4444;
    font-size: 1.1rem;
}

.event-ended-message a[b-2lmzppxk9d] {
    color: #c855d9;
    text-decoration: underline;
}

/* ========== EVENT CARD ========== */
.event-details-card[b-2lmzppxk9d] {
    background: var(--background-medium);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    overflow: hidden;
}

.event-title-section[b-2lmzppxk9d] {
    padding: 2rem 2rem 1.5rem;
    border-bottom: 2px solid rgba(157, 34, 174, 0.3);
}

.event-main-title[b-2lmzppxk9d] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #e6d9f5;
    margin: 0;
}

.event-main-title.party-title[b-2lmzppxk9d] {
    color: #c855d9;
}

/* ========== INFO GRID ========== */
.event-info-grid[b-2lmzppxk9d] {
    padding: 0;
}

.event-info-row[b-2lmzppxk9d] {
    display: flex;
    padding: 1.2rem 2rem;
}

.event-info-row.alt[b-2lmzppxk9d] {
    background: rgba(0, 0, 0, 0.15);
}

.event-info-label[b-2lmzppxk9d] {
    flex: 0 0 200px;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: #c855d9;
    font-weight: 600;
    font-size: 0.95rem;
}

.event-info-label svg[b-2lmzppxk9d] {
    flex-shrink: 0;
}

.event-info-value[b-2lmzppxk9d] {
    flex: 1;
    color: var(--text-gray);
    font-size: 1rem;
    line-height: 1.6;
}

.venue-address div[b-2lmzppxk9d] {
    margin-bottom: 2px;
}

.event-cost[b-2lmzppxk9d] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #2ecc71;
}

.event-status-badge[b-2lmzppxk9d] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    background: rgba(157, 34, 174, 0.2);
    color: #c855d9;
    font-size: 0.9rem;
    font-weight: 600;
}

/* ========== ACTION LINKS ========== */
.event-action-links[b-2lmzppxk9d] {
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.action-link[b-2lmzppxk9d] {
    display: inline-block;
    padding: 12px 28px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
}

.signup-link[b-2lmzppxk9d],
.signup-link-primary[b-2lmzppxk9d] {
    background: linear-gradient(135deg, #9d22ae, #7b1b8e);
    color: white;
}

.signup-link:hover[b-2lmzppxk9d],
.signup-link-primary:hover[b-2lmzppxk9d] {
    background: linear-gradient(135deg, #b035c3, #9d22ae);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(157, 34, 174, 0.4);
}

.signup-link-primary[b-2lmzppxk9d] {
    padding: 14px 36px;
    font-size: 1.1rem;
}

.waiting-link[b-2lmzppxk9d] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--text-gray);
}

.waiting-link:hover[b-2lmzppxk9d] {
    border-color: #c855d9;
    color: #e6d9f5;
    background: rgba(157, 34, 174, 0.1);
}

.info-link[b-2lmzppxk9d] {
    background: transparent;
    color: #c855d9;
    border: 1px solid rgba(157, 34, 174, 0.3);
}

.info-link:hover[b-2lmzppxk9d] {
    border-color: #c855d9;
    background: rgba(157, 34, 174, 0.1);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .hero-available-tickets[b-2lmzppxk9d] {
        height: 40vh;
        min-height: 280px;
    }

    .hero-available-tickets h1[b-2lmzppxk9d] {
        font-size: 2rem;
    }

    .event-info-row[b-2lmzppxk9d] {
        flex-direction: column;
        gap: 0.5rem;
        padding: 1rem 1.5rem;
    }

    .event-info-label[b-2lmzppxk9d] {
        flex: none;
    }

    .event-title-section[b-2lmzppxk9d] {
        padding: 1.5rem;
    }

    .event-action-links[b-2lmzppxk9d] {
        padding: 1.5rem;
        flex-direction: column;
    }

    .action-link[b-2lmzppxk9d] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Blog/Article.cshtml.rz.scp.css */
/* Blog Article Page — scoped CSS */

/* Hero */
.hero-custom-page[b-mtce490qab] {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(15, 15, 15, 0.85)),
                url('/images/speeddating1.jpg') center/cover;
    height: 50vh;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.hero-custom-page h1[b-mtce490qab] {
    font-size: 3rem;
    text-transform: capitalize;
    font-weight: 800;
    margin-bottom: 0.5rem;
}

/* Blog Post Meta (in hero) */
.blog-post-meta[b-mtce490qab] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.8);
}

.blog-post-date[b-mtce490qab] {
    font-weight: 500;
}

/* Content Layout */
.custom-page-content[b-mtce490qab] {
    padding: 4rem 2rem;
}

.custom-page-wrapper[b-mtce490qab] {
    max-width: 900px;
    margin: 0 auto;
}

/* Article Content — the CMS/blog HTML injected at runtime via @Html.Raw.
   Child selectors use ::deep (F-058 ext, 2026-07-11 — same fix pattern as the
   Events F-058 remediation): the scope attribute lands on the literal
   .custom-content-article ancestor, so the rules reach the injected
   <p>/<h2>/<table>/... which never receive the b-* attribute themselves.
   (An ordinary `.custom-content-article p` would compile to
   `.custom-content-article p[b-...]` and never match the injected <p>.) */
.custom-content-article[b-mtce490qab] {
    background: var(--background-medium);
    padding: 3rem;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    line-height: 1.8;
}

.custom-content-article[b-mtce490qab]  p {
    font-size: 1.1rem;
    color: var(--text-gray);
    margin-bottom: 1.5rem;
    line-height: 1.8;
}

.custom-content-article[b-mtce490qab]  h2 {
    font-size: 2rem;
    color: #e6d9f5;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.custom-content-article[b-mtce490qab]  h3 {
    font-size: 1.6rem;
    color: #e6d9f5;
    margin-top: 1.5rem;
    margin-bottom: 0.8rem;
}

.custom-content-article[b-mtce490qab]  h4 {
    font-size: 1.3rem;
    color: #e6d9f5;
    margin-top: 1rem;
    margin-bottom: 0.6rem;
}

.custom-content-article[b-mtce490qab]  ul,
.custom-content-article[b-mtce490qab]  ol {
    margin-left: 2rem;
    margin-bottom: 1.5rem;
    color: var(--text-gray);
}

.custom-content-article[b-mtce490qab]  li {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    line-height: 1.8;
}

.custom-content-article[b-mtce490qab]  a {
    color: #9d22ae;
    text-decoration: none;
    font-weight: 600;
}

.custom-content-article[b-mtce490qab]  a:hover {
    text-decoration: underline;
}

.custom-content-article[b-mtce490qab]  strong {
    color: #e6d9f5;
}

.custom-content-article[b-mtce490qab]  blockquote {
    border-left: 4px solid #9d22ae;
    padding-left: 1.5rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: var(--text-gray);
}

.custom-content-article[b-mtce490qab]  img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 1.5rem 0;
}

.custom-content-article[b-mtce490qab]  table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
}

.custom-content-article[b-mtce490qab]  table th,
.custom-content-article[b-mtce490qab]  table td {
    padding: 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-align: left;
}

.custom-content-article[b-mtce490qab]  table th {
    background: rgba(157, 34, 174, 0.2);
    color: #e6d9f5;
    font-weight: 600;
}

.custom-content-article[b-mtce490qab]  table td {
    color: var(--text-gray);
}

/* Back to Blog Link */
.blog-back-link[b-mtce490qab] {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.blog-back-link a[b-mtce490qab] {
    color: #9d22ae;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.blog-back-link a:hover[b-mtce490qab] {
    color: #b12ec6;
}

/* Responsive */
@media (max-width: 1024px) {
    .hero-custom-page h1[b-mtce490qab] {
        font-size: 2rem;
    }

    .custom-content-article[b-mtce490qab] {
        padding: 2rem;
    }

    .custom-content-article[b-mtce490qab]  p,
    .custom-content-article[b-mtce490qab]  li {
        font-size: 1rem;
    }

    .custom-content-article[b-mtce490qab]  h2 {
        font-size: 1.7rem;
    }

    .custom-content-article[b-mtce490qab]  h3 {
        font-size: 1.4rem;
    }
}

@media (max-width: 768px) {
    .blog-post-meta[b-mtce490qab] {
        flex-direction: column;
        gap: 4px;
    }

    .custom-page-content[b-mtce490qab] {
        padding: 2rem 1rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Blog/Index.cshtml.rz.scp.css */
/* Blog Listing Page — scoped CSS */

/* Hero - subtle dark gradient, no image */
.hero.hero-blog-small[b-gr5m9y84ss] {
    height: auto;
    min-height: auto;
    padding: 120px 0 50px 0;
    background: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);
    border-bottom: 3px solid #9d22ae;
}

.hero-blog-small h1[b-gr5m9y84ss] {
    color: #e6d9f5;
    font-size: 2.5rem;
}

.hero-blog-small p[b-gr5m9y84ss] {
    color: #9ca3af;
    font-size: 1.1rem;
}

/* Blog Listing Section */
.blog-listing-section[b-gr5m9y84ss] {
    padding: 60px 20px;
    background-color: #0f0f0f;
}

.blog-grid[b-gr5m9y84ss] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 30px;
    max-width: 1400px;
    margin: 0 auto;
}

/* Blog Card */
.blog-card[b-gr5m9y84ss] {
    background: #262626;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.blog-card:hover[b-gr5m9y84ss] {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(157, 34, 174, 0.3);
    border-color: rgba(157, 34, 174, 0.3);
}

.blog-card-image-link[b-gr5m9y84ss] {
    display: block;
    overflow: hidden;
}

.blog-card-image[b-gr5m9y84ss] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blog-card:hover .blog-card-image[b-gr5m9y84ss] {
    transform: scale(1.05);
}

.blog-card-content[b-gr5m9y84ss] {
    padding: 24px;
}

.blog-card-meta[b-gr5m9y84ss] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 0.875rem;
    color: #9ca3af;
}

.blog-card-date[b-gr5m9y84ss] {
    color: #9d22ae;
    font-weight: 500;
}

.blog-card-author[b-gr5m9y84ss] {
    color: #9ca3af;
}

.blog-card-title[b-gr5m9y84ss] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-card-title a[b-gr5m9y84ss] {
    color: #e6d9f5;
    text-decoration: none;
    transition: color 0.2s ease;
}

.blog-card-title a:hover[b-gr5m9y84ss] {
    color: #9d22ae;
}

.blog-card-excerpt[b-gr5m9y84ss] {
    color: #d1d5db;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card-link[b-gr5m9y84ss] {
    display: inline-block;
    color: #9d22ae;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
}

.blog-card-link:hover[b-gr5m9y84ss] {
    color: #b12ec6;
}

.no-posts-message[b-gr5m9y84ss] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px;
    color: #9ca3af;
    font-size: 1.1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .blog-grid[b-gr5m9y84ss] {
        grid-template-columns: 1fr;
    }

    .blog-card-image[b-gr5m9y84ss] {
        height: 180px;
    }

    .hero-blog-small h1[b-gr5m9y84ss] {
        font-size: 2rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Careers.cshtml.rz.scp.css */
/* ============================================
   CAREERS PAGE — SCOPED STYLES
   ============================================ */

/* ========== HERO ========== */
.hero-careers[b-xsdh3nf5l9] {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(15, 15, 15, 0.85)),
                url('/images/speeddating9.jpg') center/cover;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.hero-careers h1[b-xsdh3nf5l9] {
    font-size: 3.5rem;
}

.hero-careers p[b-xsdh3nf5l9] {
    font-size: 1.3rem;
}

/* ========== CONTENT ========== */
.careers-page-content[b-xsdh3nf5l9] {
    padding: 4rem 2rem;
}

.content-wrapper[b-xsdh3nf5l9] {
    max-width: 900px;
    margin: 0 auto;
}

.careers-intro[b-xsdh3nf5l9] {
    text-align: center;
    margin-bottom: 4rem;
}

.careers-intro p[b-xsdh3nf5l9] {
    font-size: 1.2rem;
    color: var(--text-gray);
    line-height: 1.8;
}

/* ========== SECTIONS ========== */
.careers-section[b-xsdh3nf5l9] {
    margin-bottom: 3rem;
    padding: 2.5rem;
    background: var(--background-medium);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s;
}

.careers-section:hover[b-xsdh3nf5l9] {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(124, 58, 237, 0.2);
    border-color: rgba(124, 58, 237, 0.3);
}

.highlight-section[b-xsdh3nf5l9] {
    background: linear-gradient(135deg, rgba(157, 34, 174, 0.1), rgba(124, 58, 237, 0.1));
    border-color: rgba(157, 34, 174, 0.3);
}

.terms-section[b-xsdh3nf5l9] {
    background: rgba(157, 34, 174, 0.05);
    border-color: rgba(157, 34, 174, 0.2);
}

.careers-icon[b-xsdh3nf5l9] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.careers-section h3[b-xsdh3nf5l9] {
    font-size: 1.8rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.careers-section p[b-xsdh3nf5l9] {
    font-size: 1.1rem;
    color: var(--text-gray);
    line-height: 1.8;
    margin-bottom: 1rem;
}

.careers-section p:last-child[b-xsdh3nf5l9] {
    margin-bottom: 0;
}

.careers-section a[b-xsdh3nf5l9] {
    color: #9d22ae;
    text-decoration: none;
    font-weight: 600;
}

.careers-section a:hover[b-xsdh3nf5l9] {
    text-decoration: underline;
}

/* ========== RESPONSIBILITIES LIST ========== */
.responsibilities-list[b-xsdh3nf5l9] {
    list-style: none;
    padding: 0;
    margin-top: 1.5rem;
}

.responsibilities-list li[b-xsdh3nf5l9] {
    padding: 0.8rem 0 0.8rem 2.5rem;
    color: var(--text-gray);
    font-size: 1.1rem;
    line-height: 1.7;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.responsibilities-list li:last-child[b-xsdh3nf5l9] {
    border-bottom: none;
}

.responsibilities-list li[b-xsdh3nf5l9]:before {
    content: '\2713';
    position: absolute;
    left: 0;
    color: #9d22ae;
    font-weight: bold;
    font-size: 1.3rem;
}

/* ========== WHY WORK WITH US ========== */
.why-work-section[b-xsdh3nf5l9] {
    background: rgba(26, 26, 26, 0.3);
    padding: 4rem 2rem;
}

.why-work-section .section-header[b-xsdh3nf5l9] {
    text-align: center;
    margin-bottom: 3rem;
}

.why-work-section .section-header h2[b-xsdh3nf5l9] {
    font-size: 2.5rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.why-work-section .section-header p[b-xsdh3nf5l9] {
    font-size: 1.2rem;
    color: var(--text-gray);
}

.benefits-grid[b-xsdh3nf5l9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.benefit-card[b-xsdh3nf5l9] {
    text-align: center;
    padding: 2.5rem;
    background: var(--background-medium);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s;
}

.benefit-card:hover[b-xsdh3nf5l9] {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(124, 58, 237, 0.2);
    border-color: rgba(124, 58, 237, 0.3);
}

.benefit-icon[b-xsdh3nf5l9] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.benefit-card h3[b-xsdh3nf5l9] {
    font-size: 1.5rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.benefit-card p[b-xsdh3nf5l9] {
    font-size: 1rem;
    color: var(--text-gray);
    line-height: 1.7;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
    .hero-careers h1[b-xsdh3nf5l9] {
        font-size: 2.5rem;
    }

    .careers-intro p[b-xsdh3nf5l9] {
        font-size: 1.1rem;
    }

    .careers-section[b-xsdh3nf5l9] {
        padding: 2rem;
    }

    .careers-section h3[b-xsdh3nf5l9] {
        font-size: 1.5rem;
    }

    .careers-section p[b-xsdh3nf5l9] {
        font-size: 1rem;
    }

    .responsibilities-list li[b-xsdh3nf5l9] {
        font-size: 1rem;
        padding-left: 2rem;
    }

    .benefits-grid[b-xsdh3nf5l9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .careers-page-content[b-xsdh3nf5l9] {
        padding: 2rem 1rem;
    }

    .hero-careers[b-xsdh3nf5l9] {
        height: 45vh;
    }

    .hero-careers h1[b-xsdh3nf5l9] {
        font-size: 2rem;
    }

    .why-work-section .section-header h2[b-xsdh3nf5l9] {
        font-size: 2rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Contact.cshtml.rz.scp.css */
/* ============================================
   CONTACT PAGE — SCOPED STYLES
   ============================================ */

/* ========== HEADER ========== */
.contact-header[b-pju8mwcl27] {
    margin-top: 80px;
    padding: 40px 20px 20px;
    text-align: center;
}

.contact-header-inner[b-pju8mwcl27] {
    max-width: 1400px;
    margin: 0 auto;
}

.contact-page-title[b-pju8mwcl27] {
    font-size: 3em;
    color: white;
    margin-bottom: 10px;
    font-weight: 700;
}

.contact-header p[b-pju8mwcl27] {
    font-size: 1.2em;
    color: #e6d9f5;
    font-weight: 300;
}

/* ========== CONTENT ========== */
.contact-page-content[b-pju8mwcl27] {
    padding: 4rem 2rem;
}

.contact-wrapper[b-pju8mwcl27] {
    max-width: 900px;
    margin: 0 auto;
}

.contact-form-section[b-pju8mwcl27] {
    background: var(--background-medium);
    padding: 3rem;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* ========== VALIDATION ========== */
.validation-summary[b-pju8mwcl27] {
    background: rgba(251, 113, 133, 0.1);
    border: 1px solid rgba(251, 113, 133, 0.3);
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    color: #fb7185;
}

.validation-summary ul[b-pju8mwcl27] {
    margin-left: 1.5rem;
    margin-top: 0.5rem;
}

/* ========== FORM ========== */
.form-group[b-pju8mwcl27] {
    margin-bottom: 1.5rem;
}

.form-label[b-pju8mwcl27] {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: #e6d9f5;
    margin-bottom: 0.5rem;
}

.form-input[b-pju8mwcl27],
.form-select[b-pju8mwcl27],
.form-textarea[b-pju8mwcl27] {
    width: 100%;
    padding: 0.9rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.3);
    color: white;
    font-size: 1rem;
    font-family: inherit;
    transition: all 0.3s;
}

.form-input:focus[b-pju8mwcl27],
.form-select:focus[b-pju8mwcl27],
.form-textarea:focus[b-pju8mwcl27] {
    outline: none;
    border-color: #9d22ae;
    box-shadow: 0 0 0 3px rgba(157, 34, 174, 0.1);
}

.form-select[b-pju8mwcl27] {
    cursor: pointer;
}

.form-select option[b-pju8mwcl27] {
    background-color: #1a1a1a;
}

.form-textarea[b-pju8mwcl27] {
    resize: vertical;
    min-height: 120px;
}

/* ========== ACTIONS ========== */
.form-actions[b-pju8mwcl27] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.btn-submit[b-pju8mwcl27] {
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    color: white;
    padding: 1rem 3rem;
    border: none;
    border-radius: 30px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 5px 20px rgba(157, 34, 174, 0.4);
}

.btn-submit:hover[b-pju8mwcl27] {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(157, 34, 174, 0.6);
}

.secure-badge[b-pju8mwcl27] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    color: var(--text-gray);
    font-size: 0.9rem;
}

/* ========== CONFIRMATION ========== */
.confirmation-message[b-pju8mwcl27] {
    text-align: center;
    padding: 3rem;
}

.confirmation-icon[b-pju8mwcl27] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: white;
    margin: 0 auto 2rem;
    box-shadow: 0 5px 20px rgba(157, 34, 174, 0.4);
}

.confirmation-message h2[b-pju8mwcl27] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.confirmation-message p[b-pju8mwcl27] {
    font-size: 1.1rem;
    color: var(--text-gray);
    margin-bottom: 2rem;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .contact-page-title[b-pju8mwcl27] {
        font-size: 2.2em;
    }

    .contact-form-section[b-pju8mwcl27] {
        padding: 2rem;
    }

    .btn-submit[b-pju8mwcl27] {
        width: 100%;
    }

    .form-actions[b-pju8mwcl27] {
        align-items: stretch;
    }

    .secure-badge[b-pju8mwcl27] {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .contact-page-title[b-pju8mwcl27] {
        font-size: 2em;
    }
}
/* _content/NYMinuteDating-Net8/Pages/CustomPage.cshtml.rz.scp.css */
/* ===== Custom Page / CMS Renderer — Scoped CSS ===== */

.custom-page-content[b-tbbuclgoej] {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 60px;
}

.custom-page-wrapper[b-tbbuclgoej] {
    width: 100%;
}

/* Article/CMS body — the HTML injected at runtime via @Html.Raw. Child
   selectors use ::deep (F-058 ext, 2026-07-11 — same fix pattern as the Events
   F-058 remediation): the scope attribute lands on the literal
   .custom-content-article ancestor, so the rules reach the injected
   <p>/<h2>/<img>/... which never receive the b-* attribute themselves.
   (The wrapper's own color/font-size/line-height inherit to the children; the
   element-specific rules below need ::deep to match at all.) */
.custom-content-article[b-tbbuclgoej] {
    color: #ccc;
    font-size: 1rem;
    line-height: 1.8;
}

.custom-content-article[b-tbbuclgoej]  h2 {
    color: #fff;
    font-size: 1.5rem;
    margin: 2rem 0 1rem;
}

.custom-content-article[b-tbbuclgoej]  h3 {
    color: #fff;
    font-size: 1.2rem;
    margin: 1.5rem 0 0.8rem;
}

.custom-content-article[b-tbbuclgoej]  p {
    margin-bottom: 1rem;
}

.custom-content-article[b-tbbuclgoej]  a {
    color: var(--primary-color, #9d22ae);
    text-decoration: none;
}

.custom-content-article[b-tbbuclgoej]  a:hover {
    text-decoration: underline;
}

.custom-content-article[b-tbbuclgoej]  img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1rem 0;
}

.custom-content-article[b-tbbuclgoej]  ul,
.custom-content-article[b-tbbuclgoej]  ol {
    margin: 1rem 0;
    padding-left: 1.5rem;
}

.custom-content-article[b-tbbuclgoej]  li {
    margin-bottom: 0.5rem;
}

.custom-content-article[b-tbbuclgoej]  blockquote {
    border-left: 3px solid var(--primary-color, #9d22ae);
    padding: 1rem 1.5rem;
    margin: 1.5rem 0;
    background: rgba(157, 34, 174, 0.05);
    border-radius: 0 8px 8px 0;
    color: #bbb;
    font-style: italic;
}

/* Blog Post Meta */
.blog-post-meta[b-tbbuclgoej] {
    color: #999;
    font-size: 0.9rem;
    margin-top: 8px;
}

.blog-post-date[b-tbbuclgoej] {
    color: var(--primary-color, #9d22ae);
}

/* Back to Blog Link */
.blog-back-link[b-tbbuclgoej] {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.blog-back-link a[b-tbbuclgoej] {
    color: var(--primary-color, #9d22ae);
    text-decoration: none;
    font-size: 0.95rem;
    transition: color 0.2s;
}

.blog-back-link a:hover[b-tbbuclgoej] {
    color: #b32cc5;
}

/* Responsive */
@media (max-width: 768px) {
    .custom-page-content[b-tbbuclgoej] {
        padding: 24px 16px 40px;
    }

    .custom-content-article[b-tbbuclgoej] {
        font-size: 0.95rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Error.cshtml.rz.scp.css */
/* ===== Error Report Page — Scoped CSS ===== */

.hero-error[b-rgnsmua6rt] {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
                url('/images/speeddating2.jpg') center/cover no-repeat;
    min-height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 120px 20px 60px;
}

.hero-error .hero-content h1[b-rgnsmua6rt] {
    font-size: 2.8rem;
    color: white;
    margin-bottom: 0.5rem;
}

.hero-error .hero-content p[b-rgnsmua6rt] {
    font-size: 1.2rem;
    color: #9ca3af;
}

.error-content[b-rgnsmua6rt] {
    padding: 2rem 1rem;
    background: var(--background-dark, #0f0f0f);
    min-height: 50vh;
}

.error-wrapper[b-rgnsmua6rt] {
    max-width: 800px;
    margin: 0 auto;
}

.error-card[b-rgnsmua6rt] {
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 3rem 2rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.error-icon[b-rgnsmua6rt] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.error-icon i[b-rgnsmua6rt] {
    width: 64px;
    height: 64px;
    color: #fb7185;
    animation: pulse-b-rgnsmua6rt 2s infinite;
}

@keyframes pulse-b-rgnsmua6rt {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.error-card h2[b-rgnsmua6rt] {
    font-size: 2rem;
    color: white;
    text-align: center;
    margin-bottom: 1rem;
}

.error-message[b-rgnsmua6rt] {
    text-align: center;
    color: #9ca3af;
    font-size: 1.1rem;
    line-height: 1.8;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Form Section */
.error-form-section[b-rgnsmua6rt] {
    margin-bottom: 2rem;
}

.error-form-section h3[b-rgnsmua6rt] {
    color: #9d22ae;
    font-size: 1.3rem;
    margin: 2rem 0 0.8rem;
}

.error-form-section p[b-rgnsmua6rt] {
    color: #9ca3af;
    margin-bottom: 1rem;
}

.error-form-section .form-group[b-rgnsmua6rt] {
    margin-bottom: 1.5rem;
}

.error-form-section .form-group label[b-rgnsmua6rt] {
    display: block;
    color: #d1d5db;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.error-form-section .required[b-rgnsmua6rt] {
    color: #fb7185;
}

.error-form-section .form-input[b-rgnsmua6rt],
.error-form-section .form-textarea[b-rgnsmua6rt] {
    width: 100%;
    padding: 0.8rem 1rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    transition: all 0.3s;
    box-sizing: border-box;
}

.error-form-section .form-input:focus[b-rgnsmua6rt],
.error-form-section .form-textarea:focus[b-rgnsmua6rt] {
    outline: none;
    border-color: #9d22ae;
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0 3px rgba(157, 34, 174, 0.1);
}

.error-form-section .form-textarea[b-rgnsmua6rt] {
    min-height: 120px;
    resize: vertical;
    font-family: inherit;
}

.error-form-section .field-validator[b-rgnsmua6rt] {
    color: #fb7185;
    font-size: 0.9rem;
    display: block;
    margin-top: 0.3rem;
}

.validation-summary[b-rgnsmua6rt] {
    color: #fb7185;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.error-form-section .form-actions[b-rgnsmua6rt] {
    text-align: center;
    margin-top: 2rem;
}

.error-form-section .btn-submit[b-rgnsmua6rt] {
    padding: 1rem 3rem;
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    color: white;
    border: none;
    border-radius: 30px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(157, 34, 174, 0.4);
    transition: all 0.3s ease;
}

.error-form-section .btn-submit:hover[b-rgnsmua6rt] {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(157, 34, 174, 0.6);
}

/* Quick Links */
.error-links[b-rgnsmua6rt] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.error-links h3[b-rgnsmua6rt] {
    color: white;
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
    text-align: center;
}

.links-grid[b-rgnsmua6rt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.error-link[b-rgnsmua6rt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1.2rem 1rem;
    background: rgba(157, 34, 174, 0.1);
    border: 1px solid rgba(157, 34, 174, 0.3);
    border-radius: 12px;
    color: #d1d5db;
    text-align: center;
    text-decoration: none;
    font-size: 0.95rem;
    transition: all 0.3s;
}

.error-link:hover[b-rgnsmua6rt] {
    background: rgba(157, 34, 174, 0.2);
    border-color: #9d22ae;
    transform: translateY(-2px);
    color: white;
}

.error-link i[b-rgnsmua6rt] {
    width: 24px;
    height: 24px;
    color: #9d22ae;
}

/* Confirmation Card */
.confirmation-card[b-rgnsmua6rt] {
    text-align: center;
}

.confirmation-icon[b-rgnsmua6rt] {
    margin-bottom: 1.5rem;
}

.confirmation-icon i[b-rgnsmua6rt] {
    width: 64px;
    height: 64px;
    color: #2ecc71;
}

.confirmation-card h2[b-rgnsmua6rt] {
    color: #2ecc71;
}

.confirmation-message[b-rgnsmua6rt] {
    color: #9ca3af;
    font-size: 1.1rem;
    line-height: 1.8;
    margin-bottom: 2rem;
}

/* Responsive */
@media (max-width: 768px) {
    .hero-error[b-rgnsmua6rt] {
        min-height: 30vh;
        padding: 100px 16px 40px;
    }

    .hero-error .hero-content h1[b-rgnsmua6rt] {
        font-size: 2rem;
    }

    .error-card[b-rgnsmua6rt] {
        padding: 2rem 1.5rem;
    }

    .error-card h2[b-rgnsmua6rt] {
        font-size: 1.5rem;
    }

    .links-grid[b-rgnsmua6rt] {
        grid-template-columns: 1fr;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Events/Details.cshtml.rz.scp.css */
/* ========== LAYOUT ========== */
.page-container[b-q7w3xy29s7] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 32px;
    width: 100%;
}

/* ========== HERO ========== */
.hero[b-q7w3xy29s7] {
    padding: 2rem 0;
    text-align: center;
    position: relative;
    z-index: 1;
}
.hero-content[b-q7w3xy29s7] {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}
.hero-badge[b-q7w3xy29s7] {
    display: inline-block;
    background: rgba(157, 34, 174, 0.2);
    color: #c084fc;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
    border: 1px solid rgba(157, 34, 174, 0.3);
}
.hero-title[b-q7w3xy29s7] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
    line-height: 1.2;
}
.hero-meta[b-q7w3xy29s7] {
    display: flex;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
    color: #b8b8b8;
}
.meta-item[b-q7w3xy29s7] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
}
.meta-item svg[b-q7w3xy29s7] {
    opacity: 0.7;
}

/* ========== EVENT IMAGE ========== */
.event-image-section[b-q7w3xy29s7] {
    position: relative;
    z-index: 1;
    padding-bottom: 32px;
}
.event-image-wrapper[b-q7w3xy29s7] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    max-width: 600px;
    margin: 0 auto;
    position: relative;
}
.event-main-image[b-q7w3xy29s7] {
    width: 100%;
    height: auto;
    display: block;
}

/* ========== SHARE BUTTON ========== */
.share-btn[b-q7w3xy29s7] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 10;
    padding: 0;
}
.share-btn:hover[b-q7w3xy29s7] {
    background: rgba(157, 34, 174, 0.8);
    transform: scale(1.1);
}
.share-btn svg[b-q7w3xy29s7] {
    width: 18px;
    height: 18px;
    color: white;
    pointer-events: none;
}
.share-tooltip[b-q7w3xy29s7] {
    position: absolute;
    top: 12px;
    right: 60px;
    background: rgba(0, 0, 0, 0.85);
    color: white;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 11;
    pointer-events: none;
}
.share-tooltip.show[b-q7w3xy29s7] {
    opacity: 1;
    visibility: visible;
}

/* ========== MAIN CONTENT ========== */
.main-section[b-q7w3xy29s7] {
    position: relative;
    z-index: 1;
    padding-bottom: 60px;
}
.content-layout[b-q7w3xy29s7] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 40px;
    align-items: start;
}
.card[b-q7w3xy29s7] {
    background: #1a1a1a;
    border-radius: 16px;
    padding: 28px;
    margin-bottom: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.card-title[b-q7w3xy29s7] {
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 16px;
}
.event-description[b-q7w3xy29s7] {
    color: #b8b8b8;
    line-height: 1.8;
}

/* ========== DIRECTIONS & MAP ========== */
.directions-content[b-q7w3xy29s7] {
    color: #b8b8b8;
    margin-bottom: 20px;
    line-height: 1.7;
}
.map-embed[b-q7w3xy29s7] {
    border-radius: 12px;
    overflow: hidden;
}
.map-embed iframe[b-q7w3xy29s7] {
    display: block;
}

/* ========== VENUE ABOUT (NYE) ========== */
.venue-layout[b-q7w3xy29s7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}
.venue-description[b-q7w3xy29s7] {
    color: #b8b8b8;
    line-height: 1.8;
}
.venue-map[b-q7w3xy29s7] {
    border-radius: 12px;
    overflow: hidden;
}

/* ========== SIDEBAR ========== */
.sidebar-card[b-q7w3xy29s7] {
    position: sticky;
    top: 100px;
}
.price-tag[b-q7w3xy29s7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.price-tag .price-label[b-q7w3xy29s7] {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
}
.price-tag .price-label .mobile-text[b-q7w3xy29s7] {
    display: inline;
}
.price-tag .price-label .desktop-text[b-q7w3xy29s7] {
    display: none;
}
.price-tag .price-amount[b-q7w3xy29s7] {
    display: none;
}
.btn-register-sidebar[b-q7w3xy29s7] {
    display: block;
    width: 100%;
    background: linear-gradient(135deg, #9d22ae 0%, #7b1a8a 100%);
    color: white;
    text-align: center;
    padding: 16px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
    transition: all 0.3s;
}
.btn-register-sidebar:hover[b-q7w3xy29s7] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(157, 34, 174, 0.4);
}
.divider[b-q7w3xy29s7] {
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin-bottom: 20px;
}
.detail-list[b-q7w3xy29s7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.detail-row[b-q7w3xy29s7] {
    display: flex;
    gap: 14px;
}
.detail-icon[b-q7w3xy29s7] {
    color: #9d22ae;
    flex-shrink: 0;
    padding-top: 2px;
}
.detail-label[b-q7w3xy29s7] {
    font-size: 12px;
    color: #808080;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}
.detail-value[b-q7w3xy29s7] {
    color: #fff;
    font-size: 15px;
}

/* ========== STICKY BOTTOM BAR (Mobile) ========== */
.sticky-bottom-bar[b-q7w3xy29s7] {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    border-top: 3px solid #9d22ae;
    padding: 12px 20px;
    z-index: 1001;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);
    justify-content: space-between;
    align-items: center;
}
.sticky-bottom-info[b-q7w3xy29s7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.sticky-bottom-date[b-q7w3xy29s7] {
    font-size: 0.75rem;
    color: #c855d9;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.sticky-bottom-price[b-q7w3xy29s7] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffffff;
}
.sticky-bottom-price .per-ticket[b-q7w3xy29s7] {
    font-size: 0.8rem;
    font-weight: 400;
    color: #b8b8b8;
}
.btn-register-bottom[b-q7w3xy29s7] {
    background: linear-gradient(135deg, #9d22ae 0%, #7b1a8a 100%);
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    padding: 14px 28px;
    border-radius: 25px;
}

/* ========== NYE STARFIELD ========== */
.nye-starfield[b-q7w3xy29s7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}
.nye-star[b-q7w3xy29s7] {
    position: absolute;
    background: radial-gradient(circle, rgba(255,215,0,1) 0%, rgba(255,215,0,0) 70%);
    border-radius: 50%;
    animation: twinkle-b-q7w3xy29s7 var(--twinkle-duration, 3s) ease-in-out infinite;
    opacity: 0;
}
.nye-star.gold[b-q7w3xy29s7] {
    background: radial-gradient(circle, rgba(212,175,55,1) 0%, rgba(212,175,55,0) 70%);
}
.nye-star.white[b-q7w3xy29s7] {
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%);
}
.nye-star.purple[b-q7w3xy29s7] {
    background: radial-gradient(circle, rgba(157,34,174,0.8) 0%, rgba(157,34,174,0) 70%);
}
@keyframes twinkle-b-q7w3xy29s7 {
    0%, 100% { opacity: 0; transform: scale(0.5); }
    50% { opacity: var(--max-opacity, 0.8); transform: scale(1); }
}
.nye-highlights-list[b-q7w3xy29s7] {
    list-style: none;
    color: #b8b8b8;
}
.nye-highlights-list li[b-q7w3xy29s7] {
    padding: 8px 0;
    padding-left: 24px;
    position: relative;
}
.nye-highlights-list li[b-q7w3xy29s7]::before {
    content: "\2605";
    position: absolute;
    left: 0;
    color: #d4af37;
}
.nye-price-note[b-q7w3xy29s7] {
    color: #d4af37;
    font-weight: 600;
    font-size: 0.9em;
}

/* ========== VALENTINE'S DAY HEARTS ========== */
.valentines-heartsfield[b-q7w3xy29s7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}
.valentines-heart[b-q7w3xy29s7] {
    position: absolute;
    font-size: 14px;
    animation: floatHeart-b-q7w3xy29s7 var(--float-duration, 8s) ease-in-out infinite;
    opacity: 0;
}
.valentines-heart.pink[b-q7w3xy29s7] {
    color: #f06292;
}
.valentines-heart.purple[b-q7w3xy29s7] {
    color: #ce93d8;
}
.valentines-heart.light-pink[b-q7w3xy29s7] {
    color: #f8bbd9;
}
@keyframes floatHeart-b-q7w3xy29s7 {
    0%, 100% { opacity: 0; transform: translateY(0) rotate(0deg) scale(0.5); }
    10% { opacity: var(--max-opacity, 0.7); }
    90% { opacity: var(--max-opacity, 0.7); }
    100% { opacity: 0; transform: translateY(-100px) rotate(15deg) scale(1); }
}

/* ========== SINGLES MIXER SPARKLES (event 11842 — P2-12, 2026-07-02) ========== */
.mixer-sparklesfield[b-q7w3xy29s7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}
.mixer-sparkle[b-q7w3xy29s7] {
    position: absolute;
    border-radius: 50%;
    animation: sparkleFloat-b-q7w3xy29s7 var(--float-duration, 6s) ease-in-out infinite;
    opacity: 0;
}
.mixer-sparkle.purple[b-q7w3xy29s7] { background: radial-gradient(circle, rgba(157,34,174,0.9) 0%, rgba(157,34,174,0) 70%); }
.mixer-sparkle.magenta[b-q7w3xy29s7] { background: radial-gradient(circle, rgba(200,85,217,0.9) 0%, rgba(200,85,217,0) 70%); }
.mixer-sparkle.white[b-q7w3xy29s7] { background: radial-gradient(circle, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 70%); }
@keyframes sparkleFloat-b-q7w3xy29s7 {
    0%, 100% { opacity: 0; transform: scale(0.3) translateY(0); }
    50% { opacity: var(--max-opacity, 0.7); transform: scale(1) translateY(-20px); }
}
.valentines-highlights-list[b-q7w3xy29s7] {
    list-style: none;
    color: #b8b8b8;
}
.valentines-highlights-list li[b-q7w3xy29s7] {
    padding: 8px 0;
    padding-left: 24px;
    position: relative;
}
.valentines-highlights-list li[b-q7w3xy29s7]::before {
    content: "\2665";
    position: absolute;
    left: 0;
    color: #e91e63;
}
.valentines-highlights-card[b-q7w3xy29s7] {
    border: 2px solid #e91e63;
    box-shadow: 0 4px 20px rgba(233, 30, 99, 0.25);
}
.valentines-note[b-q7w3xy29s7] {
    color: #b8b8b8;
    margin-top: 16px;
    line-height: 1.7;
    font-style: italic;
}

/* ========== MOBILE STYLES ========== */
@media (max-width: 768px) {
    .hero-title[b-q7w3xy29s7] {
        font-size: 1.8rem;
    }
    .hero-meta[b-q7w3xy29s7] {
        display: none;
    }
    .hero[b-q7w3xy29s7] {
        padding: 1rem 0;
    }
    .content-layout[b-q7w3xy29s7] {
        display: flex;
        flex-direction: column;
    }
    .content-main[b-q7w3xy29s7] {
        display: contents;
    }
    .content-sidebar[b-q7w3xy29s7] {
        display: contents;
    }
    .content-main .card[b-q7w3xy29s7],
    .content-sidebar .card[b-q7w3xy29s7] {
        width: 100%;
    }
    .content-main .card:first-child[b-q7w3xy29s7] {
        order: 1;
    }
    .sidebar-card[b-q7w3xy29s7] {
        order: 2;
        position: static;
    }
    .dress-code-card[b-q7w3xy29s7] {
        order: 3;
    }
    .venue-about-card[b-q7w3xy29s7] {
        order: 4;
    }
    .directions-card[b-q7w3xy29s7] {
        order: 5;
    }
    .nye-highlights-card[b-q7w3xy29s7] {
        order: 1;
    }
    .valentines-highlights-card[b-q7w3xy29s7] {
        order: 1;
    }
    .venue-layout[b-q7w3xy29s7] {
        grid-template-columns: 1fr;
    }
    .venue-map[b-q7w3xy29s7] {
        margin-top: 8px;
    }
    .btn-register-sidebar[b-q7w3xy29s7],
    .sidebar-card .divider[b-q7w3xy29s7] {
        display: none;
    }
    .sticky-bottom-bar[b-q7w3xy29s7] {
        display: flex;
    }
    .map-embed iframe[b-q7w3xy29s7] {
        width: 100%;
    }
    .page-container[b-q7w3xy29s7] {
        padding: 0 16px;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Events/Index.cshtml.rz.scp.css */
/* ============================================
   EVENTS PAGE — SCOPED STYLES
   Auto-scoped by .NET 8 CSS Isolation.
   Only applies to elements rendered by Events/Index.cshtml.
   ============================================ */

/* ============================================
   PAGE HEADER
   ============================================ */

.events-page-header[b-wt4zutnjcj] {
    margin-top: 80px;
    padding: 40px 20px 20px;
    text-align: center;
    background: var(--background-dark);
}

.events-page-header-inner[b-wt4zutnjcj] {
    max-width: 1400px;
    margin: 0 auto;
}

.events-page-title[b-wt4zutnjcj] {
    font-size: 3em;
    color: #c855d9;
    margin-bottom: 10px;
    font-weight: 700;
}

.events-page-subtitle[b-wt4zutnjcj] {
    font-size: 1.2em;
    color: #e6d9f5;
    font-weight: 300;
}

/* ============================================
   EVENTS GRID (overrides shared for 3-col)
   ============================================ */

.events-page-container[b-wt4zutnjcj] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 60px 40px;
}

.events-grid[b-wt4zutnjcj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}

/* ============================================
   EVENT CARD
   ============================================ */

.event-card[b-wt4zutnjcj] {
    background: #1a1a1a;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
    border: 1px solid rgba(157, 34, 174, 0.1);
}

.event-card:hover[b-wt4zutnjcj] {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(157, 34, 174, 0.2);
}

.event-card.nye-highlight[b-wt4zutnjcj] {
    border: 2px solid #d4af37;
    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.25);
}

.event-card.nye-highlight:hover[b-wt4zutnjcj] {
    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.35);
    border-color: #f0c94d;
}

.event-card.valentines-highlight[b-wt4zutnjcj] {
    border: 2px solid #e91e63;
    box-shadow: 0 4px 20px rgba(233, 30, 99, 0.25);
}

.event-card.valentines-highlight:hover[b-wt4zutnjcj] {
    box-shadow: 0 15px 40px rgba(233, 30, 99, 0.35);
    border-color: #f06292;
}

/* Singles Mixer highlight - pink/magenta (F-059, ported from legacy Events.aspx) */
.event-card.singles-mixer-highlight[b-wt4zutnjcj] {
    border: 2px solid #e91e63;
    box-shadow: 0 4px 20px rgba(233, 30, 99, 0.25);
}

.event-card.singles-mixer-highlight:hover[b-wt4zutnjcj] {
    box-shadow: 0 15px 40px rgba(233, 30, 99, 0.35);
    border-color: #f06292;
}

/* ============================================
   EVENT IMAGE
   ============================================ */

.event-image-container[b-wt4zutnjcj] {
    position: relative;
}

.event-image-link[b-wt4zutnjcj] {
    display: block;
    text-decoration: none;
}

.event-image[b-wt4zutnjcj] {
    width: 100%;
    height: 240px;
    background: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.event-image img[b-wt4zutnjcj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.event-image-overlay[b-wt4zutnjcj] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55%;
    height: 32px;
    z-index: 2;
    pointer-events: none;
}

.event-image-speeddating .event-image-overlay[b-wt4zutnjcj] {
    background: linear-gradient(to right, rgba(157, 34, 174, 0.8) 0%, rgba(157, 34, 174, 0.6) 60%, transparent 100%);
}

.event-image-party .event-image-overlay[b-wt4zutnjcj] {
    background: linear-gradient(to right, rgba(204, 52, 152, 0.8) 0%, rgba(204, 52, 152, 0.6) 60%, transparent 100%);
}

.event-type-label[b-wt4zutnjcj] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 32px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    color: white;
    font-size: 0.8em;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    z-index: 3;
}

/* ============================================
   EVENT BADGE (Tonight/Tomorrow/Valentine's)
   ============================================ */

.event-badge[b-wt4zutnjcj] {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    top: auto !important;
    left: auto !important;
    height: auto !important;
    width: auto !important;
    display: block !important;
    background: linear-gradient(135deg, #e91e63 0%, #9c27b0 100%);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px 0 0 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(233, 30, 99, 0.4);
    z-index: 4;
}

/* ============================================
   SHARE BUTTON — DESKTOP
   ============================================ */

.share-btn[b-wt4zutnjcj] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 38px;
    height: 38px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    transition: all 0.2s ease;
}

.share-btn:hover[b-wt4zutnjcj] {
    background: rgba(157, 34, 174, 0.8);
    transform: scale(1.1);
}

.share-btn svg[b-wt4zutnjcj],
.share-btn i[b-wt4zutnjcj] {
    width: 18px;
    height: 18px;
    color: white;
}

.share-tooltip[b-wt4zutnjcj] {
    position: absolute;
    top: 12px;
    right: 58px;
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 0.85em;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 6;
}

.share-tooltip.show[b-wt4zutnjcj] {
    opacity: 1;
    visibility: visible;
}

.share-tooltip[b-wt4zutnjcj]::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -6px;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-left-color: rgba(0, 0, 0, 0.9);
}

/* ============================================
   SHARE BUTTON — MOBILE
   ============================================ */

.event-mobile-image-wrapper[b-wt4zutnjcj] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
}

/* F-064: legacy pill shape — no fixed width so the "Share" label fits (Events.aspx:254-285) */
.share-btn-mobile[b-wt4zutnjcj] {
    height: 28px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border: none;
    border-radius: 14px;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 6px;
    padding: 0 10px;
    color: white;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.share-btn-mobile:hover[b-wt4zutnjcj],
.share-btn-mobile:active[b-wt4zutnjcj] {
    background: rgba(157, 34, 174, 0.8);
}

.share-btn-mobile svg[b-wt4zutnjcj],
.share-btn-mobile i[b-wt4zutnjcj] {
    width: 14px;
    height: 14px;
    color: white;
}

.share-btn-mobile .share-label[b-wt4zutnjcj] {
    color: white;
}

/* ============================================
   EVENT CONTENT
   ============================================ */

.event-content[b-wt4zutnjcj] {
    padding: 28px;
}

.event-content[b-wt4zutnjcj],
.event-content *[b-wt4zutnjcj] {
    list-style: none;
}

.online-badge[b-wt4zutnjcj] {
    display: inline-block;
    background: rgba(34, 157, 174, 0.25);
    color: white;
    border: 1px solid rgba(34, 157, 174, 0.5);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.85em;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.event-title[b-wt4zutnjcj] {
    font-size: 1.4em;
    color: white;
    margin-bottom: 16px;
    font-weight: 600;
}

/* F-065: the pink party-title rule was removed for legacy parity — legacy shipped this same
   selector but put data-party on an inner span, so it NEVER matched and party titles rendered
   white. Restore `.event-title[data-party="true"] { color: #f0a0d0; }` if pink is ever wanted
   (the h2 still carries the attribute). */

.event-title-link[b-wt4zutnjcj] {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.event-title-link:hover[b-wt4zutnjcj] {
    color: #c855d9;
}

.event-details-list[b-wt4zutnjcj] {
    margin-bottom: 18px;
}

.event-detail-row[b-wt4zutnjcj] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    color: #d1d5db;
    font-size: 0.95em;
}

.event-detail-icon[b-wt4zutnjcj] {
    width: 18px;
    height: 18px;
    margin-right: 12px;
    flex-shrink: 0;
    color: #9d22ae;
}

.event-detail-icon svg[b-wt4zutnjcj],
.event-detail-icon i[b-wt4zutnjcj] {
    width: 18px;
    height: 18px;
    display: block;
}

.event-description[b-wt4zutnjcj] {
    color: #d1d5db;
    line-height: 1.7;
    margin-bottom: 12px;
    font-size: 0.95em;
}

.event-more-link[b-wt4zutnjcj] {
    color: #e6d9f5;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 4px;
    margin-left: 8px;
    transition: color 0.2s ease;
}

.event-more-link:hover[b-wt4zutnjcj] {
    color: #c855d9;
}

/* ============================================
   EVENT FOOTER & BUTTONS
   ============================================ */

.event-footer[b-wt4zutnjcj] {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.event-buttons[b-wt4zutnjcj] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.btn-signup[b-wt4zutnjcj] {
    background: linear-gradient(135deg, #9d22ae 0%, #7d1b8e 100%);
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 30px;
    font-size: 0.95em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    flex: 1;
    min-width: 140px;
    box-shadow: 0 4px 15px rgba(157, 34, 174, 0.3);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.btn-signup:hover[b-wt4zutnjcj] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(157, 34, 174, 0.5);
}

.btn-waitlist[b-wt4zutnjcj] {
    background: transparent;
    color: white;
    padding: 12px 24px;
    border: 2px solid #b12ec6;
    border-radius: 30px;
    font-size: 0.95em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    flex: 1;
    min-width: 140px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.btn-waitlist:hover[b-wt4zutnjcj] {
    background: rgba(177, 46, 198, 0.2);
}

/* ============================================
   MOBILE MINI-CARD VIEW
   ============================================ */

.event-card-mobile[b-wt4zutnjcj] {
    display: none;
    flex-direction: row;
    padding: 12px;
}

.event-mobile-info-link[b-wt4zutnjcj] {
    text-decoration: none;
    flex: 1;
    display: flex;
}

.event-mobile-image[b-wt4zutnjcj] {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.event-badge-mobile[b-wt4zutnjcj] {
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(135deg, #e91e63 0%, #9c27b0 100%);
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px 0 8px 0;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    z-index: 2;
}

.event-mobile-info[b-wt4zutnjcj] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 14px;
    flex: 1;
}

.event-mobile-title[b-wt4zutnjcj] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 6px;
}

.event-mobile-date[b-wt4zutnjcj] {
    font-size: 1rem;
    color: #c855d9;
    font-weight: 500;
}

.event-mobile-ages[b-wt4zutnjcj] {
    font-size: 0.95rem;
    color: #b8b8b8;
    margin-top: 2px;
}

/* F-058: the dot spans are emitted at runtime (FormatMobileTitle) and never carry the
   CSS-isolation scope attribute — ::deep anchors the scope on the literal parent instead. */
.event-mobile-title[b-wt4zutnjcj]  .mobile-dot {
    color: #c855d9;
    font-size: 0.6em;
    vertical-align: middle;
}

.events-page-subtitle-mobile[b-wt4zutnjcj] {
    display: none;
    text-align: center;
    color: #e6d9f5;
    font-size: 1rem;
    padding: 20px 0 10px;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1200px) {
    .events-grid[b-wt4zutnjcj] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .events-page-container[b-wt4zutnjcj] {
        padding: 20px 16px;
    }

    .events-grid[b-wt4zutnjcj] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .events-page-title[b-wt4zutnjcj] {
        font-size: 2.2em;
    }

    .events-page-subtitle[b-wt4zutnjcj] {
        display: none;
    }

    .events-page-subtitle-mobile[b-wt4zutnjcj] {
        display: block;
    }

    /* Hide desktop card content, show mobile view */
    .event-card[b-wt4zutnjcj] {
        border-radius: 12px;
        border: 1px solid #9d22ae;
    }

    .event-card.nye-highlight[b-wt4zutnjcj] {
        border: 2px solid #d4af37;
    }

    .event-card.valentines-highlight[b-wt4zutnjcj] {
        border: 2px solid #e91e63;
    }

    .event-card.singles-mixer-highlight[b-wt4zutnjcj] {
        border: 2px solid #e91e63;
    }

    .event-image-container[b-wt4zutnjcj],
    .event-content[b-wt4zutnjcj] {
        display: none;
    }

    .event-card-mobile[b-wt4zutnjcj] {
        display: flex;
    }

    .share-btn[b-wt4zutnjcj] {
        display: none;
    }

    .share-btn-mobile[b-wt4zutnjcj] {
        display: flex;
    }
}

@media (max-width: 480px) {
    .events-page-container[b-wt4zutnjcj] {
        padding: 15px 12px;
    }

    .events-grid[b-wt4zutnjcj] {
        gap: 10px;
    }

    .events-page-title[b-wt4zutnjcj] {
        font-size: 2em;
    }
}

/* ============================================
   EVENTS REDESIGN (P2-11, 2026-07-02)
   Filter toolbar, date tile, ribbon, meters,
   mobile pills, trust band, social proof
   ============================================ */

/* --- Filter toolbar --- */
.events-toolbar[b-wt4zutnjcj] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 28px 40px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: flex-end;
    justify-content: space-between;
}
.filter-group[b-wt4zutnjcj] { display: flex; flex-direction: column; gap: 8px; }
.filter-label[b-wt4zutnjcj] {
    font-size: 0.72em;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #b58fc4;
}
.chips[b-wt4zutnjcj] { display: flex; flex-wrap: wrap; gap: 8px; }
.chip[b-wt4zutnjcj] {
    font-family: inherit;
    font-size: 0.9em;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 30px;
    border: 1.5px solid rgba(177, 46, 198, 0.5);
    background: transparent;
    color: #e6d9f5;
    cursor: pointer;
    transition: all 0.2s ease;
}
.chip:hover[b-wt4zutnjcj] { border-color: #c855d9; color: #fff; }
.chip.on[b-wt4zutnjcj] {
    background: linear-gradient(135deg, #9d22ae 0%, #7d1b8e 100%);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 4px 15px rgba(157, 34, 174, 0.35);
}
.result-count[b-wt4zutnjcj] {
    font-size: 0.9em;
    color: #b8b8b8;
    font-weight: 500;
    padding-bottom: 9px;
}
/* F-058: the count's <b> is injected by the filter script at runtime (no scope attribute). */
.result-count[b-wt4zutnjcj]  b { color: #fff; }

/* --- Filter hidden state + empty state --- */
.event-card.fl-hidden[b-wt4zutnjcj] { display: none !important; }
.events-empty[b-wt4zutnjcj] {
    display: none;
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    border: 1.5px dashed rgba(177, 46, 198, 0.4);
    border-radius: 16px;
    color: #b8b8b8;
}
.events-empty.show[b-wt4zutnjcj] { display: block; }
.events-empty h3[b-wt4zutnjcj] { color: #fff; font-size: 1.4em; margin-bottom: 8px; }

/* --- Calendar date tile --- */
.event-date-tile[b-wt4zutnjcj] {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 5;
    background: rgba(20, 10, 24, 0.82);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(200, 85, 217, 0.45);
    border-radius: 10px;
    padding: 7px 11px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
    min-width: 50px;
}
/* F-058: the tile's inner spans come from GetDateTile (runtime HtmlString) — ::deep
   anchors the scope on the literal .event-date-tile container. */
.event-date-tile[b-wt4zutnjcj]  .dt-dow {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: #e36fd1;
}
.event-date-tile[b-wt4zutnjcj]  .dt-day {
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    margin: 1px 0;
}
.event-date-tile[b-wt4zutnjcj]  .dt-mon {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #cbb6d6;
}

/* --- Almost Full ribbon --- */
.almost-full-ribbon[b-wt4zutnjcj] {
    display: inline-block;
    background: linear-gradient(135deg, #e91e63 0%, #9c27b0 100%);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
    box-shadow: 0 2px 10px rgba(233, 30, 99, 0.35);
}

/* --- Availability meters --- */
/* F-058: the whole block is emitted at runtime (GetAvailabilityHtml/BuildSideSignal), so
   none of it carries the scope attribute — ::deep anchors on the literal .event-content. */
.event-content[b-wt4zutnjcj]  .avail {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    margin: 4px 0 18px;
}
.event-content[b-wt4zutnjcj]  .avail-side {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85em;
    font-weight: 600;
    color: #cdbcd6;
}
.event-content[b-wt4zutnjcj]  .meter {
    width: 72px;
    height: 6px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.12);
    overflow: hidden;
}
.event-content[b-wt4zutnjcj]  .meter i {
    display: block;
    height: 100%;
    border-radius: 30px;
    background: linear-gradient(90deg, #9d22ae, #c855d9);
}
.event-content[b-wt4zutnjcj]  .meter i.warn { background: linear-gradient(90deg, #d98a1f, #f0b03e); }
.event-content[b-wt4zutnjcj]  .meter i.full { background: linear-gradient(90deg, #c0392b, #e0584a); }
.event-content[b-wt4zutnjcj]  .avail-side .low-txt { color: #f0b03e; font-weight: 700; }
.event-content[b-wt4zutnjcj]  .avail-side .full-txt { color: #e0584a; font-weight: 700; }
.event-content[b-wt4zutnjcj]  .avail-side .ok-txt { color: #9fb89f; font-weight: 600; }

/* --- Mobile venue + status pills --- */
.event-mobile-info-link[b-wt4zutnjcj] { text-decoration: none; color: inherit; display: block; }
.event-mobile-venue[b-wt4zutnjcj] {
    font-size: 0.95rem;
    color: #b8b8b8;
    margin-top: 2px;
}
.event-mobile-status[b-wt4zutnjcj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.status-pill[b-wt4zutnjcj] {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 20px;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
}
.status-pill.status-open[b-wt4zutnjcj] {
    background: linear-gradient(135deg, #9d22ae 0%, #7d1b8e 100%);
    color: white;
    border: 2px solid transparent;
}
.status-pill.status-waitlist[b-wt4zutnjcj] {
    background: transparent;
    color: white;
    border: 2px solid #b12ec6;
}

/* --- Trust stats band --- */
.stats-band[b-wt4zutnjcj] { padding: 8px 24px 8px; }
.hero-stats[b-wt4zutnjcj] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
    max-width: 760px;
    margin: 0 auto;
    border: 1px solid rgba(157, 34, 174, 0.35);
    border-radius: 14px;
    overflow: hidden;
    background: rgba(157, 34, 174, 0.06);
    text-align: center;
}
.hero-stat[b-wt4zutnjcj] {
    flex: 1 1 0;
    min-width: 140px;
    padding: 16px 10px;
    border-right: 1px solid rgba(157, 34, 174, 0.25);
}
.hero-stat:last-child[b-wt4zutnjcj] { border-right: none; }
.hero-stat b[b-wt4zutnjcj] {
    display: block;
    font-size: 1.7em;
    font-weight: 700;
    color: #c855d9;
    line-height: 1.1;
}
.hero-stat span[b-wt4zutnjcj] {
    display: block;
    margin-top: 4px;
    font-size: 0.72em;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #e6d9f5;
    font-weight: 600;
}

/* --- Social proof strip --- */
.social-proof[b-wt4zutnjcj] {
    background: linear-gradient(135deg, rgba(157, 34, 174, 0.12), rgba(233, 30, 99, 0.08));
    border-top: 1px solid rgba(157, 34, 174, 0.25);
    border-bottom: 1px solid rgba(157, 34, 174, 0.25);
    padding: 50px 24px;
    margin-top: 30px;
}
.social-proof-inner[b-wt4zutnjcj] { max-width: 820px; margin: 0 auto; text-align: center; }
.social-proof .stars[b-wt4zutnjcj] { color: #f5c542; font-size: 1.3em; letter-spacing: 4px; }
.social-proof blockquote[b-wt4zutnjcj] {
    font-size: clamp(1.15em, 2.6vw, 1.6em);
    font-style: italic;
    line-height: 1.5;
    color: #fff;
    margin: 16px auto 14px;
    max-width: 720px;
}
.social-proof cite[b-wt4zutnjcj] {
    font-style: normal;
    font-size: 0.85em;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #c39fd0;
}

@media (max-width: 768px) {
    .events-toolbar[b-wt4zutnjcj] { padding: 20px 16px 0; gap: 16px; }
    .hero-stat b[b-wt4zutnjcj] { font-size: 1.35em; }
    .hero-stat span[b-wt4zutnjcj] { font-size: 0.62em; }
}
/* _content/NYMinuteDating-Net8/Pages/Faq.cshtml.rz.scp.css */
/* ============================================
   FAQ PAGE — SCOPED STYLES
   ============================================ */

/* ========== HERO ========== */
.hero-faq[b-0m3wjivl0u] {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(15, 15, 15, 0.85)),
                url('/images/speeddating5.jpg') center/cover;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.hero-faq h1[b-0m3wjivl0u] {
    font-size: 3.5rem;
}

.hero-faq p[b-0m3wjivl0u] {
    font-size: 1.3rem;
    color: var(--text-gray);
}

/* ========== FAQ CONTENT ========== */
.faq-page-content[b-0m3wjivl0u] {
    padding: 4rem 2rem;
    max-width: 900px;
    margin: 0 auto;
}

.faq-intro[b-0m3wjivl0u] {
    text-align: center;
    margin-bottom: 3rem;
}

.faq-intro h2[b-0m3wjivl0u] {
    font-size: 2.5rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.faq-intro p[b-0m3wjivl0u] {
    font-size: 1.1rem;
    color: var(--text-gray);
}

.faq-intro a[b-0m3wjivl0u] {
    color: #9d22ae;
    text-decoration: none;
    font-weight: 600;
}

.faq-intro a:hover[b-0m3wjivl0u] {
    text-decoration: underline;
}

/* ========== ACCORDION ========== */
.faq-container[b-0m3wjivl0u] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.faq-item[b-0m3wjivl0u] {
    background: var(--background-medium);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
    transition: all 0.3s;
}

.faq-item:hover[b-0m3wjivl0u] {
    border-color: rgba(157, 34, 174, 0.3);
}

.faq-question[b-0m3wjivl0u] {
    padding: 1.5rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    user-select: none;
    transition: background 0.3s;
}

.faq-question:hover[b-0m3wjivl0u] {
    background: rgba(157, 34, 174, 0.1);
}

.faq-question span:first-child[b-0m3wjivl0u] {
    color: var(--text-light);
    font-weight: 600;
    font-size: 1.05rem;
    flex: 1;
}

.faq-icon[b-0m3wjivl0u] {
    color: #9d22ae;
    font-size: 1.5rem;
    font-weight: bold;
    min-width: 30px;
    text-align: center;
    transition: transform 0.3s;
}

.faq-answer[b-0m3wjivl0u] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}

.faq-item.active .faq-answer[b-0m3wjivl0u] {
    max-height: 500px;
    padding: 0 1.5rem 1.5rem 1.5rem;
}

.faq-answer p[b-0m3wjivl0u] {
    color: var(--text-gray);
    line-height: 1.7;
    margin: 0;
}

.faq-answer a[b-0m3wjivl0u] {
    color: #9d22ae;
    text-decoration: none;
}

.faq-answer a:hover[b-0m3wjivl0u] {
    text-decoration: underline;
}

/* ========== CTA ========== */
.cta-section[b-0m3wjivl0u] {
    margin-top: 2rem;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
    .hero-faq h1[b-0m3wjivl0u] {
        font-size: 2.5rem;
    }

    .faq-intro h2[b-0m3wjivl0u] {
        font-size: 2rem;
    }

    .faq-question span:first-child[b-0m3wjivl0u] {
        font-size: 1rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Gift.cshtml.rz.scp.css */
/* Gift Marketing Page — scoped CSS */

.hero-gift[b-qdhjd5asr1] {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(15, 15, 15, 0.85)),
                url('/images/speeddating3.jpg') center/cover;
    height: 60vh;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.hero-gift h1[b-qdhjd5asr1] {
    font-size: 3.5rem;
    font-weight: 800;
    margin-bottom: 1rem;
}

.hero-gift p[b-qdhjd5asr1] {
    font-size: 1.3rem;
    color: var(--text-gray);
}

/* Content Layout */
.gift-page-content[b-qdhjd5asr1] {
    padding: 4rem 2rem;
}

.gift-wrapper[b-qdhjd5asr1] {
    max-width: 1000px;
    margin: 0 auto;
}

/* Intro Card */
.gift-intro-card[b-qdhjd5asr1] {
    text-align: center;
    padding: 3rem;
    background: linear-gradient(135deg, rgba(157, 34, 174, 0.15), rgba(124, 58, 237, 0.15));
    border-radius: 20px;
    border: 1px solid rgba(157, 34, 174, 0.3);
    margin-bottom: 3rem;
}

.gift-icon[b-qdhjd5asr1] {
    margin-bottom: 1rem;
    color: #9d22ae;
}

.gift-intro-card h2[b-qdhjd5asr1] {
    font-size: 2.5rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.gift-price[b-qdhjd5asr1] {
    font-size: 1.5rem;
    color: var(--text-gray);
}

.price-highlight[b-qdhjd5asr1] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #9d22ae;
}

/* Features Section */
.gift-features-section[b-qdhjd5asr1] {
    background: var(--background-medium);
    padding: 3rem;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 3rem;
}

.gift-features-section h3[b-qdhjd5asr1] {
    font-size: 2rem;
    color: #e6d9f5;
    margin-bottom: 2rem;
    text-align: center;
}

.gift-feature[b-qdhjd5asr1] {
    display: flex;
    gap: 2rem;
    margin-bottom: 2.5rem;
    padding: 2rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    transition: all 0.3s;
}

.gift-feature:last-child[b-qdhjd5asr1] {
    margin-bottom: 0;
}

.gift-feature:hover[b-qdhjd5asr1] {
    transform: translateY(-5px);
    background: rgba(157, 34, 174, 0.1);
}

.feature-icon-gift[b-qdhjd5asr1] {
    min-width: 60px;
    color: #9d22ae;
}

.feature-content h4[b-qdhjd5asr1] {
    font-size: 1.5rem;
    color: #e6d9f5;
    margin-bottom: 0.8rem;
}

.feature-content p[b-qdhjd5asr1] {
    font-size: 1.05rem;
    color: var(--text-gray);
    line-height: 1.8;
}

/* Benefits Section */
.gift-benefits[b-qdhjd5asr1] {
    background: var(--background-medium);
    padding: 3rem;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 3rem;
}

.gift-benefits h3[b-qdhjd5asr1] {
    font-size: 2rem;
    color: #e6d9f5;
    margin-bottom: 2rem;
    text-align: center;
}

.benefits-grid-gift[b-qdhjd5asr1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.5rem;
}

.benefit-item-gift[b-qdhjd5asr1] {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 1.5rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.benefit-icon-check[b-qdhjd5asr1] {
    color: #9d22ae;
    font-weight: bold;
}

.benefit-item-gift p[b-qdhjd5asr1] {
    font-size: 1rem;
    color: var(--text-gray);
    margin: 0;
}

/* CTA Section */
.gift-cta-section[b-qdhjd5asr1] {
    text-align: center;
    padding: 3rem;
    background: linear-gradient(135deg, rgba(157, 34, 174, 0.2), rgba(124, 58, 237, 0.2));
    border-radius: 20px;
    border: 1px solid rgba(157, 34, 174, 0.4);
}

.gift-cta-section h2[b-qdhjd5asr1] {
    font-size: 2.2rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.gift-cta-section p[b-qdhjd5asr1] {
    font-size: 1.2rem;
    color: var(--text-gray);
    margin-bottom: 2rem;
}

.btn-primary-large[b-qdhjd5asr1] {
    display: inline-block;
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    color: white;
    padding: 1.2rem 3rem;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.2rem;
    transition: all 0.3s;
    box-shadow: 0 5px 20px rgba(157, 34, 174, 0.4);
}

.btn-primary-large:hover[b-qdhjd5asr1] {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(157, 34, 174, 0.6);
}

/* Responsive */
@media (max-width: 1024px) {
    .hero-gift h1[b-qdhjd5asr1] {
        font-size: 2.5rem;
    }

    .gift-intro-card[b-qdhjd5asr1] {
        padding: 2rem;
    }

    .gift-intro-card h2[b-qdhjd5asr1] {
        font-size: 2rem;
    }

    .gift-features-section[b-qdhjd5asr1], .gift-benefits[b-qdhjd5asr1] {
        padding: 2rem;
    }

    .gift-feature[b-qdhjd5asr1] {
        flex-direction: column;
        text-align: center;
    }

    .benefits-grid-gift[b-qdhjd5asr1] {
        grid-template-columns: 1fr;
    }

    .gift-cta-section h2[b-qdhjd5asr1] {
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .gift-page-content[b-qdhjd5asr1] {
        padding: 2rem 1rem;
    }

    .hero-gift h1[b-qdhjd5asr1] {
        font-size: 2rem;
    }

    .gift-intro-card h2[b-qdhjd5asr1] {
        font-size: 1.6rem;
    }

    .price-highlight[b-qdhjd5asr1] {
        font-size: 2rem;
    }

    .btn-primary-large[b-qdhjd5asr1] {
        padding: 1rem 2rem;
        font-size: 1.1rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/GiftRegister.cshtml.rz.scp.css */
/* Gift Registration Page — scoped CSS */

.hero-gift-register[b-62ky0xs0kz] {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(15, 15, 15, 0.85)),
                url('/images/speeddating3.jpg') center/cover;
    height: 60vh;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.hero-gift-register h1[b-62ky0xs0kz] {
    font-size: 3.5rem;
    font-weight: 800;
    margin-bottom: 1rem;
}

.hero-gift-register p[b-62ky0xs0kz] {
    font-size: 1.3rem;
    color: var(--text-gray);
}

/* Content Layout */
.gift-register-content[b-62ky0xs0kz] {
    padding: 4rem 2rem;
}

.gift-register-wrapper[b-62ky0xs0kz] {
    max-width: 800px;
    margin: 0 auto;
}

/* Form Header */
.form-header[b-62ky0xs0kz] {
    text-align: center;
    margin-bottom: 2rem;
}

.form-header h2[b-62ky0xs0kz] {
    font-size: 2rem;
    color: #e6d9f5;
    margin-bottom: 0.5rem;
}

.form-header p[b-62ky0xs0kz] {
    color: var(--text-gray);
    font-size: 1.1rem;
}

.price-display[b-62ky0xs0kz] {
    font-size: 1.3rem;
    color: var(--text-gray);
    text-align: center;
}

.price-amount[b-62ky0xs0kz] {
    font-size: 1.8rem;
    font-weight: bold;
    color: #9d22ae;
}

/* Form Sections */
.gift-form-section[b-62ky0xs0kz] {
    background: var(--background-medium);
    padding: 2.5rem;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 2rem;
}

.section-title-gift[b-62ky0xs0kz] {
    font-size: 1.5rem;
    color: #e6d9f5;
    margin-bottom: 1.5rem;
    padding-bottom: 0.8rem;
    border-bottom: 2px solid rgba(157, 34, 174, 0.3);
    text-align: center;
}

/* Two Column Row */
.form-row-two-col[b-62ky0xs0kz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

/* Expiration Date Row */
.expiration-row[b-62ky0xs0kz] {
    display: flex;
    gap: 0.5rem;
}

.expiration-row .form-select[b-62ky0xs0kz] {
    flex: 1;
}

/* Terms Checkbox */
.terms-checkbox-wrapper[b-62ky0xs0kz] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.checkbox-input[b-62ky0xs0kz] {
    margin-top: 0.3rem;
    accent-color: #9d22ae;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.checkbox-label[b-62ky0xs0kz] {
    font-size: 1rem;
    color: var(--text-gray);
    line-height: 1.6;
}

.checkbox-label a[b-62ky0xs0kz] {
    color: #9d22ae;
    text-decoration: none;
    font-weight: 600;
}

.checkbox-label a:hover[b-62ky0xs0kz] {
    text-decoration: underline;
}

/* Error / Validation */
.error-message[b-62ky0xs0kz] {
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #ef4444;
    padding: 1rem 1.5rem;
    border-radius: 10px;
    margin-bottom: 1.5rem;
    text-align: center;
}

/* Secure Badge */
.secure-badge[b-62ky0xs0kz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1rem;
    color: var(--text-gray);
    font-size: 0.9rem;
}

.secure-badge svg[b-62ky0xs0kz] {
    color: #9d22ae;
}

/* Confirmation */
.confirmation-message[b-62ky0xs0kz] {
    text-align: center;
    padding: 4rem 2rem;
    background: var(--background-medium);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.confirmation-icon[b-62ky0xs0kz] {
    color: #22c55e;
    margin-bottom: 1.5rem;
}

.confirmation-message h2[b-62ky0xs0kz] {
    font-size: 2rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.confirmation-message p[b-62ky0xs0kz] {
    color: var(--text-gray);
    font-size: 1.1rem;
    margin-bottom: 2rem;
    line-height: 1.6;
}

.btn-primary-large[b-62ky0xs0kz] {
    display: inline-block;
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    color: white;
    padding: 1.2rem 3rem;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.2rem;
    transition: all 0.3s;
    box-shadow: 0 5px 20px rgba(157, 34, 174, 0.4);
}

.btn-primary-large:hover[b-62ky0xs0kz] {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(157, 34, 174, 0.6);
}

/* Responsive */
@media (max-width: 1024px) {
    .hero-gift-register h1[b-62ky0xs0kz] {
        font-size: 2.5rem;
    }

    .form-row-two-col[b-62ky0xs0kz] {
        grid-template-columns: 1fr;
    }

    .gift-form-section[b-62ky0xs0kz] {
        padding: 1.5rem;
    }
}

@media (max-width: 480px) {
    .gift-register-content[b-62ky0xs0kz] {
        padding: 2rem 1rem;
    }

    .hero-gift-register h1[b-62ky0xs0kz] {
        font-size: 2rem;
    }

    .form-header h2[b-62ky0xs0kz] {
        font-size: 1.6rem;
    }

    .confirmation-message[b-62ky0xs0kz] {
        padding: 2rem 1rem;
    }

    .btn-primary-large[b-62ky0xs0kz] {
        padding: 1rem 2rem;
        font-size: 1.1rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Index.cshtml.rz.scp.css */
/* ============================================
   HOMEPAGE — SCOPED STYLES
   Auto-scoped by .NET 8 CSS Isolation.
   Only applies to elements rendered by Index.cshtml.
   ============================================ */

/* ============================================
   HERO SECTION (Homepage)
   ============================================ */

.hero[b-74cln0ktxe] {
    margin-top: 80px;
    height: 90vh;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(15, 15, 15, 0.8)),
                url('/images/speeddating1.jpg') center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.hero[b-74cln0ktxe]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 50%, rgba(124, 58, 237, 0.15), transparent);
}

.hero-content[b-74cln0ktxe] {
    text-align: center;
    max-width: 900px;
    padding: 0 2rem;
    position: relative;
    z-index: 1;
}

.hero h1[b-74cln0ktxe] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #e6d9f5;
}

.hero p[b-74cln0ktxe] {
    font-size: 1.4rem;
    margin-bottom: 2.5rem;
    color: var(--text-gray);
    line-height: 1.8;
}

.hero-buttons[b-74cln0ktxe] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

.hero-about[b-74cln0ktxe] {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(15, 15, 15, 0.85)),
                url('/images/speeddating3.jpg') center/cover;
    height: 60vh;
}

.hero-about h1[b-74cln0ktxe] {
    font-size: 3.5rem;
}

.hero-about p[b-74cln0ktxe] {
    font-size: 1.3rem;
}

/* ============================================
   ABOUT SECTION (Homepage Layout)
   ============================================ */

.about-content[b-74cln0ktxe] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.about-image[b-74cln0ktxe] {
    width: 100%;
    height: 500px;
    background: url('/images/speeddating2.jpg') center/cover;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
}

.about-image[b-74cln0ktxe]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(124, 58, 237, 0.15);
}

.about-text h2[b-74cln0ktxe] {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #e6d9f5;
}

.about-text p[b-74cln0ktxe] {
    font-size: 1.1rem;
    color: #d1d5db;
    margin-bottom: 1.5rem;
    line-height: 1.8;
}

/* ============================================
   FEATURED EVENT — SHARED
   ============================================ */

.about-image-link[b-74cln0ktxe] {
    display: block;
    position: relative;
    text-decoration: none;
}

/* ============================================
   NYE FEATURED EVENT
   ============================================ */

.about-image-link.nye-featured[b-74cln0ktxe] {
    border: 3px solid #d4af37;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(212, 175, 55, 0.3);
    transition: all 0.3s ease;
}

.about-image-link.nye-featured:hover[b-74cln0ktxe] {
    box-shadow: 0 15px 50px rgba(212, 175, 55, 0.45);
    transform: translateY(-5px);
}

.nye-featured-img[b-74cln0ktxe] {
    width: 100%;
    height: auto;
    display: block;
}

.nye-banner-top[b-74cln0ktxe] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #1a1a1a;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 2;
}

.nye-star[b-74cln0ktxe] {
    color: #d4af37;
    font-size: 1.1em;
}

.nye-banner[b-74cln0ktxe] {
    position: relative;
    background: linear-gradient(135deg, #d4af37 0%, #b8962e 100%);
    color: #1a1a1a;
    text-align: center;
    padding: 12px 20px;
}

.nye-banner-title[b-74cln0ktxe] {
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.nye-banner-datetime[b-74cln0ktxe] {
    font-size: 0.95rem;
    font-weight: 600;
    margin-top: 4px;
}

/* ============================================
   VALENTINE'S DAY FEATURED EVENT
   ============================================ */

.about-image-link.valentines-featured[b-74cln0ktxe] {
    border: 3px solid #e91e63;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(233, 30, 99, 0.3);
    transition: all 0.3s ease;
}

.about-image-link.valentines-featured:hover[b-74cln0ktxe] {
    box-shadow: 0 15px 50px rgba(233, 30, 99, 0.45);
    transform: translateY(-5px);
}

.valentines-featured-img[b-74cln0ktxe] {
    width: 100%;
    height: auto;
    display: block;
}

.valentines-banner-top[b-74cln0ktxe] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d1a2d 100%);
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 2;
}

.valentines-heart[b-74cln0ktxe] {
    color: #e91e63;
    font-size: 1.1em;
}

.valentines-banner[b-74cln0ktxe] {
    position: relative;
    background: linear-gradient(135deg, #e91e63 0%, #9c27b0 100%);
    color: #fff;
    text-align: center;
    padding: 12px 20px;
}

.valentines-banner-title[b-74cln0ktxe] {
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.valentines-banner-datetime[b-74cln0ktxe] {
    font-size: 0.95rem;
    font-weight: 600;
    margin-top: 4px;
}

/* ============================================
   SINGLES MIXER / FLEET WEEK FEATURED EVENT
   (P2-10, 2026-07-02 — shared "mixer" styling)
   ============================================ */

.about-image-link.mixer-featured[b-74cln0ktxe] {
    border: 3px solid #9d22ae;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(157, 34, 174, 0.3);
    transition: all 0.3s ease;
}

.about-image-link.mixer-featured:hover[b-74cln0ktxe] {
    box-shadow: 0 15px 50px rgba(157, 34, 174, 0.45);
    transform: translateY(-5px);
}

.mixer-featured-img[b-74cln0ktxe] {
    width: 100%;
    height: auto;
    display: block;
}

.mixer-banner-top[b-74cln0ktxe] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, #1a1a1a 0%, #1a1a2d 100%);
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 2;
}

.mixer-star[b-74cln0ktxe] {
    color: #c855d9;
    font-size: 1.1em;
}

.mixer-banner[b-74cln0ktxe] {
    position: relative;
    background: linear-gradient(135deg, #9d22ae 0%, #6a1b9a 100%);
    color: #fff;
    text-align: center;
    padding: 12px 20px;
}

.mixer-banner-title[b-74cln0ktxe] {
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.mixer-banner-datetime[b-74cln0ktxe] {
    font-size: 0.95rem;
    font-weight: 600;
    margin-top: 4px;
}

/* ============================================
   UPCOMING EVENTS MINI-CARDS
   ============================================ */

.upcoming-events-heading[b-74cln0ktxe] {
    font-size: 1.6rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
    font-weight: 600;
}

.upcoming-events-mini[b-74cln0ktxe] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 2rem;
}

.event-mini-card[b-74cln0ktxe] {
    display: flex;
    flex-direction: column;
    background: rgba(26, 26, 26, 0.6);
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-decoration: none;
    transition: all 0.3s ease;
}

.event-mini-card:hover[b-74cln0ktxe] {
    border-color: #9d22ae;
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(157, 34, 174, 0.3);
}

.event-mini-image[b-74cln0ktxe] {
    width: 100%;
    height: 120px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.tonight-badge[b-74cln0ktxe] {
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(135deg, #e91e63 0%, #9c27b0 100%);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(233, 30, 99, 0.4);
    z-index: 2;
}

.tonight-badge-desktop[b-74cln0ktxe] {
    display: block;
}

.tonight-badge-mobile[b-74cln0ktxe] {
    display: none;
}

.event-mini-info[b-74cln0ktxe] {
    padding: 12px 14px;
}

.event-mini-title[b-74cln0ktxe] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 6px;
}

.event-mini-date[b-74cln0ktxe] {
    font-size: 1.05rem;
    color: #c855d9;
    font-weight: 500;
}

.event-mini-ages[b-74cln0ktxe] {
    font-size: 1rem;
    color: #b8b8b8;
    margin-top: 2px;
}

.mobile-dot[b-74cln0ktxe] {
    color: #c855d9;
    font-size: 0.6em;
    vertical-align: middle;
}

.view-more-events[b-74cln0ktxe] {
    display: inline-block;
    margin-top: 1.2rem;
    color: #c855d9;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 500;
    transition: color 0.2s ease;
}

.view-more-events:hover[b-74cln0ktxe] {
    color: #e6d9f5;
}

/* ============================================
   RESPONSIVE — HOMEPAGE
   ============================================ */

@media (max-width: 1024px) {
    .about-content[b-74cln0ktxe] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .upcoming-events-mini[b-74cln0ktxe] {
        grid-template-columns: 1fr;
        gap: 0.8rem;
    }

    .event-mini-card[b-74cln0ktxe] {
        flex-direction: row;
        border: 1px solid #9d22ae;
    }

    .event-mini-image[b-74cln0ktxe] {
        width: 100px;
        height: 100px;
        flex-shrink: 0;
    }

    .tonight-badge[b-74cln0ktxe] {
        bottom: 0;
        right: 0;
        font-size: 0.65rem;
        padding: 3px 6px;
    }

    .tonight-badge-desktop[b-74cln0ktxe] {
        display: none;
    }

    .tonight-badge-mobile[b-74cln0ktxe] {
        display: block;
    }

    .event-mini-info[b-74cln0ktxe] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 12px 14px;
    }

    .event-mini-title[b-74cln0ktxe] {
        font-size: 1.1rem;
        line-height: 1.4;
        margin-bottom: 6px;
    }

    .event-mini-date[b-74cln0ktxe] {
        font-size: 1rem;
    }

    .event-mini-ages[b-74cln0ktxe] {
        font-size: 0.95rem;
    }

    .about-text h2[b-74cln0ktxe] {
        font-size: 1.3rem;
    }

    .nye-banner[b-74cln0ktxe] {
        font-size: 1rem;
        padding: 10px 15px;
    }

    .nye-banner-title[b-74cln0ktxe] {
        font-size: 1rem;
    }

    .nye-banner-datetime[b-74cln0ktxe] {
        font-size: 0.85rem;
    }

    .valentines-banner[b-74cln0ktxe] {
        font-size: 1rem;
        padding: 10px 15px;
    }

    .valentines-banner-title[b-74cln0ktxe] {
        font-size: 1rem;
    }

    .valentines-banner-datetime[b-74cln0ktxe] {
        font-size: 0.85rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/JoinMailingList.cshtml.rz.scp.css */
/* ============================================
   JOIN MAILING LIST — SCOPED STYLES
   ============================================ */

/* ========== HERO ========== */
.hero-mailing-list[b-d5zg7lyurt] {
    margin-top: 80px;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
                url('/images/speeddating2.jpg') center/cover no-repeat;
    height: 50vh;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.hero-mailing-list h1[b-d5zg7lyurt] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    font-weight: 700;
    color: #e6d9f5;
}

.hero-mailing-list p[b-d5zg7lyurt] {
    font-size: 1.3rem;
    color: var(--text-gray);
}

/* ========== CONTENT ========== */
.mailing-list-content[b-d5zg7lyurt] {
    padding: 4rem 2rem;
    background: var(--background-dark);
}

.mailing-list-wrapper[b-d5zg7lyurt] {
    max-width: 700px;
    margin: 0 auto;
}

/* ========== FORM CARD ========== */
.form-card[b-d5zg7lyurt] {
    background: var(--background-medium);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    overflow: hidden;
}

.form-header[b-d5zg7lyurt] {
    padding: 2rem 2rem 1.5rem;
    text-align: center;
    border-bottom: 2px solid rgba(157, 34, 174, 0.3);
}

.form-icon[b-d5zg7lyurt] {
    color: #c855d9;
    margin-bottom: 1rem;
}

.form-header h2[b-d5zg7lyurt] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #e6d9f5;
    margin: 0 0 0.5rem;
}

.form-header p[b-d5zg7lyurt] {
    color: var(--text-gray);
    font-size: 0.95rem;
    margin: 0;
}

.form-body[b-d5zg7lyurt] {
    padding: 2rem;
}

/* ========== FORM SECTIONS ========== */
.form-section[b-d5zg7lyurt] {
    margin-bottom: 1.5rem;
}

.section-title[b-d5zg7lyurt] {
    font-size: 1.1rem;
    color: #e6d9f5;
    margin-bottom: 0.75rem;
    padding-bottom: 0.3rem;
    border-bottom: 2px solid rgba(157, 34, 174, 0.3);
}

.form-row[b-d5zg7lyurt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 0.5rem;
}

.form-group[b-d5zg7lyurt] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.75rem;
}

.form-group label[b-d5zg7lyurt] {
    color: #e6d9f5;
    font-size: 0.9rem;
    margin-bottom: 0.4rem;
}

.required[b-d5zg7lyurt] {
    color: #ef4444;
}

/* ========== FORM INPUTS ========== */
.form-input[b-d5zg7lyurt],
.form-select[b-d5zg7lyurt],
.form-textarea[b-d5zg7lyurt] {
    padding: 0.7rem 1rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    transition: border-color 0.3s ease;
}

.form-input:focus[b-d5zg7lyurt],
.form-select:focus[b-d5zg7lyurt],
.form-textarea:focus[b-d5zg7lyurt] {
    outline: none;
    border-color: #c855d9;
}

.form-select option[b-d5zg7lyurt] {
    background: #1a1a2e;
    color: white;
}

.form-textarea[b-d5zg7lyurt] {
    min-height: 80px;
    resize: vertical;
    font-family: inherit;
}

/* ========== CHECKBOXES ========== */
.interest-checkboxes[b-d5zg7lyurt],
.category-checkboxes[b-d5zg7lyurt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.checkbox-label[b-d5zg7lyurt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #d1d5db;
    font-size: 0.95rem;
    cursor: pointer;
    padding: 0.5rem 1rem;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.checkbox-label:hover[b-d5zg7lyurt] {
    border-color: rgba(157, 34, 174, 0.4);
    background: rgba(157, 34, 174, 0.05);
}

.checkbox-label input[type="checkbox"][b-d5zg7lyurt] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #9d22ae;
}

.checkbox-label span[b-d5zg7lyurt] {
    user-select: none;
}

/* ========== VALIDATION ========== */
.validation-summary[b-d5zg7lyurt] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    color: #ef4444;
    font-size: 0.9rem;
}

.validation-summary ul[b-d5zg7lyurt] {
    margin: 0.5rem 0 0;
    padding-left: 1.2rem;
}

.validation-summary li[b-d5zg7lyurt] {
    margin-bottom: 0.25rem;
}

/* ========== SUBMIT ========== */
.consent-text[b-d5zg7lyurt] {
    color: var(--text-gray);
    font-size: 0.9rem;
    margin-bottom: 1rem;
    text-align: center;
}

.form-actions[b-d5zg7lyurt] {
    text-align: center;
}

.btn-submit[b-d5zg7lyurt] {
    background: linear-gradient(135deg, #9d22ae, #7b1b8e);
    color: white;
    padding: 14px 40px;
    border: none;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 200px;
}

.btn-submit:hover[b-d5zg7lyurt] {
    background: linear-gradient(135deg, #b035c3, #9d22ae);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(157, 34, 174, 0.4);
}

/* ========== CONFIRMATION ========== */
.confirmation-card[b-d5zg7lyurt] {
    background: var(--background-medium);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 3rem 2rem;
    text-align: center;
}

.confirmation-icon[b-d5zg7lyurt] {
    color: #2ecc71;
    margin-bottom: 1.5rem;
}

.confirmation-card h2[b-d5zg7lyurt] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #e6d9f5;
    margin: 0 0 1rem;
}

.confirmation-card p[b-d5zg7lyurt] {
    color: var(--text-gray);
    font-size: 1.05rem;
    line-height: 1.7;
    margin: 0 0 2rem;
}

.btn-done[b-d5zg7lyurt] {
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(135deg, #9d22ae, #7b1b8e);
    border-radius: 8px;
    color: white;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-done:hover[b-d5zg7lyurt] {
    background: linear-gradient(135deg, #b035c3, #9d22ae);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(157, 34, 174, 0.4);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .hero-mailing-list[b-d5zg7lyurt] {
        height: 40vh;
        min-height: 280px;
    }

    .hero-mailing-list h1[b-d5zg7lyurt] {
        font-size: 2rem;
    }

    .form-row[b-d5zg7lyurt] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .form-header[b-d5zg7lyurt] {
        padding: 1.5rem;
    }

    .form-body[b-d5zg7lyurt] {
        padding: 1.5rem;
    }

    .interest-checkboxes[b-d5zg7lyurt],
    .category-checkboxes[b-d5zg7lyurt] {
        flex-direction: column;
    }
}
/* _content/NYMinuteDating-Net8/Pages/JoinWaitingList.cshtml.rz.scp.css */
/* ============================================
   JOIN WAITING LIST — SCOPED STYLES
   ============================================ */

/* ========== LAYOUT ========== */
.waitinglist-content[b-3tmhkl1l8h] {
    padding: 60px 1rem;
    padding-top: 120px;
    background: var(--background-dark);
    min-height: 70vh;
}

.page-title[b-3tmhkl1l8h] {
    font-size: 2.2rem;
    color: #e6d9f5;
    margin-bottom: 0.5rem;
    font-weight: 700;
    text-align: center;
}

.page-subtitle[b-3tmhkl1l8h] {
    color: var(--text-gray);
    font-size: 1.1rem;
    text-align: center;
    margin-bottom: 30px;
}

.waitinglist-wrapper[b-3tmhkl1l8h] {
    max-width: 800px;
    margin: 0 auto;
}

/* ========== FORM CARD ========== */
.waitinglist-card[b-3tmhkl1l8h] {
    background: var(--background-medium);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.waitinglist-body[b-3tmhkl1l8h] {
    padding: 2rem;
}

/* ========== FORM SECTIONS ========== */
.form-section[b-3tmhkl1l8h] {
    margin-bottom: 1.5rem;
}

.section-title[b-3tmhkl1l8h] {
    font-size: 1.1rem;
    color: #e6d9f5;
    margin-bottom: 0.75rem;
    padding-bottom: 0.3rem;
    border-bottom: 2px solid rgba(157, 34, 174, 0.3);
}

.form-row[b-3tmhkl1l8h] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.form-group[b-3tmhkl1l8h] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
}

.form-group label[b-3tmhkl1l8h] {
    color: #e6d9f5;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.required[b-3tmhkl1l8h] {
    color: #ef4444;
}

.optional[b-3tmhkl1l8h] {
    color: var(--text-gray);
    font-weight: 400;
    font-size: 0.85rem;
}

/* ========== FORM INPUTS ========== */
.form-input[b-3tmhkl1l8h],
.form-select[b-3tmhkl1l8h],
.form-textarea[b-3tmhkl1l8h] {
    padding: 0.6rem 0.75rem;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #ddd;
    border-radius: 8px;
    color: #1a1a1a;
    font-size: 0.95rem;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-input:focus[b-3tmhkl1l8h],
.form-select:focus[b-3tmhkl1l8h],
.form-textarea:focus[b-3tmhkl1l8h] {
    outline: none;
    border-color: #9d22ae;
    box-shadow: 0 0 0 3px rgba(157, 34, 174, 0.2);
}

.form-input-small[b-3tmhkl1l8h] {
    max-width: 120px;
}

.form-select[b-3tmhkl1l8h] {
    cursor: pointer;
}

.form-textarea[b-3tmhkl1l8h] {
    min-height: 80px;
    resize: vertical;
    font-family: inherit;
}

/* ========== EVENT SELECTION ========== */
.event-selection-box[b-3tmhkl1l8h] {
    background: rgba(157, 34, 174, 0.1);
    border: 1px solid rgba(157, 34, 174, 0.3);
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.event-selection-box label[b-3tmhkl1l8h] {
    color: #e6d9f5;
}

.event-details-text[b-3tmhkl1l8h] {
    color: #d1d5db;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.6;
    margin-top: 0.5rem;
}

/* ========== TERMS ========== */
.terms-box[b-3tmhkl1l8h] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.terms-box input[type="checkbox"][b-3tmhkl1l8h] {
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-top: 2px;
    cursor: pointer;
    flex-shrink: 0;
}

.terms-text[b-3tmhkl1l8h] {
    color: #d1d5db;
    font-size: 1rem;
    line-height: 1.7;
    flex: 1;
}

.terms-link[b-3tmhkl1l8h] {
    color: #9d22ae;
    text-decoration: underline;
    font-weight: 600;
}

/* ========== VALIDATION ========== */
.validation-summary[b-3tmhkl1l8h] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    color: #ef4444;
    font-size: 0.9rem;
}

.validation-summary ul[b-3tmhkl1l8h] {
    margin: 0.5rem 0 0;
    padding-left: 1.2rem;
}

.validation-summary li[b-3tmhkl1l8h] {
    margin-bottom: 0.25rem;
}

/* ========== FORM ACTIONS ========== */
.form-actions[b-3tmhkl1l8h] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.btn-submit[b-3tmhkl1l8h] {
    background: linear-gradient(135deg, #9d22ae, #7b1b8e);
    color: white;
    padding: 1rem 3rem;
    border: none;
    border-radius: 30px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(157, 34, 174, 0.4);
    transition: all 0.3s ease;
    min-width: 200px;
}

.btn-submit:hover[b-3tmhkl1l8h] {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(157, 34, 174, 0.6);
    background: linear-gradient(135deg, #b035c3, #9d22ae);
}

.security-badge[b-3tmhkl1l8h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--text-gray);
}

.security-text[b-3tmhkl1l8h] {
    font-size: 0.9rem;
}

/* ========== CONFIRMATION ========== */
.confirmation-card[b-3tmhkl1l8h] {
    background: var(--background-medium);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 3rem;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.confirmation-icon[b-3tmhkl1l8h] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #9d22ae, #7b1b8e);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    color: white;
}

.confirmation-card h2[b-3tmhkl1l8h] {
    color: #e6d9f5;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.confirmation-message[b-3tmhkl1l8h] {
    color: #d1d5db;
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 2rem;
}

/* ========== ERROR ========== */
.error-card[b-3tmhkl1l8h] {
    background: var(--background-medium);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 3rem;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.error-icon[b-3tmhkl1l8h] {
    color: #f59e0b;
    margin-bottom: 1rem;
}

.error-card h2[b-3tmhkl1l8h] {
    color: #e6d9f5;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.error-message[b-3tmhkl1l8h] {
    color: #d1d5db;
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.btn-done[b-3tmhkl1l8h] {
    background: linear-gradient(135deg, #9d22ae, #7b1b8e);
    padding: 1rem 2.5rem;
    border-radius: 30px;
    color: white;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    transition: all 0.3s ease;
}

.btn-done:hover[b-3tmhkl1l8h] {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(157, 34, 174, 0.6);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .waitinglist-content[b-3tmhkl1l8h] {
        padding: 100px 15px 40px;
    }

    .page-title[b-3tmhkl1l8h] {
        font-size: 1.8rem;
    }

    .form-row[b-3tmhkl1l8h] {
        grid-template-columns: 1fr;
    }

    .waitinglist-body[b-3tmhkl1l8h] {
        padding: 1.5rem;
    }

    .confirmation-card[b-3tmhkl1l8h],
    .error-card[b-3tmhkl1l8h] {
        padding: 2rem 1.5rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Legal.cshtml.rz.scp.css */
/* ============================================
   LEGAL / TERMS OF USE PAGE — SCOPED STYLES
   ============================================ */

/* ========== CONTAINER ========== */
.legal-page-content[b-7srldwk3hf] {
    margin-top: 100px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* ========== BODY ========== */
.legal-body[b-7srldwk3hf] {
    padding: 3rem 2.5rem;
    color: var(--text-gray);
    line-height: 1.8;
}

.legal-body h2[b-7srldwk3hf] {
    color: white;
    font-size: 1.8rem;
    margin: 2.5rem 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #9d22ae;
}

.legal-body h2:first-child[b-7srldwk3hf] {
    margin-top: 0;
}

.legal-body h3[b-7srldwk3hf] {
    color: var(--text-light);
    font-size: 1.3rem;
    margin: 2rem 0 1rem;
}

.legal-body p[b-7srldwk3hf] {
    margin-bottom: 1.5rem;
}

.legal-body ul[b-7srldwk3hf] {
    margin: 1rem 0 1.5rem 2rem;
    list-style: disc;
}

.legal-body ul li[b-7srldwk3hf] {
    margin-bottom: 0.5rem;
    color: var(--text-gray);
}

.legal-body a[b-7srldwk3hf] {
    color: #9d22ae;
    text-decoration: underline;
}

.legal-body a:hover[b-7srldwk3hf] {
    color: #b12ec6;
}

.legal-body strong[b-7srldwk3hf] {
    color: white;
    font-weight: 600;
}

/* ========== FOOTER ========== */
.policy-footer[b-7srldwk3hf] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.policy-footer p[b-7srldwk3hf] {
    color: var(--text-gray);
    font-size: 0.9rem;
    margin: 0;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .legal-body[b-7srldwk3hf] {
        padding: 2rem 1.5rem;
    }

    .legal-body h2[b-7srldwk3hf] {
        font-size: 1.5rem;
    }

    .legal-body h3[b-7srldwk3hf] {
        font-size: 1.2rem;
    }

    .legal-page-content[b-7srldwk3hf] {
        margin-top: 80px;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Login.cshtml.rz.scp.css */
/* ============================================
   LOGIN PAGE — SCOPED STYLES
   ============================================ */

/* ========== HEADER ========== */
.login-header-section[b-wmkto48me4] {
    margin-top: 80px;
    padding: 40px 20px 20px;
    text-align: center;
}

.login-header-inner[b-wmkto48me4] {
    max-width: 1400px;
    margin: 0 auto;
}

.login-page-title[b-wmkto48me4] {
    font-size: 3em;
    color: white;
    margin-bottom: 10px;
    font-weight: 700;
}

.login-header-section p[b-wmkto48me4] {
    font-size: 1.2em;
    color: #e6d9f5;
    font-weight: 300;
}

/* ========== CONTENT ========== */
.login-content[b-wmkto48me4] {
    padding: 4rem 2rem;
    min-height: 60vh;
}

.login-wrapper[b-wmkto48me4] {
    max-width: 600px;
    margin: 0 auto;
}

.login-card[b-wmkto48me4] {
    background: var(--background-medium);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

/* ========== CARD HEADER ========== */
.login-card-header[b-wmkto48me4] {
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
}

.login-icon[b-wmkto48me4] {
    font-size: 1.5rem;
}

.login-card-header h2[b-wmkto48me4] {
    font-size: 1.5rem;
    color: white;
    margin: 0;
}

/* ========== CARD BODY ========== */
.login-body[b-wmkto48me4] {
    padding: 1.75rem;
}

/* ========== MESSAGES ========== */
.login-message[b-wmkto48me4] {
    display: block;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: 10px;
    font-weight: 600;
}

.login-message-error[b-wmkto48me4] {
    background: rgba(251, 113, 133, 0.1);
    border: 1px solid #fb7185;
    color: #fb7185;
}

.login-message-success[b-wmkto48me4] {
    background: rgba(157, 34, 174, 0.1);
    border: 1px solid #9d22ae;
    color: #c084fc;
}

/* ========== FORM ========== */
.form-group[b-wmkto48me4] {
    margin-bottom: 0.9rem;
}

.form-label[b-wmkto48me4] {
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    color: #e6d9f5;
    margin-bottom: 0.3rem;
}

.form-input[b-wmkto48me4] {
    width: 100%;
    padding: 0.6rem 0.9rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.3);
    color: white;
    font-size: 0.95rem;
    font-family: inherit;
    transition: all 0.3s;
}

.form-input:focus[b-wmkto48me4] {
    outline: none;
    border-color: #9d22ae;
    box-shadow: 0 0 0 3px rgba(157, 34, 174, 0.1);
}

.required[b-wmkto48me4] {
    color: #fb7185;
}

/* ========== FORGOT LINK ========== */
.forgot-link-container[b-wmkto48me4] {
    text-align: right;
    margin-bottom: 1.25rem;
    margin-top: 0.3rem;
}

.forgot-link[b-wmkto48me4] {
    color: #9d22ae;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    transition: color 0.3s;
}

.forgot-link:hover[b-wmkto48me4] {
    color: var(--accent-rose);
    text-decoration: underline;
}

.forgot-instructions[b-wmkto48me4] {
    color: #d1d5db;
    margin: 0 0 1rem;
    font-size: 0.95rem;
}

/* ========== ACTIONS ========== */
.login-actions[b-wmkto48me4] {
    text-align: center;
    margin-top: 0.75rem;
}

.btn-login[b-wmkto48me4] {
    padding: 0.65rem 2rem;
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    color: white;
    border: none;
    border-radius: 30px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(157, 34, 174, 0.4);
}

.btn-login:hover[b-wmkto48me4] {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(157, 34, 174, 0.6);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .login-page-title[b-wmkto48me4] {
        font-size: 2.2em;
    }

    .login-content[b-wmkto48me4] {
        padding: 2rem 1rem;
    }

    .login-body[b-wmkto48me4] {
        padding: 1.5rem;
    }

    .login-card-header[b-wmkto48me4] {
        padding: 1.25rem;
    }

    .login-card-header h2[b-wmkto48me4] {
        font-size: 1.3rem;
    }

    .btn-login[b-wmkto48me4] {
        width: 100%;
        padding: 1rem 2rem;
    }
}

@media (max-width: 480px) {
    .login-page-title[b-wmkto48me4] {
        font-size: 2em;
    }
}
/* _content/NYMinuteDating-Net8/Pages/MatchingSystem/Faq.cshtml.rz.scp.css */
.faq-list[b-tg2rlbepv3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.faq-item[b-tg2rlbepv3] {
    background: #262626;
    border: 1px solid #333333;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item:hover[b-tg2rlbepv3] {
    border-color: #444444;
}

.faq-item.active[b-tg2rlbepv3] {
    border-color: #9d22ae;
}

.faq-question[b-tg2rlbepv3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    cursor: pointer;
    color: #ffffff;
    font-weight: 500;
    font-size: 1rem;
    transition: all 0.2s ease;
}

.faq-question:hover[b-tg2rlbepv3] {
    background: #2a2a2a;
}

.faq-icon[b-tg2rlbepv3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    border-radius: 50%;
    font-size: 1.25rem;
    font-weight: 600;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.faq-item.active .faq-icon[b-tg2rlbepv3] {
    transform: rotate(45deg);
}

.faq-answer[b-tg2rlbepv3] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer[b-tg2rlbepv3] {
    max-height: 500px;
    padding: 0 1.25rem 1.25rem 1.25rem;
}

.faq-answer p[b-tg2rlbepv3] {
    color: #d1d5db;
    line-height: 1.7;
    margin: 0 0 0.75rem 0;
    padding-left: 2.75rem;
}

.faq-answer p:last-child[b-tg2rlbepv3] {
    margin-bottom: 0;
}

.faq-answer strong[b-tg2rlbepv3] {
    color: #ffffff;
}

@media (max-width: 480px) {
    .faq-question[b-tg2rlbepv3] {
        font-size: 0.95rem;
        padding: 1rem;
        gap: 0.75rem;
    }

    .faq-icon[b-tg2rlbepv3] {
        width: 24px;
        height: 24px;
        font-size: 1.1rem;
    }

    .faq-answer p[b-tg2rlbepv3] {
        padding-left: 2.25rem;
        font-size: 0.9rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/MatchingSystem/MyInformation.cshtml.rz.scp.css */
.request-change-link[b-vwtzxrniul] {
    color: #9d22ae;
    text-decoration: none;
    font-size: 0.9rem;
    margin-left: auto;
    transition: color 0.2s ease;
}
.request-change-link:hover[b-vwtzxrniul] {
    color: #7d1b8e;
    text-decoration: underline;
}

/* Modal */
.modal-overlay[b-vwtzxrniul] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.modal-content[b-vwtzxrniul] {
    background: #1e1e1e;
    border: 1px solid #333333;
    border-radius: 12px;
    width: 100%;
    max-width: 400px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
.modal-header[b-vwtzxrniul] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #333333;
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    border-radius: 12px 12px 0 0;
}
.modal-header h3[b-vwtzxrniul] {
    color: #ffffff;
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}
.modal-close[b-vwtzxrniul] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}
.modal-close:hover[b-vwtzxrniul] { opacity: 1; }
.modal-body[b-vwtzxrniul] { padding: 1.5rem; }
.modal-info[b-vwtzxrniul] {
    color: #9ca3af;
    font-size: 0.9rem;
    margin-bottom: 1.25rem;
    line-height: 1.5;
}
.modal-form-grid[b-vwtzxrniul] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.modal-form-row[b-vwtzxrniul] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.modal-form-row label[b-vwtzxrniul] {
    color: #d1d5db;
    font-size: 0.9rem;
    font-weight: 500;
}
.modal-input[b-vwtzxrniul] {
    background: #262626;
    border: 1px solid #333333;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    color: #ffffff;
    font-size: 0.95rem;
    width: 100%;
    box-sizing: border-box;
}
.modal-input:focus[b-vwtzxrniul] {
    outline: none;
    border-color: #9d22ae;
}
.modal-radio-list[b-vwtzxrniul] {
    display: flex;
    gap: 1.5rem;
}
.modal-radio-list label[b-vwtzxrniul] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #d1d5db;
    cursor: pointer;
}
.modal-footer[b-vwtzxrniul] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #333333;
    background: #262626;
    border-radius: 0 0 12px 12px;
}
.btn-secondary[b-vwtzxrniul] {
    background: transparent;
    border: 1px solid #333333;
    color: #9ca3af;
    padding: 0.75rem 1.5rem;
    border-radius: 25px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}
.btn-secondary:hover[b-vwtzxrniul] {
    border-color: #9d22ae;
    color: #ffffff;
}

/* Change-request success toast: styled by the GLOBAL .success-toast rules in
   wwwroot/css/matchingsystem.css (purple, in flow above the profile card) — the
   scoped fixed/green overrides that used to live here were a migration defect. */

@media (max-width: 480px) {
    .modal-content[b-vwtzxrniul] { max-height: 85vh; }
    .modal-header[b-vwtzxrniul] { padding: 1rem; }
    .modal-body[b-vwtzxrniul] { padding: 1rem; }
    .modal-footer[b-vwtzxrniul] {
        padding: 1rem;
        flex-direction: column;
    }
    .modal-footer button[b-vwtzxrniul],
    .modal-footer input[type="submit"][b-vwtzxrniul] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/MatchingSystem/MyPicture.cshtml.rz.scp.css */
.photo-container[b-6erik4s61e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}
.photo-frame[b-6erik4s61e] {
    background: #262626;
    border: 2px solid #333333;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 1rem;
    min-width: 250px;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-image[b-6erik4s61e] {
    display: block;
    width: auto;
    height: auto;
    max-width: 350px;
    max-height: 420px;
    border-radius: 8px;
}
.rotate-buttons[b-6erik4s61e] {
    display: flex;
    gap: 1rem;
    margin-top: 0.5rem;
}
.rotate-btn[b-6erik4s61e] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.2rem;
    background: #262626;
    border: 1px solid #333333;
    border-radius: 8px;
    color: #d1d5db;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}
.rotate-btn:hover[b-6erik4s61e] {
    background: #333333;
    border-color: #9d22ae;
    color: #ffffff;
}
.rotate-icon[b-6erik4s61e] { font-size: 1.2rem; }

.upload-section[b-6erik4s61e] {
    background: #262626;
    border: 1px solid #333333;
    border-radius: 12px;
    padding: 1.5rem;
}
.upload-label[b-6erik4s61e] {
    color: #ffffff;
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 1.25rem;
}
.upload-controls[b-6erik4s61e] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    margin-bottom: 0.75rem;
}
.file-input-wrapper[b-6erik4s61e] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.file-input-label[b-6erik4s61e] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.7rem 1.25rem;
    background: #333333;
    border: 1px solid #444444;
    border-radius: 8px;
    color: #ffffff;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}
.file-input-label:hover[b-6erik4s61e] {
    background: #444444;
    border-color: #9d22ae;
}
.file-input-icon[b-6erik4s61e] { font-size: 1.2rem; }
.file-input-text[b-6erik4s61e] { font-size: 0.95rem; }
.file-input-hidden[b-6erik4s61e] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.selected-file-name[b-6erik4s61e] {
    color: #9d22ae;
    font-size: 0.9rem;
    font-weight: 500;
}
.btn-upload[b-6erik4s61e] {
    padding: 0.6rem 1.5rem;
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}
.btn-upload:hover[b-6erik4s61e] {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(157, 34, 174, 0.4);
}
.upload-error[b-6erik4s61e] {
    color: #ef4444;
    font-size: 0.9rem;
    display: block;
    margin-bottom: 0.5rem;
}
.upload-hint[b-6erik4s61e] {
    color: #9ca3af;
    font-size: 0.85rem;
    font-style: italic;
}
.privacy-notice[b-6erik4s61e] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding: 1rem;
    background: rgba(157, 34, 174, 0.1);
    border: 1px solid rgba(157, 34, 174, 0.25);
    border-radius: 8px;
}
.privacy-text[b-6erik4s61e] {
    color: #d1d5db;
    font-size: 0.9rem;
    line-height: 1.5;
}
.error-message[b-6erik4s61e] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 8px;
    padding: 1rem;
    color: #ef4444;
    text-align: center;
}

@media (max-width: 480px) {
    .rotate-buttons[b-6erik4s61e] {
        flex-direction: column;
        width: 100%;
    }
    .rotate-btn[b-6erik4s61e] { justify-content: center; }
    .upload-controls[b-6erik4s61e] {
        flex-direction: column;
        align-items: stretch;
    }
    .btn-upload[b-6erik4s61e] { width: 100%; }
}
/* _content/NYMinuteDating-Net8/Pages/MatchingSystem/SelectMatches.cshtml.rz.scp.css */
/* Event Details */
.event-details[b-47y5wnb52q] { margin-top: 1rem; }
.event-detail-row[b-47y5wnb52q] { display: flex; gap: 0.5rem; margin-bottom: 0.5rem; flex-wrap: wrap; }
.detail-label[b-47y5wnb52q] { color: #ffffff; font-weight: 600; }
.detail-value[b-47y5wnb52q] { color: #ffffff; font-weight: 500; }

/* Warning Box */
.warning-box[b-47y5wnb52q] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    background: rgba(234, 179, 8, 0.1);
    border: 1px solid rgba(234, 179, 8, 0.3);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}
.warning-icon[b-47y5wnb52q] { color: #eab308; font-size: 1.25rem; flex-shrink: 0; }
.warning-box span:not(.warning-icon)[b-47y5wnb52q] { color: #fef3c7; font-size: 0.95rem; }

/* Instructions */
.instructions[b-47y5wnb52q] {
    background: #262626;
    border: 1px solid #333333;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}
.instructions p[b-47y5wnb52q] { margin: 0; color: #d1d5db; }

/* Attendees Grid */
.attendees-grid[b-47y5wnb52q] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    margin-bottom: 2rem;
}
.attendee-card[b-47y5wnb52q] {
    background: #262626;
    border: 1px solid #333333;
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s ease;
}
.attendee-card:hover[b-47y5wnb52q] {
    border-color: #9d22ae;
    background: #2a2a2a;
}
.attendee-photo[b-47y5wnb52q] { flex-shrink: 0; }
.attendee-photo img[b-47y5wnb52q] {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #333333;
}
.attendee-info[b-47y5wnb52q] { flex: 1; }
.attendee-checkbox[b-47y5wnb52q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}
.attendee-checkbox input[type="checkbox"][b-47y5wnb52q] {
    width: 18px;
    height: 18px;
    accent-color: #9d22ae;
    cursor: pointer;
}
.attendee-checkbox span[b-47y5wnb52q] {
    color: #ffffff;
    font-weight: 500;
    font-size: 1rem;
}

/* Empty State */
.empty-state[b-47y5wnb52q] { text-align: center; padding: 3rem 1rem; }
.empty-icon[b-47y5wnb52q] { font-size: 3rem; margin-bottom: 1rem; opacity: 0.5; }
.empty-state h3[b-47y5wnb52q] { color: #ffffff; margin-bottom: 0.5rem; }
.empty-state p[b-47y5wnb52q] { color: #9ca3af; }

/* Submit Section */
.submit-section[b-47y5wnb52q] {
    text-align: center;
    padding-top: 1.5rem;
    border-top: 1px solid #333333;
}

/* Modal */
.modal-overlay[b-47y5wnb52q] {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.modal-content[b-47y5wnb52q] {
    background: #1e1e1e;
    border: 1px solid #333333;
    border-radius: 12px;
    width: 100%;
    max-width: 450px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: modalSlideIn-b-47y5wnb52q 0.2s ease-out;
}
@keyframes modalSlideIn-b-47y5wnb52q {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
.modal-header[b-47y5wnb52q] {
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    padding: 1rem 1.5rem;
    border-radius: 12px 12px 0 0;
}
.modal-header h3[b-47y5wnb52q] { margin: 0; color: #ffffff; font-size: 1.1rem; }
.modal-body[b-47y5wnb52q] { padding: 1.5rem; }
.modal-body p[b-47y5wnb52q] { color: #d1d5db; margin: 0; line-height: 1.6; }
.modal-footer[b-47y5wnb52q] {
    padding: 1rem 1.5rem;
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    border-top: 1px solid #333333;
}
.btn-secondary[b-47y5wnb52q] {
    padding: 0.6rem 1.5rem;
    background: #333333;
    color: #d1d5db;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}
.btn-secondary:hover[b-47y5wnb52q] { background: #444444; color: #ffffff; }

/* Success & Notice Messages */
.success-message[b-47y5wnb52q] {
    text-align: center;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    margin-bottom: 1.5rem;
}
.success-icon[b-47y5wnb52q] {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #ffffff;
    margin-bottom: 1rem;
}
.success-message h3[b-47y5wnb52q] { color: #ffffff; margin: 0; }
.info-text[b-47y5wnb52q] { color: #d1d5db; line-height: 1.6; }
.info-text p[b-47y5wnb52q] { margin-bottom: 1rem; }

.notice-message[b-47y5wnb52q] {
    text-align: center;
    padding: 1.5rem;
    background: rgba(157, 34, 174, 0.1);
    border: 1px solid rgba(157, 34, 174, 0.3);
    border-radius: 12px;
    margin-bottom: 1.5rem;
}
.notice-message h3[b-47y5wnb52q] { color: #9d22ae; margin: 0; }

.promo-box[b-47y5wnb52q] {
    background: #262626;
    border: 1px solid #333333;
    border-radius: 8px;
    padding: 1.5rem;
    text-align: center;
    margin-bottom: 1.5rem;
}
.promo-box p[b-47y5wnb52q] { margin: 0; color: #d1d5db; font-size: 1.1rem; }
.promo-code[b-47y5wnb52q] { color: #22c55e; font-size: 1.25rem; }

.disclaimer[b-47y5wnb52q] {
    background: #1a1a1a;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}
.disclaimer p[b-47y5wnb52q] { color: #9ca3af; font-size: 0.85rem; margin: 0; line-height: 1.5; }

/* Feedback Section */
.feedback-section[b-47y5wnb52q] {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #333333;
}
.feedback-title[b-47y5wnb52q] { color: #9d22ae; text-align: center; margin-bottom: 1.5rem; }

.rating-scale[b-47y5wnb52q] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #262626;
    border-radius: 8px;
}
.scale-label[b-47y5wnb52q] { font-size: 0.95rem; font-weight: 600; }
.scale-label.scale-high[b-47y5wnb52q] { color: #22c55e; }
.scale-label.scale-low[b-47y5wnb52q] { color: #ef4444; }
.scale-numbers[b-47y5wnb52q] { display: flex; gap: 2rem; }
.scale-numbers span[b-47y5wnb52q] { color: #ffffff; font-weight: 600; width: 20px; text-align: center; }

.rating-questions[b-47y5wnb52q] { display: flex; flex-direction: column; gap: 0.75rem; }
.rating-row[b-47y5wnb52q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #262626;
    border-radius: 8px;
}
.question-text[b-47y5wnb52q] { color: #d1d5db; flex: 1; }
.rating-options[b-47y5wnb52q], .recommend-options[b-47y5wnb52q] { display: flex; gap: 1.5rem; }
.rating-options label[b-47y5wnb52q], .recommend-options label[b-47y5wnb52q] {
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
}
.rating-options input[type="radio"][b-47y5wnb52q], .recommend-options input[type="radio"][b-47y5wnb52q] {
    accent-color: #9d22ae;
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
}

.comments-section[b-47y5wnb52q] {
    margin-top: 1.5rem;
    background: #262626;
    border-radius: 8px;
    padding: 1.25rem;
}
.comment-label[b-47y5wnb52q] { display: block; color: #d1d5db; margin-bottom: 0.75rem; font-weight: 500; }
.comment-textarea[b-47y5wnb52q] {
    width: 100%;
    padding: 1rem;
    background: #1a1a1a;
    border: 1px solid #333333;
    border-radius: 8px;
    color: #ffffff;
    font-family: inherit;
    font-size: 1rem;
    resize: vertical;
    min-height: 120px;
    box-sizing: border-box;
}
.comment-textarea:focus[b-47y5wnb52q] { outline: none; border-color: #9d22ae; }
.submit-feedback[b-47y5wnb52q] { margin-top: 1.5rem; text-align: center; }

/* Responsive */
@media (max-width: 768px) {
    .attendees-grid[b-47y5wnb52q] { grid-template-columns: 1fr; }
    .rating-row[b-47y5wnb52q] { flex-direction: column; align-items: flex-start; }
    .rating-scale[b-47y5wnb52q] { flex-wrap: wrap; justify-content: center; }
    .scale-numbers[b-47y5wnb52q] { order: 2; width: 100%; justify-content: center; gap: 1.5rem; }
}

@media (max-width: 480px) {
    .attendee-photo img[b-47y5wnb52q] { width: 100px; height: 100px; }
    .rating-options[b-47y5wnb52q], .recommend-options[b-47y5wnb52q] { gap: 1rem; }
    .scale-numbers[b-47y5wnb52q] { gap: 1rem; }
    .modal-footer[b-47y5wnb52q] { flex-direction: column; }
    .modal-footer button[b-47y5wnb52q] { width: 100%; }
}
/* _content/NYMinuteDating-Net8/Pages/MatchingSystem/ViewEvents.cshtml.rz.scp.css */
/* Event Details */
.event-details[b-qqoexxhua0] { margin-top: 1rem; }
.event-detail-row[b-qqoexxhua0] { display: flex; gap: 0.5rem; margin-bottom: 0.25rem; flex-wrap: wrap; }
.detail-label[b-qqoexxhua0] { color: rgba(255, 255, 255, 0.7); font-weight: 500; }
.detail-value[b-qqoexxhua0] { color: #ffffff; }

/* Tabs are styled by the shared matchingsystem.css (purple underline tabs) — no scoped
   overrides here, as in legacy. Only the @media block below adjusts tab layout on mobile,
   exactly like the legacy page's own style block. */

/* Info Box */
.info-box[b-qqoexxhua0] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    background: rgba(157, 34, 174, 0.1);
    border: 1px solid rgba(157, 34, 174, 0.25);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}
.info-icon[b-qqoexxhua0] { font-size: 1.25rem; flex-shrink: 0; }
.info-box span:not(.info-icon)[b-qqoexxhua0] { color: #d1d5db; font-size: 0.95rem; line-height: 1.5; }

/* Section Title */
.section-title[b-qqoexxhua0] {
    color: #9d22ae;
    font-weight: 600;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #333333;
}
.edit-section-title[b-qqoexxhua0] { margin-top: 2rem; }

/* Containers */
.matches-container[b-qqoexxhua0], .edit-container[b-qqoexxhua0], .picked-container[b-qqoexxhua0] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Match Card (Mutual Matches) */
.match-card[b-qqoexxhua0] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #262626;
    border: 1px solid #333333;
    border-radius: 12px;
    padding: 1rem;
    transition: all 0.3s ease;
}
.match-card.mutual[b-qqoexxhua0] {
    border-color: rgba(34, 197, 94, 0.3);
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.05), transparent);
}
/* Placeholder photos (no-photo-*, blankprofile): plain img, legacy 100x100 crop. */
.match-photo img[b-qqoexxhua0], .edit-photo img[b-qqoexxhua0], .picked-photo img[b-qqoexxhua0] {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #333333;
    transition: transform 0.2s ease, border-color 0.2s ease;
}
/* Real photos are lightbox links — legacy renders them with inline
   style="width:100px;height:auto;" (natural aspect, never cropped) and a pointer cursor. */
.match-photo a img[b-qqoexxhua0], .edit-photo a img[b-qqoexxhua0], .picked-photo a img[b-qqoexxhua0] {
    width: 100px;
    height: auto;
    object-fit: fill;
    cursor: pointer;
}
.match-photo img:hover[b-qqoexxhua0], .edit-photo img:hover[b-qqoexxhua0], .picked-photo img:hover[b-qqoexxhua0] {
    transform: scale(1.05);
    border-color: #9d22ae;
}
.match-info[b-qqoexxhua0] { flex: 1; min-width: 0; }
.match-name[b-qqoexxhua0], .edit-name[b-qqoexxhua0], .picked-name[b-qqoexxhua0] {
    font-weight: 600;
    font-size: 1.1rem;
    color: #ffffff;
    margin-bottom: 0.5rem;
}
.match-detail[b-qqoexxhua0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #d1d5db;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}
.match-detail a[b-qqoexxhua0] { color: #9d22ae; text-decoration: none; }
.match-detail a:hover[b-qqoexxhua0] { color: #b83dcc; text-decoration: underline; }
.detail-icon[b-qqoexxhua0] { font-size: 1rem; width: 20px; text-align: center; }
.phone-not-shared[b-qqoexxhua0] { color: #9ca3af; font-style: italic; }

.match-badge[b-qqoexxhua0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(34, 197, 94, 0.2);
    color: #22c55e;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.9rem;
    flex-shrink: 0;
}

/* Withdrawn badge: neutral grey — NOT the green "match" styling (a withdrawal is not a success). */
.match-card.withdrawn .match-badge[b-qqoexxhua0] {
    background: rgba(107, 114, 128, 0.18);
    color: #6b7280;
}

.badge-icon[b-qqoexxhua0] { font-size: 1rem; }

/* Edit Card */
.edit-card[b-qqoexxhua0], .picked-card[b-qqoexxhua0] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #262626;
    border: 1px solid #333333;
    border-radius: 10px;
    padding: 0.75rem 1rem;
}
.edit-name[b-qqoexxhua0], .picked-name[b-qqoexxhua0] { flex: 1; margin-bottom: 0; }
.edit-action[b-qqoexxhua0], .picked-action[b-qqoexxhua0] { flex-shrink: 0; text-align: center; }

.edit-status[b-qqoexxhua0] { display: block; font-size: 0.75rem; margin-top: 4px; }
.edit-status.selected[b-qqoexxhua0] { color: #22c55e; }
.edit-status.not-selected[b-qqoexxhua0] { color: #9ca3af; }

.btn-select[b-qqoexxhua0], .btn-unselect[b-qqoexxhua0] {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
}
.btn-select[b-qqoexxhua0] {
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    color: #ffffff;
}
.btn-select:hover[b-qqoexxhua0] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(157, 34, 174, 0.4);
}
.btn-unselect[b-qqoexxhua0] {
    background: #333333;
    color: #d1d5db;
    border: 1px solid #444444;
}
.btn-unselect:hover[b-qqoexxhua0] { background: #444444; color: #ffffff; }

/* Empty State */
.empty-state[b-qqoexxhua0] { text-align: center; padding: 2rem; color: #9ca3af; }
.empty-state.small[b-qqoexxhua0] { padding: 1rem; }
.empty-state .empty-icon[b-qqoexxhua0] { font-size: 2.5rem; margin-bottom: 0.75rem; }
.empty-state h3[b-qqoexxhua0] { color: #d1d5db; margin-bottom: 0.5rem; }
.empty-state p[b-qqoexxhua0] { margin: 0; }

/* Responsive */
@media (max-width: 600px) {
    .match-card[b-qqoexxhua0] { flex-wrap: wrap; }
    .match-badge[b-qqoexxhua0] { width: 100%; justify-content: center; margin-top: 0.5rem; }
    .match-photo img[b-qqoexxhua0], .edit-photo img[b-qqoexxhua0], .picked-photo img[b-qqoexxhua0] { width: 80px; height: 80px; }
    /* Same mobile tab-layout tweaks as the legacy page's own style block. */
    .tab-buttons[b-qqoexxhua0] { flex-direction: row; overflow-x: auto; }
    .tab-btn[b-qqoexxhua0] { flex: 1; text-align: center; white-space: nowrap; padding: 0.75rem 1rem; font-size: 0.85rem; }
}
/* _content/NYMinuteDating-Net8/Pages/NewYorkSpeedDating.cshtml.rz.scp.css */
/* ============================================
   NEW YORK SPEED DATING PAGE — SCOPED STYLES
   ============================================ */

/* ========== LAYOUT ========== */
.nyc-page-content[b-ztrxz7hdhl] {
    padding: 60px 20px;
    padding-top: 120px;
    max-width: 1200px;
    margin: 0 auto;
}

/* ========== INTRO ========== */
.nyc-intro[b-ztrxz7hdhl] {
    text-align: center;
    margin-bottom: 50px;
}

.nyc-intro h1[b-ztrxz7hdhl] {
    font-size: 2.5rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
    font-weight: 700;
}

.nyc-intro .tagline[b-ztrxz7hdhl] {
    color: #c855d9;
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.nyc-intro p[b-ztrxz7hdhl] {
    color: #d1d5db;
    font-size: 1.1rem;
    line-height: 1.8;
    max-width: 800px;
    margin: 0 auto 1.5rem auto;
}

/* ========== CONTENT GRID ========== */
.nyc-content-grid[b-ztrxz7hdhl] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 50px;
}

.nyc-card[b-ztrxz7hdhl] {
    background: #1a1a1a;
    border-radius: 16px;
    padding: 30px;
    border: 1px solid rgba(157, 34, 174, 0.1);
}

.nyc-card.highlight[b-ztrxz7hdhl] {
    background: linear-gradient(135deg, rgba(157, 34, 174, 0.15), rgba(125, 27, 142, 0.1));
    border: 1px solid rgba(157, 34, 174, 0.3);
}

.nyc-card-icon[b-ztrxz7hdhl] {
    margin-bottom: 15px;
    color: #c855d9;
}

.nyc-card h3[b-ztrxz7hdhl] {
    font-size: 1.3rem;
    color: #e6d9f5;
    margin-bottom: 15px;
    font-weight: 600;
}

.nyc-card p[b-ztrxz7hdhl] {
    color: #d1d5db;
    font-size: 1rem;
    line-height: 1.8;
    margin: 0;
}

/* ========== FULL WIDTH SECTION ========== */
.nyc-full-section[b-ztrxz7hdhl] {
    background: #1a1a1a;
    border-radius: 16px;
    padding: 40px;
    border: 1px solid rgba(157, 34, 174, 0.1);
    margin-bottom: 50px;
}

.nyc-full-section h2[b-ztrxz7hdhl] {
    font-size: 1.8rem;
    color: #e6d9f5;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: center;
}

.nyc-full-section p[b-ztrxz7hdhl] {
    color: #d1d5db;
    font-size: 1.05rem;
    line-height: 1.8;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

/* ========== CTA BUTTONS ========== */
.cta-buttons[b-ztrxz7hdhl] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .nyc-page-content[b-ztrxz7hdhl] {
        padding: 100px 15px 40px 15px;
    }

    .nyc-intro h1[b-ztrxz7hdhl] {
        font-size: 2rem;
    }

    .nyc-intro .tagline[b-ztrxz7hdhl] {
        font-size: 1.1rem;
    }

    .nyc-content-grid[b-ztrxz7hdhl] {
        grid-template-columns: 1fr;
    }

    .nyc-card[b-ztrxz7hdhl] {
        padding: 25px;
    }

    .nyc-full-section[b-ztrxz7hdhl] {
        padding: 30px 20px;
    }

    .cta-buttons[b-ztrxz7hdhl] {
        flex-direction: column;
        align-items: center;
    }
}
/* _content/NYMinuteDating-Net8/Pages/NotFound.cshtml.rz.scp.css */
/* ===== 404 Not Found Page — Scoped CSS ===== */

.error-content[b-diya3ek6r8] {
    padding: 120px 1rem 2rem;
    background: var(--background-dark, #0f0f0f);
    min-height: 70vh;
}

.error-wrapper[b-diya3ek6r8] {
    max-width: 800px;
    margin: 0 auto;
}

.error-card[b-diya3ek6r8] {
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 3rem 2rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.error-icon[b-diya3ek6r8] {
    font-size: 5rem;
    font-weight: 800;
    background: linear-gradient(135deg, #9d22ae, #fb7185);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1.5rem;
    animation: pulse-b-diya3ek6r8 2s infinite;
}

@keyframes pulse-b-diya3ek6r8 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

.error-card h2[b-diya3ek6r8] {
    font-size: 2rem;
    color: white;
    margin-bottom: 1rem;
}

.error-message[b-diya3ek6r8] {
    color: #9ca3af;
    font-size: 1.1rem;
    line-height: 1.8;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.error-links[b-diya3ek6r8] {
    margin-top: 1rem;
}

.error-links h3[b-diya3ek6r8] {
    color: white;
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
}

.links-grid[b-diya3ek6r8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.error-link[b-diya3ek6r8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1.2rem 1rem;
    background: rgba(157, 34, 174, 0.1);
    border: 1px solid rgba(157, 34, 174, 0.3);
    border-radius: 12px;
    color: #d1d5db;
    text-align: center;
    text-decoration: none;
    font-size: 0.95rem;
    transition: all 0.3s;
}

.error-link:hover[b-diya3ek6r8] {
    background: rgba(157, 34, 174, 0.2);
    border-color: #9d22ae;
    transform: translateY(-2px);
    color: white;
}

.error-link i[b-diya3ek6r8] {
    width: 24px;
    height: 24px;
    color: #9d22ae;
}

/* Responsive */
@media (max-width: 768px) {
    .error-content[b-diya3ek6r8] {
        padding: 100px 1rem 2rem;
    }

    .error-card[b-diya3ek6r8] {
        padding: 2rem 1.5rem;
    }

    .error-icon[b-diya3ek6r8] {
        font-size: 4rem;
    }

    .error-card h2[b-diya3ek6r8] {
        font-size: 1.5rem;
    }

    .links-grid[b-diya3ek6r8] {
        grid-template-columns: 1fr;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Privacy.cshtml.rz.scp.css */
/* ============================================
   PRIVACY POLICY PAGE — SCOPED STYLES
   (Same layout as Legal/Terms of Use page)
   ============================================ */

/* ========== CONTAINER ========== */
.legal-page-content[b-ijo2xoqt90] {
    margin-top: 100px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* ========== BODY ========== */
.legal-body[b-ijo2xoqt90] {
    padding: 3rem 2.5rem;
    color: var(--text-gray);
    line-height: 1.8;
}

.legal-body h2[b-ijo2xoqt90] {
    color: white;
    font-size: 1.8rem;
    margin: 2.5rem 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #9d22ae;
}

.legal-body h2:first-child[b-ijo2xoqt90] {
    margin-top: 0;
}

.legal-body h3[b-ijo2xoqt90] {
    color: var(--text-light);
    font-size: 1.3rem;
    margin: 2rem 0 1rem;
}

.legal-body p[b-ijo2xoqt90] {
    margin-bottom: 1.5rem;
}

.legal-body ul[b-ijo2xoqt90] {
    margin: 1rem 0 1.5rem 2rem;
    list-style: disc;
}

.legal-body ul li[b-ijo2xoqt90] {
    margin-bottom: 0.5rem;
    color: var(--text-gray);
}

.legal-body a[b-ijo2xoqt90] {
    color: #9d22ae;
    text-decoration: underline;
}

.legal-body a:hover[b-ijo2xoqt90] {
    color: #b12ec6;
}

.legal-body strong[b-ijo2xoqt90] {
    color: white;
    font-weight: 600;
}

/* ========== CONTACT BOX ========== */
.contact-box[b-ijo2xoqt90] {
    background: rgba(157, 34, 174, 0.1);
    border: 1px solid rgba(157, 34, 174, 0.3);
    border-radius: 10px;
    padding: 1.5rem;
    margin: 1.5rem 0;
}

.contact-box p[b-ijo2xoqt90] {
    margin-bottom: 0.5rem;
}

.contact-box p:last-child[b-ijo2xoqt90] {
    margin-bottom: 0;
}

/* ========== FOOTER ========== */
.policy-footer[b-ijo2xoqt90] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.policy-footer p[b-ijo2xoqt90] {
    color: var(--text-gray);
    font-size: 0.9rem;
    margin: 0;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .legal-body[b-ijo2xoqt90] {
        padding: 2rem 1.5rem;
    }

    .legal-body h2[b-ijo2xoqt90] {
        font-size: 1.5rem;
    }

    .legal-body h3[b-ijo2xoqt90] {
        font-size: 1.2rem;
    }

    .legal-page-content[b-ijo2xoqt90] {
        margin-top: 80px;
    }
}
/* _content/NYMinuteDating-Net8/Pages/PromoCodes.cshtml.rz.scp.css */
/* Promo Codes Page — scoped CSS */

.promo-page-content[b-clzv2bahj2] {
    padding: 60px 20px;
    padding-top: 120px;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.promo-page-content .page-title[b-clzv2bahj2] {
    font-size: 2.2rem;
    color: #e6d9f5;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.promo-page-content .page-subtitle[b-clzv2bahj2] {
    color: #9ca3af;
    font-size: 1.1rem;
    margin-bottom: 40px;
}

/* Promo Card */
.promo-card[b-clzv2bahj2] {
    background: linear-gradient(135deg, rgba(157, 34, 174, 0.2), rgba(125, 27, 142, 0.1));
    border: 2px dashed rgba(157, 34, 174, 0.5);
    border-radius: 16px;
    padding: 40px;
    margin-bottom: 30px;
}

.promo-card .promo-label[b-clzv2bahj2] {
    color: #9ca3af;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.promo-card .promo-code[b-clzv2bahj2] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #c855d9;
    letter-spacing: 4px;
    margin-bottom: 15px;
    font-family: monospace;
}

.promo-card .promo-value[b-clzv2bahj2] {
    font-size: 1.3rem;
    color: #e6d9f5;
    font-weight: 600;
}

/* Description */
.promo-description[b-clzv2bahj2] {
    background: #1a1a1a;
    border-radius: 12px;
    padding: 25px;
    border: 1px solid rgba(157, 34, 174, 0.1);
    margin-bottom: 30px;
}

.promo-description p[b-clzv2bahj2] {
    color: #d1d5db;
    font-size: 1.05rem;
    line-height: 1.7;
    margin: 0;
}

.promo-description a[b-clzv2bahj2] {
    color: #c855d9;
    text-decoration: none;
    font-weight: 500;
}

.promo-description a:hover[b-clzv2bahj2] {
    text-decoration: underline;
}

/* Disclaimer */
.promo-disclaimer[b-clzv2bahj2] {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.promo-disclaimer p[b-clzv2bahj2] {
    color: #6b7280;
    font-size: 0.85rem;
    line-height: 1.6;
    margin: 0;
}

.promo-disclaimer strong[b-clzv2bahj2] {
    color: #9ca3af;
}

/* CTA Button */
.btn-primary[b-clzv2bahj2] {
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    padding: 1rem 2.5rem;
    border-radius: 30px;
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    box-shadow: 0 4px 15px rgba(157, 34, 174, 0.4);
    transition: all 0.3s ease;
    display: inline-block;
    margin-top: 30px;
}

.btn-primary:hover[b-clzv2bahj2] {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(157, 34, 174, 0.6);
}

/* Responsive */
@media (max-width: 768px) {
    .promo-page-content[b-clzv2bahj2] {
        padding: 100px 15px 40px 15px;
    }

    .promo-page-content .page-title[b-clzv2bahj2] {
        font-size: 1.8rem;
    }

    .promo-card[b-clzv2bahj2] {
        padding: 30px 20px;
    }

    .promo-card .promo-code[b-clzv2bahj2] {
        font-size: 1.8rem;
        letter-spacing: 2px;
    }
}
/* _content/NYMinuteDating-Net8/Pages/RegisterSession.cshtml.rz.scp.css */
/* ============================================
   REGISTER SESSION — SCOPED STYLES
   ============================================ */

/* ========== PAGE HEADER ========== */
.reg-header[b-z7wez1w1jp] {
    margin-top: 70px;
    padding: 20px 20px 0;
    text-align: center;
    background: var(--background-dark);
}

.reg-header-inner[b-z7wez1w1jp] {
    max-width: 1400px;
    margin: 0 auto;
}

.reg-header h1[b-z7wez1w1jp] {
    font-size: 2.5em;
    color: white;
    margin-bottom: 0;
    font-weight: 700;
}

/* ========== CONTENT AREA ========== */
.reg-content[b-z7wez1w1jp] {
    padding: 1rem 2rem 4rem;
    background: var(--background-dark);
}

.reg-wrapper[b-z7wez1w1jp] {
    max-width: 700px;
    margin: 0 auto;
}

.reg-form-section[b-z7wez1w1jp] {
    background: var(--background-medium);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 2rem;
}

/* ========== FORM BASICS ========== */
.form-group[b-z7wez1w1jp] {
    margin-bottom: 1rem;
}

.form-label[b-z7wez1w1jp] {
    margin-top: 0;
    margin-bottom: 0.35rem;
    display: block;
    color: #e6d9f5;
    font-size: 0.9rem;
}

.form-input[b-z7wez1w1jp],
.form-select[b-z7wez1w1jp],
.form-textarea[b-z7wez1w1jp] {
    width: 100%;
    padding: 0.7rem 1rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

.form-input:focus[b-z7wez1w1jp],
.form-select:focus[b-z7wez1w1jp],
.form-textarea:focus[b-z7wez1w1jp] {
    outline: none;
    border-color: #c084fc;
    box-shadow: 0 0 0 2px rgba(192, 132, 252, 0.3);
}

.form-select[b-z7wez1w1jp] {
    height: 50px;
}

.form-select option[b-z7wez1w1jp] {
    background: #0a0a0a;
    color: white;
}

.form-textarea[b-z7wez1w1jp] {
    min-height: 80px;
    resize: vertical;
    font-family: inherit;
}

.form-input-small[b-z7wez1w1jp] {
    width: 100px;
}

/* Filled inputs get lavender border */
.form-input.has-value[b-z7wez1w1jp],
.form-select.has-value[b-z7wez1w1jp] {
    border-color: #c084fc;
}

/* ========== TWO-COLUMN ROW ========== */
.form-row-2col[b-z7wez1w1jp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 0;
}

.form-row-2col .form-group[b-z7wez1w1jp] {
    margin-bottom: 0;
}

.form-row-2col + .form-row-2col[b-z7wez1w1jp],
.form-row-2col + .form-group[b-z7wez1w1jp],
.form-group + .form-row-2col[b-z7wez1w1jp] {
    margin-top: 1rem;
}

/* ========== VALIDATION ========== */
.field-validator[b-z7wez1w1jp] {
    display: inline;
    margin-left: 0.25rem;
    color: #fb7185;
}

.validation-summary[b-z7wez1w1jp] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    color: #ef4444;
    font-size: 0.9rem;
}

.validation-summary ul[b-z7wez1w1jp] {
    margin: 0.5rem 0 0;
    padding-left: 1.2rem;
}

.validation-summary li[b-z7wez1w1jp] {
    margin-bottom: 0.25rem;
}

.processing-error[b-z7wez1w1jp] {
    display: block;
    margin-bottom: 1rem;
    color: #fb7185;
    font-weight: 500;
}

/* ========== AVAILABILITY BANNER ========== */
.availability-banner[b-z7wez1w1jp] {
    border-radius: 10px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    line-height: 1.6;
}
.availability-banner-warning[b-z7wez1w1jp] {
    background: rgba(251, 191, 36, 0.1);
    border: 1px solid rgba(251, 191, 36, 0.4);
    color: #fbbf24;
}
.availability-banner a[b-z7wez1w1jp] {
    color: #c084fc;
    text-decoration: underline;
}
.availability-banner a:hover[b-z7wez1w1jp] {
    color: #e6d9f5;
}

/* ========== EVENT INFO BOX ========== */
.event-info-box[b-z7wez1w1jp] {
    background: rgba(157, 34, 174, 0.1);
    border: 1px solid rgba(157, 34, 174, 0.3);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    color: #d1d5db;
}

.event-info-box strong[b-z7wez1w1jp] {
    color: #c084fc;
}

/* ========== TERMS ========== */
.terms-box[b-z7wez1w1jp] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.terms-box input[type="checkbox"][b-z7wez1w1jp] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    flex-shrink: 0;
    margin-top: 3px;
    cursor: pointer;
    -webkit-appearance: checkbox;
    appearance: checkbox;
}

.terms-text[b-z7wez1w1jp] {
    color: #9ca3af;
    font-size: 0.95rem;
    line-height: 1.5;
    cursor: pointer;
}

.terms-link[b-z7wez1w1jp] {
    color: #c084fc;
    text-decoration: underline;
}

/* ========== TERMS MODAL ========== */
.terms-modal[b-z7wez1w1jp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.terms-modal-content[b-z7wez1w1jp] {
    position: relative;
    width: 90%;
    max-width: 800px;
    height: 60vh;
    background: #1a1a1a;
    border-radius: 12px;
    overflow: hidden;
}

.terms-modal-close[b-z7wez1w1jp] {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 36px;
    height: 36px;
    background: rgba(157, 34, 174, 0.9);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 22px;
    cursor: pointer;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-modal-close:hover[b-z7wez1w1jp] {
    background: rgba(177, 46, 198, 1);
}

.terms-modal-iframe[b-z7wez1w1jp] {
    width: 100%;
    height: 100%;
    border: none;
}

/* ========== SUBMIT BUTTON ========== */
.form-actions[b-z7wez1w1jp] {
    text-align: center;
    margin-top: 1rem;
}

.btn-submit[b-z7wez1w1jp] {
    background: linear-gradient(135deg, #9d22ae, #6b21a8);
    color: white;
    padding: 14px 40px;
    border: none;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 200px;
}

.btn-submit:hover[b-z7wez1w1jp] {
    background: linear-gradient(135deg, #b035c3, #9d22ae);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(157, 34, 174, 0.4);
}

.secure-badge[b-z7wez1w1jp] {
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    color: #9ca3af;
    font-size: 0.85rem;
}

.security-text[b-z7wez1w1jp] {
    color: #9ca3af;
}

/* ========== PAYMENT — EXPIRATION ========== */
.expiration-group[b-z7wez1w1jp] {
    display: flex;
    gap: 0.75rem;
}

.expiration-group select[b-z7wez1w1jp] {
    flex: 1;
}

/* ========== GUEST REGISTRATION ========== */
.guest-header[b-z7wez1w1jp] {
    background: rgba(157, 34, 174, 0.1);
    border: 1px solid rgba(157, 34, 174, 0.3);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    text-align: center;
}

.guest-header p[b-z7wez1w1jp] {
    color: #9ca3af;
    margin: 0;
    font-size: 0.95rem;
}

.guest-card[b-z7wez1w1jp] {
    background: rgba(157, 34, 174, 0.05);
    border: 1px solid rgba(157, 34, 174, 0.2);
    border-radius: 10px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.guest-number[b-z7wez1w1jp] {
    color: #c084fc;
    font-size: 1.1rem;
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(157, 34, 174, 0.2);
}

.guest-card .form-row[b-z7wez1w1jp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 0;
}

.guest-card .form-row + .form-row[b-z7wez1w1jp] {
    margin-top: 1rem;
}

.guest-card .form-group[b-z7wez1w1jp] {
    margin-bottom: 0;
}

.guest-card .form-group label[b-z7wez1w1jp] {
    display: block;
    color: #d1d5db;
    font-size: 0.9rem;
    margin-bottom: 0.35rem;
}

.guest-card .form-group label strong[b-z7wez1w1jp] {
    color: #e5e7eb;
}

.guest-card .required[b-z7wez1w1jp] {
    color: #fb7185;
}

.guest-card .form-input[b-z7wez1w1jp],
.guest-card .form-select[b-z7wez1w1jp] {
    width: 100%;
    height: 44px;
    padding: 0.6rem 0.75rem;
    background: rgba(10, 10, 10, 0.8);
    border: 1px solid #374151;
    border-radius: 8px;
    color: white;
    font-size: 0.95rem;
    box-sizing: border-box;
}

.guest-card .form-input:focus[b-z7wez1w1jp],
.guest-card .form-select:focus[b-z7wez1w1jp] {
    border-color: #c084fc;
    outline: none;
    box-shadow: 0 0 0 2px rgba(192, 132, 252, 0.3);
}

.guest-card .form-input-small[b-z7wez1w1jp] {
    width: 100px;
}

.guest-actions[b-z7wez1w1jp] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(157, 34, 174, 0.2);
}

.btn-save-guest[b-z7wez1w1jp] {
    background: linear-gradient(135deg, #9d22ae, #6b21a8);
    color: white;
    padding: 0.6rem 1.25rem;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-save-guest:hover[b-z7wez1w1jp] {
    background: linear-gradient(135deg, #b026c4, #7c3aed);
    transform: translateY(-1px);
}

.btn-submit-later[b-z7wez1w1jp] {
    color: #9ca3af;
    padding: 0.6rem 1.25rem;
    text-decoration: none;
    font-size: 0.9rem;
    border: 1px solid #374151;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-submit-later:hover[b-z7wez1w1jp] {
    color: #c084fc;
    border-color: #c084fc;
}

.guest-continue[b-z7wez1w1jp] {
    margin-top: 1.5rem;
    text-align: center;
}

.btn-continue-guest[b-z7wez1w1jp] {
    background: linear-gradient(135deg, #9d22ae, #6b21a8);
    color: white;
    padding: 0.75rem 2rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-continue-guest:hover[b-z7wez1w1jp] {
    background: linear-gradient(135deg, #b026c4, #7c3aed);
    transform: translateY(-1px);
}

/* ========== CONFIRMATION ========== */
.confirmation-card[b-z7wez1w1jp] {
    text-align: center;
    padding: 2rem 1rem;
}

.confirmation-icon[b-z7wez1w1jp] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    color: white;
}

.confirmation-card h2[b-z7wez1w1jp] {
    color: #c084fc;
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
}

.confirmation-message[b-z7wez1w1jp] {
    color: #d1d5db;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.confirmation-message p[b-z7wez1w1jp] {
    margin-bottom: 1rem;
}

.confirmation-message a[b-z7wez1w1jp] {
    color: #c084fc;
    text-decoration: underline;
}

.confirmation-message a:hover[b-z7wez1w1jp] {
    color: #d8b4fe;
}

.confirmation-actions[b-z7wez1w1jp] {
    margin-top: 1.5rem;
}

.btn-done[b-z7wez1w1jp] {
    background: linear-gradient(135deg, #9d22ae, #6b21a8);
    color: white;
    padding: 0.75rem 2.5rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-done:hover[b-z7wez1w1jp] {
    background: linear-gradient(135deg, #b026c4, #7c3aed);
    transform: translateY(-1px);
}

/* ========== REGISTRATION CLOSED ========== */
.registration-card[b-z7wez1w1jp] {
    text-align: center;
    padding: 2rem 1rem;
}

.closed-icon[b-z7wez1w1jp] {
    color: #fb7185;
    margin-bottom: 1rem;
}

.registration-card h2[b-z7wez1w1jp] {
    color: #fb7185;
    margin-bottom: 1rem;
}

.closed-message[b-z7wez1w1jp] {
    color: #d1d5db;
}

.events-link[b-z7wez1w1jp] {
    color: #c084fc;
    text-decoration: underline;
}

.events-link:hover[b-z7wez1w1jp] {
    color: #d8b4fe;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .reg-header h1[b-z7wez1w1jp] {
        font-size: 1.8rem;
    }

    .reg-content[b-z7wez1w1jp] {
        padding: 1rem;
    }

    .reg-form-section[b-z7wez1w1jp] {
        padding: 1.5rem;
    }

    .form-row-2col[b-z7wez1w1jp] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .form-row-2col .form-group[b-z7wez1w1jp] {
        margin-bottom: 1rem;
    }

    .form-row-2col .form-group:last-child[b-z7wez1w1jp] {
        margin-bottom: 0;
    }

    .form-row-2col + .form-row-2col[b-z7wez1w1jp],
    .form-row-2col + .form-group[b-z7wez1w1jp],
    .form-group + .form-row-2col[b-z7wez1w1jp] {
        margin-top: 1rem;
    }

    .guest-card .form-row[b-z7wez1w1jp] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .guest-card .form-row .form-group[b-z7wez1w1jp] {
        margin-bottom: 1rem;
    }

    .guest-card .form-row .form-group:last-child[b-z7wez1w1jp] {
        margin-bottom: 0;
    }

    .guest-card .form-row + .form-row[b-z7wez1w1jp] {
        margin-top: 1rem;
    }
}

@media (max-width: 480px) {
    .reg-form-section[b-z7wez1w1jp] {
        padding: 1rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/RegisterToViewEvents.cshtml.rz.scp.css */
/* ============================================
   REGISTER TO VIEW EVENTS — SCOPED STYLES
   ============================================ */

/* ========== HERO ========== */
.hero-register-view[b-vg9ufcpo8c] {
    margin-top: 80px;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
                url('/images/speeddating2.jpg') center/cover no-repeat;
    height: 50vh;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.hero-register-view h1[b-vg9ufcpo8c] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    font-weight: 700;
    color: #e6d9f5;
}

.hero-register-view p[b-vg9ufcpo8c] {
    font-size: 1.3rem;
    color: var(--text-gray);
}

/* ========== CONTENT ========== */
.register-view-content[b-vg9ufcpo8c] {
    padding: 4rem 2rem;
    background: var(--background-dark);
}

.register-view-wrapper[b-vg9ufcpo8c] {
    max-width: 700px;
    margin: 0 auto;
}

/* ========== FORM CARD ========== */
.form-card[b-vg9ufcpo8c] {
    background: var(--background-medium);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    overflow: hidden;
}

.form-header[b-vg9ufcpo8c] {
    padding: 2rem 2rem 1.5rem;
    text-align: center;
    border-bottom: 2px solid rgba(157, 34, 174, 0.3);
}

.form-icon[b-vg9ufcpo8c] {
    color: #c855d9;
    margin-bottom: 1rem;
}

.form-header h2[b-vg9ufcpo8c] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #e6d9f5;
    margin: 0 0 0.5rem;
}

.form-header p[b-vg9ufcpo8c] {
    color: var(--text-gray);
    font-size: 0.95rem;
    margin: 0;
}

.form-body[b-vg9ufcpo8c] {
    padding: 2rem;
}

/* ========== FORM ELEMENTS ========== */
.form-row[b-vg9ufcpo8c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.form-group[b-vg9ufcpo8c] {
    display: flex;
    flex-direction: column;
}

.form-group label[b-vg9ufcpo8c] {
    color: #e6d9f5;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.required[b-vg9ufcpo8c] {
    color: #ef4444;
}

.optional[b-vg9ufcpo8c] {
    color: var(--text-gray);
    font-weight: 400;
    font-size: 0.85rem;
}

.form-input[b-vg9ufcpo8c],
.form-select[b-vg9ufcpo8c] {
    padding: 0.75rem 1rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    transition: border-color 0.3s ease;
}

.form-input:focus[b-vg9ufcpo8c],
.form-select:focus[b-vg9ufcpo8c] {
    outline: none;
    border-color: #c855d9;
}

.form-select option[b-vg9ufcpo8c] {
    background: #1a1a2e;
    color: white;
}

/* ========== DOB INPUTS ========== */
.dob-inputs[b-vg9ufcpo8c] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.dob-field[b-vg9ufcpo8c] {
    width: 60px;
    padding: 0.75rem 0.5rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    text-align: center;
}

.dob-year[b-vg9ufcpo8c] {
    width: 80px;
    padding: 0.75rem 0.5rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    text-align: center;
}

.dob-field:focus[b-vg9ufcpo8c],
.dob-year:focus[b-vg9ufcpo8c] {
    outline: none;
    border-color: #c855d9;
}

.dob-separator[b-vg9ufcpo8c] {
    color: var(--text-gray);
    font-size: 1.2rem;
}

.age-error[b-vg9ufcpo8c] {
    color: #ef4444;
    font-size: 0.85rem;
    margin-top: 0.4rem;
}

/* ========== VALIDATION ========== */
.validation-summary[b-vg9ufcpo8c] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    color: #ef4444;
    font-size: 0.9rem;
}

.validation-summary ul[b-vg9ufcpo8c] {
    margin: 0.5rem 0 0;
    padding-left: 1.2rem;
}

.validation-summary li[b-vg9ufcpo8c] {
    margin-bottom: 0.25rem;
}

/* ========== FORM ACTIONS ========== */
.form-actions[b-vg9ufcpo8c] {
    margin-top: 1.5rem;
    text-align: center;
}

.btn-submit[b-vg9ufcpo8c] {
    background: linear-gradient(135deg, #9d22ae, #7b1b8e);
    color: white;
    padding: 14px 40px;
    border: none;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.btn-submit:hover[b-vg9ufcpo8c] {
    background: linear-gradient(135deg, #b035c3, #9d22ae);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(157, 34, 174, 0.4);
}

.btn-submit:disabled[b-vg9ufcpo8c] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* ========== CONFIRMATION ========== */
.confirmation-card[b-vg9ufcpo8c] {
    background: var(--background-medium);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 3rem 2rem;
    text-align: center;
}

.confirmation-icon[b-vg9ufcpo8c] {
    color: #2ecc71;
    margin-bottom: 1.5rem;
}

.confirmation-card h2[b-vg9ufcpo8c] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #e6d9f5;
    margin: 0 0 1rem;
}

.confirmation-card p[b-vg9ufcpo8c] {
    color: var(--text-gray);
    font-size: 1.05rem;
    line-height: 1.7;
    margin: 0 0 2rem;
}

.btn-secondary[b-vg9ufcpo8c] {
    display: inline-block;
    padding: 12px 28px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: var(--text-gray);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-secondary:hover[b-vg9ufcpo8c] {
    border-color: #c855d9;
    color: #e6d9f5;
    background: rgba(157, 34, 174, 0.1);
}

/* ========== TESTIMONIALS ========== */
.register-testimonials-section[b-vg9ufcpo8c] {
    padding: 4rem 2rem;
    background: var(--background-dark);
}

.section-header[b-vg9ufcpo8c] {
    text-align: center;
    margin-bottom: 2rem;
}

.section-header h2[b-vg9ufcpo8c] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #e6d9f5;
}

.register-testimonials-grid[b-vg9ufcpo8c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    max-width: 800px;
    margin: 0 auto;
}

.testimonial-card-sm[b-vg9ufcpo8c] {
    background: var(--background-medium);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
}

.testimonial-card-sm p[b-vg9ufcpo8c] {
    color: var(--text-gray);
    font-size: 0.95rem;
    line-height: 1.7;
    font-style: italic;
    margin: 0 0 1rem;
}

.testimonial-author-sm[b-vg9ufcpo8c] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.testimonial-author-sm strong[b-vg9ufcpo8c] {
    color: #e6d9f5;
    font-size: 0.9rem;
}

.testimonial-author-sm span[b-vg9ufcpo8c] {
    color: #c855d9;
    font-size: 0.8rem;
}

.btn-secondary-outline[b-vg9ufcpo8c] {
    display: inline-block;
    padding: 10px 24px;
    background: transparent;
    border: 1px solid rgba(157, 34, 174, 0.3);
    border-radius: 8px;
    color: #c855d9;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-secondary-outline:hover[b-vg9ufcpo8c] {
    border-color: #c855d9;
    background: rgba(157, 34, 174, 0.1);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .hero-register-view[b-vg9ufcpo8c] {
        height: 40vh;
        min-height: 280px;
    }

    .hero-register-view h1[b-vg9ufcpo8c] {
        font-size: 2rem;
    }

    .form-row[b-vg9ufcpo8c] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .form-header[b-vg9ufcpo8c] {
        padding: 1.5rem;
    }

    .form-body[b-vg9ufcpo8c] {
        padding: 1.5rem;
    }

    .register-testimonials-grid[b-vg9ufcpo8c] {
        grid-template-columns: 1fr;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-mupw8agytq] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-mupw8agytq] {
  color: #0077cc;
}

.btn-primary[b-mupw8agytq] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-mupw8agytq], .nav-pills .show > .nav-link[b-mupw8agytq] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-mupw8agytq] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-mupw8agytq] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-mupw8agytq] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-mupw8agytq] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-mupw8agytq] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
/* _content/NYMinuteDating-Net8/Pages/Sitemap.cshtml.rz.scp.css */
/* ============================================
   SITEMAP PAGE — SCOPED STYLES
   ============================================ */

/* ========== HERO ========== */
.hero-sitemap[b-frsin2nmya] {
    margin-top: 80px;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
                url('/images/speeddating18.jpg') center/cover no-repeat;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.hero-sitemap h1[b-frsin2nmya] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    font-weight: 700;
    color: #e6d9f5;
}

.hero-sitemap p[b-frsin2nmya] {
    font-size: 1.3rem;
    color: var(--text-gray);
}

/* ========== CONTENT ========== */
.sitemap-content[b-frsin2nmya] {
    padding: 4rem 2rem;
    background: var(--background-dark);
}

.sitemap-wrapper[b-frsin2nmya] {
    max-width: 1400px;
    margin: 0 auto;
}

/* ========== SECTIONS ========== */
.sitemap-section[b-frsin2nmya] {
    background: var(--background-medium);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 2.5rem;
    margin-bottom: 2.5rem;
    transition: all 0.3s ease;
}

.sitemap-section:hover[b-frsin2nmya] {
    transform: translateY(-5px);
    border-color: rgba(157, 34, 174, 0.5);
    box-shadow: 0 10px 30px rgba(157, 34, 174, 0.2);
}

/* ========== HEADER ========== */
.sitemap-header[b-frsin2nmya] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid rgba(157, 34, 174, 0.3);
}

.sitemap-icon[b-frsin2nmya] {
    flex-shrink: 0;
    color: #c855d9;
}

.sitemap-header h2[b-frsin2nmya] {
    font-size: 2rem;
    color: #e6d9f5;
    margin: 0;
}

/* ========== GRID ========== */
.sitemap-grid[b-frsin2nmya] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.sitemap-grid-3col[b-frsin2nmya] {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

/* ========== LINKS ========== */
.sitemap-link[b-frsin2nmya] {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem 1.5rem;
    border-radius: 10px;
    color: var(--text-gray);
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
    font-size: 1rem;
    font-weight: 500;
}

.sitemap-link:hover[b-frsin2nmya] {
    background: linear-gradient(135deg, rgba(157, 34, 174, 0.2), rgba(125, 27, 142, 0.2));
    border-color: #9d22ae;
    color: white;
    transform: translateX(5px);
    box-shadow: 0 4px 15px rgba(157, 34, 174, 0.3);
}

.sitemap-link:active[b-frsin2nmya] {
    transform: translateX(3px);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
    .sitemap-grid[b-frsin2nmya] {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }

    .sitemap-grid-3col[b-frsin2nmya] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

    .sitemap-section[b-frsin2nmya] {
        padding: 2rem;
    }
}

@media (max-width: 768px) {
    .hero-sitemap[b-frsin2nmya] {
        height: 40vh;
    }

    .hero-sitemap h1[b-frsin2nmya] {
        font-size: 2rem;
    }

    .sitemap-content[b-frsin2nmya] {
        padding: 2rem 1rem;
    }

    .sitemap-section[b-frsin2nmya] {
        padding: 1.5rem;
        margin-bottom: 2rem;
    }

    .sitemap-header[b-frsin2nmya] {
        flex-direction: column;
        text-align: center;
    }

    .sitemap-header h2[b-frsin2nmya] {
        font-size: 1.6rem;
    }

    .sitemap-grid[b-frsin2nmya],
    .sitemap-grid-3col[b-frsin2nmya] {
        grid-template-columns: 1fr;
    }

    .sitemap-link[b-frsin2nmya] {
        padding: 1rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/SpeedDatingLocations.cshtml.rz.scp.css */
/* ============================================
   SPEED DATING LOCATIONS PAGE — SCOPED STYLES
   ============================================ */

/* ========== PAGE CONTENT ========== */
.locations-page-content[b-dplai6in12] {
    padding: 120px 20px 60px;
    max-width: 1200px;
    margin: 0 auto;
}

/* ========== INTRO ========== */
.locations-intro[b-dplai6in12] {
    text-align: center;
    margin-bottom: 50px;
}

.locations-intro h1[b-dplai6in12] {
    font-size: 2.5rem;
    color: #e6d9f5;
    margin-bottom: 15px;
}

.locations-intro p[b-dplai6in12] {
    font-size: 1.2rem;
    color: var(--text-gray);
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ========== LOCATION CARD GRID ========== */
.locations-grid[b-dplai6in12] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 60px;
}

/* ========== LOCATION CARD ========== */
.location-card[b-dplai6in12] {
    background: #1a1a1a;
    border-radius: 16px;
    padding: 30px;
    border: 1px solid rgba(168, 85, 247, 0.15);
    text-align: center;
    text-decoration: none;
    display: block;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: inherit;
}

.location-card:hover[b-dplai6in12] {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(168, 85, 247, 0.25);
}

/* Featured card variant */
.location-card.featured[b-dplai6in12] {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.1), rgba(200, 85, 217, 0.08));
    border: 1px solid rgba(168, 85, 247, 0.35);
}

/* ========== CARD ICON ========== */
.location-card-icon[b-dplai6in12] {
    margin-bottom: 15px;
    color: #c855d9;
}

.location-card.featured .location-card-icon[b-dplai6in12] {
    color: #e6d9f5;
}

/* ========== CARD TYPOGRAPHY ========== */
.location-card h3[b-dplai6in12] {
    font-size: 1.3rem;
    color: #e6d9f5;
    margin-bottom: 10px;
}

.location-card p[b-dplai6in12] {
    color: #9ca3af;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 0;
}

.location-card .view-link[b-dplai6in12] {
    color: #c855d9;
    display: inline-block;
    margin-top: 15px;
    font-weight: 500;
    transition: color 0.3s ease;
}

.location-card:hover .view-link[b-dplai6in12] {
    color: #e6d9f5;
}

/* ========== CTA SECTION ========== */
.locations-cta[b-dplai6in12] {
    text-align: center;
    padding: 60px 20px;
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.08), rgba(200, 85, 217, 0.05));
    border-radius: 20px;
    margin-top: 40px;
}

.locations-cta h2[b-dplai6in12] {
    font-size: 2rem;
    color: #e6d9f5;
    margin-bottom: 15px;
}

.locations-cta p[b-dplai6in12] {
    color: #9ca3af;
    font-size: 1.1rem;
    margin-bottom: 25px;
    line-height: 1.6;
}

.locations-cta .cta-button[b-dplai6in12] {
    display: inline-block;
    padding: 14px 40px;
    background: linear-gradient(135deg, #a855f7, #c855d9);
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    font-size: 1.1rem;
    font-weight: 600;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.locations-cta .cta-button:hover[b-dplai6in12] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(168, 85, 247, 0.4);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
    .locations-grid[b-dplai6in12] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .locations-grid[b-dplai6in12] {
        grid-template-columns: 1fr;
    }

    .locations-intro h1[b-dplai6in12] {
        font-size: 2rem;
    }

    .locations-page-content[b-dplai6in12] {
        padding: 100px 15px 40px;
    }

    .locations-cta h2[b-dplai6in12] {
        font-size: 1.6rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/TellAFriend.cshtml.rz.scp.css */
/* ============================================
   TELL A FRIEND PAGE — SCOPED STYLES
   ============================================ */

/* ========== LAYOUT ========== */
.tellafriend-page-content[b-krxk9t1hst] {
    padding: 60px 20px;
    padding-top: 120px;
    max-width: 700px;
    margin: 0 auto;
}

.tellafriend-page-content .page-title[b-krxk9t1hst] {
    font-size: 2.2rem;
    color: #e6d9f5;
    margin-bottom: 0.5rem;
    font-weight: 700;
    text-align: center;
}

.tellafriend-page-content .page-subtitle[b-krxk9t1hst] {
    color: #9ca3af;
    font-size: 1.1rem;
    text-align: center;
    margin-bottom: 40px;
}

.tellafriend-wrapper[b-krxk9t1hst] {
    background: #1a1a1a;
    border-radius: 16px;
    padding: 40px;
    border: 1px solid rgba(157, 34, 174, 0.1);
}

.taf-honeypot[b-krxk9t1hst] {
    position: absolute;
    left: -5000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* ========== FORM SECTIONS ========== */
.tellafriend-form-section[b-krxk9t1hst] {
    margin-bottom: 30px;
}

.section-title[b-krxk9t1hst] {
    font-size: 1.1rem;
    color: #c855d9;
    margin-bottom: 20px;
    font-weight: 600;
}

.form-group[b-krxk9t1hst] {
    margin-bottom: 20px;
}

.form-label[b-krxk9t1hst] {
    display: block;
    color: #d1d5db;
    font-size: 0.95rem;
    margin-bottom: 8px;
    font-weight: 500;
}

.form-label.required-field[b-krxk9t1hst]::after {
    content: " *";
    color: #c855d9;
}

.form-input[b-krxk9t1hst],
.form-textarea[b-krxk9t1hst] {
    width: 100%;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.3);
    color: white;
    font-size: 1rem;
    transition: all 0.3s ease;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.form-input:focus[b-krxk9t1hst],
.form-textarea:focus[b-krxk9t1hst] {
    outline: none;
    border-color: #9d22ae;
    box-shadow: 0 0 0 3px rgba(157, 34, 174, 0.2);
}

.form-input[b-krxk9t1hst]::placeholder,
.form-textarea[b-krxk9t1hst]::placeholder {
    color: #6b7280;
}

.form-textarea[b-krxk9t1hst] {
    min-height: 100px;
    resize: vertical;
}

/* ========== VALIDATION ========== */
.validation-summary[b-krxk9t1hst] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 25px;
    color: #fca5a5;
    font-size: 0.9rem;
}

.validation-summary ul[b-krxk9t1hst] {
    margin: 10px 0 0 20px;
    padding: 0;
}

/* ========== ADD MORE ========== */
.add-more-section[b-krxk9t1hst] {
    margin-top: 15px;
}

.add-more-link[b-krxk9t1hst] {
    color: #c855d9;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.3s ease;
    display: inline-block;
}

.add-more-link:hover[b-krxk9t1hst] {
    color: #e6d9f5;
}

/* ========== FORM ACTIONS ========== */
.form-actions[b-krxk9t1hst] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.secure-badge[b-krxk9t1hst] {
    display: flex;
    align-items: center;
    color: #9ca3af;
    font-size: 0.9rem;
}

/* ========== CONFIRMATION ========== */
.confirmation-message[b-krxk9t1hst] {
    text-align: center;
    padding: 40px 20px;
}

.confirmation-icon[b-krxk9t1hst] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px auto;
    color: white;
}

.confirmation-message label[b-krxk9t1hst] {
    display: block;
    font-size: 1.4rem;
    color: #e6d9f5;
    margin-bottom: 15px;
    font-weight: 600;
}

.confirmation-message p[b-krxk9t1hst] {
    color: #9ca3af;
    font-size: 1rem;
    margin-bottom: 25px;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .tellafriend-page-content[b-krxk9t1hst] {
        padding: 100px 15px 40px 15px;
    }

    .tellafriend-page-content .page-title[b-krxk9t1hst] {
        font-size: 1.8rem;
    }

    .tellafriend-wrapper[b-krxk9t1hst] {
        padding: 25px;
    }

    .form-actions[b-krxk9t1hst] {
        flex-direction: column;
        gap: 15px;
    }

    .form-actions .btn-submit[b-krxk9t1hst] {
        width: 100%;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Testimonials.cshtml.rz.scp.css */
/* ============================================
   TESTIMONIALS PAGE — SCOPED STYLES
   ============================================ */

/* ========== HERO ========== */
.hero-testimonials[b-42f8wvk6ti] {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(15, 15, 15, 0.85)),
                url('/images/speeddating4.jpg') center/cover;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.hero-testimonials h1[b-42f8wvk6ti] {
    font-size: 3.5rem;
}

.hero-testimonials p[b-42f8wvk6ti] {
    font-size: 1.3rem;
}

/* ========== CONTENT ========== */
.testimonials-page-content[b-42f8wvk6ti] {
    padding: 4rem 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.testimonials-intro[b-42f8wvk6ti] {
    text-align: center;
    margin-bottom: 4rem;
}

.testimonials-intro h2[b-42f8wvk6ti] {
    font-size: 2.5rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.testimonials-intro p[b-42f8wvk6ti] {
    font-size: 1.2rem;
    color: var(--text-gray);
    max-width: 800px;
    margin: 0 auto;
}

/* ========== TESTIMONIAL GRID ========== */
.testimonials-grid-page[b-42f8wvk6ti] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
}

.testimonial-card-full[b-42f8wvk6ti] {
    background: var(--background-medium);
    padding: 2rem;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s;
}

.testimonial-card-full:hover[b-42f8wvk6ti] {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(124, 58, 237, 0.2);
    border-color: rgba(124, 58, 237, 0.3);
}

.testimonial-card-full .testimonial-text[b-42f8wvk6ti] {
    color: var(--text-gray);
    line-height: 1.7;
    margin-bottom: 1.5rem;
    font-size: 1rem;
}

.testimonial-author-full[b-42f8wvk6ti] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.testimonial-author-full strong[b-42f8wvk6ti] {
    color: var(--text-light);
    font-size: 1rem;
}

.testimonial-author-full span[b-42f8wvk6ti] {
    color: #999;
    font-size: 0.9rem;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
    .hero-testimonials h1[b-42f8wvk6ti] {
        font-size: 2.5rem;
    }

    .testimonials-grid-page[b-42f8wvk6ti] {
        grid-template-columns: 1fr;
    }

    .testimonials-intro h2[b-42f8wvk6ti] {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .testimonials-page-content[b-42f8wvk6ti] {
        padding: 2rem 1rem;
    }

    .hero-testimonials[b-42f8wvk6ti] {
        height: 45vh;
    }

    .hero-testimonials h1[b-42f8wvk6ti] {
        font-size: 2rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Unsubscribe.cshtml.rz.scp.css */
/* ===== Unsubscribe Page — Scoped CSS ===== */

.unsub-container[b-s4cbypywrx] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 60px 20px;
}

.unsub-card[b-s4cbypywrx] {
    background: var(--card-bg, #1a1a2e);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    padding: 48px 40px;
    max-width: 540px;
    width: 100%;
    text-align: center;
}

.unsub-icon[b-s4cbypywrx] {
    color: var(--primary-color, #9d22ae);
    margin-bottom: 20px;
}

.unsub-icon.success[b-s4cbypywrx] { color: #2ecc71; }
.unsub-icon.info[b-s4cbypywrx] { color: #3498db; }
.unsub-icon.error[b-s4cbypywrx] { color: #e74c3c; }

.unsub-card h1[b-s4cbypywrx] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
}

.unsub-subtitle[b-s4cbypywrx] {
    color: #999;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 28px;
}

.unsub-subtitle a[b-s4cbypywrx] {
    color: var(--primary-color, #9d22ae);
    text-decoration: none;
}

.unsub-subtitle a:hover[b-s4cbypywrx] {
    text-decoration: underline;
}

/* Form Elements */
.form-group[b-s4cbypywrx] {
    margin-bottom: 20px;
    text-align: left;
}

.form-input[b-s4cbypywrx] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 1rem;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.form-input:focus[b-s4cbypywrx] {
    outline: none;
    border-color: var(--primary-color, #9d22ae);
}

.form-textarea[b-s4cbypywrx] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 0.95rem;
    resize: vertical;
    box-sizing: border-box;
}

.form-textarea:focus[b-s4cbypywrx] {
    outline: none;
    border-color: var(--primary-color, #9d22ae);
}

.field-validation-error[b-s4cbypywrx] {
    color: #e74c3c;
    font-size: 0.85rem;
    margin-top: 4px;
    display: block;
}

/* Reason Options */
.reason-options[b-s4cbypywrx] {
    text-align: left;
    margin-bottom: 24px;
}

.reason-option[b-s4cbypywrx] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
}

.reason-option:hover[b-s4cbypywrx] {
    background: rgba(157, 34, 174, 0.06);
    border-color: rgba(157, 34, 174, 0.3);
}

.reason-option input[type="radio"][b-s4cbypywrx] {
    margin-top: 3px;
    accent-color: var(--primary-color, #9d22ae);
    flex-shrink: 0;
}

.reason-option span[b-s4cbypywrx] {
    color: #ccc;
    font-size: 0.95rem;
    line-height: 1.4;
}

.other-reason[b-s4cbypywrx] {
    margin-bottom: 20px;
}

/* Submit Button */
.btn-submit[b-s4cbypywrx] {
    width: 100%;
    padding: 14px 24px;
    background: var(--primary-color, #9d22ae);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
}

.btn-submit:hover[b-s4cbypywrx] {
    background: #b32cc5;
    transform: translateY(-1px);
}

.btn-submit:active[b-s4cbypywrx] {
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 600px) {
    .unsub-card[b-s4cbypywrx] {
        padding: 32px 24px;
    }

    .unsub-card h1[b-s4cbypywrx] {
        font-size: 1.3rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Unsubscribed.cshtml.rz.scp.css */
/* Shares styles with Unsubscribe.cshtml.css via same body class */
/* All shared styles are in Unsubscribe.cshtml.css — this file ensures CSS isolation works for this page too */

.unsub-container[b-vzb9f4tqj5] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 60px 20px;
}

.unsub-card[b-vzb9f4tqj5] {
    background: var(--card-bg, #1a1a2e);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    padding: 48px 40px;
    max-width: 540px;
    width: 100%;
    text-align: center;
}

.unsub-icon[b-vzb9f4tqj5] {
    color: var(--primary-color, #9d22ae);
    margin-bottom: 20px;
}

.unsub-icon.success[b-vzb9f4tqj5] { color: #2ecc71; }
.unsub-icon.info[b-vzb9f4tqj5] { color: #3498db; }
.unsub-icon.error[b-vzb9f4tqj5] { color: #e74c3c; }

.unsub-card h1[b-vzb9f4tqj5] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
}

.unsub-subtitle[b-vzb9f4tqj5] {
    color: #999;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 28px;
}

.unsub-subtitle a[b-vzb9f4tqj5] {
    color: var(--primary-color, #9d22ae);
    text-decoration: none;
}

.unsub-subtitle a:hover[b-vzb9f4tqj5] {
    text-decoration: underline;
}

.reason-options[b-vzb9f4tqj5] {
    text-align: left;
    margin-bottom: 24px;
}

.reason-option[b-vzb9f4tqj5] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
}

.reason-option:hover[b-vzb9f4tqj5] {
    background: rgba(157, 34, 174, 0.06);
    border-color: rgba(157, 34, 174, 0.3);
}

.reason-option input[type="radio"][b-vzb9f4tqj5] {
    margin-top: 3px;
    accent-color: var(--primary-color, #9d22ae);
    flex-shrink: 0;
}

.reason-option span[b-vzb9f4tqj5] {
    color: #ccc;
    font-size: 0.95rem;
    line-height: 1.4;
}

.btn-submit[b-vzb9f4tqj5] {
    width: 100%;
    padding: 14px 24px;
    background: var(--primary-color, #9d22ae);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
}

.btn-submit:hover[b-vzb9f4tqj5] {
    background: #b32cc5;
    transform: translateY(-1px);
}

.btn-submit:active[b-vzb9f4tqj5] {
    transform: translateY(0);
}

@media (max-width: 600px) {
    .unsub-card[b-vzb9f4tqj5] {
        padding: 32px 24px;
    }

    .unsub-card h1[b-vzb9f4tqj5] {
        font-size: 1.3rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Venues.cshtml.rz.scp.css */
/* ============================================
   VENUES PAGE — SCOPED STYLES
   ============================================ */

/* ========== HERO ========== */
.hero-venues[b-lr8c4rr9bt] {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(15, 15, 15, 0.85)),
                url('/images/speeddating11.jpg') center/cover;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.hero-venues h1[b-lr8c4rr9bt] {
    font-size: 3.5rem;
}

.hero-venues p[b-lr8c4rr9bt] {
    font-size: 1.3rem;
    color: var(--text-gray);
}

/* ========== CONTENT ========== */
.venues-page-content[b-lr8c4rr9bt] {
    padding: 4rem 2rem;
}

.content-wrapper[b-lr8c4rr9bt] {
    max-width: 1000px;
    margin: 0 auto;
}

.venues-intro[b-lr8c4rr9bt] {
    text-align: center;
    margin-bottom: 4rem;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.venues-intro p[b-lr8c4rr9bt] {
    font-size: 1.2rem;
    color: var(--text-gray);
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

/* ========== BENEFITS ========== */
.venues-section[b-lr8c4rr9bt] {
    margin-bottom: 3rem;
    padding: 2.5rem;
    background: var(--background-medium);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.venues-section h3[b-lr8c4rr9bt] {
    font-size: 2rem;
    color: #e6d9f5;
    margin-bottom: 2rem;
    text-align: center;
}

.venue-benefit[b-lr8c4rr9bt] {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    padding: 2rem;
    margin-bottom: 2rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s;
}

.venue-benefit:last-child[b-lr8c4rr9bt] {
    margin-bottom: 0;
}

.venue-benefit:hover[b-lr8c4rr9bt] {
    transform: translateX(10px);
    border-color: rgba(157, 34, 174, 0.3);
    background: rgba(157, 34, 174, 0.05);
}

.venue-benefit-icon[b-lr8c4rr9bt] {
    min-width: 80px;
    text-align: center;
    color: #c855d9;
}

.venue-benefit-content h4[b-lr8c4rr9bt] {
    font-size: 1.5rem;
    color: #e6d9f5;
    margin-bottom: 0.8rem;
}

.venue-benefit-content p[b-lr8c4rr9bt] {
    font-size: 1.05rem;
    color: var(--text-gray);
    line-height: 1.8;
}

/* ========== PARTNER CTA ========== */
.venues-cta-section[b-lr8c4rr9bt] {
    margin-top: 3rem;
    padding: 3rem;
    background: linear-gradient(135deg, rgba(157, 34, 174, 0.15), rgba(124, 58, 237, 0.15));
    border-radius: 20px;
    border: 1px solid rgba(157, 34, 174, 0.3);
    text-align: center;
}

.venues-cta-section .venues-icon[b-lr8c4rr9bt] {
    margin-bottom: 1rem;
    color: #c855d9;
}

.venues-cta-section h3[b-lr8c4rr9bt] {
    font-size: 2rem;
    color: #e6d9f5;
    margin-bottom: 1.5rem;
}

.venues-cta-section p[b-lr8c4rr9bt] {
    font-size: 1.15rem;
    color: var(--text-gray);
    line-height: 1.8;
    margin-bottom: 1.5rem;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.venues-cta-section p:last-child[b-lr8c4rr9bt] {
    margin-bottom: 0;
}

.venues-cta-section a[b-lr8c4rr9bt] {
    color: #9d22ae;
    text-decoration: none;
    font-weight: 600;
}

.venues-cta-section a:hover[b-lr8c4rr9bt] {
    text-decoration: underline;
}

/* ========== STATS ========== */
.venue-stats-section[b-lr8c4rr9bt] {
    background: rgba(26, 26, 26, 0.3);
    padding: 4rem 2rem;
}

.venue-stats-section .stats[b-lr8c4rr9bt] {
    max-width: 1000px;
    margin: 0 auto;
}

.stats[b-lr8c4rr9bt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}

.stat-item[b-lr8c4rr9bt] {
    text-align: center;
    padding: 1.5rem;
    background: rgba(26, 26, 26, 0.6);
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s;
}

.stat-item:hover[b-lr8c4rr9bt] {
    border-color: var(--primary-purple);
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(124, 58, 237, 0.3);
}

.stat-item h4[b-lr8c4rr9bt] {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    color: var(--accent-rose);
}

.stat-item p[b-lr8c4rr9bt] {
    font-size: 0.95rem;
    color: var(--text-gray);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
    .hero-venues h1[b-lr8c4rr9bt] {
        font-size: 2.5rem;
    }

    .venues-intro p[b-lr8c4rr9bt] {
        font-size: 1.1rem;
    }

    .venues-section[b-lr8c4rr9bt] {
        padding: 2rem;
    }

    .venues-section h3[b-lr8c4rr9bt] {
        font-size: 1.7rem;
    }

    .venue-benefit[b-lr8c4rr9bt] {
        flex-direction: column;
        padding: 1.5rem;
        text-align: center;
    }

    .venue-benefit-icon[b-lr8c4rr9bt] {
        margin: 0 auto 1rem;
    }

    .venue-benefit-content h4[b-lr8c4rr9bt] {
        font-size: 1.3rem;
    }

    .venue-benefit-content p[b-lr8c4rr9bt] {
        font-size: 1rem;
    }

    .venues-cta-section[b-lr8c4rr9bt] {
        padding: 2rem;
    }

    .venues-cta-section h3[b-lr8c4rr9bt] {
        font-size: 1.7rem;
    }

    .venues-cta-section p[b-lr8c4rr9bt] {
        font-size: 1rem;
    }

    .stats[b-lr8c4rr9bt] {
        grid-template-columns: 1fr;
    }
}
/* _content/NYMinuteDating-Net8/Pages/Videos.cshtml.rz.scp.css */
/* ============================================
   VIDEOS PAGE — SCOPED STYLES
   ============================================ */

/* ========== HERO ========== */
.hero-videos[b-bw90mbqjpw] {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(15, 15, 15, 0.85)),
                url('/images/speeddating10.jpg') center/cover;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.hero-videos h1[b-bw90mbqjpw] {
    font-size: 3.5rem;
}

.hero-videos p[b-bw90mbqjpw] {
    font-size: 1.3rem;
    color: var(--text-gray);
}

/* ========== VIDEOS CONTENT ========== */
.videos-page-content[b-bw90mbqjpw] {
    padding: 4rem 2rem;
}

.content-wrapper-videos[b-bw90mbqjpw] {
    max-width: 1000px;
    margin: 0 auto;
}

.video-item[b-bw90mbqjpw] {
    margin-bottom: 4rem;
    padding: 2.5rem;
    background: var(--background-medium);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s;
}

.video-item:hover[b-bw90mbqjpw] {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(124, 58, 237, 0.2);
    border-color: rgba(124, 58, 237, 0.3);
}

.video-item h3[b-bw90mbqjpw] {
    font-size: 1.8rem;
    color: #e6d9f5;
    margin-bottom: 1.5rem;
    text-align: center;
}

.video-content[b-bw90mbqjpw] {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 2rem;
    align-items: start;
}

.video-embed[b-bw90mbqjpw] {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    border-radius: 10px;
    background: #000;
}

.video-embed iframe[b-bw90mbqjpw] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.video-description[b-bw90mbqjpw] {
    display: flex;
    align-items: center;
}

.video-description p[b-bw90mbqjpw] {
    font-size: 1.05rem;
    color: var(--text-gray);
    line-height: 1.8;
}

/* ========== CTA ========== */
.cta-section[b-bw90mbqjpw] {
    margin-top: 2rem;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
    .hero-videos h1[b-bw90mbqjpw] {
        font-size: 2.5rem;
    }

    .video-item[b-bw90mbqjpw] {
        padding: 2rem;
        margin-bottom: 3rem;
    }

    .video-item h3[b-bw90mbqjpw] {
        font-size: 1.5rem;
    }

    .video-content[b-bw90mbqjpw] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .video-description p[b-bw90mbqjpw] {
        font-size: 1rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/WhatIsSpeedDating.cshtml.rz.scp.css */
/* ============================================
   WHAT IS SPEED DATING PAGE — SCOPED STYLES
   ============================================ */

/* ========== HERO ========== */
.hero-whatissd[b-upyev6bvqe] {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(15, 15, 15, 0.85)),
                url('/images/speeddating7.jpg') center/cover;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.hero-whatissd h1[b-upyev6bvqe] {
    font-size: 3.5rem;
}

.hero-whatissd p[b-upyev6bvqe] {
    font-size: 1.3rem;
}

/* ========== CONTENT ========== */
.whatissd-page-content[b-upyev6bvqe] {
    padding: 4rem 2rem;
}

.content-wrapper[b-upyev6bvqe] {
    max-width: 900px;
    margin: 0 auto;
}

.whatissd-intro[b-upyev6bvqe] {
    text-align: center;
    margin-bottom: 4rem;
}

.whatissd-intro p[b-upyev6bvqe] {
    font-size: 1.2rem;
    color: var(--text-gray);
    line-height: 1.8;
}

/* ========== SECTIONS ========== */
.whatissd-section[b-upyev6bvqe] {
    margin-bottom: 3rem;
    padding: 2.5rem;
    background: var(--background-medium);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s;
}

.whatissd-section:hover[b-upyev6bvqe] {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(124, 58, 237, 0.2);
    border-color: rgba(124, 58, 237, 0.3);
}

.highlight-section[b-upyev6bvqe] {
    background: linear-gradient(135deg, rgba(157, 34, 174, 0.1), rgba(124, 58, 237, 0.1));
    border-color: rgba(157, 34, 174, 0.3);
}

.whatissd-icon[b-upyev6bvqe] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.whatissd-section h3[b-upyev6bvqe] {
    font-size: 1.8rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.whatissd-section p[b-upyev6bvqe] {
    font-size: 1.1rem;
    color: var(--text-gray);
    line-height: 1.8;
    margin-bottom: 1rem;
}

.whatissd-section p:last-child[b-upyev6bvqe] {
    margin-bottom: 0;
}

.whatissd-section a[b-upyev6bvqe] {
    color: #9d22ae;
    text-decoration: none;
    font-weight: 600;
}

.whatissd-section a:hover[b-upyev6bvqe] {
    text-decoration: underline;
}

/* ========== HOW IT WORKS ========== */
.how-it-works-visual[b-upyev6bvqe] {
    background: rgba(26, 26, 26, 0.3);
    padding: 4rem 2rem;
}

.how-it-works-visual .section-header[b-upyev6bvqe] {
    text-align: center;
    margin-bottom: 3rem;
}

.how-it-works-visual .section-header h2[b-upyev6bvqe] {
    font-size: 2.5rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.how-it-works-visual .section-header p[b-upyev6bvqe] {
    font-size: 1.2rem;
    color: var(--text-gray);
}

.process-grid[b-upyev6bvqe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.process-step[b-upyev6bvqe] {
    text-align: center;
    padding: 2.5rem;
    background: var(--background-medium);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s;
}

.process-step:hover[b-upyev6bvqe] {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(124, 58, 237, 0.2);
    border-color: rgba(124, 58, 237, 0.3);
}

.step-number[b-upyev6bvqe] {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #9d22ae, #7d1b8e);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: bold;
    color: white;
    margin: 0 auto 1.5rem;
    box-shadow: 0 5px 20px rgba(157, 34, 174, 0.4);
}

.process-step h3[b-upyev6bvqe] {
    font-size: 1.5rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.process-step p[b-upyev6bvqe] {
    font-size: 1rem;
    color: var(--text-gray);
    line-height: 1.7;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
    .hero-whatissd h1[b-upyev6bvqe] {
        font-size: 2.5rem;
    }

    .whatissd-intro p[b-upyev6bvqe] {
        font-size: 1.1rem;
    }

    .whatissd-section[b-upyev6bvqe] {
        padding: 2rem;
    }

    .whatissd-section h3[b-upyev6bvqe] {
        font-size: 1.5rem;
    }

    .whatissd-section p[b-upyev6bvqe] {
        font-size: 1rem;
    }

    .process-grid[b-upyev6bvqe] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .whatissd-page-content[b-upyev6bvqe] {
        padding: 2rem 1rem;
    }

    .hero-whatissd[b-upyev6bvqe] {
        height: 45vh;
    }

    .hero-whatissd h1[b-upyev6bvqe] {
        font-size: 2rem;
    }

    .how-it-works-visual .section-header h2[b-upyev6bvqe] {
        font-size: 2rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/WhyChooseUs.cshtml.rz.scp.css */
/* ============================================
   WHY CHOOSE US PAGE — SCOPED STYLES
   ============================================ */

/* ========== HERO ========== */
.hero-whychoose[b-en4c00numn] {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(15, 15, 15, 0.85)),
                url('/images/speeddating6.jpg') center/cover;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.hero-whychoose h1[b-en4c00numn] {
    font-size: 3.5rem;
}

.hero-whychoose p[b-en4c00numn] {
    font-size: 1.3rem;
}

/* ========== CONTENT ========== */
.whychoose-page-content[b-en4c00numn] {
    padding: 4rem 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.whychoose-intro[b-en4c00numn] {
    text-align: center;
    margin-bottom: 4rem;
}

.whychoose-intro p[b-en4c00numn] {
    font-size: 1.2rem;
    color: var(--text-gray);
    line-height: 1.8;
    max-width: 900px;
    margin: 0 auto;
}

/* ========== REASON CARDS ========== */
.reasons-container[b-en4c00numn] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 4rem;
}

.reason-card[b-en4c00numn] {
    background: var(--background-medium);
    border-radius: 15px;
    padding: 2.5rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    transition: all 0.3s;
}

.reason-card:hover[b-en4c00numn] {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(124, 58, 237, 0.2);
    border-color: rgba(124, 58, 237, 0.3);
}

.highlight-reason[b-en4c00numn] {
    background: linear-gradient(135deg, rgba(157, 34, 174, 0.15), rgba(124, 58, 237, 0.15));
    border-color: rgba(157, 34, 174, 0.4);
}

.reason-number[b-en4c00numn] {
    min-width: 60px;
    height: 60px;
    background: #9d22ae;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: bold;
    color: white;
    flex-shrink: 0;
}

.reason-content h3[b-en4c00numn] {
    font-size: 1.6rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.reason-content p[b-en4c00numn] {
    font-size: 1.05rem;
    color: var(--text-gray);
    line-height: 1.8;
}

.reason-content a[b-en4c00numn] {
    color: #9d22ae;
    text-decoration: none;
    font-weight: 600;
}

.reason-content a:hover[b-en4c00numn] {
    text-decoration: underline;
}

/* ========== CTA ========== */
.whychoose-cta[b-en4c00numn] {
    text-align: center;
    padding: 3rem;
    background: linear-gradient(135deg, rgba(157, 34, 174, 0.1), rgba(124, 58, 237, 0.1));
    border-radius: 20px;
    border: 1px solid rgba(157, 34, 174, 0.3);
}

.whychoose-cta h2[b-en4c00numn] {
    font-size: 2.2rem;
    color: #e6d9f5;
    margin-bottom: 1rem;
}

.whychoose-cta p[b-en4c00numn] {
    font-size: 1.2rem;
    color: var(--text-gray);
    margin-bottom: 2rem;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
    .hero-whychoose h1[b-en4c00numn] {
        font-size: 2.5rem;
    }

    .reason-card[b-en4c00numn] {
        flex-direction: column;
        padding: 2rem;
    }

    .reason-number[b-en4c00numn] {
        margin: 0 auto;
    }

    .reason-content h3[b-en4c00numn] {
        font-size: 1.4rem;
        text-align: center;
    }

    .reason-content p[b-en4c00numn] {
        font-size: 1rem;
        text-align: center;
    }

    .whychoose-cta h2[b-en4c00numn] {
        font-size: 1.8rem;
    }
}

@media (max-width: 768px) {
    .whychoose-page-content[b-en4c00numn] {
        padding: 2rem 1rem;
    }

    .hero-whychoose[b-en4c00numn] {
        height: 45vh;
    }

    .hero-whychoose h1[b-en4c00numn] {
        font-size: 2rem;
    }
}
/* _content/NYMinuteDating-Net8/Pages/WLRegisterSession.cshtml.rz.scp.css */
/* ============================================
   WL REGISTER SESSION — SCOPED STYLES
   Same layout as RegisterSession (token-based WL variant)
   ============================================ */

/* ========== PAGE HEADER ========== */
.reg-header[b-uafuidqt8q] {
    margin-top: 70px;
    padding: 20px 20px 0;
    text-align: center;
    background: var(--background-dark);
}

.reg-header-inner[b-uafuidqt8q] {
    max-width: 1400px;
    margin: 0 auto;
}

.reg-header h1[b-uafuidqt8q] {
    font-size: 2.5em;
    color: white;
    margin-bottom: 0;
    font-weight: 700;
}

/* ========== CONTENT AREA ========== */
.reg-content[b-uafuidqt8q] {
    padding: 1rem 2rem 4rem;
    background: var(--background-dark);
}

.reg-wrapper[b-uafuidqt8q] {
    max-width: 700px;
    margin: 0 auto;
}

.reg-form-section[b-uafuidqt8q] {
    background: var(--background-medium);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 2rem;
}

/* ========== FORM BASICS ========== */
.form-group[b-uafuidqt8q] {
    margin-bottom: 1rem;
}

.form-label[b-uafuidqt8q] {
    margin-top: 0;
    margin-bottom: 0.35rem;
    display: block;
    color: #e6d9f5;
    font-size: 0.9rem;
}

.form-input[b-uafuidqt8q],
.form-select[b-uafuidqt8q],
.form-textarea[b-uafuidqt8q] {
    width: 100%;
    padding: 0.7rem 1rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: white;
    font-size: 1rem;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

.form-input:focus[b-uafuidqt8q],
.form-select:focus[b-uafuidqt8q],
.form-textarea:focus[b-uafuidqt8q] {
    outline: none;
    border-color: #c084fc;
    box-shadow: 0 0 0 2px rgba(192, 132, 252, 0.3);
}

.form-select[b-uafuidqt8q] {
    height: 50px;
}

.form-select option[b-uafuidqt8q] {
    background: #0a0a0a;
    color: white;
}

.form-textarea[b-uafuidqt8q] {
    min-height: 80px;
    resize: vertical;
    font-family: inherit;
}

.form-input-small[b-uafuidqt8q] {
    width: 100px;
}

/* ========== TWO-COLUMN ROW ========== */
.form-row-2col[b-uafuidqt8q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 0;
}

.form-row-2col .form-group[b-uafuidqt8q] {
    margin-bottom: 0;
}

.form-row-2col + .form-row-2col[b-uafuidqt8q],
.form-row-2col + .form-group[b-uafuidqt8q],
.form-group + .form-row-2col[b-uafuidqt8q] {
    margin-top: 1rem;
}

/* ========== VALIDATION ========== */
.field-validator[b-uafuidqt8q] {
    display: inline;
    margin-left: 0.25rem;
    color: #fb7185;
}

.validation-summary[b-uafuidqt8q] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    color: #ef4444;
    font-size: 0.9rem;
}

.validation-summary ul[b-uafuidqt8q] {
    margin: 0.5rem 0 0;
    padding-left: 1.2rem;
}

.validation-summary li[b-uafuidqt8q] {
    margin-bottom: 0.25rem;
}

.processing-error[b-uafuidqt8q] {
    display: block;
    margin-bottom: 1rem;
    color: #fb7185;
    font-weight: 500;
}

/* ========== EVENT INFO BOX ========== */
.event-info-box[b-uafuidqt8q] {
    background: rgba(157, 34, 174, 0.1);
    border: 1px solid rgba(157, 34, 174, 0.3);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    color: #d1d5db;
}

.event-info-box strong[b-uafuidqt8q] {
    color: #c084fc;
}

/* ========== TERMS ========== */
.terms-box[b-uafuidqt8q] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.terms-box input[type="checkbox"][b-uafuidqt8q] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    flex-shrink: 0;
    margin-top: 3px;
    cursor: pointer;
    -webkit-appearance: checkbox;
    appearance: checkbox;
}

.terms-text[b-uafuidqt8q] {
    color: #9ca3af;
    font-size: 0.95rem;
    line-height: 1.5;
    cursor: pointer;
}

.terms-link[b-uafuidqt8q] {
    color: #c084fc;
    text-decoration: underline;
}

/* ========== TERMS MODAL ========== */
.terms-modal[b-uafuidqt8q] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.terms-modal-content[b-uafuidqt8q] {
    position: relative;
    width: 90%;
    max-width: 800px;
    height: 60vh;
    background: #1a1a1a;
    border-radius: 12px;
    overflow: hidden;
}

.terms-modal-close[b-uafuidqt8q] {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 36px;
    height: 36px;
    background: rgba(157, 34, 174, 0.9);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 22px;
    cursor: pointer;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-modal-close:hover[b-uafuidqt8q] {
    background: rgba(177, 46, 198, 1);
}

.terms-modal-iframe[b-uafuidqt8q] {
    width: 100%;
    height: 100%;
    border: none;
}

/* ========== SUBMIT BUTTON ========== */
.form-actions[b-uafuidqt8q] {
    text-align: center;
    margin-top: 1rem;
}

.btn-submit[b-uafuidqt8q] {
    background: linear-gradient(135deg, #9d22ae, #6b21a8);
    color: white;
    padding: 14px 40px;
    border: none;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 200px;
}

.btn-submit:hover[b-uafuidqt8q] {
    background: linear-gradient(135deg, #b035c3, #9d22ae);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(157, 34, 174, 0.4);
}

.secure-badge[b-uafuidqt8q] {
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    color: #9ca3af;
    font-size: 0.85rem;
}

.security-text[b-uafuidqt8q] {
    color: #9ca3af;
}

/* ========== PAYMENT — EXPIRATION ========== */
.expiration-group[b-uafuidqt8q] {
    display: flex;
    gap: 0.75rem;
}

.expiration-group select[b-uafuidqt8q] {
    flex: 1;
}

/* ========== GUEST REGISTRATION ========== */
.guest-header[b-uafuidqt8q] {
    background: rgba(157, 34, 174, 0.1);
    border: 1px solid rgba(157, 34, 174, 0.3);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    text-align: center;
}

.guest-header p[b-uafuidqt8q] {
    color: #9ca3af;
    margin: 0;
    font-size: 0.95rem;
}

.guest-card[b-uafuidqt8q] {
    background: rgba(157, 34, 174, 0.05);
    border: 1px solid rgba(157, 34, 174, 0.2);
    border-radius: 10px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.guest-number[b-uafuidqt8q] {
    color: #c084fc;
    font-size: 1.1rem;
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(157, 34, 174, 0.2);
}

.guest-card .form-row[b-uafuidqt8q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 0;
}

.guest-card .form-row + .form-row[b-uafuidqt8q] {
    margin-top: 1rem;
}

.guest-card .form-group[b-uafuidqt8q] {
    margin-bottom: 0;
}

.guest-card .form-group label[b-uafuidqt8q] {
    display: block;
    color: #d1d5db;
    font-size: 0.9rem;
    margin-bottom: 0.35rem;
}

.guest-card .form-group label strong[b-uafuidqt8q] {
    color: #e5e7eb;
}

.guest-card .required[b-uafuidqt8q] {
    color: #fb7185;
}

.guest-card .form-input[b-uafuidqt8q],
.guest-card .form-select[b-uafuidqt8q] {
    width: 100%;
    height: 44px;
    padding: 0.6rem 0.75rem;
    background: rgba(10, 10, 10, 0.8);
    border: 1px solid #374151;
    border-radius: 8px;
    color: white;
    font-size: 0.95rem;
    box-sizing: border-box;
}

.guest-card .form-input:focus[b-uafuidqt8q],
.guest-card .form-select:focus[b-uafuidqt8q] {
    border-color: #c084fc;
    outline: none;
    box-shadow: 0 0 0 2px rgba(192, 132, 252, 0.3);
}

.guest-card .form-input-small[b-uafuidqt8q] {
    width: 100px;
}

.guest-actions[b-uafuidqt8q] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(157, 34, 174, 0.2);
}

.btn-save-guest[b-uafuidqt8q] {
    background: linear-gradient(135deg, #9d22ae, #6b21a8);
    color: white;
    padding: 0.6rem 1.25rem;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-save-guest:hover[b-uafuidqt8q] {
    background: linear-gradient(135deg, #b026c4, #7c3aed);
    transform: translateY(-1px);
}

.btn-submit-later[b-uafuidqt8q] {
    color: #9ca3af;
    padding: 0.6rem 1.25rem;
    text-decoration: none;
    font-size: 0.9rem;
    border: 1px solid #374151;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-submit-later:hover[b-uafuidqt8q] {
    color: #c084fc;
    border-color: #c084fc;
}

.guest-continue[b-uafuidqt8q] {
    margin-top: 1.5rem;
    text-align: center;
}

.btn-continue-guest[b-uafuidqt8q] {
    background: linear-gradient(135deg, #9d22ae, #6b21a8);
    color: white;
    padding: 0.75rem 2rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-continue-guest:hover[b-uafuidqt8q] {
    background: linear-gradient(135deg, #b026c4, #7c3aed);
    transform: translateY(-1px);
}

/* ========== CONFIRMATION ========== */
.confirmation-card[b-uafuidqt8q] {
    text-align: center;
    padding: 2rem 1rem;
}

.confirmation-icon[b-uafuidqt8q] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    color: white;
}

.confirmation-card h2[b-uafuidqt8q] {
    color: #c084fc;
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
}

.confirmation-message[b-uafuidqt8q] {
    color: #d1d5db;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.confirmation-message p[b-uafuidqt8q] {
    margin-bottom: 1rem;
}

.confirmation-message a[b-uafuidqt8q] {
    color: #c084fc;
    text-decoration: underline;
}

.confirmation-message a:hover[b-uafuidqt8q] {
    color: #d8b4fe;
}

.confirmation-actions[b-uafuidqt8q] {
    margin-top: 1.5rem;
}

.btn-done[b-uafuidqt8q] {
    background: linear-gradient(135deg, #9d22ae, #6b21a8);
    color: white;
    padding: 0.75rem 2.5rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-done:hover[b-uafuidqt8q] {
    background: linear-gradient(135deg, #b026c4, #7c3aed);
    transform: translateY(-1px);
}

/* ========== REGISTRATION CLOSED ========== */
.registration-card[b-uafuidqt8q] {
    text-align: center;
    padding: 2rem 1rem;
}

.closed-icon[b-uafuidqt8q] {
    color: #fb7185;
    margin-bottom: 1rem;
}

.registration-card h2[b-uafuidqt8q] {
    color: #fb7185;
    margin-bottom: 1rem;
}

.closed-message[b-uafuidqt8q] {
    color: #d1d5db;
}

.events-link[b-uafuidqt8q] {
    color: #c084fc;
    text-decoration: underline;
}

.events-link:hover[b-uafuidqt8q] {
    color: #d8b4fe;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .reg-header h1[b-uafuidqt8q] {
        font-size: 1.8rem;
    }

    .reg-content[b-uafuidqt8q] {
        padding: 1rem;
    }

    .reg-form-section[b-uafuidqt8q] {
        padding: 1.5rem;
    }

    .form-row-2col[b-uafuidqt8q] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .form-row-2col .form-group[b-uafuidqt8q] {
        margin-bottom: 1rem;
    }

    .form-row-2col .form-group:last-child[b-uafuidqt8q] {
        margin-bottom: 0;
    }

    .form-row-2col + .form-row-2col[b-uafuidqt8q],
    .form-row-2col + .form-group[b-uafuidqt8q],
    .form-group + .form-row-2col[b-uafuidqt8q] {
        margin-top: 1rem;
    }

    .guest-card .form-row[b-uafuidqt8q] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .guest-card .form-row .form-group[b-uafuidqt8q] {
        margin-bottom: 1rem;
    }

    .guest-card .form-row .form-group:last-child[b-uafuidqt8q] {
        margin-bottom: 0;
    }

    .guest-card .form-row + .form-row[b-uafuidqt8q] {
        margin-top: 1rem;
    }
}

@media (max-width: 480px) {
    .reg-form-section[b-uafuidqt8q] {
        padding: 1rem;
    }
}