/* WalletGateway agent panel — theme-aware KPI & modal styles (uses Filament CSS variables) */

/* Compact StatsOverview on dashboard and list headers */
.fi-panel-agent .fi-wi-stats-overview .fi-wi-stats-overview-stat {
    padding: 0.75rem 1rem;
}

.fi-panel-agent .fi-wi-stats-overview-stat-value {
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.fi-panel-agent .fi-wi-stats-overview-stat-description {
    font-size: 0.75rem;
}

/* Filament v5: Tailwind h-/w- on icons is not in panel CSS — constrain SVGs in agent UI */
.fi-panel-agent .wg-pa-card__badge svg,
.fi-panel-agent .wg-pa-card__row-icon svg,
.fi-panel-agent .wg-pa-card__verified svg,
.fi-panel-agent .wg-pa-card__signal svg,
.fi-panel-agent .wg-pa-card__copy svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.fi-panel-agent .wg-pa-card__signal svg {
    width: 1.375rem;
    height: 1.375rem;
}

.fi-panel-agent .wg-kyc-doc-card__placeholder svg {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
}

.fi-panel-agent .wg-agent-hero .fi-icon svg,
.fi-panel-agent .wg-agent-hero__inner > div > div:first-child svg {
    width: 1.75rem;
    height: 1.75rem;
    flex-shrink: 0;
}

.fi-panel-agent .wg-kpi-banner > svg,
.fi-panel-agent .wg-kpi-banner__body > svg,
.fi-panel-agent .wg-kpi-banner .fi-icon svg {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
}

.fi-panel-agent .wg-help-step__icon svg {
    width: 1.25rem;
    height: 1.25rem;
}

.fi-panel-agent .fi-wi-widget .group svg {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
}

.fi-panel-agent .wg-help-callout svg,
.fi-panel-agent .wg-help-faq .fi-section-header svg {
    flex-shrink: 0;
}

/* Hero balance — follows panel primary color */
.wg-agent-hero {
    overflow: hidden;
    border-radius: 0.75rem;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    border: 1px solid rgba(var(--primary-300), 0.45);
}

.wg-agent-hero__inner {
    background-color: #6d28d9;
    background-image: linear-gradient(
        135deg,
        rgb(var(--primary-600, 124 58 237)) 0%,
        rgb(var(--primary-800, 91 33 182)) 100%
    );
    color: #fff;
    padding: 1.5rem 2rem;
}

.wg-agent-hero__label {
    font-size: 0.875rem;
    font-weight: 500;
    color: rgb(255 255 255 / 0.88);
}

.wg-agent-hero__value {
    margin-top: 0.25rem;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.2;
    color: #fff;
}

.wg-agent-hero__meta {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: rgb(255 255 255 / 0.82);
}

.wg-agent-hero__code {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: rgba(var(--primary-100), 0.75);
}

.wg-agent-hero__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.625rem 1rem;
    border-radius: 0.5rem;
    background: rgb(255 255 255 / 0.15);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.15s;
}

.wg-agent-hero__cta:hover {
    background: rgb(255 255 255 / 0.25);
    color: #fff;
}

/* Banners */
.wg-kpi-banner {
    display: flex;
    gap: 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid transparent;
    padding: 1rem;
}

.wg-kpi-banner--primary {
    border-color: rgba(var(--primary-200), 1);
    background: rgba(var(--primary-50), 1);
    color: rgba(var(--primary-900), 1);
}

.wg-kpi-banner--warning {
    border-color: rgba(var(--warning-200), 1);
    background: rgba(var(--warning-50), 1);
    color: rgba(var(--warning-900), 1);
}

.wg-kpi-banner--danger {
    border-color: rgba(var(--danger-200), 1);
    background: rgba(var(--danger-50), 1);
    color: rgba(var(--danger-900), 1);
}

.dark .wg-kpi-banner--primary {
    border-color: rgba(var(--primary-800), 1);
    background: rgba(var(--primary-950), 0.45);
    color: rgba(var(--primary-100), 1);
}

.dark .wg-kpi-banner--warning {
    border-color: rgba(var(--warning-800), 1);
    background: rgba(var(--warning-950), 0.45);
    color: rgba(var(--warning-100), 1);
}

