/* /Components/Dialogs/AddEmployeeDialog.razor.rz.scp.css */
/* Dialog title */
.dialog-title[b-f173m8rx3x] {
    display: flex;
    align-items: center;
    gap: 10px;
}

[b-f173m8rx3x] .dialog-title-icon {
    color: #1976d2 !important;
    font-size: 1.4rem !important;
}

/* BSS lookup spinner row */
.lookup-status[b-f173m8rx3x] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Role selector */
.role-selector[b-f173m8rx3x] {
    display: flex;
    gap: 12px;
}

.role-option[b-f173m8rx3x] {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.role-option:hover[b-f173m8rx3x] {
    border-color: #93c5fd;
    background: #f0f7ff;
}

.role-option.role-selected[b-f173m8rx3x] {
    border-color: #1976d2;
    background: #e8f0fd;
}

.role-label[b-f173m8rx3x] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #1a2035;
}

.role-desc[b-f173m8rx3x] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 2px;
}
/* /Components/Dialogs/AddPartnerDialog.razor.rz.scp.css */
/* ap-* layout classes are defined globally in app.css —
   Blazor CSS isolation is not reliable for content passed as
   DialogContent RenderFragments into MudDialog. */

/* ── Required asterisk ───────────────────────────────────────────────── */
.ap-required[b-0k59p4k9cg] {
    color: #ef4444;
}

/* ── Service type buttons ────────────────────────────────────────────── */
.ap-service-type[b-0k59p4k9cg] {
    display: flex;
    gap: 12px;
    margin-bottom: 4px;
}

.ap-service-btn[b-0k59p4k9cg] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 8px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.88rem;
    font-weight: 500;
    color: #6b7280;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
    user-select: none;
}

.ap-service-btn:hover[b-0k59p4k9cg] {
    border-color: #93c5fd;
    background: #eff6ff;
    color: #1d4ed8;
}

.ap-service-btn.active[b-0k59p4k9cg] {
    border-color: #3b82f6;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 700;
}
/* /Components/Dialogs/MigrateBox1PartnerDialog.razor.rz.scp.css */
.mb-lookup-card[b-gki6a8v55q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 8px;
    background: #fafafa;
    cursor: pointer;
}

.mb-lookup-card:hover[b-gki6a8v55q] {
    border-color: #9ca3af;
}

.mb-lookup-card-selected[b-gki6a8v55q] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
}

.mb-lookup-text[b-gki6a8v55q] {
    flex: 1;
    min-width: 0;
}

.mb-lookup-name[b-gki6a8v55q] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mb-lookup-meta[b-gki6a8v55q] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 2px;
}

.mb-lookup-icon[b-gki6a8v55q] {
    flex-shrink: 0;
    color: #9ca3af;
}

.mb-selected-nova[b-gki6a8v55q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    border: 1px solid var(--mud-palette-primary);
    border-radius: 8px;
    margin-bottom: 16px;
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
}
/* /Components/Dialogs/PartnerLookupDialog.razor.rz.scp.css */
.pl-lookup-card[b-0wepjlmlej] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 8px;
    background: #fafafa;
}

.pl-lookup-left[b-0wepjlmlej] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.pl-lookup-name[b-0wepjlmlej] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pl-lookup-meta[b-0wepjlmlej] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 2px;
}

.pl-lookup-marketer[b-0wepjlmlej] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    text-align: right;
}

.pl-lookup-marketer-name[b-0wepjlmlej] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #374151;
}

.pl-lookup-marketer-email[b-0wepjlmlej] {
    font-size: 0.72rem;
    color: #6b7280;
}

