@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Component/Charts/HealthServiceCheck.razor.rz.scp.css */
.services-health-card .services-health-body[b-16v1hnybxt] {
    padding: 1rem;
}

.services-health-card .service-state-row[b-16v1hnybxt] {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.services-health-card .service-detail-list[b-16v1hnybxt] {
    padding-top: 0.15rem;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.admin-layout-footer[b-w4jg57l0o1] {
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.admin-footer-text[b-w4jg57l0o1] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #162033;
}

.admin-footer-separator[b-w4jg57l0o1],
.admin-footer-muted[b-w4jg57l0o1] {
    font-size: 0.76rem;
    color: #667085;
}

.admin-footer-separator[b-w4jg57l0o1] {
    margin: 0 0.35rem;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.admin-topbar[b-4keksgoyb0] {
    top: 0;
    left: 260px;
    right: 0;
    height: 70px;
    position: fixed;
    z-index: 1030;
    background-color: var(--bs-topbar-bg);
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    backdrop-filter: blur(16px);
}

.admin-topbar-inner[b-4keksgoyb0] {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.admin-topbar-start[b-4keksgoyb0],
.admin-topbar-end[b-4keksgoyb0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.admin-topbar-heading[b-4keksgoyb0] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.admin-topbar-kicker[b-4keksgoyb0] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1155cc;
}

.admin-topbar-title[b-4keksgoyb0] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #162033;
}

.admin-sidebar-toggle[b-4keksgoyb0],
.admin-icon-button[b-4keksgoyb0] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.94);
    color: #344054;
    transition: all 0.2s ease;
}

.admin-sidebar-toggle:hover[b-4keksgoyb0],
.admin-icon-button:hover[b-4keksgoyb0] {
    transform: translateY(-1px);
    border-color: rgba(17, 85, 204, 0.22);
    color: #1155cc;
}

.admin-user-chip[b-4keksgoyb0] {
    display: inline-flex;
    flex-direction: column;
    padding: 0.42rem 0.72rem;
    border-radius: 14px;
    background: rgba(17, 85, 204, 0.06);
    line-height: 1.15;
}

.admin-user-chip-label[b-4keksgoyb0] {
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #667085;
}

.admin-user-chip strong[b-4keksgoyb0] {
    font-size: 0.8rem;
    color: #162033;
}

.admin-profile-card[b-4keksgoyb0] {
    width: 220px;
    min-height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.18rem;
}

.admin-sidebar[b-4keksgoyb0] {
    border-right: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 10px 0 40px rgba(15, 23, 42, 0.05);
    z-index: 1035;
    overflow: hidden;
}

.admin-logo-box[b-4keksgoyb0] {
    height: 70px;
    width: 260px;
    display: flex;
    align-items: center;
    padding-inline: 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
    background: var(--bs-sidebar-bg);
}

.admin-logo-link[b-4keksgoyb0] {
    height: 100%;
    width: 100%;
    align-items: center;
}

.admin-logo[b-4keksgoyb0] {
    display: block;
}

.logo-box .admin-logo-link.logo-dark[b-4keksgoyb0] {
    display: flex;
    justify-content: flex-start;
}

.logo-box .admin-logo-link.logo-light[b-4keksgoyb0] {
    display: none;
}

html[data-bs-theme="dark"] .logo-box .admin-logo-link.logo-dark[b-4keksgoyb0] {
    display: none;
}

html[data-bs-theme="dark"] .logo-box .admin-logo-link.logo-light[b-4keksgoyb0] {
    display: flex;
    justify-content: flex-start;
}

.admin-logo-compact[b-4keksgoyb0] {
    width: 28px;
    height: 28px;
    display: none;
}

.admin-logo-full[b-4keksgoyb0] {
    width: 142px;
    height: auto;
}

.admin-sidebar-scroll[b-4keksgoyb0] {
    height: calc(100vh - 70px);
    overflow-y: auto;
    padding: 1.1rem 0.85rem 1.4rem;
}

.admin-menu-list[b-4keksgoyb0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.admin-menu-list li[b-4keksgoyb0] {
    list-style: none;
}

#sidebar-menu .admin-menu-list .menu-title[b-4keksgoyb0] {
    margin: 1.3rem 0 0.25rem;
    padding: 0 0.6rem;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #667085;
}

#sidebar-menu .admin-menu-list > li > a[b-4keksgoyb0] {
    min-height: 2.9rem;
    padding: 0.55rem 0.65rem;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0.75rem;
    border-radius: 14px;
    color: #111827 !important;
    font-size: 0.92rem;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    transition: background-color 0.2s ease, color 0.2s ease;
}

#sidebar-menu .admin-menu-list > li > a:hover[b-4keksgoyb0] {
    background: #f4f7fb;
    color: #0f172a !important;
}

#sidebar-menu .admin-menu-list > li > a.active[b-4keksgoyb0] {
    background: #e7f3f2 !important;
    color: #102a43 !important;
}

.admin-menu-icon[b-4keksgoyb0] {
    width: 2.1rem;
    height: 2.1rem;
    flex: 0 0 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f2f6fb;
    color: #5b7a95;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.admin-menu-label[b-4keksgoyb0] {
    display: inline-flex !important;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#sidebar-menu .admin-menu-list > li > a:hover .admin-menu-icon[b-4keksgoyb0] {
    background: #e9f0f7;
    color: #355975;
}

#sidebar-menu .admin-menu-list > li > a.active .admin-menu-icon[b-4keksgoyb0] {
    background: #cbe8e6;
    color: #0f6b73;
    box-shadow: none;
}

#sidebar-menu .admin-menu-list > li > a.active .admin-menu-label[b-4keksgoyb0] {
    color: #102a43;
    font-weight: 600;
}

#sidebar-menu .admin-menu-list > li > a:not(.active) .admin-menu-label[b-4keksgoyb0] {
    color: #111827 !important;
}

#sidebar-menu .admin-menu-list > li > a:hover .admin-menu-label[b-4keksgoyb0] {
    color: #0f172a;
}

#sidebar-menu .admin-menu-list > li > a svg[b-4keksgoyb0] {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
}

.admin-sidebar-backdrop[b-4keksgoyb0] {
    position: fixed;
    inset: 70px 0 0 0;
    background: rgba(15, 23, 42, 0.34);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 1034;
}

body[data-sidebar="hidden"] .app-sidebar-menu.admin-sidebar[b-4keksgoyb0] {
    width: 84px !important;
}

body[data-sidebar="hidden"] .admin-logo-box[b-4keksgoyb0] {
    width: 84px !important;
    padding-inline: 0.5rem;
}

body[data-sidebar="hidden"] .topbar-custom[b-4keksgoyb0] {
    left: 84px !important;
}

body[data-sidebar="hidden"] .content-page[b-4keksgoyb0] {
    margin-left: 84px !important;
}

body[data-sidebar="hidden"] .footer[b-4keksgoyb0] {
    left: 84px !important;
}

body[data-sidebar="hidden"] .admin-logo-compact[b-4keksgoyb0] {
    display: block;
}

body[data-sidebar="hidden"] .admin-logo-full[b-4keksgoyb0] {
    display: none;
}

body[data-sidebar="hidden"] .logo-box .admin-logo-link.logo-dark[b-4keksgoyb0],
html[data-bs-theme="dark"] body[data-sidebar="hidden"] .logo-box .admin-logo-link.logo-light[b-4keksgoyb0] {
    justify-content: center;
}

body[data-sidebar="hidden"] #sidebar-menu .admin-menu-list > li > a[b-4keksgoyb0] {
    justify-content: center;
    padding-inline: 0.45rem;
}

body[data-sidebar="hidden"] #sidebar-menu .admin-menu-list > li > a .admin-menu-label[b-4keksgoyb0],
body[data-sidebar="hidden"] #sidebar-menu .admin-menu-list .menu-title[b-4keksgoyb0] {
    display: none !important;
}

@media (max-width: 1139.98px) {
    .admin-topbar[b-4keksgoyb0] {
        left: 0;
        height: 64px;
    }

    .admin-topbar-inner[b-4keksgoyb0] {
        min-height: 64px;
    }

    .admin-topbar-title[b-4keksgoyb0] {
        font-size: 0.82rem;
    }

    .admin-sidebar-backdrop[b-4keksgoyb0] {
        inset: 64px 0 0 0;
    }

    .admin-sidebar[b-4keksgoyb0] {
        width: 260px !important;
        top: 64px;
        bottom: 0;
        height: calc(100vh - 64px);
        padding-top: 0;
        transform: translateX(-100%);
        transition: transform 0.2s ease;
        z-index: 1045;
    }

    body[data-sidebar="default"] .admin-sidebar[b-4keksgoyb0] {
        transform: translateX(0);
    }

    body[data-sidebar="default"] .admin-sidebar-backdrop[b-4keksgoyb0] {
        opacity: 1;
        pointer-events: auto;
    }

    body[data-sidebar="hidden"] .topbar-custom[b-4keksgoyb0],
    body[data-sidebar="hidden"] .footer[b-4keksgoyb0] {
        left: 0 !important;
    }

    body[data-sidebar="hidden"] .content-page[b-4keksgoyb0] {
        margin-left: 0 !important;
    }
}

@media (max-width: 767.98px) {
    .admin-topbar-kicker[b-4keksgoyb0],
    .admin-user-chip[b-4keksgoyb0] {
        display: none;
    }

    .admin-topbar-title[b-4keksgoyb0] {
        font-size: 0.8rem;
    }
}
/* /Pages/AddCrypto.razor.rz.scp.css */
.add-crypto-page[b-t91p747bwy] {
    --ac-radius: 12px;
    --ac-border: rgba(15, 23, 42, 0.08);
    --ac-accent: #0f766e;
}

/* Hero */
.ac-hero[b-t91p747bwy] {
    margin-bottom: 2rem;
}

.ac-hero-back[b-t91p747bwy] {
    margin-bottom: 1rem;
}

.ac-back-btn[b-t91p747bwy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.875rem;
}

.ac-kicker[b-t91p747bwy] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ac-accent);
    margin: 0 0 4px;
}

.ac-title[b-t91p747bwy] {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 6px;
}

.ac-subtitle[b-t91p747bwy] {
    font-size: 0.9rem;
    opacity: 0.6;
    margin: 0;
    max-width: 600px;
}

/* Alert */
.ac-alert[b-t91p747bwy] {
    border-radius: var(--ac-radius);
    margin-bottom: 1.5rem;
}

/* Grid 1-col, les 3 sections empilées */
.ac-grid[b-t91p747bwy] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

/* Section card */
.ac-section[b-t91p747bwy] {
    border-radius: var(--ac-radius);
    border: 1px solid var(--ac-border);
    overflow: hidden;
}

.ac-section-head[b-t91p747bwy] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--ac-border);
    background: rgba(15, 118, 110, 0.03);
}

.ac-section-icon[b-t91p747bwy] {
    font-size: 1.4rem;
    line-height: 1;
    flex-shrink: 0;
    margin-top: 2px;
}

.ac-section-title[b-t91p747bwy] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 2px;
}

.ac-section-sub[b-t91p747bwy] {
    font-size: 0.8rem;
    opacity: 0.55;
    margin: 0;
}

.ac-fields[b-t91p747bwy] {
    padding: 1.25rem 1.5rem;
}

.ac-textarea[b-t91p747bwy] {
    resize: vertical;
    min-height: 80px;
}

.ac-required[b-t91p747bwy] {
    color: #dc2626;
}

.ac-symbol-hint[b-t91p747bwy] {
    font-size: 0.75rem;
    min-width: 52px;
    text-align: center;
    font-weight: 600;
    color: var(--ac-accent);
}

/* Footer */
.ac-footer[b-t91p747bwy] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-bottom: 2rem;
}

.ac-submit-btn[b-t91p747bwy] {
    min-width: 180px;
}

.ac-cancel-btn[b-t91p747bwy] {
    min-width: 120px;
}

@media (max-width: 768px) {
    .ac-title[b-t91p747bwy] {
        font-size: 1.4rem;
    }

    .ac-footer[b-t91p747bwy] {
        flex-direction: column-reverse;
    }

    .ac-submit-btn[b-t91p747bwy],
    .ac-cancel-btn[b-t91p747bwy] {
        width: 100%;
    }
}
/* /Pages/Communication.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   TrustChange — Communication Hub
   Design system aligné sur Country.razor / Transactions.razor
   ═══════════════════════════════════════════════════════════════════ */

.tc-communication-page[b-ip3sdo2tqg] {
    --tc-comm-bg: linear-gradient(180deg, #f6f8fb 0%, #eef3f8 100%);
    --tc-comm-border: rgba(15, 23, 42, 0.08);
    --tc-comm-shadow: 0 16px 36px rgba(15, 23, 42, 0.07);
    --tc-comm-text: #162033;
    --tc-comm-muted: #667085;
    --tc-comm-hint: #98a2b3;
    --tc-comm-surface: #ffffff;
    --tc-comm-surface2: #f8fafc;
    --tc-comm-accent: #1155cc;
    --tc-comm-accent-soft: #e8f0ff;
    --tc-comm-success: #0f9f6e;
    --tc-comm-success-soft: #e7f8f1;
    --tc-comm-warning: #d97706;
    --tc-comm-warning-soft: #fff4df;
    --tc-comm-danger: #d92d20;
    --tc-comm-danger-soft: #fdecea;
    --tc-comm-radius: 14px;
    --tc-comm-radius-lg: 22px;
}

    .tc-communication-page .container-fluid[b-ip3sdo2tqg] {
        background: var(--tc-comm-bg);
        border-radius: 28px;
        padding: 1.5rem;
    }

/* ─── HERO ─── */
.comm-hero[b-ip3sdo2tqg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 1.35rem 1.5rem;
    margin-bottom: 1.25rem;
    background: radial-gradient(circle at top right, rgba(17, 85, 204, 0.12), transparent 40%), linear-gradient(135deg, rgba(255,255,255,0.98), rgba(246,249,255,0.96));
    border: 1px solid var(--tc-comm-border);
    border-radius: var(--tc-comm-radius-lg);
    box-shadow: var(--tc-comm-shadow);
}

.comm-kicker[b-ip3sdo2tqg] {
    margin: 0 0 0.3rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--tc-comm-accent);
}

.comm-title[b-ip3sdo2tqg] {
    margin: 0;
    font-size: clamp(1.55rem, 1.8vw, 2rem);
    font-weight: 800;
    color: var(--tc-comm-text);
}

.comm-subtitle[b-ip3sdo2tqg] {
    max-width: 56rem;
    margin: 0.5rem 0 0;
    color: var(--tc-comm-muted);
    line-height: 1.6;
    font-size: 0.9rem;
}

.comm-hero-chips[b-ip3sdo2tqg] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.65rem;
    min-width: min(100%, 360px);
}

.hero-chip[b-ip3sdo2tqg] {
    background: var(--tc-comm-surface);
    border: 1px solid var(--tc-comm-border);
    border-radius: var(--tc-comm-radius);
    padding: 0.8rem 1rem;
}

.chip-label[b-ip3sdo2tqg] {
    display: block;
    font-size: 0.73rem;
    color: var(--tc-comm-muted);
    margin-bottom: 0.3rem;
}

.chip-val[b-ip3sdo2tqg] {
    display: block;
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--tc-comm-text);
}

    .chip-val.is-accent[b-ip3sdo2tqg] {
        color: var(--tc-comm-accent);
    }

    .chip-val.is-success[b-ip3sdo2tqg] {
        color: var(--tc-comm-success);
    }

    .chip-val.is-warn[b-ip3sdo2tqg] {
        color: var(--tc-comm-warning);
    }

/* ─── STATS ROW ─── */
.comm-stats-row[b-ip3sdo2tqg] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.9rem;
    margin-bottom: 1.25rem;
}

.comm-stat-card[b-ip3sdo2tqg] {
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
    background: var(--tc-comm-surface);
    border: 1px solid var(--tc-comm-border);
    border-radius: var(--tc-comm-radius-lg);
    padding: 1rem 1.1rem;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

.stat-icon[b-ip3sdo2tqg] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 18px;
}

    .stat-icon.total[b-ip3sdo2tqg] {
        background: var(--tc-comm-accent-soft);
        color: var(--tc-comm-accent);
    }

    .stat-icon.email[b-ip3sdo2tqg] {
        background: #eaf4ff;
        color: #0284c7;
    }

    .stat-icon.sms[b-ip3sdo2tqg] {
        background: var(--tc-comm-success-soft);
        color: var(--tc-comm-success);
    }

    .stat-icon.push[b-ip3sdo2tqg] {
        background: var(--tc-comm-warning-soft);
        color: var(--tc-comm-warning);
    }

.stat-label[b-ip3sdo2tqg] {
    font-size: 0.76rem;
    color: var(--tc-comm-muted);
    margin-bottom: 0.2rem;
}

.stat-val[b-ip3sdo2tqg] {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--tc-comm-text);
}

.stat-note[b-ip3sdo2tqg] {
    font-size: 0.73rem;
    color: var(--tc-comm-hint);
    margin-top: 0.2rem;
    line-height: 1.4;
}

/* ─── MAIN GRID ─── */
.comm-main-grid[b-ip3sdo2tqg] {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 1rem;
    align-items: flex-start;
}

/* ─── COMPOSE PANEL ─── */
.comm-compose-panel[b-ip3sdo2tqg] {
    background: var(--tc-comm-surface);
    border: 1px solid var(--tc-comm-border);
    border-radius: var(--tc-comm-radius-lg);
    overflow: hidden;
    box-shadow: var(--tc-comm-shadow);
}

/* ─── CHANNEL TABS ─── */
.comm-channel-tabs[b-ip3sdo2tqg] {
    display: flex;
    gap: 0.4rem;
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid var(--tc-comm-border);
    background: var(--tc-comm-surface2);
}

.comm-tab[b-ip3sdo2tqg] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1rem;
    border-radius: 999px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--tc-comm-muted);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

    .comm-tab:hover[b-ip3sdo2tqg] {
        background: rgba(17, 85, 204, 0.06);
        color: var(--tc-comm-accent);
    }

    .comm-tab.active[b-ip3sdo2tqg] {
        background: var(--tc-comm-accent-soft);
        color: var(--tc-comm-accent);
        border-color: rgba(17, 85, 204, 0.18);
    }

/* ─── COMPOSE BODY ─── */
.comm-compose-body[b-ip3sdo2tqg] {
    padding: 1.25rem;
}

/* ─── FORM ELEMENTS ─── */
.comm-form-group[b-ip3sdo2tqg] {
    margin-bottom: 1rem;
}

.comm-label[b-ip3sdo2tqg] {
    display: block;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--tc-comm-muted);
    margin-bottom: 0.45rem;
}

.comm-input[b-ip3sdo2tqg],
.comm-textarea[b-ip3sdo2tqg],
.comm-select[b-ip3sdo2tqg] {
    width: 100%;
    padding: 0.55rem 0.85rem;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: var(--tc-comm-radius);
    background: var(--tc-comm-surface2);
    color: var(--tc-comm-text);
    font-size: 0.85rem;
    font-family: inherit;
    outline: none;
    transition: border-color 0.15s;
}

.comm-textarea[b-ip3sdo2tqg] {
    resize: vertical;
    min-height: 90px;
    line-height: 1.55;
}

    .comm-input:focus[b-ip3sdo2tqg],
    .comm-textarea:focus[b-ip3sdo2tqg],
    .comm-select:focus[b-ip3sdo2tqg] {
        border-color: rgba(17, 85, 204, 0.4);
        box-shadow: 0 0 0 3px rgba(17, 85, 204, 0.07);
    }

/* ─── TAG INPUT ─── */
.comm-tag-input-wrap[b-ip3sdo2tqg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: var(--tc-comm-radius);
    background: var(--tc-comm-surface2);
    min-height: 2.4rem;
    cursor: text;
}

    .comm-tag-input-wrap:focus-within[b-ip3sdo2tqg] {
        border-color: rgba(17, 85, 204, 0.4);
        box-shadow: 0 0 0 3px rgba(17, 85, 204, 0.07);
    }

.comm-tag[b-ip3sdo2tqg] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.22rem 0.6rem;
    border-radius: 999px;
    background: var(--tc-comm-accent-soft);
    color: var(--tc-comm-accent);
    font-size: 0.76rem;
    font-weight: 600;
}

.comm-tag-x[b-ip3sdo2tqg] {
    cursor: pointer;
    opacity: 0.6;
    font-size: 10px;
    line-height: 1;
}

    .comm-tag-x:hover[b-ip3sdo2tqg] {
        opacity: 1;
    }

.comm-tag-raw-input[b-ip3sdo2tqg] {
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.84rem;
    color: var(--tc-comm-text);
    flex: 1;
    min-width: 120px;
}

/* ─── QUICK CHIPS ─── */
.comm-quick-chips[b-ip3sdo2tqg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.5rem;
}

.comm-chip-opt[b-ip3sdo2tqg] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 999px;
    background: var(--tc-comm-surface);
    color: var(--tc-comm-muted);
    font-size: 0.76rem;
    cursor: pointer;
    transition: all 0.12s;
}

    .comm-chip-opt:hover[b-ip3sdo2tqg] {
        border-color: rgba(17, 85, 204, 0.3);
        color: var(--tc-comm-accent);
        background: var(--tc-comm-accent-soft);
    }

/* ─── CHAR COUNT ─── */
.comm-char-count[b-ip3sdo2tqg] {
    float: right;
    font-size: 0.73rem;
    color: var(--tc-comm-muted);
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

    .comm-char-count.danger[b-ip3sdo2tqg] {
        color: var(--tc-comm-danger);
    }

/* ─── DROPZONE ─── */
.comm-dropzone[b-ip3sdo2tqg] {
    border: 1.5px dashed rgba(15, 23, 42, 0.18);
    border-radius: var(--tc-comm-radius);
    padding: 1rem 1.25rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.15s;
    font-size: 0.82rem;
    color: var(--tc-comm-muted);
}

    .comm-dropzone:hover[b-ip3sdo2tqg] {
        border-color: rgba(17, 85, 204, 0.4);
        background: var(--tc-comm-accent-soft);
        color: var(--tc-comm-accent);
    }

.comm-dropzone-hint[b-ip3sdo2tqg] {
    font-size: 0.73rem;
    color: var(--tc-comm-hint);
    margin-top: 0.25rem;
}

.comm-attach-list[b-ip3sdo2tqg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.5rem;
}

/* ─── TOGGLE ─── */
.comm-toggle-row[b-ip3sdo2tqg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 0.85rem;
    background: var(--tc-comm-surface2);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: var(--tc-comm-radius);
}

.comm-toggle-label[b-ip3sdo2tqg] {
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--tc-comm-text);
}

.comm-toggle-sub[b-ip3sdo2tqg] {
    font-size: 0.74rem;
    color: var(--tc-comm-muted);
    margin-top: 0.1rem;
}

.comm-switch[b-ip3sdo2tqg] {
    position: relative;
    width: 38px;
    height: 22px;
    cursor: pointer;
}

    .comm-switch input[b-ip3sdo2tqg] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.comm-slider[b-ip3sdo2tqg] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.18);
    border-radius: 999px;
    transition: 0.2s;
}

    .comm-slider[b-ip3sdo2tqg]::before {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        left: 3px;
        top: 3px;
        background: #fff;
        border-radius: 50%;
        transition: 0.2s;
        box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    }

.comm-switch input:checked + .comm-slider[b-ip3sdo2tqg] {
    background: var(--tc-comm-accent);
}

    .comm-switch input:checked + .comm-slider[b-ip3sdo2tqg]::before {
        transform: translateX(16px);
    }

/* ─── SCHEDULED FIELDS ─── */
.comm-sched-row[b-ip3sdo2tqg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
    margin-top: 0.6rem;
}

/* ─── SEGMENTS (PUSH) ─── */
.comm-segment-list[b-ip3sdo2tqg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.comm-seg-opt[b-ip3sdo2tqg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: var(--tc-comm-radius);
    cursor: pointer;
    transition: all 0.12s;
}

    .comm-seg-opt:hover[b-ip3sdo2tqg],
    .comm-seg-opt.active[b-ip3sdo2tqg] {
        border-color: rgba(17, 85, 204, 0.3);
        background: var(--tc-comm-accent-soft);
    }

        .comm-seg-opt.active .comm-seg-icon[b-ip3sdo2tqg] {
            background: var(--tc-comm-accent);
            color: #fff;
        }

.comm-seg-icon[b-ip3sdo2tqg] {
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    background: var(--tc-comm-surface2);
    border: 1px solid rgba(15, 23, 42, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 15px;
    color: var(--tc-comm-muted);
    transition: all 0.12s;
}

.comm-seg-label[b-ip3sdo2tqg] {
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--tc-comm-text);
}

.comm-seg-count[b-ip3sdo2tqg] {
    font-size: 0.74rem;
    color: var(--tc-comm-muted);
    margin-top: 0.12rem;
}

/* ─── PUSH PREVIEW ─── */
.comm-push-preview[b-ip3sdo2tqg] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    background: var(--tc-comm-surface2);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: var(--tc-comm-radius);
    padding: 0.9rem 1rem;
}

.push-preview-icon[b-ip3sdo2tqg] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 10px;
    background: var(--tc-comm-accent-soft);
    color: var(--tc-comm-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 16px;
}

.push-preview-title[b-ip3sdo2tqg] {
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--tc-comm-text);
}

.push-preview-body[b-ip3sdo2tqg] {
    font-size: 0.78rem;
    color: var(--tc-comm-muted);
    margin-top: 0.2rem;
    line-height: 1.45;
}

/* ─── SEND ACTIONS ─── */
.comm-send-actions[b-ip3sdo2tqg] {
    display: flex;
    gap: 0.65rem;
    margin-top: 1rem;
}

/* ─── BUTTONS ─── */
.comm-btn-primary[b-ip3sdo2tqg] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1.2rem;
    background: var(--tc-comm-accent);
    color: #fff;
    border: none;
    border-radius: var(--tc-comm-radius);
    font-size: 0.84rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

    .comm-btn-primary:hover[b-ip3sdo2tqg] {
        background: #0f45b5;
    }

.comm-btn-outline[b-ip3sdo2tqg] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1rem;
    background: var(--tc-comm-surface);
    color: var(--tc-comm-text);
    border: 1px solid rgba(15, 23, 42, 0.15);
    border-radius: var(--tc-comm-radius);
    font-size: 0.84rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

    .comm-btn-outline:hover[b-ip3sdo2tqg] {
        border-color: rgba(17, 85, 204, 0.3);
        color: var(--tc-comm-accent);
        background: var(--tc-comm-accent-soft);
    }

.comm-btn-sm[b-ip3sdo2tqg] {
    padding: 0.42rem 0.85rem;
    font-size: 0.79rem;
}

.comm-btn-xs[b-ip3sdo2tqg] {
    padding: 0.28rem 0.6rem;
    font-size: 0.74rem;
}

.comm-btn-icon[b-ip3sdo2tqg] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 10px;
    background: var(--tc-comm-surface);
    color: var(--tc-comm-muted);
    cursor: pointer;
    font-size: 14px;
    transition: all 0.12s;
}

    .comm-btn-icon:hover[b-ip3sdo2tqg] {
        border-color: rgba(17, 85, 204, 0.28);
        color: var(--tc-comm-accent);
        background: var(--tc-comm-accent-soft);
    }

/* ─── ALERTS ─── */
.comm-alert[b-ip3sdo2tqg] {
    padding: 0.65rem 0.9rem;
    border-radius: var(--tc-comm-radius);
    font-size: 0.83rem;
    margin-top: 0.75rem;
    font-weight: 500;
}

.comm-alert-success[b-ip3sdo2tqg] {
    background: var(--tc-comm-success-soft);
    color: #065f46;
    border: 1px solid rgba(15, 159, 110, 0.2);
}

.comm-alert-danger[b-ip3sdo2tqg] {
    background: var(--tc-comm-danger-soft);
    color: #991b1b;
    border: 1px solid rgba(217, 45, 32, 0.2);
}

/* ─── RIGHT COLUMN ─── */
.comm-right-col[b-ip3sdo2tqg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.comm-panel[b-ip3sdo2tqg] {
    background: var(--tc-comm-surface);
    border: 1px solid var(--tc-comm-border);
    border-radius: var(--tc-comm-radius-lg);
    overflow: hidden;
    box-shadow: var(--tc-comm-shadow);
}

.comm-panel-head[b-ip3sdo2tqg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.95rem 1.25rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    background: var(--tc-comm-surface2);
}

.comm-panel-title[b-ip3sdo2tqg] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--tc-comm-text);
}

.comm-panel-sub[b-ip3sdo2tqg] {
    font-size: 0.76rem;
    color: var(--tc-comm-muted);
    margin-top: 0.18rem;
}

/* ─── HISTORY FILTERS ─── */
.comm-hist-filter-tabs[b-ip3sdo2tqg] {
    display: flex;
    gap: 0.3rem;
}