.dark .wg-kpi-banner--danger {
    border-color: rgba(var(--danger-800), 1);
    background: rgba(var(--danger-950), 0.45);
    color: rgba(var(--danger-100), 1);
}

.wg-kpi-banner__title {
    font-size: 0.875rem;
    font-weight: 600;
}

.wg-kpi-banner__text {
    margin-top: 0.125rem;
    font-size: 0.875rem;
    opacity: 0.85;
}

.wg-kpi-banner__body {
    display: flex;
    gap: 0.75rem;
    flex: 1;
}

.wg-kpi-banner--actions {
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.wg-kpi-banner--success {
    border-color: rgba(var(--success-200), 1);
    background: rgba(var(--success-50), 1);
    color: rgba(var(--success-900), 1);
}

.wg-kpi-banner--gray {
    border-color: rgba(var(--gray-200), 1);
    background: rgba(var(--gray-50), 1);
    color: rgba(var(--gray-900), 1);
}

.wg-kpi-banner--info {
    border-color: rgba(var(--info-200), 1);
    background: rgba(var(--info-50), 1);
    color: rgba(var(--info-900), 1);
}

.dark .wg-kpi-banner--info {
    border-color: rgba(var(--info-800), 1);
    background: rgba(var(--info-950), 0.45);
    color: rgba(var(--info-100), 1);
}

.dark .wg-kpi-banner--success {
    border-color: rgba(var(--success-800), 1);
    background: rgba(var(--success-950), 0.45);
    color: rgba(var(--success-100), 1);
}

.dark .wg-kpi-banner--gray {
    border-color: rgba(var(--gray-700), 1);
    background: rgba(var(--gray-900), 0.5);
    color: rgba(var(--gray-100), 1);
}

/* KYC page */
.wg-kyc-page {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* KYC hero */
.wg-kyc-hero {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    border: 1px solid transparent;
    padding: 1.25rem 1.5rem 1rem;
    margin-bottom: 0;
}

.wg-kyc-hero__layout {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.wg-kyc-hero__icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 0.875rem;
    background: rgb(255 255 255 / 0.55);
    flex-shrink: 0;
}

.wg-kyc-hero__icon {
    width: 1.75rem;
    height: 1.75rem;
}

.wg-kyc-hero__content {
    min-width: 0;
    flex: 1;
}

.wg-kyc-hero__eyebrow {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.85;
}

.wg-kyc-hero__title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin-top: 0.25rem;
}

.wg-kyc-hero__title {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.wg-kyc-hero__badge {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.wg-kyc-hero__badge--gray {
    background: rgb(255 255 255 / 0.65);
    color: rgba(var(--gray-800), 1);
}

.wg-kyc-hero__badge--primary,
.wg-kyc-hero__badge--warning,
.wg-kyc-hero__badge--success,
.wg-kyc-hero__badge--danger {
    background: rgb(255 255 255 / 0.72);
}

.wg-kyc-hero__meta {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    opacity: 0.9;
}

.wg-kyc-hero__description {
    margin-top: 0.625rem;
    font-size: 0.875rem;
    line-height: 1.55;
    opacity: 0.95;
}

.wg-kyc-hero__reason {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    background: rgb(0 0 0 / 0.06);
}

.wg-kyc-hero__progress {
    margin-top: 1rem;
    height: 0.375rem;
    border-radius: 9999px;
    background: rgb(255 255 255 / 0.45);
    overflow: hidden;
}

.wg-kyc-hero__progress-bar {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgb(255 255 255 / 0.85) 0%, rgb(255 255 255) 100%);
    transition: width 0.35s ease;
}

.wg-kyc-tips {
    display: flex;
    gap: 0.875rem;
    align-items: flex-start;
    padding: 0.875rem 1rem;
    border-radius: 0.875rem;
    border: 1px solid rgba(var(--primary-200), 1);
    background: linear-gradient(135deg, rgba(var(--primary-50), 1) 0%, rgb(255 255 255) 100%);
}

.dark .wg-kyc-tips {
    border-color: rgba(var(--primary-800), 1);
    background: linear-gradient(135deg, rgba(var(--primary-950), 0.55) 0%, rgba(var(--gray-900), 1) 100%);
}

.wg-kyc-tips__icon {
    width: 1.25rem;
    height: 1.25rem;
    color: rgba(var(--primary-600), 1);
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.wg-kyc-tips__title {
    font-size: 0.8125rem;
    font-weight: 700;
    color: rgba(var(--gray-800), 1);
}

.dark .wg-kyc-tips__title {
    color: rgba(var(--gray-100), 1);
}

.wg-kyc-tips__text {
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: rgba(var(--gray-600), 1);
}

.dark .wg-kyc-tips__text {
    color: rgba(var(--gray-300), 1);
}

.wg-kyc-main {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

@media (min-width: 1024px) {
    .wg-kyc-main {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
        align-items: start;
    }
}

.wg-kyc-checklist__title,
.wg-kyc-form-panel__title {
    font-size: 1rem;
    font-weight: 700;
    color: rgba(var(--gray-900), 1);
}

.dark .wg-kyc-checklist__title,
.dark .wg-kyc-form-panel__title {
    color: rgba(var(--gray-100), 1);
}

.wg-kyc-checklist__subtitle,
.wg-kyc-form-panel__subtitle {
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: rgba(var(--gray-500), 1);
}

.wg-kyc-form-panel {
    border-radius: 1rem;
    border: 1px solid rgba(var(--gray-200), 1);
    background: rgb(255 255 255 / 0.85);
    padding: 1rem 1.125rem;
}

.dark .wg-kyc-form-panel {
    border-color: rgba(var(--gray-700), 1);
    background: rgba(var(--gray-900), 0.55);
}

.wg-kyc-form-panel__body .fi-fo-field-wrp {
    margin-bottom: 0.25rem;
}

.wg-kyc-locked {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    padding: 2rem 1rem;
}

.wg-kyc-locked__icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 9999px;
    background: rgba(var(--gray-100), 1);
    color: rgba(var(--gray-500), 1);
}

.dark .wg-kyc-locked__icon-wrap {
    background: rgba(var(--gray-800), 1);
    color: rgba(var(--gray-300), 1);
}

.wg-kyc-locked__icon {
    width: 1.5rem;
    height: 1.5rem;
}

.wg-kyc-locked__title {
    font-size: 1rem;
    font-weight: 700;
    color: rgba(var(--gray-900), 1);
}

.dark .wg-kyc-locked__title {
    color: rgba(var(--gray-100), 1);
}

.wg-kyc-locked__text {
    max-width: 28rem;
    font-size: 0.875rem;
    line-height: 1.55;
    color: rgba(var(--gray-600), 1);
}

.dark .wg-kyc-locked__text {
    color: rgba(var(--gray-300), 1);
}

.wg-kyc-hero--gray {
    border-color: rgba(var(--gray-200), 1);
    background: rgba(var(--gray-50), 1);
    color: rgba(var(--gray-900), 1);
}

.wg-kyc-hero--primary {
    border-color: rgba(var(--primary-200), 1);
    background: rgba(var(--primary-50), 1);
    color: rgba(var(--primary-900), 1);
}

.wg-kyc-hero--warning {
    border-color: rgba(var(--warning-200), 1);
    background: rgba(var(--warning-50), 1);
    color: rgba(var(--warning-900), 1);
}

.wg-kyc-hero--success {
    border-color: rgba(var(--success-200), 1);
    background: rgba(var(--success-50), 1);
    color: rgba(var(--success-900), 1);
}

.wg-kyc-hero--danger {
    border-color: rgba(var(--danger-200), 1);
    background: rgba(var(--danger-50), 1);
    color: rgba(var(--danger-900), 1);
}

.dark .wg-kyc-hero--gray {
    border-color: rgba(var(--gray-700), 1);
    background: rgba(var(--gray-900), 0.5);
    color: rgba(var(--gray-100), 1);
}

.dark .wg-kyc-hero--primary {
    border-color: rgba(var(--primary-800), 1);
    background: rgba(var(--primary-950), 0.45);
    color: rgba(var(--primary-100), 1);
}

.dark .wg-kyc-hero--warning {
    border-color: rgba(var(--warning-800), 1);
    background: rgba(var(--warning-950), 0.45);
    color: rgba(var(--warning-100), 1);
}

.dark .wg-kyc-hero--success {
    border-color: rgba(var(--success-800), 1);
    background: rgba(var(--success-950), 0.45);
    color: rgba(var(--success-100), 1);
}

.dark .wg-kyc-hero--danger {
    border-color: rgba(var(--danger-800), 1);
    background: rgba(var(--danger-950), 0.45);
    color: rgba(var(--danger-100), 1);
}

/* KYC document checklist */
.wg-kyc-doc-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.875rem;
    margin-top: 1rem;
}

@media (min-width: 640px) {
    .wg-kyc-doc-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.wg-kyc-doc-card {
    border-radius: 0.875rem;
    border: 1px solid rgba(var(--gray-200), 1);
    background: rgb(255 255 255 / 0.8);
    padding: 0.875rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.wg-kyc-doc-card--uploaded {
    border-color: rgba(var(--success-200), 1);
    box-shadow: 0 4px 16px rgb(16 185 129 / 0.08);
}

.wg-kyc-doc-card--missing {
    border-style: dashed;
}

.dark .wg-kyc-doc-card {
    border-color: rgba(var(--gray-700), 1);
    background: rgba(var(--gray-900), 0.45);
}

.wg-kyc-doc-card__header {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 0.75rem;
}

.wg-kyc-doc-card__icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.625rem;
    background: rgba(var(--primary-50), 1);
    flex-shrink: 0;
}

.dark .wg-kyc-doc-card__icon-wrap {
    background: rgba(var(--primary-950), 0.55);
}

.wg-kyc-doc-card__icon {
    width: 1.25rem;
    height: 1.25rem;
    color: rgba(var(--primary-600), 1);
}

.wg-kyc-doc-card__meta {
    min-width: 0;
    flex: 1;
}

.wg-kyc-doc-card__title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem 0.5rem;
    margin-bottom: 0.375rem;
}

.wg-kyc-doc-card__title {
    font-size: 0.875rem;
    font-weight: 600;
}

.wg-kyc-doc-card__required,
.wg-kyc-doc-card__optional {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.wg-kyc-doc-card__required {
    background: rgba(var(--danger-100), 1);
    color: rgba(var(--danger-700), 1);
}

.wg-kyc-doc-card__optional {
    background: rgba(var(--gray-100), 1);
    color: rgba(var(--gray-600), 1);
}

.dark .wg-kyc-doc-card__required {
    background: rgba(var(--danger-950), 0.55);
    color: rgba(var(--danger-300), 1);
}

.dark .wg-kyc-doc-card__optional {
    background: rgba(var(--gray-800), 1);
    color: rgba(var(--gray-300), 1);
}

.wg-kyc-doc-card__thumb {
    width: 100%;
    height: 7rem;
    object-fit: cover;
    border-radius: 0.5rem;
    border: 1px solid rgba(var(--gray-200), 1);
}

.dark .wg-kyc-doc-card__thumb {
    border-color: rgba(var(--gray-700), 1);
}

.wg-kyc-doc-card__placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 7rem;
    border-radius: 0.5rem;
    border: 1px dashed rgba(var(--gray-300), 1);
    background: rgba(var(--gray-50), 1);
    font-size: 0.75rem;
    color: rgba(var(--gray-600), 1);
}

.wg-kyc-doc-card__placeholder--empty {
    border-color: rgba(var(--warning-300), 1);
    background: rgba(var(--warning-50), 0.5);
    color: rgba(var(--warning-700), 1);
}

.dark .wg-kyc-doc-card__placeholder {
    border-color: rgba(var(--gray-600), 1);
    background: rgba(var(--gray-800), 0.5);
    color: rgba(var(--gray-400), 1);
}

/* KYC stepper */
.wg-kyc-stepper {
    display: flex;
    align-items: center;
    gap: 0;
    overflow-x: auto;
    padding: 0.75rem 1rem;
    border-radius: 0.875rem;
    border: 1px solid rgba(var(--gray-200), 1);
    background: rgb(255 255 255 / 0.75);
}

.dark .wg-kyc-stepper {
    border-color: rgba(var(--gray-700), 1);
    background: rgba(var(--gray-900), 0.45);
}

.wg-kyc-stepper__step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
    min-width: 4.75rem;
    flex-shrink: 0;
}

.wg-kyc-stepper__dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    border: 2px solid rgba(var(--gray-300), 1);
    color: rgba(var(--gray-500), 1);
    background: #fff;
}

