@import '_content/Volo.Abp.PermissionManagement.Blazor/Volo.Abp.PermissionManagement.Blazor.o06urd3w66.bundle.scp.css';

/* /Components/Shared/TablePager.razor.rz.scp.css */
.table-pager[b-u5q8942j3y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.65rem 1rem;
    margin-top: 0.75rem;
    border-radius: 999px;
    border: 1px solid var(--paystream-border);
    background: var(--paystream-surface-2);
    box-shadow: var(--paystream-shadow-soft);
}

.table-pager__meta[b-u5q8942j3y] {
    color: var(--ps-muted);
    font-size: 0.85rem;
    font-weight: 500;
    white-space: nowrap;
}

.table-pager__meta strong[b-u5q8942j3y] {
    color: var(--ps-ink);
    font-weight: 700;
}

.table-pager__size[b-u5q8942j3y] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--ps-muted);
    font-weight: 600;
    white-space: nowrap;
}

.table-pager__size select[b-u5q8942j3y] {
    width: auto;
    min-height: 32px;
    padding: 0.15rem 1.75rem 0.15rem 0.6rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
}

.table-pager__controls[b-u5q8942j3y] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: auto;
}

.table-pager__btn[b-u5q8942j3y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 0.55rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--ps-ink-soft);
    font-weight: 600;
    font-size: 0.85rem;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.table-pager__btn:hover:not(:disabled)[b-u5q8942j3y] {
    background: rgba(86, 51, 255, 0.12);
    color: var(--ps-primary-strong);
    transform: translateY(-1px);
}

.table-pager__btn:disabled[b-u5q8942j3y] {
    opacity: 0.35;
    cursor: default;
}

.table-pager__btn--nav[b-u5q8942j3y] {
    color: var(--ps-ink-soft);
    font-size: 1rem;
}

.table-pager__btn--page.is-active[b-u5q8942j3y] {
    background: var(--ps-primary);
    color: #ffffff;
    box-shadow: 0 6px 14px rgba(86, 51, 255, 0.35);
}

.table-pager__btn--page.is-active:hover[b-u5q8942j3y] {
    background: var(--ps-primary-strong);
    color: #ffffff;
    transform: none;
}

.table-pager__ellipsis[b-u5q8942j3y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 32px;
    color: var(--ps-muted);
    font-weight: 700;
}

@media (max-width: 575.98px) {
    .table-pager[b-u5q8942j3y] {
        justify-content: center;
        border-radius: var(--ps-radius-lg);
    }

    .table-pager__meta[b-u5q8942j3y] {
        width: 100%;
        text-align: center;
    }

    .table-pager__controls[b-u5q8942j3y] {
        margin-left: 0;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }
}
/* /Pages/CardDetails.razor.rz.scp.css */
.card-details-root[b-ojymqg7dqs] {
    min-height: 100vh;
    background: var(--paystream-bg);
    color: var(--ps-ink);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 20px;
}

.card-details-shell[b-ojymqg7dqs] {
    width: min(720px, 100%);
    background: var(--paystream-surface);
    border: 1px solid var(--paystream-border);
    border-radius: var(--paystream-radius);
    padding: 28px 28px 32px;
    box-shadow: var(--paystream-shadow);
}

.card-details-header[b-ojymqg7dqs] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 24px;
}

.card-details-kicker[b-ojymqg7dqs] {
    text-transform: uppercase;
    letter-spacing: 0.22em;
    font-size: 12px;
    color: var(--paystream-accent-strong);
    margin-bottom: 8px;
    font-weight: 700;
}

.card-details-header h1[b-ojymqg7dqs] {
    font-size: 28px;
    margin: 0 0 8px;
}

.card-details-header p[b-ojymqg7dqs] {
    margin: 0;
    color: var(--ps-muted);
}

.card-details-badge[b-ojymqg7dqs] {
    background: rgba(14, 165, 164, 0.14);
    color: var(--paystream-accent-strong);
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.card-details-alert[b-ojymqg7dqs] {
    background: rgba(220, 38, 38, 0.12);
    color: #b91c1c;
    padding: 12px 14px;
    border-radius: 12px;
    margin-bottom: 16px;
    border: 1px solid rgba(220, 38, 38, 0.2);
}

.card-details-form label[b-ojymqg7dqs] {
    display: block;
    font-size: 13px;
    margin-bottom: 8px;
    color: var(--ps-muted);
}

.card-details-input[b-ojymqg7dqs] {
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--paystream-border);
    background: #ffffff;
    padding: 12px 14px;
    color: var(--ps-ink);
    font-size: 16px;
    outline: none;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}

.card-details-actions[b-ojymqg7dqs] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
}

.card-details-primary[b-ojymqg7dqs],
.card-details-secondary[b-ojymqg7dqs] {
    border-radius: 999px;
    padding: 10px 18px;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.card-details-primary[b-ojymqg7dqs] {
    background: var(--paystream-accent);
    color: #ffffff;
}

.card-details-secondary[b-ojymqg7dqs] {
    background: transparent;
    color: var(--ps-ink-soft);
    border: 1px solid var(--paystream-border);
}

.card-details-hint[b-ojymqg7dqs] {
    margin-top: 12px;
    font-size: 12px;
    color: var(--ps-muted);
}

.card-details-card[b-ojymqg7dqs] {
    border-radius: 16px;
    border: 1px solid var(--paystream-border);
    padding: 20px;
    background: var(--paystream-surface-2);
    display: grid;
    gap: 12px;
}

.card-details-row[b-ojymqg7dqs] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    font-size: 15px;
}

.card-details-row span[b-ojymqg7dqs] {
    color: var(--ps-muted);
}

@media (max-width: 640px) {
    .card-details-header[b-ojymqg7dqs] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/CustomerDetails.razor.rz.scp.css */
.wallet-cards-panel[b-tcgf7dgvi4] {
    background: linear-gradient(135deg, #f8fbff 0%, #f1f6ff 100%);
    border: 1px solid var(--paystream-border);
    border-radius: 16px;
    padding: 16px;
}

.wallet-cards-header[b-tcgf7dgvi4] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.wallet-cards-title[b-tcgf7dgvi4] {
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--ps-ink);
}

.wallet-cards-subtitle[b-tcgf7dgvi4] {
    color: var(--ps-muted);
    font-size: 0.9rem;
}

.wallet-cards-status[b-tcgf7dgvi4] {
    text-align: right;
    color: var(--ps-muted);
    font-size: 0.85rem;
}

.wallet-cards-status strong[b-tcgf7dgvi4] {
    display: block;
    color: var(--ps-ink);
    font-size: 0.95rem;
}

.card-create-row[b-tcgf7dgvi4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    align-items: end;
    margin-bottom: 16px;
}

.card-create-field .form-control[b-tcgf7dgvi4],
.card-create-field .form-select[b-tcgf7dgvi4] {
    background: var(--paystream-surface);
    border-radius: 10px;
}

.card-create-action[b-tcgf7dgvi4] {
    display: flex;
    align-items: end;
}

.card-create-action .btn-card-create[b-tcgf7dgvi4] {
    width: 100%;
}

.btn-card-create[b-tcgf7dgvi4] {
    width: 100%;
    border-radius: 12px;
    background: var(--paystream-accent-strong);
    color: var(--paystream-surface);
    border: none;
    padding: 10px 14px;
    font-weight: 600;
}

.btn-card-create:disabled[b-tcgf7dgvi4] {
    opacity: 0.65;
}

.table-cards thead th[b-tcgf7dgvi4] {
    color: var(--ps-ink-soft);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.card-id[b-tcgf7dgvi4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.card-id-label[b-tcgf7dgvi4] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: #94a3b8;
}

.card-action-group[b-tcgf7dgvi4] {
    min-width: 180px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
}

.card-action-group .form-control[b-tcgf7dgvi4] {
    text-align: right;
    border-radius: 10px 0 0 10px;
}

.card-action-group .btn[b-tcgf7dgvi4] {
    border-radius: 0 10px 10px 0;
    font-weight: 600;
}

.wallets-layout[b-tcgf7dgvi4] {
    display: grid;
    grid-template-columns: minmax(220px, 280px) 1fr;
    gap: 20px;
    width: 100%;
    overflow-x: hidden;
}

.wallets-sidebar[b-tcgf7dgvi4] {
    background: var(--ps-ink);
    color: var(--paystream-border);
    border-radius: 16px;
    padding: 16px;
    min-height: 400px;
}

.wallets-sidebar-title[b-tcgf7dgvi4] {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.75rem;
    margin-bottom: 12px;
    color: #94a3b8;
}

.wallets-sidebar-list[b-tcgf7dgvi4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wallets-sidebar-item[b-tcgf7dgvi4] {
    background: #111827;
    border: 1px solid transparent;
    border-radius: 14px;
    padding: 12px;
    text-align: left;
    color: inherit;
}

.wallets-sidebar-item.selected[b-tcgf7dgvi4] {
    border-color: #38bdf8;
    background: linear-gradient(135deg, var(--ps-ink) 0%, #1e293b 100%);
}

.wallets-sidebar-name[b-tcgf7dgvi4] {
    font-weight: 600;
    color: #f8fafc;
}

.wallets-sidebar-meta[b-tcgf7dgvi4] {
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 2px;
}

.wallets-sidebar-dot[b-tcgf7dgvi4] {
    margin: 0 6px;
}

.wallets-sidebar-balance[b-tcgf7dgvi4] {
    margin-top: 8px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--paystream-border);
}

.wallets-content[b-tcgf7dgvi4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    overflow-x: hidden;
}

.wallets-empty[b-tcgf7dgvi4] {
    border: 1px dashed #cbd5f5;
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    color: var(--ps-muted);
}

.wallets-summary[b-tcgf7dgvi4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--paystream-surface);
    border-radius: 16px;
    padding: 16px 20px;
    border: 1px solid var(--paystream-border);
}

.wallets-summary-title[b-tcgf7dgvi4] {
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--ps-ink);
}

.wallets-summary-subtitle[b-tcgf7dgvi4] {
    color: var(--ps-muted);
    font-size: 0.85rem;
}

.wallets-summary-balance[b-tcgf7dgvi4] {
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--ps-ink);
}

.card-tiles[b-tcgf7dgvi4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.card-tile[b-tcgf7dgvi4] {
    background: var(--paystream-surface);
    border: 1px solid var(--paystream-border);
    border-radius: 16px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.card-tile-header[b-tcgf7dgvi4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-tile-body[b-tcgf7dgvi4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.card-tile-expiry[b-tcgf7dgvi4] {
    color: var(--ps-muted);
    font-size: 0.85rem;
}

.card-tile-actions[b-tcgf7dgvi4] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.card-tile-footer[b-tcgf7dgvi4] {
    display: flex;
    gap: 8px;
}

.documents-admin-card[b-tcgf7dgvi4],
.kyc-review-card[b-tcgf7dgvi4] {
    background: #ffffff;
    border: 1px solid #dbe7f3;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.06);
}

.documents-admin-header[b-tcgf7dgvi4],
.kyc-review-header[b-tcgf7dgvi4] {
    background: linear-gradient(135deg, #f8fbff 0%, #eef6ff 55%, #f4fbf7 100%);
    border-bottom: 1px solid #dbe7f3;
    padding: 18px 22px;
}

.documents-admin-header .card-title[b-tcgf7dgvi4],
.kyc-review-header .card-title[b-tcgf7dgvi4] {
    color: #0f172a;
    font-weight: 700;
}

.documents-admin-subtitle[b-tcgf7dgvi4] {
    color: #64748b;
    font-size: 0.92rem;
}

.documents-admin-card .card-body[b-tcgf7dgvi4],
.kyc-review-card .card-body[b-tcgf7dgvi4] {
    padding: 22px;
}

.documents-admin-form[b-tcgf7dgvi4] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.document-form-alert[b-tcgf7dgvi4] {
    border-radius: 16px;
    border: 1px solid #fecaca;
}

.document-entry-grid[b-tcgf7dgvi4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.document-entry-field[b-tcgf7dgvi4],
.document-entry-upload[b-tcgf7dgvi4],
.document-entry-toggle[b-tcgf7dgvi4],
.kyc-checklist[b-tcgf7dgvi4] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 14px 16px;
}

.document-entry-field .form-control[b-tcgf7dgvi4],
.document-entry-field .form-select[b-tcgf7dgvi4],
.document-entry-upload .form-control[b-tcgf7dgvi4],
.kyc-review-card .form-control[b-tcgf7dgvi4],
.kyc-review-card .form-select[b-tcgf7dgvi4] {
    border-radius: 12px;
    border-color: #d7e2ee;
    background: #ffffff;
}

.document-entry-upload .form-control[b-tcgf7dgvi4]::file-selector-button {
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #0f766e 0%, #0f9a8e 100%);
    color: #ffffff;
    font-weight: 700;
    padding: 10px 14px;
    margin-right: 12px;
}

.upload-picker-meta[b-tcgf7dgvi4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.upload-chip[b-tcgf7dgvi4] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
}

.upload-chip.idle[b-tcgf7dgvi4] {
    background: #e2e8f0;
    color: #475569;
}

.upload-chip.busy[b-tcgf7dgvi4] {
    background: #dbeafe;
    color: #1d4ed8;
}

.upload-chip.ready[b-tcgf7dgvi4] {
    background: #dcfce7;
    color: #166534;
}

.document-entry-actions[b-tcgf7dgvi4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.document-entry-toggle[b-tcgf7dgvi4] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 56px;
}

.document-entry-toggle .form-check-input[b-tcgf7dgvi4] {
    margin-top: 0;
}

.btn-document-save[b-tcgf7dgvi4],
.btn-kyc-override[b-tcgf7dgvi4] {
    border: none;
    border-radius: 14px;
    color: #ffffff;
    font-weight: 700;
    padding: 12px 18px;
    min-width: 220px;
}

.btn-document-save[b-tcgf7dgvi4] {
    background: linear-gradient(135deg, #0f766e 0%, #0f9a8e 100%);
    box-shadow: 0 14px 32px rgba(15, 118, 110, 0.22);
}

.btn-kyc-override[b-tcgf7dgvi4] {
    background: linear-gradient(135deg, #b45309 0%, #f97316 100%);
    box-shadow: 0 14px 32px rgba(180, 83, 9, 0.2);
}

.btn-document-save:disabled[b-tcgf7dgvi4],
.btn-kyc-override:disabled[b-tcgf7dgvi4] {
    background: #94a3b8;
    box-shadow: none;
    color: #ffffff;
    opacity: 0.7;
}

.documents-table thead th[b-tcgf7dgvi4] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    border-bottom-color: #e2e8f0;
}

.documents-table tbody td[b-tcgf7dgvi4] {
    vertical-align: middle;
    border-bottom-color: #edf2f7;
}

.document-link[b-tcgf7dgvi4] {
    color: #0f766e;
    font-weight: 700;
    text-decoration: none;
}

.document-link:hover[b-tcgf7dgvi4] {
    color: #0f5c56;
    text-decoration: underline;
}

.kyc-checklist[b-tcgf7dgvi4] {
    display: grid;
    gap: 10px;
}

.kyc-checklist .form-check[b-tcgf7dgvi4] {
    margin: 0;
}

@media (max-width: 1200px) {
    .card-create-row[b-tcgf7dgvi4] {
        grid-template-columns: repeat(3, minmax(140px, 1fr));
    }

    .card-create-action[b-tcgf7dgvi4] {
        grid-column: 1 / -1;
    }

    .document-entry-grid[b-tcgf7dgvi4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .wallets-layout[b-tcgf7dgvi4] {
        grid-template-columns: 1fr;
    }

    .card-create-row[b-tcgf7dgvi4] {
        grid-template-columns: 1fr;
    }

    .document-entry-grid[b-tcgf7dgvi4] {
        grid-template-columns: 1fr;
    }

    .wallet-cards-header[b-tcgf7dgvi4] {
        flex-direction: column;
        align-items: flex-start;
    }

    .card-action-group[b-tcgf7dgvi4] {
        min-width: auto;
    }

    .document-entry-actions[b-tcgf7dgvi4] {
        flex-direction: column;
        align-items: stretch;
    }

    .btn-document-save[b-tcgf7dgvi4],
    .btn-kyc-override[b-tcgf7dgvi4] {
        width: 100%;
        min-width: 0;
    }
}


/* /Pages/Identity/Users.razor.rz.scp.css */
.backend-users[b-9shueejljq] {
    --users-accent-soft: color-mix(in srgb, var(--ps-primary) 10%, white);
}

.backend-users th[b-9shueejljq] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ps-muted);
    border-bottom-width: 1px;
}

.backend-users__row > td[b-9shueejljq] {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
    border-color: var(--paystream-border);
}

.backend-users__row--expanded > td[b-9shueejljq] {
    background: color-mix(in srgb, var(--paystream-surface-2) 68%, white);
}

.backend-users__primary[b-9shueejljq] {
    display: grid;
    gap: 0.3rem;
}

.backend-users__name[b-9shueejljq] {
    font-weight: 700;
    color: var(--ps-ink);
}

.backend-users__meta[b-9shueejljq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.82rem;
    color: var(--ps-muted);
}

.backend-users__meta-separator[b-9shueejljq] {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ps-muted) 45%, white);
}

.backend-users__roles[b-9shueejljq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.backend-users__role-chip[b-9shueejljq] {
    border-radius: 999px;
    padding-inline: 0.75rem;
}

.backend-users__contact-line[b-9shueejljq] {
    color: var(--ps-ink);
    word-break: break-word;
}

.backend-users__detail-row td[b-9shueejljq] {
    padding: 0;
    border-top: none;
}

.backend-users__detail-loading[b-9shueejljq] {
    padding: 1.6rem;
    display: flex;
    justify-content: center;
}

.backend-users__detail-shell[b-9shueejljq] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    background:
        linear-gradient(145deg, rgba(86, 51, 255, 0.05), rgba(255, 255, 255, 0) 40%),
        var(--paystream-surface);
    border-top: 1px solid var(--paystream-border);
}

.backend-users__detail-summary[b-9shueejljq] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.backend-users__summary-card[b-9shueejljq] {
    display: grid;
    gap: 0.35rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--paystream-border);
    border-radius: var(--paystream-radius-sm);
    background: var(--users-accent-soft);
    box-shadow: var(--paystream-shadow-soft);
}

.backend-users__summary-label[b-9shueejljq] {
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ps-muted);
    font-weight: 700;
}

.backend-users__editor[b-9shueejljq] {
    padding: 1rem;
    border: 1px solid var(--paystream-border);
    border-radius: var(--paystream-radius);
    background: var(--paystream-surface);
    box-shadow: var(--paystream-shadow-soft);
}

.backend-users__editor-header[b-9shueejljq] {
    margin-bottom: 1rem;
}

.backend-users__toggle-cell[b-9shueejljq] {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.backend-users__roles-editor[b-9shueejljq] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
}

.backend-users__roles-editor-title[b-9shueejljq] {
    font-weight: 700;
    color: var(--ps-ink);
}

.backend-users__roles-palette[b-9shueejljq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.backend-users__role-option[b-9shueejljq] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.85rem;
    border-radius: 999px;
    border: 1px solid var(--paystream-border);
    background: var(--paystream-surface-2);
    color: var(--ps-ink-soft);
    cursor: pointer;
    transition: transform 120ms ease, border-color 120ms ease, background 120ms ease;
}

.backend-users__role-option:hover[b-9shueejljq] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--ps-primary) 40%, var(--paystream-border));
}