.comm-filter-tab[b-ip3sdo2tqg] {
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--tc-comm-muted);
    font-size: 0.74rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.12s;
}

    .comm-filter-tab:hover[b-ip3sdo2tqg] {
        color: var(--tc-comm-accent);
    }

    .comm-filter-tab.active[b-ip3sdo2tqg] {
        background: var(--tc-comm-accent-soft);
        color: var(--tc-comm-accent);
        border-color: rgba(17, 85, 204, 0.15);
    }

/* ─── HISTORY LIST ─── */
.comm-history-list[b-ip3sdo2tqg] {
    display: flex;
    flex-direction: column;
}

.comm-hist-item[b-ip3sdo2tqg] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
    transition: background 0.1s;
}

    .comm-hist-item:last-child[b-ip3sdo2tqg] {
        border-bottom: none;
    }

    .comm-hist-item:hover[b-ip3sdo2tqg] {
        background: var(--tc-comm-surface2);
    }

.comm-hist-icon[b-ip3sdo2tqg] {
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 14px;
}

    .comm-hist-icon.email[b-ip3sdo2tqg] {
        background: #eaf4ff;
        color: #0284c7;
    }

    .comm-hist-icon.sms[b-ip3sdo2tqg] {
        background: var(--tc-comm-success-soft);
        color: var(--tc-comm-success);
    }

    .comm-hist-icon.push[b-ip3sdo2tqg] {
        background: var(--tc-comm-warning-soft);
        color: var(--tc-comm-warning);
    }

.comm-hist-content[b-ip3sdo2tqg] {
    flex: 1;
    min-width: 0;
}

.comm-hist-title[b-ip3sdo2tqg] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--tc-comm-text);
    margin-bottom: 0.18rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comm-hist-meta[b-ip3sdo2tqg] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    font-size: 0.73rem;
    color: var(--tc-comm-muted);
    margin-bottom: 0.35rem;
}

.comm-hist-badges[b-ip3sdo2tqg] {
    display: flex;
    gap: 0.3rem;
}

/* ─── BADGES ─── */
.comm-badge[b-ip3sdo2tqg] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.69rem;
    font-weight: 700;
}

.badge-sent[b-ip3sdo2tqg] {
    background: var(--tc-comm-success-soft);
    color: #065f46;
}

.badge-sched[b-ip3sdo2tqg] {
    background: var(--tc-comm-warning-soft);
    color: #8a5600;
}

.badge-draft[b-ip3sdo2tqg] {
    background: rgba(15,23,42,0.06);
    color: var(--tc-comm-muted);
    border: 1px solid rgba(15,23,42,0.1);
}

.badge-channel-email[b-ip3sdo2tqg] {
    background: #eaf4ff;
    color: #0284c7;
}

.badge-channel-sms[b-ip3sdo2tqg] {
    background: var(--tc-comm-success-soft);
    color: var(--tc-comm-success);
}

.badge-channel-push[b-ip3sdo2tqg] {
    background: var(--tc-comm-warning-soft);
    color: var(--tc-comm-warning);
}

.comm-hist-actions[b-ip3sdo2tqg] {
    display: flex;
    flex-shrink: 0;
}

/* ─── EMPTY STATE ─── */
.comm-empty-state[b-ip3sdo2tqg] {
    padding: 2rem 1.25rem;
    text-align: center;
    color: var(--tc-comm-muted);
    font-size: 0.84rem;
}

    .comm-empty-state i[b-ip3sdo2tqg] {
        display: block;
        margin-bottom: 0.5rem;
    }

/* ─── SEGMENTS PANEL ─── */
.comm-segments-body[b-ip3sdo2tqg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.9rem 1.25rem;
}

.comm-segment-row[b-ip3sdo2tqg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: var(--tc-comm-radius);
    transition: background 0.1s;
}

    .comm-segment-row:hover[b-ip3sdo2tqg] {
        background: var(--tc-comm-surface2);
    }

.comm-seg-icon-sm[b-ip3sdo2tqg] {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 13px;
}

    .comm-seg-icon-sm.seg-accent[b-ip3sdo2tqg] {
        background: var(--tc-comm-accent-soft);
        color: var(--tc-comm-accent);
    }

    .comm-seg-icon-sm.seg-success[b-ip3sdo2tqg] {
        background: var(--tc-comm-success-soft);
        color: var(--tc-comm-success);
    }

    .comm-seg-icon-sm.seg-warn[b-ip3sdo2tqg] {
        background: var(--tc-comm-warning-soft);
        color: var(--tc-comm-warning);
    }

    .comm-seg-icon-sm.seg-danger[b-ip3sdo2tqg] {
        background: var(--tc-comm-danger-soft);
        color: var(--tc-comm-danger);
    }

.comm-seg-info[b-ip3sdo2tqg] {
    flex: 1;
    min-width: 0;
}

.comm-seg-name[b-ip3sdo2tqg] {
    font-size: 0.83rem;
    font-weight: 600;
    color: var(--tc-comm-text);
}

.comm-seg-count-sm[b-ip3sdo2tqg] {
    font-size: 0.73rem;
    color: var(--tc-comm-muted);
    margin-top: 0.1rem;
}

/* ═══ RESPONSIVE ═══ */

@media (max-width: 1280px) {
    .comm-main-grid[b-ip3sdo2tqg] {
        grid-template-columns: 1fr 360px;
    }
}

@media (max-width: 1100px) {
    .comm-main-grid[b-ip3sdo2tqg] {
        grid-template-columns: 1fr;
    }

    .comm-hero[b-ip3sdo2tqg] {
        flex-direction: column;
    }

    .comm-hero-chips[b-ip3sdo2tqg] {
        grid-template-columns: repeat(4, 1fr);
        width: 100%;
    }

    .comm-stats-row[b-ip3sdo2tqg] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .tc-communication-page .container-fluid[b-ip3sdo2tqg] {
        padding: 1rem;
        border-radius: 20px;
    }

    .comm-stats-row[b-ip3sdo2tqg] {
        grid-template-columns: 1fr;
    }

    .comm-hero-chips[b-ip3sdo2tqg] {
        grid-template-columns: repeat(2, 1fr);
    }

    .comm-sched-row[b-ip3sdo2tqg] {
        grid-template-columns: 1fr;
    }

    .comm-channel-tabs[b-ip3sdo2tqg] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .comm-hero-chips[b-ip3sdo2tqg] {
        grid-template-columns: 1fr 1fr;
    }

    .comm-send-actions[b-ip3sdo2tqg] {
        flex-direction: column;
    }

    .comm-btn-primary[b-ip3sdo2tqg],
    .comm-btn-outline[b-ip3sdo2tqg] {
        justify-content: center;
    }
    .comm-stat-card:hover[b-ip3sdo2tqg],
    .comm-panel:hover[b-ip3sdo2tqg] {
        transform: translateY(-2px);
        box-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);
    }
    .comm-segment-row[b-ip3sdo2tqg] {
        transition: all 0.15s ease;
        cursor: pointer;
    }

        .comm-segment-row:hover[b-ip3sdo2tqg] {
            transform: scale(1.01);
            border-color: rgba(17, 85, 204, 0.25);
        }

        .comm-segment-row.selected[b-ip3sdo2tqg] {
            background: var(--tc-comm-accent-soft);
            border-color: rgba(17, 85, 204, 0.35);
            box-shadow: 0 10px 20px rgba(17, 85, 204, 0.12);
        }
    .comm-btn-primary[b-ip3sdo2tqg] {
        box-shadow: 0 6px 16px rgba(17, 85, 204, 0.25);
        transition: all 0.15s ease;
    }

        .comm-btn-primary:hover[b-ip3sdo2tqg] {
            transform: translateY(-1px);
            box-shadow: 0 10px 24px rgba(17, 85, 204, 0.35);
        }


    .comm-btn-send[b-ip3sdo2tqg] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.42rem 0.85rem;
        font-size: 0.79rem;
        font-weight: 600;
        border-radius: var(--tc-comm-radius);
        border: 1px solid rgba(15, 23, 42, 0.12);
        background: #f8fafc;
        color: var(--tc-comm-text);
        cursor: pointer;
        transition: all 0.15s ease;
    }

        .comm-btn-send:hover[b-ip3sdo2tqg] {
            background: var(--tc-comm-accent-soft);
            border-color: rgba(17, 85, 204, 0.25);
            color: var(--tc-comm-accent);
        }

        .comm-btn-send i[b-ip3sdo2tqg] {
            font-size: 14px;
        }

    .tc-modal-backdrop[b-ip3sdo2tqg] {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.55);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 999999; /* 🔥 CRUCIAL */
    }
}

/* ─── EDITOR TOGGLE (HTML mode) ─── */
.comm-label-row[b-ip3sdo2tqg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.comm-label-row .comm-label[b-ip3sdo2tqg] {
    margin-bottom: 0;
}

.comm-editor-toggle[b-ip3sdo2tqg] {
    display: flex;
    gap: 2px;
    background: var(--tc-comm-bg-input);
    border: 1px solid var(--tc-comm-border);
    border-radius: 6px;
    padding: 2px;
}

.comm-toggle-btn[b-ip3sdo2tqg] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--tc-comm-text-secondary);
    font-size: 0.78rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.comm-toggle-btn.active[b-ip3sdo2tqg] {
    background: var(--tc-comm-accent);
    color: #fff;
}

.comm-toggle-btn:not(.active):hover[b-ip3sdo2tqg] {
    background: var(--tc-comm-accent-soft);
    color: var(--tc-comm-accent);
}

/* ─── TEXTAREA CODE (raw HTML paste) ─── */
.comm-textarea-code[b-ip3sdo2tqg] {
    font-family: "Cascadia Code", "Fira Code", Consolas, monospace;
    font-size: 0.82rem;
    background: #1e1e2e;
    color: #cdd6f4;
    border: 1px solid var(--tc-comm-border);
    border-radius: var(--tc-comm-radius);
    resize: vertical;
}
/* /Pages/Compliance.razor.rz.scp.css */
.compliance-page[b-otpbdmyh17] {
    --compliance-border: rgba(15, 23, 42, 0.08);
    --compliance-surface: #ffffff;
    --compliance-soft-text: #63728f;
    --compliance-accent: #2b66d9;
    --compliance-danger: #b42318;
    --compliance-danger-deep: #7a1010;
    --compliance-warning: #c38816;
    --compliance-success: #0f9f6f;
    --compliance-muted: #70809d;
}

.compliance-hero[b-otpbdmyh17],
.compliance-status-card[b-otpbdmyh17],
.compliance-panel[b-otpbdmyh17],
.compliance-detail-card[b-otpbdmyh17] {
    background: var(--compliance-surface);
    border: 1px solid var(--compliance-border);
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.compliance-hero[b-otpbdmyh17] {
    padding: 28px 32px;
    margin-bottom: 24px;
}

.compliance-kicker[b-otpbdmyh17] {
    margin: 0 0 8px;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--compliance-accent);
}

.compliance-title[b-otpbdmyh17] {
    margin: 0;
    font-size: 1.95rem;
    font-weight: 760;
    color: #12284c;
}

.compliance-subtitle[b-otpbdmyh17] {
    margin: 12px 0 0;
    max-width: 780px;
    line-height: 1.7;
    color: var(--compliance-soft-text);
}

.compliance-tabs[b-otpbdmyh17] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.compliance-tab[b-otpbdmyh17] {
    border: 1px solid var(--compliance-border);
    background: #fff;
    color: #12284c;
    border-radius: 999px;
    padding: 0.72rem 1.05rem;
    font-weight: 700;
}

.compliance-tab.is-active[b-otpbdmyh17] {
    background: #eaf2ff;
    color: var(--compliance-accent);
    border-color: rgba(43, 102, 217, 0.18);
}

.compliance-status-grid[b-otpbdmyh17] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.compliance-status-card[b-otpbdmyh17] {
    padding: 18px 20px;
}

.compliance-status-card span[b-otpbdmyh17],
.compliance-status-card strong[b-otpbdmyh17] {
    display: block;
}

.compliance-status-card span[b-otpbdmyh17] {
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
}

.compliance-status-card strong[b-otpbdmyh17] {
    margin-top: 10px;
    font-size: 1.9rem;
}

.compliance-status-card.is-open span[b-otpbdmyh17],
.compliance-status-card.is-open strong[b-otpbdmyh17] {
    color: var(--compliance-danger);
}

.compliance-status-card.is-review span[b-otpbdmyh17],
.compliance-status-card.is-review strong[b-otpbdmyh17] {
    color: var(--compliance-warning);
}

.compliance-status-card.is-dismissed span[b-otpbdmyh17],
.compliance-status-card.is-dismissed strong[b-otpbdmyh17] {
    color: var(--compliance-success);
}

.compliance-status-card.is-confirmed span[b-otpbdmyh17],
.compliance-status-card.is-confirmed strong[b-otpbdmyh17] {
    color: #202939;
}

.compliance-panel[b-otpbdmyh17] {
    padding: 22px;
}

.compliance-panel-head[b-otpbdmyh17] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}

.compliance-panel-head h2[b-otpbdmyh17],
.compliance-detail-card h3[b-otpbdmyh17] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: #12284c;
}

.compliance-panel-head p[b-otpbdmyh17] {
    margin: 6px 0 0;
    color: var(--compliance-soft-text);
}

.compliance-filters[b-otpbdmyh17] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.compliance-filters .form-select[b-otpbdmyh17] {
    min-width: 180px;
}

.compliance-focused-user[b-otpbdmyh17] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #f7faff;
    color: #34527c;
}

.compliance-table-shell[b-otpbdmyh17] {
    border: 1px solid var(--compliance-border);
    border-radius: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    background: #f8fbff;
    -webkit-overflow-scrolling: touch;
}

.compliance-table[b-otpbdmyh17] {
    margin: 0;
    min-width: 1080px;
    background: #fff;
}

.compliance-table thead th[b-otpbdmyh17] {
    padding: 16px 18px;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b7b98;
    background: #f8fbff;
    border-bottom: 1px solid var(--compliance-border);
}

.compliance-table tbody td[b-otpbdmyh17] {
    padding: 18px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.compliance-table tbody tr:last-child td[b-otpbdmyh17] {
    border-bottom: 0;
}

.compliance-user-cell[b-otpbdmyh17],
.compliance-detail-grid div[b-otpbdmyh17],
.compliance-detail-list > div[b-otpbdmyh17] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.compliance-user-cell strong[b-otpbdmyh17],
.compliance-detail-grid strong[b-otpbdmyh17],
.compliance-detail-list strong[b-otpbdmyh17] {
    color: #12284c;
}

.compliance-tx-id[b-otpbdmyh17],
.compliance-address-mono[b-otpbdmyh17] {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 0.84rem;
    color: #243754;
    word-break: break-all;
}

.compliance-user-cell span[b-otpbdmyh17],
.compliance-detail-grid span[b-otpbdmyh17],
.compliance-detail-list span[b-otpbdmyh17],
.compliance-settings-footer[b-otpbdmyh17] {
    color: var(--compliance-soft-text);
    font-size: 0.9rem;
}

.compliance-type-pill[b-otpbdmyh17],
.compliance-severity-pill[b-otpbdmyh17],
.compliance-status-pill[b-otpbdmyh17],
.compliance-chip[b-otpbdmyh17] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    gap: 6px;
    padding: 0.4rem 0.74rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.compliance-type-pill.is-sanctions[b-otpbdmyh17] { background: rgba(180, 35, 24, 0.10); color: var(--compliance-danger); }
.compliance-type-pill.is-velocity[b-otpbdmyh17] { background: rgba(43, 102, 217, 0.10); color: var(--compliance-accent); }
.compliance-type-pill.is-structuring[b-otpbdmyh17] { background: rgba(195, 136, 22, 0.12); color: var(--compliance-warning); }
.compliance-type-pill.is-blockchain[b-otpbdmyh17] { background: rgba(88, 85, 198, 0.12); color: #5855c6; }

.compliance-severity-pill.is-low[b-otpbdmyh17] { background: rgba(112, 128, 157, 0.12); color: var(--compliance-muted); }
.compliance-severity-pill.is-medium[b-otpbdmyh17] { background: rgba(195, 136, 22, 0.12); color: var(--compliance-warning); }
.compliance-severity-pill.is-high[b-otpbdmyh17] { background: rgba(180, 35, 24, 0.12); color: var(--compliance-danger); }
.compliance-severity-pill.is-critical[b-otpbdmyh17] { background: rgba(122, 16, 16, 0.14); color: var(--compliance-danger-deep); }

.compliance-status-pill.is-open[b-otpbdmyh17] { background: rgba(180, 35, 24, 0.10); color: var(--compliance-danger); }
.compliance-status-pill.is-review[b-otpbdmyh17] { background: rgba(195, 136, 22, 0.12); color: var(--compliance-warning); }
.compliance-status-pill.is-dismissed[b-otpbdmyh17] { background: rgba(15, 159, 111, 0.12); color: var(--compliance-success); }
.compliance-status-pill.is-confirmed[b-otpbdmyh17] { background: rgba(32, 41, 57, 0.10); color: #202939; }

.compliance-row-actions[b-otpbdmyh17] {
    display: inline-flex;
    gap: 10px;
}

.compliance-settings-grid[b-otpbdmyh17] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.compliance-settings-section[b-otpbdmyh17] {
    padding: 18px;
    border: 1px solid var(--compliance-border);
    border-radius: 20px;
    background: #fbfcff;
}

.compliance-settings-section h3[b-otpbdmyh17] {
    margin: 0 0 16px;
    color: #12284c;
}

.compliance-field[b-otpbdmyh17] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.compliance-field > span[b-otpbdmyh17] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--compliance-soft-text);
}

.compliance-field small[b-otpbdmyh17] {
    color: var(--compliance-soft-text);
}

.compliance-input-with-unit[b-otpbdmyh17] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.compliance-input-with-unit span[b-otpbdmyh17] {
    color: var(--compliance-soft-text);
    font-weight: 600;
}

.compliance-settings-footer[b-otpbdmyh17] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 18px;
}

.compliance-loading-state[b-otpbdmyh17],
.compliance-empty-state[b-otpbdmyh17] {
    padding: 40px 24px;
    text-align: center;
    color: var(--compliance-soft-text);
}

.compliance-drawer-backdrop[b-otpbdmyh17] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    z-index: 1040;
}

.compliance-drawer[b-otpbdmyh17] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(720px, 100vw);
    height: 100vh;
    background: #f6f9fe;
    box-shadow: -16px 0 38px rgba(15, 23, 42, 0.16);
    z-index: 1050;
    display: flex;
    flex-direction: column;
}

.compliance-drawer-head[b-otpbdmyh17] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 24px;
    border-bottom: 1px solid var(--compliance-border);
    background: #fff;
}

.compliance-drawer-head h2[b-otpbdmyh17] {
    margin: 0;
    color: #12284c;
}

.compliance-drawer-body[b-otpbdmyh17] {
    padding: 20px;
    overflow: auto;
    display: grid;
    gap: 16px;
}

.compliance-detail-card[b-otpbdmyh17] {
    padding: 18px;
}

.compliance-detail-grid[b-otpbdmyh17] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.compliance-detail-list[b-otpbdmyh17] {
    display: grid;
    gap: 14px;
}

.compliance-chip-wrap[b-otpbdmyh17],
.compliance-compact-list[b-otpbdmyh17] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.compliance-chip[b-otpbdmyh17] {
    background: #edf3ff;
    color: var(--compliance-accent);
}

.compliance-chip.is-program-red[b-otpbdmyh17] { background: rgba(180, 35, 24, 0.10); color: var(--compliance-danger); }
.compliance-chip.is-program-blue[b-otpbdmyh17] { background: rgba(43, 102, 217, 0.12); color: var(--compliance-accent); }
.compliance-chip.is-program-violet[b-otpbdmyh17] { background: rgba(88, 85, 198, 0.12); color: #5855c6; }
.compliance-chip.is-program-gray[b-otpbdmyh17] { background: rgba(112, 128, 157, 0.12); color: var(--compliance-muted); }

.compliance-detail-text[b-otpbdmyh17] {
    display: grid;
    gap: 8px;
}

.compliance-detail-text > div[b-otpbdmyh17] {
    max-height: 220px;
    overflow: auto;
    padding: 12px 14px;
    border-radius: 16px;
    background: #fbfcff;
    border: 1px solid var(--compliance-border);
    color: #31415c;
    line-height: 1.6;
}

.compliance-textarea[b-otpbdmyh17] {
    min-height: 120px;
    resize: vertical;
}

.compliance-review-info[b-otpbdmyh17] {
    margin-bottom: 16px;
    padding: 14px 16px;
    border-radius: 16px;
    background: #f8fbff;
    border: 1px solid var(--compliance-border);
    color: #31415c;
    line-height: 1.65;
}

.compliance-review-info p[b-otpbdmyh17] {
    margin: 0;
}

.compliance-refund-field[b-otpbdmyh17] {
    padding: 12px 14px;
    border: 1px dashed var(--compliance-border);
    border-radius: 16px;
    background: #fbfcff;
}

.compliance-review-actions[b-otpbdmyh17] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.compliance-modal-backdrop[b-otpbdmyh17] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    z-index: 1060;
}

.compliance-modal-wrap[b-otpbdmyh17] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    z-index: 1070;
}

.compliance-modal-card[b-otpbdmyh17] {
    width: min(720px, 100%);
    background: #fff;
    border: 1px solid var(--compliance-border);
    border-radius: 24px;
    box-shadow: 0 24px 56px rgba(15, 23, 42, 0.18);
    overflow: hidden;
}

.compliance-modal-head[b-otpbdmyh17],
.compliance-modal-actions[b-otpbdmyh17] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 22px;
}

.compliance-modal-head[b-otpbdmyh17] {
    border-bottom: 1px solid var(--compliance-border);
}

.compliance-modal-head h3[b-otpbdmyh17] {
    margin: 0;
    color: #12284c;
    font-size: 1.1rem;
    font-weight: 700;
}

.compliance-modal-head p[b-otpbdmyh17] {
    margin: 6px 0 0;
    color: var(--compliance-soft-text);
}

.compliance-modal-close[b-otpbdmyh17] {
    border: 0;
    background: transparent;
    color: #6b7b98;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

.compliance-modal-body[b-otpbdmyh17] {
    padding: 22px;
}

.compliance-modal-grid[b-otpbdmyh17] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.compliance-modal-field[b-otpbdmyh17] {
    margin: 0;
}

.compliance-modal-field-full[b-otpbdmyh17] {
    grid-column: 1 / -1;
}

.compliance-modal-actions[b-otpbdmyh17] {
    border-top: 1px solid var(--compliance-border);
    justify-content: flex-end;
}

@media (max-width: 1100px) {
    .compliance-status-grid[b-otpbdmyh17],
    .compliance-settings-grid[b-otpbdmyh17] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .compliance-hero[b-otpbdmyh17],
    .compliance-panel[b-otpbdmyh17] {
        padding: 18px;
    }

    .compliance-title[b-otpbdmyh17] {
        font-size: 1.55rem;
    }

    .compliance-status-grid[b-otpbdmyh17],
    .compliance-settings-grid[b-otpbdmyh17],
    .compliance-detail-grid[b-otpbdmyh17] {
        grid-template-columns: 1fr;
    }

    .compliance-panel-head[b-otpbdmyh17],
    .compliance-settings-footer[b-otpbdmyh17],
    .compliance-modal-head[b-otpbdmyh17],
    .compliance-modal-actions[b-otpbdmyh17] {
        flex-direction: column;
        align-items: stretch;
    }

    .compliance-filters[b-otpbdmyh17] {
        flex-direction: column;
    }

    .compliance-filters .form-select[b-otpbdmyh17] {
        min-width: 0;
    }

    .compliance-drawer[b-otpbdmyh17] {
        width: 100vw;
    }

    .compliance-modal-wrap[b-otpbdmyh17] {
        padding: 14px;
    }

    .compliance-modal-grid[b-otpbdmyh17] {
        grid-template-columns: 1fr;
    }

    .compliance-modal-field-full[b-otpbdmyh17] {
        grid-column: auto;
    }
}
/* /Pages/CompteService.razor.rz.scp.css */
/* ================================================================
   SERVICE ACCOUNTS — même pattern que admin-country-page
   À coller dans ton CSS principal aux côtés de .admin-country-page
   ================================================================ */

.admin-service-accounts-page[b-0mayskkaol] {
    --tc-sa-bg: linear-gradient(180deg, #f6f8fb 0%, #eef3f8 100%);
    --tc-sa-border: rgba(15, 23, 42, 0.08);
    --tc-sa-shadow: 0 16px 36px rgba(15, 23, 42, 0.07);
    --tc-sa-text: #162033;
    --tc-sa-muted: #667085;
    --tc-sa-accent: #1155cc;
}

    .admin-service-accounts-page .container-fluid[b-0mayskkaol] {
        background: var(--tc-sa-bg);
        border-radius: 28px;
        padding: 1.5rem;
    }

/* ── HERO ──────────────────────────────────────────────────────── */
.sa-hero[b-0mayskkaol] {
    margin-bottom: 1rem;
    padding: 1.35rem 1.5rem;
    background: radial-gradient(circle at top right, rgba(17, 85, 204, 0.12), transparent 40%), linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96));
    border: 1px solid var(--tc-sa-border);
    border-radius: 24px;
    box-shadow: var(--tc-sa-shadow);
}

.sa-kicker[b-0mayskkaol] {
    margin: 0 0 0.3rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--tc-sa-accent);
}

.sa-title[b-0mayskkaol] {
    margin: 0;
    font-size: clamp(1.55rem, 1.8vw, 2rem);
    font-weight: 800;
    color: var(--tc-sa-text);
}

.sa-subtitle[b-0mayskkaol] {
    max-width: 56rem;
    margin: 0.6rem 0 0;
    color: var(--tc-sa-muted);
    line-height: 1.6;
}

/* ── SUMMARY CARDS ─────────────────────────────────────────────── */
.sa-summary-card[b-0mayskkaol] {
    border: 1px solid var(--tc-sa-border);
    border-radius: 22px;
    box-shadow: var(--tc-sa-shadow);
}

    .sa-summary-card .card-body[b-0mayskkaol] {
        padding: 1.1rem 1.2rem;
    }

.sa-summary-label[b-0mayskkaol] {
    display: block;
    margin-bottom: 0.55rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--tc-sa-muted);
}

.sa-summary-value[b-0mayskkaol] {
    font-size: 1.7rem;
    line-height: 1.1;
    font-weight: 800;
    color: var(--tc-sa-text);
}

.sa-summary-note[b-0mayskkaol] {
    margin: 0.45rem 0 0;
    font-size: 0.79rem;
    line-height: 1.55;
    color: var(--tc-sa-muted);
}

/* ── PANEL ─────────────────────────────────────────────────────── */
.sa-panel-card[b-0mayskkaol] {
    border: 1px solid var(--tc-sa-border);
    border-radius: 22px;
    box-shadow: var(--tc-sa-shadow);
}

.sa-panel-header[b-0mayskkaol] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.92));
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
}

.sa-panel-title[b-0mayskkaol] {
    margin: 0;
    font-size: 1rem;
    font-weight: 760;
    color: var(--tc-sa-text);
}

.sa-panel-subtitle[b-0mayskkaol] {
    margin: 0.25rem 0 0;
    font-size: 0.8rem;
    color: var(--tc-sa-muted);
}

/* ── FILTERS ───────────────────────────────────────────────────── */
.sa-filters[b-0mayskkaol] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: min(100%, 42rem);
}

.sa-search[b-0mayskkaol],
.sa-select[b-0mayskkaol] {
    min-height: 2.9rem;
    border-radius: 14px;
}

.sa-search[b-0mayskkaol] {
    flex: 1 1 auto;
}

.sa-select[b-0mayskkaol] {
    width: 12rem;
}

/* ── STATES ────────────────────────────────────────────────────── */
.sa-loading[b-0mayskkaol] {
    padding: 2rem 0;
}

.sa-empty-state[b-0mayskkaol] {
    padding: 3rem 1rem;
    text-align: center;
}

    .sa-empty-state h3[b-0mayskkaol] {
        margin-bottom: 0.4rem;
        color: var(--tc-sa-text);
        font-size: 1.05rem;
    }

    .sa-empty-state p[b-0mayskkaol] {
        margin: 0;
        color: var(--tc-sa-muted);
    }

/* ── LIST ──────────────────────────────────────────────────────── */
.sa-list[b-0mayskkaol] {
    display: flex;
    flex-direction: column;
}