.wg-kyc-stepper__check {
    width: 1rem;
    height: 1rem;
}

.wg-kyc-stepper__step--done .wg-kyc-stepper__dot,
.wg-kyc-stepper__step--current .wg-kyc-stepper__dot {
    border-color: rgba(var(--primary-600), 1);
    background: rgba(var(--primary-600), 1);
    color: #fff;
    box-shadow: 0 4px 12px rgb(124 58 237 / 0.25);
}

.wg-kyc-stepper__label {
    font-size: 0.6875rem;
    font-weight: 600;
    text-align: center;
    color: rgba(var(--gray-500), 1);
}

.wg-kyc-stepper__step--current .wg-kyc-stepper__label,
.wg-kyc-stepper__step--done .wg-kyc-stepper__label {
    color: rgba(var(--primary-700), 1);
}

.wg-kyc-stepper__line {
    flex: 1;
    min-width: 1.5rem;
    height: 3px;
    margin-bottom: 1.25rem;
    border-radius: 9999px;
    background: rgba(var(--gray-200), 1);
}

.wg-kyc-stepper__line--done {
    background: linear-gradient(90deg, rgba(var(--primary-500), 1) 0%, rgba(var(--primary-400), 1) 100%);
}

.dark .wg-kyc-stepper__dot {
    background: rgba(var(--gray-900), 1);
    border-color: rgba(var(--gray-600), 1);
    color: rgba(var(--gray-400), 1);
}