.backend-users__role-option--selected[b-9shueejljq] {
    border-color: color-mix(in srgb, var(--ps-primary) 55%, var(--paystream-border));
    background: color-mix(in srgb, var(--ps-primary) 12%, white);
    color: var(--ps-primary-strong);
}

.backend-users__role-option input[b-9shueejljq] {
    margin: 0;
}

.backend-users__editor-actions[b-9shueejljq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 1rem;
}

@media (min-width: 992px) {
    .backend-users__detail-shell[b-9shueejljq] {
        grid-template-columns: minmax(280px, 0.8fr) minmax(420px, 1.2fr);
        align-items: start;
    }
}

@media (max-width: 767.98px) {
    .backend-users__row > td[b-9shueejljq] {
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }

    .backend-users__editor[b-9shueejljq],
    .backend-users__detail-shell[b-9shueejljq] {
        padding: 0.85rem;
    }

    .backend-users__editor-actions[b-9shueejljq] {
        flex-direction: column;
    }
}
/* /Pages/Index.razor.rz.scp.css */
/* Getting-Started */
.card-bg-image[b-fs7v7vcj8s] {
    position: absolute;
    width: 630px;
    height: auto;
    bottom: 0;
    right: 0;
    z-index: 1;
}
/* Getting-Started End */

/* Write here your styles for the Index page */
/* /Pages/KycLiveness.razor.rz.scp.css */
.kyc-liveness-root[b-fx7by1m7jn] {
    min-height: 100vh;
    padding: 2rem 1rem;
    background:
        radial-gradient(circle at top left, rgba(14, 116, 144, 0.16), transparent 28rem),
        linear-gradient(180deg, #f4f8fb 0%, #e9eff4 100%);
    color: #13313f;
}

.kyc-liveness-shell[b-fx7by1m7jn] {
    max-width: 960px;
    margin: 0 auto;
    display: grid;
    gap: 1rem;
    width: min(100%, 960px);
}

.kyc-liveness-modal-backdrop[b-fx7by1m7jn] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: rgba(19, 49, 63, 0.42);
    backdrop-filter: blur(10px);
}

.kyc-liveness-modal[b-fx7by1m7jn] {
    width: min(100%, 34rem);
    display: grid;
    gap: 0.95rem;
    padding: 1.35rem;
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(19, 49, 63, 0.12);
    box-shadow: 0 28px 70px rgba(19, 49, 63, 0.22);
}

.kyc-liveness-modal.info[b-fx7by1m7jn] {
    border-color: rgba(21, 94, 117, 0.18);
}

.kyc-liveness-modal.success[b-fx7by1m7jn] {
    border-color: rgba(15, 118, 110, 0.28);
}

.kyc-liveness-modal.danger[b-fx7by1m7jn] {
    border-color: rgba(185, 28, 28, 0.24);
}

.kyc-liveness-modal-kicker[b-fx7by1m7jn] {
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.72rem;
    font-weight: 800;
}

.kyc-liveness-modal.info .kyc-liveness-modal-kicker[b-fx7by1m7jn] {
    color: #155e75;
}

.kyc-liveness-modal.success .kyc-liveness-modal-kicker[b-fx7by1m7jn] {
    color: #0f766e;
}

.kyc-liveness-modal.danger .kyc-liveness-modal-kicker[b-fx7by1m7jn] {
    color: #b91c1c;
}

.kyc-liveness-modal h2[b-fx7by1m7jn] {
    margin: 0;
    font-size: 1.22rem;
    line-height: 1.2;
}

.kyc-liveness-modal p[b-fx7by1m7jn] {
    margin: 0;
    color: rgba(19, 49, 63, 0.84);
    line-height: 1.55;
}

.kyc-liveness-modal-actions[b-fx7by1m7jn] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.kyc-liveness-modal-actions > button[b-fx7by1m7jn] {
    min-width: 10.5rem;
}

.kyc-liveness-stepper[b-fx7by1m7jn],
.kyc-liveness-header[b-fx7by1m7jn],
.kyc-liveness-panel[b-fx7by1m7jn] {
    border: 1px solid rgba(19, 49, 63, 0.12);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 1.25rem;
    box-shadow: 0 18px 40px rgba(19, 49, 63, 0.08);
}

.kyc-liveness-header[b-fx7by1m7jn] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
}

.kyc-liveness-header > :first-child[b-fx7by1m7jn] {
    min-width: 0;
}

.kyc-liveness-header h1[b-fx7by1m7jn] {
    margin: 0.35rem 0;
    font-size: clamp(1.8rem, 4vw, 2.7rem);
}

.kyc-liveness-kicker[b-fx7by1m7jn] {
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-size: 0.72rem;
    font-weight: 700;
    color: #0f766e;
}

.kyc-liveness-status[b-fx7by1m7jn] {
    align-self: start;
    padding: 0.55rem 0.85rem;
    border-radius: 999px;
    background: #13313f;
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    max-width: 100%;
}

.kyc-liveness-grid[b-fx7by1m7jn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.kyc-liveness-stepper[b-fx7by1m7jn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    padding: 0.85rem;
}

.kyc-liveness-step[b-fx7by1m7jn] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    border: 1px solid rgba(19, 49, 63, 0.08);
    background: #fff;
    border-radius: 1rem;
    padding: 0.9rem 1rem;
    text-align: left;
    color: #13313f;
    min-width: 0;
}

.kyc-liveness-step:disabled[b-fx7by1m7jn] {
    opacity: 0.75;
}

.kyc-liveness-step.active[b-fx7by1m7jn] {
    border-color: rgba(15, 118, 110, 0.32);
    box-shadow: inset 0 0 0 1px rgba(15, 118, 110, 0.12);
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.07), rgba(21, 94, 117, 0.03));
}

.kyc-liveness-step.done[b-fx7by1m7jn] {
    border-color: rgba(21, 94, 117, 0.18);
}

.kyc-liveness-step-index[b-fx7by1m7jn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: rgba(19, 49, 63, 0.08);
    font-weight: 800;
}

.kyc-liveness-step.active .kyc-liveness-step-index[b-fx7by1m7jn],
.kyc-liveness-step.done .kyc-liveness-step-index[b-fx7by1m7jn] {
    background: #13313f;
    color: #fff;
}

.kyc-liveness-step-copy[b-fx7by1m7jn] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.kyc-liveness-step-copy small[b-fx7by1m7jn] {
    color: rgba(19, 49, 63, 0.68);
}

.kyc-liveness-panel[b-fx7by1m7jn] {
    padding: 1.25rem;
    display: grid;
    gap: 0.85rem;
}

.kyc-liveness-panel-head[b-fx7by1m7jn] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
}

.kyc-liveness-panel h2[b-fx7by1m7jn] {
    margin: 0;
    font-size: 1.05rem;
}

.kyc-liveness-panel p[b-fx7by1m7jn] {
    margin: 0.4rem 0 0;
}

.kyc-liveness-row[b-fx7by1m7jn] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.95rem;
}

.kyc-liveness-card[b-fx7by1m7jn] {
    display: grid;
    gap: 0.28rem;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(19, 49, 63, 0.04);
    border: 1px solid rgba(19, 49, 63, 0.07);
}

.kyc-liveness-card strong[b-fx7by1m7jn] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.kyc-liveness-card-label[b-fx7by1m7jn] {
    font-size: 0.76rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(19, 49, 63, 0.58);
    font-weight: 700;
}

.kyc-liveness-list[b-fx7by1m7jn] {
    margin: 0;
    padding-left: 1.25rem;
}

.kyc-liveness-steps li[b-fx7by1m7jn] {
    margin-bottom: 0.55rem;
    transition: color 0.18s ease, transform 0.18s ease;
}

.kyc-liveness-steps li.active[b-fx7by1m7jn] {
    color: #0f766e;
    font-weight: 700;
    transform: translateX(0.15rem);
}

.kyc-liveness-steps li.done[b-fx7by1m7jn] {
    color: #155e75;
}

.kyc-liveness-chip[b-fx7by1m7jn] {
    display: inline-flex;
    width: fit-content;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
}

.kyc-liveness-chip.ready[b-fx7by1m7jn] {
    background: rgba(15, 118, 110, 0.12);
    color: #0f766e;
}

.kyc-liveness-chip.info[b-fx7by1m7jn] {
    background: rgba(21, 94, 117, 0.12);
    color: #155e75;
}

.kyc-liveness-chip.pending[b-fx7by1m7jn] {
    background: rgba(180, 83, 9, 0.12);
    color: #9a3412;
}

.kyc-liveness-alert[b-fx7by1m7jn] {
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    font-weight: 500;
}

.kyc-liveness-alert.success[b-fx7by1m7jn] {
    background: rgba(15, 118, 110, 0.12);
    color: #0f766e;
}

.kyc-liveness-alert.danger[b-fx7by1m7jn] {
    background: rgba(185, 28, 28, 0.12);
    color: #991b1b;
}

.kyc-liveness-alert.compact[b-fx7by1m7jn] {
    margin-top: 0.25rem;
}

.kyc-liveness-inline-alert[b-fx7by1m7jn] {
    margin-top: 0;
    margin-bottom: 0.25rem;
}

.kyc-liveness-progress[b-fx7by1m7jn] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    width: fit-content;
    max-width: 100%;
    padding: 0.8rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
    font-weight: 700;
}

.kyc-liveness-actions[b-fx7by1m7jn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.kyc-liveness-actions > button[b-fx7by1m7jn] {
    min-height: 3.15rem;
}

.kyc-liveness-actions.end[b-fx7by1m7jn] {
    justify-content: flex-end;
}

.kyc-liveness-actions.between[b-fx7by1m7jn] {
    justify-content: space-between;
}

.kyc-liveness-actions.sticky[b-fx7by1m7jn] {
    position: sticky;
    top: calc(0.75rem + env(safe-area-inset-top, 0px));
    z-index: 6;
    padding: 0.8rem;
    border-radius: 1rem;
    border: 1px solid rgba(19, 49, 63, 0.08);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 12px 28px rgba(19, 49, 63, 0.12);
    backdrop-filter: blur(12px);
}

.kyc-liveness-actions.sticky > button[b-fx7by1m7jn] {
    flex: 1 1 12rem;
}

.kyc-liveness-primary[b-fx7by1m7jn] {
    border: 0;
    border-radius: 999px;
    padding: 0.85rem 1.1rem;
    background: linear-gradient(135deg, #0f766e 0%, #155e75 100%);
    color: #fff;
    font-weight: 700;
    touch-action: manipulation;
}

.kyc-liveness-primary:disabled[b-fx7by1m7jn] {
    opacity: 0.55;
}

.kyc-liveness-secondary[b-fx7by1m7jn] {
    border: 1px solid rgba(19, 49, 63, 0.15);
    border-radius: 999px;
    padding: 0.85rem 1.1rem;
    background: rgba(19, 49, 63, 0.04);
    color: #13313f;
    font-weight: 700;
    touch-action: manipulation;
}

.kyc-liveness-secondary:disabled[b-fx7by1m7jn] {
    opacity: 0.55;
}

.kyc-liveness-upload-stack[b-fx7by1m7jn] {
    display: grid;
    gap: 0.85rem;
}

.kyc-liveness-upload-options[b-fx7by1m7jn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.85rem;
}

.kyc-liveness-upload-option[b-fx7by1m7jn] {
    position: relative;
    display: grid;
    gap: 0.3rem;
    min-height: 6.4rem;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(19, 49, 63, 0.12);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.92));
    box-shadow: 0 10px 24px rgba(19, 49, 63, 0.08);
    cursor: pointer;
    overflow: hidden;
}