.sa-row[b-0mayskkaol] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 12rem;
    gap: 1rem;
    padding: 1.1rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

    .sa-row:last-child[b-0mayskkaol] {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .sa-row.is-inactive[b-0mayskkaol] {
        opacity: 0.78;
    }

.sa-main[b-0mayskkaol] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ── IDENTITY ──────────────────────────────────────────────────── */
.sa-identity[b-0mayskkaol] {
    display: flex;
    align-items: flex-start;
    gap: 0.95rem;
}

.sa-avatar[b-0mayskkaol] {
    width: 3.2rem;
    height: 3.2rem;
    flex: 0 0 3.2rem;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 800;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.sa-avatar-active[b-0mayskkaol] {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    color: #1d4ed8;
}

.sa-avatar-inactive[b-0mayskkaol] {
    background: rgba(15, 23, 42, 0.05);
    color: var(--tc-sa-muted);
}

.sa-name-row[b-0mayskkaol] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.35rem;
}

    .sa-name-row h3[b-0mayskkaol] {
        margin: 0;
        font-size: 1.02rem;
        font-weight: 760;
        color: var(--tc-sa-text);
    }

.sa-code[b-0mayskkaol],
.sa-status[b-0mayskkaol],
.sa-pill[b-0mayskkaol] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.7rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.sa-code[b-0mayskkaol] {
    background: rgba(17, 85, 204, 0.08);
    color: var(--tc-sa-accent);
    font-family: monospace;
}

.sa-pill[b-0mayskkaol] {
    background: rgba(15, 23, 42, 0.06);
    color: var(--tc-sa-text);
}

.sa-pill-crypto[b-0mayskkaol] {
    background: rgba(234, 179, 8, 0.14);
    color: #92400e;
}

.sa-status.status-active[b-0mayskkaol] {
    background: rgba(18, 183, 106, 0.12);
    color: #067647;
}

.sa-status.status-inactive[b-0mayskkaol] {
    background: rgba(245, 158, 11, 0.14);
    color: #b54708;
}

.sa-meta-row[b-0mayskkaol] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    color: var(--tc-sa-muted);
    font-size: 0.84rem;
}

.sa-dot[b-0mayskkaol] {
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 999px;
    background: rgba(102, 112, 133, 0.5);
}

/* ── METRICS GRID ──────────────────────────────────────────────── */
.sa-metrics-grid[b-0mayskkaol] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.sa-metric[b-0mayskkaol] {
    padding: 0.9rem 1rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.sa-metric-label[b-0mayskkaol] {
    display: block;
    margin-bottom: 0.4rem;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--tc-sa-muted);
}

.sa-metric strong[b-0mayskkaol] {
    font-size: 0.95rem;
    font-weight: 760;
    color: var(--tc-sa-text);
}

.sa-metric-key[b-0mayskkaol] {
    grid-column: span 3;
}

.sa-available[b-0mayskkaol] {
    color: #067647;
}

.sa-reserved[b-0mayskkaol] {
    color: #b54708;
}

/* ── ADDRESS LINE ──────────────────────────────────────────────── */
.sa-address-line[b-0mayskkaol] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

    .sa-address-line code[b-0mayskkaol] {
        font-size: 0.82rem;
        color: var(--tc-sa-text);
        background: rgba(15, 23, 42, 0.04);
        border-radius: 8px;
        padding: 2px 8px;
    }

.sa-copy-btn[b-0mayskkaol] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--tc-sa-accent);
    background: rgba(17, 85, 204, 0.07);
    border: none;
    border-radius: 8px;
    padding: 3px 10px;
    cursor: pointer;
    transition: background 0.15s ease;
}

    .sa-copy-btn:hover[b-0mayskkaol] {
        background: rgba(17, 85, 204, 0.14);
    }

/* ── CREATOR ROW ───────────────────────────────────────────────── */
.sa-creator-row[b-0mayskkaol] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    color: var(--tc-sa-muted);
}

/* ── ACTIONS ───────────────────────────────────────────────────── */
.sa-actions[b-0mayskkaol] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.sa-switch-block[b-0mayskkaol] {
    padding: 0.9rem 1rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(15, 23, 42, 0.05);
    cursor: pointer;
}

.sa-switch-label[b-0mayskkaol] {
    display: block;
    margin-bottom: 0.4rem;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--tc-sa-muted);
}

/* ── RESPONSIVE ────────────────────────────────────────────────── */
@media (max-width: 992px) {
    .sa-row[b-0mayskkaol] {
        grid-template-columns: 1fr;
    }

    .sa-metrics-grid[b-0mayskkaol] {
        grid-template-columns: repeat(2, 1fr);
    }

    .sa-metric-key[b-0mayskkaol] {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .admin-service-accounts-page .container-fluid[b-0mayskkaol] {
        padding: 1rem;
        border-radius: 20px;
    }

    .sa-panel-header[b-0mayskkaol],
    .sa-filters[b-0mayskkaol] {
        flex-direction: column;
        align-items: stretch;
    }

    .sa-select[b-0mayskkaol] {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .sa-metrics-grid[b-0mayskkaol] {
        grid-template-columns: 1fr;
    }

    .sa-metric-key[b-0mayskkaol] {
        grid-column: 1;
    }
}

.sa-modal-backdrop[b-0mayskkaol] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    z-index: 1040;
}

.sa-modal-wrap[b-0mayskkaol] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.sa-modal-card[b-0mayskkaol] {
    width: min(720px, 100%);
    max-height: min(90vh, 900px);
    overflow: auto;
    background: #fff;
    border: 1px solid var(--tc-sa-border);
    border-radius: 24px;
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.18);
}

.sa-modal-head[b-0mayskkaol],
.sa-modal-actions[b-0mayskkaol] {
    padding: 1.1rem 1.25rem;
}

.sa-modal-head[b-0mayskkaol] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.sa-modal-head h3[b-0mayskkaol] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 760;
    color: var(--tc-sa-text);
}

.sa-modal-head p[b-0mayskkaol] {
    margin: 0.35rem 0 0;
    color: var(--tc-sa-muted);
}

.sa-modal-close[b-0mayskkaol] {
    border: none;
    background: rgba(15, 23, 42, 0.05);
    color: var(--tc-sa-text);
    border-radius: 999px;
    width: 2rem;
    height: 2rem;
    font-size: 1.2rem;
    line-height: 1;
}

.sa-modal-body[b-0mayskkaol] {
    padding: 1.1rem 1.25rem;
}

.sa-form-grid[b-0mayskkaol] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.sa-form-field[b-0mayskkaol] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.sa-form-field span[b-0mayskkaol] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--tc-sa-muted);
}

.sa-form-field-full[b-0mayskkaol] {
    grid-column: 1 / -1;
}

.sa-modal-actions[b-0mayskkaol] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

@media (max-width: 768px) {
    .sa-form-grid[b-0mayskkaol] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Crypto.razor.rz.scp.css */
.admin-crypto-page[b-cglbbd2eek] {
    --tc-crypto-bg: linear-gradient(180deg, #f6f8fb 0%, #eef3f8 100%);
    --tc-crypto-border: rgba(15, 23, 42, 0.08);
    --tc-crypto-shadow: 0 16px 36px rgba(15, 23, 42, 0.07);
    --tc-crypto-text: #162033;
    --tc-crypto-muted: #667085;
    --tc-crypto-accent: #1155cc;
}

.admin-crypto-page .container-fluid[b-cglbbd2eek] {
    background: var(--tc-crypto-bg);
    border-radius: 28px;
    padding: 1.5rem;
}

.crypto-hero[b-cglbbd2eek] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1.35rem 1.5rem;
    background:
        radial-gradient(circle at top right, rgba(17, 85, 204, 0.12), transparent 40%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96));
    border: 1px solid var(--tc-crypto-border);
    border-radius: 24px;
    box-shadow: var(--tc-crypto-shadow);
}

.crypto-kicker[b-cglbbd2eek] {
    margin: 0 0 0.3rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--tc-crypto-accent);
}

.crypto-title[b-cglbbd2eek] {
    margin: 0;
    font-size: clamp(1.55rem, 1.8vw, 2rem);
    font-weight: 800;
    color: var(--tc-crypto-text);
}

.crypto-subtitle[b-cglbbd2eek] {
    max-width: 56rem;
    margin: 0.55rem 0 0;
    line-height: 1.65;
    color: var(--tc-crypto-muted);
}

.crypto-add-button[b-cglbbd2eek] {
    min-width: 11rem;
    border-radius: 14px;
    padding-inline: 1rem;
}

.crypto-summary-card[b-cglbbd2eek],
.crypto-panel-card[b-cglbbd2eek] {
    border: 1px solid var(--tc-crypto-border);
    border-radius: 22px;
    box-shadow: var(--tc-crypto-shadow);
}

.crypto-summary-card .card-body[b-cglbbd2eek] {
    padding: 1.1rem 1.15rem;
}

.crypto-summary-label[b-cglbbd2eek] {
    display: block;
    margin-bottom: 0.55rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--tc-crypto-muted);
}

.crypto-summary-value[b-cglbbd2eek] {
    font-size: 1.7rem;
    line-height: 1.1;
    font-weight: 800;
    color: var(--tc-crypto-text);
}

.crypto-summary-note[b-cglbbd2eek] {
    margin: 0.45rem 0 0;
    font-size: 0.79rem;
    line-height: 1.55;
    color: var(--tc-crypto-muted);
}

.crypto-panel-header[b-cglbbd2eek] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.92));
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
}

.crypto-panel-title[b-cglbbd2eek] {
    margin: 0;
    font-size: 1rem;
    font-weight: 760;
    color: var(--tc-crypto-text);
}

.crypto-panel-subtitle[b-cglbbd2eek] {
    margin: 0.25rem 0 0;
    font-size: 0.8rem;
    color: var(--tc-crypto-muted);
}

.crypto-filters[b-cglbbd2eek] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: min(100%, 32rem);
}

.crypto-search[b-cglbbd2eek],
.crypto-select[b-cglbbd2eek] {
    min-height: 2.9rem;
    border-radius: 14px;
}

.crypto-search[b-cglbbd2eek] {
    flex: 1 1 auto;
}

.crypto-select[b-cglbbd2eek] {
    width: 12rem;
}

.crypto-loading[b-cglbbd2eek] {
    padding: 2rem 0;
}

.crypto-empty-state[b-cglbbd2eek] {
    padding: 3rem 1rem;
    text-align: center;
}

.crypto-empty-state h3[b-cglbbd2eek] {
    margin-bottom: 0.4rem;
    color: var(--tc-crypto-text);
    font-size: 1.05rem;
}

.crypto-empty-state p[b-cglbbd2eek] {
    margin: 0;
    color: var(--tc-crypto-muted);
}

.crypto-list[b-cglbbd2eek] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.crypto-row[b-cglbbd2eek] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 12.5rem;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.crypto-row:last-child[b-cglbbd2eek] {
    border-bottom: 0;
    padding-bottom: 0;
}

.crypto-row.is-inactive[b-cglbbd2eek] {
    opacity: 0.88;
}

.crypto-main[b-cglbbd2eek] {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
}

.crypto-identity[b-cglbbd2eek] {
    display: flex;
    align-items: center;
    gap: 0.95rem;
}

.crypto-logo[b-cglbbd2eek] {
    width: 3.25rem;
    height: 3.25rem;
    object-fit: cover;
    border-radius: 16px;
    padding: 0.35rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(243, 246, 252, 0.92));
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.crypto-name-row[b-cglbbd2eek] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

.crypto-name-row h3[b-cglbbd2eek] {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 760;
    color: var(--tc-crypto-text);
}

.crypto-symbol[b-cglbbd2eek],
.crypto-network-pill[b-cglbbd2eek],
.crypto-status[b-cglbbd2eek] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.7rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.crypto-symbol[b-cglbbd2eek] {
    background: rgba(17, 85, 204, 0.08);
    color: var(--tc-crypto-accent);
}

.crypto-network-line[b-cglbbd2eek] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.35rem;
    color: var(--tc-crypto-muted);
    font-size: 0.84rem;
}

.crypto-network-pill[b-cglbbd2eek] {
    background: rgba(15, 23, 42, 0.06);
    color: var(--tc-crypto-text);
}

.crypto-network-muted[b-cglbbd2eek] {
    color: var(--tc-crypto-muted);
}

.crypto-status.status-active[b-cglbbd2eek] {
    background: rgba(18, 183, 106, 0.12);
    color: #067647;
}

.crypto-status.status-inactive[b-cglbbd2eek] {
    background: rgba(245, 158, 11, 0.14);
    color: #b54708;
}

.crypto-metrics-grid[b-cglbbd2eek] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
}

.crypto-metric[b-cglbbd2eek],
.crypto-wallet-block[b-cglbbd2eek] {
    padding: 0.9rem 1rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.crypto-metric-label[b-cglbbd2eek] {
    display: block;
    margin-bottom: 0.4rem;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--tc-crypto-muted);
}

.crypto-metric strong[b-cglbbd2eek] {
    color: var(--tc-crypto-text);
    font-size: 0.98rem;
    font-weight: 760;
}

.crypto-wallet-block[b-cglbbd2eek] {
    display: flex;
    flex-direction: column;
}

.crypto-address-line[b-cglbbd2eek] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.crypto-address-line code[b-cglbbd2eek] {
    display: inline-block;
    padding: 0.15rem 0;
    font-size: 0.86rem;
    color: #1d4ed8;
    word-break: break-all;
}

.crypto-copy-button[b-cglbbd2eek],
.crypto-action-button[b-cglbbd2eek] {
    border-radius: 12px;
}

.crypto-actions[b-cglbbd2eek] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 0.85rem;
}

.crypto-switch-block[b-cglbbd2eek] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.95rem 1rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.crypto-switch-label[b-cglbbd2eek] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--tc-crypto-muted);
}

.crypto-modal-backdrop[b-cglbbd2eek] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(6px);
}

.crypto-modal-card[b-cglbbd2eek] {
    width: min(100%, 42rem);
    background: #fff;
    border-radius: 24px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.22);
    overflow: hidden;
}

.crypto-modal-header[b-cglbbd2eek],
.crypto-modal-footer[b-cglbbd2eek] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem 1.3rem;
}

.crypto-modal-header[b-cglbbd2eek] {
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.crypto-modal-header h2[b-cglbbd2eek] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 760;
    color: var(--tc-crypto-text);
}

.crypto-modal-body[b-cglbbd2eek] {
    padding: 1.15rem 1.3rem 1.3rem;
}

.crypto-modal-footer[b-cglbbd2eek] {
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    justify-content: flex-end;
}

@media (max-width: 1200px) {
    .crypto-metrics-grid[b-cglbbd2eek] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .crypto-row[b-cglbbd2eek] {
        grid-template-columns: 1fr;
    }

    .crypto-actions[b-cglbbd2eek] {
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width: 768px) {
    .admin-crypto-page .container-fluid[b-cglbbd2eek] {
        padding: 1rem;
        border-radius: 20px;
    }

    .crypto-hero[b-cglbbd2eek],
    .crypto-panel-header[b-cglbbd2eek],
    .crypto-filters[b-cglbbd2eek],
    .crypto-address-line[b-cglbbd2eek],
    .crypto-actions[b-cglbbd2eek] {
        flex-direction: column;
        align-items: stretch;
    }

    .crypto-select[b-cglbbd2eek] {
        width: 100%;
    }

    .crypto-metrics-grid[b-cglbbd2eek] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .crypto-metrics-grid[b-cglbbd2eek] {
        grid-template-columns: 1fr;
    }

    .crypto-name-row[b-cglbbd2eek] {
        align-items: flex-start;
    }
}
/* /Pages/DetailsTransaction.razor.rz.scp.css */
.tc-detail-transaction-page[b-70t2j5lyrn] {
    --detail-bg-soft: #f5f8ff;
    --detail-border: #e5ebf5;
    --detail-text-soft: #667085;
    --detail-title: #0f172a;
    --detail-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.detail-loading[b-70t2j5lyrn] {
    min-height: 50vh;
    display: grid;
    place-items: center;
}

.detail-hero[b-70t2j5lyrn] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 30px;
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(49, 130, 206, 0.14), transparent 35%),
        linear-gradient(135deg, #ffffff 0%, #f7fbff 100%);
    border: 1px solid var(--detail-border);
    box-shadow: var(--detail-shadow);
}

.detail-breadcrumb[b-70t2j5lyrn] {
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--detail-text-soft);
    font-size: 13px;
    margin-bottom: 10px;
}

.detail-breadcrumb a[b-70t2j5lyrn] {
    color: var(--detail-text-soft);
    text-decoration: none;
}

.detail-kicker[b-70t2j5lyrn] {
    margin: 0 0 8px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 12px;
    font-weight: 700;
    color: #2563eb;
}

.detail-title[b-70t2j5lyrn] {
    margin: 0;
    font-size: 34px;
    font-weight: 800;
    color: var(--detail-title);
}

.detail-subtitle[b-70t2j5lyrn] {
    margin: 10px 0 0;
    max-width: 760px;
    color: var(--detail-text-soft);
    line-height: 1.7;
}

.detail-hero-actions[b-70t2j5lyrn] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    min-width: 220px;
}

.detail-back-btn[b-70t2j5lyrn],
.detail-close-btn[b-70t2j5lyrn],
.detail-link-btn[b-70t2j5lyrn],
.detail-modal-cancel[b-70t2j5lyrn],
.detail-modal-confirm[b-70t2j5lyrn] {
    border: none;
    border-radius: 14px;
    padding: 12px 18px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s ease, opacity 0.15s ease, box-shadow 0.15s ease;
    text-decoration: none;
}

.detail-back-btn:hover[b-70t2j5lyrn],
.detail-close-btn:hover[b-70t2j5lyrn],
.detail-link-btn:hover[b-70t2j5lyrn],
.detail-modal-cancel:hover[b-70t2j5lyrn],
.detail-modal-confirm:hover[b-70t2j5lyrn] {
    transform: translateY(-1px);
}

.detail-back-btn[b-70t2j5lyrn] {
    background: #eef4ff;
    color: #1d4ed8;
}

.detail-close-btn[b-70t2j5lyrn] {
    background: #b42318;
    color: #fff;
    box-shadow: 0 12px 24px rgba(180, 35, 24, 0.2);
}

.detail-overview-grid[b-70t2j5lyrn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 22px;
}

.detail-overview-card[b-70t2j5lyrn],
.detail-panel[b-70t2j5lyrn],
.detail-card[b-70t2j5lyrn] {
    background: #fff;
    border: 1px solid var(--detail-border);
    border-radius: 24px;
    box-shadow: var(--detail-shadow);
}

.detail-overview-card[b-70t2j5lyrn] {
    padding: 22px;
}

.detail-overview-label[b-70t2j5lyrn] {
    display: block;
    color: var(--detail-text-soft);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
}

.detail-overview-value[b-70t2j5lyrn] {
    display: block;
    font-size: 28px;
    font-weight: 800;
    color: var(--detail-title);
}

.detail-overview-hint[b-70t2j5lyrn] {
    display: block;
    margin-top: 6px;
    color: var(--detail-text-soft);
    line-height: 1.5;
}

.detail-status-row[b-70t2j5lyrn] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.detail-main-grid[b-70t2j5lyrn] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(310px, 0.8fr);
    gap: 22px;
    margin-top: 22px;
}

.detail-panel[b-70t2j5lyrn] {
    padding: 26px;
}

.detail-panel-header[b-70t2j5lyrn] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.detail-panel-header h3[b-70t2j5lyrn],
.detail-card h4[b-70t2j5lyrn] {
    margin: 0;
    color: var(--detail-title);
    font-weight: 800;
}

.detail-panel-header p[b-70t2j5lyrn] {
    margin: 8px 0 0;
    color: var(--detail-text-soft);
    line-height: 1.6;
}

.detail-flow-card[b-70t2j5lyrn] {
    padding: 20px;
    background: var(--detail-bg-soft);
    border: 1px solid var(--detail-border);
    border-radius: 22px;
}

.detail-flow-asset[b-70t2j5lyrn] {
    display: flex;
    gap: 18px;
    align-items: center;
    margin-bottom: 18px;
}

.detail-asset-logo[b-70t2j5lyrn] {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    object-fit: cover;
    background: #fff;
    padding: 6px;
    border: 1px solid var(--detail-border);
}

.detail-flow-pair[b-70t2j5lyrn] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 800;
    color: var(--detail-title);
}

.detail-network-pill[b-70t2j5lyrn] {
    padding: 6px 10px;
    border-radius: 999px;
    background: #e8f0ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
}

.detail-flow-amounts[b-70t2j5lyrn] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 8px;
    color: var(--detail-title);
    font-weight: 700;
}

.detail-arrow[b-70t2j5lyrn] {
    color: var(--detail-text-soft);
}

.detail-flow-meta[b-70t2j5lyrn],
.detail-section-grid[b-70t2j5lyrn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.detail-card[b-70t2j5lyrn] {
    padding: 20px;
}

.detail-key-value[b-70t2j5lyrn],
.detail-data-line[b-70t2j5lyrn],
.detail-metric-line[b-70t2j5lyrn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.detail-key-value + .detail-key-value[b-70t2j5lyrn],
.detail-data-line + .detail-data-line[b-70t2j5lyrn],
.detail-metric-line + .detail-metric-line[b-70t2j5lyrn] {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--detail-border);
}

.detail-key[b-70t2j5lyrn],
.detail-data-line span[b-70t2j5lyrn],
.detail-metric-line span[b-70t2j5lyrn] {
    color: var(--detail-text-soft);
    font-size: 13px;
}

.detail-copyable[b-70t2j5lyrn] {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.detail-copy-btn[b-70t2j5lyrn] {
    border: 1px solid var(--detail-border);
    background: #fff;
    color: #2563eb;
    border-radius: 10px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.detail-mono[b-70t2j5lyrn] {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    word-break: break-all;
}

.detail-link-row[b-70t2j5lyrn] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.detail-link-btn[b-70t2j5lyrn] {
    background: #ebf5ff;
    color: #0b5ed7;
}

.detail-link-btn.secondary[b-70t2j5lyrn] {
    background: #f5f7fa;
    color: #344054;
}

.detail-sidebar[b-70t2j5lyrn] {
    display: grid;
    gap: 22px;
}

.detail-signal-list[b-70t2j5lyrn],
.detail-metric-list[b-70t2j5lyrn] {
    display: grid;
    gap: 14px;
}

.detail-message-box[b-70t2j5lyrn] {
    padding: 16px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid var(--detail-border);
}

.detail-message-box.warning[b-70t2j5lyrn] {
    background: #fff7ed;
    border-color: #fdba74;
}

.detail-message-box.info[b-70t2j5lyrn] {
    background: #eff6ff;
    border-color: #93c5fd;
}

.detail-message-title[b-70t2j5lyrn] {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--detail-text-soft);
    margin-bottom: 8px;
    font-weight: 700;
}

.detail-message-box p[b-70t2j5lyrn] {
    margin: 0;
    color: var(--detail-title);
    line-height: 1.6;
}

.detail-badge[b-70t2j5lyrn] {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.detail-badge.is-operator[b-70t2j5lyrn] {
    background: #e0f2fe;
    color: #0369a1;
}

.detail-badge.is-blockchain[b-70t2j5lyrn] {
    background: #ede9fe;
    color: #6d28d9;
}

.detail-badge.is-danger[b-70t2j5lyrn] {
    background: #fee2e2;
    color: #b42318;
}

.detail-badge.is-success[b-70t2j5lyrn] {
    background: #dcfce7;
    color: #15803d;
}

.detail-badge.is-pending[b-70t2j5lyrn] {
    background: #fff7ed;
    color: #c2410c;
}

.detail-badge.is-buy[b-70t2j5lyrn] {
    background: #dcfce7;
    color: #15803d;
}

.detail-badge.is-sell[b-70t2j5lyrn] {
    background: #fee2e2;
    color: #b42318;
}

.detail-badge.is-neutral[b-70t2j5lyrn] {
    background: #f2f4f7;
    color: #475467;
}

.detail-modal-backdrop[b-70t2j5lyrn] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    z-index: 1040;
}

.detail-modal[b-70t2j5lyrn] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(560px, calc(100vw - 32px));
    background: #fff;
    border-radius: 24px;
    border: 1px solid var(--detail-border);
    box-shadow: 0 30px 90px rgba(15, 23, 42, 0.22);
    z-index: 1050;
}

.detail-modal-header[b-70t2j5lyrn],
.detail-modal-footer[b-70t2j5lyrn] {
    padding: 22px 24px;
}

.detail-modal-header[b-70t2j5lyrn] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid var(--detail-border);
}

.detail-modal-header h3[b-70t2j5lyrn] {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
}

.detail-modal-header p[b-70t2j5lyrn] {
    margin: 8px 0 0;
    color: var(--detail-text-soft);
}

.detail-modal-close[b-70t2j5lyrn] {
    border: none;
    background: transparent;
    font-size: 28px;
    line-height: 1;
    color: #98a2b3;
    cursor: pointer;
}

.detail-modal-body[b-70t2j5lyrn] {
    padding: 24px;
}

.detail-modal-label[b-70t2j5lyrn] {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    color: var(--detail-title);
}

.detail-modal-textarea[b-70t2j5lyrn] {
    width: 100%;
    border: 1px solid var(--detail-border);
    border-radius: 16px;
    padding: 14px 16px;
    resize: vertical;
    min-height: 140px;
    font: inherit;
    color: var(--detail-title);
}

.detail-modal-error[b-70t2j5lyrn] {
    margin-top: 10px;
    color: #b42318;
    font-size: 13px;
}

.detail-modal-footer[b-70t2j5lyrn] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    border-top: 1px solid var(--detail-border);
}

.detail-modal-cancel[b-70t2j5lyrn] {
    background: #f2f4f7;
    color: #344054;
}

.detail-modal-confirm[b-70t2j5lyrn] {
    background: #b42318;
    color: #fff;
}