.dark .wg-kyc-stepper__line {
    background: rgba(var(--gray-700), 1);
}

/* Transaction detail modal */
.wg-txn-hero {
    border-radius: 0.75rem;
    border: 1px solid rgba(var(--primary-200), 1);
    background: linear-gradient(
        135deg,
        rgba(var(--primary-50), 1) 0%,
        rgba(var(--gray-50), 1) 100%
    );
    padding: 1.25rem 1.5rem;
    margin-bottom: 0.25rem;
}

.wg-txn-hero--compact {
    padding: 0.75rem 1rem;
    margin-bottom: 0;
}

.wg-txn-hero--compact .wg-txn-hero__amount {
    font-size: 1.375rem;
}

.wg-txn-hero--compact .wg-txn-hero__subtitle {
    margin-top: 0.125rem;
}

.dark .wg-txn-hero {
    border-color: rgba(var(--primary-800), 1);
    background: linear-gradient(
        135deg,
        rgba(var(--primary-950), 0.6) 0%,
        rgba(var(--gray-900), 0.6) 100%
    );
}

.wg-txn-hero__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.wg-txn-hero__amount {
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -0.025em;
    color: rgba(var(--primary-700), 1);
    font-variant-numeric: tabular-nums;
}

.dark .wg-txn-hero__amount {
    color: rgba(var(--primary-300), 1);
}