.kyc-liveness-upload-option.take[b-fx7by1m7jn] {
    border-color: rgba(15, 118, 110, 0.18);
    background: linear-gradient(145deg, rgba(240, 253, 250, 0.98), rgba(207, 250, 254, 0.78));
}

.kyc-liveness-upload-option.browse[b-fx7by1m7jn] {
    border-color: rgba(21, 94, 117, 0.16);
}

.kyc-liveness-upload-option.disabled[b-fx7by1m7jn] {
    opacity: 0.58;
    pointer-events: none;
}

.kyc-liveness-upload-option-title[b-fx7by1m7jn] {
    font-size: 1rem;
    font-weight: 800;
    color: #13313f;
}

.kyc-liveness-upload-option small[b-fx7by1m7jn] {
    color: rgba(19, 49, 63, 0.72);
    line-height: 1.4;
}

.kyc-liveness-upload-option[b-fx7by1m7jn]  .kyc-liveness-upload-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.kyc-liveness-upload-drop[b-fx7by1m7jn] {
    padding: 1rem;
    border-radius: 1rem;
    border: 1px dashed rgba(19, 49, 63, 0.22);
    background: rgba(19, 49, 63, 0.03);
}

.kyc-liveness-upload-drop-title[b-fx7by1m7jn] {
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(19, 49, 63, 0.58);
}

.kyc-liveness-upload-drop-copy[b-fx7by1m7jn] {
    margin-top: 0.3rem;
    color: rgba(19, 49, 63, 0.74);
    line-height: 1.45;
}

.kyc-liveness-mobile-start[b-fx7by1m7jn] {
    display: grid;
    gap: 0.5rem;
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    background: linear-gradient(145deg, rgba(240, 253, 250, 0.98), rgba(224, 242, 254, 0.88));
}

.kyc-liveness-camera-shell[b-fx7by1m7jn] {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid rgba(19, 49, 63, 0.12);
    background: #0b1720;
    min-height: 18rem;
    width: 100%;
}

.kyc-liveness-camera-shell.provider[b-fx7by1m7jn] {
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    background: #ffffff;
    min-height: clamp(28rem, 78svh, 46rem);
}

.kyc-liveness-camera[b-fx7by1m7jn] {
    display: block;
    width: 100%;
    min-height: 18rem;
    object-fit: cover;
    background: #0b1720;
}

.kyc-liveness-provider-frame[b-fx7by1m7jn] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    border: 0;
    background: #ffffff;
}

.kyc-liveness-provider-overlay[b-fx7by1m7jn] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    gap: 0.9rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.88);
    color: #13313f;
    font-weight: 700;
    text-align: center;
    z-index: 2;
}

.kyc-liveness-camera-hud[b-fx7by1m7jn] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.kyc-liveness-camera-badge[b-fx7by1m7jn] {
    align-self: start;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    background: rgba(11, 23, 32, 0.72);
    color: #fff;
    font-weight: 700;
    backdrop-filter: blur(8px);
    z-index: 3;
}

.kyc-liveness-face-guide[b-fx7by1m7jn] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.5rem;
}

.kyc-liveness-face-guide-ring[b-fx7by1m7jn] {
    position: relative;
    width: min(72vw, 18rem);
    aspect-ratio: 0.78;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.9);
    box-shadow:
        0 0 0 999px rgba(4, 16, 24, 0.32),
        0 0 0 12px rgba(15, 118, 110, 0.14),
        0 18px 36px rgba(0, 0, 0, 0.28);
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
}

.kyc-liveness-face-guide-ring[b-fx7by1m7jn]::before,
.kyc-liveness-face-guide-ring[b-fx7by1m7jn]::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 52%;
    border-top: 2px dashed rgba(255, 255, 255, 0.42);
}

.kyc-liveness-face-guide-ring[b-fx7by1m7jn]::before {
    top: 18%;
}

.kyc-liveness-face-guide-ring[b-fx7by1m7jn]::after {
    bottom: 18%;
}

.kyc-liveness-face-guide-core[b-fx7by1m7jn] {
    position: absolute;
    inset: 12%;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.34);
}

.kyc-liveness-face-guide-core[b-fx7by1m7jn]::before,
.kyc-liveness-face-guide-core[b-fx7by1m7jn]::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 16%;
    border-top: 2px solid rgba(255, 255, 255, 0.34);
}

.kyc-liveness-face-guide-core[b-fx7by1m7jn]::before {
    left: -10%;
}

.kyc-liveness-face-guide-core[b-fx7by1m7jn]::after {
    right: -10%;
}

.kyc-liveness-camera-overlay[b-fx7by1m7jn] {
    position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    max-width: min(88%, 21rem);
    padding: 0.7rem 0.9rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.88), rgba(21, 94, 117, 0.78));
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: clamp(0.95rem, 1.7vw, 1.05rem);
    line-height: 1.25;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
    z-index: 3;
}

.kyc-liveness-camera-copy[b-fx7by1m7jn] {
    display: grid;
    gap: 0.45rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: rgba(19, 49, 63, 0.04);
    border: 1px solid rgba(19, 49, 63, 0.08);
}

.kyc-liveness-camera-title[b-fx7by1m7jn] {
    font-size: 1rem;
    font-weight: 800;
    color: #13313f;
}

.kyc-liveness-camera-tips[b-fx7by1m7jn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.kyc-liveness-tip[b-fx7by1m7jn] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(19, 49, 63, 0.08);
    color: rgba(19, 49, 63, 0.82);
    font-size: 0.82rem;
    font-weight: 700;
}

.kyc-liveness-note[b-fx7by1m7jn] {
    color: rgba(19, 49, 63, 0.72);
    font-size: 0.92rem;
    line-height: 1.45;
}

.kyc-liveness-note.compact[b-fx7by1m7jn] {
    font-size: 0.86rem;
}

.kyc-liveness-spinner[b-fx7by1m7jn] {
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    border: 3px solid rgba(15, 118, 110, 0.16);
    border-top-color: #0f766e;
    animation: kyc-liveness-spin-b-fx7by1m7jn 0.8s linear infinite;
}

.kyc-liveness-spinner.compact[b-fx7by1m7jn] {
    width: 0.95rem;
    height: 0.95rem;
    border-width: 2px;
}

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

@media (max-width: 640px) {
    .kyc-liveness-root[b-fx7by1m7jn] {
        padding: 0.85rem 0.75rem 1.25rem;
    }

    .kyc-liveness-shell[b-fx7by1m7jn] {
        gap: 0.75rem;
    }

    .kyc-liveness-modal-backdrop[b-fx7by1m7jn] {
        padding: 0.9rem;
    }

    .kyc-liveness-modal[b-fx7by1m7jn] {
        width: 100%;
        padding: 1.1rem;
        border-radius: 1.1rem;
    }

    .kyc-liveness-modal-actions[b-fx7by1m7jn] {
        flex-direction: column;
    }

    .kyc-liveness-modal-actions > button[b-fx7by1m7jn] {
        width: 100%;
        min-width: 0;
    }

    .kyc-liveness-header[b-fx7by1m7jn] {
        flex-direction: column;
        padding: 1rem;
        gap: 0.75rem;
    }

    .kyc-liveness-header h1[b-fx7by1m7jn] {
        font-size: clamp(1.5rem, 7vw, 2rem);
    }

    .kyc-liveness-status[b-fx7by1m7jn] {
        align-self: stretch;
        text-align: center;
    }

    .kyc-liveness-stepper[b-fx7by1m7jn] {
        grid-template-columns: 1fr;
        padding: 0.65rem;
        gap: 0.55rem;
    }

    .kyc-liveness-step[b-fx7by1m7jn] {
        padding: 0.75rem 0.85rem;
    }

    .kyc-liveness-step-copy strong[b-fx7by1m7jn],
    .kyc-liveness-step-copy small[b-fx7by1m7jn] {
        overflow-wrap: anywhere;
    }

    .kyc-liveness-panel-head[b-fx7by1m7jn] {
        flex-direction: column;
        gap: 0.6rem;
    }

    .kyc-liveness-panel[b-fx7by1m7jn] {
        padding: 1rem;
        gap: 0.75rem;
    }

    .kyc-liveness-grid[b-fx7by1m7jn] {
        grid-template-columns: 1fr;
    }

    .kyc-liveness-upload-options[b-fx7by1m7jn] {
        grid-template-columns: 1fr;
    }

    .kyc-liveness-camera-shell[b-fx7by1m7jn],
    .kyc-liveness-camera[b-fx7by1m7jn],
    .kyc-liveness-provider-frame[b-fx7by1m7jn] {
        min-height: 16rem;
    }

    .kyc-liveness-camera-shell[b-fx7by1m7jn] {
        aspect-ratio: 3 / 4;
    }

    .kyc-liveness-camera-shell.provider[b-fx7by1m7jn] {
        aspect-ratio: auto;
        min-height: min(78svh, 42rem);
    }

    .kyc-liveness-camera[b-fx7by1m7jn] {
        min-height: unset;
        height: 100%;
    }

    .kyc-liveness-face-guide-ring[b-fx7by1m7jn] {
        width: min(78vw, 16rem);
    }

    .kyc-liveness-camera-hud[b-fx7by1m7jn] {
        padding: 0.75rem;
    }

    .kyc-liveness-camera-badge[b-fx7by1m7jn] {
        max-width: calc(100% - 1rem);
        font-size: 0.84rem;
    }

    .kyc-liveness-camera-overlay[b-fx7by1m7jn] {
        bottom: 0.75rem;
        max-width: calc(100% - 1.25rem);
        padding: 0.68rem 0.85rem;
        border-radius: 1.1rem;
        font-size: 0.92rem;
    }

    .kyc-liveness-camera-copy[b-fx7by1m7jn] {
        padding: 0.85rem;
    }

    .kyc-liveness-camera-tips[b-fx7by1m7jn] {
        gap: 0.45rem;
    }

    .kyc-liveness-tip[b-fx7by1m7jn] {
        flex: 1 1 calc(50% - 0.45rem);
        justify-content: center;
        min-width: 8rem;
    }

    .kyc-liveness-mobile-start[b-fx7by1m7jn] {
        padding: 0.8rem 0.85rem;
    }

    .kyc-liveness-actions[b-fx7by1m7jn] {
        flex-direction: column;
    }

    .kyc-liveness-actions > button[b-fx7by1m7jn] {
        width: 100%;
    }

    .kyc-liveness-actions.sticky[b-fx7by1m7jn] {
        position: static;
        top: auto;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.6rem;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
    }

    .kyc-liveness-actions.sticky > button[b-fx7by1m7jn] {
        width: 100%;
        min-height: 2.85rem;
        padding: 0.72rem 0.85rem;
        font-size: 0.95rem;
        line-height: 1.15;
    }

    .kyc-liveness-actions.between[b-fx7by1m7jn] {
        justify-content: flex-start;
    }
}

@media (max-width: 420px) {
    .kyc-liveness-root[b-fx7by1m7jn] {
        padding-inline: 0.5rem;
    }

    .kyc-liveness-header[b-fx7by1m7jn],
    .kyc-liveness-panel[b-fx7by1m7jn] {
        border-radius: 1rem;
    }

    .kyc-liveness-stepper[b-fx7by1m7jn] {
        border-radius: 1rem;
    }

    .kyc-liveness-step-index[b-fx7by1m7jn] {
        width: 1.8rem;
        height: 1.8rem;
        flex: 0 0 1.8rem;
    }

    .kyc-liveness-step-copy small[b-fx7by1m7jn] {
        font-size: 0.74rem;
    }

    .kyc-liveness-camera-shell[b-fx7by1m7jn] {
        aspect-ratio: 4 / 5;
        min-height: 14rem;
    }

    .kyc-liveness-camera-shell.provider[b-fx7by1m7jn] {
        aspect-ratio: auto;
        min-height: min(74svh, 38rem);
    }

    .kyc-liveness-face-guide-ring[b-fx7by1m7jn] {
        width: min(82vw, 15rem);
    }

    .kyc-liveness-camera-overlay[b-fx7by1m7jn] {
        font-size: 0.88rem;
        line-height: 1.2;
    }

    .kyc-liveness-tip[b-fx7by1m7jn] {
        min-width: 100%;
    }

}
/* /Pages/MobileKycLiveness.razor.rz.scp.css */
.mobile-liveness-root[b-9ojk3ouzhn] {
    min-height: 100vh;
    padding: 1rem;
    background:
        radial-gradient(circle at top left, rgba(14, 116, 144, 0.16), transparent 24rem),
        linear-gradient(180deg, #f4f8fb 0%, #e9eff4 100%);
    color: #13313f;
}

.mobile-liveness-shell[b-9ojk3ouzhn] {
    width: min(100%, 720px);
    min-height: calc(100vh - 2rem);
    margin: 0 auto;
    display: grid;
    gap: 0.85rem;
    align-content: start;
}

.mobile-liveness-header[b-9ojk3ouzhn],
.mobile-liveness-panel[b-9ojk3ouzhn] {
    border: 1px solid rgba(19, 49, 63, 0.12);
    background: rgba(255, 255, 255, 0.94);
    border-radius: 1rem;
    box-shadow: 0 18px 40px rgba(19, 49, 63, 0.08);
}

.mobile-liveness-header[b-9ojk3ouzhn] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
}

.mobile-liveness-header h1[b-9ojk3ouzhn] {
    margin: 0.3rem 0;
    font-size: clamp(1.4rem, 5vw, 2rem);
}

.mobile-liveness-header p[b-9ojk3ouzhn],
.mobile-liveness-panel p[b-9ojk3ouzhn] {
    margin: 0;
    line-height: 1.45;
    color: rgba(19, 49, 63, 0.72);
}

.mobile-liveness-kicker[b-9ojk3ouzhn] {
    color: #0f766e;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.mobile-liveness-status[b-9ojk3ouzhn] {
    align-self: start;
    max-width: 100%;
    padding: 0.48rem 0.72rem;
    border-radius: 999px;
    background: #13313f;
    color: #fff;
    font-size: 0.86rem;
    font-weight: 700;
    white-space: nowrap;
}