@media (max-width: 1200px) {
    .detail-overview-grid[b-70t2j5lyrn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .detail-main-grid[b-70t2j5lyrn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .detail-hero[b-70t2j5lyrn],
    .detail-section-grid[b-70t2j5lyrn],
    .detail-flow-meta[b-70t2j5lyrn],
    .detail-overview-grid[b-70t2j5lyrn] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .detail-hero[b-70t2j5lyrn] {
        padding: 22px;
    }

    .detail-hero-actions[b-70t2j5lyrn] {
        align-items: stretch;
        min-width: unset;
    }

    .detail-title[b-70t2j5lyrn] {
        font-size: 28px;
    }
}
/* /Pages/DetailsUsers.razor.rz.scp.css */
.user-details-page[b-d4zthxd1q7] {
    --user-border: rgba(15, 23, 42, 0.08);
    --user-soft-text: #62718e;
    --user-surface: #ffffff;
    --user-success: #0f9f6f;
    --user-danger: #cf4d56;
    --user-warning: #c38816;
    --user-neutral: #70809d;
}

.user-details-breadcrumb[b-d4zthxd1q7],
.user-profile-card[b-d4zthxd1q7],
.user-side-card[b-d4zthxd1q7],
.user-highlight-card[b-d4zthxd1q7],
.user-transactions-card[b-d4zthxd1q7],
.user-details-loading[b-d4zthxd1q7],
.user-details-empty[b-d4zthxd1q7] {
    background: var(--user-surface);
    border: 1px solid var(--user-border);
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.user-details-breadcrumb[b-d4zthxd1q7] {
    padding: 24px 28px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    flex-wrap: wrap;
}

.user-details-kicker[b-d4zthxd1q7] {
    margin: 0 0 8px;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #2b66d9;
}

.user-details-breadcrumb h1[b-d4zthxd1q7] {
    margin: 0;
    font-size: 1.9rem;
    font-weight: 760;
    color: #12284c;
}

.user-details-grid[b-d4zthxd1q7] {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 20px;
}

.user-details-sidebar[b-d4zthxd1q7],
.user-details-main[b-d4zthxd1q7] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.user-profile-card[b-d4zthxd1q7],
.user-side-card[b-d4zthxd1q7],
.user-highlight-card[b-d4zthxd1q7],
.user-transactions-card[b-d4zthxd1q7] {
    padding: 22px;
}

.user-profile-card[b-d4zthxd1q7] {
    text-align: center;
}

.user-profile-avatar[b-d4zthxd1q7] {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 16px;
    background: #eef3fb;
}

.user-profile-card h2[b-d4zthxd1q7] {
    margin: 0;
    font-size: 1.35rem;
    color: #12284c;
}

.user-profile-email[b-d4zthxd1q7] {
    margin: 8px 0 14px;
    color: var(--user-soft-text);
}

.user-primary-status[b-d4zthxd1q7],
.user-grade-pill[b-d4zthxd1q7],
.user-permission-pill[b-d4zthxd1q7],
.user-direction-pill[b-d4zthxd1q7],
.user-transaction-status-pill[b-d4zthxd1q7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-weight: 700;
}

.user-primary-status[b-d4zthxd1q7] {
    padding: 0.48rem 0.9rem;
    background: rgba(112, 128, 157, 0.12);
    color: var(--user-neutral);
}

.user-primary-status.is-success[b-d4zthxd1q7],
.user-permission-pill.is-success[b-d4zthxd1q7],
.user-transaction-status-pill.is-success[b-d4zthxd1q7] {
    background: rgba(15, 159, 111, 0.14);
    color: var(--user-success);
}

.user-primary-status.is-warning[b-d4zthxd1q7],
.user-transaction-status-pill.is-warning[b-d4zthxd1q7] {
    background: rgba(195, 136, 22, 0.12);
    color: var(--user-warning);
}

.user-primary-status.is-danger[b-d4zthxd1q7] {
    background: rgba(207, 77, 86, 0.12);
    color: var(--user-danger);
}

.user-profile-meta[b-d4zthxd1q7],
.user-document-list[b-d4zthxd1q7] {
    margin: 22px 0 0;
    display: grid;
    gap: 14px;
    text-align: left;
}

.user-profile-meta div[b-d4zthxd1q7],
.user-document-list div[b-d4zthxd1q7] {
    display: grid;
    gap: 4px;
}

.user-profile-meta dt[b-d4zthxd1q7],
.user-document-list dt[b-d4zthxd1q7],
.user-highlight-label[b-d4zthxd1q7],
.user-check-item span[b-d4zthxd1q7] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6c7b98;
    font-weight: 700;
}

.user-profile-meta dd[b-d4zthxd1q7],
.user-document-list dd[b-d4zthxd1q7] {
    margin: 0;
    color: #12284c;
    font-weight: 600;
}

.user-side-card header[b-d4zthxd1q7],
.user-transactions-head[b-d4zthxd1q7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.user-side-card h3[b-d4zthxd1q7],
.user-transactions-head h3[b-d4zthxd1q7] {
    margin: 0;
    font-size: 1.02rem;
    color: #12284c;
}

.user-grade-pill[b-d4zthxd1q7] {
    padding: 0.38rem 0.74rem;
    background: #edf3ff;
    color: #2b66d9;
    font-size: 0.82rem;
}

.user-check-list[b-d4zthxd1q7] {
    display: grid;
    gap: 14px;
}

.user-check-item[b-d4zthxd1q7] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.user-check-item strong[b-d4zthxd1q7] {
    font-size: 0.9rem;
}

.user-check-item strong.is-success[b-d4zthxd1q7] {
    color: var(--user-success);
}

.user-check-item strong.is-danger[b-d4zthxd1q7] {
    color: var(--user-danger);
}

.user-check-item strong.is-warning[b-d4zthxd1q7] {
    color: var(--user-warning);
}

.user-check-item strong.is-neutral[b-d4zthxd1q7] {
    color: var(--user-neutral);
}

.user-details-top-grid[b-d4zthxd1q7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.user-highlight-value[b-d4zthxd1q7] {
    display: block;
    margin: 12px 0 10px;
    font-size: 1.55rem;
    color: #12284c;
}

.user-highlight-card p[b-d4zthxd1q7],
.user-transactions-head p[b-d4zthxd1q7],
.user-transactions-empty[b-d4zthxd1q7] {
    margin: 6px 0 0;
    color: var(--user-soft-text);
}

.user-permission-list[b-d4zthxd1q7] {
    display: grid;
    gap: 14px;
    margin-top: 16px;
}

.user-permission-row[b-d4zthxd1q7],
.user-bypass-row[b-d4zthxd1q7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.user-permission-copy[b-d4zthxd1q7],
.user-bypass-copy[b-d4zthxd1q7] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.user-permission-copy strong[b-d4zthxd1q7] {
    color: #12284c;
    font-size: 0.98rem;
}

.user-bypass-copy .user-highlight-value[b-d4zthxd1q7] {
    margin: 0;
}

.user-permission-pill[b-d4zthxd1q7],
.user-direction-pill[b-d4zthxd1q7],
.user-transaction-status-pill[b-d4zthxd1q7] {
    padding: 0.42rem 0.78rem;
    font-size: 0.83rem;
}

.user-permission-pill.is-muted[b-d4zthxd1q7] {
    background: rgba(112, 128, 157, 0.11);
    color: var(--user-neutral);
}

.user-toggle[b-d4zthxd1q7] {
    position: relative;
    display: inline-flex;
    width: 52px;
    min-width: 52px;
    height: 30px;
}

.user-toggle input[b-d4zthxd1q7] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.user-toggle-slider[b-d4zthxd1q7] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 999px;
    background: rgba(112, 128, 157, 0.24);
    transition: background 0.2s ease;
    cursor: pointer;
}

.user-toggle-slider[b-d4zthxd1q7]::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.18);
    transition: transform 0.2s ease;
}

.user-toggle input:checked + .user-toggle-slider[b-d4zthxd1q7] {
    background: rgba(15, 159, 111, 0.7);
}

.user-toggle input:checked + .user-toggle-slider[b-d4zthxd1q7]::before {
    transform: translateX(22px);
}

.user-toggle input:disabled + .user-toggle-slider[b-d4zthxd1q7] {
    cursor: not-allowed;
    opacity: 0.6;
}

.user-transaction-count[b-d4zthxd1q7] {
    color: var(--user-soft-text);
    font-size: 0.92rem;
}

.user-transactions-list[b-d4zthxd1q7] {
    display: grid;
    gap: 12px;
}

.user-alert-table-shell[b-d4zthxd1q7] {
    overflow-x: auto;
}

.user-alert-table[b-d4zthxd1q7] {
    min-width: 720px;
    margin: 0;
}

.user-alert-table thead th[b-d4zthxd1q7] {
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6c7b98;
    border-bottom-color: var(--user-border);
    white-space: nowrap;
}

.user-alert-table tbody td[b-d4zthxd1q7] {
    color: #12284c;
    border-bottom-color: var(--user-border);
    vertical-align: middle;
}

.user-alert-type-pill[b-d4zthxd1q7],
.user-alert-severity-pill[b-d4zthxd1q7],
.user-alert-status-pill[b-d4zthxd1q7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.38rem 0.72rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.user-alert-type-pill.is-sanctions[b-d4zthxd1q7] {
    background: rgba(207, 77, 86, 0.12);
    color: var(--user-danger);
}

.user-alert-type-pill.is-velocity[b-d4zthxd1q7] {
    background: rgba(195, 136, 22, 0.12);
    color: var(--user-warning);
}

.user-alert-type-pill.is-structuring[b-d4zthxd1q7] {
    background: rgba(43, 102, 217, 0.12);
    color: #2b66d9;
}

.user-alert-type-pill.is-blockchain[b-d4zthxd1q7] {
    background: rgba(112, 128, 157, 0.12);
    color: var(--user-neutral);
}

.user-alert-severity-pill.is-low[b-d4zthxd1q7],
.user-alert-status-pill.is-dismissed[b-d4zthxd1q7] {
    background: rgba(112, 128, 157, 0.12);
    color: var(--user-neutral);
}

.user-alert-severity-pill.is-medium[b-d4zthxd1q7],
.user-alert-status-pill.is-review[b-d4zthxd1q7] {
    background: rgba(195, 136, 22, 0.12);
    color: var(--user-warning);
}

.user-alert-severity-pill.is-high[b-d4zthxd1q7],
.user-alert-status-pill.is-open[b-d4zthxd1q7] {
    background: rgba(207, 77, 86, 0.12);
    color: var(--user-danger);
}

.user-alert-severity-pill.is-critical[b-d4zthxd1q7],
.user-alert-status-pill.is-confirmed[b-d4zthxd1q7] {
    background: rgba(88, 28, 135, 0.14);
    color: #6b21a8;
}

.user-transaction-item[b-d4zthxd1q7] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(140px, .8fr) minmax(140px, .9fr) auto;
    gap: 14px;
    align-items: center;
    padding: 16px 18px;
    border: 1px solid var(--user-border);
    border-radius: 18px;
    background: #fbfcff;
}

.user-transaction-asset[b-d4zthxd1q7] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-transaction-logo[b-d4zthxd1q7] {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    background: #eef3fb;
}

.user-transaction-asset strong[b-d4zthxd1q7],
.user-transaction-flow strong[b-d4zthxd1q7] {
    display: block;
    color: #12284c;
}

.user-transaction-asset span[b-d4zthxd1q7],
.user-transaction-meta span[b-d4zthxd1q7] {
    display: block;
    color: var(--user-soft-text);
    font-size: 0.9rem;
}

.user-direction-pill.is-buy[b-d4zthxd1q7] {
    background: rgba(43, 102, 217, 0.12);
    color: #2b66d9;
}

.user-direction-pill.is-sell[b-d4zthxd1q7] {
    background: rgba(207, 77, 86, 0.12);
    color: var(--user-danger);
}

.user-transaction-flow[b-d4zthxd1q7],
.user-transaction-meta[b-d4zthxd1q7] {
    display: grid;
    gap: 6px;
}

.user-details-loading[b-d4zthxd1q7],
.user-details-empty[b-d4zthxd1q7] {
    padding: 48px 24px;
    text-align: center;
}

@media (max-width: 1080px) {
    .user-details-grid[b-d4zthxd1q7] {
        grid-template-columns: 1fr;
    }

    .user-details-top-grid[b-d4zthxd1q7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .user-transaction-item[b-d4zthxd1q7] {
        grid-template-columns: 1fr;
    }

    .user-permission-row[b-d4zthxd1q7],
    .user-bypass-row[b-d4zthxd1q7] {
        align-items: flex-start;
    }
}
/* /Pages/Grades.razor.rz.scp.css */
.grades-page[b-sgpcr0372z] {
    --grades-border: rgba(15, 23, 42, 0.08);
    --grades-surface: #ffffff;
    --grades-soft-text: #63728f;
    --grades-accent: #2b66d9;
    --grades-success: #0f9f6f;
}

.grades-hero[b-sgpcr0372z],
.grades-edit-panel[b-sgpcr0372z],
.grades-panel[b-sgpcr0372z] {
    background: var(--grades-surface);
    border: 1px solid var(--grades-border);
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.grades-hero[b-sgpcr0372z] {
    padding: 28px 32px;
    margin-bottom: 24px;
}

.grades-kicker[b-sgpcr0372z] {
    margin: 0 0 8px;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--grades-accent);
}

.grades-title[b-sgpcr0372z] {
    margin: 0;
    font-size: 1.95rem;
    font-weight: 760;
    color: #12284c;
}

.grades-subtitle[b-sgpcr0372z] {
    margin: 12px 0 0;
    max-width: 760px;
    line-height: 1.7;
    color: var(--grades-soft-text);
}

.grades-edit-panel[b-sgpcr0372z] {
    padding: 22px;
    margin-bottom: 24px;
}

.grades-edit-head[b-sgpcr0372z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}

.grades-edit-head h2[b-sgpcr0372z] {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 700;
    color: #12284c;
}

.grades-edit-head p[b-sgpcr0372z] {
    margin: 6px 0 0;
    color: var(--grades-soft-text);
}

.grades-edit-grid[b-sgpcr0372z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.grades-field[b-sgpcr0372z] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.grades-field span[b-sgpcr0372z] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--grades-soft-text);
}

.grades-field-wide[b-sgpcr0372z] {
    grid-column: 1 / -1;
}

.grades-textarea[b-sgpcr0372z] {
    min-height: 110px;
    resize: vertical;
}

.grades-edit-actions[b-sgpcr0372z] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 18px;
}

.grades-panel[b-sgpcr0372z] {
    padding: 22px;
}

.grades-panel-head[b-sgpcr0372z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.grades-panel-head h2[b-sgpcr0372z] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: #12284c;
}

.grades-panel-head p[b-sgpcr0372z] {
    margin: 6px 0 0;
    color: var(--grades-soft-text);
}

.grades-table-shell[b-sgpcr0372z] {
    border: 1px solid var(--grades-border);
    border-radius: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    background: #f8fbff;
    -webkit-overflow-scrolling: touch;
}

.grades-table[b-sgpcr0372z] {
    margin: 0;
    min-width: 980px;
    background: var(--grades-surface);
}

.grades-table thead th[b-sgpcr0372z] {
    padding: 16px 18px;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b7b98;
    background: #f8fbff;
    border-bottom: 1px solid var(--grades-border);
}

.grades-table tbody td[b-sgpcr0372z] {
    padding: 18px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.grades-table tbody tr:last-child td[b-sgpcr0372z] {
    border-bottom: 0;
}

.grades-table tbody tr.is-selected td[b-sgpcr0372z] {
    background: rgba(43, 102, 217, 0.03);
}

.grade-name-cell[b-sgpcr0372z],
.grade-limit-cell[b-sgpcr0372z] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.grade-name-cell strong[b-sgpcr0372z],
.grade-limit-value[b-sgpcr0372z] {
    color: #12284c;
}

.grade-name-cell span[b-sgpcr0372z],
.grade-limit-hint[b-sgpcr0372z] {
    color: var(--grades-soft-text);
    font-size: 0.9rem;
}

.grade-description-pill[b-sgpcr0372z],
.grade-cross-border-pill[b-sgpcr0372z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0.38rem 0.72rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.grade-description-pill[b-sgpcr0372z] {
    background: #edf3ff;
    color: var(--grades-accent);
}

.grade-cross-border-pill[b-sgpcr0372z] {
    background: rgba(15, 159, 111, 0.12);
    color: var(--grades-success);
}

.grades-loading-state[b-sgpcr0372z] {
    padding: 40px 24px;
    text-align: center;
}

@media (max-width: 992px) {
    .grades-edit-grid[b-sgpcr0372z] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .grades-hero[b-sgpcr0372z] {
        padding: 22px;
    }

    .grades-title[b-sgpcr0372z] {
        font-size: 1.55rem;
    }

    .grades-panel[b-sgpcr0372z] {
        padding: 18px;
    }

    .grades-edit-panel[b-sgpcr0372z] {
        padding: 18px;
    }

    .grades-edit-head[b-sgpcr0372z] {
        flex-direction: column;
    }

    .grades-edit-actions[b-sgpcr0372z] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.admin-home-page[b-w70dur7nn8] {
    --tc-home-bg: linear-gradient(180deg, #f6f8fb 0%, #eef3f8 100%);
    --tc-home-border: rgba(15, 23, 42, 0.08);
    --tc-home-shadow: 0 16px 36px rgba(15, 23, 42, 0.07);
    --tc-home-text: #162033;
    --tc-home-muted: #667085;
}

.admin-home-page .container-fluid[b-w70dur7nn8] {
    background: var(--tc-home-bg);
    border-radius: 28px;
    padding: 1.5rem;
}

.dashboard-hero[b-w70dur7nn8] {
    padding: 1.35rem 1.5rem;
    margin-bottom: 1rem;
    background:
        radial-gradient(circle at top right, rgba(17, 85, 204, 0.12), transparent 40%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96));
    border: 1px solid var(--tc-home-border);
    border-radius: 24px;
    box-shadow: var(--tc-home-shadow);
}

.dashboard-kicker[b-w70dur7nn8] {
    margin: 0 0 0.3rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1155cc;
}

.dashboard-title[b-w70dur7nn8] {
    margin: 0;
    font-size: clamp(1.55rem, 1.8vw, 2rem);
    font-weight: 800;
    color: var(--tc-home-text);
}

.dashboard-subtitle[b-w70dur7nn8] {
    max-width: 56rem;
    margin: 0.6rem 0 0;
    color: var(--tc-home-muted);
    line-height: 1.6;
}

.summary-card[b-w70dur7nn8] {
    border: 1px solid var(--tc-home-border);
    border-radius: 22px;
    box-shadow: var(--tc-home-shadow);
    overflow: hidden;
}

.summary-card .card-body[b-w70dur7nn8] {
    padding: 1.1rem 1.2rem;
}

.summary-card-head[b-w70dur7nn8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.summary-icon[b-w70dur7nn8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 16px;
}

.summary-label[b-w70dur7nn8] {
    color: var(--tc-home-muted);
    font-size: 0.84rem;
    font-weight: 700;
}

.summary-value[b-w70dur7nn8] {
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1.1;
    color: var(--tc-home-text);
}

.summary-note[b-w70dur7nn8] {
    margin: 0.5rem 0 0;
    font-size: 0.79rem;
    line-height: 1.5;
    color: var(--tc-home-muted);
}

.summary-card-clients .summary-icon[b-w70dur7nn8] {
    background: linear-gradient(135deg, #2f6fed, #5ea3ff);
}

.summary-card-transactions .summary-icon[b-w70dur7nn8] {
    background: linear-gradient(135deg, #0f9f6e, #3ac48f);
}

.summary-card-assets .summary-icon[b-w70dur7nn8] {
    background: linear-gradient(135deg, #d92d20, #ff786d);
}

.summary-card-commissions .summary-icon[b-w70dur7nn8] {
    background: linear-gradient(135deg, #d97706, #ffb347);
}

.dashboard-panel-card[b-w70dur7nn8] {
    border: 1px solid var(--tc-home-border);
    border-radius: 24px;
    box-shadow: var(--tc-home-shadow);
}

.dashboard-panel-header[b-w70dur7nn8] {
    padding: 1.05rem 1.25rem 0.95rem;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.95), rgba(255, 255, 255, 0.92));
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
}

.dashboard-panel-heading[b-w70dur7nn8] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.dashboard-panel-heading .card-title[b-w70dur7nn8] {
    font-size: 1rem;
    font-weight: 760;
    color: var(--tc-home-text);
}

.dashboard-panel-subtitle[b-w70dur7nn8] {
    margin: 0;
    color: var(--tc-home-muted);
    font-size: 0.8rem;
}

.recent-activity-list .list-group-item[b-w70dur7nn8],
.admin-home-page[b-w70dur7nn8]  .dashboard-chart-card,
.admin-home-page[b-w70dur7nn8]  .services-health-card {
    border-color: rgba(15, 23, 42, 0.05);
}

.recent-activity-item[b-w70dur7nn8] {
    padding-left: 0;
    padding-right: 0;
}

.recent-activity-avatar[b-w70dur7nn8] {
    background: #fff;
}

.admin-home-page[b-w70dur7nn8]  .dashboard-chart-card {
    border: 1px solid var(--tc-home-border);
    border-radius: 24px;
    box-shadow: var(--tc-home-shadow);
    overflow: hidden;
}

.admin-home-page[b-w70dur7nn8]  .dashboard-chart-header {
    padding: 1.05rem 1.2rem 0.95rem;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.92));
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
}

.admin-home-page[b-w70dur7nn8]  .dashboard-chart-title {
    margin: 0;
    color: var(--tc-home-text);
    font-size: 0.98rem;
    font-weight: 760;
}

.admin-home-page[b-w70dur7nn8]  .dashboard-chart-subtitle {
    margin: 0.2rem 0 0;
    color: var(--tc-home-muted);
    font-size: 0.78rem;
}

@media (max-width: 768px) {
    .admin-home-page .container-fluid[b-w70dur7nn8] {
        padding: 1rem;
        border-radius: 20px;
    }

    .dashboard-hero[b-w70dur7nn8] {
        padding: 1rem 1.1rem;
    }
}
/* /Pages/IntegratorAccounts.razor.rz.scp.css */
.tc-int-accounts-page[b-lvj8q8qgpr] {
    --tc-border:       rgba(15, 23, 42, 0.08);
    --tc-shadow:       0 18px 38px rgba(15, 23, 42, 0.07);
    --tc-text:         #162033;
    --tc-muted:        #667085;
    --tc-success:      #0f9f6e;
    --tc-success-soft: #e7f8f1;
    --tc-danger:       #d92d20;
    --tc-danger-soft:  #fdecea;
    --tc-accent:       #1155cc;
    --tc-accent-soft:  #e8f0ff;
    --tc-collect:      #7c3aed;
    --tc-collect-soft: #ede9fe;
}

.tc-int-accounts-page .container-fluid[b-lvj8q8qgpr] {
    background:    linear-gradient(180deg, #f6f8fb 0%, #eef3f8 100%);
    border-radius: 28px;
    padding:       1.5rem;
}

/* ── Hero ───────────────────────────────────────────────────── */
.iac-hero[b-lvj8q8qgpr] {
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    gap:             1.25rem;
    padding:         1.5rem 1.75rem;
    margin-bottom:   1.25rem;
    background:
        radial-gradient(circle at top right, rgba(124, 58, 237, 0.1), transparent 38%),
        linear-gradient(135deg, #fff 0%, #f4f6fa 100%);
    border:        1px solid var(--tc-border);
    border-radius: 20px;
    box-shadow:    var(--tc-shadow);
}

.iac-kicker[b-lvj8q8qgpr] {
    font-size:      0.72rem;
    font-weight:    600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color:          var(--tc-collect);
    margin-bottom:  0.3rem;
}

.iac-title[b-lvj8q8qgpr] {
    font-size:   1.65rem;
    font-weight: 800;
    color:       var(--tc-text);
    margin:      0 0 0.4rem;
}

.iac-subtitle[b-lvj8q8qgpr] {
    font-size: 0.88rem;
    color:     var(--tc-muted);
    margin:    0;
    max-width: 480px;
}

.iac-hero-actions[b-lvj8q8qgpr] {
    display:     flex;
    gap:         0.6rem;
    flex-shrink: 0;
}

/* ── Stats ──────────────────────────────────────────────────── */
.iac-stats[b-lvj8q8qgpr] {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
    gap:                   0.75rem;
    margin-bottom:         1.25rem;
}

.iac-stat[b-lvj8q8qgpr] {
    padding:       1rem 1.25rem;
    border-radius: 16px;
    border:        1px solid var(--tc-border);
    background:    #fff;
    box-shadow:    0 4px 12px rgba(15, 23, 42, 0.04);
}

.stat-label[b-lvj8q8qgpr] {
    font-size:      0.75rem;
    color:          var(--tc-muted);
    margin:         0 0 0.25rem;
    text-transform: uppercase;
    font-weight:    600;
}

.stat-value[b-lvj8q8qgpr] {
    font-size:   1.6rem;
    font-weight: 800;
    margin:      0;
    color:       var(--tc-text);
}

.stat-value.is-ok[b-lvj8q8qgpr] { color: var(--tc-success); }

/* ── Table shell ─────────────────────────────────────────────── */
.table-shell[b-lvj8q8qgpr] {
    background:    #fff;
    border-radius: 20px;
    border:        1px solid var(--tc-border);
    box-shadow:    var(--tc-shadow);
    overflow:      hidden;
}

.table-header[b-lvj8q8qgpr] {
    padding:       1.25rem 1.5rem;
    border-bottom: 1px solid var(--tc-border);
}

.table-header h3[b-lvj8q8qgpr] {
    font-size:   1.05rem;
    font-weight: 700;
    color:       var(--tc-text);
    margin:      0;
}

.monitoring-table th[b-lvj8q8qgpr] {
    font-size:      0.73rem;
    font-weight:    700;
    text-transform: uppercase;
    color:          var(--tc-muted);
    background:     #f8fafc;
    border-bottom:  1px solid var(--tc-border);
    padding:        0.75rem 1rem;
}

.monitoring-table td[b-lvj8q8qgpr] {
    padding:        0.9rem 1rem;
    border-bottom:  1px solid var(--tc-border);
    vertical-align: middle;
    font-size:      0.83rem;
    color:          var(--tc-text);
}

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

.acc-label[b-lvj8q8qgpr] { font-weight: 600; color: var(--tc-text); }
.acc-id[b-lvj8q8qgpr]    { font-size: 0.72rem; color: var(--tc-muted); font-family: monospace; margin-top: 0.15rem; }

.currency-chip[b-lvj8q8qgpr] {
    display:       inline-block;
    padding:       0.2rem 0.6rem;
    background:    var(--tc-accent-soft);
    color:         var(--tc-accent);
    border-radius: 999px;
    font-size:     0.72rem;
    font-weight:   700;
}

.badge-status[b-lvj8q8qgpr] {
    display:       inline-block;
    font-size:     0.7rem;
    font-weight:   700;
    text-transform: uppercase;
    padding:       0.2rem 0.55rem;
    border-radius: 999px;
}

.badge-status.is-completed[b-lvj8q8qgpr] { background: var(--tc-success-soft); color: var(--tc-success); }
.badge-status.is-failed[b-lvj8q8qgpr]    { background: var(--tc-danger-soft);  color: var(--tc-danger); }

.date-cell[b-lvj8q8qgpr] { color: var(--tc-muted); font-size: 0.78rem; }

.copyable-value[b-lvj8q8qgpr] {
    display:     flex;
    align-items: center;
    gap:         0.35rem;
}

.copy-button[b-lvj8q8qgpr] {
    background:  transparent;
    border:      none;
    cursor:      pointer;
    padding:     0.1rem;
    color:       var(--tc-muted);
    line-height: 1;
}
.copy-button:hover[b-lvj8q8qgpr] { color: var(--tc-accent); }

/* ── Empty / Loader ─────────────────────────────────────────── */
.iac-loader[b-lvj8q8qgpr],
.empty-state[b-lvj8q8qgpr] {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            0.75rem;
    padding:        3rem 1rem;
    color:          var(--tc-muted);
    text-align:     center;
}

.empty-state h4[b-lvj8q8qgpr] { font-size: 1rem; font-weight: 700; color: var(--tc-text); margin: 0; }

/* ── Modal ──────────────────────────────────────────────────── */
.iac-backdrop[b-lvj8q8qgpr] {
    position:        fixed;
    inset:           0;
    background:      rgba(0, 0, 0, 0.45);
    display:         flex;
    align-items:     center;
    justify-content: center;
    z-index:         9999;
    padding:         1rem;
}

.iac-modal[b-lvj8q8qgpr] {
    background:    #fff;
    border-radius: 20px;
    box-shadow:    0 32px 64px rgba(15, 23, 42, 0.18);
    width:         100%;
    max-width:     520px;
    overflow:      hidden;
}

.modal-head[b-lvj8q8qgpr] {
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    padding:         1.25rem 1.5rem;
    border-bottom:   1px solid var(--tc-border);
    background:      linear-gradient(135deg, #f8fafc 0%, #fff 100%);
}

.modal-head h3[b-lvj8q8qgpr] {
    font-size:   1.1rem;
    font-weight: 800;
    color:       var(--tc-text);
    margin:      0;
}

.modal-close[b-lvj8q8qgpr] {
    background:    transparent;
    border:        none;
    cursor:        pointer;
    padding:       0.3rem;
    color:         var(--tc-muted);
    border-radius: 8px;
    line-height:   1;
}
.modal-close:hover[b-lvj8q8qgpr] { background: #f1f5f9; color: var(--tc-text); }

.modal-body[b-lvj8q8qgpr] {
    padding: 1.5rem;
}

.form-grid[b-lvj8q8qgpr] {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   1rem;
}

.form-field[b-lvj8q8qgpr] {
    display:        flex;
    flex-direction: column;
    gap:            0.35rem;
}

.form-field label[b-lvj8q8qgpr] {
    font-size:   0.8rem;
    font-weight: 600;
    color:       var(--tc-text);
}

.required[b-lvj8q8qgpr] { color: var(--tc-danger); }

.filter-native-select[b-lvj8q8qgpr] {
    padding:       0.45rem 0.65rem;
    border-radius: 8px;
    border:        1px solid var(--tc-border);
    font-size:     0.82rem;
    color:         var(--tc-text);
    background:    #fff;
    width:         100%;
}

.form-error-box[b-lvj8q8qgpr] {
    margin-bottom: 1rem;
    padding:       0.65rem 0.9rem;
    border-radius: 10px;
    background:    var(--tc-danger-soft);
    color:         var(--tc-danger);
    font-size:     0.82rem;
    border-left:   3px solid var(--tc-danger);
}

.form-success-box[b-lvj8q8qgpr] {
    margin-bottom: 1rem;
    padding:       0.65rem 0.9rem;
    border-radius: 10px;
    background:    var(--tc-success-soft);
    color:         var(--tc-success);
    font-size:     0.82rem;
    border-left:   3px solid var(--tc-success);
}

.modal-footer[b-lvj8q8qgpr] {
    display:         flex;
    justify-content: flex-end;
    gap:             0.6rem;
    padding:         1rem 1.5rem;
    border-top:      1px solid var(--tc-border);
    background:      #f8fafc;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 768px) {
    .iac-hero[b-lvj8q8qgpr]        { flex-direction: column; align-items: flex-start; }
    .iac-stats[b-lvj8q8qgpr]       { grid-template-columns: 1fr 1fr; }
    .form-grid[b-lvj8q8qgpr]       { grid-template-columns: 1fr; }
}
/* /Pages/IntegratorTransactions.razor.rz.scp.css */
.tc-integrator-page[b-1v51p74ntd] {
    --tc-border:       rgba(15, 23, 42, 0.08);
    --tc-shadow:       0 18px 38px rgba(15, 23, 42, 0.07);
    --tc-text:         #162033;
    --tc-muted:        #667085;
    --tc-success:      #0f9f6e;
    --tc-success-soft: #e7f8f1;
    --tc-warning:      #d97706;
    --tc-warning-soft: #fff4df;
    --tc-danger:       #d92d20;
    --tc-danger-soft:  #fdecea;
    --tc-accent:       #1155cc;
    --tc-accent-soft:  #e8f0ff;
    --tc-collect:      #7c3aed;
    --tc-collect-soft: #ede9fe;
    --tc-payout:       #0369a1;
    --tc-payout-soft:  #e0f2fe;
}

.tc-integrator-page .container-fluid[b-1v51p74ntd] {
    background:    linear-gradient(180deg, #f6f8fb 0%, #eef3f8 100%);
    border-radius: 28px;
    padding:       1.5rem;
}

/* ── Hero ───────────────────────────────────────────────────── */
.int-hero[b-1v51p74ntd] {
    display:         flex;
    justify-content: space-between;
    align-items:     flex-start;
    gap:             1.25rem;
    padding:         1.5rem 1.75rem;
    margin-bottom:   1.25rem;
    background:
        radial-gradient(circle at top right, rgba(124, 58, 237, 0.1), transparent 38%),
        linear-gradient(135deg, #fff 0%, #f4f6fa 100%);
    border:        1px solid var(--tc-border);
    border-radius: 20px;
    box-shadow:    var(--tc-shadow);
}

.int-kicker[b-1v51p74ntd] {
    font-size:      0.72rem;
    font-weight:    600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color:          var(--tc-collect);
    margin-bottom:  0.3rem;
}

.int-title[b-1v51p74ntd] {
    font-size:   1.65rem;
    font-weight: 800;
    color:       var(--tc-text);
    margin:      0 0 0.4rem;
}

.int-subtitle[b-1v51p74ntd] {
    font-size: 0.88rem;
    color:     var(--tc-muted);
    margin:    0;
    max-width: 520px;
}

.int-hero-meta[b-1v51p74ntd] {
    display:     flex;
    gap:         0.75rem;
    flex-shrink: 0;
    align-items: flex-start;
}

.hero-chip[b-1v51p74ntd] {
    display:       flex;
    flex-direction: column;
    align-items:   center;
    gap:           0.1rem;
    padding:       0.6rem 1rem;
    background:    #fff;
    border:        1px solid var(--tc-border);
    border-radius: 12px;
    min-width:     90px;
    text-align:    center;
}

.hero-chip-label[b-1v51p74ntd] {
    font-size:  0.68rem;
    color:      var(--tc-muted);
    text-transform: uppercase;
}

/* ── Stats grid ─────────────────────────────────────────────── */
.int-stats-grid[b-1v51p74ntd] {
    display:               grid;
    grid-template-columns: repeat(5, 1fr);
    gap:                   0.75rem;
    margin-bottom:         1.25rem;
}

.int-stat-card[b-1v51p74ntd] {
    padding:       1rem 1.25rem;
    border-radius: 16px;
    border:        1px solid var(--tc-border);
    background:    #fff;
    box-shadow:    0 4px 12px rgba(15, 23, 42, 0.04);
}

.stat-label[b-1v51p74ntd] {
    font-size:  0.75rem;
    color:      var(--tc-muted);
    margin:     0 0 0.25rem;
    text-transform: uppercase;
    font-weight: 600;
}

.stat-value[b-1v51p74ntd] {
    font-size:   1.6rem;
    font-weight: 800;
    margin:      0;
    color:       var(--tc-text);
}

.int-stat-card.is-collect  .stat-value[b-1v51p74ntd] { color: var(--tc-collect); }
.int-stat-card.is-payout   .stat-value[b-1v51p74ntd] { color: var(--tc-payout); }
.int-stat-card.is-completed .stat-value[b-1v51p74ntd] { color: var(--tc-success); }
.int-stat-card.is-failed   .stat-value[b-1v51p74ntd] { color: var(--tc-danger); }

/* ── Table shell (repris du pattern Transaction.razor) ──────── */
.table-shell[b-1v51p74ntd] {
    background:    #fff;
    border-radius: 20px;
    border:        1px solid var(--tc-border);
    box-shadow:    var(--tc-shadow);
    overflow:      hidden;
}

.table-header[b-1v51p74ntd] {
    display:         flex;
    justify-content: space-between;
    align-items:     flex-start;
    gap:             1rem;
    padding:         1.25rem 1.5rem;
    border-bottom:   1px solid var(--tc-border);
    flex-wrap:       wrap;
}

.table-header h3[b-1v51p74ntd] {
    font-size:   1.05rem;
    font-weight: 700;
    color:       var(--tc-text);
    margin:      0 0 0.75rem;
}

.filters-bar[b-1v51p74ntd] {
    display:     flex;
    gap:         0.6rem;
    align-items: center;
    flex-wrap:   wrap;
}

.filter-native-select[b-1v51p74ntd] {
    padding:       0.35rem 0.65rem;
    border-radius: 8px;
    border:        1px solid var(--tc-border);
    font-size:     0.82rem;
    color:         var(--tc-text);
    background:    #fff;
}

.table-summary[b-1v51p74ntd] {
    display:     flex;
    gap:         0.5rem;
    flex-wrap:   wrap;
    align-items: center;
    margin-top:  0.4rem;
}

.summary-pill[b-1v51p74ntd] {
    font-size:     0.75rem;
    font-weight:   600;
    padding:       0.25rem 0.65rem;
    border-radius: 999px;
    background:    #f1f5f9;
    color:         var(--tc-text);
}

.summary-pill.is-success[b-1v51p74ntd] { background: var(--tc-success-soft); color: var(--tc-success); }
.summary-pill.is-warning[b-1v51p74ntd] { background: var(--tc-warning-soft); color: var(--tc-warning); }
.summary-pill.is-danger[b-1v51p74ntd]  { background: var(--tc-danger-soft);  color: var(--tc-danger); }

/* ── Table rows ─────────────────────────────────────────────── */
.monitoring-table th[b-1v51p74ntd] {
    font-size:   0.73rem;
    font-weight: 700;
    text-transform: uppercase;
    color:       var(--tc-muted);
    background:  #f8fafc;
    border-bottom: 1px solid var(--tc-border);
    padding:     0.75rem 1rem;
}

.monitoring-table td[b-1v51p74ntd] {
    padding:       0.85rem 1rem;
    border-bottom: 1px solid var(--tc-border);
    vertical-align: top;
    font-size:     0.82rem;
}

.monitoring-table tr:last-child td[b-1v51p74ntd] { border-bottom: none; }

.row-failed   td[b-1v51p74ntd] { background: rgba(217, 45, 32, 0.025); }
.row-completed td[b-1v51p74ntd] { background: rgba(15, 159, 110, 0.025); }

/* ── Column specifics ───────────────────────────────────────── */
.tx-id-line[b-1v51p74ntd] {
    display:     flex;
    align-items: center;
    gap:         0.35rem;
    margin-bottom: 0.3rem;
}

.tx-public-id[b-1v51p74ntd] {
    font-size:  0.82rem;
    color:      var(--tc-text);
    font-family: monospace;
}

.tx-meta[b-1v51p74ntd] {
    display:   flex;
    gap:       0.3rem;
    font-size: 0.74rem;
    color:     var(--tc-muted);
    margin-top: 0.15rem;
}

.meta-label[b-1v51p74ntd] { font-weight: 600; }

.kv[b-1v51p74ntd], .key-value[b-1v51p74ntd] {
    display:   flex;
    gap:       0.3rem;
    font-size: 0.74rem;
    color:     var(--tc-muted);
    margin-top: 0.25rem;
}

.key-label[b-1v51p74ntd]     { font-weight: 600; }
.key-value-text[b-1v51p74ntd] { color: var(--tc-text); }

.amount-stack[b-1v51p74ntd] { display: flex; flex-direction: column; gap: 0.2rem; }

.amount-row[b-1v51p74ntd] {
    display:     flex;
    justify-content: space-between;
    gap:         0.5rem;
    font-size:   0.78rem;
}

.amount-label[b-1v51p74ntd] { color: var(--tc-muted); font-size: 0.72rem; }
.net-amount[b-1v51p74ntd]   { font-weight: 700; color: var(--tc-text); }

.copyable-value[b-1v51p74ntd] {
    display:     flex;
    align-items: center;
    gap:         0.3rem;
}

.copy-button[b-1v51p74ntd] {
    background:  transparent;
    border:      none;
    cursor:      pointer;
    padding:     0.1rem;
    color:       var(--tc-muted);
    line-height: 1;
}

.copy-button:hover[b-1v51p74ntd] { color: var(--tc-accent); }

.message-box[b-1v51p74ntd] {
    font-size:     0.73rem;
    padding:       0.35rem 0.6rem;
    border-radius: 8px;
    margin-top:    0.4rem;
    background:    var(--tc-warning-soft);
    color:         var(--tc-warning);
    border-left:   3px solid var(--tc-warning);
}

.message-box.is-danger[b-1v51p74ntd] {
    background:  var(--tc-danger-soft);
    color:       var(--tc-danger);
    border-color: var(--tc-danger);
}

/* ── Badges ─────────────────────────────────────────────────── */
.badge-type[b-1v51p74ntd], .badge-status[b-1v51p74ntd], .badge-callback[b-1v51p74ntd] {
    display:       inline-block;
    font-size:     0.7rem;
    font-weight:   700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding:       0.2rem 0.55rem;
    border-radius: 999px;
    background:    #f1f5f9;
    color:         var(--tc-muted);
    margin-bottom: 0.3rem;
}

.badge-type.is-collect[b-1v51p74ntd]  { background: var(--tc-collect-soft); color: var(--tc-collect); }
.badge-type.is-payout[b-1v51p74ntd]   { background: var(--tc-payout-soft);  color: var(--tc-payout); }

.badge-status.is-completed[b-1v51p74ntd]  { background: var(--tc-success-soft); color: var(--tc-success); }
.badge-status.is-processing[b-1v51p74ntd] { background: var(--tc-payout-soft);  color: var(--tc-payout); }
.badge-status.is-pending[b-1v51p74ntd]    { background: var(--tc-warning-soft); color: var(--tc-warning); }
.badge-status.is-failed[b-1v51p74ntd]     { background: var(--tc-danger-soft);  color: var(--tc-danger); }
.badge-status.is-expired[b-1v51p74ntd]    { background: #f1f5f9; color: var(--tc-muted); }

.badge-callback.is-success[b-1v51p74ntd]  { background: var(--tc-success-soft); color: var(--tc-success); }
.badge-callback.is-failed[b-1v51p74ntd]   { background: var(--tc-danger-soft);  color: var(--tc-danger); }
.badge-callback.is-pending[b-1v51p74ntd]  { background: var(--tc-warning-soft); color: var(--tc-warning); }

/* ── Pagination ─────────────────────────────────────────────── */
.pagination-bar[b-1v51p74ntd] {
    display:         flex;
    justify-content: center;
    align-items:     center;
    gap:             1rem;
    padding:         1rem;
    border-top:      1px solid var(--tc-border);
    font-size:       0.84rem;
    color:           var(--tc-text);
}

/* ── Empty / Loader ─────────────────────────────────────────── */
.transactions-loader[b-1v51p74ntd],
.empty-state[b-1v51p74ntd] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    gap:             0.75rem;
    padding:         3rem 1rem;
    color:           var(--tc-muted);
}

.empty-state h4[b-1v51p74ntd] {
    font-size:   1rem;
    font-weight: 700;
    color:       var(--tc-text);
    margin:      0;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1100px) {
    .int-stats-grid[b-1v51p74ntd] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .int-stats-grid[b-1v51p74ntd]  { grid-template-columns: 1fr 1fr; }
    .int-hero[b-1v51p74ntd]        { flex-direction: column; }
    .int-hero-meta[b-1v51p74ntd]   { flex-wrap: wrap; }
}
/* /Pages/Investment.razor.rz.scp.css */
.admin-investment-page[b-uehjxba3ph] {
    --tc-invest-bg: linear-gradient(180deg, #f6f8fb 0%, #edf3f8 100%);
    --tc-invest-border: rgba(15, 23, 42, 0.08);
    --tc-invest-shadow: 0 18px 38px rgba(15, 23, 42, 0.07);
    --tc-invest-text: #14213d;
    --tc-invest-muted: #64748b;
    --tc-invest-accent: #0f766e;
    --tc-invest-surface: rgba(255, 255, 255, 0.92);
}

.admin-investment-page .container-fluid[b-uehjxba3ph] {
    padding: 1.5rem;
    border-radius: 28px;
    background: var(--tc-invest-bg);
}

.investment-hero[b-uehjxba3ph],
.investment-surface-card[b-uehjxba3ph],
.investment-loader-card[b-uehjxba3ph],
.investment-empty-state[b-uehjxba3ph],
.investment-kpi-card[b-uehjxba3ph],
.investment-insight-card[b-uehjxba3ph] {
    border: 1px solid var(--tc-invest-border);
    box-shadow: var(--tc-invest-shadow);
}

.investment-hero[b-uehjxba3ph] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.15rem;
    padding: 1.35rem 1.5rem;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96));
}

.investment-kicker[b-uehjxba3ph] {
    margin: 0 0 0.3rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--tc-invest-accent);
}

.investment-title[b-uehjxba3ph] {
    margin: 0;
    font-size: clamp(1.55rem, 1.8vw, 2rem);
    font-weight: 800;
    color: var(--tc-invest-text);
}

.investment-subtitle[b-uehjxba3ph] {
    max-width: 52rem;
    margin: 0.6rem 0 0;
    color: var(--tc-invest-muted);
    line-height: 1.6;
}

.investment-hero-meta[b-uehjxba3ph] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.investment-period-badge[b-uehjxba3ph] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.2rem 0.8rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.11);
    color: var(--tc-invest-accent);
    font-size: 0.76rem;
    font-weight: 700;
}

.investment-period-note[b-uehjxba3ph] {
    font-size: 0.78rem;
    color: var(--tc-invest-muted);
}

.investment-loader-card[b-uehjxba3ph],
.investment-empty-state[b-uehjxba3ph] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 18rem;
    padding: 2rem;
    border-radius: 24px;
    background: var(--tc-invest-surface);
    text-align: center;
}

.investment-empty-state h2[b-uehjxba3ph] {
    margin: 0 0 0.45rem;
    font-size: 1.1rem;
    font-weight: 760;
    color: var(--tc-invest-text);
}

.investment-empty-state p[b-uehjxba3ph] {
    max-width: 34rem;
    margin: 0;
    color: var(--tc-invest-muted);
}

.investment-kpi-grid[b-uehjxba3ph] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.85rem;
    margin-bottom: 0.95rem;
}

.investment-kpi-card[b-uehjxba3ph] {
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
    padding: 1rem 1.05rem;
    border-radius: 22px;
    background: var(--tc-invest-surface);
}

.investment-kpi-icon[b-uehjxba3ph] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    width: 3rem;
    height: 3rem;
    border-radius: 16px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: rgba(15, 23, 42, 0.06);
    color: var(--tc-invest-text);
}

.investment-kpi-body[b-uehjxba3ph] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
}

.investment-kpi-label[b-uehjxba3ph] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-invest-muted);
}