.pl-lookup-icon[b-0wepjlmlej] {
    color: #9ca3af;
    font-size: 1rem !important;
}
/* /Components/Dialogs/SubmitPaymentMethodDialog.razor.rz.scp.css */
.spm-form[b-rduib0fqr3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.spm-row[b-rduib0fqr3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.spm-field[b-rduib0fqr3] { width: 100%; }

.spm-field-full[b-rduib0fqr3] {
    width: 100%;
    grid-column: 1 / -1;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ── AppBar brand area ───────────────────────────────────────────
   div.appbar-brand is our own HTML element so it gets the Blazor
   scope attribute — ::deep works for MudBlazor children inside it.
   ─────────────────────────────────────────────────────────────── */
.appbar-brand[b-ru097ci6m6] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-ru097ci6m6] .brand-logo {
    border-radius: 4px;
    display: block;
}

[b-ru097ci6m6] .brand-title {
    color: #1976d2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.3px !important;
}

/* ── Profile area ────────────────────────────────────────────────
   div.profile-area is our HTML element — all ::deep rules below
   are scoped to it automatically.
   ─────────────────────────────────────────────────────────────── */
.profile-area[b-ru097ci6m6] {
    position: relative;
}

.profile-trigger[b-ru097ci6m6] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 4px 10px;
    border-radius: 8px;
    user-select: none;
    transition: background 0.15s;
}

.profile-trigger:hover[b-ru097ci6m6] {
    background-color: rgba(0, 0, 0, 0.04);
}

[b-ru097ci6m6] .profile-avatar {
    background-color: #1976d2 !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
}

.profile-info[b-ru097ci6m6] {
    line-height: 1.3;
}

.profile-name[b-ru097ci6m6] {
    color: #1a2035;
    font-weight: 600;
    font-size: 0.85rem;
    white-space: nowrap;
}

.profile-email[b-ru097ci6m6] {
    color: #888;
    font-size: 0.72rem;
    white-space: nowrap;
}

[b-ru097ci6m6] .profile-chevron {
    color: #999 !important;
    font-size: 1.1rem !important;
}

.profile-backdrop[b-ru097ci6m6] {
    position: fixed;
    inset: 0;
    z-index: 1299;
}

[b-ru097ci6m6] .profile-dropdown {
    position: absolute !important;
    right: 0 !important;
    top: calc(100% + 6px) !important;
    z-index: 1300 !important;
    min-width: 220px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.profile-logout[b-ru097ci6m6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    cursor: pointer;
    background: #ffffff;
    transition: background 0.15s;
}

.profile-logout:hover[b-ru097ci6m6] {
    background: #fff5f5;
}

[b-ru097ci6m6] .logout-icon {
    color: #ef4444 !important;
    font-size: 1.2rem !important;
}

[b-ru097ci6m6] .logout-text {
    color: #ef4444 !important;
    font-size: 0.875rem !important;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-container[b-4tplg1oaay] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0.5em;
}

.nav-item[b-4tplg1oaay] {
    width: 97% !important;
    display: flex;
    flex-direction: column;
}

.nav-footer[b-4tplg1oaay] {
    margin-top: auto;
    padding-bottom: 8px;
}

.nav-parent[b-4tplg1oaay] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 8px;
}

.nav-parent:hover[b-4tplg1oaay] {
    background-color: rgba(128, 128, 128, 0.08);
}

.nav-parent-label[b-4tplg1oaay] {
    flex: 1;
}

.nav-parent-chevron[b-4tplg1oaay] {
    opacity: 0.6;
}

.nav-submenu[b-4tplg1oaay] {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
}

.nav-sublink[b-4tplg1oaay] {
    font-size: 0.85rem;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 6px;
}

.nav-sublink:hover[b-4tplg1oaay] {
    background-color: rgba(128, 128, 128, 0.08);
}

.nav-sublink.nav-active[b-4tplg1oaay] {
    background-color: rgba(25, 118, 210, 0.16);
    font-weight: 600;
}

.nav-subtag[b-4tplg1oaay] {
    opacity: 0.55;
    font-size: 0.72rem;
    margin-left: 4px;
}
/* /Components/Pages/AccessControl.razor.rz.scp.css */
/* ── Page header ─────────────────────────────────────────────── */
.page-header[b-b8juvritkg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

[b-b8juvritkg] .page-title {
    font-weight: 700 !important;
    color: #1a2035 !important;
}

[b-b8juvritkg] .page-subtitle {
    color: #6b7280 !important;
    margin-top: 2px !important;
}

/* ── Stat cards ──────────────────────────────────────────────── */
.stat-row[b-b8juvritkg] {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.stat-card[b-b8juvritkg] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 16px 20px;
}

.stat-value[b-b8juvritkg] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1a2035;
    line-height: 1;
}

.stat-label[b-b8juvritkg] {
    font-size: 0.78rem;
    color: #6b7280;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

[b-b8juvritkg] .stat-icon {
    font-size: 1.8rem !important;
    border-radius: 8px;
    padding: 8px;
}

[b-b8juvritkg] .stat-icon--total   { color: #1976d2 !important; background: #e8f0fd; }
[b-b8juvritkg] .stat-icon--active  { color: #16a34a !important; background: #dcfce7; }
[b-b8juvritkg] .stat-icon--admin   { color: #7c3aed !important; background: #ede9fe; }
[b-b8juvritkg] .stat-icon--inactive{ color: #dc2626 !important; background: #fee2e2; }

/* ── Filter bar ──────────────────────────────────────────────── */
.filter-bar[b-b8juvritkg] {
    margin-bottom: 16px;
    background: transparent !important;
}

.filter-input[b-b8juvritkg] {
    max-width: 360px;
}

/* ── Table card ──────────────────────────────────────────────── */
.table-card[b-b8juvritkg] {
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    overflow: hidden;
}

/* ── Employee cell ───────────────────────────────────────────── */
.employee-cell[b-b8juvritkg] {
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-b8juvritkg] .employee-avatar {
    width: 36px !important;
    height: 36px !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    background-color: #1976d2 !important;
    flex-shrink: 0;
}

.employee-name[b-b8juvritkg] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #1a2035;
}

.employee-email[b-b8juvritkg] {
    font-size: 0.78rem;
    color: #6b7280;
}

.employee-email--solo[b-b8juvritkg] {
    font-size: 0.875rem;
    color: #1a2035;
}

/* ── Action cell ─────────────────────────────────────────────── */
.action-cell[b-b8juvritkg] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

/* ── Empty / loading state ───────────────────────────────────── */
.empty-state[b-b8juvritkg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 48px 0;
    color: #9ca3af;
}

[b-b8juvritkg] .empty-icon {
    font-size: 2.5rem !important;
    color: #d1d5db !important;
}

/* ── Misc ────────────────────────────────────────────────────── */
.text-muted[b-b8juvritkg] {
    color: #6b7280 !important;
    font-size: 0.82rem !important;
}
/* /Components/Pages/AffiliateLink.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   PAGE HEADER
═══════════════════════════════════════════════════════════ */
.page-header[b-8hi7drmai3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 3em;
    gap: 16px;
}

.page-title[b-8hi7drmai3]   { font-weight: 600; margin-bottom: 2px; }
.page-subtitle[b-8hi7drmai3] { color: #757575; }

/* ═══════════════════════════════════════════════════════════
   FILTER BAR
═══════════════════════════════════════════════════════════ */
.filter-bar[b-8hi7drmai3] { margin-bottom: 12px; }

/* ═══════════════════════════════════════════════════════════
   TABLE CARD  — fixed height so sticky header can work
═══════════════════════════════════════════════════════════ */
.table-card[b-8hi7drmai3] {
    height: calc(100vh - 360px);
    min-height: 300px;
    display: flex;
    flex-direction: column;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;           /* clip to rounded corners */
    background: #ffffff;
    margin-bottom: 10px;
}

/* scrollable zone — fills remaining height in card */
.table-scroll-zone[b-8hi7drmai3] {
    flex: 1 1 0;
    overflow-y: auto;
    overflow-x: auto;
}

/* ═══════════════════════════════════════════════════════════
   TABLE STRUCTURE
═══════════════════════════════════════════════════════════ */
.partner-table[b-8hi7drmai3] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    line-height:2;
}

/* ── Column widths via colgroup ── */
.c-pid[b-8hi7drmai3]  { width: 160px; }
.c-link[b-8hi7drmai3] { width: auto;  }   /* flex fill */
.c-act[b-8hi7drmai3]  { width: 88px;  }
.c-div[b-8hi7drmai3]  { width: 1px;   }   /* vertical divider between CA / US */

/* ═══════════════════════════════════════════════════════════
   STICKY HEADER  — single row
═══════════════════════════════════════════════════════════ */

.col-name-th[b-8hi7drmai3] {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #e6f2ff;
    color: #4a99ff;
    padding: 10px 14px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
    border-bottom: 2px solid #c5ddf7;
    vertical-align: middle;
}

.col-name-th.center[b-8hi7drmai3] { text-align: center; }

/* Divider cell */
.divider-th[b-8hi7drmai3] {
    position: sticky;
    top: 0;
    z-index: 2;
    width: 1px;
    padding: 0;
    background-color: #c5ddf7;
    border: none;
}

/* Flag inside column header */
.col-flag[b-8hi7drmai3] {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 2px;
    margin-right: 6px;
    vertical-align: middle;
    /*box-shadow: 0 0 0 1px rgba(0,0,0,.1);*/
    flex-shrink: 0;
}

/* Box1 has no flag asset — small inline badge marking a CA-slot row that's
   actually a Box1 fallback entry (partner has no Nova CA/US account). */
.box1-badge[b-8hi7drmai3] {
    display: inline-block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #0f766e;
    background: #ccfbf1;
    border-radius: 3px;
    padding: 1px 5px;
    margin-left: 6px;
    vertical-align: middle;
}

/* ═══════════════════════════════════════════════════════════
   GROUP HEADER ROW
═══════════════════════════════════════════════════════════ */
.group-row td[b-8hi7drmai3] {
    background-color: #f8fafc;
    border-top: 2px solid #e2e8f0;
    border-bottom: 1px solid #e8edf3;
    padding: 6px 14px;
    font-size: 0.875rem;
}

/* no top border on the very first group */
.group-row:first-child td[b-8hi7drmai3] { border-top: none; }

.g-name[b-8hi7drmai3] {
    font-weight: 600;
    color: #111827;
}

.g-guid[b-8hi7drmai3] {
    margin-left: 10px;
    font-size: 0.69rem;
    color: #9ca3af;
    font-family: 'Consolas', monospace;
    letter-spacing: 0.03em;
}

/* ═══════════════════════════════════════════════════════════
   DATA ROWS
═══════════════════════════════════════════════════════════ */
.data-row td[b-8hi7drmai3] {
    padding: 7px 14px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    font-size: 0.875rem;
    overflow: hidden;
}

.data-row:hover td[b-8hi7drmai3] { background-color: #f5f9ff; }

/* ── Vertical CA/US divider inside data rows ── */
.div-td[b-8hi7drmai3] {
    padding: 0 !important;
    background-color: #e0e0e0;
    width: 1px;
}

/* ── Partner ID + marketer stacked ── */
.afl-pid-cell[b-8hi7drmai3] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.afl-marketer[b-8hi7drmai3] {
    font-size: 0.72rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.afl-marketer-label[b-8hi7drmai3] {
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    font-size: 0.65rem;
    letter-spacing: 0.04em;
}

/* ── Partner ID badge ── */
.pid[b-8hi7drmai3] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 20px;
    white-space: nowrap;
}

.ca-pid[b-8hi7drmai3]   { background: #dbeafe; color: #1d4ed8; }
.us-pid[b-8hi7drmai3]   { background: #fee2e2; color: #b91c1c; }
.box1-pid[b-8hi7drmai3] { background: #ccfbf1; color: #0f766e; }

/* ── Marketer cell ── */
.c-mkt[b-8hi7drmai3] { width: 150px; }

.mkt-td[b-8hi7drmai3] {
    max-width: 150px;
    overflow: hidden;
}

.mkt-name[b-8hi7drmai3] {
    display: block;
    font-size: 0.82rem;
    color: #374151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Link cell ── */
.link-td[b-8hi7drmai3] {
    max-width: 0;       /* paired with table-layout:fixed — forces text truncation */
}

.link-text[b-8hi7drmai3] {
    display: block;
    /*color: #2563eb;*/
    font-size: 0.82rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Action cell ── */
.act-td[b-8hi7drmai3] {
    text-align: center;
    padding: 2px 6px !important;
    white-space: nowrap;
}

/* ── Dash ── */
.dash[b-8hi7drmai3] { color: #d1d5db; font-size: 0.9rem; }

/* ═══════════════════════════════════════════════════════════
   EMPTY / LOADING STATE
═══════════════════════════════════════════════════════════ */
.state-cell[b-8hi7drmai3] {
    text-align: center;
    padding: 60px 24px !important;
    color: #9ca3af;
}

.empty-icon[b-8hi7drmai3] {
    font-size: 48px;
    color: #d1d5db;
    display: block;
    margin-bottom: 8px;
}

/* Pager styles live in GridPager.razor.css */

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .page-header[b-8hi7drmai3]  { flex-direction: column; }
    .custom-pager[b-8hi7drmai3] { flex-wrap: wrap; height: auto; padding: 10px 4px; }
    .g-guid[b-8hi7drmai3]       { display: none; }
    .c-pid[b-8hi7drmai3]        { width: 80px; }
    .c-act[b-8hi7drmai3]        { width: 72px; }
}
/* /Components/Pages/AnnouncementDetailPage.razor.rz.scp.css */
/* ── Top bar ──────────────────────────────────────────────────────────────── */

.ad-topbar[b-0np8ojiy4r] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.ad-title-block[b-0np8ojiy4r] {
    flex: 1;
    min-width: 0;
}

.ad-title[b-0np8ojiy4r] {
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Summary stat bar ─────────────────────────────────────────────────────── */

.ad-stat-bar[b-0np8ojiy4r] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}

.ad-stat-card[b-0np8ojiy4r] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
}

.ad-stat-icon[b-0np8ojiy4r] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ad-stat-icon--blue[b-0np8ojiy4r]  { background: #eff6ff; color: #3b82f6; }
.ad-stat-icon--green[b-0np8ojiy4r] { background: #f0fdf4; color: #22c55e; }
.ad-stat-icon--amber[b-0np8ojiy4r] { background: #fffbeb; color: #f59e0b; }
.ad-stat-icon--teal[b-0np8ojiy4r]  { background: #f0fdfa; color: #14b8a6; }
.ad-stat-icon--gray[b-0np8ojiy4r]  { background: #f9fafb; color: #9ca3af; }

.ad-stat-body[b-0np8ojiy4r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ad-stat-label[b-0np8ojiy4r] {
    font-size: 0.72rem;
    color: #6b7280;
    font-weight: 500;
}

.ad-stat-value[b-0np8ojiy4r] {
    font-size: 1.45rem;
    font-weight: 700;
    color: #111827;
    line-height: 1.1;
}

/* ── Pagination ───────────────────────────────────────────────────────────── */

.ad-pagination[b-0np8ojiy4r] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 12px;
}

/* ── Empty / loading center ───────────────────────────────────────────────── */

.ad-center[b-0np8ojiy4r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    gap: 12px;
}
/* /Components/Pages/ContentManager.razor.rz.scp.css */
/* ── Summary stat bar ───────────────────────────────────────────────────── */

.cm-stat-bar[b-36fzmw2fba] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}

.cm-stat-card[b-36fzmw2fba] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
}

/* Highlighted card (Scheduled) */
.cm-stat-card--accent[b-36fzmw2fba] {
    border-color: #f59e0b;
}

.cm-stat-icon[b-36fzmw2fba] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cm-stat-icon--blue[b-36fzmw2fba]  { background: #eff6ff; color: #3b82f6; }
.cm-stat-icon--green[b-36fzmw2fba] { background: #f0fdf4; color: #22c55e; }
.cm-stat-icon--amber[b-36fzmw2fba] { background: #fffbeb; color: #f59e0b; }

.cm-stat-body[b-36fzmw2fba] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cm-stat-label[b-36fzmw2fba] {
    font-size: 0.72rem;
    color: #6b7280;
    font-weight: 500;
}

.cm-stat-value[b-36fzmw2fba] {
    font-size: 1.45rem;
    font-weight: 700;
    color: #111827;
    line-height: 1.1;
}

/* ── Content Manager grid ───────────────────────────────────────────────── */

.cm-chip[b-36fzmw2fba] {
    font-size: 0.72rem;
    height: 22px;
}

.cm-icon-inline[b-36fzmw2fba] {
    vertical-align: middle;
    margin-right: 2px;
    font-size: 1rem !important;
}

.cm-region-tag[b-36fzmw2fba] {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 0.68rem;
    font-weight: 600;
    background: var(--mud-palette-primary-lighten);
    color: var(--mud-palette-primary-darken);
    margin-left: 4px;
    vertical-align: middle;
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* ── Wrapper ─────────────────────────────────────────────────── */
.login-wrapper[b-mqi1yb3k44] {
    display: flex;
    min-height: 100vh;
}

/* ── Left Panel ──────────────────────────────────────────────── */
.left-panel[b-mqi1yb3k44] {
    flex: 0 0 50%;
    background: linear-gradient(160deg, #1a56db 0%, #003DA5 60%, #0066CC 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

.left-content[b-mqi1yb3k44] {
    max-width: 400px;
}

.logo-box[b-mqi1yb3k44] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0 0;
}

/* MudImage inside .logo-box — ::deep works because .logo-box has scope attr */
[b-mqi1yb3k44] .login-logo {
    display: block;
    border-radius: 6px;
}

/* MudText — ::deep works because .left-panel (HTML div) has scope attr */
[b-mqi1yb3k44] .portal-title {
    color: #fff !important;
    font-weight: 700 !important;
    margin-top: 1.25rem !important;
}

[b-mqi1yb3k44] .portal-subtitle {
    color: rgba(255, 255, 255, 0.75) !important;
    margin-top: 0.5rem !important;
    max-width: 340px;
    line-height: 1.6 !important;
}

.feature-list[b-mqi1yb3k44] {
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.feature-item[b-mqi1yb3k44] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

/* MudIcon inside .feature-item */
[b-mqi1yb3k44] .feature-check-icon {
    color: #fff !important;
    font-size: 1.1rem !important;
}

.feature-title[b-mqi1yb3k44] {
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
}

.feature-desc[b-mqi1yb3k44] {
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.82rem;
    margin-top: 2px;
}

/* ── Right Panel ─────────────────────────────────────────────── */
.right-panel[b-mqi1yb3k44] {
    flex: 0 0 50%;
    background: #f9fafb;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

.login-card[b-mqi1yb3k44] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 2.5rem;
    width: 100%;
    max-width: 380px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

/* MudText inside .login-card — ::deep works because .login-card has scope attr */
[b-mqi1yb3k44] .card-title {
    font-weight: 700 !important;
    color: #1a1a2e !important;
}

[b-mqi1yb3k44] .card-subtitle {
    color: #6b7280 !important;
    margin-top: 0.4rem !important;
}

[b-mqi1yb3k44] .login-alert {
    border-radius: 8px !important;
}

/* ── Google sign-in button ───────────────────────────────────── */
.google-btn[b-mqi1yb3k44] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 1.75rem;
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: #1a56db;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    font-family: 'Google Sans', Roboto, Arial, sans-serif;
    cursor: pointer;
    transition: background 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 6px rgba(26, 86, 219, 0.35);
}

.google-btn:hover:not(:disabled)[b-mqi1yb3k44] {
    background: #1648c0;
    box-shadow: 0 4px 12px rgba(26, 86, 219, 0.45);
    color: #fff;
}

.google-btn:disabled[b-mqi1yb3k44] {
    opacity: 0.75;
    cursor: not-allowed;
}

/* ── Spinner ─────────────────────────────────────────────────── */
.spinner[b-mqi1yb3k44] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-mqi1yb3k44 0.7s linear infinite;
    flex-shrink: 0;
}

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

/* ── Footer note ─────────────────────────────────────────────── */
.login-note[b-mqi1yb3k44] {
    margin-top: 1.25rem;
    text-align: center;
    font-size: 0.78rem;
    color: #9ca3af;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 768px) {
    .login-wrapper[b-mqi1yb3k44] {
        flex-direction: column;
    }

    .left-panel[b-mqi1yb3k44],
    .right-panel[b-mqi1yb3k44] {
        flex: none;
        padding: 2rem;
    }
}
/* /Components/Pages/PartnerList.razor.rz.scp.css */
/* ── Page header ─────────────────────────────────────────────── */
.pl-header[b-mhus12ao8f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 3em;
    gap: 16px;
}

.pl-title[b-mhus12ao8f] {
    font-weight: 600;
    margin-bottom: 2px;
}

.pl-subtitle[b-mhus12ao8f] {
    color: #757575;
}

/* ── Grid wrapper ────────────────────────────────────────────── */
.pl-grid-wrap[b-mhus12ao8f] {
    /*    border: 1px solid #e0e0e0;
    border-radius: 8px;*/
    overflow: hidden;
}

/* MudDataGrid header styling via ::deep */
[b-mhus12ao8f] .pl-grid .mud-table-head th {
    background-color: #e6f2ff !important;
    color: #4a99ff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

/*::deep .pl-grid .mud-table-container {
    max-height: calc(100vh - 360px);
    min-height: 100px;
    display: flex;
    flex-direction: column;
    border: 1px solid #e0e0e0;
    overflow: auto;
    background: #ffffff;
    margin-bottom: 10px;
    background-color: var(--mud-palette-surface);
    border-radius: var(--mud-default-borderradius);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}*/

/* ── Actions column — sticky left ───────────────────────────── */
[b-mhus12ao8f] .pl-grid .pl-actions-th,
[b-mhus12ao8f] .pl-grid .pl-actions-td {
    padding: 0 4px !important;
    text-align: center;
}

/* Keep the cell background opaque so scrolled content doesn't bleed through */
[b-mhus12ao8f] .pl-grid tr:hover .pl-actions-td {
    background: var(--mud-palette-action-default-hover) !important;
}

[b-mhus12ao8f] .pl-grid tr.mud-table-row-selected .pl-actions-td {
    background: var(--mud-palette-primary-lighten) !important;
}

/* Thin right border acts as visual divider between sticky and scrollable columns */
[b-mhus12ao8f] .pl-grid .pl-actions-th,
[b-mhus12ao8f] .pl-grid .pl-actions-td {
    border-right: 1px solid #e0e0e0;
}
/* ── Partner ID badge ────────────────────────────────────────── */
.pid-badge[b-mhus12ao8f] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 12px;
    background-color: #eff6ff;
    color: #1d4ed8;
    white-space: nowrap;
}

/* ── Region flag ─────────────────────────────────────────────── */
.region-flag-img[b-mhus12ao8f] {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 2px;
    /*box-shadow: 0 0 0 1px rgba(0,0,0,.08);*/
    vertical-align: middle;
}

/* ── Chips ───────────────────────────────────────────────────── */
.act-chip[b-mhus12ao8f] {
    font-weight: 700 !important;
    min-width: 36px;
    justify-content: center;
}

.comm-chip[b-mhus12ao8f] {
    font-size: 0.72rem !important;
}

/* ── Muted dash ──────────────────────────────────────────────── */
.muted-dash[b-mhus12ao8f] {
    color: #d1d5db;
}

/* ── Empty / loading state ───────────────────────────────────── */
.pl-empty-state[b-mhus12ao8f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 48px 24px;
    color: #9ca3af;
}

.pl-empty-icon[b-mhus12ao8f] {
    font-size: 2.5rem !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
    color: #d1d5db;
}
/* /Components/Pages/PaymentRequests.razor.rz.scp.css */
/* ── Actions column ──────────────────────────────────────────────────── */
[b-fjlieq8hx6] .pl-grid .pl-actions-th,
[b-fjlieq8hx6] .pl-grid .pl-actions-td {
    padding: 4px 10px !important;
    white-space: nowrap;
    width: 100px;
}

/* "Review" outlined button in the Actions column */
.pr-review-btn[b-fjlieq8hx6] {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* ── Data cell typography ─────────────────────────────────────────────── */
.pr-company-name[b-fjlieq8hx6] {
    font-weight: 500;
}

.pr-partner-id[b-fjlieq8hx6] {
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    color: #555;
}

.pr-amount[b-fjlieq8hx6] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.pr-date[b-fjlieq8hx6] {
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
    color: #555;
}

/* ── Status chips ────────────────────────────────────────────────────── */
[b-fjlieq8hx6] .pr-status-chip {
    height: 24px !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
}

[b-fjlieq8hx6] .pr-status-chip .mud-chip-content {
    padding: 0 8px !important;
    gap: 4px !important;
}
/* /Components/UI/GridPager.razor.rz.scp.css */
.grid-pager[b-cbjffefbhn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
    padding: 0 4px;
    gap: 12px;
}

.pager-info[b-cbjffefbhn] { color: #6b7280; font-size: 0.8rem; white-space: nowrap; }

.pager-btns[b-cbjffefbhn] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.pager-size[b-cbjffefbhn] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-cbjffefbhn] .mud-button-outlined {
    min-width: auto !important;
    padding: 3px 10px !important;
    border-radius: 6px !important;
    background-color:#ffffff;
}

[b-cbjffefbhn] .mud-button-filled {
    min-width: auto !important;
    padding: 3px 10px !important;
    border-radius: 6px !important;
}