.mobile-liveness-panel[b-9ojk3ouzhn] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.mobile-liveness-panel.loading[b-9ojk3ouzhn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.mobile-liveness-panel-head[b-9ojk3ouzhn] {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: start;
}

.mobile-liveness-panel h2[b-9ojk3ouzhn] {
    margin: 0;
    font-size: 1.08rem;
}

.mobile-liveness-alert[b-9ojk3ouzhn] {
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    font-weight: 600;
}

.mobile-liveness-alert.success[b-9ojk3ouzhn] {
    background: rgba(15, 118, 110, 0.12);
    color: #0f766e;
}

.mobile-liveness-alert.danger[b-9ojk3ouzhn] {
    background: rgba(185, 28, 28, 0.12);
    color: #991b1b;
}

.mobile-liveness-chip[b-9ojk3ouzhn] {
    width: fit-content;
    padding: 0.42rem 0.7rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.mobile-liveness-chip.ready[b-9ojk3ouzhn] {
    background: rgba(15, 118, 110, 0.12);
    color: #0f766e;
}

.mobile-liveness-chip.info[b-9ojk3ouzhn] {
    background: rgba(21, 94, 117, 0.12);
    color: #155e75;
}

.mobile-liveness-chip.pending[b-9ojk3ouzhn] {
    background: rgba(180, 83, 9, 0.12);
    color: #9a3412;
}

.mobile-liveness-chip.danger[b-9ojk3ouzhn] {
    background: rgba(185, 28, 28, 0.12);
    color: #991b1b;
}

.mobile-liveness-progress[b-9ojk3ouzhn],
.mobile-liveness-assist[b-9ojk3ouzhn] {
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 1rem;
    background: rgba(15, 118, 110, 0.08);
}

.mobile-liveness-progress[b-9ojk3ouzhn] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 0.7rem;
    padding: 0.75rem 0.9rem;
    color: #0f766e;
    font-weight: 700;
}

.mobile-liveness-assist[b-9ojk3ouzhn] {
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem;
}

.mobile-liveness-actions[b-9ojk3ouzhn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.mobile-liveness-primary[b-9ojk3ouzhn],
.mobile-liveness-secondary[b-9ojk3ouzhn] {
    min-height: 3rem;
    border-radius: 999px;
    padding: 0.78rem 1rem;
    font-weight: 700;
}

.mobile-liveness-primary[b-9ojk3ouzhn] {
    border: 0;
    color: #fff;
    background: linear-gradient(135deg, #0f766e 0%, #155e75 100%);
}

.mobile-liveness-secondary[b-9ojk3ouzhn] {
    border: 1px solid rgba(19, 49, 63, 0.15);
    color: #13313f;
    background: rgba(19, 49, 63, 0.04);
}

.mobile-liveness-primary:disabled[b-9ojk3ouzhn],
.mobile-liveness-secondary:disabled[b-9ojk3ouzhn] {
    opacity: 0.55;
}

.mobile-liveness-frame-shell[b-9ojk3ouzhn] {
    position: relative;
    min-height: min(78svh, 42rem);
    overflow: hidden;
    border: 1px solid rgba(19, 49, 63, 0.12);
    border-radius: 1rem;
    background: #fff;
}

.mobile-liveness-frame[b-9ojk3ouzhn] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    border: 0;
    background: #fff;
}

.mobile-liveness-overlay[b-9ojk3ouzhn] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.88);
    color: #13313f;
    font-weight: 700;
    text-align: center;
}

.mobile-liveness-spinner[b-9ojk3ouzhn] {
    width: 1rem;
    height: 1rem;
    border: 3px solid rgba(15, 118, 110, 0.16);
    border-top-color: #0f766e;
    border-radius: 999px;
    animation: mobile-liveness-spin-b-9ojk3ouzhn 0.8s linear infinite;
}

.mobile-liveness-spinner.compact[b-9ojk3ouzhn] {
    width: 0.92rem;
    height: 0.92rem;
    border-width: 2px;
}

@keyframes mobile-liveness-spin-b-9ojk3ouzhn {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 640px) {
    .mobile-liveness-root[b-9ojk3ouzhn] {
        padding: 0.75rem;
    }

    .mobile-liveness-shell[b-9ojk3ouzhn] {
        min-height: calc(100vh - 1.5rem);
    }

    .mobile-liveness-header[b-9ojk3ouzhn],
    .mobile-liveness-panel[b-9ojk3ouzhn] {
        padding: 0.9rem;
    }

    .mobile-liveness-header[b-9ojk3ouzhn],
    .mobile-liveness-panel-head[b-9ojk3ouzhn] {
        flex-direction: column;
    }

    .mobile-liveness-status[b-9ojk3ouzhn] {
        align-self: stretch;
        text-align: center;
    }

    .mobile-liveness-actions[b-9ojk3ouzhn] {
        flex-direction: column;
    }

    .mobile-liveness-actions > button[b-9ojk3ouzhn] {
        width: 100%;
    }
}
/* /Pages/Support/Admin.razor.rz.scp.css */
.support-admin-overview[b-gomw6zh0ol] {
    --support-admin-ink: #173047;
    --support-admin-muted: #5d7082;
    --support-admin-border: rgba(23, 48, 71, 0.12);
    --support-admin-surface: #ffffff;
    --support-admin-surface-soft: #f7f4ee;
    --support-admin-accent: #0f766e;
    --support-admin-accent-soft: rgba(15, 118, 110, 0.12);
    display: grid;
    gap: 1rem;
}

.support-admin-overview__hero[b-gomw6zh0ol],
.support-admin-panel[b-gomw6zh0ol],
.support-admin-card[b-gomw6zh0ol] {
    background: var(--support-admin-surface);
    border: 1px solid var(--support-admin-border);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(23, 48, 71, 0.08);
}

.support-admin-overview__hero[b-gomw6zh0ol] {
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 32%),
        linear-gradient(135deg, #fdfbf7, #eef6f7);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, 1fr);
    padding: 1.4rem;
}