.investment-kpi-value[b-uehjxba3ph] {
    font-size: 1.35rem;
    line-height: 1.15;
    font-weight: 800;
    color: var(--tc-invest-text);
}

.investment-kpi-note[b-uehjxba3ph] {
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--tc-invest-muted);
}

.accent-volume .investment-kpi-icon[b-uehjxba3ph],
.accent-volume[b-uehjxba3ph] {
    border-left: 4px solid #0f766e;
}

.accent-revenue .investment-kpi-icon[b-uehjxba3ph],
.accent-revenue[b-uehjxba3ph] {
    border-left: 4px solid #16a34a;
}

.accent-transactions .investment-kpi-icon[b-uehjxba3ph],
.accent-transactions[b-uehjxba3ph] {
    border-left: 4px solid #2563eb;
}

.accent-clients .investment-kpi-icon[b-uehjxba3ph],
.accent-clients[b-uehjxba3ph] {
    border-left: 4px solid #ea580c;
}

.accent-ticket .investment-kpi-icon[b-uehjxba3ph],
.accent-ticket[b-uehjxba3ph] {
    border-left: 4px solid #7c3aed;
}

.accent-growth-positive .investment-kpi-icon[b-uehjxba3ph],
.accent-growth-positive[b-uehjxba3ph] {
    border-left: 4px solid #16a34a;
}

.accent-growth-negative .investment-kpi-icon[b-uehjxba3ph],
.accent-growth-negative[b-uehjxba3ph] {
    border-left: 4px solid #dc2626;
}

.investment-insight-grid[b-uehjxba3ph] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.investment-insight-card[b-uehjxba3ph] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    padding: 1rem 1.05rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.82);
}

.investment-insight-label[b-uehjxba3ph] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-invest-muted);
}

.investment-insight-value[b-uehjxba3ph] {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--tc-invest-text);
}

.investment-insight-note[b-uehjxba3ph] {
    font-size: 0.79rem;
    color: var(--tc-invest-muted);
}

.investment-chart-grid[b-uehjxba3ph] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
    margin-bottom: 0.95rem;
}

.investment-chart-grid-single[b-uehjxba3ph] {
    grid-template-columns: 1fr;
}

.investment-surface-card[b-uehjxba3ph] {
    overflow: hidden;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.95);
}

.investment-surface-header[b-uehjxba3ph] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem 0.9rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.92));
}

.investment-surface-title[b-uehjxba3ph] {
    margin: 0;
    font-size: 1rem;
    font-weight: 780;
    color: var(--tc-invest-text);
}

.investment-surface-subtitle[b-uehjxba3ph] {
    margin: 0.25rem 0 0;
    font-size: 0.8rem;
    line-height: 1.55;
    color: var(--tc-invest-muted);
}

.investment-chart-host[b-uehjxba3ph] {
    width: 100%;
    height: 320px;
    padding: 0.75rem 0.75rem 0.5rem;
}

.investment-chart-host-lg[b-uehjxba3ph] {
    height: 390px;
}

.investment-table-card[b-uehjxba3ph] {
    margin-bottom: 0.25rem;
}

.investment-table-wrap[b-uehjxba3ph] {
    overflow-x: auto;
}

.investment-table[b-uehjxba3ph] {
    margin: 0;
    min-width: 760px;
}

.investment-table th[b-uehjxba3ph] {
    padding: 0.9rem 1rem;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tc-invest-muted);
    background: rgba(248, 250, 252, 0.82);
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.investment-table td[b-uehjxba3ph] {
    padding: 0.92rem 1rem;
    vertical-align: middle;
    color: var(--tc-invest-text);
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
}

.investment-table tbody tr:hover[b-uehjxba3ph] {
    background: rgba(15, 118, 110, 0.04);
}

.investment-table tfoot td[b-uehjxba3ph] {
    padding: 0.95rem 1rem;
    font-weight: 800;
    background: rgba(248, 250, 252, 0.9);
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.investment-table-revenue[b-uehjxba3ph] {
    color: #15803d;
    font-weight: 760;
}

.investment-table-muted[b-uehjxba3ph] {
    color: var(--tc-invest-muted);
}

@media (max-width: 1200px) {
    .investment-insight-grid[b-uehjxba3ph] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    .investment-chart-grid[b-uehjxba3ph] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .admin-investment-page .container-fluid[b-uehjxba3ph] {
        padding: 1rem;
        border-radius: 20px;
    }

    .investment-hero[b-uehjxba3ph],
    .investment-hero-meta[b-uehjxba3ph] {
        align-items: stretch;
    }

    .investment-kpi-grid[b-uehjxba3ph] {
        grid-template-columns: 1fr;
    }

    .investment-chart-host[b-uehjxba3ph] {
        height: 290px;
    }

    .investment-chart-host-lg[b-uehjxba3ph] {
        height: 340px;
    }
}
/* /Pages/Login.razor.rz.scp.css */
.admin-login-page[b-q7spvhb9kx] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(17, 85, 204, 0.12), transparent 34%),
        radial-gradient(circle at bottom right, rgba(2, 104, 115, 0.14), transparent 36%),
        linear-gradient(180deg, #f4f7fb 0%, #edf3f8 100%);
}

.admin-login-shell[b-q7spvhb9kx] {
    position: relative;
    width: min(100%, 30rem);
}

.admin-login-backdrop[b-q7spvhb9kx] {
    position: absolute;
    inset: -4rem;
    pointer-events: none;
}

.backdrop-orb[b-q7spvhb9kx] {
    position: absolute;
    border-radius: 999px;
    filter: blur(12px);
}

.orb-a[b-q7spvhb9kx] {
    top: 1rem;
    left: -2rem;
    width: 14rem;
    height: 14rem;
    background: radial-gradient(circle, rgba(17, 85, 204, 0.28), rgba(17, 85, 204, 0));
}

.orb-b[b-q7spvhb9kx] {
    right: -1rem;
    bottom: 0;
    width: 16rem;
    height: 16rem;
    background: radial-gradient(circle, rgba(2, 104, 115, 0.24), rgba(2, 104, 115, 0));
}

.backdrop-grid[b-q7spvhb9kx] {
    position: absolute;
    inset: 2rem;
    border-radius: 36px;
    opacity: 0.35;
    background-image:
        linear-gradient(rgba(17, 85, 204, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 85, 204, 0.08) 1px, transparent 1px);
    background-size: 22px 22px;
    mask-image: radial-gradient(circle at center, black 44%, transparent 88%);
}

.admin-login-form-panel[b-q7spvhb9kx] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.8rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 32px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(248, 251, 255, 0.94));
    backdrop-filter: blur(12px);
}

.login-card[b-q7spvhb9kx] {
    width: 100%;
}

.login-card-header[b-q7spvhb9kx] {
    margin-bottom: 1.4rem;
    text-align: center;
}

.brand-logo[b-q7spvhb9kx] {
    display: inline-block;
    width: min(100%, 13rem);
    margin-bottom: 1.1rem;
}

.login-kicker[b-q7spvhb9kx] {
    display: inline-block;
    margin: 0 0 0.45rem;
    color: #1155cc;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.login-title[b-q7spvhb9kx] {
    margin: 0;
    font-size: 2rem;
    font-weight: 800;
    color: #162033;
}

.login-subtitle[b-q7spvhb9kx] {
    margin: 0.55rem 0 0;
    line-height: 1.65;
    color: #667085;
}

.login-alert[b-q7spvhb9kx] {
    border-radius: 16px;
}

.login-form[b-q7spvhb9kx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.login-field .form-label[b-q7spvhb9kx] {
    margin-bottom: 0.45rem;
    font-size: 0.86rem;
    font-weight: 700;
    color: #344054;
}

.login-field .form-control[b-q7spvhb9kx] {
    min-height: 3.2rem;
    border-radius: 16px;
    border-color: rgba(15, 23, 42, 0.12);
    padding-inline: 1rem;
    box-shadow: none;
}

.login-field .form-control:focus[b-q7spvhb9kx] {
    border-color: rgba(17, 85, 204, 0.5);
    box-shadow: 0 0 0 4px rgba(17, 85, 204, 0.08);
}

.login-submit-button[b-q7spvhb9kx] {
    min-height: 3.25rem;
    margin-top: 0.35rem;
    border-radius: 16px;
    font-weight: 700;
}

.login-loading[b-q7spvhb9kx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.9rem;
    padding: 2.5rem 0 1rem;
    color: #667085;
}

.login-loading p[b-q7spvhb9kx] {
    margin: 0;
}

@media (max-width: 768px) {
    .admin-login-page[b-q7spvhb9kx] {
        padding: 1rem;
    }

    .admin-login-form-panel[b-q7spvhb9kx] {
        padding: 1.25rem;
        border-radius: 24px;
    }

    .admin-login-backdrop[b-q7spvhb9kx] {
        inset: -2rem;
    }
}
/* /Pages/Paiement.razor.rz.scp.css */
.admin-payment-page[b-yvmwhppzeo] {
    --tc-payment-bg: linear-gradient(180deg, #f6f8fb 0%, #eef3f8 100%);
    --tc-payment-border: rgba(15, 23, 42, 0.08);
    --tc-payment-shadow: 0 16px 36px rgba(15, 23, 42, 0.07);
    --tc-payment-text: #162033;
    --tc-payment-muted: #667085;
    --tc-payment-accent: #1155cc;
}

.admin-payment-page .container-fluid[b-yvmwhppzeo] {
    background: var(--tc-payment-bg);
    border-radius: 28px;
    padding: 1.5rem;
}

.payment-hero[b-yvmwhppzeo] {
    margin-bottom: 1rem;
    padding: 1.35rem 1.5rem;
    background:
        radial-gradient(circle at top right, rgba(17, 85, 204, 0.12), transparent 40%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96));
    border: 1px solid var(--tc-payment-border);
    border-radius: 24px;
    box-shadow: var(--tc-payment-shadow);
}

.payment-kicker[b-yvmwhppzeo] {
    margin: 0 0 0.3rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--tc-payment-accent);
}

.payment-title[b-yvmwhppzeo] {
    margin: 0;
    font-size: clamp(1.55rem, 1.8vw, 2rem);
    font-weight: 800;
    color: var(--tc-payment-text);
}

.payment-subtitle[b-yvmwhppzeo] {
    max-width: 56rem;
    margin: 0.6rem 0 0;
    color: var(--tc-payment-muted);
    line-height: 1.6;
}

.payment-summary-card[b-yvmwhppzeo],
.payment-panel-card[b-yvmwhppzeo] {
    border: 1px solid var(--tc-payment-border);
    border-radius: 22px;
    box-shadow: var(--tc-payment-shadow);
}

.payment-summary-card .card-body[b-yvmwhppzeo] {
    padding: 1.1rem 1.2rem;
}

.payment-summary-label[b-yvmwhppzeo] {
    display: block;
    margin-bottom: 0.55rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--tc-payment-muted);
}

.payment-summary-value[b-yvmwhppzeo] {
    font-size: 1.7rem;
    line-height: 1.1;
    font-weight: 800;
    color: var(--tc-payment-text);
}

.payment-summary-note[b-yvmwhppzeo] {
    margin: 0.45rem 0 0;
    font-size: 0.79rem;
    line-height: 1.55;
    color: var(--tc-payment-muted);
}

.payment-panel-header[b-yvmwhppzeo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.92));
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
}

.payment-panel-title[b-yvmwhppzeo] {
    margin: 0;
    font-size: 1rem;
    font-weight: 760;
    color: var(--tc-payment-text);
}

.payment-panel-subtitle[b-yvmwhppzeo] {
    margin: 0.25rem 0 0;
    font-size: 0.8rem;
    color: var(--tc-payment-muted);
}

.payment-filters[b-yvmwhppzeo] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: min(100%, 42rem);
}

.payment-search[b-yvmwhppzeo],
.payment-select[b-yvmwhppzeo] {
    min-height: 2.9rem;
    border-radius: 14px;
}

.payment-search[b-yvmwhppzeo] {
    flex: 1 1 auto;
}

.payment-select[b-yvmwhppzeo] {
    width: 12rem;
}

.payment-select.small[b-yvmwhppzeo] {
    width: 9rem;
}

.payment-loading[b-yvmwhppzeo] {
    padding: 2rem 0;
}

.payment-empty-state[b-yvmwhppzeo] {
    padding: 3rem 1rem;
    text-align: center;
}

.payment-empty-state h3[b-yvmwhppzeo] {
    margin-bottom: 0.4rem;
    color: var(--tc-payment-text);
    font-size: 1.05rem;
}

.payment-empty-state p[b-yvmwhppzeo] {
    margin: 0;
    color: var(--tc-payment-muted);
}

.payment-list[b-yvmwhppzeo] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.payment-row[b-yvmwhppzeo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 12.5rem;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.payment-row:last-child[b-yvmwhppzeo] {
    border-bottom: 0;
    padding-bottom: 0;
}

.payment-row.is-inactive[b-yvmwhppzeo] {
    opacity: 0.88;
}

.payment-main[b-yvmwhppzeo] {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
}

.payment-identity[b-yvmwhppzeo] {
    display: flex;
    align-items: center;
    gap: 0.95rem;
}

.payment-logo-wrap[b-yvmwhppzeo] {
    position: relative;
    width: 3.6rem;
    height: 3.6rem;
    flex: 0 0 3.6rem;
}

.payment-logo[b-yvmwhppzeo] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
    padding: 0.35rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(243, 246, 252, 0.92));
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.payment-flag[b-yvmwhppzeo] {
    position: absolute;
    right: -0.2rem;
    bottom: -0.2rem;
    width: 1.2rem;
    height: 1.2rem;
    object-fit: cover;
    border-radius: 999px;
    border: 2px solid #fff;
    background: #fff;
}