.wg-txn-hero__subtitle {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: rgba(var(--gray-500), 1);
}

.wg-txn-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 9999px;
    padding: 0.25rem 0.625rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: capitalize;
    border: 1px solid transparent;
}

.wg-txn-badge--success {
    background: rgba(var(--success-100), 1);
    color: rgba(var(--success-800), 1);
    border-color: rgba(var(--success-200), 1);
}

.wg-txn-badge--warning {
    background: rgba(var(--warning-100), 1);
    color: rgba(var(--warning-800), 1);
    border-color: rgba(var(--warning-200), 1);
}

.wg-txn-badge--danger {
    background: rgba(var(--danger-100), 1);
    color: rgba(var(--danger-800), 1);
    border-color: rgba(var(--danger-200), 1);
}

.wg-txn-badge--gray {
    background: rgba(var(--gray-100), 1);
    color: rgba(var(--gray-700), 1);
    border-color: rgba(var(--gray-200), 1);
}

.dark .wg-txn-badge--success {
    background: rgba(var(--success-950), 0.6);
    color: rgba(var(--success-300), 1);
    border-color: rgba(var(--success-800), 1);
}

.dark .wg-txn-badge--warning {
    background: rgba(var(--warning-950), 0.6);
    color: rgba(var(--warning-300), 1);
    border-color: rgba(var(--warning-800), 1);
}