.support-admin-overview__eyebrow[b-gomw6zh0ol],
.support-admin-panel__eyebrow[b-gomw6zh0ol],
.support-admin-card__eyebrow[b-gomw6zh0ol],
.support-admin-metric__label[b-gomw6zh0ol] {
    color: var(--support-admin-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-admin-overview__title[b-gomw6zh0ol] {
    color: var(--support-admin-ink);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
    margin: 0.35rem 0;
}

.support-admin-overview__subtitle[b-gomw6zh0ol] {
    color: var(--support-admin-muted);
    margin: 0;
    max-width: 56rem;
}

.support-admin-overview__metrics[b-gomw6zh0ol] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-metric[b-gomw6zh0ol] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    justify-content: center;
    min-height: 6rem;
    padding: 0.95rem 1rem;
}

.support-admin-overview__sections[b-gomw6zh0ol] {
    display: grid;
    gap: 1rem;
}

.support-admin-panel[b-gomw6zh0ol] {
    padding: 1.2rem;
}

.support-admin-panel__header[b-gomw6zh0ol] {
    margin-bottom: 1rem;
}

.support-admin-panel__header h3[b-gomw6zh0ol],
.support-admin-card h4[b-gomw6zh0ol] {
    color: var(--support-admin-ink);
    margin: 0;
}

.support-admin-card-grid[b-gomw6zh0ol] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.support-admin-card[b-gomw6zh0ol] {
    color: inherit;
    display: grid;
    gap: 0.5rem;
    padding: 1.1rem;
    text-decoration: none;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.support-admin-card:hover[b-gomw6zh0ol] {
    border-color: rgba(15, 118, 110, 0.32);
    box-shadow: 0 20px 46px rgba(15, 118, 110, 0.12);
    transform: translateY(-1px);
}

.support-admin-card p[b-gomw6zh0ol] {
    color: var(--support-admin-muted);
    margin: 0;
}

@media (max-width: 991px) {
    .support-admin-overview__hero[b-gomw6zh0ol] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .support-admin-overview__hero[b-gomw6zh0ol],
    .support-admin-panel[b-gomw6zh0ol],
    .support-admin-card[b-gomw6zh0ol] {
        border-radius: 22px;
    }

    .support-admin-overview__metrics[b-gomw6zh0ol] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Support/AgentDetails.razor.rz.scp.css */
.support-admin-agent[b-gynxr1babw] {
    --support-admin-ink: #173047;
    --support-admin-muted: #5d7082;
    --support-admin-border: rgba(23, 48, 71, 0.12);
    --support-admin-surface: #ffffff;
    --support-admin-surface-soft: #f7f4ee;
    --support-admin-accent: #0f766e;
    --support-admin-accent-soft: rgba(15, 118, 110, 0.12);
    display: grid;
    gap: 1rem;
}

.support-admin-agent__hero[b-gynxr1babw],
.support-admin-agent__panel[b-gynxr1babw],
.support-admin-agent__empty[b-gynxr1babw],
.support-admin-agent__search-card[b-gynxr1babw],
.support-admin-agent__history-card[b-gynxr1babw] {
    background: var(--support-admin-surface);
    border: 1px solid var(--support-admin-border);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(23, 48, 71, 0.08);
}

.support-admin-agent__hero[b-gynxr1babw] {
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 32%),
        linear-gradient(135deg, #fdfbf7, #eef6f7);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr);
    padding: 1.4rem;
}

.support-admin-agent__eyebrow[b-gynxr1babw],
.support-admin-agent__panel-eyebrow[b-gynxr1babw],
.support-admin-agent__metric-label[b-gynxr1babw],
.support-admin-agent__membership-title[b-gynxr1babw] {
    color: var(--support-admin-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-admin-agent__title[b-gynxr1babw] {
    color: var(--support-admin-ink);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
    margin: 0.35rem 0;
}

.support-admin-agent__subtitle[b-gynxr1babw] {
    color: var(--support-admin-muted);
    margin: 0;
    max-width: 56rem;
}

.support-admin-agent__metrics[b-gynxr1babw] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-agent__metric[b-gynxr1babw] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    justify-content: center;
    min-height: 6rem;
    padding: 0.95rem 1rem;
}

.support-admin-agent__layout[b-gynxr1babw] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.6fr);
}

.support-admin-agent__sidebar[b-gynxr1babw],
.support-admin-agent__main[b-gynxr1babw],
.support-admin-agent__history-list[b-gynxr1babw],
.support-admin-agent__search-grid[b-gynxr1babw] {
    display: grid;
    gap: 1rem;
}

.support-admin-agent__panel[b-gynxr1babw],
.support-admin-agent__empty[b-gynxr1babw] {
    padding: 1.2rem;
}

.support-admin-agent__panel-header[b-gynxr1babw],
.support-admin-agent__search-header[b-gynxr1babw],
.support-admin-agent__history-top[b-gynxr1babw] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.support-admin-agent__panel-header h3[b-gynxr1babw],
.support-admin-agent__search-title[b-gynxr1babw] {
    color: var(--support-admin-ink);
    margin: 0;
}

.support-admin-agent__facts[b-gynxr1babw],
.support-admin-agent__search-facts[b-gynxr1babw] {
    display: grid;
    gap: 0.85rem;
}

.support-admin-agent__facts > div[b-gynxr1babw],
.support-admin-agent__search-facts > div[b-gynxr1babw] {
    background: var(--support-admin-surface-soft);
    border-radius: 18px;
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
}

.support-admin-agent__facts span[b-gynxr1babw],
.support-admin-agent__search-subtitle[b-gynxr1babw],
.support-admin-agent__search-facts span[b-gynxr1babw],
.support-admin-agent__history-meta[b-gynxr1babw],
.support-admin-agent__history-top span[b-gynxr1babw] {
    color: var(--support-admin-muted);
    font-size: 0.86rem;
}

.support-admin-agent__badge-row[b-gynxr1babw],
.support-admin-agent__actions[b-gynxr1babw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.support-admin-agent__form-grid[b-gynxr1babw] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-agent__search-action[b-gynxr1babw] {
    align-self: end;
}

.support-admin-agent__check-grid[b-gynxr1babw] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.support-admin-agent__check-card[b-gynxr1babw],
.support-admin-agent__toggle-inline[b-gynxr1babw] {
    align-items: center;
    background: var(--support-admin-surface-soft);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    gap: 0.65rem;
    padding: 0.8rem 0.95rem;
}

.support-admin-agent__membership-grid[b-gynxr1babw] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-agent__search-grid[b-gynxr1babw] {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.support-admin-agent__search-card[b-gynxr1babw],
.support-admin-agent__history-card[b-gynxr1babw] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
}

.support-admin-agent__search-facts[b-gynxr1babw] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-agent__badge[b-gynxr1babw] {
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.32rem 0.7rem;
}

.support-admin-agent__badge--available[b-gynxr1babw],
.support-admin-agent__badge--support-active[b-gynxr1babw] {
    background: rgba(22, 163, 74, 0.14);
    color: #166534;
}

.support-admin-agent__badge--busy[b-gynxr1babw] {
    background: rgba(245, 158, 11, 0.16);
    color: #b45309;
}

.support-admin-agent__badge--away[b-gynxr1babw] {
    background: rgba(37, 99, 235, 0.14);
    color: #1d4ed8;
}

.support-admin-agent__badge--offline[b-gynxr1babw],
.support-admin-agent__badge--support-inactive[b-gynxr1babw] {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

.support-admin-agent__empty[b-gynxr1babw] {
    min-height: 12rem;
    place-items: center;
    text-align: center;
}

@media (max-width: 1199px) {
    .support-admin-agent__layout[b-gynxr1babw],
    .support-admin-agent__hero[b-gynxr1babw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .support-admin-agent__metrics[b-gynxr1babw],
    .support-admin-agent__form-grid[b-gynxr1babw],
    .support-admin-agent__membership-grid[b-gynxr1babw],
    .support-admin-agent__search-facts[b-gynxr1babw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .support-admin-agent__hero[b-gynxr1babw],
    .support-admin-agent__panel[b-gynxr1babw],
    .support-admin-agent__empty[b-gynxr1babw],
    .support-admin-agent__search-card[b-gynxr1babw],
    .support-admin-agent__history-card[b-gynxr1babw] {
        border-radius: 22px;
    }
}
/* /Pages/Support/Agents.razor.rz.scp.css */
.support-admin-agents[b-2gjafh1vlo] {
    --support-admin-ink: #173047;
    --support-admin-muted: #5d7082;
    --support-admin-border: rgba(23, 48, 71, 0.12);
    --support-admin-surface: #ffffff;
    --support-admin-surface-soft: #f7f4ee;
    --support-admin-accent: #0f766e;
    --support-admin-accent-soft: rgba(15, 118, 110, 0.12);
    display: grid;
    gap: 1rem;
}

.support-admin-agents__hero[b-2gjafh1vlo],
.support-admin-agents__panel[b-2gjafh1vlo],
.support-admin-agents__card[b-2gjafh1vlo],
.support-admin-agents__empty[b-2gjafh1vlo] {
    background: var(--support-admin-surface);
    border: 1px solid var(--support-admin-border);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(23, 48, 71, 0.08);
}

.support-admin-agents__hero[b-2gjafh1vlo] {
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 32%),
        linear-gradient(135deg, #fdfbf7, #eef6f7);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr);
    padding: 1.4rem;
}

.support-admin-agents__eyebrow[b-2gjafh1vlo],
.support-admin-agents__panel-eyebrow[b-2gjafh1vlo],
.support-admin-agents__metric-label[b-2gjafh1vlo],
.support-admin-agents__pill[b-2gjafh1vlo],
.support-admin-agents__badge[b-2gjafh1vlo] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-admin-agents__eyebrow[b-2gjafh1vlo],
.support-admin-agents__panel-eyebrow[b-2gjafh1vlo],
.support-admin-agents__metric-label[b-2gjafh1vlo] {
    color: var(--support-admin-muted);
}

.support-admin-agents__title[b-2gjafh1vlo] {
    color: var(--support-admin-ink);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
    margin: 0.35rem 0;
}

.support-admin-agents__subtitle[b-2gjafh1vlo] {
    color: var(--support-admin-muted);
    margin: 0;
    max-width: 56rem;
}

.support-admin-agents__metrics[b-2gjafh1vlo] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-agents__metric[b-2gjafh1vlo] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    justify-content: center;
    min-height: 6rem;
    padding: 0.95rem 1rem;
}

.support-admin-agents__layout[b-2gjafh1vlo] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.6fr);
}

.support-admin-agents__sidebar[b-2gjafh1vlo],
.support-admin-agents__main[b-2gjafh1vlo] {
    display: grid;
    gap: 1rem;
}

.support-admin-agents__panel[b-2gjafh1vlo],
.support-admin-agents__empty[b-2gjafh1vlo] {
    padding: 1.2rem;
}

.support-admin-agents__panel-header[b-2gjafh1vlo],
.support-admin-agents__card-header[b-2gjafh1vlo] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.support-admin-agents__panel-header h3[b-2gjafh1vlo],
.support-admin-agents__card-title[b-2gjafh1vlo] {
    color: var(--support-admin-ink);
    margin: 0;
}

.support-admin-agents__board-meta[b-2gjafh1vlo],
.support-admin-agents__card-subtitle[b-2gjafh1vlo],
.support-admin-agents__facts span[b-2gjafh1vlo],
.support-admin-agents__card-facts span[b-2gjafh1vlo] {
    color: var(--support-admin-muted);
    font-size: 0.86rem;
}

.support-admin-agents__facts[b-2gjafh1vlo],
.support-admin-agents__filter-grid[b-2gjafh1vlo] {
    display: grid;
    gap: 0.85rem;
}

.support-admin-agents__filter-grid[b-2gjafh1vlo] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-agents__facts > div[b-2gjafh1vlo] {
    background: var(--support-admin-surface-soft);
    border-radius: 18px;
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
}

.support-admin-agents__actions[b-2gjafh1vlo],
.support-admin-agents__pill-list[b-2gjafh1vlo],
.support-admin-agents__card-badges[b-2gjafh1vlo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.support-admin-agents__pill[b-2gjafh1vlo] {
    background: var(--support-admin-accent-soft);
    border-radius: 999px;
    color: var(--support-admin-accent);
    padding: 0.35rem 0.7rem;
}

.support-admin-agents__card-grid[b-2gjafh1vlo] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}

.support-admin-agents__card[b-2gjafh1vlo] {
    cursor: pointer;
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.support-admin-agents__card:hover[b-2gjafh1vlo] {
    border-color: rgba(15, 118, 110, 0.32);
    box-shadow: 0 20px 46px rgba(15, 118, 110, 0.12);
    transform: translateY(-1px);
}

.support-admin-agents__card-facts[b-2gjafh1vlo] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-agents__card-facts > div[b-2gjafh1vlo] {
    background: var(--support-admin-surface-soft);
    border-radius: 16px;
    display: grid;
    gap: 0.25rem;
    padding: 0.8rem 0.9rem;
}

.support-admin-agents__badge[b-2gjafh1vlo] {
    border-radius: 999px;
    padding: 0.32rem 0.7rem;
}

.support-admin-agents__badge--available[b-2gjafh1vlo],
.support-admin-agents__badge--support-active[b-2gjafh1vlo] {
    background: rgba(22, 163, 74, 0.14);
    color: #166534;
}

.support-admin-agents__badge--busy[b-2gjafh1vlo] {
    background: rgba(245, 158, 11, 0.16);
    color: #b45309;
}

.support-admin-agents__badge--away[b-2gjafh1vlo] {
    background: rgba(37, 99, 235, 0.14);
    color: #1d4ed8;
}

.support-admin-agents__badge--offline[b-2gjafh1vlo],
.support-admin-agents__badge--support-inactive[b-2gjafh1vlo] {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

.support-admin-agents__empty[b-2gjafh1vlo] {
    min-height: 12rem;
    place-items: center;
    text-align: center;
}

@media (max-width: 1199px) {
    .support-admin-agents__layout[b-2gjafh1vlo],
    .support-admin-agents__hero[b-2gjafh1vlo] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .support-admin-agents__metrics[b-2gjafh1vlo],
    .support-admin-agents__filter-grid[b-2gjafh1vlo],
    .support-admin-agents__card-facts[b-2gjafh1vlo] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .support-admin-agents__hero[b-2gjafh1vlo],
    .support-admin-agents__panel[b-2gjafh1vlo],
    .support-admin-agents__card[b-2gjafh1vlo],
    .support-admin-agents__empty[b-2gjafh1vlo] {
        border-radius: 22px;
    }
}
/* /Pages/Support/ConversationDetails.razor.rz.scp.css */
.support-conversation-shell[b-5897nykfch] {
    --support-ink: #173047;
    --support-muted: #5d7082;
    --support-border: rgba(23, 48, 71, 0.12);
    --support-surface: #ffffff;
    --support-surface-soft: #f7f4ee;
    --support-accent: #0f766e;
    --support-accent-soft: rgba(15, 118, 110, 0.12);
    --support-thread-inbound: #f5efe6;
    --support-thread-outbound: #e6f2ff;
    --support-thread-note: #fff5cf;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.support-conversation-hero[b-5897nykfch],
.support-panel[b-5897nykfch] {
    background: var(--support-surface);
    border: 1px solid var(--support-border);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(23, 48, 71, 0.08);
}

.support-conversation-hero[b-5897nykfch] {
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 32%),
        linear-gradient(135deg, #fdfbf7, #f1f7f8);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.9fr);
    padding: 1.4rem;
}

.support-conversation-hero__eyebrow[b-5897nykfch],
.support-panel__eyebrow[b-5897nykfch],
.support-hero-stat__label[b-5897nykfch] {
    color: var(--support-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-conversation-hero__title[b-5897nykfch] {
    color: var(--support-ink);
    font-size: clamp(1.4rem, 2vw, 2rem);
    line-height: 1.1;
    margin: 0.35rem 0;
}

.support-conversation-hero__subtitle[b-5897nykfch] {
    color: var(--support-muted);
    margin: 0;
}

.support-conversation-hero__badges[b-5897nykfch],
.support-jump-links[b-5897nykfch],
.support-chat-composer__actions[b-5897nykfch],
.support-tag-list[b-5897nykfch] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.support-conversation-hero__stats[b-5897nykfch] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-hero-stat[b-5897nykfch] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.9rem 1rem;
}

.support-conversation-nav[b-5897nykfch] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.support-conversation-nav__link[b-5897nykfch] {
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid var(--support-border);
    border-radius: 999px;
    color: var(--support-ink);
    font-weight: 600;
    padding: 0.7rem 1rem;
    text-decoration: none;
}

.support-conversation-nav__link--active[b-5897nykfch] {
    background: var(--support-ink);
    border-color: var(--support-ink);
    color: #ffffff;
}

.support-chat-layout[b-5897nykfch] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.75fr) minmax(280px, 0.95fr);
}

.support-chat-main[b-5897nykfch],
.support-chat-side[b-5897nykfch],
.support-section-grid[b-5897nykfch] {
    display: grid;
    gap: 1rem;
}

.support-section-grid[b-5897nykfch] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-panel[b-5897nykfch] {
    padding: 1.2rem;
}

.support-panel--wide[b-5897nykfch] {
    grid-column: 1 / -1;
}

.support-panel__header[b-5897nykfch] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.support-panel__header h3[b-5897nykfch],
.support-subheading[b-5897nykfch],
.support-mini-list h4[b-5897nykfch] {
    color: var(--support-ink);
    margin: 0;
}

.support-panel__meta[b-5897nykfch] {
    color: var(--support-muted);
    font-size: 0.92rem;
}

.support-thread[b-5897nykfch] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    max-height: 68vh;
    overflow: auto;
    padding-right: 0.25rem;
}

.support-thread__lane[b-5897nykfch] {
    display: flex;
}

.support-thread__lane--outbound[b-5897nykfch] {
    justify-content: flex-end;
}

.support-thread__bubble[b-5897nykfch] {
    border-radius: 22px;
    max-width: min(78%, 48rem);
    padding: 0.95rem 1rem;
}

.support-thread__bubble--inbound[b-5897nykfch] {
    background: var(--support-thread-inbound);
}

.support-thread__bubble--outbound[b-5897nykfch] {
    background: var(--support-thread-outbound);
}

.support-thread__bubble--note[b-5897nykfch] {
    background: var(--support-thread-note);
    max-width: 100%;
}

.support-thread__meta[b-5897nykfch],
.support-history-card__meta[b-5897nykfch] {
    color: var(--support-muted);
    display: flex;
    font-size: 0.82rem;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.45rem;
}

.support-thread__body[b-5897nykfch] {
    color: var(--support-ink);
    white-space: pre-wrap;
}

.support-thread__footnote[b-5897nykfch] {
    color: var(--support-muted);
    font-size: 0.82rem;
    margin-top: 0.55rem;
}

.support-thread__footnote--error[b-5897nykfch] {
    color: #b42318;
}

.support-chat-composer__input[b-5897nykfch] {
    min-height: 9rem;
}

.support-facts[b-5897nykfch] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.support-facts div[b-5897nykfch] {
    background: var(--support-surface-soft);
    border-radius: 16px;
    padding: 0.8rem 0.9rem;
}

.support-facts dt[b-5897nykfch] {
    color: var(--support-muted);
    font-size: 0.8rem;
    margin-bottom: 0.2rem;
}

.support-facts dd[b-5897nykfch] {
    color: var(--support-ink);
    font-weight: 600;
    margin: 0;
}

.support-tag[b-5897nykfch] {
    background: var(--support-accent-soft);
    border-radius: 999px;
    color: var(--support-accent);
    font-size: 0.86rem;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
}

.support-list-card[b-5897nykfch],
.support-history-card[b-5897nykfch],
.support-mini-list__item[b-5897nykfch] {
    background: var(--support-surface-soft);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
}

.support-list-card[b-5897nykfch],
.support-mini-list__item[b-5897nykfch] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.75rem;
    padding: 0.9rem 1rem;
}

.support-list-card--stacked[b-5897nykfch] {
    align-items: start;
    flex-direction: column;
}

.support-mini-list__item[b-5897nykfch] {
    cursor: pointer;
    text-align: left;
    width: 100%;
}

.support-mini-list__item span[b-5897nykfch] {
    color: var(--support-muted);
    display: block;
    font-size: 0.88rem;
    margin-top: 0.15rem;
}

.support-history-card[b-5897nykfch] {
    margin-top: 0.85rem;
    padding: 1rem;
}

@media (max-width: 1199px) {
    .support-chat-layout[b-5897nykfch],
    .support-conversation-hero[b-5897nykfch],
    .support-section-grid[b-5897nykfch] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .support-facts[b-5897nykfch],
    .support-conversation-hero__stats[b-5897nykfch] {
        grid-template-columns: 1fr;
    }

    .support-thread__bubble[b-5897nykfch] {
        max-width: 100%;
    }
}
/* /Pages/Support/Inbox.razor.rz.scp.css */
.support-inbox-shell[b-jpphzwjo8y] {
    --support-ink: #173047;
    --support-muted: #5d7082;
    --support-border: rgba(23, 48, 71, 0.12);
    --support-surface: #ffffff;
    --support-surface-soft: #f7f4ee;
    --support-accent: #0f766e;
    --support-accent-soft: rgba(15, 118, 110, 0.12);
    --support-chat-soft: rgba(22, 163, 74, 0.1);
    --support-warning-soft: rgba(245, 158, 11, 0.16);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.support-inbox-hero[b-jpphzwjo8y],
.support-inbox-panel[b-jpphzwjo8y],
.support-inbox-card[b-jpphzwjo8y],
.support-inbox-empty[b-jpphzwjo8y] {
    background: var(--support-surface);
    border: 1px solid var(--support-border);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(23, 48, 71, 0.08);
}

.support-inbox-hero[b-jpphzwjo8y] {
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 32%),
        linear-gradient(135deg, #fdfbf7, #eef6f7);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 1fr);
    padding: 1.4rem;
}

.support-inbox-hero__eyebrow[b-jpphzwjo8y],
.support-inbox-panel__eyebrow[b-jpphzwjo8y],
.support-inbox-metric__label[b-jpphzwjo8y],
.support-inbox-card__label[b-jpphzwjo8y] {
    color: var(--support-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-inbox-hero__title[b-jpphzwjo8y] {
    color: var(--support-ink);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
    margin: 0.35rem 0;
}

.support-inbox-hero__subtitle[b-jpphzwjo8y] {
    color: var(--support-muted);
    margin: 0;
}

.support-inbox-metrics[b-jpphzwjo8y] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.support-inbox-metric[b-jpphzwjo8y] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    justify-content: center;
    min-height: 6rem;
    padding: 0.9rem 1rem;
}

.support-inbox-layout[b-jpphzwjo8y] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.65fr);
}

.support-inbox-sidebar[b-jpphzwjo8y],
.support-inbox-main[b-jpphzwjo8y],
.support-inbox-cards[b-jpphzwjo8y] {
    display: grid;
    gap: 1rem;
}

.support-inbox-panel[b-jpphzwjo8y],
.support-inbox-card[b-jpphzwjo8y],
.support-inbox-empty[b-jpphzwjo8y] {
    padding: 1.2rem;
}

.support-inbox-panel__header[b-jpphzwjo8y] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.support-inbox-panel__header h3[b-jpphzwjo8y],
.support-inbox-card__title[b-jpphzwjo8y] {
    color: var(--support-ink);
    margin: 0;
}

.support-inbox-board__meta[b-jpphzwjo8y] {
    color: var(--support-muted);
    font-size: 0.92rem;
}

.support-inbox-facts[b-jpphzwjo8y] {
    display: grid;
    gap: 0.85rem;
}

.support-inbox-facts div[b-jpphzwjo8y] {
    background: var(--support-surface-soft);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.85rem 0.95rem;
}

.support-inbox-facts span[b-jpphzwjo8y] {
    color: var(--support-muted);
    font-size: 0.86rem;
}

.support-inbox-actions[b-jpphzwjo8y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.support-saved-filter-list[b-jpphzwjo8y] {
    display: grid;
    gap: 0.65rem;
}

.support-saved-filter[b-jpphzwjo8y] {
    align-items: center;
    display: flex;
    gap: 0.65rem;
    justify-content: space-between;
}

.support-filter-grid[b-jpphzwjo8y] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-filter-pill-list[b-jpphzwjo8y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.support-filter-pill[b-jpphzwjo8y] {
    background: var(--support-accent-soft);
    border-radius: 999px;
    color: var(--support-accent);
    font-size: 0.84rem;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
}

.support-inbox-card[b-jpphzwjo8y] {
    cursor: pointer;
    display: grid;
    gap: 1rem;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.support-inbox-card:hover[b-jpphzwjo8y] {
    border-color: rgba(15, 118, 110, 0.28);
    box-shadow: 0 20px 48px rgba(15, 118, 110, 0.12);
    transform: translateY(-1px);
}

.support-inbox-card--unread[b-jpphzwjo8y] {
    border-color: rgba(15, 118, 110, 0.28);
}

.support-inbox-card--chat[b-jpphzwjo8y] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)),
        linear-gradient(135deg, var(--support-chat-soft), transparent);
}

.support-inbox-card__header[b-jpphzwjo8y],
.support-inbox-card__actions[b-jpphzwjo8y] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.support-inbox-card__title[b-jpphzwjo8y] {
    font-size: 1.05rem;
    margin-top: 0.4rem;
}

.support-inbox-card__subtitle[b-jpphzwjo8y] {
    color: var(--support-muted);
    margin: 0.25rem 0 0;
}

.support-inbox-card__badges[b-jpphzwjo8y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.support-inbox-badge[b-jpphzwjo8y] {
    background: rgba(23, 48, 71, 0.08);
    border-radius: 999px;
    color: var(--support-ink);
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.28rem 0.6rem;
}

.support-inbox-badge--whatsapp[b-jpphzwjo8y] {
    background: rgba(22, 163, 74, 0.14);
    color: #166534;
}

.support-inbox-badge--live[b-jpphzwjo8y] {
    background: rgba(37, 99, 235, 0.14);
    color: #1d4ed8;
}

.support-inbox-badge--open[b-jpphzwjo8y] {
    background: rgba(15, 118, 110, 0.14);
    color: #0f766e;
}

.support-inbox-badge--pending[b-jpphzwjo8y] {
    background: rgba(245, 158, 11, 0.16);
    color: #b45309;
}

.support-inbox-badge--resolved[b-jpphzwjo8y] {
    background: rgba(34, 197, 94, 0.14);
    color: #15803d;
}

.support-inbox-badge--closed[b-jpphzwjo8y] {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

.support-inbox-badge--warning[b-jpphzwjo8y] {
    background: var(--support-warning-soft);
    color: #b45309;
}

.support-inbox-badge--breached[b-jpphzwjo8y] {
    background: rgba(220, 38, 38, 0.14);
    color: #b91c1c;
}

.support-inbox-badge--unread[b-jpphzwjo8y] {
    background: rgba(37, 99, 235, 0.14);
    color: #1d4ed8;
}

.support-inbox-badge--pin[b-jpphzwjo8y] {
    background: rgba(245, 158, 11, 0.16);
    color: #b45309;
}

.support-inbox-badge--star[b-jpphzwjo8y] {
    background: rgba(139, 92, 246, 0.14);
    color: #6d28d9;
}

.support-inbox-card__grid[b-jpphzwjo8y] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-inbox-card__grid > div[b-jpphzwjo8y] {
    background: var(--support-surface-soft);
    border-radius: 18px;
    padding: 0.9rem 1rem;
}

.support-inbox-empty[b-jpphzwjo8y] {
    min-height: 16rem;
    place-items: center;
    text-align: center;
    display: grid;
}

@media (max-width: 1279px) {
    .support-inbox-layout[b-jpphzwjo8y],
    .support-inbox-hero[b-jpphzwjo8y] {
        grid-template-columns: 1fr;
    }

    .support-inbox-metrics[b-jpphzwjo8y] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .support-filter-grid[b-jpphzwjo8y],
    .support-inbox-card__grid[b-jpphzwjo8y],
    .support-inbox-metrics[b-jpphzwjo8y] {
        grid-template-columns: 1fr;
    }

    .support-inbox-card__header[b-jpphzwjo8y],
    .support-inbox-card__actions[b-jpphzwjo8y],
    .support-saved-filter[b-jpphzwjo8y] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Support/Routing.razor.rz.scp.css */
.support-admin-routing[b-7pghg12y5y] {
    --support-admin-ink: #173047;
    --support-admin-muted: #5d7082;
    --support-admin-border: rgba(23, 48, 71, 0.12);
    --support-admin-surface: #ffffff;
    --support-admin-surface-soft: #f7f4ee;
    --support-admin-accent: #0f766e;
    --support-admin-accent-soft: rgba(15, 118, 110, 0.12);
    display: grid;
    gap: 1rem;
}

.support-admin-routing__hero[b-7pghg12y5y],
.support-admin-routing__panel[b-7pghg12y5y],
.support-admin-routing__agent-card[b-7pghg12y5y],
.support-admin-routing__empty[b-7pghg12y5y] {
    background: var(--support-admin-surface);
    border: 1px solid var(--support-admin-border);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(23, 48, 71, 0.08);
}

.support-admin-routing__hero[b-7pghg12y5y] {
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 32%),
        linear-gradient(135deg, #fdfbf7, #eef6f7);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr);
    padding: 1.4rem;
}

.support-admin-routing__eyebrow[b-7pghg12y5y],
.support-admin-routing__panel-eyebrow[b-7pghg12y5y],
.support-admin-routing__metric-label[b-7pghg12y5y],
.support-admin-routing__badge span[b-7pghg12y5y] {
    color: var(--support-admin-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-admin-routing__title[b-7pghg12y5y] {
    color: var(--support-admin-ink);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
    margin: 0.35rem 0;
}

.support-admin-routing__subtitle[b-7pghg12y5y] {
    color: var(--support-admin-muted);
    margin: 0;
    max-width: 56rem;
}

.support-admin-routing__metrics[b-7pghg12y5y] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-routing__metric[b-7pghg12y5y] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    justify-content: center;
    min-height: 6rem;
    padding: 0.95rem 1rem;
}

.support-admin-routing__layout[b-7pghg12y5y] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.6fr);
}

.support-admin-routing__sidebar[b-7pghg12y5y],
.support-admin-routing__main[b-7pghg12y5y],
.support-admin-routing__agent-grid[b-7pghg12y5y] {
    display: grid;
    gap: 1rem;
}

.support-admin-routing__panel[b-7pghg12y5y],
.support-admin-routing__empty[b-7pghg12y5y] {
    padding: 1.2rem;
}

.support-admin-routing__panel-header[b-7pghg12y5y] {
    margin-bottom: 1rem;
}

.support-admin-routing__panel-header h3[b-7pghg12y5y],
.support-admin-routing__toggle-title[b-7pghg12y5y],
.support-admin-routing__agent-name[b-7pghg12y5y] {
    color: var(--support-admin-ink);
    margin: 0;
}

.support-admin-routing__facts[b-7pghg12y5y],
.support-admin-routing__pill-grid[b-7pghg12y5y] {
    display: grid;
    gap: 0.85rem;
}

.support-admin-routing__facts > div[b-7pghg12y5y],
.support-admin-routing__pill[b-7pghg12y5y] {
    background: var(--support-admin-surface-soft);
    border-radius: 18px;
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
}

.support-admin-routing__facts span[b-7pghg12y5y],
.support-admin-routing__pill span[b-7pghg12y5y],
.support-admin-routing__agent-meta[b-7pghg12y5y] {
    color: var(--support-admin-muted);
    font-size: 0.86rem;
}

.support-admin-routing__actions[b-7pghg12y5y],
.support-admin-routing__agent-header[b-7pghg12y5y] {
    align-items: start;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.support-admin-routing__form-grid[b-7pghg12y5y] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-routing__form-grid--full[b-7pghg12y5y] {
    grid-column: 1 / -1;
}

.support-admin-routing__toggle-card[b-7pghg12y5y] {
    align-items: start;
    background: var(--support-admin-surface-soft);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 20px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 7.5rem;
    padding: 1rem;
}

.support-admin-routing__toggle-card p[b-7pghg12y5y] {
    color: var(--support-admin-muted);
    margin: 0.35rem 0 0;
}

.support-admin-routing__agent-grid[b-7pghg12y5y] {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.support-admin-routing__agent-card[b-7pghg12y5y] {
    cursor: pointer;
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.support-admin-routing__agent-card:hover[b-7pghg12y5y] {
    border-color: rgba(15, 118, 110, 0.32);
    box-shadow: 0 20px 46px rgba(15, 118, 110, 0.12);
    transform: translateY(-1px);
}

.support-admin-routing__agent-facts[b-7pghg12y5y] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-routing__agent-facts > div[b-7pghg12y5y] {
    background: var(--support-admin-surface-soft);
    border-radius: 16px;
    display: grid;
    gap: 0.25rem;
    padding: 0.8rem 0.9rem;
}

.support-admin-routing__agent-facts span[b-7pghg12y5y] {
    color: var(--support-admin-muted);
    font-size: 0.82rem;
}

.support-admin-routing__badge[b-7pghg12y5y] {
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.32rem 0.7rem;
}

.support-admin-routing__badge--available[b-7pghg12y5y] {
    background: rgba(22, 163, 74, 0.14);
    color: #166534;
}

.support-admin-routing__badge--busy[b-7pghg12y5y] {
    background: rgba(245, 158, 11, 0.16);
    color: #b45309;
}

.support-admin-routing__badge--away[b-7pghg12y5y] {
    background: rgba(37, 99, 235, 0.14);
    color: #1d4ed8;
}

.support-admin-routing__badge--offline[b-7pghg12y5y] {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

.support-admin-routing__empty[b-7pghg12y5y] {
    min-height: 12rem;
    place-items: center;
    text-align: center;
}

@media (max-width: 1199px) {
    .support-admin-routing__layout[b-7pghg12y5y],
    .support-admin-routing__hero[b-7pghg12y5y] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .support-admin-routing__metrics[b-7pghg12y5y],
    .support-admin-routing__form-grid[b-7pghg12y5y],
    .support-admin-routing__agent-facts[b-7pghg12y5y] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .support-admin-routing__hero[b-7pghg12y5y],
    .support-admin-routing__panel[b-7pghg12y5y],
    .support-admin-routing__agent-card[b-7pghg12y5y],
    .support-admin-routing__empty[b-7pghg12y5y] {
        border-radius: 22px;
    }
}
/* /Pages/Support/Settings.razor.rz.scp.css */
.support-admin-settings[b-przbxtptbu] {
    --support-admin-ink: #173047;
    --support-admin-muted: #5d7082;
    --support-admin-border: rgba(23, 48, 71, 0.12);
    --support-admin-surface: #ffffff;
    --support-admin-surface-soft: #f7f4ee;
    --support-admin-accent: #0f766e;
    --support-admin-accent-soft: rgba(15, 118, 110, 0.12);
    display: grid;
    gap: 1rem;
}

.support-admin-settings__hero[b-przbxtptbu],
.support-admin-settings__panel[b-przbxtptbu] {
    background: var(--support-admin-surface);
    border: 1px solid var(--support-admin-border);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(23, 48, 71, 0.08);
}

.support-admin-settings__hero[b-przbxtptbu] {
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 32%),
        linear-gradient(135deg, #fdfbf7, #eef6f7);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr);
    padding: 1.4rem;
}

.support-admin-settings__eyebrow[b-przbxtptbu],
.support-admin-settings__panel-eyebrow[b-przbxtptbu],
.support-admin-settings__metric-label[b-przbxtptbu] {
    color: var(--support-admin-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-admin-settings__title[b-przbxtptbu] {
    color: var(--support-admin-ink);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
    margin: 0.35rem 0;
}

.support-admin-settings__subtitle[b-przbxtptbu] {
    color: var(--support-admin-muted);
    margin: 0;
    max-width: 56rem;
}

.support-admin-settings__metrics[b-przbxtptbu] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-settings__metric[b-przbxtptbu] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    justify-content: center;
    min-height: 6rem;
    padding: 0.95rem 1rem;
}

.support-admin-settings__layout[b-przbxtptbu] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.6fr);
}

.support-admin-settings__sidebar[b-przbxtptbu],
.support-admin-settings__main[b-przbxtptbu] {
    display: grid;
    gap: 1rem;
}

.support-admin-settings__panel[b-przbxtptbu] {
    padding: 1.2rem;
}

.support-admin-settings__panel-header[b-przbxtptbu] {
    margin-bottom: 1rem;
}

.support-admin-settings__panel-header h3[b-przbxtptbu],
.support-admin-settings__toggle-title[b-przbxtptbu] {
    color: var(--support-admin-ink);
    margin: 0;
}

.support-admin-settings__facts[b-przbxtptbu] {
    display: grid;
    gap: 0.85rem;
}

.support-admin-settings__facts > div[b-przbxtptbu] {
    background: var(--support-admin-surface-soft);
    border-radius: 18px;
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
}

.support-admin-settings__facts span[b-przbxtptbu] {
    color: var(--support-admin-muted);
    font-size: 0.86rem;
}

.support-admin-settings__pill-list[b-przbxtptbu],
.support-admin-settings__actions[b-przbxtptbu],
.support-admin-settings__toggle-row[b-przbxtptbu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.support-admin-settings__pill[b-przbxtptbu] {
    background: var(--support-admin-accent-soft);
    border-radius: 999px;
    color: var(--support-admin-accent);
    font-size: 0.84rem;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
}

.support-admin-settings__note[b-przbxtptbu] {
    color: var(--support-admin-muted);
    margin-top: 0.9rem;
}

.support-admin-settings__toggle-grid[b-przbxtptbu] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-settings__toggle-card[b-przbxtptbu] {
    align-items: start;
    background: var(--support-admin-surface-soft);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 8.5rem;
    padding: 1rem;
}

.support-admin-settings__toggle-card p[b-przbxtptbu] {
    color: var(--support-admin-muted);
    margin: 0.35rem 0 0;
}

.support-admin-settings__form-grid[b-przbxtptbu] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-settings__form-grid--full[b-przbxtptbu] {
    grid-column: 1 / -1;
}

.support-admin-settings__toggle-inline[b-przbxtptbu] {
    align-items: center;
    background: var(--support-admin-surface-soft);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 999px;
    display: inline-flex;
    gap: 0.55rem;
    padding: 0.65rem 0.95rem;
}

@media (max-width: 1199px) {
    .support-admin-settings__layout[b-przbxtptbu],
    .support-admin-settings__hero[b-przbxtptbu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .support-admin-settings__metrics[b-przbxtptbu],
    .support-admin-settings__toggle-grid[b-przbxtptbu],
    .support-admin-settings__form-grid[b-przbxtptbu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .support-admin-settings__hero[b-przbxtptbu],
    .support-admin-settings__panel[b-przbxtptbu] {
        border-radius: 22px;
    }
}
/* /Pages/Support/SupportSettingsNav.razor.rz.scp.css */
.support-settings-nav-shell[b-malyz5f6n8] {
    --support-admin-ink: #173047;
    --support-admin-muted: #5d7082;
    --support-admin-border: rgba(23, 48, 71, 0.12);
    --support-admin-surface: #ffffff;
    --support-admin-accent: #0f766e;
    --support-admin-accent-soft: rgba(15, 118, 110, 0.12);
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 34%),
        linear-gradient(135deg, #fdfbf7, #eef6f7);
    border: 1px solid var(--support-admin-border);
    border-radius: 28px;
    box-shadow: 0 18px 48px rgba(23, 48, 71, 0.08);
    display: grid;
    gap: 1rem;
    padding: 1.2rem;
}

.support-settings-nav-shell__header[b-malyz5f6n8] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.support-settings-nav-shell__eyebrow[b-malyz5f6n8],
.support-settings-nav-group__title[b-malyz5f6n8] {
    color: var(--support-admin-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-settings-nav-shell__header h2[b-malyz5f6n8] {
    color: var(--support-admin-ink);
    font-size: clamp(1.15rem, 1.5vw, 1.45rem);
    margin: 0.35rem 0;
}

.support-settings-nav-shell__header p[b-malyz5f6n8] {
    color: var(--support-admin-muted);
    margin: 0;
    max-width: 58rem;
}

.support-settings-nav-groups[b-malyz5f6n8] {
    display: grid;
    gap: 0.9rem;
}

.support-settings-nav-group[b-malyz5f6n8] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 22px;
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
}

.support-settings-nav-links[b-malyz5f6n8] {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}

.support-settings-nav__link[b-malyz5f6n8] {
    background: var(--support-admin-surface);
    border: 1px solid rgba(23, 48, 71, 0.1);
    border-radius: 16px;
    color: var(--support-admin-ink);
    display: block;
    font-weight: 700;
    padding: 0.9rem 1rem;
    text-align: center;
    text-decoration: none;
    transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.support-settings-nav__link:hover[b-malyz5f6n8] {
    border-color: rgba(15, 118, 110, 0.35);
    box-shadow: 0 18px 38px rgba(15, 118, 110, 0.12);
    transform: translateY(-1px);
}

.support-settings-nav__link--active[b-malyz5f6n8] {
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.14), rgba(15, 118, 110, 0.08));
    border-color: rgba(15, 118, 110, 0.5);
    color: var(--support-admin-accent);
}

@media (max-width: 767px) {
    .support-settings-nav-shell[b-malyz5f6n8],
    .support-settings-nav-group[b-malyz5f6n8] {
        border-radius: 22px;
    }

    .support-settings-nav-links[b-malyz5f6n8] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 575px) {
    .support-settings-nav-links[b-malyz5f6n8] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Support/TeamDetails.razor.rz.scp.css */
.support-admin-team[b-a0s8do77id] {
    --support-admin-ink: #173047;
    --support-admin-muted: #5d7082;
    --support-admin-border: rgba(23, 48, 71, 0.12);
    --support-admin-surface: #ffffff;
    --support-admin-surface-soft: #f7f4ee;
    display: grid;
    gap: 1rem;
}

.support-admin-team__hero[b-a0s8do77id],
.support-admin-team__panel[b-a0s8do77id] {
    background: var(--support-admin-surface);
    border: 1px solid var(--support-admin-border);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(23, 48, 71, 0.08);
}

.support-admin-team__hero[b-a0s8do77id] {
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 32%),
        linear-gradient(135deg, #fdfbf7, #eef6f7);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr);
    padding: 1.4rem;
}

.support-admin-team__eyebrow[b-a0s8do77id],
.support-admin-team__panel-eyebrow[b-a0s8do77id],
.support-admin-team__metric-label[b-a0s8do77id] {
    color: var(--support-admin-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-admin-team__title[b-a0s8do77id] {
    color: var(--support-admin-ink);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
    margin: 0.35rem 0;
}

.support-admin-team__subtitle[b-a0s8do77id] {
    color: var(--support-admin-muted);
    margin: 0;
    max-width: 56rem;
}

.support-admin-team__metrics[b-a0s8do77id] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-team__metric[b-a0s8do77id] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    justify-content: center;
    min-height: 6rem;
    padding: 0.95rem 1rem;
}

.support-admin-team__layout[b-a0s8do77id] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.6fr);
}

.support-admin-team__sidebar[b-a0s8do77id],
.support-admin-team__main[b-a0s8do77id] {
    display: grid;
    gap: 1rem;
}

.support-admin-team__panel[b-a0s8do77id] {
    padding: 1.2rem;
}

.support-admin-team__panel-header[b-a0s8do77id] {
    margin-bottom: 1rem;
}

.support-admin-team__panel-header h3[b-a0s8do77id] {
    color: var(--support-admin-ink);
    margin: 0;
}

.support-admin-team__facts[b-a0s8do77id],
.support-admin-team__form-grid[b-a0s8do77id] {
    display: grid;
    gap: 0.85rem;
}

.support-admin-team__facts > div[b-a0s8do77id] {
    background: var(--support-admin-surface-soft);
    border-radius: 18px;
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
}

.support-admin-team__facts span[b-a0s8do77id] {
    color: var(--support-admin-muted);
    font-size: 0.86rem;
}

.support-admin-team__actions[b-a0s8do77id] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.support-admin-team__form-grid[b-a0s8do77id] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-team__form-grid--full[b-a0s8do77id] {
    grid-column: 1 / -1;
}

.support-admin-team__toggle-inline[b-a0s8do77id] {
    align-items: center;
    background: var(--support-admin-surface-soft);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 999px;
    display: inline-flex;
    gap: 0.55rem;
    padding: 0.65rem 0.95rem;
}

.support-admin-team__badge[b-a0s8do77id] {
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.32rem 0.7rem;
}

.support-admin-team__badge--active[b-a0s8do77id] {
    background: rgba(22, 163, 74, 0.14);
    color: #166534;
}

.support-admin-team__badge--inactive[b-a0s8do77id] {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

@media (max-width: 1199px) {
    .support-admin-team__layout[b-a0s8do77id],
    .support-admin-team__hero[b-a0s8do77id] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .support-admin-team__metrics[b-a0s8do77id],
    .support-admin-team__form-grid[b-a0s8do77id] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .support-admin-team__hero[b-a0s8do77id],
    .support-admin-team__panel[b-a0s8do77id] {
        border-radius: 22px;
    }
}
/* /Pages/Support/Teams.razor.rz.scp.css */
.support-admin-teams[b-vfnvm8i5lv] {
    --support-admin-ink: #173047;
    --support-admin-muted: #5d7082;
    --support-admin-border: rgba(23, 48, 71, 0.12);
    --support-admin-surface: #ffffff;
    --support-admin-surface-soft: #f7f4ee;
    --support-admin-accent: #0f766e;
    --support-admin-accent-soft: rgba(15, 118, 110, 0.12);
    display: grid;
    gap: 1rem;
}

.support-admin-teams__hero[b-vfnvm8i5lv],
.support-admin-teams__panel[b-vfnvm8i5lv],
.support-admin-teams__card[b-vfnvm8i5lv],
.support-admin-teams__empty[b-vfnvm8i5lv] {
    background: var(--support-admin-surface);
    border: 1px solid var(--support-admin-border);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(23, 48, 71, 0.08);
}

.support-admin-teams__hero[b-vfnvm8i5lv] {
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 32%),
        linear-gradient(135deg, #fdfbf7, #eef6f7);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr);
    padding: 1.4rem;
}

.support-admin-teams__eyebrow[b-vfnvm8i5lv],
.support-admin-teams__panel-eyebrow[b-vfnvm8i5lv],
.support-admin-teams__metric-label[b-vfnvm8i5lv] {
    color: var(--support-admin-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-admin-teams__title[b-vfnvm8i5lv] {
    color: var(--support-admin-ink);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
    margin: 0.35rem 0;
}

.support-admin-teams__subtitle[b-vfnvm8i5lv] {
    color: var(--support-admin-muted);
    margin: 0;
    max-width: 56rem;
}

.support-admin-teams__metrics[b-vfnvm8i5lv] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-teams__metric[b-vfnvm8i5lv] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    justify-content: center;
    min-height: 6rem;
    padding: 0.95rem 1rem;
}

.support-admin-teams__layout[b-vfnvm8i5lv] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.6fr);
}

.support-admin-teams__sidebar[b-vfnvm8i5lv],
.support-admin-teams__main[b-vfnvm8i5lv] {
    display: grid;
    gap: 1rem;
}

.support-admin-teams__panel[b-vfnvm8i5lv],
.support-admin-teams__empty[b-vfnvm8i5lv] {
    padding: 1.2rem;
}

.support-admin-teams__panel-header[b-vfnvm8i5lv],
.support-admin-teams__card-header[b-vfnvm8i5lv] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.support-admin-teams__panel-header h3[b-vfnvm8i5lv],
.support-admin-teams__card-title[b-vfnvm8i5lv] {
    color: var(--support-admin-ink);
    margin: 0;
}

.support-admin-teams__board-meta[b-vfnvm8i5lv],
.support-admin-teams__card-subtitle[b-vfnvm8i5lv],
.support-admin-teams__facts span[b-vfnvm8i5lv],
.support-admin-teams__card-facts span[b-vfnvm8i5lv] {
    color: var(--support-admin-muted);
    font-size: 0.86rem;
}

.support-admin-teams__facts[b-vfnvm8i5lv],
.support-admin-teams__filter-grid[b-vfnvm8i5lv] {
    display: grid;
    gap: 0.85rem;
}

.support-admin-teams__facts > div[b-vfnvm8i5lv] {
    background: var(--support-admin-surface-soft);
    border-radius: 18px;
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
}

.support-admin-teams__filter-grid[b-vfnvm8i5lv] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-teams__actions[b-vfnvm8i5lv],
.support-admin-teams__pill-list[b-vfnvm8i5lv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.support-admin-teams__pill[b-vfnvm8i5lv] {
    background: var(--support-admin-accent-soft);
    border-radius: 999px;
    color: var(--support-admin-accent);
    font-size: 0.84rem;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
}

.support-admin-teams__card-grid[b-vfnvm8i5lv] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.support-admin-teams__card[b-vfnvm8i5lv] {
    cursor: pointer;
    display: grid;
    gap: 0.9rem;
    padding: 1.1rem;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.support-admin-teams__card:hover[b-vfnvm8i5lv] {
    border-color: rgba(15, 118, 110, 0.32);
    box-shadow: 0 20px 46px rgba(15, 118, 110, 0.12);
    transform: translateY(-1px);
}

.support-admin-teams__card-description[b-vfnvm8i5lv] {
    color: var(--support-admin-muted);
    margin: 0;
}

.support-admin-teams__card-facts[b-vfnvm8i5lv] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-admin-teams__card-facts > div[b-vfnvm8i5lv] {
    background: var(--support-admin-surface-soft);
    border-radius: 16px;
    display: grid;
    gap: 0.25rem;
    padding: 0.8rem 0.9rem;
}

.support-admin-teams__badge[b-vfnvm8i5lv] {
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.32rem 0.7rem;
}

.support-admin-teams__badge--active[b-vfnvm8i5lv] {
    background: rgba(22, 163, 74, 0.14);
    color: #166534;
}

.support-admin-teams__badge--inactive[b-vfnvm8i5lv] {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

.support-admin-teams__empty[b-vfnvm8i5lv] {
    min-height: 12rem;
    place-items: center;
    text-align: center;
}

@media (max-width: 1199px) {
    .support-admin-teams__layout[b-vfnvm8i5lv],
    .support-admin-teams__hero[b-vfnvm8i5lv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .support-admin-teams__metrics[b-vfnvm8i5lv],
    .support-admin-teams__filter-grid[b-vfnvm8i5lv],
    .support-admin-teams__card-facts[b-vfnvm8i5lv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .support-admin-teams__hero[b-vfnvm8i5lv],
    .support-admin-teams__panel[b-vfnvm8i5lv],
    .support-admin-teams__card[b-vfnvm8i5lv],
    .support-admin-teams__empty[b-vfnvm8i5lv] {
        border-radius: 22px;
    }
}
/* /Pages/Support/TicketDetails.razor.rz.scp.css */
.support-ticket-workspace[b-yzzvpccnm1] {
    --support-ink: #173047;
    --support-muted: #5d7082;
    --support-border: rgba(23, 48, 71, 0.12);
    --support-surface: #ffffff;
    --support-surface-soft: #f7f4ee;
    --support-accent: #0f766e;
    --support-accent-soft: rgba(15, 118, 110, 0.12);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.support-ticket-workspace__hero[b-yzzvpccnm1],
.support-ticket-panel[b-yzzvpccnm1],
.support-ticket-comment[b-yzzvpccnm1] {
    background: var(--support-surface);
    border: 1px solid var(--support-border);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(23, 48, 71, 0.08);
}

.support-ticket-workspace__hero[b-yzzvpccnm1] {
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 32%),
        linear-gradient(135deg, #fdfbf7, #eef6f7);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 1fr);
    padding: 1.4rem;
}

.support-ticket-workspace__eyebrow[b-yzzvpccnm1],
.support-ticket-panel__eyebrow[b-yzzvpccnm1],
.support-ticket-workspace__stat-label[b-yzzvpccnm1] {
    color: var(--support-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-ticket-workspace__title[b-yzzvpccnm1] {
    color: var(--support-ink);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
    margin: 0.35rem 0;
}

.support-ticket-workspace__subtitle[b-yzzvpccnm1] {
    color: var(--support-muted);
    margin: 0;
}

.support-ticket-workspace__badges[b-yzzvpccnm1],
.support-ticket-panel__actions[b-yzzvpccnm1],
.support-ticket-tag-list[b-yzzvpccnm1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.support-ticket-workspace__stats[b-yzzvpccnm1] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-ticket-workspace__stat[b-yzzvpccnm1] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.9rem 1rem;
}

.support-ticket-workspace__scope-picker[b-yzzvpccnm1] {
    max-width: 22rem;
}

.support-ticket-workspace__grid[b-yzzvpccnm1] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-ticket-panel[b-yzzvpccnm1] {
    padding: 1.2rem;
}

.support-ticket-panel--editor[b-yzzvpccnm1],
.support-ticket-panel--wide[b-yzzvpccnm1] {
    grid-column: 1 / -1;
}

.support-ticket-panel__header[b-yzzvpccnm1] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.support-ticket-panel__header h3[b-yzzvpccnm1] {
    color: var(--support-ink);
    margin: 0;
}

.support-ticket-detail-badge[b-yzzvpccnm1] {
    background: rgba(23, 48, 71, 0.08);
    border-radius: 999px;
    color: var(--support-ink);
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.28rem 0.6rem;
}

.support-ticket-detail-badge--new[b-yzzvpccnm1] {
    background: rgba(37, 99, 235, 0.14);
    color: #1d4ed8;
}

.support-ticket-detail-badge--open[b-yzzvpccnm1] {
    background: rgba(15, 118, 110, 0.14);
    color: #0f766e;
}

.support-ticket-detail-badge--pending[b-yzzvpccnm1] {
    background: rgba(245, 158, 11, 0.16);
    color: #b45309;
}

.support-ticket-detail-badge--escalated[b-yzzvpccnm1] {
    background: rgba(139, 92, 246, 0.14);
    color: #6d28d9;
}

.support-ticket-detail-badge--resolved[b-yzzvpccnm1] {
    background: rgba(34, 197, 94, 0.14);
    color: #15803d;
}

.support-ticket-detail-badge--closed[b-yzzvpccnm1] {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

.support-ticket-detail-badge--critical[b-yzzvpccnm1],
.support-ticket-detail-badge--breached[b-yzzvpccnm1] {
    background: rgba(220, 38, 38, 0.14);
    color: #b91c1c;
}

.support-ticket-detail-badge--warning[b-yzzvpccnm1] {
    background: rgba(245, 158, 11, 0.16);
    color: #b45309;
}

.support-ticket-tag[b-yzzvpccnm1] {
    background: var(--support-accent-soft);
    border-radius: 999px;
    color: var(--support-accent);
    font-size: 0.84rem;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
}

.support-ticket-facts[b-yzzvpccnm1] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.support-ticket-facts div[b-yzzvpccnm1] {
    background: var(--support-surface-soft);
    border-radius: 16px;
    padding: 0.8rem 0.9rem;
}

.support-ticket-facts dt[b-yzzvpccnm1] {
    color: var(--support-muted);
    font-size: 0.8rem;
    margin-bottom: 0.2rem;
}

.support-ticket-facts dd[b-yzzvpccnm1] {
    color: var(--support-ink);
    font-weight: 600;
    margin: 0;
}

.support-ticket-comment[b-yzzvpccnm1] {
    margin-top: 0.85rem;
    padding: 1rem;
}

.support-ticket-comment--public[b-yzzvpccnm1] {
    background: rgba(230, 242, 255, 0.72);
}

.support-ticket-comment--internal[b-yzzvpccnm1] {
    background: rgba(255, 245, 207, 0.9);
}

.support-ticket-comment--system[b-yzzvpccnm1] {
    background: rgba(247, 244, 238, 0.98);
}

.support-ticket-comment__meta[b-yzzvpccnm1] {
    color: var(--support-muted);
    display: flex;
    font-size: 0.82rem;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.45rem;
}

.support-ticket-comment__author[b-yzzvpccnm1] {
    color: var(--support-ink);
    font-weight: 700;
}

.support-ticket-comment__body[b-yzzvpccnm1] {
    color: var(--support-ink);
    margin-top: 0.45rem;
    white-space: pre-wrap;
}

.support-ticket-list[b-yzzvpccnm1] {
    display: grid;
    gap: 0.8rem;
}

.support-ticket-list__item[b-yzzvpccnm1] {
    background: var(--support-surface-soft);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.9rem 1rem;
}

.support-ticket-list__item span[b-yzzvpccnm1] {
    color: var(--support-muted);
    font-size: 0.9rem;
}

@media (max-width: 1199px) {
    .support-ticket-workspace__hero[b-yzzvpccnm1],
    .support-ticket-workspace__grid[b-yzzvpccnm1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .support-ticket-workspace__stats[b-yzzvpccnm1],
    .support-ticket-facts[b-yzzvpccnm1] {
        grid-template-columns: 1fr;
    }

    .support-ticket-panel__header[b-yzzvpccnm1],
    .support-ticket-comment__meta[b-yzzvpccnm1] {
        flex-direction: column;
    }
}
/* /Pages/Support/Tickets.razor.rz.scp.css */
.support-tickets-shell[b-p0ptztip9r] {
    --support-ink: #173047;
    --support-muted: #5d7082;
    --support-border: rgba(23, 48, 71, 0.12);
    --support-surface: #ffffff;
    --support-surface-soft: #f7f4ee;
    --support-accent: #0f766e;
    --support-accent-soft: rgba(15, 118, 110, 0.12);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.support-tickets-hero[b-p0ptztip9r],
.support-ticket-panel[b-p0ptztip9r],
.support-ticket-card[b-p0ptztip9r],
.support-ticket-empty[b-p0ptztip9r] {
    background: var(--support-surface);
    border: 1px solid var(--support-border);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(23, 48, 71, 0.08);
}

.support-tickets-hero[b-p0ptztip9r] {
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 32%),
        linear-gradient(135deg, #fdfbf7, #eef6f7);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 1fr);
    padding: 1.4rem;
}

.support-tickets-hero__eyebrow[b-p0ptztip9r],
.support-ticket-panel__eyebrow[b-p0ptztip9r],
.support-ticket-metric__label[b-p0ptztip9r],
.support-ticket-card__label[b-p0ptztip9r] {
    color: var(--support-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-tickets-hero__title[b-p0ptztip9r] {
    color: var(--support-ink);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
    margin: 0.35rem 0;
}

.support-tickets-hero__subtitle[b-p0ptztip9r] {
    color: var(--support-muted);
    margin: 0;
}

.support-ticket-metrics[b-p0ptztip9r] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.support-ticket-metric[b-p0ptztip9r] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    justify-content: center;
    min-height: 6rem;
    padding: 0.9rem 1rem;
}

.support-tickets-layout[b-p0ptztip9r] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.6fr);
}

.support-tickets-sidebar[b-p0ptztip9r],
.support-tickets-main[b-p0ptztip9r],
.support-ticket-cards[b-p0ptztip9r] {
    display: grid;
    gap: 1rem;
}

.support-ticket-panel[b-p0ptztip9r],
.support-ticket-card[b-p0ptztip9r],
.support-ticket-empty[b-p0ptztip9r] {
    padding: 1.2rem;
}

.support-ticket-panel__header[b-p0ptztip9r],
.support-ticket-card__header[b-p0ptztip9r] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.support-ticket-panel__header h3[b-p0ptztip9r],
.support-ticket-card__title[b-p0ptztip9r] {
    color: var(--support-ink);
    margin: 0;
}

.support-ticket-board__meta[b-p0ptztip9r] {
    color: var(--support-muted);
    font-size: 0.92rem;
}

.support-ticket-filter-grid[b-p0ptztip9r] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-ticket-actions[b-p0ptztip9r],
.support-ticket-pill-list[b-p0ptztip9r],
.support-ticket-card__badges[b-p0ptztip9r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.support-ticket-actions[b-p0ptztip9r] {
    margin-top: 1rem;
}

.support-ticket-pill[b-p0ptztip9r] {
    background: var(--support-accent-soft);
    border-radius: 999px;
    color: var(--support-accent);
    font-size: 0.84rem;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
}

.support-ticket-card[b-p0ptztip9r] {
    cursor: pointer;
    display: grid;
    gap: 1rem;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.support-ticket-card:hover[b-p0ptztip9r] {
    border-color: rgba(15, 118, 110, 0.28);
    box-shadow: 0 20px 48px rgba(15, 118, 110, 0.12);
    transform: translateY(-1px);
}

.support-ticket-card--breached[b-p0ptztip9r] {
    border-color: rgba(220, 38, 38, 0.22);
}

.support-ticket-card--priority[b-p0ptztip9r] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)),
        linear-gradient(135deg, rgba(245, 158, 11, 0.1), transparent);
}

.support-ticket-card__title[b-p0ptztip9r] {
    font-size: 1.05rem;
    margin-top: 0.45rem;
}

.support-ticket-card__subtitle[b-p0ptztip9r],
.support-ticket-card__meta[b-p0ptztip9r] {
    color: var(--support-muted);
    margin: 0.25rem 0 0;
}

.support-ticket-badge[b-p0ptztip9r] {
    background: rgba(23, 48, 71, 0.08);
    border-radius: 999px;
    color: var(--support-ink);
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.28rem 0.6rem;
}

.support-ticket-badge--new[b-p0ptztip9r] {
    background: rgba(37, 99, 235, 0.14);
    color: #1d4ed8;
}

.support-ticket-badge--open[b-p0ptztip9r] {
    background: rgba(15, 118, 110, 0.14);
    color: #0f766e;
}

.support-ticket-badge--pending[b-p0ptztip9r] {
    background: rgba(245, 158, 11, 0.16);
    color: #b45309;
}

.support-ticket-badge--escalated[b-p0ptztip9r] {
    background: rgba(139, 92, 246, 0.14);
    color: #6d28d9;
}

.support-ticket-badge--resolved[b-p0ptztip9r] {
    background: rgba(34, 197, 94, 0.14);
    color: #15803d;
}

.support-ticket-badge--closed[b-p0ptztip9r] {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

.support-ticket-badge--critical[b-p0ptztip9r] {
    background: rgba(220, 38, 38, 0.14);
    color: #b91c1c;
}

.support-ticket-badge--warning[b-p0ptztip9r],
.support-ticket-badge--breached[b-p0ptztip9r] {
    background: rgba(245, 158, 11, 0.16);
    color: #b45309;
}

.support-ticket-badge--breached[b-p0ptztip9r] {
    background: rgba(220, 38, 38, 0.14);
    color: #b91c1c;
}

.support-ticket-card__grid[b-p0ptztip9r] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-ticket-card__grid > div[b-p0ptztip9r] {
    background: var(--support-surface-soft);
    border-radius: 18px;
    padding: 0.9rem 1rem;
}

.support-ticket-empty[b-p0ptztip9r] {
    display: grid;
    min-height: 16rem;
    place-items: center;
    text-align: center;
}

@media (max-width: 1279px) {
    .support-tickets-layout[b-p0ptztip9r],
    .support-tickets-hero[b-p0ptztip9r] {
        grid-template-columns: 1fr;
    }

    .support-ticket-metrics[b-p0ptztip9r] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .support-ticket-filter-grid[b-p0ptztip9r],
    .support-ticket-card__grid[b-p0ptztip9r],
    .support-ticket-metrics[b-p0ptztip9r] {
        grid-template-columns: 1fr;
    }

    .support-ticket-panel__header[b-p0ptztip9r],
    .support-ticket-card__header[b-p0ptztip9r] {
        flex-direction: column;
    }
}
/* /Pages/WhatsApp/Ticket.razor.rz.scp.css */
.whatsapp-ticket-shell[b-cs4wabrkiv] {
    --whatsapp-ink: #173047;
    --whatsapp-muted: #5d7082;
    --whatsapp-border: rgba(23, 48, 71, 0.12);
    --whatsapp-surface: #ffffff;
    --whatsapp-surface-soft: #f7f4ee;
    --whatsapp-accent: #0f766e;
    --whatsapp-inbound: #f5efe6;
    --whatsapp-outbound: #e2f7ef;
    --whatsapp-system: #eef2ff;
    display: grid;
    gap: 1rem;
}

.whatsapp-ticket-hero[b-cs4wabrkiv],
.whatsapp-ticket-panel[b-cs4wabrkiv],
.whatsapp-ticket-thread__bubble[b-cs4wabrkiv],
.whatsapp-ticket-empty[b-cs4wabrkiv] {
    background: var(--whatsapp-surface);
    border: 1px solid var(--whatsapp-border);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(23, 48, 71, 0.08);
}

.whatsapp-ticket-hero[b-cs4wabrkiv] {
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.14), transparent 32%),
        linear-gradient(135deg, #fdfbf7, #eef6f7);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 1fr);
    padding: 1.4rem;
}

.whatsapp-ticket-hero__eyebrow[b-cs4wabrkiv],
.whatsapp-ticket-panel__eyebrow[b-cs4wabrkiv],
.whatsapp-ticket-hero__label[b-cs4wabrkiv] {
    color: var(--whatsapp-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.whatsapp-ticket-hero__title[b-cs4wabrkiv] {
    color: var(--whatsapp-ink);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
    margin: 0.35rem 0;
}

.whatsapp-ticket-hero__subtitle[b-cs4wabrkiv],
.whatsapp-ticket-panel__meta[b-cs4wabrkiv] {
    color: var(--whatsapp-muted);
}

.whatsapp-ticket-hero__badges[b-cs4wabrkiv],
.whatsapp-ticket-composer__actions[b-cs4wabrkiv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.whatsapp-ticket-hero__stats[b-cs4wabrkiv] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.whatsapp-ticket-hero__stat[b-cs4wabrkiv] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 48, 71, 0.08);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.9rem 1rem;
}

.whatsapp-ticket-layout[b-cs4wabrkiv] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.95fr);
}

.whatsapp-ticket-main[b-cs4wabrkiv],
.whatsapp-ticket-side[b-cs4wabrkiv] {
    display: grid;
    gap: 1rem;
}

.whatsapp-ticket-panel[b-cs4wabrkiv] {
    padding: 1.2rem;
}

.whatsapp-ticket-panel__header[b-cs4wabrkiv] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.whatsapp-ticket-panel__header h3[b-cs4wabrkiv] {
    color: var(--whatsapp-ink);
    margin: 0;
}

.whatsapp-ticket-thread[b-cs4wabrkiv] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    max-height: 64vh;
    overflow: auto;
    padding-right: 0.25rem;
}

.whatsapp-ticket-thread__lane[b-cs4wabrkiv] {
    display: flex;
}

.whatsapp-ticket-thread__lane--outbound[b-cs4wabrkiv] {
    justify-content: flex-end;
}

.whatsapp-ticket-thread__bubble[b-cs4wabrkiv] {
    border-radius: 22px;
    box-shadow: none;
    max-width: min(78%, 46rem);
    padding: 0.95rem 1rem;
}

.whatsapp-ticket-thread__bubble--inbound[b-cs4wabrkiv] {
    background: var(--whatsapp-inbound);
}

.whatsapp-ticket-thread__bubble--outbound[b-cs4wabrkiv] {
    background: var(--whatsapp-outbound);
}

.whatsapp-ticket-thread__bubble--system[b-cs4wabrkiv] {
    background: var(--whatsapp-system);
}

.whatsapp-ticket-thread__meta[b-cs4wabrkiv] {
    color: var(--whatsapp-muted);
    display: flex;
    font-size: 0.82rem;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.45rem;
}

.whatsapp-ticket-thread__body[b-cs4wabrkiv] {
    color: var(--whatsapp-ink);
    white-space: pre-wrap;
}

.whatsapp-ticket-thread__footnote[b-cs4wabrkiv] {
    color: var(--whatsapp-muted);
    font-size: 0.82rem;
    margin-top: 0.55rem;
}

.whatsapp-ticket-thread__footnote--error[b-cs4wabrkiv] {
    color: #b91c1c;
}

.whatsapp-ticket-composer[b-cs4wabrkiv] {
    border-top: 1px solid rgba(23, 48, 71, 0.08);
    margin-top: 1rem;
    padding-top: 1rem;
}

.whatsapp-ticket-composer__input[b-cs4wabrkiv] {
    min-height: 8.5rem;
}

.whatsapp-ticket-facts[b-cs4wabrkiv] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: 1fr;
    margin: 0;
}

.whatsapp-ticket-facts div[b-cs4wabrkiv] {
    background: var(--whatsapp-surface-soft);
    border-radius: 16px;
    padding: 0.8rem 0.9rem;
}

.whatsapp-ticket-facts dt[b-cs4wabrkiv] {
    color: var(--whatsapp-muted);
    font-size: 0.8rem;
    margin-bottom: 0.2rem;
}

.whatsapp-ticket-facts dd[b-cs4wabrkiv] {
    color: var(--whatsapp-ink);
    font-weight: 600;
    margin: 0;
    overflow-wrap: anywhere;
}

.whatsapp-ticket-description[b-cs4wabrkiv] {
    color: var(--whatsapp-ink);
    white-space: pre-wrap;
}

.whatsapp-ticket-badge[b-cs4wabrkiv] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    gap: 0.3rem;
    padding: 0.32rem 0.7rem;
}

.whatsapp-ticket-badge--active[b-cs4wabrkiv] {
    background: rgba(22, 163, 74, 0.14);
    color: #166534;
}

.whatsapp-ticket-badge--muted[b-cs4wabrkiv] {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

.whatsapp-ticket-badge--warning[b-cs4wabrkiv],
.whatsapp-ticket-badge--priority[b-cs4wabrkiv] {
    background: rgba(245, 158, 11, 0.16);
    color: #b45309;
}

.whatsapp-ticket-badge--danger[b-cs4wabrkiv] {
    background: rgba(220, 38, 38, 0.14);
    color: #b91c1c;
}

.whatsapp-ticket-badge--info[b-cs4wabrkiv] {
    background: rgba(37, 99, 235, 0.14);
    color: #1d4ed8;
}

.whatsapp-ticket-empty[b-cs4wabrkiv] {
    display: grid;
    min-height: 12rem;
    place-items: center;
    text-align: center;
}

@media (max-width: 1199px) {
    .whatsapp-ticket-layout[b-cs4wabrkiv],
    .whatsapp-ticket-hero[b-cs4wabrkiv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .whatsapp-ticket-hero__stats[b-cs4wabrkiv] {
        grid-template-columns: 1fr;
    }

    .whatsapp-ticket-thread__bubble[b-cs4wabrkiv] {
        max-width: 100%;
    }
}