.payment-name-row[b-yvmwhppzeo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

.payment-name-row h3[b-yvmwhppzeo] {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 760;
    color: var(--tc-payment-text);
}

.payment-code[b-yvmwhppzeo],
.payment-pill[b-yvmwhppzeo],
.payment-status[b-yvmwhppzeo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.7rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.payment-code[b-yvmwhppzeo] {
    background: rgba(17, 85, 204, 0.08);
    color: var(--tc-payment-accent);
}

.payment-pill[b-yvmwhppzeo] {
    background: rgba(15, 23, 42, 0.06);
    color: var(--tc-payment-text);
}

.payment-status.status-active[b-yvmwhppzeo] {
    background: rgba(18, 183, 106, 0.12);
    color: #067647;
}

.payment-status.status-inactive[b-yvmwhppzeo] {
    background: rgba(245, 158, 11, 0.14);
    color: #b54708;
}

.payment-meta-row[b-yvmwhppzeo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.35rem;
    color: var(--tc-payment-muted);
    font-size: 0.84rem;
}

.payment-dot[b-yvmwhppzeo] {
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 999px;
    background: rgba(102, 112, 133, 0.5);
}

.payment-metrics-grid[b-yvmwhppzeo] {
    display: grid;
    grid-template-columns: minmax(9rem, 0.65fr) minmax(32rem, 2.4fr) minmax(7.5rem, 0.5fr) minmax(7.5rem, 0.5fr);
    gap: 0.75rem;
    align-items: start;
}

.payment-metric[b-yvmwhppzeo],
.payment-switch-block[b-yvmwhppzeo] {
    padding: 0.9rem 1rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.payment-metric-label[b-yvmwhppzeo],
.payment-switch-label[b-yvmwhppzeo] {
    display: block;
    margin-bottom: 0.4rem;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--tc-payment-muted);
}

.payment-metric strong[b-yvmwhppzeo] {
    color: var(--tc-payment-text);
    font-size: 0.95rem;
    font-weight: 760;
}

.payment-provider-list[b-yvmwhppzeo] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.payment-provider-row[b-yvmwhppzeo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.65rem;
    border-radius: 14px;
    background: rgba(248, 250, 252, 0.92);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.payment-provider-meta[b-yvmwhppzeo] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
    flex: 1 1 14rem;
}

.payment-provider-meta strong[b-yvmwhppzeo] {
    font-size: 0.88rem;
    font-weight: 760;
    color: var(--tc-payment-text);
    line-height: 1.3;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.payment-provider-meta span[b-yvmwhppzeo] {
    font-size: 0.78rem;
    color: var(--tc-payment-muted);
    word-break: break-word;
}

.payment-provider-editor[b-yvmwhppzeo] {
    display: grid;
    grid-template-columns: minmax(5rem, 5.4rem) auto minmax(5rem, 5.8rem) auto;
    gap: 0.55rem 0.5rem;
    align-items: end;
    flex: 0 1 25rem;
    min-width: 24rem;
}

.payment-provider-priority[b-yvmwhppzeo] {
    width: 100%;
    min-height: 2.35rem;
    border-radius: 12px;
    text-align: center;
}

.payment-provider-editor > div[b-yvmwhppzeo] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.payment-provider-editor > div > label[b-yvmwhppzeo] {
    font-size: 0.75rem;
    opacity: 0.72;
    white-space: nowrap;
}

.payment-provider-editor fluent-button[b-yvmwhppzeo] {
    align-self: end;
    white-space: nowrap;
}

.payment-provider-editor fluent-button:nth-of-type(1)[b-yvmwhppzeo] {
    grid-column: 2;
}

.payment-provider-editor fluent-button:nth-of-type(2)[b-yvmwhppzeo] {
    grid-column: 4;
}

.payment-actions[b-yvmwhppzeo] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.payment-panel-footer[b-yvmwhppzeo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem 1.2rem;
    border-top: 1px solid rgba(15, 23, 42, 0.05);
}

.payment-page-indicator[b-yvmwhppzeo] {
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--tc-payment-muted);
}

@media (max-width: 1200px) {
    .payment-metrics-grid[b-yvmwhppzeo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .payment-row[b-yvmwhppzeo] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .admin-payment-page .container-fluid[b-yvmwhppzeo] {
        padding: 1rem;
        border-radius: 20px;
    }

    .payment-panel-header[b-yvmwhppzeo],
    .payment-filters[b-yvmwhppzeo],
    .payment-panel-footer[b-yvmwhppzeo] {
        flex-direction: column;
        align-items: stretch;
    }

    .payment-select[b-yvmwhppzeo],
    .payment-select.small[b-yvmwhppzeo] {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .payment-metrics-grid[b-yvmwhppzeo] {
        grid-template-columns: 1fr;
    }

    .payment-name-row[b-yvmwhppzeo] {
        align-items: flex-start;
    }

    .payment-provider-row[b-yvmwhppzeo],
    .payment-provider-editor[b-yvmwhppzeo] {
        flex-direction: column;
        align-items: stretch;
    }

    .payment-provider-editor[b-yvmwhppzeo] {
        display: grid;
        grid-template-columns: 1fr;
        min-width: 0;
        flex: 1 1 auto;
    }

    .payment-provider-priority[b-yvmwhppzeo] {
        width: 100%;
    }
}
/* /Pages/Pays.razor.rz.scp.css */
.admin-country-page[b-awkor3jdpj] {
    --tc-country-bg: linear-gradient(180deg, #f6f8fb 0%, #eef3f8 100%);
    --tc-country-border: rgba(15, 23, 42, 0.08);
    --tc-country-shadow: 0 16px 36px rgba(15, 23, 42, 0.07);
    --tc-country-text: #162033;
    --tc-country-muted: #667085;
    --tc-country-accent: #1155cc;
}

.admin-country-page .container-fluid[b-awkor3jdpj] {
    background: var(--tc-country-bg);
    border-radius: 28px;
    padding: 1.5rem;
}

.country-hero[b-awkor3jdpj] {
    margin-bottom: 1rem;
    padding: 1.35rem 1.5rem;
    background:
        radial-gradient(circle at top right, rgba(17, 85, 204, 0.12), transparent 40%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96));
    border: 1px solid var(--tc-country-border);
    border-radius: 24px;
    box-shadow: var(--tc-country-shadow);
}

.country-kicker[b-awkor3jdpj] {
    margin: 0 0 0.3rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--tc-country-accent);
}

.country-title[b-awkor3jdpj] {
    margin: 0;
    font-size: clamp(1.55rem, 1.8vw, 2rem);
    font-weight: 800;
    color: var(--tc-country-text);
}

.country-subtitle[b-awkor3jdpj] {
    max-width: 56rem;
    margin: 0.6rem 0 0;
    color: var(--tc-country-muted);
    line-height: 1.6;
}

.country-summary-card[b-awkor3jdpj],
.country-panel-card[b-awkor3jdpj] {
    border: 1px solid var(--tc-country-border);
    border-radius: 22px;
    box-shadow: var(--tc-country-shadow);
}

.country-summary-card .card-body[b-awkor3jdpj] {
    padding: 1.1rem 1.2rem;
}

.country-summary-label[b-awkor3jdpj] {
    display: block;
    margin-bottom: 0.55rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--tc-country-muted);
}

.country-summary-value[b-awkor3jdpj] {
    font-size: 1.7rem;
    line-height: 1.1;
    font-weight: 800;
    color: var(--tc-country-text);
}

.country-summary-note[b-awkor3jdpj] {
    margin: 0.45rem 0 0;
    font-size: 0.79rem;
    line-height: 1.55;
    color: var(--tc-country-muted);
}

.country-panel-header[b-awkor3jdpj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.92));
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
}

.country-panel-title[b-awkor3jdpj] {
    margin: 0;
    font-size: 1rem;
    font-weight: 760;
    color: var(--tc-country-text);
}

.country-panel-subtitle[b-awkor3jdpj] {
    margin: 0.25rem 0 0;
    font-size: 0.8rem;
    color: var(--tc-country-muted);
}

.country-filters[b-awkor3jdpj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: min(100%, 42rem);
}

.country-search[b-awkor3jdpj],
.country-select[b-awkor3jdpj] {
    min-height: 2.9rem;
    border-radius: 14px;
}

.country-search[b-awkor3jdpj] {
    flex: 1 1 auto;
}

.country-select[b-awkor3jdpj] {
    width: 12rem;
}

.country-select.small[b-awkor3jdpj] {
    width: 9rem;
}

.country-loading[b-awkor3jdpj] {
    padding: 2rem 0;
}

.country-empty-state[b-awkor3jdpj] {
    padding: 3rem 1rem;
    text-align: center;
}

.country-empty-state h3[b-awkor3jdpj] {
    margin-bottom: 0.4rem;
    color: var(--tc-country-text);
    font-size: 1.05rem;
}

.country-empty-state p[b-awkor3jdpj] {
    margin: 0;
    color: var(--tc-country-muted);
}