.dark .wg-txn-badge--danger {
    background: rgba(var(--danger-950), 0.6);
    color: rgba(var(--danger-300), 1);
    border-color: rgba(var(--danger-800), 1);
}

.wg-txn-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.875rem;
}

.wg-txn-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    border-radius: 9999px;
    border: 1px solid rgba(var(--gray-200), 1);
    background: rgba(var(--gray-50), 1);
    padding: 0.25rem 0.625rem;
    font-size: 0.6875rem;
    font-weight: 500;
    color: rgba(var(--gray-700), 1);
}

.dark .wg-txn-chip {
    border-color: rgba(var(--gray-700), 1);
    background: rgba(var(--gray-800), 0.6);
    color: rgba(var(--gray-300), 1);
}

.wg-txn-copy {
    margin-top: 0.875rem;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(var(--primary-200), 1);
    background: rgb(255 255 255 / 0.7);
    padding: 0.5rem 0.75rem;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s;
}

.wg-txn-copy:hover {
    background: #fff;
}

.dark .wg-txn-copy {
    border-color: rgba(var(--primary-800), 1);
    background: rgba(var(--gray-900), 0.5);
}

.wg-txn-copy__id {
    flex: 1;
    min-width: 0;
    font-family: ui-monospace, monospace;
    font-size: 0.6875rem;
    color: rgba(var(--gray-700), 1);
    word-break: break-all;
}

.dark .wg-txn-copy__id {
    color: rgba(var(--gray-300), 1);
}

.wg-txn-alert {
    border-radius: 0.75rem;
    border: 1px solid rgba(var(--danger-200), 1);
    background: rgba(var(--danger-50), 1);
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    color: rgba(var(--danger-800), 1);
}

.dark .wg-txn-alert {
    border-color: rgba(var(--danger-800), 1);
    background: rgba(var(--danger-950), 0.45);
    color: rgba(var(--danger-200), 1);
}

.wg-txn-timeline {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.wg-txn-timeline__item {
    display: flex;
    gap: 0.75rem;
    padding-bottom: 1rem;
}

.wg-txn-timeline__item:last-child {
    padding-bottom: 0;
}

.wg-txn-timeline__rail {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wg-txn-timeline__dot {
    display: flex;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #fff;
}

.wg-txn-timeline__dot--done {
    background: rgba(var(--primary-600), 1);
}

.wg-txn-timeline__dot--failed {
    background: rgba(var(--danger-600), 1);
}

.wg-txn-timeline__dot--pending {
    background: rgba(var(--gray-300), 1);
    color: rgba(var(--gray-600), 1);
}

.dark .wg-txn-timeline__dot--pending {
    background: rgba(var(--gray-700), 1);
    color: rgba(var(--gray-300), 1);
}

.wg-txn-timeline__line {
    margin-top: 0.25rem;
    width: 2px;
    flex: 1;
    min-height: 1rem;
    background: rgba(var(--gray-200), 1);
}

.dark .wg-txn-timeline__line {
    background: rgba(var(--gray-700), 1);
}

.wg-txn-timeline__label {
    padding-top: 0.375rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: rgba(var(--gray-800), 1);
}

.dark .wg-txn-timeline__label {
    color: rgba(var(--gray-200), 1);
}

.wg-txn-timeline__time {
    margin-top: 0.125rem;
    font-size: 0.75rem;
    color: rgba(var(--gray-500), 1);
}

/* Transaction detail slide-over — top X + footer Close (explicit rose hex for light theme) */
.fi-modal-window.wg-txn-detail-modal .fi-modal-close-btn.fi-icon-btn,
.fi-modal-window:has(.wg-txn-hero) .fi-modal-close-btn.fi-icon-btn,
.fi-modal-window.wg-txn-detail-modal .fi-modal-footer-actions .fi-btn.wg-txn-modal-footer-close,
.fi-modal-window:has(.wg-txn-hero) .fi-modal-footer-actions .fi-btn.wg-txn-modal-footer-close {
    --tw-text-opacity: 1;
    background-color: #e11d48 !important;
    background-image: linear-gradient(135deg, #fb7185 0%, #e11d48 45%, #be123c 100%) !important;
    border: 1px solid #be123c !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 2px 8px rgb(190 18 60 / 35%) !important;
    color: #fff !important;
}

.fi-modal-window.wg-txn-detail-modal .fi-modal-close-btn.fi-icon-btn:hover,
.fi-modal-window:has(.wg-txn-hero) .fi-modal-close-btn.fi-icon-btn:hover,
.fi-modal-window.wg-txn-detail-modal .fi-modal-footer-actions .fi-btn.wg-txn-modal-footer-close:hover,
.fi-modal-window:has(.wg-txn-hero) .fi-modal-footer-actions .fi-btn.wg-txn-modal-footer-close:hover {
    background-color: #be123c !important;
    background-image: linear-gradient(135deg, #f43f5e 0%, #be123c 45%, #9f1239 100%) !important;
    box-shadow: 0 4px 12px rgb(159 18 57 / 40%) !important;
    color: #fff !important;
}

.fi-modal-window.wg-txn-detail-modal .fi-modal-close-btn.fi-icon-btn .fi-icon-btn-icon,
.fi-modal-window:has(.wg-txn-hero) .fi-modal-close-btn.fi-icon-btn .fi-icon-btn-icon,
.fi-modal-window.wg-txn-detail-modal .fi-modal-close-btn.fi-icon-btn svg,
.fi-modal-window:has(.wg-txn-hero) .fi-modal-close-btn.fi-icon-btn svg,
.fi-modal-window.wg-txn-detail-modal .fi-modal-footer-actions .fi-btn.wg-txn-modal-footer-close .fi-btn-icon,
.fi-modal-window:has(.wg-txn-hero) .fi-modal-footer-actions .fi-btn.wg-txn-modal-footer-close .fi-btn-icon,
.fi-modal-window.wg-txn-detail-modal .fi-modal-footer-actions .fi-btn.wg-txn-modal-footer-close .fi-btn-label,
.fi-modal-window:has(.wg-txn-hero) .fi-modal-footer-actions .fi-btn.wg-txn-modal-footer-close .fi-btn-label,
.fi-modal-window.wg-txn-detail-modal .fi-modal-footer-actions .fi-btn.wg-txn-modal-footer-close svg,
.fi-modal-window:has(.wg-txn-hero) .fi-modal-footer-actions .fi-btn.wg-txn-modal-footer-close svg {
    color: #fff !important;
}

/* Colored tab icons in transaction detail modals */
.wg-txn-tabs[data-type="deposit"] .fi-tabs-item:nth-child(1) .fi-tabs-item-icon {
    color: rgba(var(--info-500), 1);
}

.wg-txn-tabs[data-type="deposit"] .fi-tabs-item:nth-child(2) .fi-tabs-item-icon {
    color: rgba(var(--primary-500), 1);
}

.wg-txn-tabs[data-type="deposit"] .fi-tabs-item:nth-last-child(2):not(:nth-child(2)) .fi-tabs-item-icon {
    color: rgba(var(--success-500), 1);
}

.wg-txn-tabs[data-type="deposit"] .fi-tabs-item:last-child .fi-tabs-item-icon {
    color: rgba(var(--warning-500), 1);
}

.wg-txn-tabs[data-type="withdrawal"] .fi-tabs-item:nth-child(1) .fi-tabs-item-icon {
    color: rgba(var(--primary-500), 1);
}

.wg-txn-tabs[data-type="withdrawal"] .fi-tabs-item:nth-child(2) .fi-tabs-item-icon {
    color: rgba(var(--info-500), 1);
}

.wg-txn-tabs[data-type="withdrawal"] .fi-tabs-item:last-child .fi-tabs-item-icon {
    color: rgba(var(--warning-500), 1);
}

.wg-txn-tabs .fi-tabs-item.fi-active .fi-tabs-item-icon {
    opacity: 1;
}

/* Agent app install guide & FAQ */
.wg-help-step-section {
    scroll-margin-top: 5rem;
}

.wg-help-step-section .fi-section-header-heading {
    line-height: 1.35;
}

.wg-help-faq__section .fi-section-content {
    padding-top: 0.25rem;
}

.wg-help-steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.wg-help-step {
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 0.75rem 1rem;
    align-items: start;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(229 231 235);
    background: rgb(255 255 255);
}

.dark .wg-help-step {
    border-color: rgb(255 255 255 / 0.1);
    background: rgb(255 255 255 / 0.03);
}

.wg-help-step__badge {
    display: flex;
    height: 1.75rem;
    width: 1.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background: rgba(var(--primary-600), 1);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
}

.wg-help-step__icon {
    display: flex;
    height: 2.25rem;
    width: 2.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.625rem;
    background: rgba(var(--primary-50), 1);
    color: rgba(var(--primary-600), 1);
}

.dark .wg-help-step__icon {
    background: rgba(var(--primary-500), 0.12);
    color: rgba(var(--primary-400), 1);
}

.wg-help-step__title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: rgb(17 24 39);
}

.dark .wg-help-step__title {
    color: rgb(243 244 246);
}

.wg-help-step__title-en {
    margin-top: 0.125rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgb(107 114 128);
}

.wg-help-step__body {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: rgb(55 65 81);
}

.dark .wg-help-step__body {
    color: rgb(209 213 219);
}

.wg-help-step__body-en {
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: rgb(107 114 128);
}

.wg-help-callout {
    margin-top: 0.75rem;
    padding: 0.75rem 0.875rem;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.wg-help-callout--warning {
    border: 1px solid rgb(253 230 138);
    background: rgb(255 251 235);
    color: rgb(146 64 14);
}

.dark .wg-help-callout--warning {
    border-color: rgb(180 83 9 / 0.4);
    background: rgb(120 53 15 / 0.2);
    color: rgb(253 230 138);
}

.wg-help-callout--info {
    border: 1px solid rgba(var(--primary-200), 1);
    background: rgba(var(--primary-50), 0.6);
    color: rgb(55 65 81);
}

.dark .wg-help-callout--info {
    border-color: rgba(var(--primary-500), 0.25);
    background: rgba(var(--primary-500), 0.08);
    color: rgb(209 213 219);
}

.wg-help-callout__en {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    opacity: 0.85;
}

.wg-help-faq__section-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: rgb(17 24 39);
}

.dark .wg-help-faq__section-title {
    color: rgb(243 244 246);
}

.wg-help-faq__section-title-en {
    margin-top: 0.125rem;
    font-size: 0.875rem;
    color: rgb(107 114 128);
}

.wg-help-faq__item {
    border: 1px solid rgb(229 231 235);
    border-radius: 0.625rem;
    background: rgb(255 255 255);
    overflow: hidden;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.wg-help-faq__item[open] {
    border-color: rgba(var(--primary-300), 1);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.04);
}

.dark .wg-help-faq__item {
    border-color: rgb(255 255 255 / 0.1);
    background: rgb(255 255 255 / 0.03);
}

.dark .wg-help-faq__item[open] {
    border-color: rgba(var(--primary-500), 0.35);
    box-shadow: none;
}

.wg-help-faq__question {
    cursor: pointer;
    padding: 0.875rem 1rem;
    list-style: none;
    user-select: none;
}

.wg-help-faq__question:hover {
    background: rgb(249 250 251);
}

.dark .wg-help-faq__question:hover {
    background: rgb(255 255 255 / 0.04);
}

.wg-help-faq__question::-webkit-details-marker {
    display: none;
}

.wg-help-faq__question-bn {
    display: block;
    font-size: 0.9375rem;
    font-weight: 600;
    color: rgb(31 41 55);
}

.dark .wg-help-faq__question-bn {
    color: rgb(243 244 246);
}

.wg-help-faq__question-en {
    display: block;
    margin-top: 0.125rem;
    font-size: 0.8125rem;
    color: rgb(107 114 128);
}

.wg-help-faq__answer {
    padding: 0 1rem 1rem 1rem;
    font-size: 0.875rem;
    line-height: 1.55;
    color: rgb(55 65 81);
    border-top: 1px solid rgb(243 244 246);
}

.wg-help-faq__answer > .flex {
    padding-top: 0.875rem;
}

.dark .wg-help-faq__answer {
    color: rgb(209 213 219);
    border-top-color: rgb(255 255 255 / 0.06);
}

.wg-help-faq__answer-en {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    color: rgb(107 114 128);
}