.country-list[b-awkor3jdpj] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.country-row[b-awkor3jdpj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 12.5rem;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.country-row:last-child[b-awkor3jdpj] {
    border-bottom: 0;
    padding-bottom: 0;
}

.country-row.is-inactive[b-awkor3jdpj] {
    opacity: 0.88;
}

.country-main[b-awkor3jdpj] {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
}

.country-identity[b-awkor3jdpj] {
    display: flex;
    align-items: center;
    gap: 0.95rem;
}

.country-logo-wrap[b-awkor3jdpj] {
    position: relative;
    width: 3.6rem;
    height: 3.6rem;
    flex: 0 0 3.6rem;
}

.country-logo[b-awkor3jdpj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
    padding: 0.35rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(243, 246, 252, 0.92));
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.country-emoji-flag[b-awkor3jdpj] {
    position: absolute;
    right: -0.15rem;
    bottom: -0.2rem;
    min-width: 1.4rem;
    height: 1.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    font-size: 0.8rem;
    line-height: 1;
}

.country-name-row[b-awkor3jdpj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

.country-name-row h3[b-awkor3jdpj] {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 760;
    color: var(--tc-country-text);
}

.country-code[b-awkor3jdpj],
.country-pill[b-awkor3jdpj],
.country-status[b-awkor3jdpj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.7rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.country-code[b-awkor3jdpj] {
    background: rgba(17, 85, 204, 0.08);
    color: var(--tc-country-accent);
}

.country-pill[b-awkor3jdpj] {
    background: rgba(15, 23, 42, 0.06);
    color: var(--tc-country-text);
}

.country-status.status-active[b-awkor3jdpj] {
    background: rgba(18, 183, 106, 0.12);
    color: #067647;
}

.country-status.status-inactive[b-awkor3jdpj] {
    background: rgba(245, 158, 11, 0.14);
    color: #b54708;
}

.country-meta-row[b-awkor3jdpj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.35rem;
    color: var(--tc-country-muted);
    font-size: 0.84rem;
}

.country-dot[b-awkor3jdpj] {
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 999px;
    background: rgba(102, 112, 133, 0.5);
}

.country-metrics-grid[b-awkor3jdpj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.country-metric[b-awkor3jdpj],
.country-switch-block[b-awkor3jdpj] {
    padding: 0.9rem 1rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.country-metric-label[b-awkor3jdpj],
.country-switch-label[b-awkor3jdpj] {
    display: block;
    margin-bottom: 0.4rem;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--tc-country-muted);
}

.country-metric strong[b-awkor3jdpj] {
    color: var(--tc-country-text);
    font-size: 0.95rem;
    font-weight: 760;
}

.country-actions[b-awkor3jdpj] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.country-panel-footer[b-awkor3jdpj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem 1.2rem;
    border-top: 1px solid rgba(15, 23, 42, 0.05);
}

.country-page-indicator[b-awkor3jdpj] {
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--tc-country-muted);
}

@media (max-width: 992px) {
    .country-row[b-awkor3jdpj] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .admin-country-page .container-fluid[b-awkor3jdpj] {
        padding: 1rem;
        border-radius: 20px;
    }

    .country-panel-header[b-awkor3jdpj],
    .country-filters[b-awkor3jdpj],
    .country-panel-footer[b-awkor3jdpj] {
        flex-direction: column;
        align-items: stretch;
    }

    .country-select[b-awkor3jdpj],
    .country-select.small[b-awkor3jdpj] {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .country-metrics-grid[b-awkor3jdpj] {
        grid-template-columns: 1fr;
    }

    .country-name-row[b-awkor3jdpj] {
        align-items: flex-start;
    }
}
/* /Pages/Rates.razor.rz.scp.css */
.rates-page[b-z45f8zcqfb] {
    --rates-border: rgba(15, 23, 42, 0.08);
    --rates-surface: #ffffff;
    --rates-soft-text: #63728f;
    --rates-accent: #2b66d9;
    --rates-success: #0f9f6f;
    --rates-danger: #cf4d56;
}

.rates-hero[b-z45f8zcqfb],
.rates-panel[b-z45f8zcqfb] {
    background: var(--rates-surface);
    border: 1px solid var(--rates-border);
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.rates-hero[b-z45f8zcqfb] {
    padding: 28px 32px;
    margin-bottom: 24px;
}

.rates-kicker[b-z45f8zcqfb] {
    margin: 0 0 8px;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--rates-accent);
}

.rates-title[b-z45f8zcqfb] {
    margin: 0;
    font-size: 1.95rem;
    font-weight: 760;
    color: #12284c;
}

.rates-subtitle[b-z45f8zcqfb] {
    margin: 12px 0 0;
    max-width: 760px;
    line-height: 1.7;
    color: var(--rates-soft-text);
}

.rates-panel[b-z45f8zcqfb] {
    padding: 22px;
}

.rates-panel-head[b-z45f8zcqfb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.rates-panel-head h2[b-z45f8zcqfb] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: #12284c;
}

.rates-panel-head p[b-z45f8zcqfb] {
    margin: 6px 0 0;
    color: var(--rates-soft-text);
}

.rates-table-shell[b-z45f8zcqfb] {
    border: 1px solid var(--rates-border);
    border-radius: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    background: #f8fbff;
    -webkit-overflow-scrolling: touch;
}

.rates-table[b-z45f8zcqfb] {
    margin: 0;
    min-width: 760px;
    background: var(--rates-surface);
}

.rates-table thead th[b-z45f8zcqfb] {
    padding: 16px 18px;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b7b98;
    background: #f8fbff;
    border-bottom: 1px solid var(--rates-border);
}

.rates-table tbody td[b-z45f8zcqfb] {
    padding: 18px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.rates-table tbody tr:last-child td[b-z45f8zcqfb] {
    border-bottom: 0;
}

.rate-pair-cell[b-z45f8zcqfb],
.rate-value-cell[b-z45f8zcqfb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rate-pair-cell strong[b-z45f8zcqfb],
.rate-value-cell strong[b-z45f8zcqfb] {
    color: #12284c;
}

.rate-pair-cell span[b-z45f8zcqfb],
.rate-value-cell span[b-z45f8zcqfb] {
    color: var(--rates-soft-text);
    font-size: 0.9rem;
}

.rate-side-pill[b-z45f8zcqfb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0.38rem 0.72rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.rate-side-pill.is-buy[b-z45f8zcqfb] {
    background: rgba(15, 159, 111, 0.12);
    color: var(--rates-success);
}

.rate-side-pill.is-sell[b-z45f8zcqfb] {
    background: rgba(207, 77, 86, 0.12);
    color: var(--rates-danger);
}

.rates-loading-state[b-z45f8zcqfb] {
    padding: 40px 24px;
    text-align: center;
}

@media (max-width: 768px) {
    .rates-hero[b-z45f8zcqfb] {
        padding: 22px;
    }

    .rates-title[b-z45f8zcqfb] {
        font-size: 1.55rem;
    }

    .rates-panel[b-z45f8zcqfb] {
        padding: 18px;
    }
}
/* /Pages/Securite.razor.rz.scp.css */
.security-page[b-20wr4al1v5] {
    --security-border: rgba(15, 23, 42, 0.08);
    --security-surface: #ffffff;
    --security-soft-text: #63728f;
    --security-accent: #2b66d9;
}

.security-hero[b-20wr4al1v5],
.security-add-card[b-20wr4al1v5],
.security-list-card[b-20wr4al1v5] {
    background: var(--security-surface);
    border: 1px solid var(--security-border);
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.security-hero[b-20wr4al1v5] {
    padding: 28px 32px;
    margin-bottom: 24px;
}

.security-kicker[b-20wr4al1v5] {
    margin: 0 0 8px;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--security-accent);
}

.security-title[b-20wr4al1v5] {
    margin: 0;
    font-size: 1.95rem;
    font-weight: 760;
    color: #12284c;
}

.security-subtitle[b-20wr4al1v5] {
    margin: 12px 0 0;
    max-width: 760px;
    line-height: 1.7;
    color: var(--security-soft-text);
}

.security-layout[b-20wr4al1v5] {
    display: grid;
    grid-template-columns: minmax(320px, 380px) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.security-add-card[b-20wr4al1v5],
.security-list-card[b-20wr4al1v5] {
    padding: 22px;
}

.security-section-head[b-20wr4al1v5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.security-section-head h2[b-20wr4al1v5] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: #12284c;
}

.security-section-head p[b-20wr4al1v5] {
    margin: 6px 0 0;
    color: var(--security-soft-text);
}

.security-form-grid[b-20wr4al1v5] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.security-field[b-20wr4al1v5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.security-field span[b-20wr4al1v5] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--security-soft-text);
}

.security-field-wide[b-20wr4al1v5] {
    grid-column: 1 / -1;
}

.security-form-actions[b-20wr4al1v5] {
    display: flex;
    justify-content: flex-end;
    margin-top: 18px;
}

.security-table-shell[b-20wr4al1v5] {
    border: 1px solid var(--security-border);
    border-radius: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    background: #f8fbff;
    -webkit-overflow-scrolling: touch;
}

.security-table[b-20wr4al1v5] {
    margin: 0;
    min-width: 880px;
    background: var(--security-surface);
}

.security-table thead th[b-20wr4al1v5] {
    padding: 16px 18px;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b7b98;
    background: #f8fbff;
    border-bottom: 1px solid var(--security-border);
}

.security-table tbody td[b-20wr4al1v5] {
    padding: 18px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.security-table tbody tr:last-child td[b-20wr4al1v5] {
    border-bottom: 0;
}

.security-url-cell strong[b-20wr4al1v5],
.security-meta-cell strong[b-20wr4al1v5],
.security-added-by[b-20wr4al1v5] {
    color: #12284c;
}

.security-meta-cell[b-20wr4al1v5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.security-meta-cell span[b-20wr4al1v5] {
    color: var(--security-soft-text);
    font-size: 0.9rem;
}

.security-label-pill[b-20wr4al1v5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0.38rem 0.72rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--security-accent);
    background: #edf3ff;
}

.security-empty-state[b-20wr4al1v5],
.security-loading-state[b-20wr4al1v5] {
    padding: 40px 24px;
    text-align: center;
    color: var(--security-soft-text);
}

@media (max-width: 1100px) {
    .security-layout[b-20wr4al1v5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .security-hero[b-20wr4al1v5],
    .security-add-card[b-20wr4al1v5],
    .security-list-card[b-20wr4al1v5] {
        padding: 18px;
    }

    .security-title[b-20wr4al1v5] {
        font-size: 1.55rem;
    }
}
/* /Pages/ServiceHealth.razor.rz.scp.css */
.service-health-page[b-zvk8r4tlrd] {
    --service-health-border: rgba(15, 23, 42, 0.08);
    --service-health-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

.service-health-hero[b-zvk8r4tlrd] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    align-items: flex-start;
    padding: 1.6rem 1.8rem;
    margin-bottom: 1rem;
    border-radius: 1.5rem;
    border: 1px solid var(--service-health-border);
    background:
        radial-gradient(circle at top right, rgba(13, 110, 253, 0.12), transparent 30%),
        linear-gradient(135deg, #ffffff, #f8fbff);
    box-shadow: var(--service-health-shadow);
}

.service-health-kicker[b-zvk8r4tlrd],
.service-health-summary-label[b-zvk8r4tlrd] {
    margin: 0 0 0.35rem;
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #315aa6;
}

.service-health-title[b-zvk8r4tlrd] {
    margin: 0;
    font-size: clamp(1.9rem, 1.2vw + 1.45rem, 2.5rem);
    line-height: 1.1;
    color: #102546;
}

.service-health-subtitle[b-zvk8r4tlrd],
.service-health-summary-note[b-zvk8r4tlrd],
.service-health-panel-subtitle[b-zvk8r4tlrd],
.service-health-message[b-zvk8r4tlrd],
.service-health-action-note[b-zvk8r4tlrd],
.service-health-static-note[b-zvk8r4tlrd] {
    margin: 0;
    color: #5d6f91;
    font-size: 0.92rem;
}

.service-health-subtitle[b-zvk8r4tlrd] {
    max-width: 60rem;
    margin-top: 0.7rem;
}

.service-health-hero-badge[b-zvk8r4tlrd] {
    min-width: 15rem;
    padding: 1rem 1.1rem;
    border-radius: 1.2rem;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    align-items: flex-start;
}

.service-health-hero-badge strong[b-zvk8r4tlrd] {
    font-size: 1rem;
    color: #102546;
}

.service-health-hero-badge span:last-child[b-zvk8r4tlrd] {
    font-size: 0.84rem;
    color: #5d6f91;
}

.service-health-hero-badge-dot[b-zvk8r4tlrd] {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 999px;
    display: inline-block;
}

.service-health-hero-badge.is-healthy[b-zvk8r4tlrd] {
    background: rgba(25, 135, 84, 0.08);
    border-color: rgba(25, 135, 84, 0.15);
}

.service-health-hero-badge.is-healthy .service-health-hero-badge-dot[b-zvk8r4tlrd] {
    background: #198754;
}

.service-health-hero-badge.is-degraded[b-zvk8r4tlrd] {
    background: rgba(255, 193, 7, 0.12);
    border-color: rgba(255, 193, 7, 0.2);
}

.service-health-hero-badge.is-degraded .service-health-hero-badge-dot[b-zvk8r4tlrd] {
    background: #c78b00;
}

.service-health-hero-badge.is-unhealthy[b-zvk8r4tlrd] {
    background: rgba(220, 53, 69, 0.08);
    border-color: rgba(220, 53, 69, 0.15);
}

.service-health-hero-badge.is-unhealthy .service-health-hero-badge-dot[b-zvk8r4tlrd] {
    background: #dc3545;
}

.service-health-hero-badge.is-unknown[b-zvk8r4tlrd] {
    background: rgba(108, 117, 125, 0.08);
    border-color: rgba(108, 117, 125, 0.15);
}

.service-health-hero-badge.is-unknown .service-health-hero-badge-dot[b-zvk8r4tlrd] {
    background: #6c757d;
}

.service-health-summary-card[b-zvk8r4tlrd],
.service-health-panel-card[b-zvk8r4tlrd] {
    border: 1px solid var(--service-health-border);
    border-radius: 1.35rem;
    box-shadow: var(--service-health-shadow);
}

.service-health-summary-card .card-body[b-zvk8r4tlrd] {
    padding: 1.15rem 1.2rem;
}

.service-health-summary-value[b-zvk8r4tlrd] {
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    color: #102546;
    margin-bottom: 0.5rem;
}

.service-health-summary-value.small[b-zvk8r4tlrd] {
    font-size: 1.1rem;
    line-height: 1.3;
}

.service-health-panel-header[b-zvk8r4tlrd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1.35rem 1.4rem 1rem;
    border-bottom: 1px solid var(--service-health-border);
}

.service-health-panel-title[b-zvk8r4tlrd] {
    margin: 0 0 0.2rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #102546;
}

.service-health-filters[b-zvk8r4tlrd] {
    display: flex;
    gap: 0.7rem;
    align-items: center;
}

.service-health-search[b-zvk8r4tlrd] {
    min-width: 20rem;
}

.service-health-select[b-zvk8r4tlrd] {
    min-width: 12rem;
}

.service-health-loading[b-zvk8r4tlrd] {
    padding: 1.5rem 0 1rem;
}

.service-health-empty-state[b-zvk8r4tlrd] {
    padding: 3rem 1rem;
    text-align: center;
}

.service-health-empty-state h3[b-zvk8r4tlrd] {
    margin-bottom: 0.35rem;
    color: #102546;
    font-size: 1.1rem;
}

.service-health-list[b-zvk8r4tlrd] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.service-health-row[b-zvk8r4tlrd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--service-health-border);
    border-radius: 1.15rem;
    background: #fff;
}

.service-health-row.is-available[b-zvk8r4tlrd] {
    background: linear-gradient(180deg, rgba(25, 135, 84, 0.035), #fff);
}

.service-health-row.is-unavailable[b-zvk8r4tlrd] {
    background: linear-gradient(180deg, rgba(220, 53, 69, 0.04), #fff);
}

.service-health-main[b-zvk8r4tlrd] {
    display: flex;
    gap: 0.95rem;
    flex: 1;
    min-width: 0;
}

.service-health-status-icon[b-zvk8r4tlrd] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #edf4ff;
    color: #315aa6;
}

.service-health-row.is-unavailable .service-health-status-icon[b-zvk8r4tlrd] {
    background: rgba(220, 53, 69, 0.09);
    color: #dc3545;
}

.service-health-name-row[b-zvk8r4tlrd] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.28rem;
}

.service-health-name-row h3[b-zvk8r4tlrd] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #102546;
}

.service-health-code[b-zvk8r4tlrd],
.service-health-badge[b-zvk8r4tlrd],
.service-health-detail-pill[b-zvk8r4tlrd] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 999px;
    padding: 0.24rem 0.6rem;
    font-size: 0.76rem;
    font-weight: 600;
}

.service-health-code[b-zvk8r4tlrd] {
    background: #edf4ff;
    color: #315aa6;
}

.service-health-badge.badge-available[b-zvk8r4tlrd] {
    background: rgba(25, 135, 84, 0.12);
    color: #198754;
}

.service-health-badge.badge-unavailable[b-zvk8r4tlrd] {
    background: rgba(220, 53, 69, 0.12);
    color: #dc3545;
}

.service-health-details[b-zvk8r4tlrd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.7rem;
}

.service-health-detail-pill[b-zvk8r4tlrd] {
    background: #f5f8fd;
    color: #3b4f75;
    font-weight: 500;
}

.service-health-detail-pill strong[b-zvk8r4tlrd] {
    font-weight: 700;
}

.service-health-actions[b-zvk8r4tlrd] {
    min-width: 12rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 0.45rem;
}

.service-health-switch-block[b-zvk8r4tlrd] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.45rem;
}

.service-health-switch-label[b-zvk8r4tlrd] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #556987;
}

.service-health-static-note[b-zvk8r4tlrd] {
    padding: 0.32rem 0.65rem;
    border-radius: 999px;
    background: #f4f6fa;
    color: #6c7b95;
    font-size: 0.78rem;
}

@media (max-width: 991.98px) {
    .service-health-hero[b-zvk8r4tlrd],
    .service-health-panel-header[b-zvk8r4tlrd],
    .service-health-row[b-zvk8r4tlrd] {
        flex-direction: column;
    }

    .service-health-filters[b-zvk8r4tlrd] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .service-health-search[b-zvk8r4tlrd],
    .service-health-select[b-zvk8r4tlrd],
    .service-health-hero-badge[b-zvk8r4tlrd],
    .service-health-actions[b-zvk8r4tlrd] {
        width: 100%;
        min-width: 0;
    }

    .service-health-actions[b-zvk8r4tlrd],
    .service-health-switch-block[b-zvk8r4tlrd] {
        align-items: flex-start;
    }
}
/* /Pages/Traitement.razor.rz.scp.css */


.tc-traitement-page[b-af3hixslx3] {
    --tc-page-bg: linear-gradient(180deg, #f6f8fb 0%, #eef3f8 100%);
    --tc-border: rgba(15, 23, 42, 0.08);
    --tc-shadow: 0 18px 38px rgba(15, 23, 42, 0.07);
    --tc-text: #162033;
    --tc-muted: #667085;
    --tc-success: #0f9f6e;
    --tc-success-soft: #e7f8f1;
    --tc-warning: #d97706;
    --tc-warning-soft: #fff4df;
    --tc-danger: #d92d20;
    --tc-danger-soft: #fdecea;
    --tc-accent: #1155cc;
    --tc-accent-soft: #e8f0ff;
    --tc-operator: #7c3aed;
    --tc-operator-soft: #ede9fe;
    --tc-blockchain: #0284c7;
    --tc-blockchain-soft: #e0f2fe;
}

    .tc-traitement-page .container-fluid[b-af3hixslx3] {
        background: var(--tc-page-bg);
        border-radius: 28px;
        padding: 1.5rem;
    }


.traitement-hero[b-af3hixslx3] {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.5rem 1.75rem;
    margin-bottom: 1.25rem;
    background: radial-gradient(circle at top right, rgba(17, 85, 204, 0.12), transparent 38%), linear-gradient(135deg, rgba(255,255,255,.98), rgba(245,248,255,.96));
    border: 1px solid var(--tc-border);
    border-radius: 24px;
    box-shadow: var(--tc-shadow);
}

.traitement-kicker[b-af3hixslx3] {
    margin: 0 0 .35rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .68rem;
    font-weight: 700;
    color: var(--tc-accent);
}

.traitement-title[b-af3hixslx3] {
    margin: 0;
    color: var(--tc-text);
    font-size: clamp(1.45rem, 1.8vw, 1.95rem);
    font-weight: 800;
}

.traitement-subtitle[b-af3hixslx3] {
    max-width: 62rem;
    margin: .6rem 0 0;
    color: var(--tc-muted);
    line-height: 1.6;
    font-size: .92rem;
}

.traitement-hero-meta[b-af3hixslx3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: .85rem;
    min-width: min(100%, 360px);
}

.hero-chip[b-af3hixslx3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .25rem;
    padding: .95rem 1rem;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(17,85,204,.08);
    border-radius: 18px;
}

.hero-chip-label[b-af3hixslx3] {
    color: var(--tc-muted);
    font-size: .74rem;
}

.hero-chip strong[b-af3hixslx3] {
    color: var(--tc-text);
    font-size: .9rem;
}

/* ── OVERVIEW CARDS ────────────────────────────────────────── */

.traitement-overview-grid[b-af3hixslx3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.traitement-overview-card[b-af3hixslx3] {
    display: flex;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    background: #fff;
    border: 1px solid var(--tc-border);
    border-radius: 22px;
    box-shadow: 0 12px 28px rgba(15,23,42,.05);
}

.traitement-overview-icon[b-af3hixslx3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.85rem;
    height: 2.85rem;
    border-radius: 16px;
    flex-shrink: 0;
}

.traitement-overview-card.is-total .traitement-overview-icon[b-af3hixslx3] {
    background: #edf4ff;
    color: var(--tc-accent);
}

.traitement-overview-card.is-operator .traitement-overview-icon[b-af3hixslx3] {
    background: var(--tc-operator-soft);
    color: var(--tc-operator);
}

.traitement-overview-card.is-blockchain .traitement-overview-icon[b-af3hixslx3] {
    background: var(--tc-blockchain-soft);
    color: var(--tc-blockchain);
}

.traitement-overview-card.is-failed .traitement-overview-icon[b-af3hixslx3] {
    background: var(--tc-danger-soft);
    color: var(--tc-danger);
}

.traitement-overview-label[b-af3hixslx3],
.traitement-overview-hint[b-af3hixslx3] {
    margin: 0;
}

.traitement-overview-label[b-af3hixslx3] {
    color: var(--tc-muted);
    font-size: .79rem;
}

.traitement-overview-value[b-af3hixslx3] {
    margin: .15rem 0;
    color: var(--tc-text);
    font-size: 1.35rem;
    font-weight: 800;
}

.traitement-overview-hint[b-af3hixslx3] {
    color: var(--tc-muted);
    font-size: .74rem;
}

/* ── TABLE SHELL ───────────────────────────────────────────── */

.traitement-table-shell[b-af3hixslx3] {
    background: rgba(255,255,255,.92);
    border: 1px solid var(--tc-border);
    border-radius: 26px;
    box-shadow: var(--tc-shadow);
    overflow: hidden;
}

.traitement-table-header[b-af3hixslx3] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.35rem 1.5rem 1rem;
    border-bottom: 1px solid rgba(15,23,42,.06);
}

    .traitement-table-header h3[b-af3hixslx3] {
        margin: 0;
        color: var(--tc-text);
        font-size: 1.02rem;
        font-weight: 750;
    }

/* Filtres */
.traitement-filters-bar[b-af3hixslx3] {
    display: grid;
    grid-template-columns: minmax(280px, 1.8fr) minmax(150px,.8fr) minmax(150px,.8fr);
    gap: .75rem;
    margin-top: .85rem;
}

.traitement-search-input[b-af3hixslx3] {
    width: 100%;
    min-height: 38px;
    padding: .45rem .75rem;
    border: 1px solid rgba(15,23,42,.12);
    border-radius: 12px;
    font-size: .82rem;
    color: var(--tc-text);
    background: #fff;
    outline: none;
}

    .traitement-search-input:focus[b-af3hixslx3] {
        border-color: rgba(17,85,204,.4);
        box-shadow: 0 0 0 3px rgba(17,85,204,.08);
    }

.traitement-filter-select[b-af3hixslx3] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

    .traitement-filter-select label[b-af3hixslx3] {
        color: var(--tc-muted);
        font-size: .72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .04em;
    }

.traitement-native-select[b-af3hixslx3] {
    width: 100%;
    min-height: 38px;
    padding: .45rem .75rem;
    border: 1px solid rgba(15,23,42,.12);
    border-radius: 12px;
    background: #fff;
    color: var(--tc-text);
    font-size: .82rem;
    outline: none;
}

    .traitement-native-select:focus[b-af3hixslx3] {
        border-color: rgba(17,85,204,.4);
        box-shadow: 0 0 0 3px rgba(17,85,204,.08);
    }

/* Summary pills */
.traitement-table-summary[b-af3hixslx3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem;
}

.traitement-summary-pill[b-af3hixslx3] {
    padding: .48rem .8rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
    background: #f2f4f7;
    color: #475467;
}

    .traitement-summary-pill.is-operator[b-af3hixslx3] {
        background: var(--tc-operator-soft);
        color: var(--tc-operator);
    }

    .traitement-summary-pill.is-blockchain[b-af3hixslx3] {
        background: var(--tc-blockchain-soft);
        color: var(--tc-blockchain);
    }

    .traitement-summary-pill.is-danger[b-af3hixslx3] {
        background: var(--tc-danger-soft);
        color: var(--tc-danger);
    }

/* ── TABLE ──────────────────────────────────────────────────── */

.traitement-table[b-af3hixslx3] {
    min-width: 1200px;
}

    .traitement-table thead th[b-af3hixslx3] {
        padding: .95rem 1rem;
        background: #f8fafc;
        color: #475467;
        font-size: .71rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .05em;
        border-bottom: 1px solid rgba(15,23,42,.08);
        white-space: nowrap;
    }

    .traitement-table tbody td[b-af3hixslx3] {
        padding: .9rem .85rem;
        vertical-align: top;
        border-bottom: 1px solid rgba(15,23,42,.06);
    }

    .traitement-table tbody tr:hover[b-af3hixslx3] {
        background: rgba(17,85,204,.025);
    }

    /* Row highlights */
    .traitement-table tbody tr.row-failed[b-af3hixslx3] {
        border-left: 3px solid var(--tc-danger);
    }

    .traitement-table tbody tr.row-operator[b-af3hixslx3] {
        border-left: 3px solid var(--tc-operator);
    }

    .traitement-table tbody tr.row-blockchain[b-af3hixslx3] {
        border-left: 3px solid var(--tc-blockchain);
    }

/* Col widths */
.col-transaction[b-af3hixslx3] {
    width: 18%;
}

.col-flow[b-af3hixslx3] {
    width: 20%;
}

.col-network[b-af3hixslx3] {
    width: 15%;
}

.col-reference[b-af3hixslx3] {
    width: 17%;
}

.col-signals[b-af3hixslx3] {
    width: 17%;
}

.col-actions[b-af3hixslx3] {
    width: 13%;
}

/* ── CELLS ── */

/* Transaction */
.t-id-line[b-af3hixslx3] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .t-id-line strong[b-af3hixslx3] {
        font-size: .88rem;
        color: var(--tc-text);
    }

.t-meta[b-af3hixslx3] {
    color: var(--tc-muted);
    font-size: .71rem;
    margin-top: .2rem;
}

.t-user[b-af3hixslx3] {
    display: flex;
    gap: .65rem;
    align-items: center;
    margin-top: .72rem;
}

.t-avatar[b-af3hixslx3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #1155cc, #35a2ff);
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
    flex-shrink: 0;
}

.t-user-name[b-af3hixslx3] {
    font-weight: 700;
    font-size: .84rem;
    color: var(--tc-text);
}

.t-user-sub[b-af3hixslx3] {
    color: var(--tc-muted);
    font-size: .71rem;
}

/* Flow */
.t-asset-line[b-af3hixslx3] {
    display: flex;
    gap: .7rem;
    align-items: flex-start;
}

.t-asset-logos[b-af3hixslx3] {
    position: relative;
    width: 2.8rem;
    height: 2.4rem;
    flex-shrink: 0;
}

.t-asset-logo[b-af3hixslx3] {
    position: absolute;
    width: 1.9rem;
    height: 1.9rem;
    object-fit: cover;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0 6px 14px rgba(15,23,42,.1);
}

    .t-asset-logo.crypto[b-af3hixslx3] {
        top: 0;
        left: 0;
    }

    .t-asset-logo.network[b-af3hixslx3] {
        right: 0;
        bottom: 0;
    }

.t-asset-content[b-af3hixslx3] {
    display: flex;
    flex-direction: column;
    gap: .28rem;
}

.t-pair[b-af3hixslx3] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .84rem;
    font-weight: 700;
    color: var(--tc-text);
}

.t-network-pill[b-af3hixslx3] {
    padding: .18rem .5rem;
    border-radius: 999px;
    background: var(--tc-accent-soft);
    color: var(--tc-accent);
    font-size: .65rem;
    font-weight: 700;
}

.t-amounts[b-af3hixslx3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem;
    font-size: .81rem;
}

.t-amount-main[b-af3hixslx3] {
    font-weight: 700;
    color: var(--tc-text);
}

.t-amount-crypto[b-af3hixslx3] {
    font-weight: 700;
    color: var(--tc-accent);
}

.t-amount-arrow[b-af3hixslx3] {
    color: var(--tc-muted);
    font-size: .75rem;
}

.t-fees[b-af3hixslx3] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .65rem;
    color: var(--tc-muted);
    font-size: .69rem;
}

.t-dollar[b-af3hixslx3] {
    color: var(--tc-muted);
    font-size: .69rem;
    font-style: italic;
}

/* Network */
.t-payment-stack[b-af3hixslx3] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.t-operator-line[b-af3hixslx3] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .82rem;
    font-weight: 600;
    color: var(--tc-text);
}

.t-operator-logo[b-af3hixslx3] {
    width: 1.55rem;
    height: 1.55rem;
    object-fit: contain;
    border-radius: 6px;
}

.t-copyable[b-af3hixslx3] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.t-mono[b-af3hixslx3] {
    font-family: Consolas, "Courier New", monospace;
    font-size: .72rem;
    color: var(--tc-muted);
    word-break: break-all;
}

.t-label-prefix[b-af3hixslx3] {
    color: var(--tc-muted);
    flex-shrink: 0;
}

.t-beneficiary[b-af3hixslx3] {
    display: flex;
    gap: .35rem;
    font-size: .76rem;
    color: var(--tc-text);
}

.t-service-tag[b-af3hixslx3] {
    display: inline-block;
    padding: .2rem .55rem;
    border-radius: 8px;
    background: #f2f4f7;
    color: #475467;
    font-size: .68rem;
    font-weight: 600;
    width: fit-content;
}

/* Reference */
.t-ref-stack[b-af3hixslx3] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.t-key-value[b-af3hixslx3] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.t-key-label[b-af3hixslx3] {
    color: var(--tc-muted);
    font-size: .66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.t-ref-link[b-af3hixslx3] {
    color: var(--tc-accent);
    text-decoration: none;
    font-size: .76rem;
    font-weight: 600;
}

    .t-ref-link:hover[b-af3hixslx3] {
        text-decoration: underline;
    }

.t-muted[b-af3hixslx3] {
    color: var(--tc-muted);
    font-size: .75rem;
}

/* Copy button */
.t-copy-btn[b-af3hixslx3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid rgba(15,23,42,.1);
    border-radius: 8px;
    background: rgba(255,255,255,.9);
    color: #667085;
    transition: 120ms ease;
    flex-shrink: 0;
    cursor: pointer;
}

    .t-copy-btn:hover[b-af3hixslx3] {
        border-color: rgba(17,85,204,.28);
        color: var(--tc-accent);
        background: #f8fbff;
    }

/* Signals */
.t-signal-stack[b-af3hixslx3] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.t-signal-badges[b-af3hixslx3] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

/* Pill atoms */
.t-direction-pill[b-af3hixslx3],
.t-status-pill[b-af3hixslx3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .38rem .62rem;
    border-radius: 999px;
    font-size: .67rem;
    font-weight: 700;
    white-space: nowrap;
    width: fit-content;
}

    .t-direction-pill.is-buy[b-af3hixslx3] {
        background: #eaf2ff;
        color: var(--tc-accent);
    }

    .t-direction-pill.is-sell[b-af3hixslx3] {
        background: var(--tc-success-soft);
        color: var(--tc-success);
    }

    .t-status-pill.is-operator[b-af3hixslx3] {
        background: var(--tc-operator-soft);
        color: var(--tc-operator);
    }

    .t-status-pill.is-blockchain[b-af3hixslx3] {
        background: var(--tc-blockchain-soft);
        color: var(--tc-blockchain);
    }

    .t-status-pill.is-failed[b-af3hixslx3] {
        background: var(--tc-danger-soft);
        color: var(--tc-danger);
    }

    .t-status-pill.is-pending[b-af3hixslx3] {
        background: var(--tc-warning-soft);
        color: var(--tc-warning);
    }

    .t-status-pill.is-success[b-af3hixslx3] {
        background: var(--tc-success-soft);
        color: var(--tc-success);
    }

    .t-status-pill.is-neutral[b-af3hixslx3] {
        background: #f2f4f7;
        color: #475467;
    }

/* Compliance */
.t-compliance[b-af3hixslx3] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    max-width: 7rem;
}

.t-compliance-label-row[b-af3hixslx3] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: var(--tc-muted);
    font-size: .68rem;
}

.t-compliance-track[b-af3hixslx3] {
    width: 5rem;
    height: .28rem;
    background: #edf0f5;
    border-radius: 999px;
    overflow: hidden;
}

.t-compliance-fill[b-af3hixslx3] {
    height: 100%;
    border-radius: 999px;
}

    .t-compliance-fill.is-high[b-af3hixslx3] {
        background: linear-gradient(90deg,#13b981,#0f9f6e);
    }

    .t-compliance-fill.is-medium[b-af3hixslx3] {
        background: linear-gradient(90deg,#f59e0b,#d97706);
    }

    .t-compliance-fill.is-low[b-af3hixslx3] {
        background: linear-gradient(90deg,#f97316,#ea580c);
    }

    .t-compliance-fill.is-risky[b-af3hixslx3] {
        background: linear-gradient(90deg,#ef4444,#dc2626);
    }

/* Message box */
.t-msg-box[b-af3hixslx3] {
    padding: .5rem .65rem;
    border-radius: 10px;
    background: #f8fafc;
    color: #475467;
    font-size: .69rem;
    line-height: 1.35;
    max-width: 14rem;
}

    .t-msg-box.is-warning[b-af3hixslx3] {
        background: var(--tc-warning-soft);
        color: #8a5600;
    }

    .t-msg-box.is-info[b-af3hixslx3] {
        background: var(--tc-accent-soft);
        color: var(--tc-accent);
    }

/* Actions */
.t-actions-stack[b-af3hixslx3] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: stretch;
}

.t-btn-primary[b-af3hixslx3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .5rem .85rem;
    background: var(--tc-accent);
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: .79rem;
    font-weight: 600;
    cursor: pointer;
    transition: 120ms ease;
    width: 100%;
}

    .t-btn-primary:hover[b-af3hixslx3] {
        background: #0d47c0;
    }

.t-quick-link[b-af3hixslx3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 1.9rem;
    padding: .3rem .65rem;
    border: 1px solid rgba(17,85,204,.12);
    border-radius: 12px;
    background: #f8fbff;
    color: var(--tc-accent);
    text-decoration: none;
    font-size: .76rem;
    font-weight: 600;
    transition: 100ms ease;
}

    .t-quick-link:hover[b-af3hixslx3] {
        background: var(--tc-accent-soft);
        border-color: rgba(17,85,204,.28);
    }

/* ── Empty / Loader ─────────────────────────────────────────── */

.traitement-loader[b-af3hixslx3],
.traitement-empty-state[b-af3hixslx3] {
    padding: 2.5rem 1.5rem;
}

.traitement-empty-state[b-af3hixslx3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: .65rem;
    color: var(--tc-muted);
}

    .traitement-empty-state h4[b-af3hixslx3] {
        margin: 0;
        color: var(--tc-text);
    }

/* ── Responsive ─────────────────────────────────────────────── */

@media (max-width: 1200px) {
    .traitement-hero[b-af3hixslx3],
    .traitement-table-header[b-af3hixslx3] {
        flex-direction: column;
    }

    .traitement-hero-meta[b-af3hixslx3],
    .traitement-overview-grid[b-af3hixslx3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .traitement-filters-bar[b-af3hixslx3] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .tc-traitement-page .container-fluid[b-af3hixslx3] {
        padding: 1rem;
        border-radius: 20px;
    }

    .traitement-hero[b-af3hixslx3],
    .traitement-overview-card[b-af3hixslx3],
    .traitement-table-header[b-af3hixslx3] {
        padding: 1rem;
    }

    .traitement-hero-meta[b-af3hixslx3],
    .traitement-overview-grid[b-af3hixslx3] {
        grid-template-columns: 1fr;
    }

    .traitement-filters-bar[b-af3hixslx3] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Transaction.razor.rz.scp.css */
.tc-transactions-page[b-rqs7awbb45] {
    --tc-page-bg: linear-gradient(180deg, #f6f8fb 0%, #eef3f8 100%);
    --tc-border: rgba(15, 23, 42, 0.08);
    --tc-shadow: 0 18px 38px rgba(15, 23, 42, 0.07);
    --tc-text: #162033;
    --tc-muted: #667085;
    --tc-success: #0f9f6e;
    --tc-success-soft: #e7f8f1;
    --tc-warning: #d97706;
    --tc-warning-soft: #fff4df;
    --tc-danger: #d92d20;
    --tc-danger-soft: #fdecea;
    --tc-accent: #1155cc;
    --tc-accent-soft: #e8f0ff;
}

.tc-transactions-page .container-fluid[b-rqs7awbb45] {
    background: var(--tc-page-bg);
    border-radius: 28px;
    padding: 1.5rem;
}

.transactions-hero[b-rqs7awbb45] {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.5rem 1.75rem;
    margin-bottom: 1.25rem;
    background:
        radial-gradient(circle at top right, rgba(17, 85, 204, 0.12), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(245, 248, 255, 0.96));
    border: 1px solid var(--tc-border);
    border-radius: 24px;
    box-shadow: var(--tc-shadow);
}

.transactions-kicker[b-rqs7awbb45] {
    margin: 0 0 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--tc-accent);
}

.transactions-title[b-rqs7awbb45] {
    margin: 0;
    color: var(--tc-text);
    font-size: clamp(1.45rem, 1.8vw, 1.95rem);
    font-weight: 800;
}

.transactions-subtitle[b-rqs7awbb45] {
    max-width: 62rem;
    margin: 0.6rem 0 0;
    color: var(--tc-muted);
    line-height: 1.6;
    font-size: 0.92rem;
}

.transactions-hero-meta[b-rqs7awbb45] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 0.85rem;
    min-width: min(100%, 420px);
}

.hero-chip[b-rqs7awbb45] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.95rem 1rem;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(17, 85, 204, 0.08);
    border-radius: 18px;
}

.hero-chip-label[b-rqs7awbb45] {
    color: var(--tc-muted);
    font-size: 0.74rem;
}

.hero-chip strong[b-rqs7awbb45] {
    color: var(--tc-text);
    font-size: 0.92rem;
}

.overview-grid[b-rqs7awbb45] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.overview-card[b-rqs7awbb45] {
    display: flex;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    background: #fff;
    border: 1px solid var(--tc-border);
    border-radius: 22px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.overview-icon[b-rqs7awbb45] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.85rem;
    height: 2.85rem;
    border-radius: 16px;
    flex-shrink: 0;
}

.overview-card.is-total .overview-icon[b-rqs7awbb45] {
    background: #edf4ff;
    color: var(--tc-accent);
}

.overview-card.is-pending .overview-icon[b-rqs7awbb45] {
    background: var(--tc-warning-soft);
    color: var(--tc-warning);
}

.overview-card.is-failed .overview-icon[b-rqs7awbb45] {
    background: var(--tc-danger-soft);
    color: var(--tc-danger);
}

.overview-card.is-money .overview-icon[b-rqs7awbb45] {
    background: var(--tc-success-soft);
    color: var(--tc-success);
}

.overview-label[b-rqs7awbb45],
.overview-hint[b-rqs7awbb45] {
    margin: 0;
}

.overview-label[b-rqs7awbb45] {
    color: var(--tc-muted);
    font-size: 0.79rem;
}

.overview-value[b-rqs7awbb45] {
    margin: 0.15rem 0;
    color: var(--tc-text);
    font-size: 1.35rem;
    font-weight: 800;
}

.overview-hint[b-rqs7awbb45] {
    color: var(--tc-muted);
    font-size: 0.74rem;
}

.table-shell[b-rqs7awbb45] {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid var(--tc-border);
    border-radius: 26px;
    box-shadow: var(--tc-shadow);
    overflow: hidden;
}

.table-header[b-rqs7awbb45] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.35rem 1.5rem 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.table-header h3[b-rqs7awbb45] {
    margin: 0;
    color: var(--tc-text);
    font-size: 1.02rem;
    font-weight: 750;
}

.table-summary[b-rqs7awbb45] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.summary-pill[b-rqs7awbb45] {
    padding: 0.48rem 0.8rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
    background: #f2f4f7;
    color: #475467;
}

.summary-pill.is-success[b-rqs7awbb45] {
    background: var(--tc-success-soft);
    color: var(--tc-success);
}

.summary-pill.is-warning[b-rqs7awbb45] {
    background: var(--tc-warning-soft);
    color: var(--tc-warning);
}

.summary-pill.is-danger[b-rqs7awbb45] {
    background: var(--tc-danger-soft);
    color: var(--tc-danger);
}

.filters-bar[b-rqs7awbb45] {
    display: grid;
    grid-template-columns: minmax(320px, 1.8fr) minmax(150px, 0.7fr) minmax(150px, 0.7fr);
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.filter-search[b-rqs7awbb45],
.filter-select[b-rqs7awbb45] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.filter-select label[b-rqs7awbb45] {
    color: var(--tc-muted);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.filter-native-select[b-rqs7awbb45] {
    width: 100%;
    min-height: 38px;
    padding: 0.45rem 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 12px;
    background: #fff;
    color: var(--tc-text);
    font-size: 0.82rem;
    outline: none;
}

.filter-native-select:focus[b-rqs7awbb45] {
    border-color: rgba(17, 85, 204, 0.4);
    box-shadow: 0 0 0 3px rgba(17, 85, 204, 0.08);
}

.monitoring-table[b-rqs7awbb45] {
    min-width: 1180px;
}

.monitoring-table thead th[b-rqs7awbb45] {
    padding: 0.95rem 1rem;
    background: #f8fafc;
    color: #475467;
    font-size: 0.71rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    white-space: nowrap;
}

.monitoring-table tbody td[b-rqs7awbb45] {
    padding: 0.85rem 0.85rem;
    vertical-align: top;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.monitoring-table tbody tr:hover[b-rqs7awbb45] {
    background: rgba(17, 85, 204, 0.025);
}

.transaction-id-line[b-rqs7awbb45],
.amount-line[b-rqs7awbb45],
.fees-line[b-rqs7awbb45],
.transaction-meta[b-rqs7awbb45],
.compliance-label-row[b-rqs7awbb45] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.col-transaction[b-rqs7awbb45] {
    width: 18%;
}

.col-flow[b-rqs7awbb45] {
    width: 19%;
}

.col-network[b-rqs7awbb45] {
    width: 16%;
}

.col-reference[b-rqs7awbb45] {
    width: 18%;
}

.col-signals[b-rqs7awbb45] {
    width: 16%;
}

.col-actions[b-rqs7awbb45] {
    width: 13%;
}

.transaction-id-line strong[b-rqs7awbb45],
.user-name[b-rqs7awbb45],
.pair-line[b-rqs7awbb45],
.key-value-text[b-rqs7awbb45] {
    color: var(--tc-text);
}

.transaction-id-line strong[b-rqs7awbb45] {
    font-size: 0.9rem;
}

.copy-button[b-rqs7awbb45] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.9);
    color: #667085;
    transition: 120ms ease;
    flex-shrink: 0;
}

.copy-button:hover[b-rqs7awbb45] {
    border-color: rgba(17, 85, 204, 0.28);
    color: var(--tc-accent);
    background: #f8fbff;
}

.transaction-meta[b-rqs7awbb45],
.fees-line[b-rqs7awbb45],
.muted[b-rqs7awbb45],
.key-label[b-rqs7awbb45] {
    color: var(--tc-muted);
    font-size: 0.72rem;
}

.transaction-meta[b-rqs7awbb45] {
    margin-top: 0.24rem;
}

.transaction-user[b-rqs7awbb45] {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    margin-top: 0.72rem;
}

.user-avatar[b-rqs7awbb45] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #1155cc, #35a2ff);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    flex-shrink: 0;
}

.user-name[b-rqs7awbb45] {
    font-weight: 700;
    font-size: 0.86rem;
}

.user-subline[b-rqs7awbb45] {
    color: var(--tc-muted);
    font-size: 0.72rem;
}

.asset-line[b-rqs7awbb45] {
    display: flex;
    gap: 0.7rem;
    align-items: flex-start;
}

.asset-content[b-rqs7awbb45] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

.asset-logos[b-rqs7awbb45] {
    position: relative;
    width: 2.8rem;
    height: 2.4rem;
    flex-shrink: 0;
}

.asset-logo[b-rqs7awbb45] {
    position: absolute;
    width: 1.95rem;
    height: 1.95rem;
    object-fit: cover;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.asset-logo.crypto[b-rqs7awbb45] {
    top: 0;
    left: 0;
}

.asset-logo.network[b-rqs7awbb45] {
    right: 0;
    bottom: 0;
}

.direction-pill[b-rqs7awbb45],
.status-pill[b-rqs7awbb45],
.service-pill[b-rqs7awbb45] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.69rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.direction-pill.is-buy[b-rqs7awbb45] {
    background: #eaf2ff;
    color: var(--tc-accent);
}

.direction-pill.is-sell[b-rqs7awbb45] {
    background: #eafbf4;
    color: var(--tc-success);
}

.pair-line[b-rqs7awbb45] {
    font-size: 0.8rem;
    font-weight: 700;
}

.amount-line[b-rqs7awbb45] {
    color: var(--tc-text);
    justify-content: flex-start;
}

.amount-line strong[b-rqs7awbb45] {
    font-size: 0.84rem;
    line-height: 1.35;
}

.fees-line[b-rqs7awbb45] {
    margin-top: 0.35rem;
    flex-wrap: wrap;
    gap: 0.18rem;
}

.reference-stack[b-rqs7awbb45],
.signal-stack[b-rqs7awbb45],
.actions-stack[b-rqs7awbb45] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.reference-link[b-rqs7awbb45],
.quick-link[b-rqs7awbb45] {
    color: var(--tc-accent);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.78rem;
}

.reference-link:hover[b-rqs7awbb45],
.quick-link:hover[b-rqs7awbb45] {
    text-decoration: underline;
}

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

.status-pill[b-rqs7awbb45] {
    width: fit-content;
    padding: 0.42rem 0.65rem;
    font-size: 0.67rem;
}

.direction-pill[b-rqs7awbb45] {
    width: fit-content;
    padding: 0.42rem 0.65rem;
}

.signal-badges[b-rqs7awbb45] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.status-pill.is-success[b-rqs7awbb45] {
    background: var(--tc-success-soft);
    color: var(--tc-success);
}

.status-pill.is-warning[b-rqs7awbb45] {
    background: var(--tc-warning-soft);
    color: var(--tc-warning);
}

.status-pill.is-danger[b-rqs7awbb45] {
    background: var(--tc-danger-soft);
    color: var(--tc-danger);
}

.status-pill.is-info[b-rqs7awbb45] {
    background: var(--tc-accent-soft);
    color: var(--tc-accent);
}

.status-pill.is-neutral[b-rqs7awbb45] {
    background: #f2f4f7;
    color: #475467;
}

.compliance-block[b-rqs7awbb45] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    max-width: 7rem;
}

.compliance-label-row[b-rqs7awbb45] {
    color: var(--tc-muted);
    font-size: 0.68rem;
    justify-content: flex-start;
    gap: 0.35rem;
}

.compliance-track[b-rqs7awbb45] {
    width: 5.15rem;
    height: 0.28rem;
    background: #edf0f5;
    border-radius: 999px;
    overflow: hidden;
}

.compliance-fill[b-rqs7awbb45] {
    height: 100%;
    border-radius: 999px;
}

.compliance-fill.is-high[b-rqs7awbb45] {
    background: linear-gradient(90deg, #13b981, #0f9f6e);
}

.compliance-fill.is-medium[b-rqs7awbb45] {
    background: linear-gradient(90deg, #f59e0b, #d97706);
}

.compliance-fill.is-low[b-rqs7awbb45] {
    background: linear-gradient(90deg, #f97316, #ea580c);
}

.compliance-fill.is-risky[b-rqs7awbb45] {
    background: linear-gradient(90deg, #ef4444, #dc2626);
}

.message-box[b-rqs7awbb45] {
    padding: 0.55rem 0.65rem;
    border-radius: 12px;
    background: #f8fafc;
    color: #475467;
    font-size: 0.69rem;
    line-height: 1.35;
    max-width: 15rem;
}

.copyable-value[b-rqs7awbb45] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    justify-content: flex-start;
    width: 100%;
}

.payment-stack[b-rqs7awbb45] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.payment-line[b-rqs7awbb45] {
    color: var(--tc-text);
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.message-box.is-warning[b-rqs7awbb45] {
    background: var(--tc-warning-soft);
    color: #8a5600;
}

.actions-stack[b-rqs7awbb45] {
    align-items: stretch;
}

.actions-stack fluent-button[b-rqs7awbb45] {
    width: 100%;
    --button-height: 34px;
}

.quick-link[b-rqs7awbb45] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 2rem;
    padding: 0.35rem 0.7rem;
    border: 1px solid rgba(17, 85, 204, 0.12);
    border-radius: 12px;
    background: #f8fbff;
    font-size: 0.78rem;
}

.col-signals .muted[b-rqs7awbb45] {
    display: inline-block;
    line-height: 1.3;
}

.col-reference .muted[b-rqs7awbb45],
.col-network .muted[b-rqs7awbb45] {
    font-size: 0.78rem;
}

.transactions-loader[b-rqs7awbb45],
.empty-state[b-rqs7awbb45] {
    padding: 2.5rem 1.5rem;
}

.empty-state[b-rqs7awbb45] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.65rem;
    color: var(--tc-muted);
}

.empty-state h4[b-rqs7awbb45] {
    margin: 0;
    color: var(--tc-text);
}

.pagination-shell[b-rqs7awbb45] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 1rem 1.25rem 1.35rem;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.pagination-button[b-rqs7awbb45] {
    min-width: 2.5rem;
}

.pagination-gap[b-rqs7awbb45] {
    color: var(--tc-muted);
    padding: 0 0.25rem;
}

@media (max-width: 1200px) {
    .transactions-hero[b-rqs7awbb45],
    .table-header[b-rqs7awbb45] {
        flex-direction: column;
    }

    .transactions-hero-meta[b-rqs7awbb45],
    .overview-grid[b-rqs7awbb45] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .filters-bar[b-rqs7awbb45] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .tc-transactions-page .container-fluid[b-rqs7awbb45] {
        padding: 1rem;
        border-radius: 20px;
    }

    .transactions-hero[b-rqs7awbb45],
    .overview-card[b-rqs7awbb45],
    .table-header[b-rqs7awbb45] {
        padding: 1rem;
    }

    .transactions-hero-meta[b-rqs7awbb45],
    .overview-grid[b-rqs7awbb45] {
        grid-template-columns: 1fr;
    }

    .filters-bar[b-rqs7awbb45] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Users.razor.rz.scp.css */
.users-page[b-1wbw1zfp2s] {
    --users-border: rgba(15, 23, 42, 0.08);
    --users-text-soft: #5f6f91;
    --users-surface: #ffffff;
    --users-surface-alt: #f7f9fc;
    --users-accent: #0f6cbd;
    --users-success: #0f9f6f;
    --users-danger: #cf4d56;
    --users-warning: #c88a16;
}

.users-hero[b-1wbw1zfp2s],
.users-panel[b-1wbw1zfp2s],
.users-summary-card[b-1wbw1zfp2s] {
    background: var(--users-surface);
    border: 1px solid var(--users-border);
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.users-hero[b-1wbw1zfp2s] {
    padding: 28px 32px;
    margin-bottom: 24px;
}

.users-kicker[b-1wbw1zfp2s] {
    margin: 0 0 8px;
    font-size: 0.77rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #2b66d9;
}

.users-title[b-1wbw1zfp2s] {
    margin: 0;
    font-size: 2rem;
    font-weight: 750;
    color: #12284c;
}

.users-subtitle[b-1wbw1zfp2s] {
    margin: 12px 0 0;
    max-width: 760px;
    color: var(--users-text-soft);
    line-height: 1.7;
}

.users-summary-grid[b-1wbw1zfp2s] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.users-summary-card[b-1wbw1zfp2s] {
    padding: 20px 22px;
}

.users-summary-label[b-1wbw1zfp2s],
.users-summary-note[b-1wbw1zfp2s] {
    display: block;
}

.users-summary-label[b-1wbw1zfp2s] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #4d6286;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.users-summary-value[b-1wbw1zfp2s] {
    display: block;
    margin-top: 12px;
    font-size: 2rem;
    line-height: 1;
    color: #10254a;
}

.users-summary-note[b-1wbw1zfp2s] {
    margin-top: 10px;
    font-size: 0.9rem;
    color: var(--users-text-soft);
}

.users-panel[b-1wbw1zfp2s] {
    padding: 22px;
}

.users-panel-head[b-1wbw1zfp2s] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}

.users-panel-head h2[b-1wbw1zfp2s] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #10254a;
}

.users-panel-head p[b-1wbw1zfp2s] {
    margin: 6px 0 0;
    color: var(--users-text-soft);
}

.users-toolbar[b-1wbw1zfp2s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.users-search-group[b-1wbw1zfp2s] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    flex: 1 1 560px;
}

.users-search-input[b-1wbw1zfp2s] {
    min-width: min(520px, 100%);
}

.users-toolbar-meta[b-1wbw1zfp2s] {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.users-page-size[b-1wbw1zfp2s] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--users-text-soft);
    font-size: 0.92rem;
}

.users-page-size .form-select[b-1wbw1zfp2s] {
    width: 88px;
    border-radius: 12px;
}

.users-range-label[b-1wbw1zfp2s] {
    color: var(--users-text-soft);
    font-size: 0.92rem;
}

.users-table-shell[b-1wbw1zfp2s] {
    border: 1px solid var(--users-border);
    border-radius: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    background: var(--users-surface-alt);
    -webkit-overflow-scrolling: touch;
}

.users-loading-state[b-1wbw1zfp2s],
.users-empty-state[b-1wbw1zfp2s] {
    padding: 42px 24px;
    text-align: center;
}

.users-empty-state h3[b-1wbw1zfp2s] {
    margin-bottom: 8px;
    color: #10254a;
}

.users-empty-state p[b-1wbw1zfp2s] {
    margin: 0;
    color: var(--users-text-soft);
}

.users-table[b-1wbw1zfp2s] {
    margin: 0;
    background: var(--users-surface);
    min-width: 1080px;
}

.users-table thead th[b-1wbw1zfp2s] {
    padding: 16px 18px;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6a7a98;
    background: #f8fbff;
    border-bottom: 1px solid var(--users-border);
}

.users-table tbody td[b-1wbw1zfp2s] {
    padding: 18px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    vertical-align: middle;
}

.users-table tbody tr:last-child td[b-1wbw1zfp2s] {
    border-bottom: 0;
}

.user-identity-cell[b-1wbw1zfp2s],
.user-meta-cell[b-1wbw1zfp2s],
.user-capability-list[b-1wbw1zfp2s],
.user-status-stack[b-1wbw1zfp2s] {
    display: flex;
}

.user-identity-cell[b-1wbw1zfp2s] {
    align-items: center;
    gap: 12px;
}

.user-identity-cell strong[b-1wbw1zfp2s],
.user-meta-cell strong[b-1wbw1zfp2s] {
    display: block;
    color: #10254a;
}

.user-identity-cell span[b-1wbw1zfp2s],
.user-meta-cell span[b-1wbw1zfp2s] {
    font-size: 0.9rem;
    color: var(--users-text-soft);
}

.user-avatar[b-1wbw1zfp2s] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    background: #eef3fb;
    flex-shrink: 0;
}

.user-grade-pill[b-1wbw1zfp2s],
.user-verified-pill[b-1wbw1zfp2s],
.user-pending-pill[b-1wbw1zfp2s],
.user-capability-pill[b-1wbw1zfp2s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.38rem 0.72rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.user-grade-pill[b-1wbw1zfp2s] {
    background: #edf3ff;
    color: #2b66d9;
}

.user-status-stack[b-1wbw1zfp2s] {
    flex-direction: column;
    gap: 8px;
}

.user-verified-pill.is-success[b-1wbw1zfp2s],
.user-capability-pill.is-enabled[b-1wbw1zfp2s] {
    background: rgba(15, 159, 111, 0.14);
    color: var(--users-success);
}

.user-verified-pill.is-danger[b-1wbw1zfp2s],
.user-capability-pill.is-disabled[b-1wbw1zfp2s] {
    background: rgba(207, 77, 86, 0.12);
    color: var(--users-danger);
}

.user-pending-pill[b-1wbw1zfp2s] {
    background: rgba(200, 138, 22, 0.12);
    color: var(--users-warning);
    width: fit-content;
}

.user-capability-list[b-1wbw1zfp2s] {
    gap: 8px;
    flex-wrap: wrap;
}

.users-pagination[b-1wbw1zfp2s] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
}

.users-pagination-label[b-1wbw1zfp2s] {
    color: var(--users-text-soft);
    font-size: 0.92rem;
}

@media (max-width: 1100px) {
    .users-summary-grid[b-1wbw1zfp2s] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .users-hero[b-1wbw1zfp2s] {
        padding: 22px;
    }

    .users-title[b-1wbw1zfp2s] {
        font-size: 1.55rem;
    }

    .users-summary-grid[b-1wbw1zfp2s] {
        grid-template-columns: 1fr;
    }

    .users-panel[b-1wbw1zfp2s] {
        padding: 18px;
    }

    .users-table-shell[b-1wbw1zfp2s] {
        border-radius: 16px;
    }

    .users-toolbar[b-1wbw1zfp2s],
    .users-toolbar-meta[b-1wbw1zfp2s],
    .users-pagination[b-1wbw1zfp2s] {
        align-items: stretch;
        justify-content: flex-start;
    }

    .users-search-group[b-1wbw1zfp2s] {
        flex-direction: column;
        align-items: stretch;
    }

    .users-search-input[b-1wbw1zfp2s] {
        min-width: 100%;
    }
}
/* /Pages/WalletDeposits.razor.rz.scp.css */
.wallet-deposits-page[b-5gw1zv5mvt] {
    --wallet-deposit-border: rgba(15, 23, 42, 0.08);
    --wallet-deposit-muted: #64748b;
}

.wallet-deposits-hero[b-5gw1zv5mvt],
.wallet-deposits-card[b-5gw1zv5mvt] {
    border: 1px solid var(--wallet-deposit-border);
    border-radius: 28px;
    box-shadow: 0 18px 60px rgba(15, 23, 42, 0.06);
}

.wallet-deposits-hero[b-5gw1zv5mvt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1.75rem 1.9rem;
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.08), rgba(59, 130, 246, 0.08));
}

.wallet-deposits-kicker[b-5gw1zv5mvt],
.wallet-deposit-label[b-5gw1zv5mvt] {
    color: var(--wallet-deposit-muted);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.wallet-deposits-kicker[b-5gw1zv5mvt] {
    margin: 0 0 0.45rem;
}

.wallet-deposits-title[b-5gw1zv5mvt],
.wallet-deposits-panel-title[b-5gw1zv5mvt] {
    margin: 0;
    color: #0f172a;
    font-size: 1.95rem;
    font-weight: 800;
    line-height: 1.12;
}

.wallet-deposits-subtitle[b-5gw1zv5mvt],
.wallet-deposits-panel-subtitle[b-5gw1zv5mvt],
.wallet-deposits-row p[b-5gw1zv5mvt],
.wallet-deposits-empty p[b-5gw1zv5mvt] {
    margin: 0;
    color: var(--wallet-deposit-muted);
}

.wallet-deposits-hero-actions[b-5gw1zv5mvt],
.wallet-deposits-filters[b-5gw1zv5mvt],
.wallet-deposit-copy-line[b-5gw1zv5mvt],
.wallet-deposits-actions[b-5gw1zv5mvt],
.wallet-deposits-top[b-5gw1zv5mvt] {
    display: flex;
    gap: 0.75rem;
}

.wallet-deposits-header[b-5gw1zv5mvt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem 1.5rem 0;
}

.wallet-deposits-filters input[b-5gw1zv5mvt] {
    min-width: 280px;
}

.wallet-deposits-filters select[b-5gw1zv5mvt] {
    min-width: 180px;
}

.wallet-deposits-list[b-5gw1zv5mvt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wallet-deposits-row[b-5gw1zv5mvt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem;
    border: 1px solid var(--wallet-deposit-border);
    border-radius: 24px;
    background: #fff;
}

.wallet-deposits-main[b-5gw1zv5mvt] {
    flex: 1;
    min-width: 0;
}

.wallet-deposits-top[b-5gw1zv5mvt] {
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.wallet-deposits-top h3[b-5gw1zv5mvt] {
    margin: 0 0 0.15rem;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
}

.wallet-deposits-grid[b-5gw1zv5mvt] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.wallet-deposit-copy-line[b-5gw1zv5mvt] {
    align-items: center;
    flex-wrap: wrap;
}

.wallet-deposit-copy-line code[b-5gw1zv5mvt],
.wallet-deposits-grid strong[b-5gw1zv5mvt] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 700;
}

.wallet-deposit-copy-line code[b-5gw1zv5mvt] {
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background: #f8fafc;
}

.wallet-deposit-badge[b-5gw1zv5mvt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.85rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.wallet-deposit-badge.is-info[b-5gw1zv5mvt] {
    background: rgba(59, 130, 246, 0.12);
    color: #1d4ed8;
}

.wallet-deposit-badge.is-warning[b-5gw1zv5mvt] {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

.wallet-deposit-badge.is-success[b-5gw1zv5mvt] {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.wallet-deposit-badge.is-danger[b-5gw1zv5mvt] {
    background: rgba(239, 68, 68, 0.12);
    color: #b91c1c;
}

.wallet-deposit-badge.is-neutral[b-5gw1zv5mvt] {
    background: rgba(148, 163, 184, 0.16);
    color: #475569;
}

.wallet-deposit-warning[b-5gw1zv5mvt] {
    margin-top: 0.9rem;
    padding: 0.8rem 0.9rem;
    border-radius: 16px;
    background: rgba(239, 68, 68, 0.06);
    color: #991b1b;
    font-size: 0.92rem;
}

.wallet-deposits-actions[b-5gw1zv5mvt] {
    flex-direction: column;
    min-width: 145px;
}

.wallet-deposit-action-button[b-5gw1zv5mvt] {
    width: 100%;
}

.wallet-deposits-loading[b-5gw1zv5mvt],
.wallet-deposits-empty[b-5gw1zv5mvt] {
    padding: 2rem 1rem;
}

.wallet-deposits-empty[b-5gw1zv5mvt] {
    text-align: center;
}

@media (max-width: 1199.98px) {
    .wallet-deposits-hero[b-5gw1zv5mvt],
    .wallet-deposits-header[b-5gw1zv5mvt],
    .wallet-deposits-row[b-5gw1zv5mvt] {
        flex-direction: column;
    }

    .wallet-deposits-grid[b-5gw1zv5mvt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wallet-deposits-actions[b-5gw1zv5mvt] {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 767.98px) {
    .wallet-deposits-filters[b-5gw1zv5mvt],
    .wallet-deposits-hero-actions[b-5gw1zv5mvt],
    .wallet-deposits-actions[b-5gw1zv5mvt] {
        flex-direction: column;
    }

    .wallet-deposits-filters input[b-5gw1zv5mvt],
    .wallet-deposits-filters select[b-5gw1zv5mvt] {
        min-width: 0;
        width: 100%;
    }

    .wallet-deposits-grid[b-5gw1zv5mvt] {
        grid-template-columns: 1fr;
    }

    .wallet-deposits-title[b-5gw1zv5mvt],
    .wallet-deposits-panel-title[b-5gw1zv5mvt] {
        font-size: 1.55rem;
    }
}
/* /Pages/WalletDetails.razor.rz.scp.css */
.wallet-detail-page[b-v26f7uqyim] {
    --wallet-detail-border: rgba(15, 23, 42, 0.08);
    --wallet-detail-muted: #64748b;
}

.wallet-detail-hero[b-v26f7uqyim],
.wallet-detail-card[b-v26f7uqyim],
.wallet-detail-table-card[b-v26f7uqyim],
.wallet-warning-banner[b-v26f7uqyim] {
    border-radius: 28px;
}

.wallet-detail-hero[b-v26f7uqyim],
.wallet-warning-banner[b-v26f7uqyim] {
    margin-bottom: 1rem;
}

.wallet-detail-hero[b-v26f7uqyim] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.75rem 1.9rem;
    border: 1px solid var(--wallet-detail-border);
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.08), rgba(59, 130, 246, 0.08));
    box-shadow: 0 18px 60px rgba(15, 23, 42, 0.06);
}

.wallet-detail-breadcrumb[b-v26f7uqyim],
.wallet-detail-hero-actions[b-v26f7uqyim],
.wallet-detail-copy-line[b-v26f7uqyim],
.wallet-detail-filters[b-v26f7uqyim],
.wallet-deposit-top[b-v26f7uqyim],
.wallet-deposit-actions[b-v26f7uqyim] {
    display: flex;
    gap: 0.75rem;
}

.wallet-detail-breadcrumb[b-v26f7uqyim] {
    margin-bottom: 0.6rem;
    color: var(--wallet-detail-muted);
    font-size: 0.9rem;
}

.wallet-detail-breadcrumb a[b-v26f7uqyim] {
    color: #0f766e;
    text-decoration: none;
}

.wallet-detail-kicker[b-v26f7uqyim],
.wallet-detail-label[b-v26f7uqyim] {
    color: var(--wallet-detail-muted);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.wallet-detail-kicker[b-v26f7uqyim] {
    margin: 0 0 0.45rem;
}

.wallet-detail-hero h1[b-v26f7uqyim],
.wallet-detail-table-header h2[b-v26f7uqyim] {
    margin: 0;
    color: #0f172a;
    font-weight: 800;
}

.wallet-detail-subtitle[b-v26f7uqyim],
.wallet-detail-table-header p[b-v26f7uqyim],
.wallet-detail-empty p[b-v26f7uqyim] {
    margin: 0;
    color: var(--wallet-detail-muted);
}

.wallet-detail-status[b-v26f7uqyim],
.wallet-deposit-status[b-v26f7uqyim] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.85rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.wallet-detail-status.is-active[b-v26f7uqyim],
.wallet-deposit-status.is-success[b-v26f7uqyim] {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.wallet-detail-status.is-inactive[b-v26f7uqyim],
.wallet-deposit-status.is-danger[b-v26f7uqyim] {
    background: rgba(239, 68, 68, 0.12);
    color: #b91c1c;
}

.wallet-deposit-status.is-info[b-v26f7uqyim] {
    background: rgba(59, 130, 246, 0.12);
    color: #1d4ed8;
}

.wallet-deposit-status.is-warning[b-v26f7uqyim] {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

.wallet-deposit-status.is-neutral[b-v26f7uqyim] {
    background: rgba(148, 163, 184, 0.16);
    color: #475569;
}

.wallet-warning-banner[b-v26f7uqyim] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem 1.2rem;
    border: 1px solid rgba(245, 158, 11, 0.25);
    background: rgba(245, 158, 11, 0.08);
    color: #92400e;
}

.wallet-detail-card[b-v26f7uqyim],
.wallet-detail-table-card[b-v26f7uqyim] {
    border: 1px solid var(--wallet-detail-border);
    background: #fff;
    box-shadow: 0 18px 60px rgba(15, 23, 42, 0.06);
}

.wallet-detail-grid[b-v26f7uqyim] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1rem;
    padding: 1.35rem;
}

.wallet-detail-block[b-v26f7uqyim] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.wallet-detail-address[b-v26f7uqyim] {
    grid-column: span 2;
}

.wallet-detail-block strong[b-v26f7uqyim],
.wallet-detail-copy-line code[b-v26f7uqyim] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 700;
}

.wallet-detail-copy-line[b-v26f7uqyim] {
    align-items: center;
    flex-wrap: wrap;
}

.wallet-detail-copy-line code[b-v26f7uqyim] {
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background: #f8fafc;
}

.wallet-secret-copy[b-v26f7uqyim] {
    min-width: 2.5rem;
    padding-inline: 0.55rem;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.wallet-detail-table-header[b-v26f7uqyim] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem 1.5rem 0;
}

.wallet-detail-filters input[b-v26f7uqyim] {
    min-width: 320px;
}

.wallet-detail-filters select[b-v26f7uqyim] {
    min-width: 180px;
}

.wallet-deposit-table[b-v26f7uqyim] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wallet-deposit-row[b-v26f7uqyim] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem;
    border: 1px solid var(--wallet-detail-border);
    border-radius: 24px;
    background: #fff;
}

.wallet-deposit-main[b-v26f7uqyim] {
    flex: 1;
    min-width: 0;
}

.wallet-deposit-top[b-v26f7uqyim] {
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.95rem;
}

.wallet-deposit-top h3[b-v26f7uqyim] {
    margin: 0 0 0.15rem;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
}

.wallet-deposit-top p[b-v26f7uqyim] {
    margin: 0;
    color: var(--wallet-detail-muted);
}

.wallet-deposit-grid[b-v26f7uqyim] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.wallet-deposit-note[b-v26f7uqyim] {
    margin-top: 0.9rem;
    padding: 0.8rem 0.9rem;
    border-radius: 16px;
    background: rgba(239, 68, 68, 0.06);
    color: #991b1b;
    font-size: 0.92rem;
}

.wallet-deposit-actions[b-v26f7uqyim] {
    flex-direction: column;
    min-width: 150px;
}

.wallet-deposit-action[b-v26f7uqyim] {
    width: 100%;
}

.wallet-detail-loading[b-v26f7uqyim],
.wallet-detail-empty[b-v26f7uqyim] {
    padding: 2rem 1rem;
}

.wallet-detail-empty[b-v26f7uqyim] {
    text-align: center;
}

@media (max-width: 1199.98px) {
    .wallet-detail-hero[b-v26f7uqyim],
    .wallet-detail-table-header[b-v26f7uqyim],
    .wallet-deposit-row[b-v26f7uqyim] {
        flex-direction: column;
    }

    .wallet-detail-grid[b-v26f7uqyim] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wallet-detail-address[b-v26f7uqyim] {
        grid-column: span 2;
    }

    .wallet-deposit-grid[b-v26f7uqyim] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .wallet-detail-grid[b-v26f7uqyim],
    .wallet-deposit-grid[b-v26f7uqyim] {
        grid-template-columns: 1fr;
    }

    .wallet-detail-address[b-v26f7uqyim] {
        grid-column: span 1;
    }

    .wallet-detail-filters[b-v26f7uqyim],
    .wallet-detail-hero-actions[b-v26f7uqyim],
    .wallet-deposit-actions[b-v26f7uqyim] {
        flex-direction: column;
    }

    .wallet-detail-filters input[b-v26f7uqyim],
    .wallet-detail-filters select[b-v26f7uqyim] {
        min-width: 0;
        width: 100%;
    }
}
/* /Pages/Wallets.razor.rz.scp.css */
.wallet-explorer-link[b-o9qw9rwmpq] {
    color: inherit;
    text-decoration: none;
}

.wallet-explorer-link:hover code[b-o9qw9rwmpq] {
    text-decoration: underline;
    color: var(--accent-color, #0f766e);
}

.admin-wallets-page[b-o9qw9rwmpq] {
    --wallet-border: rgba(15, 23, 42, 0.08);
    --wallet-muted: #64748b;
    --wallet-bg-soft: linear-gradient(135deg, rgba(15, 118, 110, 0.08), rgba(59, 130, 246, 0.08));
}

.wallets-hero[b-o9qw9rwmpq],
.wallets-panel-card[b-o9qw9rwmpq] {
    border: 1px solid var(--wallet-border);
    border-radius: 28px;
    box-shadow: 0 18px 60px rgba(15, 23, 42, 0.06);
}

.wallets-hero[b-o9qw9rwmpq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1rem;
    padding: 1.75rem 1.9rem;
    background: var(--wallet-bg-soft);
}

.wallets-kicker[b-o9qw9rwmpq] {
    margin: 0 0 0.45rem;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.wallets-title[b-o9qw9rwmpq],
.wallets-panel-title[b-o9qw9rwmpq] {
    margin: 0;
    color: #0f172a;
    font-size: 1.95rem;
    font-weight: 800;
    line-height: 1.12;
}

.wallets-subtitle[b-o9qw9rwmpq],
.wallets-panel-subtitle[b-o9qw9rwmpq],
.wallets-summary-note[b-o9qw9rwmpq],
.wallet-metric-note[b-o9qw9rwmpq],
.wallet-user p[b-o9qw9rwmpq] {
    margin: 0;
    color: var(--wallet-muted);
}

.wallets-hero-actions[b-o9qw9rwmpq],
.wallets-filters[b-o9qw9rwmpq],
.wallet-inline-copy[b-o9qw9rwmpq],
.wallet-actions[b-o9qw9rwmpq],
.wallet-modal-footer[b-o9qw9rwmpq],
.wallet-modal-header[b-o9qw9rwmpq] {
    display: flex;
    gap: 0.75rem;
}

.wallets-summary-card[b-o9qw9rwmpq],
.wallets-panel-card[b-o9qw9rwmpq] {
    background: #fff;
}

.wallets-summary-card[b-o9qw9rwmpq] {
    height: 100%;
    border: 1px solid var(--wallet-border);
    border-radius: 24px;
}

.wallets-summary-label[b-o9qw9rwmpq],
.wallet-metric-label[b-o9qw9rwmpq] {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--wallet-muted);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.wallets-summary-value[b-o9qw9rwmpq] {
    color: #0f172a;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
}

.wallets-panel-header[b-o9qw9rwmpq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem 1.5rem 0;
}

.wallets-search[b-o9qw9rwmpq] {
    min-width: 320px;
}

.wallets-select[b-o9qw9rwmpq] {
    min-width: 180px;
}

.wallets-loading[b-o9qw9rwmpq],
.wallets-empty-state[b-o9qw9rwmpq] {
    padding: 2rem 1rem;
}

.wallets-empty-state[b-o9qw9rwmpq] {
    text-align: center;
}

.wallets-list[b-o9qw9rwmpq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wallet-row[b-o9qw9rwmpq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--wallet-border);
    border-radius: 24px;
    background: #fff;
}

.wallet-row.is-suspended[b-o9qw9rwmpq] {
    background: rgba(248, 250, 252, 0.96);
}

.wallet-main[b-o9qw9rwmpq] {
    flex: 1;
    min-width: 0;
}

.wallet-user[b-o9qw9rwmpq] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.wallet-avatar[b-o9qw9rwmpq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0f766e, #2563eb);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
}

.wallet-user h3[b-o9qw9rwmpq] {
    margin: 0 0 0.1rem;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
}

.wallet-meta-grid[b-o9qw9rwmpq] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.9rem;
}

.wallet-metric[b-o9qw9rwmpq] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
}

.wallet-metric strong[b-o9qw9rwmpq],
.wallet-inline-copy code[b-o9qw9rwmpq] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 700;
}

.wallet-inline-copy[b-o9qw9rwmpq] {
    align-items: center;
    flex-wrap: wrap;
}

.wallet-inline-copy code[b-o9qw9rwmpq] {
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background: #f8fafc;
}

.wallet-secret-copy[b-o9qw9rwmpq] {
    min-width: 2.5rem;
    padding-inline: 0.55rem;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.wallet-actions[b-o9qw9rwmpq] {
    flex-direction: column;
    min-width: 180px;
}

.wallet-action-button[b-o9qw9rwmpq],
.wallet-status[b-o9qw9rwmpq] {
    width: 100%;
}

.wallet-status[b-o9qw9rwmpq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.wallet-status.is-active[b-o9qw9rwmpq] {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.wallet-status.is-inactive[b-o9qw9rwmpq] {
    background: rgba(239, 68, 68, 0.1);
    color: #b91c1c;
}

.wallet-modal-backdrop[b-o9qw9rwmpq] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.45);
}

.wallet-modal-card[b-o9qw9rwmpq] {
    width: min(100%, 560px);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18);
}

.wallet-modal-header[b-o9qw9rwmpq],
.wallet-modal-footer[b-o9qw9rwmpq] {
    align-items: center;
    justify-content: space-between;
    padding: 1.4rem 1.5rem;
}

.wallet-modal-body[b-o9qw9rwmpq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 1.5rem 1.2rem;
}

.wallet-modal-text[b-o9qw9rwmpq] {
    color: #334155;
    line-height: 1.6;
}

@media (max-width: 1199.98px) {
    .wallet-row[b-o9qw9rwmpq],
    .wallets-hero[b-o9qw9rwmpq],
    .wallets-panel-header[b-o9qw9rwmpq] {
        flex-direction: column;
    }

    .wallet-meta-grid[b-o9qw9rwmpq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wallet-actions[b-o9qw9rwmpq] {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 767.98px) {
    .wallets-search[b-o9qw9rwmpq],
    .wallets-select[b-o9qw9rwmpq] {
        min-width: 0;
        width: 100%;
    }

    .wallets-filters[b-o9qw9rwmpq],
    .wallets-hero-actions[b-o9qw9rwmpq],
    .wallet-modal-footer[b-o9qw9rwmpq] {
        flex-direction: column;
    }

    .wallet-meta-grid[b-o9qw9rwmpq] {
        grid-template-columns: 1fr;
    }

    .wallets-title[b-o9qw9rwmpq],
    .wallets-panel-title[b-o9qw9rwmpq] {
        font-size: 1.55rem;
    }
}