/* _content/AIAgent/Components/AdminPages/AdminStatistics.razor.rz.scp.css */
/* Fonts are loaded globally, no need for @import in scoped CSS */

:root[b-m3z8xw39p1] {
    margin: 0;
    padding: 0;
    background-color: #080809;
}

*[b-m3z8xw39p1] {
    font-family: 'Space Grotesk', sans-serif !important;
}

/* Shared custom-class styles are in wwwroot/css/admin-shared.css.
   MudBlazor overrides below must stay scoped (::deep) to avoid leaking globally. */

/* Activity timeline layout */

.activity-timestamp[b-m3z8xw39p1] {
    min-width: 100px;
    display: flex;
    flex-direction: column;
    font-family: 'Source Code Pro', monospace !important;
}

.activity-type[b-m3z8xw39p1] {
    min-width: 80px;
}

.activity-details[b-m3z8xw39p1] {
    flex: 1;
}


/* Table styling overrides (scoped to this component) */

[b-m3z8xw39p1] .mud-table {
    background-color: transparent !important;
}

[b-m3z8xw39p1] .mud-table-container {
    background-color: transparent !important;
}

[b-m3z8xw39p1] .mud-table-root {
    background-color: transparent !important;
}

[b-m3z8xw39p1] .mud-table-head {
    background-color: transparent !important;
}

/* Table row/cell + base .mud-chip styling live in wwwroot/css/admin-tables.css
   (class="admin-mud-table" wrapper). Only chip color variants remain below. */

[b-m3z8xw39p1] .mud-chip.mud-chip-color-primary {
    background-color: rgba(33, 150, 243, 0.2) !important;
    color: #2196F3 !important;
}

[b-m3z8xw39p1] .mud-chip.mud-chip-color-success {
    background-color: rgba(76, 175, 80, 0.2) !important;
    color: #4CAF50 !important;
}

[b-m3z8xw39p1] .mud-chip.mud-chip-color-info {
    background-color: rgba(0, 188, 212, 0.2) !important;
    color: #00BCD4 !important;
}


/* Authentication form styling */

[b-m3z8xw39p1] .mud-paper {
    background-color: #0D1215 !important;
    border: 1px solid rgba(184, 248, 78, 0.1) !important;
}

[b-m3z8xw39p1] .mud-input-filled {
    background-color: #131B1F !important;
    color: #A2A2A2 !important;
}

[b-m3z8xw39p1] .mud-input-filled:hover {
    background-color: #141C21 !important;
}

[b-m3z8xw39p1] .mud-input-filled.mud-input-focused {
    background-color: #141C21 !important;
    border-color: #B8F84E !important;
}

[b-m3z8xw39p1] .mud-input-label {
    color: #565E63 !important;
}

[b-m3z8xw39p1] .mud-input-label.mud-input-label-inputfocused {
    color: #B8F84E !important;
}


/* MudAlert styling */

[b-m3z8xw39p1] .mud-alert-message {
    color: #f44336 !important;
}

[b-m3z8xw39p1] .mud-alert.mud-alert-filled-error {
    background-color: rgba(244, 67, 54, 0.1) !important;
    border: 1px solid rgba(244, 67, 54, 0.3) !important;
}


/* Responsive adjustments */

@media (max-width: 960px) {
    .activity-timestamp[b-m3z8xw39p1] {
        min-width: 80px;
        font-size: 10px !important;
    }
    .activity-type[b-m3z8xw39p1] {
        min-width: 60px;
    }
}


/* MudSelect dropdown styling */

[b-m3z8xw39p1] .mud-popover .mud-list {
    background-color: #0D1215 !important;
    border: 1px solid rgba(184, 248, 78, 0.23) !important;
}

[b-m3z8xw39p1] .mud-popover .mud-list-item {
    color: #A2A2A2 !important;
}

[b-m3z8xw39p1] .mud-popover .mud-list-item:hover {
    background-color: rgba(184, 248, 78, 0.1) !important;
}

[b-m3z8xw39p1] .mud-popover .mud-list-item.mud-selected {
    background-color: rgba(184, 248, 78, 0.2) !important;
    color: #B8F84E !important;
}


/* Text field underline removal */

[b-m3z8xw39p1] .mud-input-underline:before,
[b-m3z8xw39p1] .mud-input-underline:after,
[b-m3z8xw39p1] .mud-input-underline:hover:not(.mud-disabled):before,
[b-m3z8xw39p1] .mud-input-underline:hover:after,
[b-m3z8xw39p1] .mud-input-underline.mud-input-underline-focused:after {
    border-bottom: none !important;
}

[b-m3z8xw39p1] .mud-input-underline:focus-within:after,
[b-m3z8xw39p1] .mud-input-underline.mud-input-focused:after {
    transform: scaleX(0) !important;
    border-bottom: none !important;
}


/* Button primary styling */

[b-m3z8xw39p1] .mud-button.mud-button-filled.mud-button-filled-primary {
    background-color: #B8F84E !important;
    color: #0D1215 !important;
    font-weight: 600 !important;
}

[b-m3z8xw39p1] .mud-button.mud-button-filled.mud-button-filled-primary:hover {
    background-color: #91c33e !important;
}
/* _content/AIAgent/Components/AdminPages/BacktestAdmin.razor.rz.scp.css */
.stats-card[b-36q3c4k162] {
    min-width: 140px;
    transition: border-color 0.2s ease;
    border: 1px solid transparent;
    border-radius: 4px;
}

.stats-card:hover[b-36q3c4k162] {
    border-color: var(--degen-border-accent);
}

.running-card[b-36q3c4k162] {
    transition: border-color 0.2s ease;
    border: 1px solid var(--degen-border-accent);
}

.running-card:hover[b-36q3c4k162] {
    border-color: var(--degen-border-accent-strong);
}

[b-36q3c4k162] .mud-table-row:hover {
    background-color: var(--degen-hover-overlay-light) !important;
}

[b-36q3c4k162] .mud-table-head th {
    font-size: 11px !important;
    border-bottom: 1px solid var(--degen-border-default) !important;
    background-color: transparent !important;
}

[b-36q3c4k162] .mud-table-body td {
    border-bottom: 1px solid var(--degen-border-subtle) !important;
    background-color: transparent !important;
}

[b-36q3c4k162] .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--degen-border-default) !important;
}

[b-36q3c4k162] .mud-pagination .mud-pagination-item {
    color: var(--degen-text-secondary);
}

[b-36q3c4k162] .mud-pagination .mud-pagination-item.mud-pagination-item-selected {
    background-color: var(--degen-color-primary-muted);
}

/* Custom scrollbar */
.custom-scroll[b-36q3c4k162]::-webkit-scrollbar {
    width: 6px;
}

.custom-scroll[b-36q3c4k162]::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scroll[b-36q3c4k162]::-webkit-scrollbar-thumb {
    background-color: var(--degen-border-default);
    border-radius: 3px;
}

.custom-scroll[b-36q3c4k162]::-webkit-scrollbar-thumb:hover {
    background-color: var(--degen-border-muted);
}

/* Firefox scrollbar */
.custom-scroll[b-36q3c4k162] {
    scrollbar-width: thin;
    scrollbar-color: var(--degen-border-default) transparent;
}
/* _content/AIAgent/Components/AdminPages/ProtocolStats.razor.rz.scp.css */
/* Fonts are loaded globally, no need for @import in scoped CSS */

:root[b-zmh4qjaxdt] {
    margin: 0;
    padding: 0;
    background-color: #080809;
}

*[b-zmh4qjaxdt] {
    font-family: 'Space Grotesk', sans-serif !important;
}

/* Shared custom-class styles are in wwwroot/css/admin-shared.css.
   MudBlazor overrides below must stay scoped (::deep) to avoid leaking globally. */


/* Table styling overrides (scoped to this component) */

[b-zmh4qjaxdt] .mud-table {
    background-color: transparent !important;
}

[b-zmh4qjaxdt] .mud-table-container {
    background-color: transparent !important;
}

[b-zmh4qjaxdt] .mud-table-root {
    background-color: transparent !important;
}

[b-zmh4qjaxdt] .mud-table-head {
    background-color: transparent !important;
}

/* Table row/cell + base .mud-chip styling live in wwwroot/css/admin-tables.css
   (class="admin-mud-table" wrapper). Only chip color variants remain below. */

[b-zmh4qjaxdt] .mud-chip.mud-chip-color-primary {
    background-color: rgba(33, 150, 243, 0.2) !important;
    color: #2196F3 !important;
}

[b-zmh4qjaxdt] .mud-chip.mud-chip-color-success {
    background-color: rgba(76, 175, 80, 0.2) !important;
    color: #4CAF50 !important;
}

[b-zmh4qjaxdt] .mud-chip.mud-chip-color-info {
    background-color: rgba(0, 188, 212, 0.2) !important;
    color: #00BCD4 !important;
}


/* Authentication form styling */

[b-zmh4qjaxdt] .mud-paper {
    background-color: #0D1215 !important;
    border: 1px solid rgba(184, 248, 78, 0.1) !important;
}

[b-zmh4qjaxdt] .mud-input-filled {
    background-color: #131B1F !important;
    color: #A2A2A2 !important;
}

[b-zmh4qjaxdt] .mud-input-filled:hover {
    background-color: #141C21 !important;
}

[b-zmh4qjaxdt] .mud-input-filled.mud-input-focused {
    background-color: #141C21 !important;
    border-color: #B8F84E !important;
}

[b-zmh4qjaxdt] .mud-input-label {
    color: #565E63 !important;
}

[b-zmh4qjaxdt] .mud-input-label.mud-input-label-inputfocused {
    color: #B8F84E !important;
}


/* MudAlert styling */

[b-zmh4qjaxdt] .mud-alert-message {
    color: #f44336 !important;
}

[b-zmh4qjaxdt] .mud-alert.mud-alert-filled-error {
    background-color: rgba(244, 67, 54, 0.1) !important;
    border: 1px solid rgba(244, 67, 54, 0.3) !important;
}


/* MudSelect dropdown styling */

[b-zmh4qjaxdt] .mud-popover .mud-list {
    background-color: #0D1215 !important;
    border: 1px solid rgba(184, 248, 78, 0.23) !important;
}

[b-zmh4qjaxdt] .mud-popover .mud-list-item {
    color: #A2A2A2 !important;
}

[b-zmh4qjaxdt] .mud-popover .mud-list-item:hover {
    background-color: rgba(184, 248, 78, 0.1) !important;
}

[b-zmh4qjaxdt] .mud-popover .mud-list-item.mud-selected {
    background-color: rgba(184, 248, 78, 0.2) !important;
    color: #B8F84E !important;
}


/* Text field underline removal */

[b-zmh4qjaxdt] .mud-input-underline:before,
[b-zmh4qjaxdt] .mud-input-underline:after,
[b-zmh4qjaxdt] .mud-input-underline:hover:not(.mud-disabled):before,
[b-zmh4qjaxdt] .mud-input-underline:hover:after,
[b-zmh4qjaxdt] .mud-input-underline.mud-input-underline-focused:after {
    border-bottom: none !important;
}

[b-zmh4qjaxdt] .mud-input-underline:focus-within:after,
[b-zmh4qjaxdt] .mud-input-underline.mud-input-focused:after {
    transform: scaleX(0) !important;
    border-bottom: none !important;
}


/* Button primary styling */

[b-zmh4qjaxdt] .mud-button.mud-button-filled.mud-button-filled-primary {
    background-color: #B8F84E !important;
    color: #0D1215 !important;
    font-weight: 600 !important;
}

[b-zmh4qjaxdt] .mud-button.mud-button-filled.mud-button-filled-primary:hover {
    background-color: #91c33e !important;
}


/* MudSwitch styling */

[b-zmh4qjaxdt] .mud-switch-label {
    color: #A2A2A2 !important;
    font-size: 12px !important;
}
/* _content/AIAgent/Components/Competition/CompetitionBanner.razor.rz.scp.css */
.competition-entry-banner[b-4mnpmplhwh] {
    display: flex;
    align-items: center;
    flex: 0 0 auto !important;
    height: auto !important;
    padding: 10px 16px;
    margin-bottom: 8px;
    background: var(--degen-color-primary-faint);
    border: 2px solid var(--degen-color-primary);
    border-radius: var(--degen-radius-md);
    cursor: pointer;
    transition: box-shadow var(--degen-transition-normal);
    animation: competition-pulse-b-4mnpmplhwh 2s ease-in-out infinite;
}

.competition-entry-banner:hover[b-4mnpmplhwh] {
    box-shadow: var(--degen-shadow-glow-green);
}

.banner-content[b-4mnpmplhwh] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    font-family: var(--degen-font-sans);
}

.banner-label[b-4mnpmplhwh] {
    font-size: var(--degen-font-size-sm);
    font-weight: 700;
    color: var(--degen-color-primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
}

.banner-text[b-4mnpmplhwh] {
    flex: 1;
    font-size: var(--degen-font-size-base);
    color: var(--degen-text-primary);
}

.banner-cta[b-4mnpmplhwh] {
    font-size: var(--degen-font-size-sm);
    font-weight: 600;
    color: var(--degen-bg-primary);
    background: var(--degen-color-primary);
    padding: 4px 12px;
    border-radius: var(--degen-radius-sm);
    white-space: nowrap;
}

@keyframes competition-pulse-b-4mnpmplhwh {
    0%, 100% {
        border-color: var(--degen-color-primary);
        box-shadow: 0 0 4px rgba(184, 248, 78, 0.15);
    }
    50% {
        border-color: var(--degen-color-primary-hover);
        box-shadow: 0 0 12px rgba(184, 248, 78, 0.35);
    }
}
/* _content/AIAgent/Components/Competition/CompetitionDepositDialog.razor.rz.scp.css */
.comp-dialog-error[b-odnv69j5ep] {
    padding: 8px 12px;
    margin-top: 12px;
    background: var(--degen-color-sell-muted);
    border: 1px solid var(--degen-color-sell);
    border-radius: var(--degen-radius-md);
    color: var(--degen-color-error);
    font-size: var(--degen-font-size-base);
}

.comp-dialog-loading[b-odnv69j5ep] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    margin-top: 12px;
    background: var(--degen-bg-surface);
    border-radius: var(--degen-radius-md);
    color: var(--degen-text-secondary);
}


/* Dialog background */

[b-odnv69j5ep] .mud-dialog.competition-deposit-dialog {
    background: var(--degen-bg-secondary);
    border: 1px solid var(--degen-border-default);
}


/* MudBlazor button overrides */

[b-odnv69j5ep] .mud-button-filled.mud-button-filled-primary {
    background-color: var(--degen-color-primary) !important;
    color: var(--degen-bg-primary) !important;
    text-transform: none !important;
    font-family: var(--degen-font-sans) !important;
    font-weight: 600 !important;
    font-size: var(--degen-font-size-base) !important;
}

[b-odnv69j5ep] .mud-button-filled.mud-button-filled-primary:hover {
    background-color: var(--degen-color-primary-hover) !important;
    box-shadow: var(--degen-btn-shadow-primary-hover) !important;
}

[b-odnv69j5ep] .mud-button-filled.mud-button-filled-primary:disabled {
    opacity: 0.5 !important;
    box-shadow: none !important;
}

[b-odnv69j5ep] .mud-button-outlined {
    border-color: rgba(184, 248, 78, 0.3) !important;
    color: var(--degen-color-primary) !important;
    text-transform: none !important;
    font-family: var(--degen-font-sans) !important;
}

[b-odnv69j5ep] .mud-button-outlined:hover {
    border-color: rgba(184, 248, 78, 0.6) !important;
    background: var(--degen-color-primary-faint) !important;
}

[b-odnv69j5ep] .mud-button-text {
    color: var(--degen-text-tertiary) !important;
    text-transform: none !important;
    font-family: var(--degen-font-sans) !important;
}

[b-odnv69j5ep] .mud-button-text:hover {
    color: var(--degen-text-secondary) !important;
    background: var(--degen-hover-overlay-light) !important;
}


/* MudBlazor input overrides */

[b-odnv69j5ep] .mud-input.mud-input-outlined {
    background: var(--degen-bg-input) !important;
    border-radius: var(--degen-radius-md) !important;
}

[b-odnv69j5ep] .mud-input-slot,
[b-odnv69j5ep] .mud-input-root {
    color: var(--degen-text-primary) !important;
    font-family: var(--degen-font-sans) !important;
    font-size: var(--degen-font-size-base) !important;
}

[b-odnv69j5ep] .mud-input-label {
    color: var(--degen-text-secondary) !important;
    font-family: var(--degen-font-sans) !important;
}

[b-odnv69j5ep] .mud-input-outlined-border {
    border-color: var(--degen-border-muted) !important;
}

[b-odnv69j5ep] .mud-input:hover .mud-input-outlined-border {
    border-color: rgba(184, 248, 78, 0.4) !important;
}

[b-odnv69j5ep] .mud-input.mud-input-focused .mud-input-outlined-border {
    border-color: var(--degen-color-primary) !important;
    border-width: 2px !important;
}
/* _content/AIAgent/Components/Competition/CompetitionModeBanner.razor.rz.scp.css */
.competition-mode-banner[b-vd8idns0a3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    background: var(--degen-color-primary-muted);
    border-left: 4px solid var(--degen-color-primary);
    position: sticky;
    top: 0;
    z-index: 10;
    font-family: var(--degen-font-sans);
}

.mode-indicator[b-vd8idns0a3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mode-label[b-vd8idns0a3] {
    font-size: var(--degen-font-size-sm);
    font-weight: 700;
    color: var(--degen-color-primary);
    letter-spacing: 1.5px;
}

.mode-wallet[b-vd8idns0a3] {
    font-size: var(--degen-font-size-sm);
    color: var(--degen-text-secondary);
    font-family: var(--degen-font-mono);
}

.banner-actions[b-vd8idns0a3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.action-btn[b-vd8idns0a3] {
    background: transparent;
    border: 1px solid var(--degen-color-primary);
    color: var(--degen-color-primary);
    padding: 4px 12px;
    border-radius: var(--degen-radius-sm);
    font-size: var(--degen-font-size-sm);
    font-family: var(--degen-font-sans);
    cursor: pointer;
    transition: all var(--degen-transition-fast);
}

.action-btn:hover[b-vd8idns0a3] {
    background: var(--degen-color-primary-muted);
}

.exit-button[b-vd8idns0a3] {
    background: transparent;
    border: 1px solid var(--degen-border-default);
    color: var(--degen-text-secondary);
    padding: 4px 12px;
    border-radius: var(--degen-radius-sm);
    font-size: var(--degen-font-size-sm);
    font-family: var(--degen-font-sans);
    cursor: pointer;
    transition: all var(--degen-transition-fast);
}

.exit-button:hover[b-vd8idns0a3] {
    color: var(--degen-text-primary);
    border-color: var(--degen-text-secondary);
    background: var(--degen-hover-overlay);
}
/* _content/AIAgent/Components/Competition/CompetitionPortfolioPanel.razor.rz.scp.css */
.competition-portfolio[b-qtu3u1japs] {
    display: flex;
    flex-direction: column;
    height: 100%;
    font-family: var(--degen-font-sans);
}

.portfolio-nav[b-qtu3u1japs] {
    display: flex;
    gap: 4px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--degen-border-subtle);
}

.nav-item[b-qtu3u1japs] {
    background: transparent;
    border: none;
    color: var(--degen-text-tertiary);
    font-size: var(--degen-font-size-sm);
    font-family: var(--degen-font-sans);
    padding: 4px 10px;
    cursor: pointer;
    border-radius: var(--degen-radius-sm);
    transition: all var(--degen-transition-fast);
}

.nav-item:hover[b-qtu3u1japs] {
    color: var(--degen-text-secondary);
}

.nav-item.active[b-qtu3u1japs] {
    color: var(--degen-text-primary);
    background: var(--degen-bg-surface);
}

.tab-content[b-qtu3u1japs] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
}

.stat-grid[b-qtu3u1japs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.stat-card[b-qtu3u1japs] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px;
    background: var(--degen-bg-surface);
    border-radius: var(--degen-radius-md);
    border: 1px solid var(--degen-border-subtle);
}

.stat-label[b-qtu3u1japs] {
    font-size: var(--degen-font-size-xs);
    color: var(--degen-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-qtu3u1japs] {
    font-size: var(--degen-font-size-lg);
    font-weight: 600;
    color: var(--degen-text-primary);
    font-family: var(--degen-font-mono);
}

.positions-table[b-qtu3u1japs] {
    font-size: var(--degen-font-size-sm);
}

.table-header[b-qtu3u1japs] {
    display: grid;
    grid-template-columns: 1.2fr 0.6fr 0.8fr 0.8fr 0.8fr;
    gap: 8px;
    padding: 6px 8px;
    color: var(--degen-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: var(--degen-font-size-xs);
    border-bottom: 1px solid var(--degen-border-subtle);
}

.table-row[b-qtu3u1japs] {
    display: grid;
    grid-template-columns: 1.2fr 0.6fr 0.8fr 0.8fr 0.8fr;
    gap: 8px;
    padding: 8px;
    color: var(--degen-text-primary);
    border-bottom: 1px solid var(--degen-border-subtle);
    font-family: var(--degen-font-mono);
}

.pnl-positive[b-qtu3u1japs] {
    color: var(--degen-pnl-positive);
}

.pnl-negative[b-qtu3u1japs] {
    color: var(--degen-pnl-negative);
}

.leaderboard-list[b-qtu3u1japs] {
    display: flex;
    flex-direction: column;
}

.leaderboard-row[b-qtu3u1japs] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px;
    border-bottom: 1px solid var(--degen-border-subtle);
    font-size: var(--degen-font-size-base);
}

.leaderboard-row.highlight[b-qtu3u1japs] {
    background: var(--degen-color-primary-faint);
    border-left: 3px solid var(--degen-color-primary);
}

.rank[b-qtu3u1japs] {
    font-weight: 700;
    color: var(--degen-text-tertiary);
    min-width: 32px;
    font-family: var(--degen-font-mono);
}

.agent-name[b-qtu3u1japs] {
    flex: 1;
    color: var(--degen-text-primary);
}

.score[b-qtu3u1japs] {
    color: var(--degen-text-secondary);
    font-family: var(--degen-font-mono);
}

.empty-state[b-qtu3u1japs] {
    text-align: center;
    padding: 24px;
    color: var(--degen-text-tertiary);
    font-size: var(--degen-font-size-base);
}
/* _content/AIAgent/Components/Competition/CompetitionWithdrawDialog.razor.rz.scp.css */
.comp-dialog-error[b-3oz5pn2jb0] {
    padding: 8px 12px;
    margin-top: 12px;
    background: var(--degen-color-sell-muted);
    border: 1px solid var(--degen-color-sell);
    border-radius: var(--degen-radius-md);
    color: var(--degen-color-error);
    font-size: var(--degen-font-size-base);
}

.comp-dialog-loading[b-3oz5pn2jb0] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    margin-top: 12px;
    background: var(--degen-bg-surface);
    border-radius: var(--degen-radius-md);
    color: var(--degen-text-secondary);
}


/* Dialog background */

[b-3oz5pn2jb0] .mud-dialog.competition-withdraw-dialog {
    background: var(--degen-bg-secondary);
    border: 1px solid var(--degen-border-default);
}


/* MudBlazor button overrides */

[b-3oz5pn2jb0] .mud-button-filled.mud-button-filled-primary {
    background-color: var(--degen-color-primary) !important;
    color: var(--degen-bg-primary) !important;
    text-transform: none !important;
    font-family: var(--degen-font-sans) !important;
    font-weight: 600 !important;
    font-size: var(--degen-font-size-base) !important;
}

[b-3oz5pn2jb0] .mud-button-filled.mud-button-filled-primary:hover {
    background-color: var(--degen-color-primary-hover) !important;
    box-shadow: var(--degen-btn-shadow-primary-hover) !important;
}

[b-3oz5pn2jb0] .mud-button-filled.mud-button-filled-primary:disabled {
    opacity: 0.5 !important;
    box-shadow: none !important;
}

[b-3oz5pn2jb0] .mud-button-outlined {
    border-color: rgba(184, 248, 78, 0.3) !important;
    color: var(--degen-color-primary) !important;
    text-transform: none !important;
    font-family: var(--degen-font-sans) !important;
}

[b-3oz5pn2jb0] .mud-button-outlined:hover {
    border-color: rgba(184, 248, 78, 0.6) !important;
    background: var(--degen-color-primary-faint) !important;
}

[b-3oz5pn2jb0] .mud-button-text {
    color: var(--degen-text-tertiary) !important;
    text-transform: none !important;
    font-family: var(--degen-font-sans) !important;
}

[b-3oz5pn2jb0] .mud-button-text:hover {
    color: var(--degen-text-secondary) !important;
    background: var(--degen-hover-overlay-light) !important;
}


/* MudBlazor input overrides */

[b-3oz5pn2jb0] .mud-input.mud-input-outlined {
    background: var(--degen-bg-input) !important;
    border-radius: var(--degen-radius-md) !important;
}

[b-3oz5pn2jb0] .mud-input-slot,
[b-3oz5pn2jb0] .mud-input-root {
    color: var(--degen-text-primary) !important;
    font-family: var(--degen-font-sans) !important;
    font-size: var(--degen-font-size-base) !important;
}

[b-3oz5pn2jb0] .mud-input-label {
    color: var(--degen-text-secondary) !important;
    font-family: var(--degen-font-sans) !important;
}

[b-3oz5pn2jb0] .mud-input-outlined-border {
    border-color: var(--degen-border-muted) !important;
}

[b-3oz5pn2jb0] .mud-input:hover .mud-input-outlined-border {
    border-color: rgba(184, 248, 78, 0.4) !important;
}

[b-3oz5pn2jb0] .mud-input.mud-input-focused .mud-input-outlined-border {
    border-color: var(--degen-color-primary) !important;
    border-width: 2px !important;
}
/* _content/AIAgent/Components/Dialogs/AutomationBacktestDialog.razor.rz.scp.css */
.dialog-header[b-hgzn1cdv26] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.asset-badge[b-hgzn1cdv26] {
    background: var(--degen-color-primary);
    color: var(--degen-bg-primary);
    padding: 2px 8px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Source Code Pro', monospace;
}

.automation-name[b-hgzn1cdv26] {
    font-weight: 600;
    font-size: 14px;
    color: var(--degen-text-primary);
}

.section[b-hgzn1cdv26] {
    margin-bottom: 16px;
}

.section-label[b-hgzn1cdv26] {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--degen-color-primary);
    margin-bottom: 8px;
}

.config-grid[b-hgzn1cdv26] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}

.config-item label[b-hgzn1cdv26] {
    display: block;
    font-size: 11px;
    color: var(--degen-text-secondary);
    text-transform: uppercase;
    margin-bottom: 4px;
}

.balance-input-wrap[b-hgzn1cdv26] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--degen-bg-input);
    border: 1px solid var(--degen-border-muted);
    border-radius: 4px;
    padding: 6px 10px;
    transition: border-color 0.15s ease;
}

.balance-input-wrap:focus-within[b-hgzn1cdv26] {
    border-color: var(--degen-color-primary);
}

.balance-prefix[b-hgzn1cdv26] {
    color: var(--degen-text-tertiary);
    font-family: 'Source Code Pro', monospace;
    font-size: 13px;
    user-select: none;
}

[b-hgzn1cdv26] .balance-input {
    background: transparent;
    border: none;
    outline: none;
    color: var(--degen-text-primary);
    font-family: 'Source Code Pro', monospace;
    font-size: 13px;
    width: 100%;
    padding: 0;
}

.estimate-box[b-hgzn1cdv26] {
    background: var(--degen-bg-secondary);
    border: 1px solid var(--degen-border-default);
    border-radius: 4px;
    padding: 10px;
}

.estimate-row[b-hgzn1cdv26] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: var(--degen-text-secondary);
    padding: 2px 0;
}

.estimate-row span:last-child[b-hgzn1cdv26] {
    color: var(--degen-text-primary);
    font-family: 'Source Code Pro', monospace;
}

.progress-text[b-hgzn1cdv26] {
    text-align: center;
    font-size: 12px;
    color: var(--degen-text-secondary);
    margin-top: 8px;
}

/* Legacy single-line decision (fallback when no LiveSignals) */
.latest-decision[b-hgzn1cdv26] {
    font-size: 11px;
    color: var(--degen-text-secondary);
    font-family: 'Source Code Pro', monospace;
    padding: 4px 8px;
    margin-top: 8px;
    background: var(--degen-bg-secondary);
    border-radius: 2px;
}

/* Decision panel -- scrollable recent decisions */
.decision-panel[b-hgzn1cdv26] {
    max-height: 160px;
    overflow-y: auto;
    margin-top: 8px;
    background: var(--degen-bg-secondary);
    border: 1px solid var(--degen-border-default);
    border-radius: 4px;
    padding: 4px 0;
}

.decision-entry[b-hgzn1cdv26] {
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 6px;
    align-items: start;
    padding: 4px 8px;
    font-size: 11px;
    font-family: 'Source Code Pro', monospace;
    border-bottom: 1px solid var(--degen-border-default);
}

.decision-entry:last-child[b-hgzn1cdv26] {
    border-bottom: none;
}

.decision-time[b-hgzn1cdv26] {
    color: var(--degen-text-tertiary);
    white-space: nowrap;
}

.condition-badge[b-hgzn1cdv26] {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.condition-badge.met[b-hgzn1cdv26] {
    background: color-mix(in srgb, var(--degen-color-primary) 20%, transparent);
    color: var(--degen-color-primary);
}

.condition-badge.not-met[b-hgzn1cdv26] {
    background: color-mix(in srgb, var(--degen-text-tertiary) 15%, transparent);
    color: var(--degen-text-tertiary);
}

.decision-action[b-hgzn1cdv26] {
    color: var(--degen-text-secondary);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
}

.decision-reasoning[b-hgzn1cdv26] {
    grid-column: 1 / -1;
    color: var(--degen-text-tertiary);
    font-size: 10px;
    line-height: 1.3;
    padding-left: 2px;
}

/* Live metrics row */
.live-metrics[b-hgzn1cdv26] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 20px;
    margin-top: 10px;
    font-size: 12px;
    color: var(--degen-text-primary);
    font-family: 'Source Code Pro', monospace;
}

.pnl-positive[b-hgzn1cdv26] {
    color: var(--degen-pnl-positive);
}

.pnl-negative[b-hgzn1cdv26] {
    color: var(--degen-pnl-negative);
}

/* Comparison picker (above grade header) */
.comparison-picker[b-hgzn1cdv26] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
}

.comparison-label[b-hgzn1cdv26] {
    color: var(--degen-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.comparison-select[b-hgzn1cdv26] {
    flex: 1;
    background: var(--degen-bg-secondary);
    color: var(--degen-text-primary);
    border: 1px solid var(--degen-border-default);
    border-radius: 4px;
    padding: 4px 8px;
    font-family: inherit;
    font-size: 11px;
    cursor: pointer;
}

.comparison-select:focus[b-hgzn1cdv26] {
    outline: none;
    border-color: var(--degen-color-primary);
}

.delta-header[b-hgzn1cdv26] {
    display: flex;
    gap: 16px;
    justify-content: space-around;
    margin-bottom: 8px;
    padding: 6px 10px;
    background: var(--degen-bg-secondary);
    border: 1px solid var(--degen-border-default);
    border-radius: 4px;
}

.delta-stat[b-hgzn1cdv26] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
}

.delta-label[b-hgzn1cdv26] {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--degen-text-secondary);
}

.delta-value[b-hgzn1cdv26] {
    font-family: 'Source Code Pro', monospace;
    font-size: 13px;
    font-weight: 600;
}

/* Grade header */
.grade-header[b-hgzn1cdv26] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
    padding: 10px 12px;
    background: var(--degen-bg-secondary);
    border: 1px solid var(--degen-border-default);
    border-radius: 4px;
}

.grade-badge[b-hgzn1cdv26] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6px 12px;
    border: 2px solid var(--degen-border-default);
    border-radius: 4px;
    min-width: 60px;
}

.grade-score[b-hgzn1cdv26] {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Source Code Pro', monospace;
    line-height: 1;
}

.grade-label[b-hgzn1cdv26] {
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 2px;
}

.grade-summary[b-hgzn1cdv26] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.grade-pnl[b-hgzn1cdv26] {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Source Code Pro', monospace;
}

.grade-return[b-hgzn1cdv26] {
    font-size: 13px;
    font-family: 'Source Code Pro', monospace;
}

/* Running stats (kept for optimization flow) */
.running-stats[b-hgzn1cdv26] {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 8px;
    font-size: 12px;
    color: var(--degen-text-primary);
    font-family: 'Source Code Pro', monospace;
}

/* Stats grid */
.stats-grid[b-hgzn1cdv26] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    gap: 8px;
}

.stat[b-hgzn1cdv26] {
    background: var(--degen-bg-secondary);
    border: 1px solid var(--degen-border-default);
    border-radius: 4px;
    padding: 8px 10px;
}

.stat-label[b-hgzn1cdv26] {
    font-size: 10px;
    text-transform: uppercase;
    color: var(--degen-text-tertiary);
    letter-spacing: 0.04em;
}

.stat-value[b-hgzn1cdv26] {
    font-size: 13px;
    font-weight: 600;
    color: var(--degen-text-primary);
    font-family: 'Source Code Pro', monospace;
}

.advanced-toggle[b-hgzn1cdv26] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 4px 0;
    user-select: none;
}

.toggle-arrow[b-hgzn1cdv26] {
    font-size: 14px;
    color: var(--degen-text-tertiary);
    font-family: 'Source Code Pro', monospace;
    width: 20px;
    text-align: center;
}

.no-trades-message[b-hgzn1cdv26] {
    color: var(--degen-text-secondary);
    font-size: 13px;
    text-align: center;
    padding: 16px;
}

/* Equity curve -- taller */
.equity-curve-container[b-hgzn1cdv26] {
    height: 120px;
    margin-bottom: 12px;
    position: relative;
}

.equity-curve-legend[b-hgzn1cdv26] {
    display: flex;
    gap: 14px;
    justify-content: center;
    margin-top: 4px;
    font-size: 10px;
    font-family: 'Source Code Pro', monospace;
    color: var(--degen-text-tertiary, var(--degen-text-secondary));
}

.equity-curve-legend .legend-strategy[b-hgzn1cdv26],
.equity-curve-legend .legend-bah[b-hgzn1cdv26] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.equity-curve-legend .legend-swatch[b-hgzn1cdv26] {
    display: inline-block;
    width: 14px;
    height: 2px;
    background: var(--degen-color-primary);
}

.equity-curve-legend .legend-swatch-dashed[b-hgzn1cdv26] {
    background: transparent;
    border-top: 1.5px dashed rgba(255, 255, 255, 0.5);
    height: 0;
    margin-top: 1px;
}

.equity-curve-container.live[b-hgzn1cdv26] {
    height: 80px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.equity-curve-container .equity-curve[b-hgzn1cdv26] {
    width: 100%;
    /* Subtract the header row height so the SVG fits alongside the label row */
    height: calc(100% - 18px);
}

.equity-curve-header[b-hgzn1cdv26] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
}

.equity-curve-label[b-hgzn1cdv26] {
    color: var(--degen-text-secondary);
}

.equity-curve-badge[b-hgzn1cdv26] {
    color: var(--degen-text-tertiary);
    border: 1px solid var(--degen-text-tertiary);
    border-radius: 2px;
    padding: 1px 6px;
    font-size: 9px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* Gradient stops use design tokens so inline styles stay out of the SVG */
.equity-grad-stop-pos[b-hgzn1cdv26] {
    stop-color: var(--degen-color-success);
    stop-opacity: 0.3;
}

.equity-grad-stop-neg[b-hgzn1cdv26] {
    stop-color: var(--degen-color-error);
    stop-opacity: 0.3;
}

.equity-grad-stop-end[b-hgzn1cdv26] {
    stop-color: var(--degen-bg-primary);
    stop-opacity: 0;
}

.equity-curve .chart-line.stroke-pos[b-hgzn1cdv26] {
    stroke: var(--degen-color-success);
}

.equity-curve .chart-line.stroke-neg[b-hgzn1cdv26] {
    stroke: var(--degen-color-error);
}

/* Decision log (results state) */
.decision-log[b-hgzn1cdv26] {
    max-height: 240px;
    overflow-y: auto;
    margin-top: 8px;
    border: 1px solid var(--degen-border-default);
    border-radius: 4px;
}

.show-all-toggle[b-hgzn1cdv26] {
    text-align: center;
    font-size: 11px;
    color: var(--degen-color-primary);
    cursor: pointer;
    padding: 6px;
    margin-top: 4px;
    font-family: 'Source Code Pro', monospace;
}

.show-all-toggle:hover[b-hgzn1cdv26] {
    opacity: 0.8;
}

/* Trade log */
.trade-log[b-hgzn1cdv26] {
    max-height: 200px;
    overflow-y: auto;
}

.trade-entry[b-hgzn1cdv26] {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 4px 8px;
    font-size: 11px;
    font-family: 'Source Code Pro', monospace;
    border-bottom: 1px solid var(--degen-border-default);
}

.trade-time[b-hgzn1cdv26] {
    color: var(--degen-text-secondary);
}

.trade-side[b-hgzn1cdv26] {
    font-weight: 600;
    text-transform: uppercase;
}

.trade-side.buy[b-hgzn1cdv26] {
    color: var(--degen-color-primary);
}

.trade-side.sell[b-hgzn1cdv26] {
    color: var(--degen-color-error);
}

.trade-price[b-hgzn1cdv26] {
    color: var(--degen-text-primary);
}

.trade-pnl[b-hgzn1cdv26] {
    text-align: right;
    font-weight: 600;
}

.running-hint[b-hgzn1cdv26] {
    font-size: 0.75rem;
    color: var(--degen-text-secondary);
    text-align: center;
    margin-top: 12px;
}

/* Terminal-style animated dots */
.pulse-dots[b-hgzn1cdv26] {
    display: inline;
    letter-spacing: 1px;
}

.pulse-dots span[b-hgzn1cdv26] {
    opacity: 0.2;
    display: inline-block;
    animation: dot-glow-b-hgzn1cdv26 1.4s infinite ease-in-out;
}

.pulse-dots span:nth-child(2)[b-hgzn1cdv26] {
    animation-delay: 0.2s;
}

.pulse-dots span:nth-child(3)[b-hgzn1cdv26] {
    animation-delay: 0.4s;
}

@keyframes dot-glow-b-hgzn1cdv26 {
    0%, 80%, 100% {
        opacity: 0.2;
        text-shadow: none;
    }
    40% {
        opacity: 1;
        text-shadow: 0 0 6px var(--degen-color-primary);
    }
}

/* Subtle breathing pulse for status text */
.status-pulse[b-hgzn1cdv26] {
    animation: status-fade-b-hgzn1cdv26 2s infinite ease-in-out;
}

@keyframes status-fade-b-hgzn1cdv26 {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

.cancelled-note[b-hgzn1cdv26] {
    font-size: 12px;
    color: var(--degen-color-warning);
    text-align: center;
    padding: 8px;
    margin-bottom: 8px;
    background: color-mix(in srgb, var(--degen-color-warning) 8%, transparent);
    border-radius: 4px;
}

.history-picker[b-hgzn1cdv26] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 6px 0;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--degen-border-default);
}

.history-nav[b-hgzn1cdv26] {
    background: none;
    border: 1px solid var(--degen-border-muted);
    color: var(--degen-text-secondary);
    width: 24px;
    height: 24px;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.history-nav:hover:not(:disabled)[b-hgzn1cdv26] {
    border-color: var(--degen-color-primary);
    color: var(--degen-color-primary);
}

.history-nav:disabled[b-hgzn1cdv26] {
    opacity: 0.3;
    cursor: default;
}

.history-label[b-hgzn1cdv26] {
    font-size: 12px;
    color: var(--degen-text-secondary);
    font-family: 'Source Code Pro', monospace;
}

.history-partial[b-hgzn1cdv26] {
    font-size: 10px;
    color: var(--degen-color-warning);
    margin-left: 4px;
}

.history-count[b-hgzn1cdv26] {
    font-size: 10px;
    color: var(--degen-text-tertiary);
}

/* Optimization leaderboard */
.opt-summary[b-hgzn1cdv26] {
    display: flex;
    justify-content: center;
    gap: 16px;
    font-size: 11px;
    color: var(--degen-text-secondary);
    font-family: 'Source Code Pro', monospace;
    margin-bottom: 10px;
}

.opt-leaderboard[b-hgzn1cdv26] {
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid var(--degen-border-default);
    border-radius: 4px;
}

.opt-row[b-hgzn1cdv26] {
    display: grid;
    grid-template-columns: 24px 1fr 50px 70px 40px 36px;
    gap: 4px;
    align-items: center;
    padding: 5px 8px;
    font-size: 11px;
    font-family: 'Source Code Pro', monospace;
    border-bottom: 1px solid var(--degen-border-default);
}

.opt-row:last-child[b-hgzn1cdv26] {
    border-bottom: none;
}

.opt-row-best[b-hgzn1cdv26] {
    background: color-mix(in srgb, var(--degen-color-warning) 10%, transparent);
}

.opt-rank[b-hgzn1cdv26] {
    color: var(--degen-text-tertiary);
    text-align: center;
    font-weight: 600;
}

.opt-row-best .opt-rank[b-hgzn1cdv26] {
    color: var(--degen-color-warning);
}

.opt-label[b-hgzn1cdv26] {
    color: var(--degen-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.opt-score[b-hgzn1cdv26] {
    font-weight: 600;
    text-align: right;
}

.opt-pnl[b-hgzn1cdv26] {
    font-weight: 600;
    text-align: right;
}

.opt-winrate[b-hgzn1cdv26] {
    color: var(--degen-text-secondary);
    text-align: right;
}

.opt-trades[b-hgzn1cdv26] {
    color: var(--degen-text-tertiary);
    text-align: right;
}

/* Mobile breakpoints */
@media (max-width: 599px) {
    .stats-grid[b-hgzn1cdv26] {
        grid-template-columns: repeat(2, 1fr);
    }

    .config-grid[b-hgzn1cdv26] {
        grid-template-columns: 1fr;
    }

    .opt-row[b-hgzn1cdv26] {
        grid-template-columns: 20px 1fr 44px 60px 36px 30px;
        font-size: 10px;
    }

    .opt-summary[b-hgzn1cdv26] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .decision-panel[b-hgzn1cdv26] {
        max-height: 100px;
    }

    .live-metrics[b-hgzn1cdv26] {
        gap: 6px 12px;
        font-size: 11px;
    }

    .grade-header[b-hgzn1cdv26] {
        gap: 10px;
        padding: 8px 10px;
    }

    .grade-score[b-hgzn1cdv26] {
        font-size: 16px;
    }

    .grade-pnl[b-hgzn1cdv26] {
        font-size: 15px;
    }

    .grade-return[b-hgzn1cdv26] {
        font-size: 11px;
    }

    .equity-curve-container[b-hgzn1cdv26] {
        height: 80px;
    }

    .decision-entry[b-hgzn1cdv26] {
        font-size: 10px;
        gap: 4px;
    }
}


/* MudBlazor child component overrides via ::deep
   These work because the MudSelect and MudProgressLinear are rendered
   INSIDE scoped <div> elements (config-item, section). Dialog shell,
   buttons, and title bar are rendered by MudDialogProvider OUTSIDE
   the component scope — those overrides live in mudblazor-overrides.css. */

[b-hgzn1cdv26] .mud-input.mud-input-outlined {
    background: var(--degen-bg-input) !important;
    border-radius: 4px !important;
}

[b-hgzn1cdv26] .mud-input-outlined-border {
    border-color: var(--degen-border-muted) !important;
}

[b-hgzn1cdv26] .mud-input:hover .mud-input-outlined-border {
    border-color: var(--degen-color-primary-muted) !important;
}

[b-hgzn1cdv26] .mud-input.mud-input-focused .mud-input-outlined-border {
    border-color: var(--degen-color-primary) !important;
    border-width: 2px !important;
}

[b-hgzn1cdv26] .mud-input-slot,
[b-hgzn1cdv26] .mud-select-input {
    color: var(--degen-text-primary) !important;
    -webkit-text-fill-color: var(--degen-text-primary) !important;
    font-family: 'Source Code Pro', monospace !important;
    font-size: 13px !important;
}

[b-hgzn1cdv26] .mud-input-adornment .mud-icon-root {
    color: var(--degen-text-tertiary) !important;
}

/* Progress bar overrides live in mudblazor-overrides.css under .mud-dialog.backtest-dialog
   (scoped ::deep can't reliably reach into MudBlazor's dialog portal) */

/* ========== TP/SL exit optimization panel ========== */

.knob-panel[b-hgzn1cdv26] {
    background: var(--degen-bg-secondary);
    border: 1px solid var(--degen-border-muted);
    border-radius: 4px;
    padding: 12px;
}

.knob-changes[b-hgzn1cdv26] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}

.knob-chip[b-hgzn1cdv26] {
    background: var(--degen-bg-elevated);
    color: var(--degen-color-primary);
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 3px;
}

.knob-caveat[b-hgzn1cdv26] {
    font-size: 11px;
    color: var(--degen-text-tertiary);
    line-height: 1.45;
    margin: 10px 0;
}

.knob-diff[b-hgzn1cdv26] {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.knob-diff-pane[b-hgzn1cdv26] {
    flex: 1;
    background: var(--degen-bg-elevated);
    border-radius: 3px;
    padding: 8px 10px;
    min-width: 0;
}

.knob-diff-pane.current[b-hgzn1cdv26] {
    border-left: 3px solid var(--degen-color-sell);
}

.knob-diff-pane.proposed[b-hgzn1cdv26] {
    border-left: 3px solid var(--degen-color-primary);
}

.knob-diff-label[b-hgzn1cdv26] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--degen-text-tertiary);
    margin-bottom: 4px;
}

.knob-diff-text[b-hgzn1cdv26] {
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    color: var(--degen-text-secondary);
    white-space: pre-wrap;
    word-break: break-word;
}

.knob-actions[b-hgzn1cdv26] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.knob-applied-note[b-hgzn1cdv26] {
    font-size: 12px;
    color: var(--degen-text-secondary);
}

.knob-action-message[b-hgzn1cdv26] {
    margin-top: 8px;
    font-size: 12px;
    color: var(--degen-color-warning);
}

.knob-no-rec[b-hgzn1cdv26] {
    font-size: 13px;
    color: var(--degen-text-secondary);
    background: var(--degen-bg-secondary);
    border: 1px solid var(--degen-border-muted);
    border-radius: 4px;
    padding: 10px 12px;
}

@media (max-width: 600px) {
    .knob-diff[b-hgzn1cdv26] {
        flex-direction: column;
    }
}
/* _content/AIAgent/Components/Dialogs/AutomationDetailDialog.razor.rz.scp.css */
.dialog-header[b-j16pdd68hk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.title-left[b-j16pdd68hk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.asset-badge[b-j16pdd68hk] {
    background: rgba(184, 248, 78, 0.15);
    color: #B8F84E;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

.automation-name[b-j16pdd68hk] {
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
}

.workflow-chip[b-j16pdd68hk] {
    background: rgba(184, 248, 78, 0.08);
    color: #B8F84E;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    border: 1px solid rgba(184, 248, 78, 0.2);
}


/* Status icon colors are in mudblazor-overrides.css due to CSS isolation */

.section[b-j16pdd68hk] {
    margin-bottom: 16px;
}

.section-label[b-j16pdd68hk] {
    color: #B8F84E;
    font-size: 11px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.section-body[b-j16pdd68hk] {
    background: #131B1F;
    border: 1px solid rgba(184, 248, 78, 0.12);
    border-radius: 6px;
    padding: 12px;
    color: #A2A2A2;
    font-size: 13px;
    line-height: 1.5;
    white-space: pre-wrap;
}

/* Indicator chips */
.indicator-chips[b-j16pdd68hk] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.tradingview-card .webhook-body[b-j16pdd68hk] {
    background: #131B1F;
    border: 1px solid rgba(184, 248, 78, 0.12);
    border-radius: 6px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.webhook-url-row[b-j16pdd68hk] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.webhook-url-input[b-j16pdd68hk] {
    flex: 1;
    background: #0D1215;
    color: #E9E9E9;
    border: 1px solid #2A2F33;
    border-radius: 4px;
    padding: 6px 8px;
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
}

.webhook-hint[b-j16pdd68hk] {
    color: #888;
    font-size: 12px;
    line-height: 1.5;
}

.webhook-actions[b-j16pdd68hk] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.webhook-btn[b-j16pdd68hk] {
    background: transparent;
    color: #E9E9E9;
    border: 1px solid #2A2F33;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 12px;
    cursor: pointer;
}

.webhook-btn:hover:not(:disabled)[b-j16pdd68hk] {
    background: rgba(184, 248, 78, 0.06);
    border-color: rgba(184, 248, 78, 0.4);
}

.webhook-btn:disabled[b-j16pdd68hk] {
    opacity: 0.5;
    cursor: not-allowed;
}

.webhook-btn.primary[b-j16pdd68hk] {
    background: rgba(184, 248, 78, 0.12);
    color: #B8F84E;
    border-color: rgba(184, 248, 78, 0.4);
}

.indicator-chip[b-j16pdd68hk] {
    background: rgba(184, 248, 78, 0.1);
    border: 1px solid rgba(184, 248, 78, 0.2);
    color: #A2A2A2;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
}

.stats-grid[b-j16pdd68hk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    margin: 18px 0;
}

.stat[b-j16pdd68hk] {
    background: #131B1F;
    border: 1px solid rgba(184, 248, 78, 0.12);
    border-radius: 6px;
    padding: 10px;
}

.stat.wide[b-j16pdd68hk] {
    grid-column: span 2;
}

.stat-label[b-j16pdd68hk] {
    color: #666;
    font-size: 10px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.stat-value[b-j16pdd68hk] {
    color: #E0E0E0;
    font-size: 12px;
}

.status-stat .status-value[b-j16pdd68hk] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.status-stat .status-text[b-j16pdd68hk] {
    font-weight: 600;
}

.status-stat .status-text.active[b-j16pdd68hk] {
    color: #B8F84E;
}

.status-stat .status-text.inactive[b-j16pdd68hk] {
    color: #FF6B6B;
}

.status-stat .status-text.paused[b-j16pdd68hk] {
    color: #FFA500;
}

.status-stat .status-text.processing[b-j16pdd68hk] {
    color: #B8F84E;
}

.status-badge.scanning[b-j16pdd68hk] {
    background: rgba(245, 158, 11, 0.15);
    color: #F59E0B;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
}

.wake-value[b-j16pdd68hk] {
    color: #B8F84E !important;
}

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

.section-header-right[b-j16pdd68hk] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-meta[b-j16pdd68hk] {
    color: #666;
    font-size: 11px;
}

.view-history-link[b-j16pdd68hk] {
    background: none;
    border: none;
    color: #B8F84E;
    cursor: pointer;
    font-size: 11px;
    padding: 0;
    text-decoration: none;
    transition: opacity 0.2s;
}

.view-history-link:hover[b-j16pdd68hk] {
    text-decoration: underline;
    opacity: 0.8;
}

.activity-list[b-j16pdd68hk] {
    height: 240px;
    overflow-y: auto;
    background: #131B1F;
    border: 1px solid rgba(184, 248, 78, 0.12);
    border-radius: 6px;
}

.activity-entry[b-j16pdd68hk] {
    border-bottom: 1px solid rgba(184, 248, 78, 0.08);
}

.activity-entry:last-child[b-j16pdd68hk] {
    border-bottom: none;
}

.activity-entry.met[b-j16pdd68hk] {
    border-left: 3px solid #B8F84E;
}

.activity-entry.skipped[b-j16pdd68hk] {
    border-left: 3px solid #666;
}

.activity-entry.not-met[b-j16pdd68hk] {
    border-left: 3px solid rgba(184, 248, 78, 0.25);
}

/* Attention-causing log highlight - subtle yellow */
.activity-entry.attention-highlight[b-j16pdd68hk] {
    background: rgba(251, 191, 36, 0.08);
    border-left: 3px solid rgba(251, 191, 36, 0.6);
}

.activity-entry.attention-highlight .activity-row-header:hover[b-j16pdd68hk] {
    background-color: rgba(251, 191, 36, 0.12);
}

.activity-row-header[b-j16pdd68hk] {
    display: grid;
    grid-template-columns: 24px 110px 90px 1fr;
    gap: 10px;
    padding: 10px 12px;
    align-items: center;
    color: #A2A2A2;
    font-size: 12px;
    transition: background-color 0.15s ease;
}

.activity-row-header:hover[b-j16pdd68hk] {
    background-color: rgba(184, 248, 78, 0.03);
}

.activity-time[b-j16pdd68hk] {
    color: #B8F84E;
    font-weight: 600;
}

.activity-status[b-j16pdd68hk] {
    color: #E0E0E0;
    font-weight: 600;
}

.activity-action[b-j16pdd68hk],
.activity-reason[b-j16pdd68hk],
.activity-error[b-j16pdd68hk],
.activity-preview[b-j16pdd68hk] {
    color: #A2A2A2;
    line-height: 1.4;
}

.activity-preview[b-j16pdd68hk] {
    cursor: pointer;
}

.activity-error[b-j16pdd68hk] {
    color: #FF6B6B;
}

.activity-reasoning-panel[b-j16pdd68hk] {
    padding: 12px 16px;
    background-color: #0D1215;
    border-top: 1px solid rgba(184, 248, 78, 0.1);
}

.activity-trace-panel[b-j16pdd68hk] {
    padding: 12px 16px;
    background-color: #0D1215;
    border-top: 1px solid rgba(184, 248, 78, 0.1);
}

.trace-toggle[b-j16pdd68hk] {
    background: transparent;
    border: 1px solid rgba(184, 248, 78, 0.3);
    color: #B8F84E;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 8px;
}

.trace-toggle:hover[b-j16pdd68hk] {
    background-color: rgba(184, 248, 78, 0.1);
    border-color: #B8F84E;
}

.trace-content[b-j16pdd68hk] {
    margin: 0;
    padding: 12px;
    background-color: #000000;
    border: 1px solid rgba(184, 248, 78, 0.2);
    border-radius: 4px;
    color: #A2A2A2;
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 500px;
    overflow-y: auto;
}

.activity-row-arrow[b-j16pdd68hk] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #B8F84E;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

.activity-row-arrow.expanded[b-j16pdd68hk] {
    opacity: 1;
}

.activity-row-header:hover .activity-row-arrow[b-j16pdd68hk] {
    opacity: 1;
}

.reasoning-label[b-j16pdd68hk] {
    color: #B8F84E;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.reasoning-content[b-j16pdd68hk] {
    color: #A2A2A2;
    font-size: 12px;
    line-height: 1.6;
    white-space: pre-wrap;
    background: rgba(19, 27, 31, 0.5);
    padding: 12px;
    border-radius: 4px;
    border: 1px solid rgba(184, 248, 78, 0.1);
}

.empty-activity[b-j16pdd68hk] {
    padding: 12px;
    color: #666;
    background: #131B1F;
    border: 1px dashed rgba(184, 248, 78, 0.2);
    border-radius: 6px;
    text-align: center;
    font-size: 12px;
}

/* Intelligence toggle - segmented control style */
.intelligence-toggle[b-j16pdd68hk] {
    display: inline-flex;
    background: #0D1215;
    border: 1px solid rgba(184, 248, 78, 0.25);
    border-radius: 6px;
    padding: 2px;
    gap: 2px;
}

.intelligence-toggle .toggle-btn[b-j16pdd68hk] {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #666;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: inherit;
}

.intelligence-toggle .toggle-btn:hover:not(.active)[b-j16pdd68hk] {
    color: #A2A2A2;
    background: rgba(184, 248, 78, 0.08);
    border-color: rgba(184, 248, 78, 0.15);
}

.intelligence-toggle .toggle-btn.active[b-j16pdd68hk] {
    background: rgba(184, 248, 78, 0.2);
    color: #B8F84E;
    border-color: rgba(184, 248, 78, 0.4);
}

.intelligence-badge[b-j16pdd68hk] {
    font-size: 9px;
    font-weight: 600;
    padding: 2px 4px;
    border-radius: 3px;
    margin-left: 6px;
}

.intelligence-badge.low[b-j16pdd68hk] {
    background: rgba(100, 100, 100, 0.3);
    color: #888;
}

.intelligence-badge.high[b-j16pdd68hk] {
    background: rgba(184, 248, 78, 0.15);
    color: #B8F84E;
}

/* Future: Max intelligence mode badge */
.intelligence-badge.max[b-j16pdd68hk] {
    background: rgba(255, 215, 0, 0.2);
    color: #FFD700;
}

/* ===========================================
   MOBILE RESPONSIVE STYLES
   =========================================== */

@media (max-width: 599px) {
    /* Dialog header - allow wrapping */
    .dialog-header[b-j16pdd68hk] {
        flex-wrap: wrap;
    }

    .title-left[b-j16pdd68hk] {
        flex-wrap: wrap;
        gap: 6px;
    }

    .automation-name[b-j16pdd68hk] {
        font-size: 13px;
    }

    /* Sections - tighter spacing */
    .section[b-j16pdd68hk] {
        margin-bottom: 12px;
    }

    .section-body[b-j16pdd68hk] {
        padding: 10px;
        font-size: 12px;
    }

    /* Stats grid - 2 columns on mobile */
    .stats-grid[b-j16pdd68hk] {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px;
        margin: 12px 0;
    }

    .stat[b-j16pdd68hk] {
        padding: 8px;
    }

    .stat.wide[b-j16pdd68hk] {
        grid-column: span 2;
    }

    .stat-label[b-j16pdd68hk] {
        font-size: 9px;
        margin-bottom: 2px;
    }

    .stat-value[b-j16pdd68hk] {
        font-size: 11px;
    }

    /* Activity list - reduced height on mobile */
    .activity-list[b-j16pdd68hk] {
        height: 200px;
    }

    /* Activity row - mobile card layout
       Desktop: 4 columns (arrow | time | status | action)
       Mobile: 2 columns, 3 rows (arrow spans all | time row 1 | status row 2 | action row 3) */
    .activity-row-header[b-j16pdd68hk] {
        grid-template-columns: 20px 1fr !important;
        grid-template-rows: auto auto auto;
        gap: 2px 8px;
        padding: 10px;
    }

    .activity-row-arrow[b-j16pdd68hk] {
        grid-row: 1 / -1; /* Span all rows */
        align-self: start;
        padding-top: 2px;
    }

    .activity-time[b-j16pdd68hk] {
        grid-column: 2;
        grid-row: 1;
        font-size: 11px;
    }

    .activity-status[b-j16pdd68hk] {
        grid-column: 2;
        grid-row: 2;
        font-size: 11px;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .activity-action[b-j16pdd68hk],
    .activity-error[b-j16pdd68hk],
    .activity-preview[b-j16pdd68hk] {
        grid-column: 2;
        grid-row: 3;
        font-size: 11px;
        line-height: 1.3;
        /* Allow wrapping on mobile */
        white-space: normal;
        word-break: break-word;
    }

    /* Reasoning panel - mobile adjustments */
    .activity-reasoning-panel[b-j16pdd68hk] {
        padding: 10px 12px;
    }

    .reasoning-content[b-j16pdd68hk] {
        font-size: 11px;
        padding: 10px;
    }

    /* Intelligence toggle - smaller on mobile */
    .intelligence-toggle .toggle-btn[b-j16pdd68hk] {
        padding: 4px 10px;
        font-size: 10px;
    }
}

/* Extra small screens */
@media (max-width: 400px) {
    .stats-grid[b-j16pdd68hk] {
        grid-template-columns: 1fr !important;
    }

    .stat.wide[b-j16pdd68hk] {
        grid-column: span 1;
    }

    .activity-list[b-j16pdd68hk] {
        height: 180px;
    }
}

/* ========== Trading Performance ========== */

.pnl-positive[b-j16pdd68hk] {
    color: var(--degen-pnl-positive) !important;
}

.pnl-negative[b-j16pdd68hk] {
    color: var(--degen-pnl-negative) !important;
}

.no-trades-message[b-j16pdd68hk] {
    font-size: 11px;
    color: #666;
    padding: 8px 0;
}

.equity-curve-container[b-j16pdd68hk] {
    position: relative;
    margin-top: 12px;
    height: 60px;
    background: #0D1215;
    border: 1px solid rgba(184, 248, 78, 0.12);
    border-radius: 6px;
    overflow: hidden;
}

.equity-curve[b-j16pdd68hk] {
    width: 100%;
    height: 100%;
    display: block;
}

/* Backtest CTA card — empty state */
.backtest-cta[b-j16pdd68hk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 20px 16px;
    background: #131B1F;
    border: 1px dashed rgba(184, 248, 78, 0.2);
    border-radius: 6px;
    text-align: center;
}

.backtest-cta-text[b-j16pdd68hk] {
    color: #A2A2A2;
    font-size: 13px;
    font-weight: 500;
}

.backtest-cta-subtext[b-j16pdd68hk] {
    color: #666;
    font-size: 12px;
    line-height: 1.4;
    max-width: 280px;
}

/* Predicted badge — shown when displaying backtest stats without real trades */
.predicted-badge[b-j16pdd68hk] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #B8F84E;
    border: 1px solid rgba(184, 248, 78, 0.3);
    padding: 2px 8px;
    border-radius: 10px;
}

/* Backtest summary row — compact comparison beneath real trade stats */
.backtest-summary-row[b-j16pdd68hk] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 10px;
    padding: 8px 12px;
    background: #0D1215;
    border: 1px solid rgba(184, 248, 78, 0.08);
    border-radius: 4px;
    font-size: 12px;
    color: #A2A2A2;
}

.backtest-summary-label[b-j16pdd68hk] {
    color: #666;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.3px;
}

.backtest-summary-sep[b-j16pdd68hk] {
    color: #444;
}

/* Standalone status-text for backtest running/updating indicators outside .status-stat */
.section-header .status-text.paused[b-j16pdd68hk],
.backtest-summary-row .status-text.paused[b-j16pdd68hk] {
    color: #FFA500;
    font-weight: 600;
    font-size: 11px;
}

/* Attention alert for config errors / system issues */
.attention-alert[b-j16pdd68hk] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    background: rgba(255, 165, 0, 0.1);
    border: 1px solid rgba(255, 165, 0, 0.3);
    border-radius: 8px;
    margin-bottom: 16px;
}

.attention-content[b-j16pdd68hk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.attention-title[b-j16pdd68hk] {
    color: #FFA500;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.attention-message[b-j16pdd68hk] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    line-height: 1.4;
}

/* ========== Activity Badges ========== */

/* Badges preview container in activity row */
.activity-badges-preview[b-j16pdd68hk] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
}

/* Base badge style */
.action-badge[b-j16pdd68hk] {
    font-size: 9px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    transition: opacity 0.15s ease;
    white-space: nowrap;
}

.action-badge:hover[b-j16pdd68hk] {
    opacity: 0.8;
}

/* Badge colors - using MudBlazor variables where possible */
.badge-order[b-j16pdd68hk] {
    color: var(--mud-palette-success, #B8F84E);
    background: rgba(184, 248, 78, 0.15);
}

.badge-trigger[b-j16pdd68hk] {
    color: var(--mud-palette-info, #4A9EFF);
    background: rgba(74, 158, 255, 0.15);
}

.badge-analysis[b-j16pdd68hk] {
    color: #A78BFA;
    background: rgba(167, 139, 250, 0.15);
}

.badge-search[b-j16pdd68hk] {
    color: #F59E0B;
    background: rgba(245, 158, 11, 0.15);
}

.badge-state[b-j16pdd68hk] {
    color: #9CA3AF;
    background: rgba(156, 163, 175, 0.15);
}

.badge-control[b-j16pdd68hk] {
    color: #EC4899;
    background: rgba(236, 72, 153, 0.15);
}

.badge-error[b-j16pdd68hk] {
    color: var(--mud-palette-error, #FF6B6B);
    background: rgba(255, 107, 107, 0.15);
}

.badge-default[b-j16pdd68hk] {
    color: #9CA3AF;
    background: rgba(156, 163, 175, 0.15);
}

.badge-more[b-j16pdd68hk] {
    color: #6B7280;
    background: rgba(107, 114, 128, 0.15);
}

.badge-skipped[b-j16pdd68hk] {
    color: #6B7280;
    background: rgba(107, 114, 128, 0.1);
    font-style: italic;
}

/* Expanded view meta info */
.activity-meta[b-j16pdd68hk] {
    display: flex;
    gap: 12px;
    margin-bottom: 8px;
    font-size: 11px;
    color: #9CA3AF;
}

.meta-item[b-j16pdd68hk] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Actions list in expanded view */
.actions-label[b-j16pdd68hk],
.error-label[b-j16pdd68hk] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #6B7280;
    margin-top: 8px;
    margin-bottom: 4px;
}

.actions-list[b-j16pdd68hk] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.error-content[b-j16pdd68hk] {
    color: var(--mud-palette-error, #FF6B6B);
    font-size: 12px;
    padding: 4px 8px;
    background: rgba(255, 107, 107, 0.1);
    border-radius: 4px;
    margin-bottom: 8px;
}

/* Mobile responsive for badges */
@media (max-width: 599px) {
    .activity-badges-preview[b-j16pdd68hk] {
        gap: 3px;
    }

    .action-badge[b-j16pdd68hk] {
        font-size: 8px;
        padding: 1px 4px;
    }

    .activity-meta[b-j16pdd68hk] {
        flex-wrap: wrap;
        gap: 8px;
        font-size: 10px;
    }
}
/* _content/AIAgent/Components/Dialogs/AutomationHistoryDialog.razor.rz.scp.css */
/*
 * AutomationHistoryDialog - Terminal-Consistent Styling
 * Simplified to match the rest of the terminal UI
 */

/* ==========================================================================
   Dialog Header
   ========================================================================== */
.dialog-header[b-dsbpewf35w] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dialog-title[b-dsbpewf35w] {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.filtered-badge[b-dsbpewf35w] {
    display: inline-flex;
    align-items: center;
    background: rgba(184, 248, 78, 0.15);
    color: #B8F84E;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid rgba(184, 248, 78, 0.2);
}

/* ==========================================================================
   Stats Bar
   ========================================================================== */
.stats-bar[b-dsbpewf35w] {
    display: flex;
    gap: 10px;
    padding: 14px 16px;
    background: #131B1F;
    border-bottom: 1px solid rgba(184, 248, 78, 0.12);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.stats-bar[b-dsbpewf35w]::-webkit-scrollbar {
    display: none;
}

.stat-item[b-dsbpewf35w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    padding: 10px 14px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(184, 248, 78, 0.12);
    border-radius: 6px;
}

.stat-item .stat-value[b-dsbpewf35w] {
    font-size: 20px;
    font-weight: 700;
    color: #E0E0E0;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.stat-item .stat-label[b-dsbpewf35w] {
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    color: #666;
    letter-spacing: 0.05em;
    margin-top: 4px;
}

.stat-item.triggered .stat-value[b-dsbpewf35w] {
    color: #B8F84E;
}

.stat-item.triggered[b-dsbpewf35w] {
    border-color: rgba(184, 248, 78, 0.25);
}

.stat-item.error .stat-value[b-dsbpewf35w] {
    color: #FF6B6B;
}

.stat-item.error[b-dsbpewf35w] {
    border-color: rgba(255, 107, 107, 0.25);
}

.stats-loading[b-dsbpewf35w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 16px;
}

/* ==========================================================================
   Filters Row
   ========================================================================== */
.filters-row[b-dsbpewf35w] {
    display: flex;
    gap: 10px;
    padding: 12px 16px;
    background: #0D1215;
    border-bottom: 1px solid rgba(184, 248, 78, 0.12);
    flex-wrap: wrap;
    align-items: center;
}

.filter-search[b-dsbpewf35w] {
    flex: 1;
    min-width: 160px;
    max-width: 240px;
}

.filter-select[b-dsbpewf35w] {
    min-width: 140px;
}

.refresh-btn[b-dsbpewf35w],
.clear-btn[b-dsbpewf35w] {
    color: rgba(184, 248, 78, 0.6);
}

.refresh-btn:hover[b-dsbpewf35w],
.clear-btn:hover[b-dsbpewf35w] {
    color: #B8F84E;
    background: rgba(184, 248, 78, 0.08);
}

/* ==========================================================================
   Logs List
   ========================================================================== */
.logs-list[b-dsbpewf35w] {
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(184, 248, 78, 0.3) transparent;
}
/* Scrollbar webkit rules live in css/theme/scrollbars.css (.scroll-lime) */

/* ==========================================================================
   Log Entry
   ========================================================================== */
.log-entry[b-dsbpewf35w] {
    border-bottom: 1px solid rgba(184, 248, 78, 0.08);
    border-left: 3px solid transparent;
}

.log-entry:last-child[b-dsbpewf35w] {
    border-bottom: none;
}

.log-entry.triggered[b-dsbpewf35w] {
    border-left-color: #B8F84E;
}

.log-entry.error[b-dsbpewf35w] {
    border-left-color: #FF6B6B;
}

.log-entry.skipped[b-dsbpewf35w] {
    border-left-color: #555;
}

.log-entry.not-met[b-dsbpewf35w] {
    border-left-color: rgba(184, 248, 78, 0.25);
}

/* Log row header */
.log-row-header[b-dsbpewf35w] {
    display: grid;
    grid-template-columns: 28px minmax(85px, 95px) minmax(120px, 1fr) 75px 65px auto;
    gap: 12px;
    padding: 12px 14px 12px 16px;
    align-items: center;
    color: #888;
    font-size: 13px;
    cursor: pointer;
    user-select: none;
}

.log-row-header:hover[b-dsbpewf35w] {
    background-color: rgba(184, 248, 78, 0.03);
}

.log-expand-arrow[b-dsbpewf35w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #B8F84E;
    opacity: 0.5;
}

.log-expand-arrow.expanded[b-dsbpewf35w] {
    opacity: 1;
}

.log-row-header:hover .log-expand-arrow[b-dsbpewf35w] {
    opacity: 0.8;
}

.log-time[b-dsbpewf35w] {
    color: #B8F84E;
    font-weight: 600;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.utc-label[b-dsbpewf35w] {
    color: #666;
    font-weight: 400;
    font-size: 9px;
    margin-left: 3px;
    opacity: 0.7;
}

.log-automation[b-dsbpewf35w] {
    color: #E0E0E0;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.log-status[b-dsbpewf35w] {
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 4px 8px;
    border-radius: 4px;
    text-align: center;
}

.log-entry.triggered .log-status[b-dsbpewf35w] {
    color: #B8F84E;
    background: rgba(184, 248, 78, 0.1);
}

.log-entry.error .log-status[b-dsbpewf35w] {
    color: #FF6B6B;
    background: rgba(255, 107, 107, 0.1);
}

.log-entry.skipped .log-status[b-dsbpewf35w] {
    color: #777;
    background: rgba(100, 100, 100, 0.2);
}

.log-entry.not-met .log-status[b-dsbpewf35w] {
    color: #888;
    background: rgba(136, 136, 136, 0.1);
}

.log-cost[b-dsbpewf35w] {
    color: #666;
    font-size: 11px;
    font-weight: 500;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.log-actions[b-dsbpewf35w] {
    display: flex;
    gap: 2px;
    justify-content: flex-end;
    opacity: 0.6;
}

.log-row-header:hover .log-actions[b-dsbpewf35w] {
    opacity: 1;
}

.log-actions[b-dsbpewf35w]  .mud-icon-button {
    color: #666;
    padding: 6px;
}

.log-actions[b-dsbpewf35w]  .mud-icon-button:hover {
    color: #B8F84E;
    background: rgba(184, 248, 78, 0.1);
}

/* ==========================================================================
   Expanded Content
   ========================================================================== */
.log-expanded-content[b-dsbpewf35w] {
    padding: 0 14px 14px 48px;
    background: rgba(13, 18, 21, 0.5);
}

.expanded-section[b-dsbpewf35w] {
    margin-bottom: 12px;
}

.expanded-section:last-child[b-dsbpewf35w] {
    margin-bottom: 0;
}

.expanded-label[b-dsbpewf35w] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #B8F84E;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.expanded-label[b-dsbpewf35w]::before {
    content: '';
    width: 3px;
    height: 10px;
    background: #B8F84E;
    border-radius: 2px;
    opacity: 0.6;
}

.expanded-text[b-dsbpewf35w] {
    font-size: 12px;
    color: #A2A2A2;
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
    background: rgba(0, 0, 0, 0.25);
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid rgba(184, 248, 78, 0.1);
}

.expanded-text.action[b-dsbpewf35w] {
    color: #B8F84E;
    background: rgba(184, 248, 78, 0.04);
    border-color: rgba(184, 248, 78, 0.15);
}

.expanded-text.error[b-dsbpewf35w] {
    color: #FF6B6B;
    background: rgba(255, 107, 107, 0.06);
    border-color: rgba(255, 107, 107, 0.2);
}

/* ==========================================================================
   Loading State
   ========================================================================== */
.logs-loading[b-dsbpewf35w] {
    padding: 8px 16px;
}

.skeleton-row[b-dsbpewf35w] {
    display: flex;
    gap: 16px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(184, 248, 78, 0.08);
}

/* ==========================================================================
   Empty State
   ========================================================================== */
.empty-state[b-dsbpewf35w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
}

.empty-title[b-dsbpewf35w] {
    font-size: 16px;
    font-weight: 600;
    color: #E0E0E0;
    margin-top: 16px;
}

.empty-subtitle[b-dsbpewf35w] {
    font-size: 13px;
    color: #666;
    margin-top: 6px;
    max-width: 260px;
    line-height: 1.5;
}

/* ==========================================================================
   Pagination
   ========================================================================== */
.pagination-row[b-dsbpewf35w] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 12px 16px;
    border-top: 1px solid rgba(184, 248, 78, 0.12);
    background: rgba(0, 0, 0, 0.1);
}

.pagination-info[b-dsbpewf35w] {
    font-size: 12px;
    color: #666;
    font-variant-numeric: tabular-nums;
}

/* ==========================================================================
   Dialog Actions
   ========================================================================== */
.export-btn[b-dsbpewf35w] {
    color: #B8F84E;
    border-color: rgba(184, 248, 78, 0.25);
    font-weight: 600;
}

.export-btn:hover:not(:disabled)[b-dsbpewf35w] {
    background: rgba(184, 248, 78, 0.08);
    border-color: rgba(184, 248, 78, 0.5);
}

.export-btn:disabled[b-dsbpewf35w] {
    opacity: 0.5;
    cursor: not-allowed;
}

.close-btn[b-dsbpewf35w] {
    color: #888;
}

.close-btn:hover[b-dsbpewf35w] {
    color: #E0E0E0;
}

/* ==========================================================================
   DESKTOP (768px+)
   ========================================================================== */
@media (min-width: 769px) {
    .stats-bar[b-dsbpewf35w] {
        justify-content: center;
    }

    .stat-item[b-dsbpewf35w] {
        min-width: 90px;
    }

    .logs-list[b-dsbpewf35w] {
        max-height: 480px;
    }

    .log-cost[b-dsbpewf35w] {
        opacity: 0.7;
    }

    .log-row-header:hover .log-cost[b-dsbpewf35w] {
        opacity: 1;
    }
}

/* ==========================================================================
   TABLET (600px - 768px)
   ========================================================================== */
@media (max-width: 768px) and (min-width: 600px) {
    .log-row-header[b-dsbpewf35w] {
        grid-template-columns: 28px minmax(80px, 90px) 1fr 70px auto;
        gap: 10px;
    }

    .log-cost[b-dsbpewf35w] {
        display: none;
    }

    .filter-search[b-dsbpewf35w] {
        max-width: 200px;
    }
}

/* ==========================================================================
   MOBILE (< 600px)
   ========================================================================== */
@media (max-width: 599px) {
    .stats-bar[b-dsbpewf35w] {
        padding: 12px 14px;
        gap: 8px;
        scroll-snap-type: x mandatory;
    }

    .stat-item[b-dsbpewf35w] {
        min-width: 70px;
        padding: 8px 10px;
        scroll-snap-align: start;
        flex-shrink: 0;
    }

    .stat-item .stat-value[b-dsbpewf35w] {
        font-size: 16px;
    }

    .stat-item .stat-label[b-dsbpewf35w] {
        font-size: 8px;
    }

    .filters-row[b-dsbpewf35w] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        padding: 10px 14px;
    }

    .filter-search[b-dsbpewf35w],
    .filter-select[b-dsbpewf35w] {
        max-width: none;
        min-width: unset;
        width: 100%;
    }

    .log-row-header[b-dsbpewf35w] {
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto auto;
        gap: 4px 12px;
        padding: 12px 14px;
        min-height: 70px;
    }

    .log-expand-arrow[b-dsbpewf35w] {
        grid-column: 2;
        grid-row: 1 / -1;
        align-self: center;
        width: 32px;
        height: 32px;
    }

    .log-time[b-dsbpewf35w] {
        grid-column: 1;
        font-size: 10px;
    }

    .log-automation[b-dsbpewf35w] {
        grid-column: 1;
        font-size: 13px;
        font-weight: 600;
    }

    .log-status[b-dsbpewf35w] {
        grid-column: 1;
        justify-self: start;
        font-size: 10px;
        padding: 3px 6px;
    }

    .log-cost[b-dsbpewf35w],
    .log-actions[b-dsbpewf35w] {
        display: none;
    }

    .log-expanded-content[b-dsbpewf35w] {
        padding: 10px 14px 14px;
        margin-left: 0;
    }

    .expanded-text[b-dsbpewf35w] {
        font-size: 13px;
        padding: 10px;
    }

    .logs-list[b-dsbpewf35w] {
        max-height: calc(100vh - 380px);
        min-height: 200px;
    }

    .empty-state[b-dsbpewf35w] {
        padding: 36px 20px;
    }

    .empty-title[b-dsbpewf35w] {
        font-size: 15px;
    }

    .empty-subtitle[b-dsbpewf35w] {
        font-size: 12px;
    }

    .pagination-row[b-dsbpewf35w] {
        flex-direction: column;
        gap: 10px;
        padding: 12px 14px;
    }

    .pagination-info[b-dsbpewf35w] {
        font-size: 11px;
    }

    .export-btn[b-dsbpewf35w] {
        width: 100%;
    }
}

/* ==========================================================================
   VERY SMALL SCREENS (< 400px)
   ========================================================================== */
@media (max-width: 399px) {
    .dialog-header[b-dsbpewf35w] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .dialog-title[b-dsbpewf35w] {
        font-size: 15px;
    }

    .filtered-badge[b-dsbpewf35w] {
        font-size: 10px;
    }

    .stat-item[b-dsbpewf35w] {
        min-width: 62px;
        padding: 8px;
    }

    .stat-item .stat-value[b-dsbpewf35w] {
        font-size: 15px;
    }

    .log-automation[b-dsbpewf35w] {
        font-size: 12px;
    }
}

/* ==========================================================================
   ACCESSIBILITY
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
    *[b-dsbpewf35w] {
        transition-duration: 0.01ms !important;
    }
}

@media (prefers-contrast: high) {
    .log-entry[b-dsbpewf35w] {
        border-left-width: 4px;
    }

    .stat-item[b-dsbpewf35w] {
        border-width: 2px;
    }

    .expanded-text[b-dsbpewf35w] {
        border-width: 2px;
    }
}

*:focus-visible[b-dsbpewf35w] {
    outline: 2px solid #B8F84E;
    outline-offset: 2px;
}
/* _content/AIAgent/Components/Dialogs/AutomationLogDetailDialog.razor.rz.scp.css */
/*
 * AutomationLogDetailDialog - Terminal-Consistent Styling
 * Simplified to match the rest of the terminal UI
 */

/* ==========================================================================
   Dialog Header
   ========================================================================== */
.detail-header[b-qy0d68lqrv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.header-left[b-qy0d68lqrv] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.automation-name[b-qy0d68lqrv] {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

.status-badge[b-qy0d68lqrv] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.status-badge.triggered[b-qy0d68lqrv] {
    background: rgba(184, 248, 78, 0.15);
    color: #B8F84E;
    border: 1px solid rgba(184, 248, 78, 0.25);
}

.status-badge.error[b-qy0d68lqrv] {
    background: rgba(255, 107, 107, 0.15);
    color: #FF6B6B;
    border: 1px solid rgba(255, 107, 107, 0.25);
}

.status-badge.skipped[b-qy0d68lqrv] {
    background: rgba(100, 100, 100, 0.2);
    color: #888;
    border: 1px solid rgba(100, 100, 100, 0.3);
}

.status-badge.not-met[b-qy0d68lqrv] {
    background: rgba(136, 136, 136, 0.1);
    color: #888;
    border: 1px solid rgba(136, 136, 136, 0.2);
}

.header-right[b-qy0d68lqrv] {
    display: flex;
    align-items: center;
}

.timestamp[b-qy0d68lqrv] {
    font-size: 12px;
    font-weight: 500;
    color: #666;
    font-variant-numeric: tabular-nums;
    padding: 4px 10px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    border: 1px solid rgba(184, 248, 78, 0.1);
}

/* ==========================================================================
   Dialog Content Container
   ========================================================================== */
.detail-content[b-qy0d68lqrv] {
    max-height: 65vh;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(184, 248, 78, 0.3) transparent;
    padding-right: 4px;
}
/* Scrollbar webkit rules live in css/theme/scrollbars.css (.scroll-lime, 6px thumb) */

/* ==========================================================================
   Summary Section
   ========================================================================== */
.summary-section[b-qy0d68lqrv] {
    margin-bottom: 18px;
}

.summary-grid[b-qy0d68lqrv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 10px;
}

.summary-item[b-qy0d68lqrv] {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(184, 248, 78, 0.12);
    border-radius: 6px;
    padding: 12px;
    display: flex;
    flex-direction: column;
}

.summary-label[b-qy0d68lqrv] {
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    color: #666;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

.summary-value[b-qy0d68lqrv] {
    font-size: 14px;
    color: #E0E0E0;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.summary-value.cost[b-qy0d68lqrv] {
    color: #B8F84E;
}

/* Intelligence level badges */
.summary-value.intelligence[b-qy0d68lqrv] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
}

.summary-value.intelligence.low[b-qy0d68lqrv] {
    color: #888;
    background: rgba(136, 136, 136, 0.15);
}

.summary-value.intelligence.high[b-qy0d68lqrv] {
    color: #B8F84E;
    background: rgba(184, 248, 78, 0.1);
}

.summary-value.intelligence.max[b-qy0d68lqrv] {
    color: #FFD700;
    background: rgba(255, 215, 0, 0.15);
    border: 1px solid rgba(255, 215, 0, 0.2);
}

/* ==========================================================================
   Detail Sections
   ========================================================================== */
.detail-section[b-qy0d68lqrv] {
    margin-bottom: 16px;
}

.detail-section:last-child[b-qy0d68lqrv] {
    margin-bottom: 0;
}

.section-header[b-qy0d68lqrv] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #B8F84E;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.section-header[b-qy0d68lqrv]::before {
    content: '';
    width: 3px;
    height: 12px;
    background: #B8F84E;
    border-radius: 2px;
}

.section-header.error[b-qy0d68lqrv] {
    color: #FF6B6B;
}

.section-header.error[b-qy0d68lqrv]::before {
    background: #FF6B6B;
}

.section-content[b-qy0d68lqrv] {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(184, 248, 78, 0.1);
    border-radius: 6px;
    padding: 12px 14px;
    font-size: 13px;
    color: #A2A2A2;
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}

.section-content.reasoning[b-qy0d68lqrv] {
    max-height: 200px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(184, 248, 78, 0.2) transparent;
}

.section-content.reasoning[b-qy0d68lqrv]::-webkit-scrollbar {
    width: 4px;
}

.section-content.reasoning[b-qy0d68lqrv]::-webkit-scrollbar-thumb {
    background: rgba(184, 248, 78, 0.2);
    border-radius: 2px;
}

.section-content.action[b-qy0d68lqrv] {
    color: #B8F84E;
    background: rgba(184, 248, 78, 0.04);
    border-color: rgba(184, 248, 78, 0.15);
}

.section-content.error[b-qy0d68lqrv] {
    color: #FF6B6B;
    background: rgba(255, 107, 107, 0.04);
    border-color: rgba(255, 107, 107, 0.2);
}

/* Error section wrapper */
.error-section[b-qy0d68lqrv] {
    background: rgba(255, 107, 107, 0.02);
    border: 1px solid rgba(255, 107, 107, 0.1);
    border-radius: 6px;
    padding: 12px;
}

.error-section .section-content[b-qy0d68lqrv] {
    margin-top: 0;
}

/* ==========================================================================
   Tools Section
   ========================================================================== */
.section-content.tools[b-qy0d68lqrv] {
    padding: 10px 12px;
}

.tools-list[b-qy0d68lqrv] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tool-chip[b-qy0d68lqrv] {
    display: inline-flex;
    align-items: center;
    background: rgba(184, 248, 78, 0.1);
    color: #B8F84E;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid rgba(184, 248, 78, 0.2);
}

/* ==========================================================================
   Raw JSON / Trace Toggle
   ========================================================================== */
.raw-toggle[b-qy0d68lqrv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    background: transparent;
    border: 1px solid rgba(184, 248, 78, 0.2);
    color: #B8F84E;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.raw-toggle:hover[b-qy0d68lqrv] {
    background: rgba(184, 248, 78, 0.06);
    border-color: rgba(184, 248, 78, 0.35);
}

.raw-toggle:active[b-qy0d68lqrv] {
    background: rgba(184, 248, 78, 0.1);
}

/* Raw JSON content box */
.raw-json-content[b-qy0d68lqrv] {
    margin-top: 12px;
    background: #000000;
    border: 1px solid rgba(184, 248, 78, 0.12);
    border-radius: 6px;
    padding: 14px;
    max-height: 300px;
    overflow: auto;
}

.raw-json-content pre[b-qy0d68lqrv] {
    margin: 0;
    font-family: 'SF Mono', 'Fira Code', 'Consolas', 'Monaco', monospace;
    font-size: 11px;
    color: #A2A2A2;
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}

.raw-json-content pre[b-qy0d68lqrv]::selection {
    background: rgba(184, 248, 78, 0.3);
}

/* ==========================================================================
   Dialog Actions
   ========================================================================== */
.close-btn[b-qy0d68lqrv] {
    color: #888;
    font-weight: 500;
    padding: 8px 20px;
}

.close-btn:hover[b-qy0d68lqrv] {
    color: #E0E0E0;
    background: rgba(255, 255, 255, 0.05);
}

/* ==========================================================================
   DESKTOP (600px+)
   ========================================================================== */
@media (min-width: 600px) {
    .summary-grid[b-qy0d68lqrv] {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }

    .raw-json-content[b-qy0d68lqrv] {
        max-height: 350px;
    }

    .raw-toggle:focus-visible[b-qy0d68lqrv] {
        outline: 2px solid #B8F84E;
        outline-offset: 2px;
    }
}

/* ==========================================================================
   MOBILE (< 600px)
   ========================================================================== */
@media (max-width: 599px) {
    .detail-header[b-qy0d68lqrv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .header-left[b-qy0d68lqrv] {
        width: 100%;
        justify-content: space-between;
    }

    .header-right[b-qy0d68lqrv] {
        width: 100%;
    }

    .timestamp[b-qy0d68lqrv] {
        width: 100%;
        text-align: center;
    }

    .summary-grid[b-qy0d68lqrv] {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .summary-item[b-qy0d68lqrv] {
        padding: 10px;
    }

    .summary-label[b-qy0d68lqrv] {
        font-size: 8px;
    }

    .summary-value[b-qy0d68lqrv] {
        font-size: 13px;
    }

    .section-content[b-qy0d68lqrv] {
        padding: 10px 12px;
        font-size: 13px;
    }

    .section-content.reasoning[b-qy0d68lqrv] {
        max-height: 160px;
    }

    .tool-chip[b-qy0d68lqrv] {
        padding: 4px 8px;
        font-size: 10px;
    }

    .raw-toggle[b-qy0d68lqrv] {
        padding: 12px 14px;
        min-height: 48px;
    }

    .raw-json-content[b-qy0d68lqrv] {
        max-height: 220px;
        padding: 10px;
    }

    .raw-json-content pre[b-qy0d68lqrv] {
        font-size: 10px;
    }

    .detail-content[b-qy0d68lqrv] {
        max-height: 60vh;
    }
}

/* ==========================================================================
   VERY SMALL SCREENS (< 400px)
   ========================================================================== */
@media (max-width: 399px) {
    .automation-name[b-qy0d68lqrv] {
        font-size: 14px;
    }

    .status-badge[b-qy0d68lqrv] {
        font-size: 10px;
        padding: 3px 8px;
    }

    .summary-item[b-qy0d68lqrv] {
        padding: 8px;
    }

    .summary-value[b-qy0d68lqrv] {
        font-size: 12px;
    }

    .section-header[b-qy0d68lqrv] {
        font-size: 10px;
    }

    .section-content[b-qy0d68lqrv] {
        font-size: 12px;
        padding: 8px 10px;
    }
}

/* ==========================================================================
   ACCESSIBILITY
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
    *[b-qy0d68lqrv] {
        transition-duration: 0.01ms !important;
    }
}

@media (prefers-contrast: high) {
    .summary-item[b-qy0d68lqrv] {
        border-width: 2px;
    }

    .section-content[b-qy0d68lqrv] {
        border-width: 2px;
    }

    .status-badge[b-qy0d68lqrv] {
        border-width: 2px;
    }
}

*:focus-visible[b-qy0d68lqrv] {
    outline: 2px solid #B8F84E;
    outline-offset: 2px;
}

/* ==========================================================================
   PRINT STYLES
   ========================================================================== */
@media print {
    .detail-content[b-qy0d68lqrv] {
        max-height: none;
        overflow: visible;
    }

    .raw-toggle[b-qy0d68lqrv] {
        display: none;
    }

    .raw-json-content[b-qy0d68lqrv] {
        max-height: none;
        border: 1px solid #ccc;
    }

    .section-content[b-qy0d68lqrv] {
        background: #f5f5f5;
        color: #333;
        border-color: #ccc;
    }
}
/* _content/AIAgent/Components/Dialogs/AutomationResetDialog.razor.rz.scp.css */
.reset-dialog-header[b-7qf24sl3su] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.reset-title[b-7qf24sl3su] {
    font-size: 16px;
    font-weight: 600;
    color: #E0E0E0;
}

.reset-info[b-7qf24sl3su] {
    background: #131B1F;
    border: 1px solid rgba(184, 248, 78, 0.12);
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 16px;
}

.info-row[b-7qf24sl3su] {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
}

.info-label[b-7qf24sl3su] {
    color: #666;
    font-size: 12px;
}

.info-value[b-7qf24sl3su] {
    color: #E0E0E0;
    font-size: 12px;
    font-weight: 500;
}

.info-value.asset[b-7qf24sl3su] {
    color: #B8F84E;
    font-weight: 600;
}

.reset-description[b-7qf24sl3su] {
    color: #A2A2A2;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 16px;
}

.reset-options[b-7qf24sl3su] {
    background: #131B1F;
    border: 1px solid rgba(255, 165, 0, 0.2);
    border-radius: 6px;
    padding: 12px;
}

.option-header[b-7qf24sl3su] {
    color: #FFA500;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.option-row[b-7qf24sl3su] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 0;
    border-top: 1px solid rgba(255, 165, 0, 0.1);
}

.option-row:first-of-type[b-7qf24sl3su] {
    border-top: none;
    padding-top: 0;
}

.option-content[b-7qf24sl3su] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.option-text[b-7qf24sl3su] {
    color: #E0E0E0;
    font-size: 13px;
    font-weight: 500;
}

.option-desc[b-7qf24sl3su] {
    color: #666;
    font-size: 11px;
}

.processing-overlay[b-7qf24sl3su] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 20px;
    color: #FFA500;
    font-size: 13px;
}

/* Button styles via CSS isolation */
[b-7qf24sl3su] .cancel-btn {
    color: #A2A2A2 !important;
}

[b-7qf24sl3su] .cancel-btn:hover {
    background-color: rgba(162, 162, 162, 0.08) !important;
}

[b-7qf24sl3su] .confirm-btn {
    background-color: #FFA500 !important;
    color: #0D1215 !important;
    font-weight: 600;
}

[b-7qf24sl3su] .confirm-btn:hover {
    background-color: #e69500 !important;
}
/* _content/AIAgent/Components/Dialogs/CandleReasoningDialog.razor.rz.scp.css */
.dialog-title[b-sp7n3ade7f] {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.candle-time[b-sp7n3ade7f] {
    font-size: 12px;
    color: var(--degen-text-tertiary);
    font-family: var(--degen-font-mono);
}

.reasoning-content[b-sp7n3ade7f] {
    padding: 8px 0;
}

.signal-entry[b-sp7n3ade7f] {
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.signal-entry:last-child[b-sp7n3ade7f] {
    border-bottom: none;
}

.signal-status[b-sp7n3ade7f] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.status-dot[b-sp7n3ade7f] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-dot.met[b-sp7n3ade7f] {
    background: var(--degen-color-primary);
}

.status-dot.not-met[b-sp7n3ade7f] {
    background: var(--degen-text-tertiary);
}

.status-text[b-sp7n3ade7f] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.status-text.met[b-sp7n3ade7f] {
    color: var(--degen-color-primary);
}

.status-text.not-met[b-sp7n3ade7f] {
    color: var(--degen-text-tertiary);
}

.action-text[b-sp7n3ade7f] {
    font-size: 11px;
    color: var(--degen-text-secondary);
}

.action-summary[b-sp7n3ade7f] {
    margin: 6px 0 8px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.action-verb[b-sp7n3ade7f] {
    font-size: 11px;
    font-weight: 600;
    color: var(--degen-text-primary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-family: var(--degen-font-mono);
}

.action-legs[b-sp7n3ade7f] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.action-leg[b-sp7n3ade7f] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-family: var(--degen-font-mono);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--degen-text-primary);
}

.action-leg.side-buy[b-sp7n3ade7f] {
    background: rgba(132, 176, 60, 0.12);
    border-color: rgba(132, 176, 60, 0.35);
}

.action-leg.side-sell[b-sp7n3ade7f] {
    background: rgba(214, 88, 88, 0.12);
    border-color: rgba(214, 88, 88, 0.35);
}

.action-leg.side-flat[b-sp7n3ade7f] {
    background: rgba(136, 136, 136, 0.12);
    border-color: rgba(136, 136, 136, 0.35);
}

.action-leg .leg-side[b-sp7n3ade7f] {
    font-weight: 700;
    letter-spacing: 0.03em;
}

.action-leg.side-buy .leg-side[b-sp7n3ade7f] {
    color: #84B03C;
}

.action-leg.side-sell .leg-side[b-sp7n3ade7f] {
    color: #D65858;
}

.action-leg .leg-price[b-sp7n3ade7f] {
    color: var(--degen-text-secondary);
}

.action-leg .leg-tag[b-sp7n3ade7f] {
    padding: 1px 5px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--degen-text-tertiary);
    font-size: 10px;
    text-transform: lowercase;
}

.action-leg .leg-tag.reduce-only[b-sp7n3ade7f] {
    background: rgba(255, 193, 7, 0.12);
    color: #FFC107;
}

.action-fallback[b-sp7n3ade7f] {
    margin: 4px 0 8px 16px;
    font-size: 11px;
    color: var(--degen-text-secondary);
    font-family: var(--degen-font-mono);
    word-break: break-word;
}

.reasoning-text[b-sp7n3ade7f] {
    font-size: 12px;
    color: var(--degen-text-secondary);
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    padding-left: 16px;
}

[b-sp7n3ade7f] .close-btn {
    color: var(--degen-text-tertiary) !important;
}
/* _content/AIAgent/Components/Dialogs/CompetitionOnboardingDialog.razor.rz.scp.css */
[b-1c5kdi9gtm] .mud-dialog.competition-onboarding-dialog {
    background: var(--degen-bg-secondary);
    border: 1px solid var(--degen-border-default);
}

.dialog-header[b-1c5kdi9gtm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dialog-title[b-1c5kdi9gtm] {
    font-family: var(--degen-font-sans);
    font-size: var(--degen-font-size-xl);
    font-weight: 600;
    color: var(--degen-text-primary);
}

.progress-stepper[b-1c5kdi9gtm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 24px;
    padding: 16px 0;
}

.step-item[b-1c5kdi9gtm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.step-circle[b-1c5kdi9gtm] {
    width: 28px;
    height: 28px;
    border-radius: var(--degen-radius-full);
    border: 2px solid var(--degen-border-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--degen-font-size-sm);
    font-weight: 600;
    color: var(--degen-text-tertiary);
    font-family: var(--degen-font-mono);
    transition: all var(--degen-transition-normal);
}

.step-item.active .step-circle[b-1c5kdi9gtm] {
    border-color: var(--degen-color-primary);
    color: var(--degen-color-primary);
}

.step-item.completed .step-circle[b-1c5kdi9gtm] {
    background: var(--degen-color-primary);
    border-color: var(--degen-color-primary);
    color: var(--degen-bg-primary);
}

.step-label[b-1c5kdi9gtm] {
    font-size: var(--degen-font-size-xs);
    color: var(--degen-text-tertiary);
    font-family: var(--degen-font-sans);
}

.step-item.active .step-label[b-1c5kdi9gtm] {
    color: var(--degen-text-primary);
}

.step-line[b-1c5kdi9gtm] {
    flex: 1;
    min-width: 20px;
    height: 2px;
    background: var(--degen-border-muted);
    margin: 0 4px;
    margin-bottom: 18px;
    transition: background var(--degen-transition-normal);
    border-radius: 1px;
}

.step-line.completed[b-1c5kdi9gtm] {
    background: var(--degen-color-primary);
}

.step-content[b-1c5kdi9gtm] {
    padding: 0 8px;
}

.step-content h3[b-1c5kdi9gtm] {
    font-family: var(--degen-font-sans);
    font-size: var(--degen-font-size-lg);
    color: var(--degen-text-primary);
    margin: 0 0 4px;
}

.step-description[b-1c5kdi9gtm] {
    font-size: var(--degen-font-size-base);
    color: var(--degen-text-secondary);
    margin: 0 0 16px;
}

.form-group[b-1c5kdi9gtm] {
    margin-bottom: 12px;
}

.polling-indicator[b-1c5kdi9gtm] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: var(--degen-bg-surface);
    border-radius: var(--degen-radius-md);
    font-size: var(--degen-font-size-base);
    color: var(--degen-text-secondary);
}

.button-row[b-1c5kdi9gtm] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.error-strip[b-1c5kdi9gtm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    margin-bottom: 16px;
    background: rgba(255, 107, 107, 0.1);
    border: 1px solid rgba(255, 107, 107, 0.3);
    border-radius: var(--degen-radius-md);
    font-size: var(--degen-font-size-base);
    color: var(--degen-color-error);
}

.retry-link[b-1c5kdi9gtm] {
    background: transparent;
    border: none;
    color: var(--degen-color-primary);
    cursor: pointer;
    font-size: var(--degen-font-size-base);
    font-family: var(--degen-font-sans);
    text-decoration: underline;
}


/* MudBlazor button overrides */

[b-1c5kdi9gtm] .mud-button-filled.mud-button-filled-primary {
    background-color: var(--degen-color-primary) !important;
    color: var(--degen-bg-primary) !important;
    text-transform: none !important;
    font-family: var(--degen-font-sans) !important;
    font-weight: 600 !important;
    font-size: var(--degen-font-size-base) !important;
}

[b-1c5kdi9gtm] .mud-button-filled.mud-button-filled-primary:hover {
    background-color: var(--degen-color-primary-hover) !important;
    box-shadow: var(--degen-btn-shadow-primary-hover) !important;
}

[b-1c5kdi9gtm] .mud-button-filled.mud-button-filled-primary:disabled {
    opacity: 0.5 !important;
    box-shadow: none !important;
}

[b-1c5kdi9gtm] .mud-button-outlined {
    border-color: rgba(184, 248, 78, 0.3) !important;
    color: var(--degen-color-primary) !important;
    text-transform: none !important;
    font-family: var(--degen-font-sans) !important;
}

[b-1c5kdi9gtm] .mud-button-outlined:hover {
    border-color: rgba(184, 248, 78, 0.6) !important;
    background: var(--degen-color-primary-faint) !important;
}

[b-1c5kdi9gtm] .mud-button-text {
    color: var(--degen-text-tertiary) !important;
    text-transform: none !important;
    font-family: var(--degen-font-sans) !important;
}

[b-1c5kdi9gtm] .mud-button-text:hover {
    color: var(--degen-text-secondary) !important;
    background: var(--degen-hover-overlay-light) !important;
}


/* MudBlazor input overrides */

[b-1c5kdi9gtm] .mud-input.mud-input-outlined {
    background: var(--degen-bg-input) !important;
    border-radius: var(--degen-radius-md) !important;
}

[b-1c5kdi9gtm] .mud-input-slot,
[b-1c5kdi9gtm] .mud-input-root {
    color: var(--degen-text-primary) !important;
    font-family: var(--degen-font-sans) !important;
    font-size: var(--degen-font-size-base) !important;
}

[b-1c5kdi9gtm] .mud-input-label {
    color: var(--degen-text-secondary) !important;
    font-family: var(--degen-font-sans) !important;
}

[b-1c5kdi9gtm] .mud-input-outlined-border {
    border-color: var(--degen-border-muted) !important;
}

[b-1c5kdi9gtm] .mud-input:hover .mud-input-outlined-border {
    border-color: rgba(184, 248, 78, 0.4) !important;
}

[b-1c5kdi9gtm] .mud-input.mud-input-focused .mud-input-outlined-border {
    border-color: var(--degen-color-primary) !important;
    border-width: 2px !important;
}


/* Mobile responsive */

@media (max-width: 599px) {
    .progress-stepper[b-1c5kdi9gtm] {
        padding: 12px 0;
    }

    .step-circle[b-1c5kdi9gtm] {
        width: 24px;
        height: 24px;
        font-size: var(--degen-font-size-xs);
    }

    .step-label[b-1c5kdi9gtm] {
        font-size: 8px;
    }

    .step-line[b-1c5kdi9gtm] {
        min-width: 16px;
        margin-bottom: 14px;
    }
}

.funding-hint[b-1c5kdi9gtm] {
    background: var(--degen-bg-elevated);
    border: 1px solid var(--degen-color-warning);
    border-radius: var(--degen-radius-md);
    padding: 12px 16px;
    margin-bottom: 16px;
}

.funding-hint p[b-1c5kdi9gtm] {
    margin: 0 0 8px 0;
    color: var(--degen-text-primary);
    font-size: var(--degen-font-size-sm);
}

.funding-hint .hint-secondary[b-1c5kdi9gtm] {
    color: var(--degen-text-secondary);
    font-size: var(--degen-font-size-xs);
    margin-bottom: 12px;
}

.wallet-address-row[b-1c5kdi9gtm] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.wallet-address[b-1c5kdi9gtm] {
    font-family: var(--degen-font-mono);
    font-size: var(--degen-font-size-xs);
    color: var(--degen-text-primary);
    background: var(--degen-bg-secondary);
    padding: 6px 10px;
    border-radius: var(--degen-radius-md);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.copy-btn[b-1c5kdi9gtm] {
    background: transparent;
    border: 1px solid var(--degen-color-primary);
    color: var(--degen-color-primary);
    border-radius: var(--degen-radius-md);
    padding: 4px 12px;
    font-size: var(--degen-font-size-xs);
    cursor: pointer;
    white-space: nowrap;
    font-family: var(--degen-font-sans);
}

.copy-btn:hover[b-1c5kdi9gtm] {
    background: var(--degen-color-primary-subtle);
}

.funding-hint .retry-link[b-1c5kdi9gtm] {
    margin-top: 4px;
}
/* _content/AIAgent/Components/Dialogs/DexTransferDialog.razor.rz.scp.css */
[b-djmds8y49f] .dex-transfer-amount-input {
    background: transparent;
    border: none;
    padding: 8px 0;
    color: var(--degen-text-primary);
    font-size: 12px;
    flex: 1;
    outline: none;
    width: 100%;
}
/* _content/AIAgent/Components/Dialogs/OnboardingDialog.razor.rz.scp.css */
/* Onboarding Dialog Styles - Direct scoping like TradingSettingsDialog */


/* Content Container */

.onboarding-content[b-ecljd4kdya] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


/* Progress Stepper */

.progress-stepper[b-ecljd4kdya] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 30px;
    background: rgba(184, 248, 78, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(184, 248, 78, 0.1);
}

.step-item[b-ecljd4kdya] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    position: relative;
    flex-shrink: 0;
}

.step-circle[b-ecljd4kdya] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #0D1215;
    border: 2px solid #565E63;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.2s ease;
}

.step-item.active .step-circle[b-ecljd4kdya] {
    border-color: #B8F84E;
    background: rgba(184, 248, 78, 0.1);
    color: #B8F84E;
}

.step-item.completed .step-circle[b-ecljd4kdya] {
    background: #B8F84E;
    border-color: #B8F84E;
    color: #000;
}

.step-label[b-ecljd4kdya] {
    font-size: 11px;
    color: #666;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
    text-transform: uppercase;
}

.step-item.active .step-label[b-ecljd4kdya] {
    color: #fff;
}

.step-item.completed .step-label[b-ecljd4kdya] {
    color: #B8F84E;
}

.step-line[b-ecljd4kdya] {
    flex: 1;
    max-width: 80px;
    height: 2px;
    background: #565E63;
    margin: 0 12px;
    margin-bottom: 28px;
    transition: all 0.3s ease;
    border-radius: 1px;
}

.step-line.completed[b-ecljd4kdya] {
    background: #B8F84E;
}


/* Step Content */

.step-content[b-ecljd4kdya] {
    flex: 1;
    display: flex;
    flex-direction: column;
}


/* Step 1: Create Account Section - Simplified */


/* Deposit Section */

.deposit-section[b-ecljd4kdya] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bridge-options[b-ecljd4kdya] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.bridge-option[b-ecljd4kdya] {
    padding: 16px;
    background-color: #0D1215;
    border: 1px solid rgba(184, 248, 78, 0.2);
    border-radius: 6px;
    transition: all 0.2s ease;
}

.bridge-option:hover[b-ecljd4kdya] {
    border-color: rgba(184, 248, 78, 0.6);
    box-shadow: 0 2px 8px rgba(184, 248, 78, 0.1);
}

.deposit-info-box[b-ecljd4kdya] {
    padding: 12px 16px;
    background-color: rgba(255, 167, 38, 0.05);
    border-left: 2px solid #FFA726;
    border-radius: 4px;
    margin-top: 12px;
}

.deposit-info-box .mud-typography[b-ecljd4kdya] {
    font-size: 13px !important;
    line-height: 1.5 !important;
}


/* Verification Section */

.verify-section[b-ecljd4kdya] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 0;
    flex: 1;
}

.success-icon[b-ecljd4kdya] {
    margin-bottom: 16px;
    animation: scaleIn-b-ecljd4kdya 0.5s ease;
}

.loading-icon[b-ecljd4kdya] {
    margin-bottom: 16px;
}

@keyframes scaleIn-b-ecljd4kdya {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.balance-display[b-ecljd4kdya] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 20px;
    background-color: rgba(184, 248, 78, 0.03);
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 6px;
    margin-top: 16px;
    width: 100%;
}

.balance-display .mud-typography[b-ecljd4kdya] {
    font-size: 14px !important;
    line-height: 1.4 !important;
}


/* Button Group */

.button-group[b-ecljd4kdya] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: auto;
    padding-top: 24px;
    border-top: 1px solid rgba(102, 102, 102, 0.18);
}

.button-group>.mud-button[b-ecljd4kdya] {
    flex: 1;
}


/* PRIMARY BUTTON STYLING

   The [style*="background-color: #B8F84E"] branch lives globally in
   wwwroot/css/theme/mudblazor-overrides.css. Below we keep only the
   .mud-button-filled-primary alias — it covers MudButtons that use
   Color="Primary" without an inline style, which the global rule's
   attribute-substring selector cannot match.
   Keep these values in sync with the global lime rule if they change. */

.mud-button-filled-primary[b-ecljd4kdya] {
    background-color: #B8F84E !important;
    color: #000000 !important;
    transition: all 0.2s ease;
}

.mud-button-filled-primary:hover[b-ecljd4kdya] {
    background-color: rgba(184, 248, 78, 0.9) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(184, 248, 78, 0.2);
}

.mud-button-filled-primary:disabled[b-ecljd4kdya] {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}


/* Outlined Buttons */

.mud-button-outlined[b-ecljd4kdya] {
    border-color: rgba(184, 248, 78, 0.3) !important;
    color: #B8F84E !important;
    transition: all 0.2s ease !important;
}

.mud-button-outlined:hover[b-ecljd4kdya] {
    border-color: rgba(184, 248, 78, 0.6) !important;
    background: rgba(184, 248, 78, 0.05) !important;
}


/* Text Buttons */

.mud-button-text[b-ecljd4kdya] {
    color: #666 !important;
}

.mud-button-text:hover[b-ecljd4kdya] {
    color: #A2A2A2 !important;
    background: rgba(102, 102, 102, 0.1) !important;
}


/* MudChip Styling */

.mud-chip[b-ecljd4kdya] {
    font-size: 10px !important;
    height: 20px !important;
    padding: 0 8px !important;
}


/* Icon Sizing */

.mud-icon-root[b-ecljd4kdya] {
    font-size: 18px !important;
}


/* Compact Balance Grid - More condensed layout */

.balance-grid-compact[b-ecljd4kdya] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 16px 0;
    padding: 16px;
    background: rgba(184, 248, 78, 0.03);
    border: 1px solid rgba(184, 248, 78, 0.1);
    border-radius: 8px;
}

.balance-row[b-ecljd4kdya] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(102, 102, 102, 0.1);
}

.balance-row:last-child[b-ecljd4kdya] {
    border-bottom: none;
}

.balance-info[b-ecljd4kdya] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 120px;
}

.balance-info .mud-typography-body2[b-ecljd4kdya] {
    color: #666;
}

.balance-info .mud-typography-body1[b-ecljd4kdya] {
    color: #B8F84E;
    font-weight: 600;
}


/* Responsive Design */

@media (max-width: 600px) {
    .progress-stepper[b-ecljd4kdya] {
        padding: 0 10px;
    }
    .step-circle[b-ecljd4kdya] {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
    .step-label[b-ecljd4kdya] {
        font-size: 10px;
    }
    .bridge-options[b-ecljd4kdya] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .balance-row[b-ecljd4kdya] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .button-group[b-ecljd4kdya] {
        flex-direction: column-reverse;
    }
    .button-group>.mud-button[b-ecljd4kdya] {
        width: 100%;
    }
}
/* _content/AIAgent/Components/Dialogs/PnlCardDialog.razor.rz.scp.css */
.share-dialog-title[b-7vfja9tpb2] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--degen-text-primary);
}

.share-dialog-content[b-7vfja9tpb2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.share-link-section[b-7vfja9tpb2] {
    background: var(--degen-color-primary-faint);
    border: 1px solid var(--degen-color-primary-muted);
    border-radius: 4px;
    padding: 10px;
}

.share-link-label[b-7vfja9tpb2] {
    font-family: 'Source Code Pro', monospace;
    font-size: 10px;
    font-weight: 600;
    color: var(--degen-color-primary);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px;
}

.share-link-row[b-7vfja9tpb2] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.share-link-input[b-7vfja9tpb2] {
    flex: 1;
    background: rgba(8, 8, 9, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    padding: 8px 10px;
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    color: var(--degen-text-primary);
    outline: none;
}

.share-dialog-note[b-7vfja9tpb2] {
    font-size: 12px;
    color: var(--degen-text-tertiary);
    line-height: 1.4;
}

/* ===== Dollar-PnL privacy toggle (same switch language as the venue toggles) ===== */
.share-privacy-row[b-7vfja9tpb2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.pnl-toggle[b-7vfja9tpb2] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    font-family: var(--degen-font-sans);
}

.pnl-toggle-track[b-7vfja9tpb2] {
    position: relative;
    flex-shrink: 0;
    width: 34px;
    height: 18px;
    border-radius: 9px;
    background-color: var(--degen-bg-input-hover);
    border: 1px solid var(--degen-border-subtle);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.pnl-toggle-thumb[b-7vfja9tpb2] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--degen-text-tertiary);
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.pnl-toggle.on .pnl-toggle-track[b-7vfja9tpb2] {
    background-color: var(--degen-color-primary-muted);
    border-color: var(--degen-color-primary);
}

.pnl-toggle.on .pnl-toggle-thumb[b-7vfja9tpb2] {
    transform: translateX(16px);
    background-color: var(--degen-color-primary);
}

.pnl-toggle-label[b-7vfja9tpb2] {
    color: var(--degen-text-primary);
    font-size: 13px;
    font-weight: 500;
}

.share-privacy-hint[b-7vfja9tpb2] {
    color: var(--degen-text-tertiary);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

/* ===== Preview (16:9 to match the 1200x675 PnL card) ===== */
.share-preview-section[b-7vfja9tpb2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.share-preview-wrapper[b-7vfja9tpb2] {
    position: relative;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    background: rgba(8, 8, 9, 0.8);
    border: 1px solid var(--degen-color-primary-muted);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share-preview-img[b-7vfja9tpb2] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.share-preview-loading[b-7vfja9tpb2] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8, 8, 9, 0.5);
    z-index: 1;
    pointer-events: none;
}

.share-preview-actions[b-7vfja9tpb2] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* _content/AIAgent/Components/Dialogs/ShareAutomationDialog.razor.rz.scp.css */
.share-dialog-title[b-slsslrplrn] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--degen-text-primary);
}

.share-dialog-content[b-slsslrplrn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.share-dialog-info[b-slsslrplrn] {
    background: rgba(8, 8, 9, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 4px;
    padding: 10px;
}

.share-dialog-name[b-slsslrplrn] {
    font-weight: 600;
    color: var(--degen-text-primary);
    margin-bottom: 8px;
    font-size: 14px;
}

.share-dialog-asset[b-slsslrplrn] {
    display: inline-block;
    padding: 1px 6px;
    background: rgba(184, 248, 78, 0.15);
    border-radius: 4px;
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
    font-weight: 700;
    color: var(--degen-color-primary);
    margin-right: 6px;
}

.share-dialog-summary[b-slsslrplrn] {
    font-size: 12px;
    color: var(--degen-text-secondary);
    line-height: 1.4;
    margin-top: 3px;
    white-space: pre-line;
    max-height: 84px;
    overflow-y: auto;
}

.share-dialog-label[b-slsslrplrn] {
    color: var(--degen-text-tertiary);
    font-weight: 600;
}

.share-link-section[b-slsslrplrn] {
    background: rgba(184, 248, 78, 0.05);
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 4px;
    padding: 10px;
}

.share-link-label[b-slsslrplrn] {
    font-family: 'Source Code Pro', monospace;
    font-size: 10px;
    font-weight: 600;
    color: var(--degen-color-primary);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px;
}

.share-link-row[b-slsslrplrn] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.share-link-input[b-slsslrplrn] {
    flex: 1;
    background: rgba(8, 8, 9, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    padding: 8px 10px;
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    color: var(--degen-text-primary);
    outline: none;
}

.share-import-count[b-slsslrplrn] {
    font-size: 11px;
    color: var(--degen-text-tertiary);
    margin-top: 8px;
}

.share-dialog-note[b-slsslrplrn] {
    font-size: 12px;
    color: var(--degen-text-tertiary);
    line-height: 1.4;
}

.share-dialog-stats[b-slsslrplrn] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    background: rgba(8, 8, 9, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 4px;
    padding: 12px;
}

.share-stat[b-slsslrplrn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.share-stat-label[b-slsslrplrn] {
    font-size: 10px;
    color: var(--degen-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.share-stat-value[b-slsslrplrn] {
    font-family: 'Source Code Pro', monospace;
    font-size: 14px;
    font-weight: 600;
    color: var(--degen-text-primary);
}

.share-stat-value.positive[b-slsslrplrn] {
    color: var(--degen-color-primary);
}

.share-stat-value.negative[b-slsslrplrn] {
    color: var(--degen-color-sell);
}

.share-dialog-duration[b-slsslrplrn] {
    font-size: 11px;
    color: var(--degen-text-tertiary);
    text-align: center;
    margin-top: -8px;
}

.share-link-loading[b-slsslrplrn] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--degen-text-tertiary);
}

.share-dialog-error[b-slsslrplrn] {
    font-size: 13px;
    color: var(--degen-color-sell);
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-slsslrplrn] .share-retry-link {
    font-size: 13px;
    color: var(--degen-color-primary) !important;
    cursor: pointer;
}

/* ===== Preview ===== */
.share-preview-section[b-slsslrplrn] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.share-preview-wrapper[b-slsslrplrn] {
    position: relative;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    aspect-ratio: 1 / 1;
    background: rgba(8, 8, 9, 0.8);
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share-preview-img[b-slsslrplrn] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.share-preview-loading[b-slsslrplrn] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8, 8, 9, 0.5);
    z-index: 1;
    pointer-events: none;
}

.share-preview-actions[b-slsslrplrn] {
    display: flex;
    justify-content: flex-end;
}

/* ===== Picker ===== */
.share-picker-section[b-slsslrplrn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.share-picker-hint[b-slsslrplrn] {
    font-size: 11px;
    color: var(--degen-text-tertiary);
    line-height: 1.4;
}

.share-picker-loading[b-slsslrplrn] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--degen-text-tertiary);
    padding: 12px;
}

.share-picker-list[b-slsslrplrn] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 190px;
    overflow-y: auto;
    padding-right: 4px;
}

.share-picker-row[b-slsslrplrn] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: rgba(8, 8, 9, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 4px;
    cursor: pointer;
    text-align: left;
    width: 100%;
    color: var(--degen-text-primary);
    transition: background-color 0.12s ease, border-color 0.12s ease;
    font: inherit;
}

.share-picker-row:hover:not(:disabled)[b-slsslrplrn] {
    background: rgba(184, 248, 78, 0.04);
    border-color: rgba(184, 248, 78, 0.2);
}

.share-picker-row.selected[b-slsslrplrn] {
    background: rgba(184, 248, 78, 0.08);
    border-color: rgba(184, 248, 78, 0.35);
}

.share-picker-row:disabled[b-slsslrplrn] {
    opacity: 0.6;
    cursor: default;
}

.share-picker-row-main[b-slsslrplrn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.share-picker-row-title[b-slsslrplrn] {
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    font-weight: 600;
    color: var(--degen-text-primary);
}

.share-picker-row-date[b-slsslrplrn] {
    color: var(--degen-text-tertiary);
    font-weight: 400;
    margin-left: 4px;
}

.share-picker-row-sub[b-slsslrplrn] {
    font-size: 11px;
    color: var(--degen-text-secondary);
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.share-picker-row-sub .positive[b-slsslrplrn] {
    color: var(--degen-color-primary);
    font-weight: 600;
}

.share-picker-row-sub .negative[b-slsslrplrn] {
    color: var(--degen-color-sell);
    font-weight: 600;
}

.share-picker-dot[b-slsslrplrn] {
    color: var(--degen-text-tertiary);
}

.share-picker-grade[b-slsslrplrn] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Source Code Pro', monospace;
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.04);
    color: var(--degen-text-secondary);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.share-picker-grade.grade-s[b-slsslrplrn] {
    background: rgba(184, 248, 78, 0.18);
    color: var(--degen-color-primary);
    border-color: rgba(184, 248, 78, 0.4);
}

.share-picker-grade.grade-a[b-slsslrplrn] {
    background: rgba(184, 248, 78, 0.12);
    color: var(--degen-color-primary);
    border-color: rgba(184, 248, 78, 0.3);
}

.share-picker-grade.grade-b[b-slsslrplrn] {
    background: rgba(184, 248, 78, 0.10);
    color: var(--degen-color-primary);
    border-color: rgba(184, 248, 78, 0.28);
}

.share-picker-grade.grade-c[b-slsslrplrn] {
    background: rgba(255, 193, 7, 0.12);
    color: #FFC107;
    border-color: rgba(255, 193, 7, 0.3);
}

.share-picker-grade.grade-d[b-slsslrplrn] {
    background: rgba(255, 152, 0, 0.12);
    color: #FF9800;
    border-color: rgba(255, 152, 0, 0.3);
}

.share-picker-grade.grade-f[b-slsslrplrn] {
    background: rgba(255, 107, 107, 0.1);
    color: var(--degen-color-sell);
    border-color: rgba(255, 107, 107, 0.25);
}

/* grade-none keeps the neutral gray base defined on .share-picker-grade */

.share-picker-empty[b-slsslrplrn] {
    font-size: 12px;
    color: var(--degen-text-tertiary);
    text-align: center;
    padding: 16px;
    background: rgba(8, 8, 9, 0.4);
    border: 1px dashed rgba(255, 255, 255, 0.08);
    border-radius: 4px;
}

/* _content/AIAgent/Components/Dialogs/TerminalDocsDialog.razor.rz.scp.css */
/* TerminalDocsDialog scoped styles
   NOTE: MudBlazor internal overrides (tabs, dialog title) are in
   mudblazor-overrides.css under .mud-dialog.terminal-docs-dialog
   because dialog portal rendering breaks scoped CSS for MudBlazor internals. */

/* --- Numbered Step Flow --- */
.docs-steps[b-n6m6mabvtr] {
    position: relative;
    padding-left: 36px;
    margin: var(--degen-space-sm) 0 var(--degen-space-md);
}

/* Per-step connector line: runs from current circle center to next circle center.
   Circle is 22px at left:-36px → center at -25px horizontal, 15px vertical (4px pad + 11px).
   bottom:-15px reaches exactly 15px into the next step = next circle center. */
.docs-step:not(:last-child)[b-n6m6mabvtr]::before {
    content: '';
    position: absolute;
    left: -25px;
    top: 15px;
    bottom: -15px;
    width: 1px;
    background: var(--degen-border-accent-strong);
}

.docs-step[b-n6m6mabvtr] {
    display: flex;
    align-items: flex-start;
    gap: var(--degen-space-sm);
    padding: 4px 0;
    position: relative;
}

.docs-step-num[b-n6m6mabvtr] {
    position: absolute;
    left: -36px;
    width: 22px;
    height: 22px;
    border-radius: var(--degen-radius-full);
    border: 1px solid rgba(184, 248, 78, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--degen-font-size-sm);
    color: var(--degen-color-primary);
    background: var(--degen-bg-secondary);
    flex-shrink: 0;
    z-index: 1;
}

.docs-step-content[b-n6m6mabvtr] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.docs-step-title[b-n6m6mabvtr] {
    color: var(--degen-text-primary);
    font-size: var(--degen-font-size-base);
    font-weight: 600;
}

.docs-step-desc[b-n6m6mabvtr] {
    color: var(--degen-text-secondary);
    font-size: var(--degen-font-size-sm);
    line-height: 1.35;
}

/* --- Inline Code --- */
.docs-code[b-n6m6mabvtr] {
    font-family: var(--degen-font-mono);
    font-size: var(--degen-font-size-sm);
    background: var(--degen-color-primary-faint);
    color: var(--degen-color-primary);
    padding: 1px 5px;
    border-radius: var(--degen-radius-sm);
    margin: 0 2px;
}

/* --- Utility --- */
.docs-text[b-n6m6mabvtr] {
    color: var(--degen-text-secondary);
    font-size: var(--degen-font-size-sm);
    line-height: 1.45;
    margin: var(--degen-space-xs) 0;
}

.docs-list[b-n6m6mabvtr] {
    color: var(--degen-text-secondary);
    font-size: var(--degen-font-size-sm);
    line-height: 1.5;
    margin: var(--degen-space-xs) 0;
    padding-left: 18px;
}

.docs-list strong[b-n6m6mabvtr] {
    color: var(--degen-text-primary);
}

.docs-section-title[b-n6m6mabvtr] {
    color: var(--degen-text-primary);
    font-size: var(--degen-font-size-base);
    font-weight: 600;
    margin: var(--degen-space-md) 0 var(--degen-space-xs);
}

.docs-intro[b-n6m6mabvtr] {
    color: var(--degen-text-primary);
    font-size: var(--degen-font-size-base);
    line-height: 1.45;
    margin-bottom: var(--degen-space-xs);
}

/* _content/AIAgent/Components/Dialogs/TradingSettingsDialog.razor.rz.scp.css */
/* Core Dialog Layout */

.compact-settings-content[b-ucy6y1qt6r] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.status-list[b-ucy6y1qt6r] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.status-item-row[b-ucy6y1qt6r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}

.status-label[b-ucy6y1qt6r] {
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.status-indicator[b-ucy6y1qt6r] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.status-indicator.enabled .status-dot[b-ucy6y1qt6r] {
    background-color: #B8F84E;
    box-shadow: 0 0 8px rgba(184, 248, 78, 0.3);
}

.status-indicator.disabled .status-dot[b-ucy6y1qt6r] {
    background-color: #666;
}

.status-dot[b-ucy6y1qt6r] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.status-text[b-ucy6y1qt6r] {
    font-size: 12px;
    color: #ccc;
    font-weight: 500;
}

.wallet-input-row[b-ucy6y1qt6r] {
    margin-bottom: 16px;
}

.custom-wallet-input-container[b-ucy6y1qt6r] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.custom-input-label[b-ucy6y1qt6r] {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.actions-row[b-ucy6y1qt6r] {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}

.api-wallet-explanation[b-ucy6y1qt6r] {
    text-align: center;
    margin-top: 6px;
}

.documentation-links a[b-ucy6y1qt6r] {
    transition: all 0.2s ease;
}

.documentation-links a:hover[b-ucy6y1qt6r] {
    color: #AAA !important;
    border-bottom-color: #666 !important;
}


/* Wallet Input Styles */

.wallet-input-wrapper[b-ucy6y1qt6r] {
    position: relative;
    display: flex;
    align-items: center;
}

.custom-wallet-input[b-ucy6y1qt6r] {
    flex: 1;
    padding-right: 40px !important;
    /* Make room for checkmark/spinner */
}

.custom-wallet-input:disabled[b-ucy6y1qt6r] {
    background-color: #1a1a1a !important;
    color: #666666 !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

.wallet-checkmark-btn[b-ucy6y1qt6r] {
    position: absolute;
    right: 8px;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 50%;
    transition: all 0.2s ease;
}


/* Hover behavior - only when not disabled */

.wallet-checkmark-btn:not(.disabled):not(:disabled):hover[b-ucy6y1qt6r] {
    background-color: rgba(214, 88, 88, 0.1);
    transform: scale(1.1);
}


/* Disabled state */

.wallet-checkmark-btn.disabled[b-ucy6y1qt6r],
.wallet-checkmark-btn:disabled[b-ucy6y1qt6r] {
    cursor: not-allowed;
    opacity: 0.5;
}

.wallet-checkmark-btn.disabled:hover[b-ucy6y1qt6r],
.wallet-checkmark-btn:disabled:hover[b-ucy6y1qt6r] {
    background-color: transparent;
    transform: none;
}

.wallet-validation-spinner[b-ucy6y1qt6r] {
    position: absolute;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.connect-btn:disabled[b-ucy6y1qt6r] {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}


/* Lime primary button hover/disabled/spinner/icon rules live globally in
   wwwroot/css/theme/mudblazor-overrides.css ("Lime primary button pattern").
   They must stay global because [style*="background-color: #B8F84E"] cannot be
   scoped via razor.css. Do not re-add them here. */

.api-wallet-field[b-ucy6y1qt6r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 8px 12px;
    background-color: rgba(102, 102, 102, 0.03);
    border-radius: 4px;
    border: 1px solid rgba(102, 102, 102, 0.1);
}

.api-wallet-content[b-ucy6y1qt6r] {
    flex-grow: 1;
}


/* API Wallet disconnect button */

.api-wallet-disconnect-btn[b-ucy6y1qt6r] {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border-radius: 4px;
    color: #D65858;
    transition: all 0.2s ease;
    min-width: 32px;
    min-height: 32px;
}

.api-wallet-disconnect-btn:hover[b-ucy6y1qt6r] {
    background-color: rgba(214, 88, 88, 0.1);
    transform: scale(1.05);
}

.api-wallet-disconnect-btn .mud-icon[b-ucy6y1qt6r] {
    color: #D65858 !important;
}

.api-wallet-content span:first-child[b-ucy6y1qt6r] {
    font-weight: 500;
    color: #fff;
}

.api-wallet-content span:last-child[b-ucy6y1qt6r] {
    font-size: 12px;
    color: #888;
}


/* DEX Select Dropdown Styling (MudSelect) - matches custom-wallet-input style */

.dex-select[b-ucy6y1qt6r] {
    width: 100%;
    margin: 0 !important;
}

[b-ucy6y1qt6r] .dex-select .mud-input-control {
    margin: 0 !important;
    padding: 0 !important;
}

[b-ucy6y1qt6r] .dex-select .mud-input {
    padding: 8px 0 !important;
    margin: 0 !important;
    min-height: unset !important;
    background: transparent !important;
    border: none !important;
}

[b-ucy6y1qt6r] .dex-select .mud-select-input {
    color: #E9E9E9 !important;
    font-family: 'Source Code Pro', monospace !important;
    font-size: 13px !important;
    padding: 0 !important;
    background: transparent !important;
}

[b-ucy6y1qt6r] .dex-select .mud-input-slot {
    padding: 0 !important;
    min-height: unset !important;
    background: transparent !important;
}

[b-ucy6y1qt6r] .dex-select .mud-input-adornment {
    margin: 0 !important;
}

[b-ucy6y1qt6r] .dex-select .mud-icon-root {
    color: #B8F84E !important;
    width: 18px !important;
    height: 18px !important;
}


/* Advanced Settings Container */

.advanced-settings-container[b-ucy6y1qt6r] {
    padding: 12px;
    background-color: rgba(102, 102, 102, 0.03);
    border-radius: 4px;
    border: 1px solid rgba(102, 102, 102, 0.1);
    margin-bottom: 16px;
}
/* _content/AIAgent/Components/Dialogs/TradingViewTestFireDialog.razor.rz.scp.css */
.test-fire-body[b-lrzcz7d79d] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.test-fire-intro[b-lrzcz7d79d] {
    color: var(--degen-text-secondary);
    font-size: 0.85rem;
}

.test-fire-label[b-lrzcz7d79d] {
    font-size: 0.75rem;
    color: var(--degen-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.test-fire-textarea[b-lrzcz7d79d] {
    width: 100%;
    background: var(--degen-bg-secondary);
    color: var(--degen-text-primary);
    border: 1px solid var(--degen-border-muted);
    border-radius: 4px;
    padding: 8px;
    font-family: 'Source Code Pro', monospace;
    font-size: 0.85rem;
}

.test-fire-hint[b-lrzcz7d79d] {
    font-size: 0.75rem;
    color: var(--degen-text-tertiary);
}
/* _content/AIAgent/Components/Layout/MainFooter.razor.rz.scp.css */
.main-footer[b-gmnnevv3yi] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px 30px;
    background-color: #080809;
    border-top: 0.8px solid rgba(102, 102, 102, 0.18);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1000;
}

/* Hide footer on mobile/tablet - bottom nav replaces it */
@media (max-width: 899px) {
    .main-footer[b-gmnnevv3yi] {
        display: none !important;
    }
}


/* Left Section */

.footer-left[b-gmnnevv3yi] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    /* Prevent flex items from overflowing */
}


/* Stats Container */

.stats-container[b-gmnnevv3yi] {
    display: flex;
    gap: 24px;
}

@media (max-width: 600px) {
    .stats-container[b-gmnnevv3yi] {
        flex-direction: column;
        gap: 4px;
    }
    .footer-left[b-gmnnevv3yi] {
        gap: 8px;
    }
}

@media (min-width: 768px) {
    .footer-left[b-gmnnevv3yi] {
        flex-direction: row;
        align-items: center;
        gap: 24px;
    }
}


/* Live Indicator */

.live-indicator[b-gmnnevv3yi] {
    width: 8px;
    height: 8px;
    background-color: #B8F84E;
    border-radius: 50%;
}

[b-gmnnevv3yi] .live-text {
    color: #B8F84E !important;
    font-size: 12px !important;
    font-family: 'Space Grotesk', sans-serif !important;
}


/* Stats Text */

[b-gmnnevv3yi] .stats-label {
    color: #666 !important;
    font-size: 12px !important;
    font-family: 'Space Grotesk', sans-serif !important;
    white-space: nowrap !important;
}

[b-gmnnevv3yi] .stats-value {
    color: #A2A2A2 !important;
    font-size: 12px !important;
    font-family: 'Space Grotesk', sans-serif !important;
    white-space: nowrap !important;
}


/* Social Links */

.footer-right[b-gmnnevv3yi] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}


/* Contact Us Button */

[b-gmnnevv3yi] .contact-us-button {
    min-width: auto !important;
    padding: 0 8px !important;
    background-color: transparent !important;
    border-radius: 4px !important;
    margin-right: 8px;
}

[b-gmnnevv3yi] .contact-us-button:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

[b-gmnnevv3yi] .contact-us-text {
    color: #A2A2A2 !important;
    opacity: 0.6 !important;
    font-size: 12px !important;
    font-family: 'Space Grotesk', sans-serif !important;
    text-transform: lowercase !important;
    text-decoration: none !important;
}

[b-gmnnevv3yi] .social-button {
    min-width: 24px !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    background-color: transparent !important;
    border-radius: 4px !important;
}

[b-gmnnevv3yi] .social-button:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.social-icon-container[b-gmnnevv3yi] {
    width: 24px;
    height: 24px;
    background: #0D1215;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.social-icon[b-gmnnevv3yi] {
    width: 24px;
    height: 24px;
    object-fit: cover;
}


/* Tooltip Styling */

[b-gmnnevv3yi] .mud-tooltip {
    background-color: #0D1215 !important;
    color: #B8F84E !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 12px !important;
    padding: 4px 8px !important;
    border: 0.8px solid rgba(255, 255, 255, 0.1) !important;
}
/* _content/AIAgent/Components/Layout/MainHeader.razor.rz.scp.css */
/* Colors */

:root[b-iv894js168] {
    --color-text: #666;
    --color-text-light: #E9E9E9;
    --color-background: #0a0a0a;
    --color-background-elevated: #0D0D0E;
    --color-background-wallet: #0D1215;
    --color-border: rgba(255, 255, 255, 0.1);
    --color-divider: rgba(102, 102, 102, 0.18);
    --color-hover: rgba(255, 255, 255, 0.05);
}


/* Only the navigation symbols (~/) should use Source Code Pro */

.nav-item span[b-iv894js168] {
    font-family: 'Source Code Pro', monospace !important;
}


/* Header Layout */

.main-header[b-iv894js168] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--header-height);
    padding: 0;
    background-color: #080809;
    z-index: 1200;
    border-bottom: 0.8px solid rgba(102, 102, 102, 0.3);
    backdrop-filter: blur(8px);
}

.header-content[b-iv894js168] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 30px;
    margin: 0;
}


/* Navigation */

.nav-section[b-iv894js168] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.desktop-nav[b-iv894js168] {
    margin-left: 24px;
    display: flex;
    align-items: center;
    gap: 24px;
}

[b-iv894js168] .mud-link {
    text-decoration: none !important;
}

[b-iv894js168] .nav-link {
    color: #666 !important;
    transition: color 0.2s ease !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

[b-iv894js168] .nav-link:hover,
[b-iv894js168] .nav-link.active {
    color: #E9E9E9 !important;
}

[b-iv894js168] .nav-link span {
    font-family: 'Source Code Pro', monospace !important;
    color: inherit !important;
}


/* Logo */

.logo-link[b-iv894js168] {
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    height: 100%;
}

.logo-banner[b-iv894js168] {
    height: 44px;
    width: auto;
    object-fit: contain;
    /* Nudge down to align text baseline with nav items */
    transform: translateY(4px);
}


/* Mobile Menu */

.mobile-menu[b-iv894js168] {
    position: fixed;
    top: 85px;
    left: 30px;
    background-color: #0D0D0E;
    transform: translateY(-100%);
    transition: transform 0.3s ease;
    z-index: 1199;
    border: 1px solid var(--color-border);
    border-top: none;
    visibility: hidden;
    opacity: 0;
    padding: 16px;
    min-width: 200px;
}

.mobile-menu.open[b-iv894js168] {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.mobile-menu .menu-container[b-iv894js168] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #0D0D0E;
}


/* Coming Soon Section */

.coming-soon-nav[b-iv894js168] {
    display: flex;
    flex-direction: column;
    margin-top: -14px;
    position: relative;
}

[b-iv894js168] .coming-soon-label {
    color: #666 !important;
    font-size: 10px !important;
    margin-bottom: 2px !important;
    font-family: 'Space Grotesk', sans-serif !important;
    position: absolute !important;
    top: 4px !important;
    left: 0 !important;
}

[b-iv894js168] .coming-soon-nav .nav-link {
    margin-top: 14px !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}


/* Wallet Section */

.wallet-container[b-iv894js168] {
    display: flex;
    align-items: center;
    height: 100%;
}

.wallet-section[b-iv894js168] {
    position: relative;
    z-index: 1500;
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 15px;
    /* Compensate for avatar overflow */
}


/* Shared header button styling */

.header-btn-base[b-iv894js168] {
    background-color: #0b0d0f;
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 8px;
    height: 36px;
    transition: border-color 0.2s ease;
}

.header-btn-base:hover[b-iv894js168] {
    border-color: rgba(184, 248, 78, 0.3);
}


/* Header Icon Button (Link Mobile Device) */

[b-iv894js168] .header-icon-btn {
    background-color: #0b0d0f !important;
    border: 1px solid rgba(184, 248, 78, 0.15) !important;
    border-radius: 8px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    color: #666 !important;
    transition: border-color 0.2s ease, color 0.2s ease !important;
}

[b-iv894js168] .header-icon-btn:hover {
    border-color: rgba(184, 248, 78, 0.3) !important;
    color: #B8F84E !important;
    background-color: #0b0d0f !important;
}

[b-iv894js168] .header-icon-btn .mud-icon-root {
    font-size: 18px !important;
}


/* DGENAI Balance Display */

.balance-display[b-iv894js168] {
    cursor: pointer;
    position: relative;
    transition: border-color 0.2s ease;
    height: 36px;
    display: flex;
    align-items: center;
    background-color: #0b0d0f;
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 8px;
    padding: 0 12px;
    padding-right: 28px;
    /* Space for avatar overlap */
}

.balance-display:hover[b-iv894js168] {
    border-color: rgba(184, 248, 78, 0.3);
}

[b-iv894js168] .balance-text {
    color: #B8F84E;
    font-family: 'Source Code Pro', monospace !important;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
}


/* Wallet Avatar - Overlaps and covers right border of balance display */

[b-iv894js168] .wallet-avatar {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    background-color: #0b0d0f;
    border: 1px solid rgba(184, 248, 78, 0.15);
    position: absolute;
    right: -15px;
    /* Extend outside container to cover right border */
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50% !important;
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

.balance-display:hover[b-iv894js168]  .wallet-avatar {
    border-color: rgba(184, 248, 78, 0.3);
}


/* Expanded Wallet */

.balance-expanded[b-iv894js168] {
    position: fixed;
    top: 92px;
    right: 30px;
    background: #0b0d0f !important;
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 8px;
    padding: 16px;
    min-width: 440px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.2s ease;
    z-index: 1500;
    pointer-events: none;
}

.balance-expanded.visible[b-iv894js168] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.expanded-content[b-iv894js168] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wallet-info[b-iv894js168] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: -22px;
}

.wallet-address[b-iv894js168] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background-color: transparent;
    border-radius: 4px;
}

[b-iv894js168] .wallet-icon {
    color: #666 !important;
}

[b-iv894js168] .address-text {
    color: #666 !important;
    font-size: 14px !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

.divider[b-iv894js168] {
    height: 1px;
    background-color: rgba(102, 102, 102, 0.18);
    width: 100%;
    margin: 4px 0;
}

.balance-section[b-iv894js168] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.balance-info[b-iv894js168] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-iv894js168] .balance-amount,
[b-iv894js168] .balance-amount-large {
    font-family: 'Source Code Pro', monospace !important;
}

[b-iv894js168] .balance-amount {
    color: #B8F84E !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
}

[b-iv894js168] .balance-amount-large {
    color: #E9E9E9 !important;
    font-size: 30px !important;
    margin-bottom: 4px !important;
    font-weight: 500 !important;
}

[b-iv894js168] .balance-usd {
    color: #666 !important;
    font-size: 14px !important;
    font-family: 'Space Grotesk', sans-serif !important;
}


/* Device Linked Display - similar to balance-display */

.device-display[b-iv894js168] {
    cursor: pointer;
    position: relative;
    transition: border-color 0.2s ease;
    height: 36px;
    display: flex;
    align-items: center;
    background-color: #0b0d0f;
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 8px;
    padding: 0 12px;
    padding-right: 28px;
    /* Space for avatar overlap */
    gap: 8px;
}

.device-display:hover[b-iv894js168] {
    border-color: rgba(184, 248, 78, 0.3);
}

[b-iv894js168] .device-label {
    color: #666;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}

[b-iv894js168] .device-avatar {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    background-color: #0b0d0f;
    border: 1px solid rgba(184, 248, 78, 0.15);
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50% !important;
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

.device-display:hover[b-iv894js168]  .device-avatar {
    border-color: rgba(184, 248, 78, 0.3);
}


/* Device Expanded Panel - similar to balance-expanded */

.device-expanded[b-iv894js168] {
    position: fixed;
    top: 92px;
    right: 30px;
    background: #0b0d0f !important;
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 8px;
    padding: 16px;
    min-width: 320px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.2s ease;
    z-index: 1500;
    pointer-events: none;
}

.device-expanded.visible[b-iv894js168] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.device-info-section[b-iv894js168] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-iv894js168] .device-info-text {
    color: #E9E9E9 !important;
    font-size: 14px !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

[b-iv894js168] .device-info-subtext {
    color: #666 !important;
    font-size: 12px !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

[b-iv894js168] .unlink-button {
    color: #ff6b6b !important;
}

[b-iv894js168] .unlink-button:hover {
    color: #ff4757 !important;
}


/* Buttons */

[b-iv894js168] .connect-wallet-button {
    color: #B8F84E !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    height: 40px !important;
    font-size: 14px !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 500 !important;
    padding: 0 16px !important;
}

[b-iv894js168] .buy-dgenai-button,
[b-iv894js168] .button-code {
    color: #B8F84E !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

[b-iv894js168] .buy-dgenai-button .mud-button-label,
[b-iv894js168] .button-code .mud-button-label {
    color: #B8F84E !important;
    font-size: 12px !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 500 !important;
}

[b-iv894js168] .disconnect-button {
    color: #666 !important;
    text-transform: none !important;
    font-size: 12px !important;
    padding: 0 !important;
    min-width: 0 !important;
    font-family: 'Space Grotesk', sans-serif !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.external-link-icon[b-iv894js168] {
    margin-left: 4px;
}

[b-iv894js168] .external-link-icon path {
    fill: currentColor;
}

/* In-flow sibling of the fixed .main-header; must match its height exactly or
   page content slides under the header. Always track --header-height. */
.header-spacer[b-iv894js168] {
    height: var(--header-height);
}


/* Mobile/Tablet styles */

@media (max-width: 899px) {
    /* Slightly smaller logo on tablet */
    .logo-banner[b-iv894js168] {
        height: 38px;
    }
    /* Hide the DGENAI balance text on tablet, show only avatar */
     [b-iv894js168] .balance-text {
        display: none !important;
    }
    .balance-display[b-iv894js168] {
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        width: auto;
        min-width: auto;
    }
     [b-iv894js168] .wallet-avatar {
        position: relative !important;
        right: auto !important;
        transform: none !important;
        top: auto !important;
    }
    /* Device display - hide label on tablet, show only avatar */
     [b-iv894js168] .device-label {
        display: none !important;
    }
    .device-display[b-iv894js168] {
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        width: auto;
        min-width: auto;
    }
     [b-iv894js168] .device-avatar {
        position: relative !important;
        right: auto !important;
        transform: none !important;
        top: auto !important;
    }
    /* Also hide BUY $DGENAI button when not connected on mobile */
     [b-iv894js168] .button-code {
        display: none !important;
    }
    /* Reduce header padding on mobile */
    .header-content[b-iv894js168] {
        padding: 0 16px !important;
    }
}

@media (max-width: 600px) {
    /* Compact logo on phone */
    .logo-banner[b-iv894js168] {
        height: 32px;
    }
    .balance-expanded[b-iv894js168] {
        top: 85px;
        right: 16px;
        left: 16px;
        min-width: unset;
        width: auto;
        padding: 12px;
    }
    /* Device expanded panel on phone */
    .device-expanded[b-iv894js168] {
        top: 85px;
        right: 16px;
        left: 16px;
        min-width: unset;
        width: auto;
        padding: 12px;
    }
     [b-iv894js168] .balance-amount-large {
        font-size: 24px !important;
    }
     [b-iv894js168] .balance-usd,
     [b-iv894js168] .address-text {
        font-size: 12px !important;
    }
    .wallet-info[b-iv894js168] {
        margin-bottom: -16px;
    }
     [b-iv894js168] .connect-wallet-button {
        font-size: 10px !important;
        padding: 0 8px !important;
    }
     [b-iv894js168] .buy-dgenai-button .mud-button-label,
     [b-iv894js168] .button-code .mud-button-label {
        font-size: 10px !important;
    }
    /* Smaller avatar on phone */
     [b-iv894js168] .wallet-avatar {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }
    /* Smaller device avatar on phone */
     [b-iv894js168] .device-avatar {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }
    /* Smaller header buttons on phone */
     [b-iv894js168] .header-icon-btn {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }
    /* Make credits display more compact on phone */
     [b-iv894js168] .credits-display {
        min-width: auto !important;
        padding: 0 8px !important;
        height: 32px !important;
    }
     [b-iv894js168] .credits-balance {
        font-size: 12px !important;
    }
     [b-iv894js168] .credits-icon {
        font-size: 16px !important;
    }
    /* Hide link button on small phones to save space */
     [b-iv894js168] .header-icon-btn {
        display: none !important;
    }
    /* Device info text on phone */
     [b-iv894js168] .device-info-text {
        font-size: 12px !important;
    }
     [b-iv894js168] .device-info-subtext {
        font-size: 10px !important;
    }
}


/* Remove conflicting styles */

[b-iv894js168] .balance-expanded .mud-button-label {
    display: unset !important;
}
/* _content/AIAgent/Components/Pages/AccessRequired.razor.rz.scp.css */
/* Access Gate Container */
.access-gate[b-9r9ad5ap81] {
    position: relative;
    min-height: calc(100vh - 180px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #080809;
    margin: -20px -30px;
}

/* Background */
.gate-background[b-9r9ad5ap81] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #080809 0%, #0d1215 100%);
}

.grid-overlay[b-9r9ad5ap81] {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(184, 248, 78, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(184, 248, 78, 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 40%, transparent 100%);
}

/* Content */
.gate-content[b-9r9ad5ap81] {
    position: relative;
    z-index: 1;
    padding: 24px;
    width: 100%;
    max-width: 520px;
}

/* Card */
.gate-card[b-9r9ad5ap81] {
    background: rgba(13, 18, 21, 0.9);
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 8px;
    padding: 40px 32px;
    text-align: center;
    backdrop-filter: blur(8px);
}

/* Badge */
.gate-badge[b-9r9ad5ap81] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background-color: rgba(184, 248, 78, 0.1);
    border: 1px solid rgba(184, 248, 78, 0.2);
    border-radius: 4px;
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
    font-weight: 600;
    color: #B8F84E;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* Title */
.gate-title[b-9r9ad5ap81] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    margin: 0 0 16px 0;
}

.gate-description[b-9r9ad5ap81] {
    font-family: 'Source Code Pro', monospace;
    font-size: 0.9375rem;
    color: #A2A2A2;
    line-height: 1.7;
    margin: 0 0 28px 0;
}

/* Token Status Card - spacing only, styles in TokenStatusCard.razor.css */
[b-9r9ad5ap81] .token-status {
    margin-bottom: 28px;
}

/* Feature Grid */
.feature-grid[b-9r9ad5ap81] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 28px;
}

.feature-card[b-9r9ad5ap81] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 12px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    transition: all 0.2s ease;
}

.feature-card:hover[b-9r9ad5ap81] {
    background-color: rgba(184, 248, 78, 0.05);
    border-color: rgba(184, 248, 78, 0.2);
}

.feature-card span[b-9r9ad5ap81] {
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    color: #666;
    transition: color 0.2s ease;
}

.feature-card:hover span[b-9r9ad5ap81] {
    color: #B8F84E;
}

/* CTA Buttons */
.cta-buttons[b-9r9ad5ap81] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

[b-9r9ad5ap81] .cta-primary {
    background-color: #B8F84E !important;
    color: #080809 !important;
    font-family: 'Source Code Pro', monospace !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 14px 40px !important;
    border-radius: 4px !important;
    text-transform: none !important;
    width: 100%;
}

[b-9r9ad5ap81] .cta-primary:hover {
    background-color: #a0d943 !important;
}

[b-9r9ad5ap81] .cta-primary .mud-icon-root {
    font-size: 16px !important;
    color: #080809 !important;
}

[b-9r9ad5ap81] .cta-secondary {
    border-color: rgba(184, 248, 78, 0.4) !important;
    color: #B8F84E !important;
    font-family: 'Source Code Pro', monospace !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 32px !important;
    border-radius: 4px !important;
    text-transform: none !important;
    width: 100%;
}

[b-9r9ad5ap81] .cta-secondary:hover {
    background-color: rgba(184, 248, 78, 0.1) !important;
}

/* Note */
.gate-note[b-9r9ad5ap81] {
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    color: #565E63;
    margin: 0;
}

.gate-note a[b-9r9ad5ap81] {
    color: #B8F84E;
    text-decoration: none;
}

.gate-note a:hover[b-9r9ad5ap81] {
    text-decoration: underline;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .gate-content[b-9r9ad5ap81] {
        padding: 16px;
    }

    .gate-card[b-9r9ad5ap81] {
        padding: 32px 20px;
    }

    .gate-title[b-9r9ad5ap81] {
        font-size: 1.5rem;
    }

    .gate-description[b-9r9ad5ap81] {
        font-size: 0.875rem;
    }

    .feature-grid[b-9r9ad5ap81] {
        grid-template-columns: 1fr;
    }
}
/* _content/AIAgent/Components/Pages/ACPSetup.razor.rz.scp.css */
/* ACP Setup Page Styles - Component Scoped */


/* Updated to match Figma design specifications */


/* Main Layout */

.acp-setup-page[b-3tetzjig47] {
    min-height: 100vh;
    background-image: url('/setup-background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #0D1215;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.acp-logo[b-3tetzjig47] {
    position: fixed;
    left: 24px;
    top: 24px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    z-index: 10;
}

.acp-setup-container[b-3tetzjig47] {
    width: 100%;
    max-width: 550px;
    margin: auto;
}

.acp-setup-card[b-3tetzjig47] {
    background-color: #131B1F;
    border-radius: 4px;
    padding: 40px 24px;
    position: relative;
}


/* Close Button (Top Right X) */

.acp-close-button[b-3tetzjig47] {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0;
}

.acp-close-button[b-3tetzjig47]::before,
.acp-close-button[b-3tetzjig47]::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 2px;
    background: #D9D9D9;
    left: 50%;
    top: 50%;
    transform-origin: center;
}

.acp-close-button[b-3tetzjig47]::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.acp-close-button[b-3tetzjig47]::after {
    transform: translate(-50%, -50%) rotate(45deg);
}


/* State Containers */

.acp-state-container[b-3tetzjig47] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
}

.acp-setup-flow[b-3tetzjig47] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


/* Icons */

.acp-icon[b-3tetzjig47] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    font-weight: bold;
}

.acp-icon-success[b-3tetzjig47] {
    background-color: rgba(184, 248, 78, 0.1);
    color: #B8F84E;
}

.acp-icon-error[b-3tetzjig47] {
    background-color: rgba(255, 107, 107, 0.1);
    color: #FF6B6B;
}


/* Spinners */

.acp-spinner[b-3tetzjig47] {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(184, 248, 78, 0.2);
    border-top-color: #B8F84E;
    border-radius: 50%;
    animation: acp-spin-b-3tetzjig47 1s linear infinite;
}

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


/* Typography - Figma Specifications */

h2[b-3tetzjig47] {
    margin: 0;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -0.03em;
    color: #E9E9E9;
}

p[b-3tetzjig47] {
    margin: 0;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #A2A2A2;
}

.acp-description[b-3tetzjig47] {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #A2A2A2;
}

.acp-secondary-text[b-3tetzjig47] {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #A2A2A2;
}

.acp-footer-text[b-3tetzjig47] {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1125px;
    color: #565E63;
}


/* Info Boxes - Figma Colors */

.acp-info-box[b-3tetzjig47] {
    background-color: #0D1215;
    border: 1px solid #2C373D;
    border-radius: 4px;
    padding: 16px;
    text-align: left;
}

.acp-info-box strong[b-3tetzjig47] {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1125px;
    color: #FFFFFF;
    display: block;
    margin-bottom: 12px;
}

.acp-info-box ul[b-3tetzjig47] {
    margin: 0;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.acp-info-box li[b-3tetzjig47] {
    margin: 0;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #A2A2A2;
}

.acp-info-box p[b-3tetzjig47] {
    margin: 0;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #A2A2A2;
}

.acp-error-box[b-3tetzjig47] {
    background-color: rgba(194, 67, 67, 0.1);
    border: 1px solid rgba(194, 67, 67, 0.3);
    border-radius: 4px;
    padding: 12px;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 23px;
    letter-spacing: 0.371px;
    color: #C24343;
    text-align: center;
}


/* Balance Display - Figma Colors */

.acp-balance-display[b-3tetzjig47] {
    background-color: #0D1215;
    border: 1px solid #2C373D;
    border-radius: 4px;
    padding: 16px;
    margin-bottom: 16px;
    text-align: left;
}

.acp-balance-label[b-3tetzjig47] {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1125px;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.acp-balance-value[b-3tetzjig47] {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -0.03em;
}

.acp-balance-value.sufficient[b-3tetzjig47] {
    color: #B8F84E;
}

.acp-balance-value.insufficient[b-3tetzjig47] {
    color: #FFA726;
}

.acp-balance-warning[b-3tetzjig47] {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #FFA726;
    margin-top: 8px;
}


/* Separator Line */

.acp-deposit-section-container[b-3tetzjig47] {
    border-top: 1px solid #2C373D;
    padding-top: 16px;
    margin-top: 16px;
}


/* Deposit Header - Manage Funds */

.acp-deposit-header[b-3tetzjig47] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    background: transparent;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.acp-deposit-header:hover[b-3tetzjig47] {
    opacity: 0.8;
}

.acp-deposit-title[b-3tetzjig47] {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -0.03em;
    color: #B8F84E;
}

.acp-deposit-arrow[b-3tetzjig47] {
    color: #B8F84E;
    font-size: 12px;
    transition: transform 0.2s ease;
}

.acp-deposit-arrow.expanded[b-3tetzjig47] {
    transform: rotate(180deg);
}

.acp-deposit-content[b-3tetzjig47] {
    padding: 16px 0 0;
    background: transparent;
}


/* Deposit Source - Figma Colors */

.acp-deposit-source[b-3tetzjig47] {
    background-color: #131B1F;
    border: 1px solid #2C373D;
    border-radius: 4px;
    padding: 16px;
    margin-bottom: 12px;
}

.acp-deposit-source:first-of-type[b-3tetzjig47] {
    margin-top: 48px;
}

.deposit-source-header[b-3tetzjig47] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.deposit-source-label[b-3tetzjig47] {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1125px;
    color: #FFFFFF;
}

.deposit-available[b-3tetzjig47] {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1125px;
    color: #A2A2A2;
    text-align: right;
}


/* Deposit Input Row */

.deposit-input-row[b-3tetzjig47] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
}

.deposit-amount-container[b-3tetzjig47] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    background-color: #0D1215;
    border: 1px solid #2C373D;
    border-radius: 4px;
    padding: 8px 12px;
    min-height: 56px;
}

.deposit-amount-input[b-3tetzjig47] {
    flex: 1;
    background: transparent;
    border: none;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    outline: none;
    padding-top: 8px;
}

.deposit-amount-input[b-3tetzjig47]::placeholder {
    color: #565E63;
}

.deposit-max-btn[b-3tetzjig47] {
    background-color: #182227;
    border: 1px solid #84B03C;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 23px;
    letter-spacing: 0.371px;
    text-transform: uppercase;
    color: #B8F84E;
    padding: 4px 8px;
    height: 40px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.deposit-max-btn:hover[b-3tetzjig47] {
    background-color: #1f2c32;
}

.deposit-minimum-warning[b-3tetzjig47] {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #FFA726;
    margin-top: 6px;
}


/* Buttons - Figma Specifications */

.acp-button-primary[b-3tetzjig47] {
    width: 100%;
    padding: 4px 8px;
    height: 40px;
    background-color: #B8F84E;
    color: #000000;
    border: none;
    border-radius: 4px;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 23px;
    letter-spacing: 0.371px;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.2s ease;
}

.acp-button-primary:hover:not(:disabled)[b-3tetzjig47] {
    background-color: #A5E640;
}

.acp-button-primary:disabled[b-3tetzjig47] {
    background-color: #565E63;
    opacity: 0.5;
    cursor: not-allowed;
}

.acp-button-spinner[b-3tetzjig47] {
    width: 16px;
    height: 16px;
    border: 2px solid #000000;
    border-top-color: transparent;
    border-radius: 50%;
    animation: acp-spin-b-3tetzjig47 0.8s linear infinite;
}

.acp-button-deposit[b-3tetzjig47] {
    background-color: #B8F84E;
    opacity: 0.5;
    color: #000000;
    border: none;
    border-radius: 4px;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 23px;
    letter-spacing: 0.371px;
    text-transform: uppercase;
    padding: 4px 8px;
    height: 56px;
    min-width: 107px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.acp-button-deposit:hover:not(:disabled)[b-3tetzjig47] {
    opacity: 0.7;
}

.acp-button-deposit:disabled[b-3tetzjig47] {
    background-color: #565E63;
    opacity: 0.5;
    cursor: not-allowed;
}


/* Deposit Status */

.acp-deposit-status[b-3tetzjig47] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 24px;
    text-align: center;
}

.acp-deposit-status.success[b-3tetzjig47] {
    background-color: #0D1215;
    border: 1px solid #2C373D;
    border-radius: 4px;
}

.acp-tx-link[b-3tetzjig47] {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #B8F84E;
    text-decoration: underline;
}

.acp-tx-link:hover[b-3tetzjig47] {
    color: #A5E640;
}


/* Loading Dots Animation */

.loading-dots[b-3tetzjig47] {
    display: inline-block;
    min-width: 20px;
}

.loading-dots[b-3tetzjig47]::after {
    content: '.';
    animation: loading-dots-b-3tetzjig47 1.5s steps(3, end) infinite;
}

@keyframes loading-dots-b-3tetzjig47 {
    0% {
        content: '.';
    }
    33% {
        content: '..';
    }
    66% {
        content: '...';
    }
    100% {
        content: '.';
    }
}


/* Wallet Information Display */

.acp-wallet-info[b-3tetzjig47] {
    background-color: #0D1215;
    border: 1px solid #2C373D;
    border-radius: 4px;
    padding: 16px;
    margin-bottom: 16px;
    text-align: left;
}

.acp-wallet-label[b-3tetzjig47] {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1125px;
    color: #A2A2A2;
    margin-bottom: 8px;
}

.acp-wallet-address[b-3tetzjig47] {
    font-family: 'Courier New', monospace;
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.acp-wallet-status[b-3tetzjig47] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 8px 0;
}

.acp-wallet-status.active[b-3tetzjig47] {
    color: #B8F84E;
}

.acp-wallet-status.inactive[b-3tetzjig47] {
    color: #FFA726;
}

.acp-wallet-status .status-icon[b-3tetzjig47] {
    font-size: 16px;
}


/* Other Wallets Section */

.acp-other-wallets[b-3tetzjig47] {
    background-color: #0D1215;
    border: 1px solid #2C373D;
    border-radius: 4px;
    padding: 16px;
    margin-bottom: 16px;
}

.acp-other-wallets-header[b-3tetzjig47] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.1125px;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.wallet-count[b-3tetzjig47] {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #A2A2A2;
}

.acp-wallets-list[b-3tetzjig47] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.acp-wallet-item[b-3tetzjig47] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background-color: #131B1F;
    border: 1px solid #2C373D;
    border-radius: 4px;
}

.acp-wallet-item.active[b-3tetzjig47] {
    border-color: #B8F84E;
}

.wallet-item-main[b-3tetzjig47] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wallet-item-address[b-3tetzjig47] {
    font-family: 'Courier New', monospace;
    font-size: 13px;
    color: #FFFFFF;
}

.wallet-item-name[b-3tetzjig47] {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #A2A2A2;
}

.wallet-item-date[b-3tetzjig47] {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #565E63;
}

.wallet-item-badge[b-3tetzjig47] {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 4px;
}

.wallet-item-badge.active[b-3tetzjig47] {
    background-color: rgba(184, 248, 78, 0.1);
    color: #B8F84E;
}


/* Secondary Button */

.acp-button-secondary[b-3tetzjig47] {
    background-color: rgba(184, 248, 78, 0.1);
    border: 1px solid rgba(184, 248, 78, 0.3);
    border-radius: 4px;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.371px;
    text-transform: uppercase;
    color: #B8F84E;
    padding: 8px 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.acp-button-secondary:hover:not(:disabled)[b-3tetzjig47] {
    background-color: rgba(184, 248, 78, 0.2);
    border-color: rgba(184, 248, 78, 0.5);
}

.acp-button-secondary:disabled[b-3tetzjig47] {
    background-color: rgba(102, 102, 102, 0.1);
    border-color: rgba(102, 102, 102, 0.3);
    color: #666666;
    cursor: not-allowed;
    opacity: 0.6;
}


/* Responsive Design */

@media (max-width: 600px) {
    .acp-setup-container[b-3tetzjig47] {
        width: 100%;
        max-width: 100%;
    }
    .acp-setup-card[b-3tetzjig47] {
        padding: 24px 16px;
    }
    .deposit-input-row[b-3tetzjig47] {
        flex-direction: column;
        align-items: stretch;
    }
    .acp-button-deposit[b-3tetzjig47] {
        width: 100%;
    }
}
/* _content/AIAgent/Components/Pages/Contact.razor.rz.scp.css */
.contact-container[b-75mb2dld2c] {
    min-height: 100vh;
    background-color: #080809;
    padding: 20px;
}

[b-75mb2dld2c] .mud-paper {
    background-color: #0D1215 !important;
    border: 0.8px solid rgba(102, 102, 102, 0.18) !important;
}

[b-75mb2dld2c] .mud-text {
    color: #A2A2A2 !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

[b-75mb2dld2c] .mud-text-h4 {
    color: #B8F84E !important;
}

[b-75mb2dld2c] .mud-input {
    background-color: #080809 !important;
    border-color: rgba(102, 102, 102, 0.18) !important;
}

[b-75mb2dld2c] .mud-input-label {
    color: #666 !important;
}

[b-75mb2dld2c] .mud-input:focus-within {
    border-color: #B8F84E !important;
}

[b-75mb2dld2c] .mud-button-filled-primary {
    background-color: #B8F84E !important;
    color: #080809 !important;
}

[b-75mb2dld2c] .mud-button-filled-primary:hover {
    background-color: #9EDF3E !important;
}

[b-75mb2dld2c] .mud-button-text {
    color: #A2A2A2 !important;
}

[b-75mb2dld2c] .mud-button-text:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

[b-75mb2dld2c] .validation-errors {
    color: #FF6B6B;
    list-style: none;
    padding-left: 0;
    margin: 0 0 16px 0;
}

[b-75mb2dld2c] .validation-message {
    color: #FF6B6B;
}

/* Honeypot: kept in the DOM and rendered, but moved off-screen so humans never see it.
   Intentionally NOT display:none / visibility:hidden - some bots skip those. */
.hp-field[b-75mb2dld2c] {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/* _content/AIAgent/Components/Pages/ERC8004.razor.rz.scp.css */
.erc8004-container[b-pnp6lto3vy] {
    display: flex;
    background-color: #080809;
    min-height: 100vh;
    color: #fff;
    font-family: 'Space Grotesk', sans-serif;
}

.side-nav[b-pnp6lto3vy] {
    width: 250px;
    position: fixed;
    top: var(--header-height);
    height: calc(100vh - var(--header-height));
    padding: 0.75rem;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #0D0D0E;
    overflow-y: auto;
}

/* Scrollbar webkit rules live in css/theme/scrollbars.css (.scroll-muted) */

/* Mobile styles */
@media (max-width: 768px) {
    /* top/height are deliberately not re-declared here: the base .side-nav rule
       still applies at this breakpoint, so they stay tied to --header-height.
       The header is the same height at every width. */
    .side-nav[b-pnp6lto3vy] {
        position: fixed;
        left: -250px;
        transition: left 0.3s ease;
        z-index: 1100;
    }
    .side-nav.open[b-pnp6lto3vy] {
        left: 0;
    }
    .main-content[b-pnp6lto3vy] {
        margin-left: 0 !important;
        padding: 16px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        /* Belt-and-suspenders: wide tables/code blocks keep their own
           inner overflow-x scroll, so nothing legitimate gets clipped here.
           This stops a stray long token (e.g. a hex address) from making
           the whole page pan horizontally on a phone. */
        overflow-x: hidden;
    }
    .nav-toggle-arrow[b-pnp6lto3vy] {
        position: fixed;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        background-color: #0D0D0E;
        color: #A2A2A2;
        padding: 8px 3px;
        border-radius: 0 2px 2px 0;
        z-index: 1099;
        cursor: pointer;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-left: none;
        transition: left 0.3s ease;
        font-size: 16px;
        width: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .nav-toggle-arrow:hover[b-pnp6lto3vy] {
        color: #FFFFFF;
    }
    .nav-toggle-arrow.open[b-pnp6lto3vy] {
        left: 250px;
    }
}

.main-content[b-pnp6lto3vy] {
    flex: 1;
    padding: 48px 96px;
    overflow-y: auto;
    margin-left: 250px;
}

.page[b-pnp6lto3vy] {
    margin-bottom: 120px;
    scroll-margin-top: 100px;
}

.title[b-pnp6lto3vy] {
    color: #FFFFFF;
    font-size: 28px;
    font-family: 'Space Grotesk', sans-serif;
    margin-bottom: 24px;
}

/* Copy-for-agent callout (top of Quickstart hero) */
.agent-copy-row[b-pnp6lto3vy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 0.875rem 1.125rem;
    border: 1px solid var(--degen-color-primary);
    border-radius: 4px;
    background: var(--degen-bg-surface);
}

.agent-copy-btn[b-pnp6lto3vy] {
    background: var(--degen-color-primary);
    color: var(--degen-bg-primary);
    border: none;
    padding: 0.625rem 1.25rem;
    border-radius: 4px;
    font-family: var(--degen-font-sans);
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: filter 0.15s ease;
}

.agent-copy-btn:hover[b-pnp6lto3vy] {
    filter: brightness(1.1);
}

.agent-copy-btn:active[b-pnp6lto3vy] {
    filter: brightness(0.95);
}

.agent-copy-hint[b-pnp6lto3vy] {
    color: var(--degen-text-secondary);
    font-size: 0.875rem;
    flex: 1;
    min-width: 240px;
}

.agent-copy-hint code[b-pnp6lto3vy] {
    font-family: 'Fira Code', 'Consolas', monospace;
    font-size: 0.85rem;
    color: var(--degen-color-primary);
}

@media (max-width: 600px) {
    .agent-copy-btn[b-pnp6lto3vy] {
        width: 100%;
    }
    .agent-copy-hint[b-pnp6lto3vy] {
        font-size: 0.8rem;
    }
}

.section[b-pnp6lto3vy] {
    margin-bottom: 48px;
    scroll-margin-top: 100px;
}

.header[b-pnp6lto3vy] {
    color: #B8F84E;
    font-size: 16px;
    margin-bottom: 12px;
    margin-top: 24px;
}

.text[b-pnp6lto3vy] {
    color: #A2A2A2;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 16px;
}

.text.highlight[b-pnp6lto3vy] {
    color: #84B03C;
}

.mono[b-pnp6lto3vy] {
    font-family: 'Fira Code', 'Consolas', monospace;
    font-size: 13px;
}

/* Navigation */
[b-pnp6lto3vy] .mud-nav-link {
    color: #A2A2A2;
    font-size: 14px;
    padding: 4px 12px;
    transition: color 0.2s;
}

[b-pnp6lto3vy] .mud-nav-link:hover {
    background-color: transparent;
    color: #FFFFFF;
}

[b-pnp6lto3vy] .mud-nav-link.active {
    background-color: transparent;
    color: #FFFFFF;
}

[b-pnp6lto3vy] .mud-paper {
    background-color: transparent;
    box-shadow: none;
}

/* API Health Banner */
.api-health-banner[b-pnp6lto3vy] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(184, 248, 78, 0.05);
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 6px;
    margin-bottom: 32px;
    font-size: 13px;
}

.health-dot[b-pnp6lto3vy] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.health-dot.healthy[b-pnp6lto3vy] {
    background: #B8F84E;
    box-shadow: 0 0 8px rgba(184, 248, 78, 0.5);
}

.health-dot.degraded[b-pnp6lto3vy] {
    background: #FF6B6B;
    box-shadow: 0 0 8px rgba(255, 107, 107, 0.5);
}

.health-text[b-pnp6lto3vy] {
    color: #A2A2A2;
}

.health-time[b-pnp6lto3vy] {
    color: #666;
    margin-left: auto;
}

/* Quickstart Hero */
.hero-section[b-pnp6lto3vy] {
    margin-bottom: 80px;
}

.quickstart-grid[b-pnp6lto3vy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 24px;
}

@media (max-width: 1000px) {
    .quickstart-grid[b-pnp6lto3vy] {
        grid-template-columns: 1fr;
    }
}

.quickstart-card[b-pnp6lto3vy] {
    background: #0c1014;
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 8px;
    padding: 20px;
}

.quickstart-card.highlight[b-pnp6lto3vy] {
    border-color: #B8F84E;
    background: linear-gradient(135deg, #0c1014 0%, #131B1F 100%);
}

.step-number[b-pnp6lto3vy] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(184, 248, 78, 0.1);
    border: 2px solid #B8F84E;
    color: #B8F84E;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.step-title[b-pnp6lto3vy] {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
}

.step-desc[b-pnp6lto3vy] {
    color: #A2A2A2;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 16px;
}

.cta-btn[b-pnp6lto3vy] {
    border-color: #B8F84E !important;
    color: #B8F84E !important;
    font-size: 12px;
}

/* Code Blocks */
.code-block[b-pnp6lto3vy] {
    position: relative;
    background: #0a0e11;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    padding: 12px 16px;
    padding-right: 80px;
    overflow-x: auto;
}

.code-block.full-width[b-pnp6lto3vy] {
    margin: 16px 0;
}

.code-block pre[b-pnp6lto3vy] {
    margin: 0;
    padding: 0;
}

.code-block code[b-pnp6lto3vy] {
    font-family: 'Fira Code', 'Consolas', monospace;
    font-size: 13px;
    color: #B8F84E;
    white-space: pre;
    line-height: 1.5;
}

.copy-btn[b-pnp6lto3vy] {
    position: absolute;
    right: 8px;
    top: 8px;
    background: rgba(184, 248, 78, 0.1);
    border: 1px solid rgba(184, 248, 78, 0.3);
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 11px;
    color: #B8F84E;
    cursor: pointer;
    transition: all 0.2s;
}

.copy-btn:hover[b-pnp6lto3vy] {
    background: rgba(184, 248, 78, 0.2);
}

/* Benefits Grid */
.benefits-grid[b-pnp6lto3vy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 24px;
}

@media (max-width: 900px) {
    .benefits-grid[b-pnp6lto3vy] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .benefits-grid[b-pnp6lto3vy] {
        grid-template-columns: 1fr;
    }
}

.benefit-card[b-pnp6lto3vy] {
    background: #0c1014;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.benefit-icon[b-pnp6lto3vy] {
    font-size: 20px;
    font-weight: 700;
    color: #B8F84E;
    font-family: 'Space Grotesk', sans-serif;
}

.benefit-title[b-pnp6lto3vy] {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
}

.benefit-desc[b-pnp6lto3vy] {
    color: #666;
    font-size: 13px;
    line-height: 1.4;
}

/* Network Table */
.network-table[b-pnp6lto3vy] {
    margin: 16px 0;
    overflow-x: auto;
}

.network-table table[b-pnp6lto3vy],
.rate-limit-headers table[b-pnp6lto3vy],
.error-codes-table table[b-pnp6lto3vy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.network-table th[b-pnp6lto3vy],
.rate-limit-headers th[b-pnp6lto3vy],
.error-codes-table th[b-pnp6lto3vy] {
    text-align: left;
    padding: 12px 16px;
    background: rgba(184, 248, 78, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #B8F84E;
    font-weight: 500;
}

.network-table td[b-pnp6lto3vy],
.rate-limit-headers td[b-pnp6lto3vy],
.error-codes-table td[b-pnp6lto3vy] {
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #A2A2A2;
}

/* Authorization Steps */
.auth-steps[b-pnp6lto3vy] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 24px 0;
}

.auth-step[b-pnp6lto3vy] {
    display: flex;
    gap: 16px;
}

.auth-step-num[b-pnp6lto3vy] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(184, 248, 78, 0.1);
    border: 2px solid rgba(184, 248, 78, 0.4);
    color: #B8F84E;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.auth-step-content[b-pnp6lto3vy] {
    flex: 1;
}

.auth-step-title[b-pnp6lto3vy] {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 12px;
}

.auth-step-note[b-pnp6lto3vy] {
    margin-top: 12px;
    font-size: 13px;
    color: #666;
}

.auth-step-note code[b-pnp6lto3vy] {
    background: rgba(184, 248, 78, 0.1);
    padding: 2px 6px;
    border-radius: 3px;
    color: #B8F84E;
}

.auth-step-note.important[b-pnp6lto3vy] {
    color: #FFB347;
}

/* Capability Cards */
.capability-cards[b-pnp6lto3vy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 24px 0;
}

@media (max-width: 900px) {
    .capability-cards[b-pnp6lto3vy] {
        grid-template-columns: 1fr;
    }
}

.capability-card[b-pnp6lto3vy] {
    background: #0c1014;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 20px;
}

.capability-card.large[b-pnp6lto3vy] {
    grid-column: 1 / -1;
}

.cap-header[b-pnp6lto3vy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.cap-name[b-pnp6lto3vy] {
    font-family: 'Fira Code', 'Consolas', monospace;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
}

.cap-badge[b-pnp6lto3vy] {
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cap-badge.free[b-pnp6lto3vy] {
    background: rgba(184, 248, 78, 0.15);
    color: #B8F84E;
}

.cap-badge.paid[b-pnp6lto3vy] {
    background: rgba(255, 179, 71, 0.15);
    color: #FFB347;
}

.cap-desc[b-pnp6lto3vy] {
    color: #666;
    font-size: 13px;
    margin-bottom: 16px;
}

/* Response Examples */
.response-example[b-pnp6lto3vy] {
    margin-top: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
}

.response-example summary[b-pnp6lto3vy] {
    padding: 10px 16px;
    cursor: pointer;
    color: #A2A2A2;
    font-size: 13px;
}

.response-example summary:hover[b-pnp6lto3vy] {
    color: #FFFFFF;
}

.response-example pre[b-pnp6lto3vy] {
    background: #0a0e11;
    padding: 16px;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 0 0 6px 6px;
    overflow-x: auto;
}

.response-example code[b-pnp6lto3vy] {
    font-family: 'Fira Code', 'Consolas', monospace;
    font-size: 12px;
    color: #A2A2A2;
}

/* Info Box */
.info-box[b-pnp6lto3vy] {
    background: rgba(184, 248, 78, 0.05);
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 6px;
    padding: 16px;
    margin: 24px 0;
    font-size: 13px;
    color: #A2A2A2;
}

.info-box strong[b-pnp6lto3vy] {
    color: #B8F84E;
}

.info-box code[b-pnp6lto3vy] {
    background: rgba(184, 248, 78, 0.1);
    padding: 2px 6px;
    border-radius: 3px;
    color: #B8F84E;
    font-family: 'Fira Code', 'Consolas', monospace;
    font-size: 12px;
}

.info-box.testnet[b-pnp6lto3vy] {
    border-color: rgba(135, 206, 235, 0.3);
    background: rgba(135, 206, 235, 0.05);
}

.info-box.testnet strong[b-pnp6lto3vy] {
    color: #87CEEB;
}

/* Pricing Box */
.pricing-box[b-pnp6lto3vy] {
    background: rgba(255, 179, 71, 0.05);
    border: 1px solid rgba(255, 179, 71, 0.2);
    border-radius: 8px;
    padding: 20px;
    margin: 16px 0;
}

.pricing-title[b-pnp6lto3vy] {
    color: #FFB347;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.pricing-formula[b-pnp6lto3vy] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 8px;
}

.pricing-formula .base[b-pnp6lto3vy] {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
}

.pricing-formula .plus[b-pnp6lto3vy] {
    color: #666;
    font-size: 18px;
}

.pricing-formula .percent[b-pnp6lto3vy] {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
}

.pricing-formula .of[b-pnp6lto3vy] {
    color: #666;
    font-size: 14px;
}

.pricing-example[b-pnp6lto3vy] {
    color: #666;
    font-size: 13px;
}

/* Code Tabs */
.code-tabs[b-pnp6lto3vy] {
    background: #0c1014;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    overflow: hidden;
}

.tab-buttons[b-pnp6lto3vy] {
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.tab-btn[b-pnp6lto3vy] {
    flex: 1;
    padding: 12px 20px;
    background: transparent;
    border: none;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
}

.tab-btn:hover[b-pnp6lto3vy] {
    color: #A2A2A2;
}

.tab-btn.active[b-pnp6lto3vy] {
    color: #B8F84E;
    background: rgba(184, 248, 78, 0.05);
    border-bottom: 2px solid #B8F84E;
}

.tab-content[b-pnp6lto3vy] {
    padding: 0;
}

.tab-content .code-block[b-pnp6lto3vy] {
    border: none;
    border-radius: 0;
    margin: 0;
}

/* Command List */
.command-list[b-pnp6lto3vy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 16px 0;
}

.command-item[b-pnp6lto3vy] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    background: #0c1014;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
}

.command-item code[b-pnp6lto3vy] {
    font-family: 'Fira Code', 'Consolas', monospace;
    font-size: 13px;
    color: #B8F84E;
    white-space: nowrap;
}

.command-item span[b-pnp6lto3vy] {
    color: #666;
    font-size: 13px;
}

/* Install Options */
.install-options[b-pnp6lto3vy] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    margin: 16px 0;
}

@media (max-width: 768px) {
    .install-options[b-pnp6lto3vy] {
        grid-template-columns: 1fr;
    }
}

.install-option[b-pnp6lto3vy] {
    background: #0c1014;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 20px;
}

.install-title[b-pnp6lto3vy] {
    color: #A2A2A2;
    font-size: 13px;
    margin-bottom: 12px;
}

.download-btn[b-pnp6lto3vy] {
    border-color: #B8F84E !important;
    color: #B8F84E !important;
    width: 100%;
}

/* Identity Card */
.identity-card[b-pnp6lto3vy] {
    background: #0c1014;
    border: 1px solid rgba(184, 248, 78, 0.2);
    border-radius: 8px;
    padding: 24px;
    margin: 24px 0;
}

.identity-row[b-pnp6lto3vy] {
    display: flex;
    justify-content: space-between;
    /* Long unbreakable hex addresses must be allowed to wrap onto their own
       line, otherwise the row overflows narrow (phone) viewports. */
    flex-wrap: wrap;
    gap: 4px 16px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.identity-row:last-child[b-pnp6lto3vy] {
    border-bottom: none;
}

.identity-label[b-pnp6lto3vy] {
    color: #666;
    font-size: 14px;
}

.identity-value[b-pnp6lto3vy] {
    color: #A2A2A2;
    font-size: 14px;
    text-align: right;
    /* Break 42-char hex tokens so they never push past the card edge. */
    word-break: break-all;
    min-width: 0;
}

.identity-value.highlight[b-pnp6lto3vy] {
    color: #B8F84E;
    font-size: 20px;
    font-weight: 600;
}

/* Verification Links */
.verification-links[b-pnp6lto3vy] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px;
}

.verify-btn[b-pnp6lto3vy] {
    border-color: rgba(184, 248, 78, 0.3) !important;
    color: #A2A2A2 !important;
}

.verify-btn:hover[b-pnp6lto3vy] {
    border-color: #B8F84E !important;
    color: #B8F84E !important;
}

/* Resources Grid */
.resources-grid[b-pnp6lto3vy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 24px;
}

@media (max-width: 900px) {
    .resources-grid[b-pnp6lto3vy] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .resources-grid[b-pnp6lto3vy] {
        grid-template-columns: 1fr;
    }
}

.resource-card[b-pnp6lto3vy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    background: #0c1014;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s;
}

.resource-card:hover[b-pnp6lto3vy] {
    border-color: rgba(184, 248, 78, 0.3);
}

.resource-icon[b-pnp6lto3vy] {
    font-size: 14px;
    font-weight: 700;
    color: #B8F84E;
    font-family: 'Space Grotesk', sans-serif;
}

.resource-title[b-pnp6lto3vy] {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
}

.resource-url[b-pnp6lto3vy] {
    color: #666;
    font-size: 12px;
}
/* _content/AIAgent/Components/Pages/Homepage.razor.rz.scp.css */
@@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
@@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600;700&display=swap');

.landing-page[b-5btk6k5yh5] {
    min-height: 100vh;
    background-color: #080809;
    overflow-x: hidden;
}

#features-section[b-5btk6k5yh5] {
    background-color: #080809;
}
/* _content/AIAgent/Components/Pages/Landing.razor.rz.scp.css */

a.effect-underline[b-5a2gr80ice]:after {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 1em;
    width: 100%;
    border-bottom: 2px solid;
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}

a.effect-underline:hover[b-5a2gr80ice]:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* _content/AIAgent/Components/Pages/LandingPage/FeatureSection.razor.rz.scp.css */
.feature-section[b-l8wkjwiuz6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    padding: 80px 60px;
    max-width: 1400px;
    margin: 0 auto;
}

.feature-section.image-right[b-l8wkjwiuz6] {
    direction: rtl;
}

.feature-section.image-right > *[b-l8wkjwiuz6] {
    direction: ltr;
}

.feature-image[b-l8wkjwiuz6] {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background-color: #0d1215;
    border: 1px solid rgba(184, 248, 78, 0.1);
}

.feature-image img[b-l8wkjwiuz6] {
    width: 100%;
    height: auto;
    display: block;
}

.image-placeholder[b-l8wkjwiuz6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 80px 40px;
    color: #565E63;
    font-family: 'Source Code Pro', monospace;
    font-size: 13px;
}

.feature-content[b-l8wkjwiuz6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.feature-tag[b-l8wkjwiuz6] {
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
    font-weight: 600;
    color: #B8F84E;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.feature-title[b-l8wkjwiuz6] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    margin: 0;
    line-height: 1.2;
}

.feature-description[b-l8wkjwiuz6] {
    font-family: 'Source Code Pro', monospace;
    font-size: 1rem;
    color: #A2A2A2;
    line-height: 1.7;
    margin: 0;
}

.feature-bullets[b-l8wkjwiuz6] {
    list-style: none;
    padding: 0;
    margin: 8px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-bullets li[b-l8wkjwiuz6] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-family: 'Source Code Pro', monospace;
    font-size: 14px;
    color: #A2A2A2;
    line-height: 1.5;
}

.bullet-icon[b-l8wkjwiuz6] {
    color: #B8F84E;
    font-weight: 700;
    flex-shrink: 0;
}

@media (max-width: 1024px) {
    .feature-section[b-l8wkjwiuz6] {
        padding: 60px 40px;
        gap: 40px;
    }

    .feature-title[b-l8wkjwiuz6] {
        font-size: 1.75rem;
    }
}

@media (max-width: 768px) {
    .feature-section[b-l8wkjwiuz6] {
        grid-template-columns: 1fr;
        padding: 48px 24px;
        gap: 32px;
    }

    .feature-section.image-right[b-l8wkjwiuz6] {
        direction: ltr;
    }

    .feature-image[b-l8wkjwiuz6] {
        order: -1;
    }

    .feature-title[b-l8wkjwiuz6] {
        font-size: 1.5rem;
    }

    .feature-description[b-l8wkjwiuz6] {
        font-size: 0.9375rem;
    }
}
/* _content/AIAgent/Components/Pages/LandingPage/FloatingTerminal.razor.rz.scp.css */
.floating-terminal[b-31bh3mgh99] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 360px;
    max-height: 340px;
    background: rgba(13, 18, 21, 0.95);
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 4px;
    z-index: 1000;
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

.floating-terminal.collapsed[b-31bh3mgh99] {
    max-height: none;
    height: auto;
}

.terminal-header[b-31bh3mgh99] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(184, 248, 78, 0.1);
    cursor: pointer;
    user-select: none;
}

.floating-terminal.collapsed .terminal-header[b-31bh3mgh99] {
    border-bottom: none;
}

.terminal-header:hover[b-31bh3mgh99] {
    background: rgba(184, 248, 78, 0.05);
}

.live-indicator[b-31bh3mgh99] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
    font-weight: 600;
    color: #B8F84E;
    letter-spacing: 1px;
}

.pulse-dot[b-31bh3mgh99] {
    width: 8px;
    height: 8px;
    background: #B8F84E;
    border-radius: 50%;
    animation: pulse-b-31bh3mgh99 2s infinite;
}

@keyframes pulse-b-31bh3mgh99 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.collapse-icon[b-31bh3mgh99] {
    font-family: 'Source Code Pro', monospace;
    font-size: 16px;
    color: #565E63;
    line-height: 1;
}

.terminal-logs[b-31bh3mgh99] {
    padding: 8px 12px 12px 12px;
    max-height: 280px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Bespoke scrollbar: thinner (4px) than the shared .scroll-lime utility (6px)
   to match this decorative landing-page widget's tighter aesthetic. */
.terminal-logs[b-31bh3mgh99]::-webkit-scrollbar {
    width: 4px;
}

.terminal-logs[b-31bh3mgh99]::-webkit-scrollbar-track {
    background: transparent;
}

.terminal-logs[b-31bh3mgh99]::-webkit-scrollbar-thumb {
    background: rgba(184, 248, 78, 0.2);
    border-radius: 2px;
}

.terminal-logs[b-31bh3mgh99]::-webkit-scrollbar-thumb:hover {
    background: rgba(184, 248, 78, 0.3);
}

.log-entry[b-31bh3mgh99] {
    display: flex;
    gap: 8px;
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
    line-height: 1.4;
    align-items: flex-start;
}

.log-entry.empty[b-31bh3mgh99] {
    color: #565E63;
    justify-content: center;
    padding: 20px 0;
}

.log-timestamp[b-31bh3mgh99] {
    color: #565E63;
    white-space: nowrap;
    flex-shrink: 0;
}

.log-type[b-31bh3mgh99] {
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 45px;
}

.log-type.trade-open[b-31bh3mgh99] {
    color: #B8F84E;
}

.log-type.trade-close[b-31bh3mgh99] {
    color: #ae4949;
}

.log-type.order[b-31bh3mgh99] {
    color: #3B82F6;
}

.log-type.analysis[b-31bh3mgh99] {
    color: #9C27B0;
}

.log-type.automation[b-31bh3mgh99] {
    color: #FF9800;
}

.log-type.acp[b-31bh3mgh99] {
    color: #00BCD4;
}

.log-type.twitter[b-31bh3mgh99] {
    color: #1DA1F2;
}

.log-message[b-31bh3mgh99] {
    color: #A2A2A2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

/* Mobile styles */
@media (max-width: 768px) {
    .floating-terminal[b-31bh3mgh99] {
        bottom: 16px;
        right: 16px;
        left: 16px;
        width: auto;
        max-height: 280px;
    }

    .floating-terminal.collapsed[b-31bh3mgh99] {
        left: auto;
        width: auto;
        min-width: 80px;
    }

    .terminal-logs[b-31bh3mgh99] {
        max-height: 220px;
    }

    .log-entry[b-31bh3mgh99] {
        font-size: 10px;
    }
}
/* _content/AIAgent/Components/Pages/LandingPage/HeroSection.razor.rz.scp.css */
.hero-section[b-l9v3s29ilf] {
    position: relative;
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
    overflow: hidden;
}

.hero-background[b-l9v3s29ilf] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #080809 0%, #0d1215 100%);
}

.grid-overlay[b-l9v3s29ilf] {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(184, 248, 78, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(184, 248, 78, 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 40%, transparent 100%);
}

.hero-content[b-l9v3s29ilf] {
    position: relative;
    z-index: 1;
    max-width: 800px;
    text-align: center;
}

.hero-logo[b-l9v3s29ilf] {
    max-width: 400px;
    height: auto;
    margin-bottom: 16px;
}


/* Hide text title when logo is present */

.hero-logo+.hero-title[b-l9v3s29ilf] {
    display: none;
}

.hero-title[b-l9v3s29ilf] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 3.5rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 24px 0;
    line-height: 1.1;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none !important;
}

.hero-title:focus[b-l9v3s29ilf],
.hero-title:focus-visible[b-l9v3s29ilf],
.hero-title:active[b-l9v3s29ilf],
.hero-title[b-l9v3s29ilf]::selection {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.hero-subtitle[b-l9v3s29ilf] {
    font-family: 'Source Code Pro', monospace;
    font-size: 1.125rem;
    color: #A2A2A2;
    margin: 0 0 40px 0;
    line-height: 1.6;
}

.hero-cta[b-l9v3s29ilf] {
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-bottom: 60px;
}

[b-l9v3s29ilf] .cta-primary {
    background-color: #B8F84E !important;
    color: #080809 !important;
    font-family: 'Source Code Pro', monospace !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 12px 32px !important;
    border-radius: 4px !important;
    text-transform: none !important;
}

[b-l9v3s29ilf] .cta-primary:hover {
    background-color: #a0d943 !important;
}

[b-l9v3s29ilf] .cta-secondary {
    border-color: rgba(184, 248, 78, 0.4) !important;
    color: #B8F84E !important;
    font-family: 'Source Code Pro', monospace !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 32px !important;
    border-radius: 4px !important;
    text-transform: none !important;
}

[b-l9v3s29ilf] .cta-secondary:hover {
    background-color: rgba(184, 248, 78, 0.1) !important;
}

.hero-stats[b-l9v3s29ilf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

.stat-item[b-l9v3s29ilf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.stat-value[b-l9v3s29ilf] {
    font-family: 'Source Code Pro', monospace;
    font-size: 1.25rem;
    font-weight: 600;
    color: #B8F84E;
}

.stat-label[b-l9v3s29ilf] {
    font-family: 'Source Code Pro', monospace;
    font-size: 0.75rem;
    color: #565E63;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-divider[b-l9v3s29ilf] {
    width: 1px;
    height: 40px;
    background: rgba(184, 248, 78, 0.2);
}

@media (max-width: 768px) {
    .hero-section[b-l9v3s29ilf] {
        min-height: 80vh;
        padding: 40px 16px;
    }
    .hero-title[b-l9v3s29ilf] {
        font-size: 2.25rem;
    }
    .hero-subtitle[b-l9v3s29ilf] {
        font-size: 1rem;
    }
    .hero-cta[b-l9v3s29ilf] {
        flex-direction: column;
        align-items: center;
    }
    .hero-stats[b-l9v3s29ilf] {
        flex-direction: column;
        gap: 20px;
    }
    .stat-divider[b-l9v3s29ilf] {
        width: 60px;
        height: 1px;
    }
}
/* _content/AIAgent/Components/Pages/LandingPage/LiveActivityTicker.razor.rz.scp.css */
.activity-ticker-section[b-do70avf5o0] {
    background-color: #080809;
    border-top: 1px solid rgba(184, 248, 78, 0.1);
    border-bottom: 1px solid rgba(184, 248, 78, 0.1);
    padding: 12px 0;
    overflow: hidden;
}

.ticker-label[b-do70avf5o0] {
    display: none;
    align-items: center;
    gap: 6px;
    padding: 0 24px 12px 24px;
    font-family: 'Source Code Pro', monospace;
    font-size: 10px;
    font-weight: 600;
    color: #B8F84E;
    letter-spacing: 1px;
}

.ticker-container[b-do70avf5o0] {
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, black 5%, black 95%, transparent);
}

.ticker-track[b-do70avf5o0] {
    display: flex;
    gap: 48px;
    animation: scroll-b-do70avf5o0 60s linear infinite;
    width: max-content;
}

.ticker-track.paused[b-do70avf5o0] {
    animation-play-state: paused;
}

@keyframes scroll-b-do70avf5o0 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.ticker-item[b-do70avf5o0] {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    flex-shrink: 0;
}

.activity-icon[b-do70avf5o0] {
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    font-weight: 700;
    color: #B8F84E;
}

.ticker-item.automation .activity-icon[b-do70avf5o0] {
    color: #B8F84E;
}

.ticker-item.trade .activity-icon[b-do70avf5o0] {
    color: #4CAF50;
}

.ticker-item.fill .activity-icon[b-do70avf5o0] {
    color: #2196F3;
}

.activity-text[b-do70avf5o0] {
    font-family: 'Source Code Pro', monospace;
    font-size: 13px;
    color: #A2A2A2;
}

.activity-time[b-do70avf5o0] {
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
    color: #565E63;
}

.ticker-item:hover .activity-text[b-do70avf5o0] {
    color: #fff;
}

@media (max-width: 768px) {
    .ticker-track[b-do70avf5o0] {
        animation-duration: 40s;
    }

    .activity-text[b-do70avf5o0] {
        font-size: 12px;
    }
}
/* _content/AIAgent/Components/Pages/LandingPage/Shared/BackdropTerminals.razor.rz.scp.css */
/* Backdrop Terminals Container */
.backdrop-terminals-container[b-6xzum6f8dx] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

/* Extra blur effect for gate pages */
.backdrop-terminals-container.extra-blur .backdrop-terminal[b-6xzum6f8dx] {
    filter: blur(1px);
}

.backdrop-terminals-container.extra-blur .terminal-activity[b-6xzum6f8dx] {
    opacity: 0.2;
}

.backdrop-terminals-container.extra-blur .terminal-status[b-6xzum6f8dx] {
    opacity: 0.15;
}

.backdrop-terminals-container.extra-blur .terminal-stats[b-6xzum6f8dx] {
    opacity: 0.12;
}

/* Backdrop Terminals - subtle atmospheric elements like monitors in the distance */
.backdrop-terminal[b-6xzum6f8dx] {
    position: absolute;
    background: rgba(13, 18, 21, 0.7);
    border: 1px solid rgba(184, 248, 78, 0.06);
    border-radius: 4px;
    overflow: hidden;
    transition: opacity 0.4s ease;
    pointer-events: auto;
}

/* Terminal 1: Activity feed - lower right area, larger, closer */
.terminal-activity[b-6xzum6f8dx] {
    bottom: 15%;
    right: 12%;
    width: 280px;
    opacity: 0.3;
}

.terminal-activity:hover[b-6xzum6f8dx] {
    opacity: 0.5;
}

/* Terminal 2: Status - left side, elevated from corner */
.terminal-status[b-6xzum6f8dx] {
    bottom: 35%;
    left: 8%;
    width: 220px;
    opacity: 0.22;
}

.terminal-status:hover[b-6xzum6f8dx] {
    opacity: 0.42;
}

.terminal-status .terminal-body[b-6xzum6f8dx] {
    padding: 8px 10px;
    gap: 3px;
}

.terminal-status .terminal-line[b-6xzum6f8dx] {
    font-size: 9px;
}

/* Terminal 3: Metrics - upper right area, offset from corner */
.terminal-stats[b-6xzum6f8dx] {
    top: 12%;
    right: 18%;
    width: 180px;
    opacity: 0.18;
}

.terminal-stats:hover[b-6xzum6f8dx] {
    opacity: 0.38;
}

.terminal-stats .terminal-body[b-6xzum6f8dx] {
    padding: 6px 8px;
    gap: 2px;
}

.terminal-stats .terminal-line[b-6xzum6f8dx] {
    font-size: 8px;
}

.terminal-stats .terminal-header-bar[b-6xzum6f8dx] {
    padding: 4px 8px;
}

.terminal-stats .terminal-path[b-6xzum6f8dx] {
    font-size: 8px;
}

/* Terminal Header */
.terminal-header-bar[b-6xzum6f8dx] {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.terminal-path[b-6xzum6f8dx] {
    font-family: 'Source Code Pro', monospace;
    font-size: 10px;
    color: #565E63;
}

/* Terminal Body */
.terminal-body[b-6xzum6f8dx] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.terminal-line[b-6xzum6f8dx] {
    display: flex;
    gap: 8px;
    font-family: 'Source Code Pro', monospace;
    font-size: 10px;
    line-height: 1.4;
}

.terminal-line .prompt[b-6xzum6f8dx] {
    color: #565E63;
    flex-shrink: 0;
}

.terminal-line .log-type[b-6xzum6f8dx] {
    font-weight: 600;
    margin-right: 6px;
    flex-shrink: 0;
}

.terminal-line .log-type.trade-open[b-6xzum6f8dx] {
    color: #B8F84E;
}

.terminal-line .log-type.trade-close[b-6xzum6f8dx] {
    color: #ae4949;
}

.terminal-line .log-type.analysis[b-6xzum6f8dx] {
    color: #9C27B0;
}

.terminal-line .log-type.automation[b-6xzum6f8dx] {
    color: #FF9800;
}

.terminal-line .log-type.acp[b-6xzum6f8dx] {
    color: #00BCD4;
}

.terminal-line .log-text[b-6xzum6f8dx] {
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Blinking cursor */
.terminal-line .cursor[b-6xzum6f8dx] {
    color: #B8F84E;
    animation: blink-b-6xzum6f8dx 1s step-end infinite;
}

@keyframes blink-b-6xzum6f8dx {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

/* Status indicators */
.terminal-line .status-ok[b-6xzum6f8dx] {
    color: #B8F84E;
    font-weight: 600;
    margin-left: auto;
}

.terminal-line .status-value[b-6xzum6f8dx] {
    color: #B8F84E;
    margin-left: auto;
}

/* Hide backdrop terminals on mobile */
@media (max-width: 768px) {
    .backdrop-terminals-container[b-6xzum6f8dx] {
        display: none !important;
        visibility: hidden;
    }
}
/* _content/AIAgent/Components/Pages/LandingPage/Shared/TokenStatusCard.razor.rz.scp.css */
/* Token Status Card */
.token-status[b-kiknjnd0c6] {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(184, 248, 78, 0.1);
    border-radius: 4px;
    padding: 20px 24px;
}

.status-row[b-kiknjnd0c6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}

.status-row:not(:last-child)[b-kiknjnd0c6] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.status-label[b-kiknjnd0c6] {
    font-family: 'Source Code Pro', monospace;
    font-size: 13px;
    color: #666;
}

.status-value[b-kiknjnd0c6] {
    font-family: 'Source Code Pro', monospace;
    font-size: 14px;
    font-weight: 600;
}

.status-value.disconnected[b-kiknjnd0c6] {
    color: #666;
}

.status-value.sufficient[b-kiknjnd0c6] {
    color: #B8F84E;
}

.status-value.insufficient[b-kiknjnd0c6] {
    color: #ae4949;
}

.status-value.required[b-kiknjnd0c6] {
    color: #B8F84E;
}

/* Progress Bar */
.progress-section[b-kiknjnd0c6] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.progress-bar-container[b-kiknjnd0c6] {
    height: 8px;
    background-color: rgba(184, 248, 78, 0.1);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 8px;
}

.progress-bar-fill[b-kiknjnd0c6] {
    height: 100%;
    background: linear-gradient(90deg, #B8F84E 0%, #a0d943 100%);
    border-radius: 4px;
    transition: width 0.5s ease-out;
}

.progress-text[b-kiknjnd0c6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.progress-percent[b-kiknjnd0c6] {
    font-family: 'Source Code Pro', monospace;
    font-size: 13px;
    font-weight: 600;
    color: #B8F84E;
}

.progress-message[b-kiknjnd0c6] {
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    color: #666;
}
/* _content/AIAgent/Components/Pages/LandingPage/TokenGatingCTA.razor.rz.scp.css */
.cta-section[b-4o4mresgqm] {
    background: linear-gradient(180deg, #0d1215 0%, #131B1F 100%);
    padding: 80px 24px;
    border-top: 1px solid rgba(184, 248, 78, 0.1);
}

.cta-container[b-4o4mresgqm] {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.cta-badge[b-4o4mresgqm] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background-color: rgba(184, 248, 78, 0.1);
    border: 1px solid rgba(184, 248, 78, 0.2);
    border-radius: 4px;
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
    font-weight: 600;
    color: #B8F84E;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

.cta-title[b-4o4mresgqm] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 2.25rem;
    font-weight: 600;
    color: #fff;
    margin: 0 0 16px 0;
}

.cta-description[b-4o4mresgqm] {
    font-family: 'Source Code Pro', monospace;
    font-size: 1rem;
    color: #A2A2A2;
    line-height: 1.7;
    margin: 0 0 32px 0;
}

/* Token Status Card - spacing only, styles in TokenStatusCard.razor.css */
[b-4o4mresgqm] .token-status {
    margin-bottom: 32px;
}

.cta-buttons[b-4o4mresgqm] {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 24px;
}

[b-4o4mresgqm] .cta-primary {
    background-color: #B8F84E !important;
    color: #080809 !important;
    font-family: 'Source Code Pro', monospace !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 14px 40px !important;
    border-radius: 4px !important;
    text-transform: none !important;
}

[b-4o4mresgqm] .cta-primary:hover {
    background-color: #a0d943 !important;
}

[b-4o4mresgqm] .cta-primary .mud-icon-root {
    font-size: 16px !important;
    color: #080809 !important;
}

.cta-note[b-4o4mresgqm] {
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    color: #565E63;
    margin: 0;
}

.cta-note a[b-4o4mresgqm] {
    color: #B8F84E;
    text-decoration: none;
}

.cta-note a:hover[b-4o4mresgqm] {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .cta-section[b-4o4mresgqm] {
        padding: 60px 16px;
    }

    .cta-title[b-4o4mresgqm] {
        font-size: 1.75rem;
    }

    .cta-description[b-4o4mresgqm] {
        font-size: 0.9375rem;
    }
}
/* _content/AIAgent/Components/Pages/Litepaper.razor.rz.scp.css */
.litepaper-container[b-9pnszsxncb] {
    display: flex;
    background-color: #080809;
    min-height: 100vh;
    color: #fff;
    font-family: 'Space Grotesk', sans-serif;
}

.side-nav[b-9pnszsxncb] {
    width: 250px;
    position: fixed;
    top: var(--header-height);
    height: calc(100vh - var(--header-height));
    padding: 0.75rem;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #0D0D0E;
    overflow-y: auto;
}


/* Scrollbar webkit rules live in css/theme/scrollbars.css (.scroll-muted) */


/* Mobile styles */

@media (max-width: 768px) {
    /* top/height are deliberately not re-declared here: the base .side-nav rule
       still applies at this breakpoint, so they stay tied to --header-height.
       The header is the same height at every width. */
    .side-nav[b-9pnszsxncb] {
        position: fixed;
        left: -250px;
        transition: left 0.3s ease;
        z-index: 1100;
    }
    .side-nav.open[b-9pnszsxncb] {
        left: 0;
    }
    .main-content[b-9pnszsxncb] {
        margin-left: 0 !important;
        padding: 16px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .text[b-9pnszsxncb] {
        padding-left: 0 !important;
    }
    .examples[b-9pnszsxncb] {
        padding-left: 0 !important;
    }
    /* Navigation arrow indicator */
    .nav-toggle-arrow[b-9pnszsxncb] {
        position: fixed;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        background-color: #0D0D0E;
        color: #A2A2A2;
        padding: 8px 3px;
        border-radius: 0 2px 2px 0;
        z-index: 1099;
        cursor: pointer;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-left: none;
        transition: left 0.3s ease;
        font-size: 16px;
        width: 12px;
        /* Fixed width */
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .nav-toggle-arrow:hover[b-9pnszsxncb] {
        color: #FFFFFF;
    }
    .nav-toggle-arrow.open[b-9pnszsxncb] {
        left: 250px;
    }
}

.main-content[b-9pnszsxncb] {
    flex: 1;
    padding: 48px 96px;
    overflow-y: auto;
    margin-left: 250px;
}

.page[b-9pnszsxncb] {
    margin-bottom: 120px;
    scroll-margin-top: 100px;
}

.title[b-9pnszsxncb] {
    color: #FFFFFF;
    font-size: 28px;
    font-family: 'Space Grotesk', sans-serif;
    margin-bottom: 24px;
}

.ticker[b-9pnszsxncb] {
    color: #FFFFFF;
    font-size: 43px;
    font-family: 'Space Grotesk', sans-serif;
    margin-bottom: 24px;
}

.website[b-9pnszsxncb] {
    color: #FFFFFF;
    font-size: 20px;
    margin-bottom: 48px;
}

.website a[b-9pnszsxncb] {
    color: #B8F84E;
    text-decoration: none;
}

.section[b-9pnszsxncb] {
    margin-bottom: 48px;
    scroll-margin-top: 100px;
}


/* Nested sections in Technology */

#technology .header[b-9pnszsxncb] {
    scroll-margin-top: 100px;
}

#context-assembly[b-9pnszsxncb] {
    scroll-margin-top: 100px;
}


/* Capabilities - Minimal Grid */

.capabilities[b-9pnszsxncb] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    max-width: 720px;
    margin: 32px 0;
    background: rgba(184, 248, 78, 0.08);
    border-radius: 6px;
    overflow: hidden;
}

.cap-row[b-9pnszsxncb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
}

.cap-item[b-9pnszsxncb] {
    background: #090b0d;
    padding: 18px 22px;
    transition: background 0.2s;
}

.cap-item:hover[b-9pnszsxncb] {
    background: #0c0f11;
}

.cap-label[b-9pnszsxncb] {
    display: block;
    color: #B8F84E;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 6px;
}

.cap-value[b-9pnszsxncb] {
    display: block;
    color: #777;
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 600px) {
    .cap-row[b-9pnszsxncb] {
        grid-template-columns: 1fr;
    }
}


/* Problem/Solution Comparison */

.comparison[b-9pnszsxncb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 24px 0 48px 0;
    max-width: 800px;
}

.comparison-row[b-9pnszsxncb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}

.comp-problem[b-9pnszsxncb],
.comp-solution[b-9pnszsxncb] {
    padding: 20px 24px;
    border-radius: 0;
}

.comp-problem[b-9pnszsxncb] {
    background: linear-gradient(135deg, rgba(180, 80, 80, 0.06) 0%, rgba(120, 60, 60, 0.03) 100%);
    border-left: 2px solid rgba(200, 100, 100, 0.3);
}

.comp-solution[b-9pnszsxncb] {
    background: linear-gradient(135deg, rgba(184, 248, 78, 0.04) 0%, rgba(140, 200, 60, 0.02) 100%);
    border-left: 2px solid rgba(184, 248, 78, 0.3);
}

.comp-label[b-9pnszsxncb] {
    display: block;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
}

.comp-problem .comp-label[b-9pnszsxncb] {
    color: rgba(200, 120, 120, 0.7);
}

.comp-solution .comp-label[b-9pnszsxncb] {
    color: rgba(184, 248, 78, 0.6);
}

.comp-title[b-9pnszsxncb] {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}

.comp-desc[b-9pnszsxncb] {
    display: block;
    color: #666;
    font-size: 12px;
    line-height: 1.6;
}


/* First and last row rounded corners */

.comparison-row:first-child .comp-problem[b-9pnszsxncb] {
    border-top-left-radius: 6px;
}

.comparison-row:first-child .comp-solution[b-9pnszsxncb] {
    border-top-right-radius: 6px;
}

.comparison-row:last-child .comp-problem[b-9pnszsxncb] {
    border-bottom-left-radius: 6px;
}

.comparison-row:last-child .comp-solution[b-9pnszsxncb] {
    border-bottom-right-radius: 6px;
}

@media (max-width: 600px) {
    .comparison-row[b-9pnszsxncb] {
        grid-template-columns: 1fr;
    }
    .comparison-row:first-child .comp-solution[b-9pnszsxncb],
    .comparison-row:last-child .comp-problem[b-9pnszsxncb] {
        border-radius: 0;
    }
}


/* Roadmap quarters */

#roadmap .header[b-9pnszsxncb] {
    scroll-margin-top: 100px;
}

.header[b-9pnszsxncb] {
    color: #B8F84E;
    font-size: 16px;
    margin-bottom: 12px;
}

.header[style*="font-size: 24px"][b-9pnszsxncb] {
    margin-top: 32px;
    color: #84B03C;
}

.text[b-9pnszsxncb] {
    color: #A2A2A2;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 24px;
    padding-left: 16px;
}

.text.highlight[b-9pnszsxncb] {
    color: #84B03C;
}

.examples[b-9pnszsxncb] {
    margin: 24px 0;
    padding-left: 16px;
}

.examples ul[b-9pnszsxncb] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.examples li[b-9pnszsxncb] {
    color: #A2A2A2;
    font-size: 16px;
    margin-bottom: 16px;
    position: relative;
    padding-left: 24px;
}

.examples li[b-9pnszsxncb]::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #A2A2A2;
}


/* Special styling for roadmap items */

#roadmap .examples li[b-9pnszsxncb] {
    padding-right: 32px;
    /* Space for completion indicators */
}

#roadmap .examples li a[b-9pnszsxncb] {
    color: #B8F84E;
    text-decoration: none;
}

#roadmap .header[b-9pnszsxncb] {
    font-size: 20px;
    margin-top: 32px;
    margin-bottom: 24px;
}


/* Navigation */

[b-9pnszsxncb] .mud-nav-link {
    color: #A2A2A2;
    font-size: 14px;
    padding: 4px 12px;
    transition: color 0.2s;
}

[b-9pnszsxncb] .mud-nav-link:hover {
    background-color: transparent;
    color: #FFFFFF;
}

[b-9pnszsxncb] .mud-nav-link.active {
    background-color: transparent;
    color: #FFFFFF;
}

[b-9pnszsxncb] .mud-paper {
    background-color: transparent;
    box-shadow: none;
}

.completed[b-9pnszsxncb] {
    color: #84B03C;
}

.pending[b-9pnszsxncb] {
    color: #FFFFFF;
}


/* Mobile Arrow Indicator */

.mobile-arrow-indicator[b-9pnszsxncb] {
    position: fixed;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #0D0D0E;
    color: #A2A2A2;
    padding: 8px;
    border-radius: 4px;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Flow Section - Premium Style */

.flow-section[b-9pnszsxncb] {
    margin: 32px 0 40px 0;
}

.flow-header[b-9pnszsxncb] {
    display: none;
}

.flow-visual[b-9pnszsxncb] {
    position: relative;
    margin-left: 16px;
}


/* Vertical connecting line */

.flow-visual[b-9pnszsxncb]::before {
    content: '';
    position: absolute;
    left: 13px;
    top: 28px;
    bottom: 28px;
    width: 1px;
    background: rgba(184, 248, 78, 0.2);
}

.flow-stage[b-9pnszsxncb] {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
    position: relative;
}

.flow-stage:last-child[b-9pnszsxncb] {
    margin-bottom: 0;
}

.stage-number[b-9pnszsxncb] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #0D1215;
    border: 1.5px solid rgba(184, 248, 78, 0.5);
    color: #B8F84E;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.stage-content[b-9pnszsxncb] {
    flex: 1;
    padding-top: 2px;
    max-width: 600px;
}

.stage-title[b-9pnszsxncb] {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 6px;
}

.stage-desc[b-9pnszsxncb] {
    color: #666;
    font-size: 12px;
    line-height: 1.5;
}

.flow-line[b-9pnszsxncb] {
    display: none;
}


/* Data Pills */

.stage-grid[b-9pnszsxncb] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.data-pill[b-9pnszsxncb] {
    padding: 6px 10px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
}

.data-pill span[b-9pnszsxncb] {
    display: block;
    font-weight: 400;
    font-size: 10px;
    margin-top: 1px;
    opacity: 0.6;
}

.pill-green[b-9pnszsxncb] {
    background: rgba(184, 248, 78, 0.06);
    border: 1px solid rgba(184, 248, 78, 0.2);
    color: #B8F84E;
}

.pill-amber[b-9pnszsxncb] {
    background: rgba(255, 179, 71, 0.06);
    border: 1px solid rgba(255, 179, 71, 0.2);
    color: #FFB347;
}

.pill-cyan[b-9pnszsxncb] {
    background: rgba(135, 206, 235, 0.06);
    border: 1px solid rgba(135, 206, 235, 0.2);
    color: #87CEEB;
}


/* Stage Steps */

.stage-steps[b-9pnszsxncb] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.stage-steps span[b-9pnszsxncb] {
    color: #777;
    font-size: 12px;
    position: relative;
    padding-left: 12px;
}

.stage-steps span[b-9pnszsxncb]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(184, 248, 78, 0.4);
}


/* Actions Grid */

.actions-grid[b-9pnszsxncb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 240px));
    gap: 4px 32px;
}

.action-item[b-9pnszsxncb] {
    color: #555;
    font-size: 11px;
}

.action-cat[b-9pnszsxncb] {
    color: #B8F84E;
    font-weight: 500;
    margin-right: 4px;
}


/* Mobile Responsive - Flow Section */

@media (max-width: 768px) {
    .flow-visual[b-9pnszsxncb]::before {
        left: 12px;
    }
    .stage-grid[b-9pnszsxncb] {
        flex-direction: column;
        gap: 6px;
    }
    .stage-steps[b-9pnszsxncb] {
        flex-direction: column;
        gap: 6px;
    }
    .actions-grid[b-9pnszsxncb] {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}


/* ===========================================
   Competitive Advantage - Accent Bar Style
   =========================================== */

.advantage-stack[b-9pnszsxncb] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.advantage-item[b-9pnszsxncb] {
    position: relative;
    padding: 1rem 0 1rem 1.25rem;
    border-left: 2px solid rgba(0, 200, 83, 0.3);
    transition: border-color 0.2s ease;
}

.advantage-item[b-9pnszsxncb]::before {
    content: '';
    position: absolute;
    left: -4px;
    top: 1.35rem;
    width: 6px;
    height: 6px;
    background: #00c853;
    border-radius: 50%;
    opacity: 0.8;
}

.advantage-title[b-9pnszsxncb] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #e0e0e0;
    margin-bottom: 0.4rem;
    letter-spacing: 0.01em;
}

.advantage-text[b-9pnszsxncb] {
    font-size: 0.85rem;
    color: #9e9e9e;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .advantage-item[b-9pnszsxncb] {
        padding: 0.75rem 0 0.75rem 1rem;
    }
    .advantage-title[b-9pnszsxncb] {
        font-size: 0.9rem;
    }
    .advantage-text[b-9pnszsxncb] {
        font-size: 0.8rem;
    }
}


/* ===========================================
   Automation Flow Diagram
   =========================================== */

.automation-flow[b-9pnszsxncb] {
    max-width: 540px;
    margin: 32px 0;
    position: relative;
}

.automation-flow .flow-step[b-9pnszsxncb] {
    background: #131B1F;
    border: 1px solid rgba(184, 248, 78, 0.25);
    border-radius: 8px;
    padding: 18px 22px;
    position: relative;
}

.automation-flow .flow-step.highlight[b-9pnszsxncb] {
    border-color: #B8F84E;
    box-shadow: 0 0 20px rgba(184, 248, 78, 0.12);
}

.automation-flow .flow-step.user-input[b-9pnszsxncb] {
    background: linear-gradient(135deg, #131B1F 0%, #1a2428 100%);
}

.automation-flow .step-label[b-9pnszsxncb] {
    color: #B8F84E;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 6px;
}

.automation-flow .step-content[b-9pnszsxncb] {
    color: #A2A2A2;
    font-size: 14px;
    line-height: 1.5;
}

.automation-flow .step-content.primary[b-9pnszsxncb] {
    color: #ffffff;
    font-size: 15px;
}

.automation-flow .step-content em[b-9pnszsxncb] {
    color: #B8F84E;
    font-style: normal;
    font-weight: 500;
}

.automation-flow .connector[b-9pnszsxncb] {
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

.automation-flow .connector-line[b-9pnszsxncb] {
    width: 2px;
    height: 20px;
    background: linear-gradient(180deg, rgba(184, 248, 78, 0.5) 0%, rgba(184, 248, 78, 0.2) 100%);
}

.automation-flow .connector-arrow[b-9pnszsxncb] {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid rgba(184, 248, 78, 0.4);
    margin-top: -1px;
}

.automation-flow .sleep-section[b-9pnszsxncb] {
    background: #0f1518;
    border: 1px dashed rgba(184, 248, 78, 0.3);
    border-radius: 8px;
    padding: 14px 18px;
}

.automation-flow .sleep-label[b-9pnszsxncb] {
    color: #B8F84E;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.7;
}

.automation-flow .sleep-content[b-9pnszsxncb] {
    color: #666;
    font-size: 13px;
    margin-top: 4px;
}

.automation-flow .savings-badge[b-9pnszsxncb] {
    text-align: center;
    margin-top: 16px;
    color: #B8F84E;
    font-size: 13px;
    font-weight: 600;
}


/* Loop section with right-side arrow */

.automation-flow .loop-section[b-9pnszsxncb] {
    position: relative;
    overflow: visible;
    margin-right: 60px;
}

.automation-flow .loop-arrow-right[b-9pnszsxncb] {
    position: absolute;
    right: -50px;
    top: 24px;
    bottom: 24px;
    width: 50px;
    pointer-events: none;
}

.automation-flow .loop-arrow-right[b-9pnszsxncb]::before {
    content: '';
    position: absolute;
    right: 4px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: rgba(184, 248, 78, 0.35);
}

.automation-flow .loop-arrow-right[b-9pnszsxncb]::after {
    content: '';
    position: absolute;
    left: 0;
    right: 4px;
    top: 0;
    height: 2px;
    background: rgba(184, 248, 78, 0.35);
}

.automation-flow .loop-bottom-connector[b-9pnszsxncb] {
    position: absolute;
    left: 0;
    right: 4px;
    bottom: 0;
    height: 2px;
    background: rgba(184, 248, 78, 0.35);
}

.automation-flow .loop-arrow-head[b-9pnszsxncb] {
    position: absolute;
    left: -4px;
    top: -4px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 8px solid rgba(184, 248, 78, 0.6);
}

.automation-flow .loop-label-box[b-9pnszsxncb] {
    position: absolute;
    right: -110px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    background: #080809;
    border: 1px solid rgba(184, 248, 78, 0.35);
    border-radius: 4px;
    padding: 5px 12px;
    white-space: nowrap;
}

.automation-flow .loop-label-box span[b-9pnszsxncb] {
    color: #B8F84E;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .automation-flow[b-9pnszsxncb] {
        max-width: 100%;
    }
    .automation-flow .loop-section[b-9pnszsxncb] {
        margin-right: 50px;
    }
    .automation-flow .loop-arrow-right[b-9pnszsxncb] {
        right: -40px;
        width: 40px;
    }
    .automation-flow .loop-label-box[b-9pnszsxncb] {
        right: -90px;
        padding: 4px 10px;
    }
    .automation-flow .loop-label-box span[b-9pnszsxncb] {
        font-size: 9px;
    }
}


/* ===========================================
   Strategy Examples Grid (3 columns)
   =========================================== */

.strategy-examples-grid[b-9pnszsxncb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 32px 0 20px 0;
}

.strategy-example-card[b-9pnszsxncb] {
    background: #0c1014;
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
}

.example-command[b-9pnszsxncb] {
    color: #B8F84E;
    font-size: 12px;
    font-style: italic;
    line-height: 1.5;
    padding: 12px;
    background: rgba(184, 248, 78, 0.06);
    border-radius: 6px;
    min-height: 60px;
}

.example-arrow[b-9pnszsxncb] {
    text-align: center;
    color: rgba(184, 248, 78, 0.5);
    font-size: 16px;
    padding: 8px 0;
}

.example-execution[b-9pnszsxncb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
}


/* Vertical connecting line between steps (from bottom of circle 1 to top of circle 3) */

.example-execution[b-9pnszsxncb]::before {
    content: '';
    position: absolute;
    left: 10px;
    /* Center of 22px step-num: 11px - 1px (half of 2px line width) */
    top: 30px;
    /* 8px padding + 22px circle height = bottom of first circle */
    bottom: 30px;
    /* 8px padding + 22px circle height = top of last circle */
    width: 2px;
    background: rgba(184, 248, 78, 0.3);
    z-index: 0;
}

.exec-step[b-9pnszsxncb] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 0;
    position: relative;
    z-index: 1;
}

.exec-step.active .step-num[b-9pnszsxncb] {
    background: rgba(184, 248, 78, 0.2);
    border-color: #B8F84E;
    box-shadow: 0 0 8px rgba(184, 248, 78, 0.3);
}

.step-num[b-9pnszsxncb] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #0c1014;
    border: 2px solid rgba(184, 248, 78, 0.4);
    color: #B8F84E;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

.step-detail[b-9pnszsxncb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 2px;
}

.step-detail .action[b-9pnszsxncb] {
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
}

.step-detail .action em[b-9pnszsxncb] {
    color: #B8F84E;
    font-style: normal;
}

.step-detail .condition[b-9pnszsxncb] {
    color: #666;
    font-size: 11px;
}


/* Hide the old separate connectors - now using ::before on parent */

.exec-connector[b-9pnszsxncb] {
    display: none;
}

.strategy-footer[b-9pnszsxncb] {
    text-align: center;
    color: #666;
    font-size: 13px;
    padding: 16px;
    background: rgba(184, 248, 78, 0.03);
    border: 1px dashed rgba(184, 248, 78, 0.15);
    border-radius: 6px;
    margin-bottom: 32px;
}

.strategy-footer span[b-9pnszsxncb] {
    color: #B8F84E;
    font-weight: 500;
}

@media (max-width: 900px) {
    .strategy-examples-grid[b-9pnszsxncb] {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .example-command[b-9pnszsxncb] {
        min-height: auto;
    }
}
/* _content/AIAgent/Components/Pages/SharedAutomation.razor.rz.scp.css */
.share-page[b-rbytqhefqa] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: var(--degen-bg-primary);
}

.share-background[b-rbytqhefqa] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, var(--degen-bg-primary) 0%, var(--degen-bg-secondary) 100%);
}

.share-grid-overlay[b-rbytqhefqa] {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(184, 248, 78, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(184, 248, 78, 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 40%, transparent 100%);
}

.share-content[b-rbytqhefqa] {
    position: relative;
    z-index: 1;
    padding: 16px;
    width: 100%;
    max-width: 480px;
}

.share-card[b-rbytqhefqa] {
    background: rgba(13, 18, 21, 0.95);
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 8px;
    padding: 32px 24px;
    text-align: center;
    backdrop-filter: blur(8px);
}

.share-badge[b-rbytqhefqa] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    background-color: rgba(184, 248, 78, 0.1);
    border: 1px solid rgba(184, 248, 78, 0.2);
    border-radius: 4px;
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
    font-weight: 600;
    color: var(--degen-color-primary);
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.share-header[b-rbytqhefqa] {
    margin-bottom: 24px;
}

.share-asset-badge[b-rbytqhefqa] {
    display: inline-block;
    padding: 2px 8px;
    background: rgba(184, 248, 78, 0.15);
    border-radius: 4px;
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    font-weight: 700;
    color: var(--degen-color-primary);
    margin-bottom: 8px;
}

.share-title[b-rbytqhefqa] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--degen-text-primary);
    margin: 8px 0 0 0;
    outline: none;
    border: none;
}

.share-description[b-rbytqhefqa] {
    color: var(--degen-text-secondary);
    font-size: 14px;
    line-height: 1.5;
    margin: 12px 0 24px 0;
}

.share-section[b-rbytqhefqa] {
    text-align: left;
    margin-bottom: 16px;
    padding: 12px;
    background: rgba(8, 8, 9, 0.6);
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.share-label[b-rbytqhefqa] {
    font-family: 'Source Code Pro', monospace;
    font-size: 10px;
    font-weight: 600;
    color: var(--degen-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px;
}

.share-body[b-rbytqhefqa] {
    font-size: 14px;
    color: var(--degen-text-primary);
    line-height: 1.5;
}

.share-interpretation[b-rbytqhefqa] {
    color: var(--degen-text-secondary);
    font-style: italic;
}

.share-indicators[b-rbytqhefqa] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    margin-bottom: 16px;
}

.share-indicator-chip[b-rbytqhefqa] {
    padding: 3px 10px;
    background: rgba(184, 248, 78, 0.08);
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 4px;
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
    color: var(--degen-color-primary);
}

.share-stats[b-rbytqhefqa] {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-bottom: 20px;
    padding: 12px;
    background: rgba(8, 8, 9, 0.6);
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.share-stat[b-rbytqhefqa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex: 1;
}

.share-stat-label[b-rbytqhefqa] {
    font-family: 'Source Code Pro', monospace;
    font-size: 10px;
    color: var(--degen-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.share-stat-value[b-rbytqhefqa] {
    font-family: 'Source Code Pro', monospace;
    font-size: 14px;
    font-weight: 600;
    color: var(--degen-text-primary);
}

.share-stat-value.positive[b-rbytqhefqa] {
    color: var(--degen-color-primary);
}

.share-stat-value.negative[b-rbytqhefqa] {
    color: var(--degen-color-sell);
}

.share-meta[b-rbytqhefqa] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    font-size: 12px;
    color: var(--degen-text-tertiary);
    margin-bottom: 24px;
}

.share-actions[b-rbytqhefqa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

[b-rbytqhefqa] .share-btn-primary {
    background-color: var(--degen-color-primary) !important;
    color: var(--degen-bg-primary) !important;
    font-weight: 600 !important;
    width: 100%;
    max-width: 300px;
    text-transform: none !important;
}

[b-rbytqhefqa] .share-btn-secondary {
    border-color: rgba(184, 248, 78, 0.3) !important;
    color: var(--degen-color-primary) !important;
    text-transform: none !important;
}

.share-note[b-rbytqhefqa] {
    font-size: 12px;
    color: var(--degen-text-tertiary);
    margin: 8px 0 0 0;
    line-height: 1.4;
}

.share-success-note[b-rbytqhefqa] {
    font-size: 13px;
    color: var(--degen-color-primary);
    margin: 4px 0 0 0;
}

.share-error[b-rbytqhefqa] {
    font-size: 13px;
    color: var(--degen-color-sell);
    margin: 4px 0 0 0;
}

.share-backtest[b-rbytqhefqa] {
    border: 1px solid rgba(184, 248, 78, 0.18);
    background: rgba(184, 248, 78, 0.03);
    padding: 16px;
    border-radius: 4px;
}

.share-backtest-header[b-rbytqhefqa] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.share-backtest-grade[b-rbytqhefqa] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 800;
    font-family: 'Source Code Pro', monospace;
    border: 2px solid;
}

.share-backtest-grade.grade-s[b-rbytqhefqa],
.share-backtest-grade.grade-a[b-rbytqhefqa] {
    color: var(--degen-color-primary);
    border-color: var(--degen-color-primary);
    background: rgba(184, 248, 78, 0.08);
}

.share-backtest-grade.grade-b[b-rbytqhefqa] {
    color: var(--degen-color-primary);
    border-color: rgba(184, 248, 78, 0.5);
}

.share-backtest-grade.grade-c[b-rbytqhefqa] {
    color: #FFC107;
    border-color: #FFC107;
    background: rgba(255, 193, 7, 0.08);
}

.share-backtest-grade.grade-d[b-rbytqhefqa] {
    color: #FF9800;
    border-color: #FF9800;
}

.share-backtest-grade.grade-f[b-rbytqhefqa],
.share-backtest-grade.grade-n[b-rbytqhefqa] {
    color: var(--degen-text-secondary);
    border-color: var(--degen-text-secondary);
}

.share-backtest-meta[b-rbytqhefqa] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
    color: var(--degen-text-secondary);
    font-family: 'Source Code Pro', monospace;
}

.share-backtest-stats[b-rbytqhefqa] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

@media (max-width: 520px) {
    .share-backtest-stats[b-rbytqhefqa] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/AIAgent/Components/Pages/Statistics.razor.rz.scp.css */
@@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
@@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600;700&display=swap');

:root[b-2cj2k5pa5o] {
    margin: 0;
    padding: 0;
    background-color: #080809;
}

*[b-2cj2k5pa5o] {
    font-family: 'Space Grotesk', sans-serif !important;
}

/* Only the navigation symbols (~/) should use Source Code Pro */
.nav-item span[b-2cj2k5pa5o] {
    font-family: 'Source Code Pro', monospace !important;
}

.button-code[b-2cj2k5pa5o] {
    background-color: transparent !important;
    border: 1px solid #080809 !important;
    color: #91c33e !important;
    text-transform: none !important;
    font-size: 14px !important;
    padding: 4px 16px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    outline: none !important;
}

    .button-code:hover[b-2cj2k5pa5o] {
        background-color: rgba(145, 195, 62, 0.1) !important;
    }

    .button-code:focus[b-2cj2k5pa5o],
    .button-code:focus-visible[b-2cj2k5pa5o] {
        outline: none !important;
        box-shadow: none !important;
        border: 1px solid #91c33e !important;
    }

/* Log styles */
.log-entry[b-2cj2k5pa5o] {
    display: flex;
    gap: 12px;
    color: #666;
}

.log-timestamp[b-2cj2k5pa5o] {
    color: #666;
    font-family: 'Source Code Pro', monospace !important;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    gap: 2px;
}

.log-date[b-2cj2k5pa5o] {
    opacity: 0.7;
}

.log-message[b-2cj2k5pa5o] {
    color: #565E63;
}

.trade-action[b-2cj2k5pa5o] {
    color: #91c33e;
}

    .trade-action.close[b-2cj2k5pa5o] {
        color: #ae4949;
    }

    .trade-action.short[b-2cj2k5pa5o] {
        color: #ae4949;
    }

.trade-details[b-2cj2k5pa5o] {
    color: #A2A2A2;
}

.social-button[b-2cj2k5pa5o] {
    background-color: #0d1215 !important;
    width: 42px;
    height: 42px;
    min-width: 42px;
    padding: 0;
    transition: transform 0.2s ease-in-out !important;
}

.social-button:hover[b-2cj2k5pa5o] {
    transform: translateY(-4px) !important;
}

.log-entry[b-2cj2k5pa5o] {
    display: flex;
    gap: 8px;
}

.log-timestamp[b-2cj2k5pa5o] {
    display: flex;
    gap: 4px;
    color: #666;
    font-size: 12px;
    white-space: nowrap;
}

.log-message[b-2cj2k5pa5o] {
    flex: 1;
}

.social-button[b-2cj2k5pa5o] {
    width: 24px;
    height: 24px;
}

/* Terminal Feature Blocks */
.terminal-block[b-2cj2k5pa5o] {
    background-color: transparent;
    border-left: 2px solid rgba(184, 248, 78, 0.4);
    padding: 16px 0 16px 20px;
    margin-bottom: 32px;
}

.terminal-command[b-2cj2k5pa5o] {
    font-family: 'Source Code Pro', monospace !important;
    color: #B8F84E;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
}

.terminal-output[b-2cj2k5pa5o] {
    font-family: 'Source Code Pro', monospace !important;
    color: #A2A2A2;
    font-size: 13px;
    line-height: 1.6;
    padding-left: 16px;
}

.terminal-output[b-2cj2k5pa5o]::before {
    content: '> ';
    color: #565E63;
}

/* Terminal Header */
.terminal-header[b-2cj2k5pa5o] {
    margin-bottom: 40px;
    padding-left: 20px;
    border-left: 2px solid rgba(184, 248, 78, 0.4);
}

.terminal-header-command[b-2cj2k5pa5o] {
    font-family: 'Source Code Pro', monospace !important;
    color: #B8F84E;
    font-size: 18px;
    margin-bottom: 8px;
}

.terminal-header-output[b-2cj2k5pa5o] {
    font-family: 'Source Code Pro', monospace !important;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 4px;
}

.terminal-header-sub[b-2cj2k5pa5o] {
    font-family: 'Source Code Pro', monospace !important;
    color: #A2A2A2;
    font-size: 14px;
}

/* Terminal CTA */
.terminal-cta[b-2cj2k5pa5o] {
    margin-top: 40px;
    padding-left: 20px;
}

.terminal-cta-link[b-2cj2k5pa5o] {
    font-family: 'Source Code Pro', monospace !important;
    color: #B8F84E;
    text-decoration: none;
    font-size: 16px;
}

.terminal-cta-link:hover[b-2cj2k5pa5o] {
    text-decoration: underline;
}

.terminal-cta-hint[b-2cj2k5pa5o] {
    font-family: 'Source Code Pro', monospace !important;
    color: #565E63;
    font-size: 12px;
    margin-top: 4px;
}

/* Activity Types */
.activity-type[b-2cj2k5pa5o] {
    font-weight: 500;
    margin-right: 4px;
}

.activity-type.order[b-2cj2k5pa5o] {
    color: #3B82F6;
}

.activity-type.analysis[b-2cj2k5pa5o] {
    color: #9C27B0;
}

.activity-type.automation[b-2cj2k5pa5o] {
    color: #FF9800;
}

.activity-type.acp[b-2cj2k5pa5o] {
    color: #00BCD4;
}
/* _content/AIAgent/Components/Pages/Terminal/ChartPanel.razor.rz.scp.css */
/* Chart Panel Specific Styles */

.chart-panel[b-265nrl68wt] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* 
     * CRITICAL: min-height: 0 allows ChartPanel to shrink below its content size
     * 
     * This works in combination with the parent's height: 0 to enable proper flex resizing.
     * Without this, the chart would maintain its minimum content height even when the
     * parent container shrinks due to wallet area expansion.
     * 
     * This is part of the flexbox shrinking pattern for content that needs to respect
     * container bounds rather than its own intrinsic dimensions.
     */
    min-height: 0;
}


/* Chart Section Layout - IMPORTANT: Don't override Terminal's chart-section layout */

.chart-panel .chart-section[b-265nrl68wt] {
    /* Use flex: 1 to fill available space within ChartPanel */
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 0;
}

.chart-container[b-265nrl68wt] {
    flex: 1;
    background-color: #0D1215;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    border-radius: 4px;
    overflow: hidden;
    /* Ensure chart container can shrink properly */
    min-height: 0;
}


/* Chart-Wallet Resizer styles moved to Terminal.razor.css (resizer rendered by Terminal, not ChartPanel) */
/* _content/AIAgent/Components/Pages/Terminal/ChatPanel.razor.rz.scp.css */
/* ===========================================
   ChatPanel Component Styles

   This file uses CSS custom properties from design-tokens.css
   for responsive sizing. Button/control sizes automatically
   adjust across breakpoints via:
   - --degen-chat-btn-size / --degen-chat-btn-icon
   - --degen-chat-control-height / --degen-chat-control-font
   =========================================== */


/* ===========================================
   CHAT CONTAINER
   =========================================== */

.chat-container[b-1y3zhv8fqx] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--degen-space-lg) var(--degen-space-lg) var(--degen-space-lg) 2px;
    display: flex;
    flex-direction: column;
    gap: var(--degen-space-sm);
    min-height: 0;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 2;
}

.chat-container[b-1y3zhv8fqx]::-webkit-scrollbar {
    width: 16px;
}

.chat-container[b-1y3zhv8fqx]::-webkit-scrollbar-track {
    background: var(--degen-bg-elevated);
}

.chat-container[b-1y3zhv8fqx]::-webkit-scrollbar-thumb {
    background: var(--degen-border-muted);
    border: 4px solid var(--degen-bg-elevated);
    min-height: 40px;
}

.chat-container:empty[b-1y3zhv8fqx] {
    justify-content: flex-end;
    padding: var(--degen-space-xl);
}

.chat-panel[b-1y3zhv8fqx] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
}


/* ===========================================
   INPUT CONTAINER & WRAPPER
   =========================================== */

.input-container[b-1y3zhv8fqx] {
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    padding: var(--degen-space-md) 0;
    background-color: var(--degen-bg-primary);
    border-top: none;
    z-index: 1;
    position: relative;
    flex-shrink: 0;
}

/* ===========================================
   CHAT INPUT RESIZER
   =========================================== */

.chat-input-resizer[b-1y3zhv8fqx] {
    position: relative;
    height: 14px;
    cursor: row-resize;
    flex-shrink: 0;
    background: linear-gradient(to bottom,
        transparent calc(50% - 0.5px),
        rgba(255, 255, 255, 0.10) calc(50% - 0.5px),
        rgba(255, 255, 255, 0.10) calc(50% + 0.5px),
        transparent calc(50% + 0.5px));
    z-index: 10;
    transition: background var(--degen-transition-fast);
}

.chat-input-resizer:hover[b-1y3zhv8fqx] {
    background: linear-gradient(to bottom,
        transparent calc(50% - 1.5px),
        rgba(184, 248, 78, 0.2) calc(50% - 1px),
        rgba(184, 248, 78, 0.6) calc(50% - 0.5px),
        rgba(184, 248, 78, 0.6) calc(50% + 0.5px),
        rgba(184, 248, 78, 0.2) calc(50% + 1px),
        transparent calc(50% + 1.5px));
}

/* Hide resizer on mobile - auto-sizing is better for small screens */
@media (max-width: 600px) {
    .chat-input-resizer[b-1y3zhv8fqx] {
        display: none;
    }

    .input-field-container[b-1y3zhv8fqx] {
        height: auto !important;
        min-height: 60px;
        max-height: 40vh;
    }
}

.input-wrapper[b-1y3zhv8fqx] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--degen-bg-secondary);
    border-radius: var(--degen-radius-md);
    padding: var(--degen-space-lg) 10px var(--degen-space-sm) 10px;
    gap: var(--degen-space-sm);
    border: 1px solid transparent;
    transition: box-shadow var(--degen-transition-normal), border-color var(--degen-transition-normal);
}

.input-wrapper:focus-within[b-1y3zhv8fqx] {
    outline: none;
    border-color: rgba(184, 248, 78, 0.25);
}

.input-field-container[b-1y3zhv8fqx] {
    display: flex;
    align-items: flex-start;
    gap: var(--degen-space-sm);
    width: 100%;
    min-height: 80px;
    max-height: 50vh;
    overflow: hidden;
}

.input-bottom-row[b-1y3zhv8fqx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: var(--degen-space-xs);
}

.input-controls[b-1y3zhv8fqx] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.input-container .d-flex.align-center.justify-space-between[b-1y3zhv8fqx] {
    flex-wrap: nowrap;
    gap: var(--degen-space-lg);
}


/* ===========================================
   MOBILE-ONLY ASSET INDICATOR
   Hidden on desktop, shown on mobile/tablet.
   Uses ::deep + !important to override Blazor's scoped CSS.
   =========================================== */

.mobile-only-asset[b-1y3zhv8fqx] {
    display: none;
}

.mobile-only-asset[b-1y3zhv8fqx]  .asset-indicator {
    height: var(--degen-chat-btn-size) !important;
    padding: 0 6px !important;
    display: inline-flex !important;
    align-items: center !important;
}

@media (max-width: 899px) {
    .mobile-only-asset[b-1y3zhv8fqx] {
        display: inline-flex;
        align-items: center;
    }
}


/* ===========================================
   MESSAGE INPUT (MudBlazor Overrides)
   =========================================== */

[b-1y3zhv8fqx] .message-input {
    flex: 1;
    margin: 0;
    padding: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

[b-1y3zhv8fqx] .mud-input {
    color: var(--degen-text-secondary) !important;
    line-height: 1.5;
    display: flex !important;
    align-items: flex-start !important;
    width: 100% !important;
    height: 100% !important;
    background-color: var(--degen-bg-secondary) !important;
}

[b-1y3zhv8fqx] .mud-input textarea {
    resize: none !important;
    overflow-y: auto !important;
    max-height: 100%;
    white-space: pre-wrap !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    font-size: var(--degen-font-size-lg) !important;
    color: var(--degen-text-secondary) !important;
}

[b-1y3zhv8fqx] .mud-input-slot {
    padding: 4px 24px !important;
    background-color: var(--degen-bg-secondary) !important;
    white-space: pre-wrap !important;
    line-height: 1.5 !important;
    color: var(--degen-text-secondary) !important;
}

/* Remove MudBlazor underline */
[b-1y3zhv8fqx] .mud-input-underline:before,
[b-1y3zhv8fqx] .mud-input-underline:after,
[b-1y3zhv8fqx] .mud-input-underline:hover:not(.mud-disabled):before,
[b-1y3zhv8fqx] .mud-input-underline:hover:after,
[b-1y3zhv8fqx] .mud-input-underline.mud-input-underline-focused:after {
    border-bottom: none !important;
}

[b-1y3zhv8fqx] .mud-input-underline:focus-within:after,
[b-1y3zhv8fqx] .mud-input-underline.mud-input-focused:after {
    transform: scaleX(0) !important;
    border-bottom: none !important;
}

[b-1y3zhv8fqx] .mud-input.mud-disabled,
[b-1y3zhv8fqx] .mud-input.mud-disabled:hover {
    border-bottom: none !important;
}


/* ===========================================
   ACTION BUTTONS (Send/Stop)

   Shared base styles with color variants.
   Sizes come from CSS custom properties.
   =========================================== */

/* Base action button styles (shared) */
[b-1y3zhv8fqx] .input-bottom-row .send-button,
[b-1y3zhv8fqx] .input-bottom-row .stop-button {
    position: relative !important;
    min-width: var(--degen-chat-btn-size) !important;
    width: var(--degen-chat-btn-size) !important;
    height: var(--degen-chat-btn-size) !important;
    padding: 0 !important;
    border-radius: var(--degen-chat-btn-radius) !important;
    border: none !important;
    transition: background-color var(--degen-transition-normal);
}

/* Shared icon positioning */
[b-1y3zhv8fqx] .input-bottom-row .send-button .mud-icon-root,
[b-1y3zhv8fqx] .input-bottom-row .stop-button .mud-icon-root {
    position: absolute !important;
    width: var(--degen-chat-btn-icon) !important;
    height: var(--degen-chat-btn-icon) !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: var(--degen-chat-btn-icon) !important;
}

[b-1y3zhv8fqx] .input-bottom-row .send-button .mud-icon-root svg,
[b-1y3zhv8fqx] .input-bottom-row .send-button .mud-svg-icon,
[b-1y3zhv8fqx] .input-bottom-row .stop-button .mud-icon-root svg,
[b-1y3zhv8fqx] .input-bottom-row .stop-button .mud-svg-icon {
    width: var(--degen-chat-btn-icon) !important;
    height: var(--degen-chat-btn-icon) !important;
}

/* Send button colors */
[b-1y3zhv8fqx] .input-bottom-row .send-button {
    background-color: var(--degen-color-primary-subtle) !important;
}

[b-1y3zhv8fqx] .input-bottom-row .send-button .mud-icon-root {
    color: var(--degen-color-primary) !important;
}

[b-1y3zhv8fqx] .input-bottom-row .send-button:hover {
    background-color: var(--degen-color-primary-muted) !important;
}

[b-1y3zhv8fqx] .input-bottom-row .send-button:focus {
    outline: none;
    box-shadow: var(--degen-focus-ring) !important;
}

[b-1y3zhv8fqx] .input-bottom-row .send-button:focus:not(:focus-visible) {
    box-shadow: none !important;
}

[b-1y3zhv8fqx] .input-bottom-row .send-button:focus-visible {
    outline: none;
    box-shadow: var(--degen-focus-ring) !important;
}

/* Stop button colors */
[b-1y3zhv8fqx] .input-bottom-row .stop-button {
    background-color: rgba(244, 67, 54, 0.1) !important;
}

[b-1y3zhv8fqx] .input-bottom-row .stop-button .mud-icon-root {
    color: var(--degen-color-short) !important;
}

[b-1y3zhv8fqx] .input-bottom-row .stop-button:hover {
    background-color: rgba(244, 67, 54, 0.15) !important;
}

[b-1y3zhv8fqx] .input-bottom-row .stop-button:focus {
    outline: none;
    box-shadow: var(--degen-focus-ring-error) !important;
}

[b-1y3zhv8fqx] .input-bottom-row .stop-button:focus:not(:focus-visible) {
    box-shadow: none !important;
}

[b-1y3zhv8fqx] .input-bottom-row .stop-button:focus-visible {
    outline: none;
    box-shadow: var(--degen-focus-ring-error) !important;
}

/* Legacy send button (outside input-bottom-row) */
[b-1y3zhv8fqx] .send-button {
    color: var(--degen-bg-secondary);
    padding: 4px;
    min-width: 28px;
    width: 28px;
    height: 28px;
    background-color: #565b5b !important;
    border-radius: var(--degen-radius-md);
    transition: background-color var(--degen-transition-normal);
    margin-left: var(--degen-space-sm);
}

[b-1y3zhv8fqx] .send-button:hover {
    color: var(--degen-bg-secondary);
    background-color: #91c33e !important;
}


/* ===========================================
   ANALYSIS MODE SELECTOR

   Sizes come from CSS custom properties for
   automatic responsive behavior.
   =========================================== */

[b-1y3zhv8fqx] .input-bottom-row .analysis-mode-selector {
    flex-shrink: 0;
}

[b-1y3zhv8fqx] .input-bottom-row .analysis-mode-selector .mode-button {
    padding: var(--degen-chat-control-padding);
    font-size: var(--degen-chat-control-font);
    border-radius: var(--degen-chat-btn-radius);
    gap: 4px;
    height: var(--degen-chat-control-height);
    min-height: var(--degen-chat-control-height);
}

[b-1y3zhv8fqx] .input-bottom-row .analysis-mode-selector .mode-icon {
    font-size: var(--degen-chat-control-icon) !important;
    width: var(--degen-chat-control-icon) !important;
    height: var(--degen-chat-control-icon) !important;
}

[b-1y3zhv8fqx] .input-bottom-row .analysis-mode-selector .analysis-status {
    font-size: var(--degen-font-size-sm);
    padding: 2px 4px;
    border-radius: var(--degen-radius-sm);
    margin-left: 3px;
}

[b-1y3zhv8fqx] .input-bottom-row .analysis-mode-selector .mode-name {
    font-size: var(--degen-chat-control-font);
}

[b-1y3zhv8fqx] .input-bottom-row .analysis-mode-selector .mode-chevron {
    font-size: var(--degen-font-size-sm) !important;
    width: var(--degen-font-size-sm) !important;
    height: var(--degen-font-size-sm) !important;
}


/* ===========================================
   SUGGESTION CHIPS
   =========================================== */

.suggestion-container[b-1y3zhv8fqx] {
    display: flex;
    justify-content: center;
    gap: var(--degen-space-md);
    margin-top: var(--degen-space-md);
    flex-wrap: nowrap;
}

.suggestion-chip[b-1y3zhv8fqx] {
    flex: 1 1 0;
    min-width: 0;
    background-color: var(--degen-bg-secondary);
    border: 1px solid var(--degen-border-muted);
    color: #9B9B9B;
    padding: var(--degen-space-sm) var(--degen-space-lg);
    border-radius: var(--degen-radius-xl);
    cursor: pointer;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    transition: all var(--degen-transition-normal);
    line-height: 1.3;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    box-shadow: var(--degen-btn-shadow);
}

.suggestion-chip:hover:not(:disabled)[b-1y3zhv8fqx] {
    background-color: var(--degen-bg-elevated);
    color: var(--degen-color-primary);
    border-color: rgba(184, 248, 78, 0.3);
    box-shadow: var(--degen-btn-shadow-hover);
    transform: var(--degen-hover-lift);
}

.suggestion-chip:focus[b-1y3zhv8fqx] {
    outline: none;
    box-shadow: var(--degen-focus-ring);
    border-color: rgba(184, 248, 78, 0.3);
}

.suggestion-chip:focus:not(:focus-visible)[b-1y3zhv8fqx] {
    box-shadow: var(--degen-btn-shadow);
    border-color: var(--degen-border-muted);
}

.suggestion-chip:focus-visible[b-1y3zhv8fqx] {
    outline: none;
    box-shadow: var(--degen-focus-ring);
    border-color: rgba(184, 248, 78, 0.3);
}

.suggestion-chip:active:not(:disabled)[b-1y3zhv8fqx] {
    transform: var(--degen-active-press);
    box-shadow: var(--degen-btn-shadow);
}

.suggestion-chip:disabled[b-1y3zhv8fqx] {
    opacity: 0.5;
    cursor: not-allowed;
}

.suggestion-chips[b-1y3zhv8fqx] {
    flex: 1;
    min-width: 0;
    margin-top: 0;
}

/* Hide chips on smaller screens */
@media (max-width: 768px) {
    .suggestion-container .suggestion-chip:nth-child(3)[b-1y3zhv8fqx] {
        display: none;
    }
}

@media (max-width: 480px) {
    .suggestion-container .suggestion-chip:nth-child(2)[b-1y3zhv8fqx] {
        display: none;
    }
}


/* ===========================================
   TYPING INDICATOR
   =========================================== */

.typing-indicator[b-1y3zhv8fqx] {
    display: inline-flex;
    align-items: center;
    gap: var(--degen-space-xs);
}

.typing-indicator span[b-1y3zhv8fqx] {
    width: 4px;
    height: 4px;
    background-color: var(--degen-text-muted);
    border-radius: var(--degen-radius-full);
    animation: typing-b-1y3zhv8fqx 1.4s infinite;
}

.typing-indicator span:nth-child(2)[b-1y3zhv8fqx] {
    animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3)[b-1y3zhv8fqx] {
    animation-delay: 0.4s;
}

@keyframes typing-b-1y3zhv8fqx {
    0%, 100% {
        transform: translateY(0);
        opacity: 0.2;
    }
    50% {
        transform: translateY(-4px);
        opacity: 1;
    }
}


/* ===========================================
   LOADING SKELETON
   =========================================== */

.chat-loading-container[b-1y3zhv8fqx] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: var(--degen-space-xl);
    gap: var(--degen-space-xl);
}

.skeleton-messages[b-1y3zhv8fqx] {
    display: flex;
    flex-direction: column;
    gap: var(--degen-space-lg);
    width: 100%;
    max-width: 600px;
}

.skeleton-message[b-1y3zhv8fqx] {
    display: flex;
    flex-direction: column;
    gap: var(--degen-space-sm);
    padding: var(--degen-space-md) var(--degen-space-lg);
    border-radius: var(--degen-space-md);
    max-width: 80%;
}

.skeleton-assistant[b-1y3zhv8fqx] {
    align-self: flex-start;
    background: rgba(255, 255, 255, 0.03);
}

.skeleton-user[b-1y3zhv8fqx] {
    align-self: flex-end;
    background: var(--degen-color-primary-faint);
}

.skeleton-line[b-1y3zhv8fqx] {
    height: 12px;
    border-radius: var(--degen-radius-lg);
    background: linear-gradient(90deg, rgba(255,255,255,0.05) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.05) 75%);
    background-size: 200% 100%;
    animation: skeleton-pulse-b-1y3zhv8fqx 1.5s ease-in-out infinite;
}

.skeleton-line.long[b-1y3zhv8fqx] { width: 100%; }
.skeleton-line.medium[b-1y3zhv8fqx] { width: 75%; }
.skeleton-line.short[b-1y3zhv8fqx] { width: 50%; }

.loading-indicator[b-1y3zhv8fqx] {
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes skeleton-pulse-b-1y3zhv8fqx {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}


/* ===========================================
   RESPONSIVE ADJUSTMENTS

   Most sizing is handled by CSS custom properties
   in design-tokens.css. These are layout-specific
   adjustments only.
   =========================================== */

@media (max-width: 599px) {
    .chat-container[b-1y3zhv8fqx] {
        padding: var(--degen-space-md) var(--degen-space-sm) !important;
    }

    .input-container[b-1y3zhv8fqx] {
        padding: var(--degen-space-sm) var(--degen-space-sm) !important;
        margin-bottom: 20px !important;
    }

    .input-wrapper[b-1y3zhv8fqx] {
        padding: var(--degen-space-md) var(--degen-space-sm) !important;
        border-radius: var(--degen-radius-xl) !important;
    }

    /* 16px font prevents iOS zoom on focus */
    [b-1y3zhv8fqx] .mud-input textarea {
        font-size: 16px !important;
    }

    .suggestion-container[b-1y3zhv8fqx] {
        gap: var(--degen-space-sm) !important;
        margin-top: var(--degen-space-sm) !important;
    }

    .suggestion-chip[b-1y3zhv8fqx] {
        min-height: 40px !important;
        padding: 10px 14px !important;
        font-size: var(--degen-font-size-lg) !important;
        border-radius: var(--degen-radius-lg) !important;
    }

    .chat-panel[b-1y3zhv8fqx] {
        height: 100% !important;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .chat-container[b-1y3zhv8fqx] {
        padding: var(--degen-space-lg) var(--degen-space-md) !important;
    }

    /* 16px font prevents iOS zoom on focus */
    [b-1y3zhv8fqx] .mud-input textarea {
        font-size: 16px !important;
    }

    .suggestion-chip[b-1y3zhv8fqx] {
        min-height: 36px !important;
        padding: var(--degen-space-sm) var(--degen-space-md) !important;
    }
}

@media (min-width: 1200px) {
    .input-container[b-1y3zhv8fqx] {
        margin-bottom: 20px;
    }
}


/* ===========================================
   ACCESSIBILITY: Reduced Motion
   =========================================== */

@media (prefers-reduced-motion: reduce) {
    .typing-indicator span[b-1y3zhv8fqx],
    .skeleton-line[b-1y3zhv8fqx],
    .suggestion-chip[b-1y3zhv8fqx],
    .input-wrapper[b-1y3zhv8fqx] {
        animation: none !important;
        transition: none !important;
    }
}
/* _content/AIAgent/Components/Pages/Terminal/Mobile/MobileBottomNav.razor.rz.scp.css */
/* Mobile Bottom Navigation */

.mobile-bottom-nav[b-yp0lqao4od] {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--mobile-nav-height, 56px);
    background-color: #0D1215;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 1000;
    padding: 0;
    padding-bottom: env(safe-area-inset-bottom, 0);
}

/* Show on phone screens */
@media (max-width: 599px) {
    .mobile-bottom-nav[b-yp0lqao4od] {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
}

.nav-item[b-yp0lqao4od] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 100%;
    min-width: 48px;
    min-height: 48px;
    padding: 6px 0;
    background: transparent;
    border: none;
    color: #666;
    cursor: pointer;
    transition: color 0.2s ease;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    /* Enable pseudo-elements for pill and ripple */
    position: relative;
    overflow: hidden;
}

.nav-item:active[b-yp0lqao4od] {
    background-color: rgba(255, 255, 255, 0.05);
}

.nav-item.active[b-yp0lqao4od] {
    color: #B8F84E;
}

/* Active pill background using pseudo-element to avoid layout shifts */
.nav-item.active[b-yp0lqao4od]::before {
    content: '';
    position: absolute;
    inset: 6px 4px;
    background: rgba(184, 248, 78, 0.1);
    border-radius: 12px;
    z-index: -1;
}

.nav-item.active .nav-icon[b-yp0lqao4od] {
    color: #B8F84E;
    transform: scale(1.05);
}

.nav-item.active .nav-label[b-yp0lqao4od] {
    color: #B8F84E;
    font-weight: 600;
}

/* Ripple effect on tap using ::after */
.nav-item[b-yp0lqao4od]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(184, 248, 78, 0.2);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.3s ease, height 0.3s ease, opacity 0.3s ease;
    opacity: 0;
    pointer-events: none;
}

.nav-item:active[b-yp0lqao4od]::after {
    width: 100px;
    height: 100px;
    opacity: 1;
}

.nav-icon[b-yp0lqao4od] {
    width: 24px;
    height: 24px;
    margin-bottom: 2px;
    color: inherit;
    transition: transform 0.2s ease, color 0.2s ease;
}

.nav-label[b-yp0lqao4od] {
    font-size: 10px;
    font-weight: 500;
    font-family: 'Space Grotesk', sans-serif;
    color: inherit;
    line-height: 1.2;
}
/* _content/AIAgent/Components/Pages/Terminal/Mobile/MobileTerminalLayout.razor.rz.scp.css */
/* Mobile Terminal Layout Styles */

.mobile-terminal-layout[b-ykcgz5jwo3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background-color: #080809;
    overflow: hidden;
    flex: 1;
}

/* Phone Layout - Single Panel */
.mobile-panel-container[b-ykcgz5jwo3] {
    flex: 1;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.panel-container[b-ykcgz5jwo3] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #080809;
    display: flex;
    flex-direction: column;
    /* Default: hidden - keeps component mounted with full dimensions but invisible */
    /* This is critical for chart - it needs dimensions on first render to initialize JS library */
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: 0;
}

.panel-container.active[b-ykcgz5jwo3] {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
}

/* Force child components to fill panel */
[b-ykcgz5jwo3] .panel-container.active > * {
    flex: 1;
    height: 100%;
    width: 100%;
    min-height: 0;
}

/* Chart Panel specific - ensure chart fills space */
[b-ykcgz5jwo3] .panel-container.active .chart-panel {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

[b-ykcgz5jwo3] .panel-container.active .chart-panel .chart-section {
    flex: 1 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

[b-ykcgz5jwo3] .panel-container.active .chart-container {
    flex: 1 !important;
    min-height: 200px !important;
    height: 100% !important;
}

/* Force LightweightChart to fill container */
[b-ykcgz5jwo3] .panel-container.active .chart-container > *:not(.scroll-to-now-btn) {
    width: 100% !important;
    height: 100% !important;
}

/* Chat Panel specific */
[b-ykcgz5jwo3] .panel-container.active .chat-panel {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Trading Panel specific */
[b-ykcgz5jwo3] .panel-container.active .trading-panel-container {
    height: 100% !important;
    overflow-y: auto !important;
}

/* Competition mode in Trade tab: banner stays compact, trading panel fills rest */
[b-ykcgz5jwo3] .panel-container.active > .competition-mode-banner {
    flex: 0 0 auto;
    height: auto;
}

[b-ykcgz5jwo3] .panel-container.active > .competition-trading-panel {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

/* Portfolio Panel specific */
[b-ykcgz5jwo3] .panel-container.active .portfolio-panel-container {
    height: 100% !important;
    overflow-y: auto !important;
}

/* Tablet Layout - Chart + Tabbed Content */
.tablet-chart-section[b-ykcgz5jwo3] {
    height: 45%;
    min-height: 180px;
    max-height: 50%;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
}

/* Force chart to fill tablet chart section */
[b-ykcgz5jwo3] .tablet-chart-section > * {
    flex: 1;
    height: 100%;
    width: 100%;
    min-height: 0;
}

[b-ykcgz5jwo3] .tablet-chart-section .chart-panel {
    height: 100% !important;
}

.tablet-tab-bar[b-ykcgz5jwo3] {
    display: flex;
    height: 44px;
    min-height: 44px;
    flex-shrink: 0;
    background-color: #0D1215;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.tab-item[b-ykcgz5jwo3] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.2s ease;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    min-height: 44px;
}

.tab-item:active[b-ykcgz5jwo3] {
    background-color: rgba(255, 255, 255, 0.05);
}

.tab-item.active[b-ykcgz5jwo3] {
    color: #B8F84E;
    border-bottom-color: #B8F84E;
}

.tablet-content-section[b-ykcgz5jwo3] {
    flex: 1;
    position: relative;
    overflow: hidden;
    min-height: 0;
}

/* Tablet content panel containers */
.tablet-content-section .panel-container[b-ykcgz5jwo3] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Phone-specific adjustments */
@media (max-width: 599px) {
    .mobile-terminal-layout[b-ykcgz5jwo3] {
        padding-bottom: 0;
    }

    .mobile-panel-container[b-ykcgz5jwo3] {
        height: 100%;
    }

    .panel-container.active[b-ykcgz5jwo3] {
        padding: 0;
    }
}

/* Tablet-specific adjustments */
@media (min-width: 600px) and (max-width: 899px) {
    .tablet-chart-section[b-ykcgz5jwo3] {
        padding: 0;
    }

    .tablet-content-section .panel-container.active[b-ykcgz5jwo3] {
        padding: 0;
    }
}
/* _content/AIAgent/Components/Pages/Terminal/PortfolioPanel.razor.rz.scp.css */
/* Portfolio Panel Specific Styles */

.portfolio-panel-container[b-7ziebakg1n] {
    background-color: #0D1215;
    border: 1px solid rgba(184, 248, 78, 0.1);
    height: 100%;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    min-width: 0;
    /* Allow container to shrink and stay within parent bounds */
    /* Force strict width constraints */
    contain: layout size;
}


/* Ensure MudBlazor flex classes respect container bounds */

.portfolio-panel-container .d-flex[b-7ziebakg1n] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.portfolio-panel-container .mb-3[b-7ziebakg1n] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}


/* Wallet area container - used by Terminal.razor layout */

.wallet-info-container[b-7ziebakg1n] {
    background-color: #080809;
    padding: 0;
    border-radius: 4px;
    /* CRITICAL: Fixed height allows JavaScript resizer to work properly */
    height: 450px;
    /* Increased from 220px to 356px for better visibility of trading features */
    resize: none;
    min-height: 350px;
    max-height: 55vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    /* Ensure container doesn't expand beyond chart section bounds */
    box-sizing: border-box;
    contain: layout;
    /* Force strict boundary respect */
    min-width: 0;
}


/* Keep the flex row clean; gap provides spacing between the two cards */

.wallet-info-container>.d-flex[b-7ziebakg1n] {
    background: transparent !important;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    align-items: stretch;
    display: flex !important;
    flex-direction: row !important;
}


/* Card wrappers: fixed containers, allow scrolling for portfolio */

.wallet-info-container .mud-paper.pa-3[b-7ziebakg1n] {
    display: flex;
    flex-direction: column;
    height: 100% !important;
    overflow: hidden;
}

.wallet-info-container .mud-paper.pa-4[b-7ziebakg1n] {
    display: flex;
    flex-direction: column;
    height: 100% !important;
    overflow: auto;
}


/* Default flex behavior: equal distribution */

.wallet-info-container .mud-paper.pa-3[b-7ziebakg1n] {
    flex: 1 1 auto;
    max-width: none !important;
}

.wallet-info-container .mud-paper.pa-4[b-7ziebakg1n] {
    flex: 1 1 auto;
}


/* Portfolio panel constraints */

.wallet-info-container .mud-paper.pa-4[b-7ziebakg1n] {
    min-width: 0;
    overflow: auto;
}


/* Portfolio content: make it horizontally scrollable */

.wallet-info-container .mud-paper.pa-4 .hyperliquid-container[b-7ziebakg1n] {
    overflow-x: auto !important;
    overflow-y: auto !important;
    width: 100%;
    max-width: 100%;
}


/* Ensure all tables and wide content in portfolio scroll horizontally */

.wallet-info-container .mud-paper.pa-4 .mud-table[b-7ziebakg1n],
.wallet-info-container .mud-paper.pa-4 .mud-table-container[b-7ziebakg1n],
.wallet-info-container .mud-paper.pa-4 .mud-table-root[b-7ziebakg1n] {
    max-width: 100% !important;
    overflow-x: auto !important;
}

.wallet-info-container .mud-paper.pa-4 .wallet-content[b-7ziebakg1n] {
    max-width: 100% !important;
    overflow-x: auto !important;
}


/* Trading card content scrolls */

.wallet-info-container .mud-paper.pa-3 .trading-form[b-7ziebakg1n] {
    flex: 1 1 auto;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: calc(100% - 50px);
    padding-right: 0;
    height: 100%;
    min-height: 0;
}


/* Portfolio card content scrolls */

.wallet-info-container .mud-paper.pa-4 .hyperliquid-container[b-7ziebakg1n] {
    flex: 1 1 auto;
    overflow-y: auto !important;
    overflow-x: auto !important;
    max-height: calc(100% - 50px);
    padding-right: 0;
    position: relative;
    box-sizing: border-box;
    margin-right: 0;
    padding-right: 0;
}


/* Trading: scroll the form/content only */

.wallet-info-container .trading-form[b-7ziebakg1n] {
    flex: 1 1 auto;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 0;
    height: 100%;
    box-sizing: border-box;
    margin-right: 0;
    padding-right: 0;
}


/* Webkit scrollbar styling for both tables */

.positions-table[b-7ziebakg1n]::-webkit-scrollbar,
.orders-table[b-7ziebakg1n]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.positions-table[b-7ziebakg1n]::-webkit-scrollbar-track,
.orders-table[b-7ziebakg1n]::-webkit-scrollbar-track {
    background: #141C21;
    border-radius: 4px;
}

.positions-table[b-7ziebakg1n]::-webkit-scrollbar-thumb,
.orders-table[b-7ziebakg1n]::-webkit-scrollbar-thumb {
    background: #2C373D;
    border-radius: 4px;
}

.positions-table[b-7ziebakg1n]::-webkit-scrollbar-thumb:hover,
.orders-table[b-7ziebakg1n]::-webkit-scrollbar-thumb:hover {
    background: #374750;
}


/* WebKit scrollbars for wallet containers */

.wallet-info-container .trading-form[b-7ziebakg1n]::-webkit-scrollbar,
.wallet-info-container .mud-paper.pa-3 .trading-form[b-7ziebakg1n]::-webkit-scrollbar,
.wallet-info-container .mud-paper.pa-4 .hyperliquid-container[b-7ziebakg1n]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    position: absolute;
    right: -8px;
    z-index: 10;
    margin: 0;
    padding: 0;
}

.wallet-info-container .trading-form[b-7ziebakg1n]::-webkit-scrollbar-track,
.wallet-info-container .mud-paper.pa-3 .trading-form[b-7ziebakg1n]::-webkit-scrollbar-track,
.wallet-info-container .mud-paper.pa-4 .hyperliquid-container[b-7ziebakg1n]::-webkit-scrollbar-track {
    background: #141C21;
    border-radius: 4px;
}

.wallet-info-container .trading-form[b-7ziebakg1n]::-webkit-scrollbar-thumb,
.wallet-info-container .mud-paper.pa-3 .trading-form[b-7ziebakg1n]::-webkit-scrollbar-thumb,
.wallet-info-container .mud-paper.pa-4 .hyperliquid-container[b-7ziebakg1n]::-webkit-scrollbar-thumb {
    background: #2C373D;
    border-radius: 4px;
}

.wallet-info-container .trading-form[b-7ziebakg1n]::-webkit-scrollbar-thumb:hover,
.wallet-info-container .mud-paper.pa-3 .trading-form[b-7ziebakg1n]::-webkit-scrollbar-thumb:hover,
.wallet-info-container .mud-paper.pa-4 .hyperliquid-container[b-7ziebakg1n]::-webkit-scrollbar-thumb:hover {
    background: #374750;
}


/* Firefox scrollbars */

.wallet-info-container .trading-form[b-7ziebakg1n],
.wallet-info-container .mud-paper.pa-3 .trading-form[b-7ziebakg1n],
.wallet-info-container .mud-paper.pa-4 .hyperliquid-container[b-7ziebakg1n] {
    scrollbar-width: thin;
    scrollbar-color: #2C373D #141C21;
}


/* Portfolio: scroll the wallet content area only */

.wallet-info-container[b-7ziebakg1n]  .hyperliquid-container {
    flex: 1 1 auto;
    overflow-y: auto !important;
    overflow-x: auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}


/* Custom scrollbar styling for wallet info container */

.wallet-info-container[b-7ziebakg1n]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.wallet-info-container[b-7ziebakg1n]::-webkit-scrollbar-track {
    background: #141C21;
    border-radius: 2px;
}

.wallet-info-container[b-7ziebakg1n]::-webkit-scrollbar-thumb {
    background: #2C373D;
    border-radius: 2px;
}

.wallet-info-container[b-7ziebakg1n]::-webkit-scrollbar-thumb:hover {
    background: #374750;
}

.wallet-info-container[b-7ziebakg1n]::-webkit-scrollbar-corner {
    background: #141C21;
}

.wallet-container[b-7ziebakg1n] {
    background-color: #0D1215;
    padding: 24px;
    border-radius: 4px;
}


/* Portfolio Navigation Styling */

.portfolio-nav-wrapper[b-7ziebakg1n] {
    position: relative;
    flex: 0 0 auto;
    max-width: 100%;
}

/* Right fade - indicates more content to scroll */
.portfolio-nav-wrapper[b-7ziebakg1n]::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    background: linear-gradient(to left, #0D1215, transparent);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: 1;
}

/* Show fade on narrow screens where scroll is likely needed */
@media (max-width: 400px) {
    .portfolio-nav-wrapper[b-7ziebakg1n]::after {
        opacity: 0.8;
    }
}

.portfolio-nav[b-7ziebakg1n] {
    display: flex;
    align-items: center;
    gap: 8px;
    /* Enable horizontal scrolling on mobile */
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;  /* Smooth momentum scrolling on iOS */
    scrollbar-width: none;  /* Hide scrollbar on Firefox */
    -ms-overflow-style: none;  /* Hide scrollbar on IE/Edge */
    /* Prevent text selection during scroll */
    user-select: none;
    /* Ensure tabs don't wrap */
    flex-wrap: nowrap;
    white-space: nowrap;
}

/* Hide scrollbar on Webkit (Chrome, Safari) */
.portfolio-nav[b-7ziebakg1n]::-webkit-scrollbar {
    display: none;
}

.portfolio-nav .nav-item[b-7ziebakg1n] {
    /* Reset button defaults for semantic button element */
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    outline: inherit;
    /* Tab styling */
    display: inline-flex;
    align-items: center;
    gap: 0;
    color: #A2A2A2;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s ease;
    user-select: none;
    flex-shrink: 0;  /* Prevent tabs from compressing */
}

/* Focus indicator for keyboard navigation */
.portfolio-nav .nav-item:focus-visible[b-7ziebakg1n] {
    outline: none;
    box-shadow: var(--degen-focus-ring);
    border-radius: var(--degen-radius-md);
}

.portfolio-nav .nav-item:hover[b-7ziebakg1n] {
    color: #A2A2A2;
}

.portfolio-nav .nav-item.active[b-7ziebakg1n] {
    color: #E9E9E9;
}

/* Tab animated underline indicator */
.portfolio-nav .nav-item[b-7ziebakg1n] {
    position: relative;
}

.portfolio-nav .nav-item[b-7ziebakg1n]::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--degen-color-primary, #B8F84E);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.2s ease;
}

.portfolio-nav .nav-item:hover[b-7ziebakg1n]::after {
    transform: scaleX(0.5);
}

.portfolio-nav .nav-item.active[b-7ziebakg1n]::after {
    transform: scaleX(1);
}

/* Tab count badges */
.tab-badge[b-7ziebakg1n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 5px;
    margin-left: 6px;
    font-size: 10px;
    font-weight: 600;
    background: var(--degen-color-primary, #B8F84E);
    color: var(--degen-bg-primary, #0D1215);
    border-radius: 8px;
    line-height: 1;
    transition: transform 0.15s ease;
}

.portfolio-nav .nav-item:hover .tab-badge[b-7ziebakg1n] {
    transform: scale(1.05);
}

.portfolio-nav .nav-separator[b-7ziebakg1n] {
    background-color: rgba(102, 102, 102, 0.18);
    height: 0.8px;
    width: 12px;
    flex-shrink: 0;
}


/* Portfolio Tab Content */

.portfolio-tab-content[b-7ziebakg1n] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: auto;
}

/* Direct portfolio layout without card wrapper */
.portfolio-tab-content.portfolio-tab-direct[b-7ziebakg1n] {
    background-color: #0D1215;
    padding: 12px;
    border-radius: 4px;
    /* Allow horizontal scrolling for table content */
    height: calc(100% - 39px);
    max-height: calc(100% - 10px);
    min-width: 0;
    /* Allow content to shrink */
    scrollbar-width: thin;
    scrollbar-color: #2C373D #141C21;
    /* Force content to stay within bounds */
    width: 100%;
    max-width: 100%;
    /* Tab content transition animation */
    animation: tabFadeIn-b-7ziebakg1n 0.2s ease-out;
}

@keyframes tabFadeIn-b-7ziebakg1n {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Ensure tables maintain their minimum widths for proper column display */

.portfolio-tab-content .compact-table[b-7ziebakg1n] {
    min-width: max-content;
    /* Ensure table doesn't compress below content needs */
    width: 100%;
}


/* Portfolio panel should work within flex constraints */


/* Removed aggressive flex overrides that were causing boundary issues */


/* Custom scrollbar for portfolio tab content */

.portfolio-tab-content[b-7ziebakg1n]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.portfolio-tab-content[b-7ziebakg1n]::-webkit-scrollbar-track {
    background: #141C21;
    border-radius: 0;
}

.portfolio-tab-content[b-7ziebakg1n]::-webkit-scrollbar-thumb {
    background: #2C373D;
    border-radius: 0;
}

.portfolio-tab-content[b-7ziebakg1n]::-webkit-scrollbar-thumb:hover {
    background: #374449;
}

.portfolio-content[b-7ziebakg1n] {
    height: calc(100% - 60px);
    overflow-y: auto;
    padding-right: 8px;
}

.portfolio-content h4[b-7ziebakg1n] {
    margin-bottom: 16px;
    color: #E9E9E9;
    font-size: 16px;
    font-weight: 600;
}

.orders-list[b-7ziebakg1n],
.positions-list[b-7ziebakg1n],
.history-list[b-7ziebakg1n] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.order-item[b-7ziebakg1n],
.position-item[b-7ziebakg1n],
.trade-item[b-7ziebakg1n] {
    padding: 12px;
    background-color: rgba(102, 102, 102, 0.05);
    border-radius: 4px;
    border: 1px solid rgba(102, 102, 102, 0.1);
}


/* Compact Table Design */

.compact-table[b-7ziebakg1n] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: visible;
}

.compact-table:not(.positions-table)[b-7ziebakg1n] {
    min-width: 420px;
}

.table-header[b-7ziebakg1n] {
    display: grid;
    grid-template-columns: 1fr 80px 100px 100px 80px 60px;
    gap: 8px;
    padding: 6px 8px;
    background-color: rgba(102, 102, 102, 0.08);
    border-bottom: 1px solid rgba(102, 102, 102, 0.2);
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #A2A2A2;
    flex-shrink: 0;
    min-width: 420px;
    text-align: left !important;
    line-height: 1 !important;
    align-items: center !important;
    height: 28px !important;
    box-sizing: border-box !important;
}

.table-row[b-7ziebakg1n] {
    display: grid;
    grid-template-columns: 1fr 80px 100px 100px 80px 60px;
    gap: 8px;
    padding: 8px 8px;
    border-bottom: 1px solid rgba(102, 102, 102, 0.1);
    font-size: 11px;
    transition: background-color 0.2s ease;
    align-items: center;
    min-width: 420px;
    text-align: left !important;
}

.table-header>span[b-7ziebakg1n],
.table-row>span[b-7ziebakg1n] {
    text-align: left;
    justify-self: start;
}


/* Orders Table - Comprehensive Layout */

.orders-table-header[b-7ziebakg1n] {
    grid-template-columns: 80px 50px 70px 60px 90px 70px 70px 80px 120px 60px !important;
    gap: 3px !important;
    min-width: 750px !important;
    width: 100% !important;
    padding: 6px 8px !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    color: #A2A2A2 !important;
    background-color: rgba(102, 102, 102, 0.08) !important;
    border-bottom: 1px solid rgba(102, 102, 102, 0.2) !important;
    text-align: left !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
    display: grid !important;
    align-items: center !important;
    height: 28px !important;
    box-sizing: border-box !important;
}


/* Orders Table Column Styling */

.orders-table .col-time[b-7ziebakg1n] {
    font-size: 10px;
    color: #A2A2A2;
}

.orders-table .col-asset[b-7ziebakg1n] {
    font-weight: 500;
}

.orders-table .col-type[b-7ziebakg1n] {
    font-size: 10px;
    color: #888;
}

.orders-table .col-size[b-7ziebakg1n],
.orders-table .col-order-value[b-7ziebakg1n],
.orders-table .col-price[b-7ziebakg1n] {
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
}

.orders-table .col-reduce-only[b-7ziebakg1n],
.orders-table .col-trigger[b-7ziebakg1n],
.orders-table .col-tpsl[b-7ziebakg1n] {
    font-size: 10px;
    color: #888;
}

.orders-table-row[b-7ziebakg1n] {
    grid-template-columns: 80px 50px 70px 60px 90px 70px 70px 80px 120px 60px !important;
    gap: 3px !important;
    min-width: 750px !important;
    width: 100% !important;
    padding: 8px 8px !important;
    font-size: 11px !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(102, 102, 102, 0.1) !important;
    transition: background-color 0.2s ease !important;
    align-items: center !important;
}

.orders-table-row:hover[b-7ziebakg1n] {
    background-color: rgba(102, 102, 102, 0.05) !important;
}

.orders-table-row:last-child[b-7ziebakg1n] {
    border-bottom: none !important;
}


/* Orders Table Container */

.orders-table[b-7ziebakg1n] {
    width: 100%;
    flex: 1;
    /* Overflow handled by .portfolio-tab-content so the column-filter popover can escape this box. */
    overflow: visible;
    scrollbar-width: thin;
    scrollbar-color: #2C373D #141C21;
    min-width: 700px;
}


/* Positions Table */

.positions-table[b-7ziebakg1n] {
    width: 100% !important;
    max-width: none !important;
    min-width: 720px !important;
    /* Tightened for more compact layout */
    flex: 1;
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #2C373D #141C21;
}


/* Custom scrollbar for positions table */

.positions-table[b-7ziebakg1n]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.positions-table[b-7ziebakg1n]::-webkit-scrollbar-track {
    background: #141C21;
    border-radius: 0;
}

.positions-table[b-7ziebakg1n]::-webkit-scrollbar-thumb {
    background: #2C373D;
    border-radius: 0;
}

.positions-table[b-7ziebakg1n]::-webkit-scrollbar-thumb:hover {
    background: #374449;
}

.positions-table .table-header[b-7ziebakg1n] {
    grid-template-columns: 0.85fr 0.9fr 0.9fr 0.85fr 1.5fr 24px 0.85fr 36px 28px;
    /* asset | size/value | entry/mark | liq | pnl | spacer | funding | close | share */
    gap: 6px;
    width: 100%;
    min-width: 720px;
    padding: 6px 8px;
    font-size: 9px;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    color: #A2A2A2 !important;
    background-color: rgba(102, 102, 102, 0.08) !important;
    border-bottom: 1px solid rgba(102, 102, 102, 0.2) !important;
    text-align: left !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
    display: grid !important;
    align-items: center !important;
    height: 28px !important;
    box-sizing: border-box !important;
}

.positions-table .table-row[b-7ziebakg1n] {
    grid-template-columns: 0.85fr 0.9fr 0.9fr 0.85fr 1.5fr 24px 0.85fr 36px 28px;
    /* asset | size/value | entry/mark | liq | pnl | spacer | funding | close | share */
    gap: 6px;
    width: 100%;
    padding: 8px 8px;
    font-size: 11px;
    text-align: left !important;
    border-bottom: 1px solid rgba(102, 102, 102, 0.1) !important;
    transition: background-color 0.2s ease !important;
    align-items: center !important;
}

.positions-table .table-row:hover[b-7ziebakg1n] {
    background-color: rgba(102, 102, 102, 0.05) !important;
}

.positions-table .table-row:last-child[b-7ziebakg1n] {
    border-bottom: none !important;
}

.positions-table .table-header>span[b-7ziebakg1n],
.positions-table .table-row>span[b-7ziebakg1n],
.outcomes-table .table-header>span[b-7ziebakg1n],
.outcomes-table .table-row>span[b-7ziebakg1n],
.orders-table-header>span[b-7ziebakg1n],
.orders-table-row>span[b-7ziebakg1n] {
    text-align: left;
    justify-self: start;
    align-self: center;
    line-height: 1;
    display: flex;
    align-items: center;
    height: 100%;
}


/* Positions Table Column Styling */

.positions-table .col-asset[b-7ziebakg1n] {
    font-weight: 500;
}

.positions-table .col-size[b-7ziebakg1n],
.positions-table .col-pos-value[b-7ziebakg1n],
.positions-table .col-margin[b-7ziebakg1n],
.positions-table .col-entry[b-7ziebakg1n],
.positions-table .col-mark[b-7ziebakg1n],
.positions-table .col-liq[b-7ziebakg1n],
.positions-table .col-pnl[b-7ziebakg1n],
.positions-table .col-funding[b-7ziebakg1n] {
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
}

.positions-table .col-action[b-7ziebakg1n] {
    text-align: center;
    justify-self: center;
}

.positions-table .col-share[b-7ziebakg1n] {
    text-align: center;
    justify-self: center;
}

/* Stacked Size/Value and Entry/Mark cells (desktop/tablet only).
   Mobile keeps the inner spans flowing into their own grid-areas via display: contents. */
@media (min-width: 600px) {
    .positions-table .col-size-value[b-7ziebakg1n],
    .positions-table .col-entry-mark[b-7ziebakg1n] {
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 1px;
        line-height: 1.2 !important;
    }
    /* reference (top line, muted) = size + entry ; primary (bottom line, bright) = value + mark */
    .positions-table .col-size-value .col-size[b-7ziebakg1n],
    .positions-table .col-entry-mark .col-entry[b-7ziebakg1n] {
        color: #A2A2A2;
        font-size: 10px;
    }
    .positions-table .col-size-value .col-pos-value[b-7ziebakg1n],
    .positions-table .col-entry-mark .col-mark[b-7ziebakg1n] {
        color: #E9E9E9;
    }
}

/* Outcomes table — 8-column desktop grid (mirrors positions-table).
   Shares/Value and Entry/Current are bundled into stacked cells, freeing width
   for PNL and a wider spacer so PNL and Edge stop colliding. */
.outcomes-table .table-header[b-7ziebakg1n],
.outcomes-table .table-row[b-7ziebakg1n] {
    grid-template-columns: 2.4fr 0.85fr 0.85fr 0.75fr 1.4fr 24px 0.6fr 56px !important;
    gap: 6px;
    width: 100%;
    min-width: 700px;
}

.outcomes-table .col-size[b-7ziebakg1n],
.outcomes-table .col-pos-value[b-7ziebakg1n],
.outcomes-table .col-entry[b-7ziebakg1n],
.outcomes-table .col-mark[b-7ziebakg1n],
.outcomes-table .col-payout[b-7ziebakg1n],
.outcomes-table .col-pnl[b-7ziebakg1n],
.outcomes-table .col-edge[b-7ziebakg1n] {
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
}

/* Stacked Shares/Value and Entry/Current cells (desktop/tablet only).
   Mobile keeps the inner spans flowing into their own grid-areas via display: contents. */
@media (min-width: 600px) {
    .outcomes-table .col-size-value[b-7ziebakg1n],
    .outcomes-table .col-entry-mark[b-7ziebakg1n] {
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 1px;
        line-height: 1.2 !important;
    }
    /* reference (top line, muted) = shares + entry ; primary (bottom line, bright) = value + current */
    .outcomes-table .col-size-value .col-size[b-7ziebakg1n],
    .outcomes-table .col-entry-mark .col-entry[b-7ziebakg1n] {
        color: #A2A2A2;
        font-size: 10px;
    }
    .outcomes-table .col-size-value .col-pos-value[b-7ziebakg1n],
    .outcomes-table .col-entry-mark .col-mark[b-7ziebakg1n] {
        color: #E9E9E9;
    }
}

.outcomes-table .col-action[b-7ziebakg1n] {
    text-align: center;
    justify-self: center;
}

/* Outcome cell: chip + symbol + expiry pill + truncating question */
.outcomes-table .col-asset[b-7ziebakg1n] {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow: hidden;
    min-width: 0;
}

.outcomes-table .col-asset .outcome-chip[b-7ziebakg1n] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 1;
}

.outcomes-table .col-asset .outcome-chip.side-buy[b-7ziebakg1n] {
    background: rgba(184, 248, 78, 0.15);
    color: var(--degen-color-primary);
}

.outcomes-table .col-asset .outcome-chip.side-sell[b-7ziebakg1n] {
    background: rgba(255, 107, 107, 0.15);
    color: var(--degen-color-error);
}

.outcomes-table .col-asset .dex-prefix[b-7ziebakg1n] {
    flex: 0 0 auto;
    color: var(--degen-text-primary);
    font-size: 11px;
    font-weight: 600;
}

.outcomes-table .col-asset .outcome-expiry[b-7ziebakg1n] {
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 500;
    color: var(--degen-color-primary);
    font-family: 'Source Code Pro', monospace;
    padding: 1px 5px;
    border: 1px solid rgba(184, 248, 78, 0.3);
    border-radius: 3px;
    white-space: nowrap;
}

.outcomes-table .col-asset .outcome-question[b-7ziebakg1n] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--degen-text-secondary);
    font-size: 11px;
}

.table-row:hover[b-7ziebakg1n] {
    background-color: rgba(102, 102, 102, 0.05);
}

.table-row:last-child[b-7ziebakg1n] {
    border-bottom: none;
}


/* ===========================================
   ENHANCED ROW HOVER STATES (Desktop)
   =========================================== */

@media (min-width: 900px) {
    /* Base row enhancement with left border indicator */
    .orders-table-row[b-7ziebakg1n],
    .history-table .table-row[b-7ziebakg1n] {
        border-left: 3px solid transparent;
        transition: all 0.15s ease;
    }

    /* Orders/History hover - green border indicator */
    .orders-table-row:hover[b-7ziebakg1n],
    .history-table .table-row:hover[b-7ziebakg1n] {
        background-color: rgba(184, 248, 78, 0.03) !important;
        border-left-color: rgba(184, 248, 78, 0.4);
    }

    /* Positions hover - background only, border handled by side indicators */
    .positions-table .table-row:hover[b-7ziebakg1n] {
        background-color: rgba(184, 248, 78, 0.03) !important;
    }

    /* Alternate row striping for better readability */
    .orders-table-row:nth-child(even)[b-7ziebakg1n],
    .positions-table .table-row:nth-child(even)[b-7ziebakg1n],
    .history-table .table-row:nth-child(even)[b-7ziebakg1n] {
        background-color: rgba(255, 255, 255, 0.01);
    }

    .orders-table-row:nth-child(even):hover[b-7ziebakg1n],
    .positions-table .table-row:nth-child(even):hover[b-7ziebakg1n],
    .history-table .table-row:nth-child(even):hover[b-7ziebakg1n] {
        background-color: rgba(184, 248, 78, 0.03) !important;
    }
}


/* Column Styling */

.col-asset[b-7ziebakg1n] {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-side[b-7ziebakg1n] {
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.col-size[b-7ziebakg1n],
.col-price[b-7ziebakg1n],
.col-type[b-7ziebakg1n],
.col-pnl[b-7ziebakg1n],
.col-time[b-7ziebakg1n],
.col-pos-value[b-7ziebakg1n],
.col-entry[b-7ziebakg1n],
.col-liq[b-7ziebakg1n],
.col-margin[b-7ziebakg1n],
.col-funding[b-7ziebakg1n],
.col-order-value[b-7ziebakg1n],
.col-reduce-only[b-7ziebakg1n],
.col-trigger[b-7ziebakg1n],
.col-tpsl[b-7ziebakg1n],
.col-mark[b-7ziebakg1n] {
    text-align: right;
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-action[b-7ziebakg1n] {
    text-align: center;
}


/* Cancel Order Button */

.cancel-order-btn[b-7ziebakg1n],
.cancel-order-btn .mud-icon-root[b-7ziebakg1n],
.cancel-order-btn .mud-button-label[b-7ziebakg1n] {
    color: #D65858 !important;
    background-color: transparent !important;
    border: none !important;
    padding: 4px !important;
    min-width: 32px !important;
    height: 32px !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}

.cancel-order-btn:hover[b-7ziebakg1n],
.cancel-order-btn:hover .mud-icon-root[b-7ziebakg1n],
.cancel-order-btn:hover .mud-button-label[b-7ziebakg1n] {
    background-color: rgba(214, 88, 88, 0.1) !important;
    color: #D65858 !important;
    transform: scale(1.1);
}

.cancel-order-btn:active[b-7ziebakg1n],
.cancel-order-btn:active .mud-icon-root[b-7ziebakg1n],
.cancel-order-btn:active .mud-button-label[b-7ziebakg1n] {
    transform: scale(0.95);
    color: #D65858 !important;
}

.cancel-order-btn.mud-button-root[b-7ziebakg1n],
.cancel-order-btn.mud-button-root .mud-icon-root[b-7ziebakg1n] {
    color: #D65858 !important;
}

.cancel-order-btn.mud-button-root:hover[b-7ziebakg1n],
.cancel-order-btn.mud-button-root:hover .mud-icon-root[b-7ziebakg1n] {
    color: #D65858 !important;
}


/* Cancel All Orders Button */
.cancel-all-btn[b-7ziebakg1n] {
    cursor: pointer;
    color: #FF4B4B;
    font-size: 8px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 4px;
    transition: all 0.15s ease;
}

.cancel-all-btn:hover[b-7ziebakg1n] {
    background: rgba(255, 75, 75, 0.1);
}

.cancel-all-btn:active[b-7ziebakg1n] {
    transform: scale(0.95);
}

.cancel-all-btn:focus-visible[b-7ziebakg1n] {
    outline: 2px solid #B8F84E;
    outline-offset: 2px;
}

.cancel-all-btn.disabled[b-7ziebakg1n] {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}

/* Close All Positions Button - matches cancel-all-btn pattern */
.close-all-btn[b-7ziebakg1n] {
    cursor: pointer;
    color: var(--degen-color-sell);
    font-size: 8px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: var(--degen-radius-md);
    transition: all var(--degen-transition-fast);
}

.close-all-btn:hover[b-7ziebakg1n] {
    background: rgba(255, 75, 75, 0.1);
}

.close-all-btn:active[b-7ziebakg1n] {
    transform: scale(0.95);
}

.close-all-btn:focus-visible[b-7ziebakg1n] {
    outline: none;
    box-shadow: var(--degen-focus-ring);
}

.close-all-btn.disabled[b-7ziebakg1n] {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}


/* Close Position Button - Simple text link style matching column data */
.close-position-btn[b-7ziebakg1n] {
    background: none;
    border: none;
    color: var(--degen-color-sell);
    font-size: 11px;
    font-weight: 500;
    font-family: 'Source Code Pro', monospace;
    padding: 0;
    cursor: pointer;
    transition: opacity var(--degen-transition-fast);
}

.close-position-btn:hover[b-7ziebakg1n] {
    opacity: 0.7;
}

.close-position-btn:active[b-7ziebakg1n] {
    opacity: 0.5;
}

.close-position-btn:focus-visible[b-7ziebakg1n] {
    outline: none;
    box-shadow: var(--degen-focus-ring);
    border-radius: var(--degen-radius-sm);
}

.close-position-btn:disabled[b-7ziebakg1n] {
    cursor: not-allowed;
    opacity: 0.4;
    pointer-events: none;
}

/* Share-PnL-card affordance (positions share column + inline in fills PnL cell) */
.pnl-share-btn[b-7ziebakg1n] {
    background: none;
    border: none;
    color: var(--degen-text-tertiary);
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    transition: color var(--degen-transition-fast), opacity var(--degen-transition-fast);
}

.pnl-share-btn:hover[b-7ziebakg1n] {
    color: var(--degen-color-primary);
}

.pnl-share-btn:active[b-7ziebakg1n] {
    opacity: 0.6;
}

.pnl-share-btn:focus-visible[b-7ziebakg1n] {
    outline: none;
    box-shadow: var(--degen-focus-ring);
    border-radius: var(--degen-radius-sm);
}

.pnl-share-btn-inline[b-7ziebakg1n] {
    margin-left: 6px;
}


/* Asset Names */

.asset-name[b-7ziebakg1n] {
    font-weight: 600;
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Clickable Asset Badges - Navigate to chart */
.asset-clickable[b-7ziebakg1n] {
    cursor: pointer;
    transition: all 0.15s ease;
}

.asset-clickable:hover[b-7ziebakg1n] {
    text-decoration: underline;
    filter: brightness(1.2);
}


/* Asset Color Coding by Position Side */

.asset-long[b-7ziebakg1n] {
    color: #4CAF50 !important;
}

.asset-short[b-7ziebakg1n] {
    color: #f44336 !important;
}


/* Side Indicators */

.side-buy[b-7ziebakg1n] {
    color: #B8F84E;
    background-color: rgba(184, 248, 78, 0.1);
    padding: 2px 6px;
    border-radius: 3px;
}

.side-sell[b-7ziebakg1n] {
    color: #FF6B6B;
    background-color: rgba(255, 107, 107, 0.1);
    padding: 2px 6px;
    border-radius: 3px;
}


/* PnL Colors - Enhanced with background tints */

.pnl-positive[b-7ziebakg1n] {
    color: var(--degen-pnl-positive);
    font-weight: 600;
}

.pnl-negative[b-7ziebakg1n] {
    color: var(--degen-pnl-negative);
    font-weight: 600;
}

/* Enhanced PnL prominence for desktop */
@media (min-width: 900px) {
    .col-pnl.pnl-positive[b-7ziebakg1n],
    .positions-table .col-pnl.pnl-positive[b-7ziebakg1n] {
        background: rgba(76, 175, 80, 0.08);
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px !important;
        font-weight: 600;
    }

    .col-pnl.pnl-negative[b-7ziebakg1n],
    .positions-table .col-pnl.pnl-negative[b-7ziebakg1n] {
        background: rgba(244, 67, 54, 0.08);
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px !important;
        font-weight: 600;
    }
}


/* Funding Colors */

.funding-positive[b-7ziebakg1n] {
    color: #B8F84E;
}

.funding-negative[b-7ziebakg1n] {
    color: #D65858;
}


/* General Text Colors */

.col-size[b-7ziebakg1n],
.col-price[b-7ziebakg1n] {
    color: #E9E9E9;
}

.col-type[b-7ziebakg1n] {
    color: #A2A2A2;
    font-size: 10px;
    font-weight: 500;
}

/* ===========================================
   ORDER TYPE VISUAL DIFFERENTIATION (Desktop)
   Note: Order type styling applied via base .col-type styles.
   Per-type coloring would require data-order-type attributes in markup.
   =========================================== */

@media (min-width: 900px) {
    .orders-table .col-type[b-7ziebakg1n],
    .history-table .col-type[b-7ziebakg1n] {
        display: inline-flex;
        align-items: center;
        padding: 2px 6px;
        border-radius: 3px;
        font-size: 9px !important;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        background-color: rgba(102, 102, 102, 0.1);
    }
}


/* ===========================================
   POSITION SIDE INDICATORS (Desktop)
   =========================================== */

@media (min-width: 900px) {
    /* Position row side indicator - left border colored by side */
    .positions-table .table-row[b-7ziebakg1n] {
        position: relative;
        border-left: 3px solid transparent;
        transition: all 0.15s ease;
    }

    /* Long positions - green border */
    .positions-table .table-row:has(.col-asset.side-buy)[b-7ziebakg1n] {
        border-left-color: rgba(184, 248, 78, 0.5);
    }

    .positions-table .table-row:has(.col-asset.side-buy):hover[b-7ziebakg1n] {
        border-left-color: rgba(184, 248, 78, 0.8);
        border-left-width: 4px;
    }

    /* Short positions - red border */
    .positions-table .table-row:has(.col-asset.side-sell)[b-7ziebakg1n] {
        border-left-color: rgba(255, 107, 107, 0.5);
    }

    .positions-table .table-row:has(.col-asset.side-sell):hover[b-7ziebakg1n] {
        border-left-color: rgba(255, 107, 107, 0.8);
        border-left-width: 4px;
    }
}


/* Empty State - Enhanced visibility */

.empty-state[b-7ziebakg1n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 350px;
    text-align: center;
    padding: var(--degen-space-xxl) var(--degen-space-xl);
    background: linear-gradient(180deg, rgba(20, 28, 33, 0.6) 0%, rgba(13, 18, 21, 0.3) 100%);
    border-radius: var(--degen-radius-lg);
    border: 1px solid var(--degen-border-subtle);
}

.empty-state-compact[b-7ziebakg1n] {
    min-height: 80px;
    padding: var(--degen-space-xl) var(--degen-space-lg);
}

.empty-state-icon[b-7ziebakg1n] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: var(--degen-radius-full);
    background: rgba(102, 102, 102, 0.12);
    margin-bottom: var(--degen-space-md);
    color: var(--degen-text-hint);
}

.empty-state-compact .empty-state-icon[b-7ziebakg1n] {
    width: 44px;
    height: 44px;
    margin-bottom: var(--degen-space-sm);
}

.empty-text[b-7ziebakg1n] {
    color: var(--degen-text-secondary);
    font-size: var(--degen-font-size-lg);
    font-weight: 500;
    margin-bottom: var(--degen-space-sm);
    letter-spacing: 0.01em;
}

.empty-subtext[b-7ziebakg1n] {
    color: var(--degen-text-tertiary);
    font-size: var(--degen-font-size-base);
    line-height: 1.5;
    max-width: 280px;
}

/* Empty State Enhancements */
.empty-state.fade-in[b-7ziebakg1n] {
    animation: fadeIn-b-7ziebakg1n 0.4s ease-out;
}

.empty-state-icon.pulse-subtle[b-7ziebakg1n] {
    animation: pulseSubtle-b-7ziebakg1n 3s ease-in-out infinite;
}

@keyframes pulseSubtle-b-7ziebakg1n {
    0%, 100% { opacity: 0.6; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.02); }
}

/* Empty state hint (non-interactive guidance) */
.empty-hint[b-7ziebakg1n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--degen-space-lg);
    padding: var(--degen-space-sm) var(--degen-space-lg);
    background: rgba(58, 66, 72, 0.1);
    border-radius: var(--degen-radius-lg);
    color: var(--degen-text-muted);
    font-size: var(--degen-font-size-md);
    font-family: var(--degen-font-sans);
}

.empty-hint span[b-7ziebakg1n] {
    color: var(--degen-text-tertiary);
}


/* ===========================================
   LOADING SKELETON SHIMMER ANIMATION
   =========================================== */

@keyframes shimmer-b-7ziebakg1n {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Enhanced skeleton loading with custom shimmer */
[b-7ziebakg1n] .mud-skeleton {
    background: linear-gradient(
        90deg,
        rgba(102, 102, 102, 0.1) 25%,
        rgba(102, 102, 102, 0.2) 50%,
        rgba(102, 102, 102, 0.1) 75%
    );
    background-size: 200% 100%;
    animation: shimmer-b-7ziebakg1n 1.5s ease-in-out infinite;
    border-radius: 4px;
}


/* ===========================================
   EMPTY STATE ENHANCEMENTS (Desktop)
   =========================================== */

@media (min-width: 900px) {
    .empty-state[b-7ziebakg1n] {
        background: radial-gradient(ellipse at center, rgba(58, 66, 72, 0.15) 0%, transparent 70%),
                    linear-gradient(180deg, rgba(20, 28, 33, 0.6) 0%, rgba(13, 18, 21, 0.3) 100%);
    }

    .empty-state-icon[b-7ziebakg1n] {
        position: relative;
    }

    .empty-state-icon[b-7ziebakg1n]::before {
        content: '';
        position: absolute;
        inset: -8px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(184, 248, 78, 0.08) 0%, transparent 70%);
        z-index: -1;
    }
}


/* ===========================================
   BUTTON MICRO-INTERACTIONS (Desktop)
   =========================================== */

@media (min-width: 900px) {
    /* Action buttons fade in on row hover */
    .positions-table .table-row .close-position-btn[b-7ziebakg1n],
    .orders-table-row .cancel-order-btn[b-7ziebakg1n] {
        opacity: 0.6;
        transition: all 0.15s ease;
    }

    .positions-table .table-row:hover .close-position-btn[b-7ziebakg1n],
    .orders-table-row:hover .cancel-order-btn[b-7ziebakg1n] {
        opacity: 1;
    }

    /* Button hover scale */
    .close-position-btn:hover[b-7ziebakg1n],
    .cancel-order-btn:hover[b-7ziebakg1n] {
        transform: scale(1.05);
    }

    /* Button click scale */
    .close-position-btn:active[b-7ziebakg1n],
    .cancel-order-btn:active[b-7ziebakg1n] {
        transform: scale(0.95);
    }

    /* Cancel All / Close All button enhancements */
    .cancel-all-btn[b-7ziebakg1n],
    .close-all-btn[b-7ziebakg1n] {
        transition: all 0.15s ease;
    }

    .cancel-all-btn:hover[b-7ziebakg1n],
    .close-all-btn:hover[b-7ziebakg1n] {
        transform: scale(1.02);
    }

    .cancel-all-btn:active[b-7ziebakg1n],
    .close-all-btn:active[b-7ziebakg1n] {
        transform: scale(0.98);
    }
}


/* HIP-3 DEX Prefix Styling */
.dex-prefix[b-7ziebakg1n] {
    color: #565E63;  /* Dimmer than base coin name */
    font-size: 0.85em;
    font-weight: 400;
    opacity: 0.7;
}

/* Tooltip for DEX explanation */
.asset-name[title][b-7ziebakg1n] {
    cursor: help;
}


/* Wallet Section Specific Styling */

[b-7ziebakg1n] .hyperliquid-container {
    display: flex;
    flex-direction: row;
    height: 100%;
    max-height: none;
    margin: 0;
    gap: 0;
    overflow: visible;
    padding: 0 !important;
    min-width: min-content;
    width: 100%;
    background-color: transparent !important;
}

[b-7ziebakg1n] .wallet-content {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
    padding: 0;
    min-width: min-content;
    overflow-x: auto;
}

[b-7ziebakg1n] .account-info {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin: 0;
    min-width: 180px;
}

[b-7ziebakg1n] .account-value,
[b-7ziebakg1n] .margin-used,
[b-7ziebakg1n] .position-value {
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
}

[b-7ziebakg1n] .positions-section,
[b-7ziebakg1n] .orders-section {
    min-width: 400px;
    padding: 3px 4px;
    border-radius: 4px;
}


/* Table styling */

[b-7ziebakg1n] .mud-table {
    background-color: transparent !important;
}

[b-7ziebakg1n] .mud-table-container {
    background-color: transparent !important;
}

[b-7ziebakg1n] .mud-table-root {
    background-color: transparent !important;
}

[b-7ziebakg1n] .mud-table-head {
    background-color: transparent !important;
}

[b-7ziebakg1n] .mud-table-row {
    background-color: transparent !important;
}

[b-7ziebakg1n] .mud-table-cell {
    background-color: transparent !important;
    border-bottom: 0.8px solid rgba(255, 255, 255, 0.1) !important;
    padding: 4px 6px;
    font-size: 12px;
}


/* Custom scrollbar styling for horizontal scroll */

[b-7ziebakg1n] .wallet-content::-webkit-scrollbar {
    height: 4px;
}

[b-7ziebakg1n] .wallet-content::-webkit-scrollbar-track {
    background: #141C21;
    border-radius: 2px;
}

[b-7ziebakg1n] .wallet-content::-webkit-scrollbar-thumb {
    background: #2C373D;
    border-radius: 2px;
}

[b-7ziebakg1n] .wallet-content::-webkit-scrollbar-thumb:hover {
    background: #374750;
}


/* History Tab Styles */

.history-subtabs[b-7ziebakg1n] {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
    padding: 4px;
    background: rgba(102, 102, 102, 0.08);
    border-radius: 8px;
    width: fit-content;
}

/* Category toggle (All / Perps / Outcomes) -- reuses .history-subtabs/.subtab-item
   styling; wrapper adds the inline "Show" label and pulls the toggle tighter than
   the sub-tabs below it. */
.history-category-toggle[b-7ziebakg1n] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.history-category-toggle .history-subtabs[b-7ziebakg1n] {
    margin-bottom: 0;
}

.history-category-label[b-7ziebakg1n] {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--degen-text-tertiary, #888);
    user-select: none;
}

.subtab-item[b-7ziebakg1n] {
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 500;
    color: #A2A2A2;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s ease;
    user-select: none;
    border: 1px solid transparent;
}

.subtab-item:hover[b-7ziebakg1n] {
    color: #E9E9E9;
    background: rgba(255, 255, 255, 0.05);
}

.subtab-item.active[b-7ziebakg1n] {
    color: var(--degen-bg-primary, #0D1215);
    background: var(--degen-color-primary, #B8F84E);
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(184, 248, 78, 0.2);
}

.history-section[b-7ziebakg1n] {
    animation: fadeIn-b-7ziebakg1n 0.2s ease;
}

@keyframes fadeIn-b-7ziebakg1n {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* History Table Styles */

.history-table .table-header[b-7ziebakg1n],
.history-table .table-row[b-7ziebakg1n] {
    grid-template-columns: 80px 60px 80px 80px 80px 100px 80px;
    gap: 8px;
    padding: 8px 12px;
}

.history-table .col-time[b-7ziebakg1n] {
    font-size: 10px;
    color: #A2A2A2;
}

.history-table .col-asset[b-7ziebakg1n] {
    font-weight: 500;
}

.history-table .col-side[b-7ziebakg1n] {
    font-size: 10px;
    font-weight: 500;
}

.history-table .col-size[b-7ziebakg1n],
.history-table .col-price[b-7ziebakg1n],
.history-table .col-pnl[b-7ziebakg1n],
.history-table .col-fee[b-7ziebakg1n] {
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
}

.history-table .col-type[b-7ziebakg1n] {
    font-size: 10px;
    color: #888;
    margin-right: 12px;
}

.history-table .col-status[b-7ziebakg1n] {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: help;
}


/* Status Colors - Using design tokens */
/* Enhanced with pill-shaped badges for better visibility */

.col-status[b-7ziebakg1n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 9px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
}

.status-filled[b-7ziebakg1n] {
    color: var(--degen-status-filled, #4CAF50);
    background-color: rgba(76, 175, 80, 0.12);
}

.status-open[b-7ziebakg1n] {
    color: var(--degen-status-open, #2196F3);
    background-color: rgba(33, 150, 243, 0.12);
}

.status-canceled[b-7ziebakg1n] {
    color: var(--degen-status-canceled, #9E9E9E);
    background-color: rgba(158, 158, 158, 0.12);
}

.status-triggered[b-7ziebakg1n] {
    color: var(--degen-status-triggered, #FF9800);
    background-color: rgba(255, 152, 0, 0.12);
}

.status-rejected[b-7ziebakg1n] {
    color: var(--degen-status-rejected, #F44336);
    background-color: rgba(244, 67, 54, 0.12);
}

.status-margin-canceled[b-7ziebakg1n] {
    color: #FF8A65;
    background-color: rgba(255, 138, 101, 0.12);
}

.status-default[b-7ziebakg1n] {
    color: var(--degen-text-tertiary);
    background-color: rgba(102, 102, 102, 0.1);
}


/* Responsive History Table */

@media (max-width: 1200px) {
    .history-table .table-header[b-7ziebakg1n],
    .history-table .table-row[b-7ziebakg1n] {
        grid-template-columns: 70px 50px 70px 70px 70px 85px 70px;
        gap: 6px;
        padding: 6px 8px;
        font-size: 10px;
    }
    .history-subtabs[b-7ziebakg1n] {
        gap: 12px;
    }
    .subtab-item[b-7ziebakg1n] {
        padding: 4px 8px;
        font-size: 11px;
    }
}


/* Responsive Design */

@media (max-width: 1200px) {
    .table-header[b-7ziebakg1n],
    .table-row[b-7ziebakg1n] {
        grid-template-columns: 1fr 70px 90px 90px 70px 50px;
        gap: 8px;
        padding: 8px 8px;
    }
    .positions-table .table-header[b-7ziebakg1n],
    .positions-table .table-row[b-7ziebakg1n] {
        grid-template-columns: 0.8fr 0.9fr 0.85fr 0.8fr 1.4fr 16px 0.8fr 36px 28px;
        gap: 6px;
        font-size: 10px;
    }
    .col-side[b-7ziebakg1n],
    .col-size[b-7ziebakg1n],
    .col-price[b-7ziebakg1n],
    .col-type[b-7ziebakg1n],
    .col-pnl[b-7ziebakg1n],
    .col-time[b-7ziebakg1n],
    .col-pos-value[b-7ziebakg1n],
    .col-entry[b-7ziebakg1n],
    .col-liq[b-7ziebakg1n],
    .col-margin[b-7ziebakg1n],
    .col-funding[b-7ziebakg1n],
    .col-order-value[b-7ziebakg1n],
    .col-reduce-only[b-7ziebakg1n],
    .col-trigger[b-7ziebakg1n],
    .col-tpsl[b-7ziebakg1n],
    .col-mark[b-7ziebakg1n] {
        font-size: 10px;
    }
    .cancel-order-btn[b-7ziebakg1n] {
        min-width: 28px !important;
        height: 28px !important;
        padding: 2px !important;
    }
}


/* ===========================================
   PORTFOLIO STATS LAYOUT
   =========================================== */

.portfolio-stats-grid[b-7ziebakg1n] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.portfolio-stats-secondary[b-7ziebakg1n] {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px 16px;
}

.portfolio-stat-item[b-7ziebakg1n] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.stat-label[b-7ziebakg1n] {
    color: #A2A2A2;
    font-size: 12px;
}

.stat-value[b-7ziebakg1n] {
    color: #A2A2A2;
    font-size: 14px;
    font-family: 'Source Code Pro', monospace;
    line-height: 1;
    transition: color 0.3s ease;
}

.stat-value-lg[b-7ziebakg1n] {
    font-size: 20px;
    font-weight: 500;
}

/* Unified-account spot/perp breakdown shown under ACCOUNT VALUE when the
   user holds USDC in the spot clearinghouse. */
.stat-breakdown[b-7ziebakg1n] {
    display: block;
    margin-top: 2px;
    color: var(--text-secondary, #A2A2A2);
    font-size: 11px;
    font-family: 'Source Code Pro', monospace;
    line-height: 1.2;
}

/* Spot holdings we could not mark to market — the portfolio figure understates
   the account, so the line is flagged rather than silently omitted. */
.stat-breakdown-warn[b-7ziebakg1n] {
    color: var(--degen-color-warning, #FFC107);
}

/* ===========================================
   ACCOUNT VALUE HERO CARD (Desktop)
   =========================================== */

@media (min-width: 900px) {
    /* Hero card for Account Value - first stat item */
    .portfolio-stats-main .portfolio-stat-item:first-child[b-7ziebakg1n] {
        background: linear-gradient(135deg, rgba(184, 248, 78, 0.08) 0%, rgba(13, 18, 21, 0.95) 100%);
        border: 1px solid rgba(184, 248, 78, 0.15);
        border-radius: 6px;
        padding: 12px 16px;
        transition: all 0.2s ease;
    }

    .portfolio-stats-main .portfolio-stat-item:first-child:hover[b-7ziebakg1n] {
        border-color: rgba(184, 248, 78, 0.25);
        box-shadow: 0 0 20px rgba(184, 248, 78, 0.05);
    }

    .portfolio-stats-main .portfolio-stat-item:first-child .stat-value-lg[b-7ziebakg1n] {
        font-size: 28px;
        font-weight: 600;
        color: var(--degen-color-primary, #B8F84E);
    }

    .portfolio-stats-main .portfolio-stat-item:first-child .stat-label[b-7ziebakg1n] {
        color: rgba(184, 248, 78, 0.7);
    }
}

.portfolio-chart-section[b-7ziebakg1n] {
    margin-top: 12px;
}

/* Unified chart widget - single border wraps header and chart */
.chart-container.chart-widget[b-7ziebakg1n] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100px;
    border: 1px solid rgba(102, 102, 102, 0.2);
    border-radius: 4px;
    overflow: hidden;
}

/* Header inside chart widget */
.chart-widget-header[b-7ziebakg1n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: rgba(13, 18, 21, 0.8);
    border-bottom: 1px solid rgba(102, 102, 102, 0.15);
    z-index: 2;
    flex-shrink: 0;
}

.chart-widget-title[b-7ziebakg1n] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.chart-widget-title .chart-title[b-7ziebakg1n] {
    color: #888;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chart-widget-title .chart-pnl-value[b-7ziebakg1n] {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.chart-title[b-7ziebakg1n] {
    color: #888;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.chart-period-selector[b-7ziebakg1n] {
    display: flex;
    gap: 2px;
    padding: 2px;
    background: rgba(102, 102, 102, 0.1);
    border-radius: 6px;
}

.period-option[b-7ziebakg1n] {
    padding: 4px 10px;
    font-size: 10px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.15s ease;
    user-select: none;
}

.period-option:hover[b-7ziebakg1n] {
    color: #A2A2A2;
    background: rgba(255, 255, 255, 0.05);
}

.period-option.active[b-7ziebakg1n] {
    color: var(--degen-bg-primary, #0D1215);
    background: var(--degen-color-primary, #B8F84E);
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(184, 248, 78, 0.2);
}

/* Base chart container - for non-widget usage */
.chart-container[b-7ziebakg1n] {
    position: relative;
    height: 70px;
    overflow: hidden;
    border: 1px solid rgba(102, 102, 102, 0.2);
}

/* SVG fills remaining space in widget - override absolute positioning */
.chart-widget .chart-line-decoration[b-7ziebakg1n] {
    position: relative;
    inset: unset;
    flex: 1;
    width: 100%;
    min-height: 0;
    opacity: 0.8;
}

.chart-line-decoration[b-7ziebakg1n] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}

.chart-line[b-7ziebakg1n] {
    animation: chartPulse-b-7ziebakg1n 3s ease-in-out infinite;
}

@keyframes chartPulse-b-7ziebakg1n {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 0.8; }
}

.chart-overlay[b-7ziebakg1n] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: rgba(13, 18, 21, 0.3);
    backdrop-filter: blur(1px);
    transition: background 0.2s ease;
}

.chart-coming-soon[b-7ziebakg1n] {
    color: #565E63;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.3px;
    transition: color 0.2s ease;
}

.chart-pnl-value[b-7ziebakg1n] {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.chart-pnl-value.positive[b-7ziebakg1n] {
    color: var(--degen-color-primary, #B8F84E);
}

.chart-pnl-value.negative[b-7ziebakg1n] {
    color: #FF6363;
}

/* No data overlay - position below header in widget */
.chart-no-data-overlay[b-7ziebakg1n] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: rgba(13, 18, 21, 0.3);
}

.chart-widget .chart-no-data-overlay[b-7ziebakg1n] {
    position: relative;
    flex: 1;
    background: rgba(13, 18, 21, 0.3);
}

.chart-widget .chart-loading-overlay[b-7ziebakg1n] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8, 8, 9, 0.6);
    z-index: 3;
    pointer-events: none;
}

.chart-no-data-text[b-7ziebakg1n] {
    color: #565E63;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

/* Chart section hover effect */
.portfolio-chart-section:hover .chart-line-decoration[b-7ziebakg1n] {
    opacity: 1;
}

.portfolio-chart-section:hover .chart-overlay[b-7ziebakg1n] {
    background: rgba(13, 18, 21, 0.2);
}

.portfolio-chart-section:hover .chart-coming-soon[b-7ziebakg1n] {
    color: #888;
}

/* PnL Chart hover elements */
.pnl-chart .hover-line[b-7ziebakg1n] {
    pointer-events: none;
}

.pnl-chart .hover-dot[b-7ziebakg1n] {
    pointer-events: none;
    filter: drop-shadow(0 0 2px rgba(184, 248, 78, 0.5));
}

.pnl-chart .hover-label[b-7ziebakg1n] {
    pointer-events: none;
    font-weight: 500;
}

.pnl-chart .hover-label-bg[b-7ziebakg1n] {
    pointer-events: none;
}

/* Make chart interactive */
.pnl-chart[b-7ziebakg1n] {
    cursor: crosshair;
}


/* ===========================================
   MOBILE CARD LAYOUTS
   =========================================== */

@media (max-width: 599px) {
    /* Portfolio panel container mobile adjustments */
    .portfolio-panel-container[b-7ziebakg1n] {
        padding: 8px !important;
    }

    /* Hide table headers on mobile - cards are self-descriptive */
    .positions-table > .table-header[b-7ziebakg1n],
    .orders-table > .orders-table-header[b-7ziebakg1n],
    .history-table > .table-header[b-7ziebakg1n],
    .outcomes-table > .table-header[b-7ziebakg1n] {
        display: none !important;
    }

    /* Remove horizontal scroll shadow on mobile cards */
    .portfolio-tab-content[b-7ziebakg1n]::after {
        display: none !important;
    }

    /* Enable vertical scrolling for card list */
    .portfolio-tab-content[b-7ziebakg1n] {
        -webkit-overflow-scrolling: touch !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Reset table containers for mobile */
    .positions-table[b-7ziebakg1n],
    .orders-table[b-7ziebakg1n],
    .history-table[b-7ziebakg1n] {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    /* ===========================================
       PORTFOLIO STATS MOBILE CARDS
       =========================================== */

    /* Main stats - stacked full-width cards */
    .portfolio-stats-grid.portfolio-stats-main[b-7ziebakg1n] {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .portfolio-stats-main .portfolio-stat-item[b-7ziebakg1n] {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 12px 14px !important;
        background: rgba(13, 18, 21, 0.8) !important;
        border: 1px solid rgba(102, 102, 102, 0.2) !important;
        border-radius: 8px !important;
    }

    /* Primary stat (Account Value) - visual prominence */
    .portfolio-stats-main .portfolio-stat-item:first-child[b-7ziebakg1n] {
        background: linear-gradient(135deg, rgba(184, 248, 78, 0.05), rgba(13, 18, 21, 0.8)) !important;
        border-color: rgba(184, 248, 78, 0.2) !important;
    }

    .portfolio-stats-main .portfolio-stat-item:first-child .stat-value-lg[b-7ziebakg1n] {
        color: var(--degen-color-buy, #B8F84E) !important;
        font-size: 18px !important;
    }

    /* Secondary stats - 2 column grid */
    .portfolio-stats-grid.portfolio-stats-secondary[b-7ziebakg1n] {
        grid-template-columns: 1fr 1fr !important;
        gap: 4px 12px !important;
        margin-top: 8px !important;
    }

    .portfolio-stats-secondary .portfolio-stat-item[b-7ziebakg1n] {
        padding: 8px 0 !important;
        border-bottom: 1px solid rgba(102, 102, 102, 0.15) !important;
    }

    .portfolio-stats-secondary .portfolio-stat-item:nth-last-child(-n+2)[b-7ziebakg1n] {
        border-bottom: none !important;
    }

    /* Mobile typography */
    .portfolio-stats-main .stat-label[b-7ziebakg1n] {
        font-size: 11px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
    }

    .portfolio-stats-main .stat-value-lg[b-7ziebakg1n] {
        font-size: 16px !important;
    }

    .portfolio-stats-secondary .stat-label[b-7ziebakg1n] {
        font-size: 10px !important;
    }

    .portfolio-stats-secondary .stat-value[b-7ziebakg1n] {
        font-size: 13px !important;
    }

    /* Hide chart placeholder on mobile */
    .portfolio-chart-section[b-7ziebakg1n] {
        display: none !important;
    }

    /* ===========================================
       POSITION CARDS
       =========================================== */
    .positions-table .table-row.position-card[b-7ziebakg1n] {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-template-areas:
            "asset asset"
            "size value"
            "entry mark"
            "liq funding"
            "pnl action"
            "pnl share" !important;
        gap: 8px 12px !important;
        padding: 12px !important;
        margin-bottom: 8px !important;
        background: rgba(13, 18, 21, 0.8) !important;
        border: 1px solid rgba(102, 102, 102, 0.2) !important;
        border-radius: 8px !important;
        min-height: auto !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .positions-table .position-card .col-asset[b-7ziebakg1n] {
        grid-area: asset !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        padding-bottom: 8px !important;
        border-bottom: 1px solid rgba(102, 102, 102, 0.15) !important;
        margin-bottom: 4px !important;
        /* Override column flex to keep asset inline */
        flex-direction: row !important;
        align-items: center !important;
        white-space: nowrap !important;
        /* Fix badge vertical centering */
        line-height: 1 !important;
    }

    .positions-table .position-card .col-asset.side-buy[b-7ziebakg1n],
    .positions-table .position-card .col-asset.side-sell[b-7ziebakg1n] {
        padding: 4px 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        max-width: fit-content !important;
    }

    /* Dissolve the desktop stack wrappers so the inner spans land in their own grid-areas */
    .positions-table .position-card .col-size-value[b-7ziebakg1n],
    .positions-table .position-card .col-entry-mark[b-7ziebakg1n] { display: contents !important; }

    .positions-table .position-card .col-size[b-7ziebakg1n] { grid-area: size !important; }
    .positions-table .position-card .col-pos-value[b-7ziebakg1n] { grid-area: value !important; }
    .positions-table .position-card .col-entry[b-7ziebakg1n] { grid-area: entry !important; }
    .positions-table .position-card .col-mark[b-7ziebakg1n] { grid-area: mark !important; }
    .positions-table .position-card .col-liq[b-7ziebakg1n] { grid-area: liq !important; }
    .positions-table .position-card .col-funding[b-7ziebakg1n] { grid-area: funding !important; }

    .positions-table .position-card .col-pnl[b-7ziebakg1n] {
        grid-area: pnl !important;
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    .positions-table .position-card .col-action[b-7ziebakg1n] {
        grid-area: action !important;
        justify-self: end !important;
        align-self: center !important;
    }

    .positions-table .position-card .col-share[b-7ziebakg1n] {
        grid-area: share !important;
        justify-self: end !important;
        align-self: center !important;
    }

    .positions-table .position-card .spacer[b-7ziebakg1n] {
        display: none !important;
    }

    /* Show labels on mobile cards */
    .positions-table .position-card [data-label]:not(.col-asset)[b-7ziebakg1n]::before {
        content: attr(data-label) !important;
        color: #666 !important;
        font-size: 10px !important;
        font-weight: 400 !important;
        font-family: inherit !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        display: block !important;
        margin-bottom: 4px !important;
    }

    .positions-table .position-card span[b-7ziebakg1n] {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        font-size: 12px !important;
        text-align: left !important;
    }

    .positions-table .position-card .col-action[b-7ziebakg1n] {
        flex-direction: row !important;
    }

    .positions-table .position-card .close-position-btn[b-7ziebakg1n] {
        padding: 8px 16px !important;
        font-size: 12px !important;
        min-height: 36px !important;
    }

    /* ===========================================
       OUTCOME CARDS (prediction-market positions)
       Mirrors the position-card layout so the Outcomes tab feels as rich as Positions.
       =========================================== */
    .outcomes-table .table-row.outcome-card[b-7ziebakg1n] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-areas:
            "asset asset"
            "size value"
            "entry mark"
            "payout edge"
            "pnl action" !important;
        gap: 8px 12px !important;
        padding: 12px !important;
        margin-bottom: 8px !important;
        background: rgba(13, 18, 21, 0.8) !important;
        border: 1px solid rgba(102, 102, 102, 0.2) !important;
        border-radius: 8px !important;
        min-height: auto !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .outcomes-table .outcome-card .col-asset[b-7ziebakg1n] {
        grid-area: asset !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        padding-bottom: 8px !important;
        border-bottom: 1px solid rgba(102, 102, 102, 0.15) !important;
        margin-bottom: 4px !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px !important;
        white-space: normal !important;
        line-height: 1.3 !important;
    }

    /* Dissolve the desktop stacking wrappers so the inner spans reach their own card grid-areas. */
    .outcomes-table .outcome-card .col-size-value[b-7ziebakg1n],
    .outcomes-table .outcome-card .col-entry-mark[b-7ziebakg1n] {
        display: contents !important;
    }

    .outcomes-table .outcome-card .col-size[b-7ziebakg1n]    { grid-area: size !important; }
    .outcomes-table .outcome-card .col-pos-value[b-7ziebakg1n] { grid-area: value !important; }
    .outcomes-table .outcome-card .col-entry[b-7ziebakg1n]   { grid-area: entry !important; }
    .outcomes-table .outcome-card .col-mark[b-7ziebakg1n]    { grid-area: mark !important; }
    .outcomes-table .outcome-card .col-payout[b-7ziebakg1n]  { grid-area: payout !important; }
    .outcomes-table .outcome-card .col-edge[b-7ziebakg1n]    { grid-area: edge !important; }

    .outcomes-table .outcome-card .col-pnl[b-7ziebakg1n] {
        grid-area: pnl !important;
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    .outcomes-table .outcome-card .col-action[b-7ziebakg1n] {
        grid-area: action !important;
        justify-self: start !important;
        align-self: center !important;
        flex-direction: row !important;
    }

    .outcomes-table .outcome-card .spacer[b-7ziebakg1n] {
        display: none !important;
    }

    .outcomes-table .outcome-card [data-label]:not(.col-asset)[b-7ziebakg1n]::before {
        content: attr(data-label) !important;
        color: #666 !important;
        font-size: 10px !important;
        font-weight: 400 !important;
        font-family: inherit !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        display: block !important;
        margin-bottom: 4px !important;
    }

    .outcomes-table .outcome-card span[b-7ziebakg1n] {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        font-size: 12px !important;
        text-align: left !important;
    }

    .outcomes-table .outcome-card .close-position-btn[b-7ziebakg1n] {
        padding: 8px 16px !important;
        font-size: 12px !important;
        min-height: 36px !important;
    }

    /* YES/NO chip inside the asset cell -- mirrors the long/short ticker chip on Positions */
    .outcomes-table .outcome-card .outcome-chip[b-7ziebakg1n] {
        display: inline-flex !important;
        align-items: center !important;
        padding: 3px 8px !important;
        border-radius: 4px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px !important;
        text-transform: uppercase !important;
        line-height: 1 !important;
    }
    .outcomes-table .outcome-chip.side-buy[b-7ziebakg1n] {
        background: rgba(184, 248, 78, 0.15) !important;
        color: #B8F84E !important;
    }
    .outcomes-table .outcome-chip.side-sell[b-7ziebakg1n] {
        background: rgba(255, 107, 107, 0.15) !important;
        color: #FF6B6B !important;
    }

    .outcomes-table .outcome-card .outcome-question[b-7ziebakg1n] {
        flex-basis: 100% !important;
        font-size: 11px !important;
        font-weight: 400 !important;
        color: #A2A2A2 !important;
        margin-top: 2px !important;
        line-height: 1.3 !important;
    }

    .outcomes-table .outcome-card .outcome-expiry[b-7ziebakg1n] {
        font-size: 10px !important;
        font-weight: 500 !important;
        color: #B8F84E !important;
        font-family: 'Source Code Pro', monospace !important;
        padding: 2px 6px !important;
        border: 1px solid rgba(184, 248, 78, 0.3) !important;
        border-radius: 3px !important;
        white-space: nowrap !important;
    }

    /* ===========================================
       ORDER CARDS
       =========================================== */
    .orders-table .table-row.orders-table-row.order-card[b-7ziebakg1n] {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-template-areas:
            "asset type"
            "size price"
            "value time"
            "tpsl action" !important;
        gap: 8px 12px !important;
        padding: 12px !important;
        margin-bottom: 8px !important;
        background: rgba(13, 18, 21, 0.8) !important;
        border: 1px solid rgba(102, 102, 102, 0.2) !important;
        border-radius: 8px !important;
        min-height: auto !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .orders-table .order-card .col-asset[b-7ziebakg1n] {
        grid-area: asset !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        /* Override column flex to keep asset inline */
        flex-direction: row !important;
        align-items: center !important;
        white-space: nowrap !important;
        line-height: 1 !important;
    }

    .orders-table .order-card .col-asset.side-buy[b-7ziebakg1n],
    .orders-table .order-card .col-asset.side-sell[b-7ziebakg1n] {
        padding: 4px 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        max-width: fit-content !important;
    }

    .orders-table .order-card .col-type[b-7ziebakg1n] { grid-area: type !important; justify-self: end !important; }
    .orders-table .order-card .col-size[b-7ziebakg1n] { grid-area: size !important; }
    .orders-table .order-card .col-price[b-7ziebakg1n] { grid-area: price !important; }
    .orders-table .order-card .col-order-value[b-7ziebakg1n] { grid-area: value !important; }
    .orders-table .order-card .col-time[b-7ziebakg1n] { grid-area: time !important; }
    .orders-table .order-card .col-tpsl[b-7ziebakg1n] { grid-area: tpsl !important; }

    .orders-table .order-card .col-action[b-7ziebakg1n] {
        grid-area: action !important;
        justify-self: end !important;
        align-self: center !important;
    }

    /* Hide less critical columns on mobile orders */
    .orders-table .order-card .col-reduce-only[b-7ziebakg1n],
    .orders-table .order-card .col-trigger[b-7ziebakg1n] {
        display: none !important;
    }

    /* Show labels on mobile order cards */
    .orders-table .order-card [data-label]:not(.col-asset)[b-7ziebakg1n]::before {
        content: attr(data-label) !important;
        color: #666 !important;
        font-size: 10px !important;
        font-weight: 400 !important;
        font-family: inherit !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        display: block !important;
        margin-bottom: 4px !important;
    }

    .orders-table .order-card span[b-7ziebakg1n] {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        font-size: 12px !important;
        text-align: left !important;
    }

    .orders-table .order-card .col-type[b-7ziebakg1n] {
        align-items: flex-end !important;
    }

    .orders-table .order-card .col-action[b-7ziebakg1n] {
        flex-direction: row !important;
    }

    .orders-table .order-card .cancel-order-btn[b-7ziebakg1n] {
        min-width: 44px !important;
        min-height: 44px !important;
    }

    /* ===========================================
       HISTORY CARDS (Orders & Fills)
       =========================================== */
    .history-table .table-row.history-table-row.history-card[b-7ziebakg1n] {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-template-areas:
            "asset side"
            "size price"
            "pnl time" !important;
        gap: 6px 12px !important;
        padding: 10px 12px !important;
        margin-bottom: 6px !important;
        background: rgba(13, 18, 21, 0.6) !important;
        border: 1px solid rgba(102, 102, 102, 0.15) !important;
        border-radius: 6px !important;
        min-height: auto !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .history-table .history-card .col-asset[b-7ziebakg1n] {
        grid-area: asset !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        /* Override column flex to keep asset inline */
        flex-direction: row !important;
        align-items: center !important;
        white-space: nowrap !important;
        line-height: 1 !important;
    }

    .history-table .history-card .col-asset.side-buy[b-7ziebakg1n],
    .history-table .history-card .col-asset.side-sell[b-7ziebakg1n] {
        padding: 4px 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        max-width: fit-content !important;
    }

    .history-table .history-card .col-side[b-7ziebakg1n] { grid-area: side !important; justify-self: end !important; }
    .history-table .history-card .col-size[b-7ziebakg1n] { grid-area: size !important; }
    .history-table .history-card .col-price[b-7ziebakg1n] { grid-area: price !important; }
    .history-table .history-card .col-time[b-7ziebakg1n] { grid-area: time !important; }

    /* PnL or Status depending on table type */
    .history-table .history-card .col-pnl[b-7ziebakg1n],
    .history-table .history-card .col-status[b-7ziebakg1n] {
        grid-area: pnl !important;
        font-weight: 500 !important;
    }

    /* Hide less critical columns on mobile history */
    .history-table .history-card .col-fee[b-7ziebakg1n],
    .history-table .history-card .col-type[b-7ziebakg1n] {
        display: none !important;
    }

    /* Show labels on mobile history cards */
    .history-table .history-card [data-label]:not(.col-asset):not(.col-side)[b-7ziebakg1n]::before {
        content: attr(data-label) !important;
        color: #666 !important;
        font-size: 9px !important;
        font-weight: 400 !important;
        font-family: inherit !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        display: block !important;
        margin-bottom: 3px !important;
    }

    .history-table .history-card span[b-7ziebakg1n] {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        font-size: 11px !important;
        text-align: left !important;
    }

    .history-table .history-card .col-side[b-7ziebakg1n] {
        align-items: flex-end !important;
        font-size: 11px !important;
        font-weight: 600 !important;
    }

    /* ===========================================
       MOBILE TOUCH TARGETS & NAVIGATION
       =========================================== */

    /* Navigation tabs - larger touch targets */
    .portfolio-nav .nav-item[b-7ziebakg1n] {
        font-size: 16px !important;
        padding: 12px 8px !important;
        min-height: 44px !important;
    }

    /* History subtabs */
    .subtab-item[b-7ziebakg1n] {
        min-height: 44px !important;
        padding: 10px 16px !important;
        font-size: 14px !important;
    }

    /* Empty state text */
    .empty-text[b-7ziebakg1n] {
        font-size: 16px !important;
    }

    .empty-subtext[b-7ziebakg1n] {
        font-size: 14px !important;
    }

    /* Mobile floating action buttons (Close All / Cancel All) */
    .close-all-btn[b-7ziebakg1n],
    .cancel-all-btn[b-7ziebakg1n] {
        position: fixed !important;
        bottom: 80px !important;
        right: 16px !important;
        z-index: 100 !important;
        background: rgba(255, 75, 75, 0.9) !important;
        color: white !important;
        padding: 12px 16px !important;
        border-radius: 24px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
        font-size: 11px !important;
        flex-direction: row !important;
        gap: 4px !important;
    }

    .close-all-btn:hover[b-7ziebakg1n],
    .cancel-all-btn:hover[b-7ziebakg1n] {
        background: rgba(255, 75, 75, 1) !important;
    }
}

/* Tablet adjustments (600-899px) */
@media (min-width: 600px) and (max-width: 899px) {
    .portfolio-panel-container[b-7ziebakg1n] {
        padding: 10px !important;
    }

    .portfolio-nav .nav-item[b-7ziebakg1n] {
        font-size: 15px !important;
        padding: 10px 6px !important;
    }

    /* Enable momentum scrolling */
    .portfolio-tab-content[b-7ziebakg1n] {
        -webkit-overflow-scrolling: touch !important;
    }

    .cancel-order-btn[b-7ziebakg1n],
    .cancel-order-btn.mud-button-root[b-7ziebakg1n] {
        min-width: 40px !important;
        min-height: 40px !important;
        height: 40px !important;
    }

    .table-row[b-7ziebakg1n] {
        min-height: 44px !important;
    }
}


/* ===========================================
   ACCESSIBILITY: Reduced Motion Support
   =========================================== */

@media (prefers-reduced-motion: reduce) {
    .portfolio-tab-content[b-7ziebakg1n],
    .history-section[b-7ziebakg1n] {
        animation: none !important;
    }

    .cancel-order-btn[b-7ziebakg1n],
    .cancel-order-btn:hover[b-7ziebakg1n],
    .table-row[b-7ziebakg1n],
    .subtab-item[b-7ziebakg1n],
    .portfolio-nav .nav-item[b-7ziebakg1n] {
        transition: none !important;
    }
}


/* ===========================================
   OPTIMISTIC UPDATE VISUAL STATES
   =========================================== */

/* Order pending cancellation - faded with strikethrough */
.order-row--pending-cancel[b-7ziebakg1n] {
    opacity: 0.5;
    text-decoration: line-through;
    pointer-events: none;
    transition: opacity 0.2s ease-out;
}

/* Order pending placement - dotted border with slight highlight */
.order-row--pending-place[b-7ziebakg1n] {
    border-left: 3px dashed var(--degen-color-primary, #B8F84E) !important;
    background: rgba(184, 248, 78, 0.05) !important;
}

/* Position pending close - faded, no interactions */
.position-row--pending-close[b-7ziebakg1n] {
    opacity: 0.5;
    pointer-events: none;
    transition: opacity 0.2s ease-out;
}

/* Flash animation for reverted items - shows user the item is back */
@keyframes flash-revert-b-7ziebakg1n {
    0% { background-color: rgba(255, 152, 0, 0.3); }
    100% { background-color: transparent; }
}

.row--reverted[b-7ziebakg1n] {
    animation: flash-revert-b-7ziebakg1n 0.5s ease-out;
}

/* Pending badge for optimistically placed orders */
.pending-badge[b-7ziebakg1n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 6px;
    margin-left: 6px;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    background: rgba(184, 248, 78, 0.15);
    color: var(--degen-color-primary, #B8F84E);
    border: 1px dashed var(--degen-color-primary, #B8F84E);
    border-radius: 4px;
    animation: pendingPulse-b-7ziebakg1n 1.5s ease-in-out infinite;
}

@keyframes pendingPulse-b-7ziebakg1n {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; }
}

/* Disable cancel button for pending items */
.order-row--pending-cancel .cancel-order-btn[b-7ziebakg1n],
.position-row--pending-close .close-position-btn[b-7ziebakg1n] {
    pointer-events: none !important;
    opacity: 0.3 !important;
}


/* Leaderboard Table (Competition Mode) */

.leaderboard-table .table-header[b-7ziebakg1n],
.leaderboard-table .table-row[b-7ziebakg1n] {
    display: grid;
    grid-template-columns: 36px 1fr 72px 62px 62px 48px;
    gap: 4px;
    align-items: center;
}

.leaderboard-row[b-7ziebakg1n] {
    border-left: 2px solid transparent;
}

.leaderboard-pinned[b-7ziebakg1n] {
    background: rgba(184, 248, 78, 0.10) !important;
    border-left-color: var(--degen-color-primary) !important;
}

.leaderboard-pinned .col-rank[b-7ziebakg1n] {
    color: var(--degen-color-primary);
    font-weight: 600;
}

.leaderboard-separator[b-7ziebakg1n] {
    height: 1px;
    background: var(--degen-border-color);
    margin: 2px 0;
    opacity: 0.5;
}

.agent-name-highlight[b-7ziebakg1n] {
    color: var(--degen-color-primary) !important;
    font-weight: 600;
}

.col-rank[b-7ziebakg1n] {
    font-family: var(--degen-font-mono);
    color: var(--degen-text-tertiary);
}

.col-agent-name[b-7ziebakg1n] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-pnl[b-7ziebakg1n],
.col-roi[b-7ziebakg1n],
.col-winrate[b-7ziebakg1n],
.col-trades[b-7ziebakg1n] {
    font-family: var(--degen-font-mono);
    text-align: right;
}
/* _content/AIAgent/Components/Pages/Terminal/PredictionChartPanel.razor.rz.scp.css */
/* PredictionChartPanel - fills the chart area in predict mode */

.prediction-chart-panel[b-k1liu1lw9c] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    font-family: var(--degen-font-sans, 'Space Grotesk', sans-serif);
}

/* Toolbar - always at top */
.predict-toolbar[b-k1liu1lw9c] {
    display: flex;
    align-items: center;
    gap: var(--degen-space-sm, 8px);
    padding: var(--degen-space-sm, 8px) var(--degen-space-sm, 8px) 0;
    flex-shrink: 0;
}

.predict-toolbar-search[b-k1liu1lw9c] {
    flex: 1;
    min-width: 0;
    background: var(--degen-bg-input, #0b0d0f);
    border: 1px solid var(--degen-border-default, rgba(102, 102, 102, 0.2));
    border-radius: var(--degen-radius-md, 4px);
    color: var(--degen-text-primary, #E9E9E9);
    font-family: var(--degen-font-sans, 'Space Grotesk', sans-serif);
    font-size: var(--degen-font-size-sm, 10px);
    padding: 5px 10px;
    outline: none;
}

.predict-toolbar-search:focus[b-k1liu1lw9c] {
    border-color: var(--degen-border-accent-strong, rgba(184, 248, 78, 0.2));
}

.predict-toolbar-search[b-k1liu1lw9c]::placeholder {
    color: var(--degen-text-hint, #565E63);
}

.predict-toolbar-spacer[b-k1liu1lw9c] {
    flex: 1;
}

/* Detail-view title now sits inline in the toolbar between the back chip and the
   Perps/Predict toggle, occupying the available middle slot. Lime ::before stub
   carries the "active market" cue previously provided by the separate title row. */
.predict-toolbar-title[b-k1liu1lw9c] {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--degen-text-primary, #E9E9E9);
    font-family: var(--degen-font-sans, 'Space Grotesk', sans-serif);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.1px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.predict-toolbar-title[b-k1liu1lw9c]::before {
    content: "";
    flex: 0 0 auto;
    width: 3px;
    height: 14px;
    background: var(--degen-color-primary, #B8F84E);
    border-radius: 1px;
}

.predict-toolbar .predict-skel-title[b-k1liu1lw9c] {
    flex: 1 1 auto;
    height: 14px;
    max-width: 220px;
    display: inline-block;
}

/* Detail view layout */
.predict-chart-detail[b-k1liu1lw9c] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: var(--degen-space-sm, 8px);
    display: flex;
    flex-direction: column;
    gap: var(--degen-space-md, 12px);
}

/* Direct children keep their natural/declared heights -- when the panel is too
   short to fit everything (e.g. user drags the chart/wallet resizer to grow
   trading+portfolio), the parent scrolls instead of flex-shrinking blocks. The
   sparkline at 90px was being squeezed to 0 and visually disappearing. */
.predict-chart-detail > *[b-k1liu1lw9c] {
    flex-shrink: 0;
}

/* Terminal stat strip: bordered single row of label/value cells with pipe dividers.
   Replaces the old free-floating chip+span meta row. Oracle is intentionally NOT here;
   it lives in the Oracle doc tab so this strip stays compact and predictable. */
.predict-stat-strip[b-k1liu1lw9c] {
    display: flex;
    align-items: center;
    gap: var(--degen-space-sm, 8px);
    padding: 6px 10px;
    background: var(--degen-bg-input, #0b0d0f);
    border: 1px solid var(--degen-border-default, rgba(102, 102, 102, 0.2));
    border-radius: var(--degen-radius-md, 4px);
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-base, 12px);
    flex-wrap: wrap;
}

.predict-stat-cell[b-k1liu1lw9c] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
}

.predict-stat-label[b-k1liu1lw9c] {
    color: var(--degen-text-hint, #565E63);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: var(--degen-font-size-md, 11px);
}

.predict-stat-value[b-k1liu1lw9c] {
    color: var(--degen-text-primary, #E9E9E9);
    font-weight: 600;
}

.predict-stat-value-muted[b-k1liu1lw9c] {
    color: var(--degen-text-hint, #565E63);
    font-style: italic;
    font-weight: 400;
}

.predict-stat-value-urgent[b-k1liu1lw9c] {
    color: var(--degen-color-primary, #B8F84E);
    text-shadow: 0 0 6px rgba(184, 248, 78, 0.5);
}

.predict-stat-sep[b-k1liu1lw9c] {
    color: var(--degen-border-default, rgba(102, 102, 102, 0.4));
    user-select: none;
}

/* Terminal divider: thin rule with a lime stub and an uppercase mono label.
   Use before any major section block (order book, info). */
.predict-divider[b-k1liu1lw9c] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: var(--degen-space-xs, 4px) 0 -2px;
}

.predict-divider-stub[b-k1liu1lw9c] {
    display: inline-block;
    width: 12px;
    height: 2px;
    background: var(--degen-color-primary, #B8F84E);
    border-radius: 1px;
}

.predict-divider-label[b-k1liu1lw9c] {
    color: var(--degen-text-secondary, #A2A2A2);
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-md, 11px);
    letter-spacing: 0.8px;
    text-transform: uppercase;
    white-space: nowrap;
}

.predict-divider-line[b-k1liu1lw9c] {
    flex: 1;
    height: 1px;
    background: var(--degen-border-default, rgba(102, 102, 102, 0.2));
}

/* Order book with bowtie depth bars. min-height matches the sparkline so switching
   between Chart and Book tabs doesn't visually reflow the surrounding layout. */
.predict-chart-orderbook[b-k1liu1lw9c] {
    background: var(--degen-bg-input, #0b0d0f);
    border-radius: var(--degen-radius-md, 4px);
    padding: var(--degen-space-sm, 8px) var(--degen-space-md, 12px);
    min-height: 315px;
}

.predict-chart-orderbook .predict-book-cols[b-k1liu1lw9c] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 4px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--degen-border-default, rgba(102, 102, 102, 0.2));
}

.predict-chart-orderbook .predict-book-col-label[b-k1liu1lw9c] {
    color: var(--degen-text-hint, #565E63);
    font-size: var(--degen-font-size-md, 11px);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Centered MID/SPREAD row sits between column header and the first depth row.
   Acts as the canonical reference quote for the rest of the book. */
.predict-mid-row[b-k1liu1lw9c] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 6px;
    padding: 4px 0;
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-sm, 10px);
    color: var(--degen-text-primary, #E9E9E9);
    border-bottom: 1px dashed var(--degen-border-default, rgba(102, 102, 102, 0.25));
    margin-bottom: 4px;
}

.predict-mid-row-empty[b-k1liu1lw9c] {
    color: var(--degen-text-hint, #565E63);
    letter-spacing: 1.5px;
    font-size: var(--degen-font-size-md, 11px);
    font-weight: 600;
}

.predict-mid-label[b-k1liu1lw9c] {
    color: var(--degen-text-hint, #565E63);
    font-size: var(--degen-font-size-md, 11px);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.predict-mid-value[b-k1liu1lw9c] {
    color: var(--degen-text-primary, #E9E9E9);
    font-weight: 600;
}

.predict-mid-sep[b-k1liu1lw9c] {
    color: var(--degen-border-default, rgba(102, 102, 102, 0.5));
}

.predict-chart-orderbook .predict-book-row[b-k1liu1lw9c] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 4px;
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-sm, 10px);
    line-height: 1.8;
    overflow: hidden;
}

/* Depth bars anchor at the row's horizontal center and grow outward into their
   own half. Width is the per-side cumulative-depth percentage (0-100% of half-row).
   Bid bar fills the LEFT half (right: 50%, growing leftward via the width).
   Ask bar fills the RIGHT half (left: 50%, growing rightward). Shared denominator
   so bid vs ask liquidity is comparable at a glance. */
.predict-book-depth[b-k1liu1lw9c] {
    position: absolute;
    top: 1px;
    bottom: 1px;
    pointer-events: none;
    z-index: 0;
    max-width: 50%;
}

.predict-book-depth-bid[b-k1liu1lw9c] {
    right: 50%;
    background: linear-gradient(to left,
        rgba(184, 248, 78, 0.22),
        rgba(184, 248, 78, 0.04));
    border-right: 1px solid rgba(184, 248, 78, 0.35);
}

.predict-book-depth-ask[b-k1liu1lw9c] {
    left: 50%;
    background: linear-gradient(to right,
        rgba(255, 107, 107, 0.22),
        rgba(255, 107, 107, 0.04));
    border-left: 1px solid rgba(255, 107, 107, 0.35);
}

.predict-chart-orderbook .predict-book-row > span[b-k1liu1lw9c] {
    position: relative;
    z-index: 1;
}

.predict-chart-orderbook .predict-book-bid[b-k1liu1lw9c] {
    color: var(--degen-color-buy, #B8F84E);
}

.predict-chart-orderbook .predict-book-bid-size[b-k1liu1lw9c] {
    color: var(--degen-text-secondary, #A2A2A2);
}

.predict-chart-orderbook .predict-book-ask[b-k1liu1lw9c] {
    color: var(--degen-color-sell, #FF6B6B);
}

.predict-chart-orderbook .predict-book-ask-size[b-k1liu1lw9c] {
    color: var(--degen-color-sell, #FF6B6B);
}

/* Live trade tape: newest-first prints for the selected outcome's YES CLOB.
   Shares the orderbook's card frame + min-height so the CHART/BOOK/TRADES views
   swap without the panel resizing. */
.predict-chart-tape[b-k1liu1lw9c] {
    background: var(--degen-bg-input, #0b0d0f);
    border-radius: var(--degen-radius-md, 4px);
    padding: var(--degen-space-sm, 8px) var(--degen-space-md, 12px);
    min-height: 315px;
    max-height: 315px;
    overflow-y: auto;
}

.predict-tape-cols[b-k1liu1lw9c] {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr 1fr 1fr 1.1fr;
    gap: 4px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--degen-border-default, rgba(102, 102, 102, 0.2));
    position: sticky;
    top: 0;
    background: var(--degen-bg-input, #0b0d0f);
    z-index: 2;
}

.predict-tape-col-label[b-k1liu1lw9c] {
    color: var(--degen-text-hint, #565E63);
    font-size: var(--degen-font-size-md, 11px);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.predict-tape-row[b-k1liu1lw9c] {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr 1fr 1fr 1.1fr;
    gap: 4px;
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-sm, 10px);
    line-height: 1.8;
}

.predict-tape-num[b-k1liu1lw9c] {
    text-align: right;
}

.predict-tape-time[b-k1liu1lw9c] {
    color: var(--degen-text-secondary, #A2A2A2);
}

.predict-tape-row-buy .predict-tape-side[b-k1liu1lw9c],
.predict-tape-row-buy .predict-tape-num[b-k1liu1lw9c] {
    color: var(--degen-color-buy, #B8F84E);
}

.predict-tape-row-sell .predict-tape-side[b-k1liu1lw9c],
.predict-tape-row-sell .predict-tape-num[b-k1liu1lw9c] {
    color: var(--degen-color-sell, #FF6B6B);
}

.predict-tape-empty[b-k1liu1lw9c] {
    color: var(--degen-text-hint, #565E63);
    font-size: var(--degen-font-size-md, 11px);
    text-align: center;
    padding: var(--degen-space-lg, 24px) 0;
}

/* Doc tab strip: Description / Rules / Oracle. Active tab gets a lime underline. */
.predict-doc-tabs[b-k1liu1lw9c] {
    display: flex;
    gap: 2px;
    border-bottom: 1px solid var(--degen-border-default, rgba(102, 102, 102, 0.2));
    margin-bottom: var(--degen-space-xs, 4px);
}

.predict-doc-tab-btn[b-k1liu1lw9c] {
    background: none;
    border: none;
    color: var(--degen-text-hint, #565E63);
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-md, 11px);
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding: 4px 10px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color 120ms ease;
}

.predict-doc-tab-btn:hover[b-k1liu1lw9c] {
    color: var(--degen-text-secondary, #A2A2A2);
}

.predict-doc-tab-btn-active[b-k1liu1lw9c] {
    color: var(--degen-color-primary, #B8F84E);
    border-bottom-color: var(--degen-color-primary, #B8F84E);
}

.predict-doc-body[b-k1liu1lw9c] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.predict-description-text[b-k1liu1lw9c] {
    color: var(--degen-text-secondary, #A2A2A2);
    font-size: var(--degen-font-size-base, 12px);
    line-height: 1.5;
}

.predict-description-mono[b-k1liu1lw9c] {
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-xs, 9px);
    word-break: break-all;
}

/* CHART / ORDER BOOK tab strip. Mirrors .predict-doc-tabs styling so the two
   tab rows on the page (this one for the big block above, doc tabs for the
   text body below) read as visually consistent. */
.predict-chart-tabs[b-k1liu1lw9c] {
    display: flex;
    gap: 2px;
    align-items: center;
    border-bottom: 1px solid var(--degen-border-default, rgba(102, 102, 102, 0.2));
    margin-bottom: var(--degen-space-xs, 4px);
}

.predict-chart-tab[b-k1liu1lw9c] {
    background: none;
    border: none;
    color: var(--degen-text-hint, #565E63);
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-md, 11px);
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding: 4px 10px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color 120ms ease;
}

.predict-chart-tab:hover[b-k1liu1lw9c] {
    color: var(--degen-text-secondary, #A2A2A2);
}

.predict-chart-tab-active[b-k1liu1lw9c] {
    color: var(--degen-color-primary, #B8F84E);
    border-bottom-color: var(--degen-color-primary, #B8F84E);
}

.predict-chart-tabs-meta[b-k1liu1lw9c] {
    margin-left: auto;
    color: var(--degen-text-hint, #565E63);
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-md, 11px);
    letter-spacing: 0.6px;
    padding: 0 8px 4px;
}

/* Order book header (inside .predict-chart-tabs-meta) carries the selected
   outcome's accent on binary markets so the user can see at a glance which
   side's book they're looking at -- the YES/NO buttons live below the chart
   now. Bucket markets stay neutral (outcomes like "300k-350k" have no
   semantic color). */
.predict-book-header-yes[b-k1liu1lw9c] {
    color: var(--degen-color-primary, #B8F84E);
    font-weight: 600;
}
.predict-book-header-no[b-k1liu1lw9c] {
    color: var(--degen-color-sell, #FF6B6B);
    font-weight: 600;
}

/* Sparkline section: grid layout for Y axis (left col), plot (middle col), and a
   10% gutter column on the right so the live "now" dot/pulse animation can bleed
   into empty space instead of clipping against the panel edge. Hover is JS-driven
   for continuous (minute-level) tracking; see prediction-sparkline-hover.js.
   Height matches the orderbook so tab switches don't reflow. No overflow:hidden
   on the container — tooltip + hover-dot need to escape the plot area, and the
   SVG itself uses overflow:visible so the pulse extends into the gutter. */
.predict-sparkline[b-k1liu1lw9c] {
    position: relative;
    width: 100%;
    height: 315px;
    display: grid;
    grid-template-columns: 44px 1fr 10%;
    grid-template-rows: 1fr 24px;
    grid-template-areas:
        "axis-y plot gutter"
        "axis-y-stub axis-x .";
    background: var(--degen-bg-input, #0b0d0f);
    border: 1px solid var(--degen-border-default, rgba(102, 102, 102, 0.2));
    border-radius: var(--degen-radius-md, 4px);
}

.predict-sparkline-axis-y[b-k1liu1lw9c] {
    grid-area: axis-y;
    position: relative;
    border-right: 1px solid var(--degen-border-default, rgba(102, 102, 102, 0.15));
}

.predict-sparkline-axis-y span[b-k1liu1lw9c] {
    position: absolute;
    right: 4px;
    transform: translateY(-50%);
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-base, 12px);
    color: var(--degen-text-hint, #565E63);
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.predict-sparkline-axis-x[b-k1liu1lw9c] {
    grid-area: axis-x;
    position: relative;
    border-top: 1px solid var(--degen-border-default, rgba(102, 102, 102, 0.15));
}

.predict-sparkline-axis-x span[b-k1liu1lw9c] {
    position: absolute;
    top: 2px;
    transform: translateX(-50%);
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-base, 12px);
    color: var(--degen-text-hint, #565E63);
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.predict-sparkline-axis-x span:first-child[b-k1liu1lw9c] {
    transform: translateX(0);
}

.predict-sparkline-axis-x span:last-child[b-k1liu1lw9c] {
    transform: translateX(-100%);
}

.predict-sparkline-plot[b-k1liu1lw9c] {
    grid-area: plot;
    position: relative;
}

/* overflow: visible lets the live-dot pulse animation (cx=SparklineWidth, r 2.5->8)
   extend past the SVG viewBox into the gutter column on the right. SVG elements
   default to overflow:hidden per spec, which is what was clipping the pulse. The
   surrounding .predict-sparkline-plot has no overflow:hidden of its own and the
   plot column doesn't touch the rounded panel corners (those belong to the axis
   cells), so the area-fill at the bottom can't bleed past anything. */
.predict-sparkline-svg[b-k1liu1lw9c] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

/* Line/area paths set fill + stroke inline so the area-fill <path>'s
   fill="url(#predict-spark-grad-...)" isn't clobbered by a broad selector — SVG
   presentation attributes are the lowest CSS specificity tier, so a tag-level rule
   would otherwise win. */

/* Live "you-are-here" dot + outer pulse at the last data point. Rendered as HTML
   overlays (not SVG circles) because the parent SVG uses preserveAspectRatio="none"
   to stretch the 200x70 viewBox over the plot area — that would non-uniformly scale
   <circle> elements into ellipses (no vector-effect equivalent exists for circles).
   Pixel-sized HTML boxes stay round at any aspect ratio. The wrapper is anchored at
   left: 100% of the plot column so the pulse bleeds into the 10% right gutter. */
.predict-sparkline-live[b-k1liu1lw9c] {
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    pointer-events: none;
    color: var(--degen-text-secondary, #A2A2A2);
}

.predict-sparkline-live.predict-sparkline-up[b-k1liu1lw9c] {
    color: var(--degen-color-primary, #B8F84E);
}

.predict-sparkline-live.predict-sparkline-down[b-k1liu1lw9c] {
    color: var(--degen-color-sell, #FF6B6B);
}

.predict-sparkline-live-dot[b-k1liu1lw9c],
.predict-sparkline-live-pulse[b-k1liu1lw9c] {
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.predict-sparkline-live-dot[b-k1liu1lw9c] {
    box-shadow: 0 0 6px currentColor;
}

.predict-sparkline-live-pulse[b-k1liu1lw9c] {
    animation: predict-spark-pulse-b-k1liu1lw9c 1.8s ease-out infinite;
}

@keyframes predict-spark-pulse-b-k1liu1lw9c {
    0%   { transform: translate(-50%, -50%) scale(1);   opacity: 0.6; }
    100% { transform: translate(-50%, -50%) scale(3.2); opacity: 0;   }
}

.predict-sparkline-up[b-k1liu1lw9c] {
    color: var(--degen-color-primary, #B8F84E);
}

.predict-sparkline-down[b-k1liu1lw9c] {
    color: var(--degen-color-sell, #FF6B6B);
}

.predict-sparkline-neutral[b-k1liu1lw9c] {
    color: var(--degen-text-secondary, #A2A2A2);
}

.predict-sparkline-delta[b-k1liu1lw9c] {
    position: absolute;
    top: 4px;
    right: 8px;
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-base, 12px);
    font-weight: 600;
    background: rgba(0, 0, 0, 0.4);
    padding: 1px 5px;
    border-radius: 2px;
    z-index: 5;
    pointer-events: none;
}

.predict-sparkline-placeholder[b-k1liu1lw9c] {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--degen-text-hint, #565E63);
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: 9px;
    letter-spacing: 0.5px;
    text-transform: lowercase;
    font-style: italic;
}

/* Continuous hover layer. A single overlay div captures pointermove; JS reads
   data-points off it, finds the exact path Y via getPointAtLength, and positions
   the crosshair + dot + tooltip in pixel space. Visibility flips via a class
   toggle rather than re-render, so live refresh doesn't tear the overlay. */
.predict-sparkline-hover[b-k1liu1lw9c] {
    position: absolute;
    inset: 0;
    cursor: crosshair;
    z-index: 2;
}

.predict-sparkline-crosshair-line[b-k1liu1lw9c],
.predict-sparkline-hover-dot[b-k1liu1lw9c],
.predict-sparkline-tooltip[b-k1liu1lw9c] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 80ms ease;
}

.predict-sparkline-hover.predict-sparkline-hover-visible .predict-sparkline-crosshair-line[b-k1liu1lw9c],
.predict-sparkline-hover.predict-sparkline-hover-visible .predict-sparkline-hover-dot[b-k1liu1lw9c],
.predict-sparkline-hover.predict-sparkline-hover-visible .predict-sparkline-tooltip[b-k1liu1lw9c] {
    opacity: 1;
}

.predict-sparkline-crosshair-line[b-k1liu1lw9c] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--degen-text-secondary, #A2A2A2);
    transform: translateX(-50%);
    left: 0;
}

.predict-sparkline-hover-dot[b-k1liu1lw9c] {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 6px currentColor;
    color: var(--degen-text-secondary, #A2A2A2);
    left: 0;
    top: 0;
}

.predict-sparkline-hover-dot.predict-sparkline-up[b-k1liu1lw9c] {
    color: var(--degen-color-primary, #B8F84E);
}

.predict-sparkline-hover-dot.predict-sparkline-down[b-k1liu1lw9c] {
    color: var(--degen-color-sell, #FF6B6B);
}

.predict-sparkline-tooltip[b-k1liu1lw9c] {
    position: absolute;
    top: 4px;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.85);
    border: 1px solid var(--degen-border-default, rgba(102, 102, 102, 0.4));
    color: var(--degen-text-primary, #E9E9E9);
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-base, 12px);
    padding: 3px 6px;
    border-radius: 3px;
    white-space: nowrap;
    z-index: 4;
    left: 0;
}

/* Edge anchors set inline by JS when the cursor is near the left/right edge so the
   tooltip stays inside the plot. The transform here overrides the default centered
   translateX(-50%). */
.predict-sparkline-tooltip.predict-sparkline-tooltip-anchor-left[b-k1liu1lw9c] {
    transform: translateX(0);
}

.predict-sparkline-tooltip.predict-sparkline-tooltip-anchor-right[b-k1liu1lw9c] {
    transform: translateX(-100%);
}
/* _content/AIAgent/Components/Pages/Terminal/Terminal.razor.rz.scp.css */
/* Terminal Main Layout Styles */


/* Mobile CSS Custom Properties */

:root[b-4kvt518v9f] {
    --mobile-nav-height: 56px;
    --mobile-content-height: calc(100vh - var(--header-height) - var(--mobile-nav-height));
    --mobile-touch-target: 48px;
    --mobile-input-height: 48px;
}


/* Terminal Container Layout */

.terminal-container[b-4kvt518v9f] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 142px);
    background-color: #080809;
    margin: -20px -30px;
    position: fixed;
    top: 100px;
    left: 30px;
    right: 30px;
    bottom: 48px;
    overflow: hidden;
    z-index: 1;
}

.content-container[b-4kvt518v9f] {
    display: flex;
    height: 100%;
    overflow: hidden;
}

.content-container.with-chart[b-4kvt518v9f] {
    flex-direction: row;
}

.content-container:not(.with-chart)[b-4kvt518v9f] {
    flex-direction: column;
}


/* Chart Section Layout (60% width when chart is shown) */

.chart-section[b-4kvt518v9f] {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 24px;
    /* 
     * CRITICAL: Fixed height calculation enables bidirectional resizing
     * 
     * This creates a fixed-height container where:
     * - ChartPanel (flex: 1) takes remaining space after resizer + wallet
     * - Resizer (14px fixed) provides drag handle
     * - Wallet container (variable height via JS) can grow/shrink
     * 
     * When wallet grows: ChartPanel automatically shrinks
     * When wallet shrinks: ChartPanel automatically grows
     * 
     * The height: 0 trick on ChartPanel forces it to respect this flex allocation.
     */
    height: calc(100% - 16px);
    /* REMOVED flex: 1 to avoid conflict with nested ChartPanel chart-section */
    min-height: 0;
    overflow: hidden;
    /* Ensure this container doesn't grow beyond its fixed height */
    flex-shrink: 0;
}


/* CRITICAL: Make ChartPanel take only the space not used by wallet container */

.chart-section>.chart-panel[b-4kvt518v9f] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    /* 
     * CRITICAL FLEX TRICK: height: 0 forces ChartPanel to respect flex sizing
     * 
     * Without this, the ChartPanel would use its natural content height (chart's intrinsic size)
     * and ignore the flex container's space allocation. This causes the chart to not shrink
     * when the wallet area grows upward via the resizer.
     * 
     * How it works:
     * 1. flex: 1 tells ChartPanel to take remaining space after resizer + wallet
     * 2. height: 0 overrides natural content height, forcing flex-only sizing
     * 3. min-height: 0 allows shrinking below content size
     * 4. Result: Chart shrinks when wallet grows, grows when wallet shrinks
     * 
     * This is a well-known CSS flexbox pattern for making content respect container bounds.
     */
    height: 0;
}


/* Ensure resizer doesn't grow/shrink */

.chart-section>.chart-wallet-resizer[b-4kvt518v9f] {
    flex-shrink: 0;
    flex-grow: 0;
}


/* Ensure wallet container doesn't grow beyond its set height */

.chart-section>.wallet-info-container[b-4kvt518v9f] {
    background-color: #080809;
    padding: 0;
    border-radius: 4px;
    height: 450px;
    min-height: 80px;
    max-height: 55vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-shrink: 0;
    flex-grow: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    min-width: 0;
}


/* Chat Section Layout (40% width when chart is shown) */

.chat-section[b-4kvt518v9f] {
    width: 40%;
    display: flex;
    flex-direction: column;
    padding: 16px 24px;
    gap: 16px;
    height: 100%;
    overflow: hidden;
}


/* When chart is hidden, chat takes full width */

.content-container:not(.with-chart) .chat-section[b-4kvt518v9f] {
    width: 100%;
}


/* Chart-Wallet Resizer */

.chart-wallet-resizer[b-4kvt518v9f] {
    position: relative;
    height: 14px;
    cursor: row-resize;
    margin: 0px 0 0 0;
    align-self: stretch;
    background: linear-gradient(to bottom, transparent calc(50% - 0.5px), rgba(255, 255, 255, 0.10) calc(50% - 0.5px), rgba(255, 255, 255, 0.10) calc(50% + 0.5px), transparent calc(50% + 0.5px));
    border-radius: 2px;
    /* Increase z-index to ensure resizer stays above chart content */
    z-index: 100;
    pointer-events: auto;
    transition: background var(--degen-transition-fast);
}

.chart-wallet-resizer:hover[b-4kvt518v9f] {
    /* Tight glow that hugs the 1px line - only ~2px total visible glow */
    background: linear-gradient(to bottom, transparent calc(50% - 1.5px), rgba(184, 248, 78, 0.2) calc(50% - 1px), rgba(184, 248, 78, 0.6) calc(50% - 0.5px), rgba(184, 248, 78, 0.6) calc(50% + 0.5px), rgba(184, 248, 78, 0.2) calc(50% + 1px), transparent calc(50% + 1.5px));
}

.chart-wallet-resizer[b-4kvt518v9f]::before,
.chart-wallet-resizer[b-4kvt518v9f]::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.10);
    pointer-events: none;
    z-index: 101;
    transition: background-color var(--degen-transition-fast);
}

.chart-wallet-resizer:hover[b-4kvt518v9f]::before,
.chart-wallet-resizer:hover[b-4kvt518v9f]::after {
    background-color: rgba(184, 248, 78, 0.4);
}

.chart-wallet-resizer[b-4kvt518v9f]::before {
    top: 3px;
}

.chart-wallet-resizer[b-4kvt518v9f]::after {
    bottom: 3px;
}


/* Divider between wallet and chat sections */

.divider[b-4kvt518v9f] {
    height: 1px;
    background-color: rgba(184, 248, 78, 0.1);
    margin: 0 24px;
}


/* Chart-specific styles moved to ChartPanel.razor.css */


/* Wallet Info Container Layout - moved to PortfolioPanel.razor.css to avoid duplication */


/* Responsive Trading Layout System */

.responsive-trading-layout[b-4kvt518v9f] {
    display: flex;
    flex: 1;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    gap: 12px;
    /* Ensure layout stays within container bounds and aligns with chart */
    box-sizing: border-box;
    min-width: 0;
    flex-shrink: 1;
}


/* Trading Panel Wrapper - More aggressive shrinking to prioritize portfolio */

.trading-panel-wrapper[b-4kvt518v9f] {
    width: 350px;
    min-width: 280px;
    max-width: 500px;
    height: 100%;
    /* Constrain to parent height */
    flex-shrink: 10;
    flex-grow: 0;
    flex-basis: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    /* Vertical scroll for competition panel; horizontal still clipped */
}


/* Portfolio Panel Wrapper - Takes remaining space, prioritizes showing all columns */

.portfolio-panel-wrapper[b-4kvt518v9f] {
    flex: 1 1 0;
    flex-grow: 999;
    flex-shrink: 1;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    /* Constrain to parent height */
    overflow-y: auto;
    overflow-x: hidden;
    width: 0;
}


/* Legacy trading panel container for backward compatibility */

.trading-panel-container[b-4kvt518v9f] {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    flex-shrink: 0;
}


/* Responsive Breakpoints for Trading Layout */


/* Large screens: Portfolio-first approach even on large screens */

@media (min-width: 1500px) {
    .trading-panel-wrapper[b-4kvt518v9f] {
        width: 380px;
        flex-shrink: 5;
        flex-basis: 340px;
    }
}


/* Medium-large screens: Start prioritizing portfolio space earlier */

@media (max-width: 1499px) and (min-width: 1300px) {
    .trading-panel-wrapper[b-4kvt518v9f] {
        width: 320px;
        min-width: 280px;
        flex-shrink: 8;
        flex-basis: 300px;
    }
}


/* Medium screens: More aggressive trading panel shrinking */

@media (max-width: 1299px) and (min-width: 1100px) {
    .trading-panel-wrapper[b-4kvt518v9f] {
        width: 290px;
        min-width: 280px;
        flex-shrink: 15;
        flex-basis: 280px;
    }
}


/* Smaller screens: Trading panel at minimum, portfolio gets maximum space */

@media (max-width: 1099px) and (min-width: 900px) {
    .trading-panel-wrapper[b-4kvt518v9f] {
        width: 280px;
        min-width: 280px;
        flex-shrink: 0;
        flex-basis: 280px;
    }
}


/* Very small screens: Stack vertically or hide trading panel */

@media (max-width: 899px) {
    .responsive-trading-layout[b-4kvt518v9f] {
        flex-direction: column;
        gap: 8px;
    }
    .trading-panel-wrapper[b-4kvt518v9f] {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 200px;
        flex-shrink: 0;
    }
    .portfolio-panel-wrapper[b-4kvt518v9f] {
        flex: 1;
        min-height: 300px;
    }
}


/* Chart Toggle Button */

.chart-toggle[b-4kvt518v9f] {
    position: absolute;
    top: 16px;
    left: 24px;
    z-index: 10;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 16px;
}

.chart-toggle.expanded[b-4kvt518v9f] {
    right: 40%;
    left: auto;
}


/* Chart Button Styling */

.chart-button.mud-button-root[b-4kvt518v9f] {
    background-color: transparent !important;
    padding: 4px 12px !important;
    min-width: 90px;
    text-align: center;
    color: #666 !important;
    transition: all 0.2s ease !important;
    font-family: 'Source Code Pro', monospace !important;
}

.chart-button.mud-button-root:hover[b-4kvt518v9f] {
    color: #B8F84E !important;
    text-shadow: 0 0 8px rgba(184, 248, 78, 0.5) !important;
}

.chart-button.mud-button-root .mud-button-label[b-4kvt518v9f],
.chart-button.mud-button-root .mud-icon-root[b-4kvt518v9f] {
    color: inherit !important;
}

.chart-button.mud-button-root[b-4kvt518v9f]:after,
.chart-button.mud-button-root[b-4kvt518v9f]:before,
.chart-button.mud-button-root:active[b-4kvt518v9f],
.chart-button.mud-button-root:focus[b-4kvt518v9f],
.chart-button.mud-button-root:focus-visible[b-4kvt518v9f] {
    background-color: transparent !important;
    outline: none !important;
    transition: none !important;
    animation: none !important;
}

.chart-button.mud-button-root.active[b-4kvt518v9f] {
    color: #B8F84E !important;
    text-shadow: 0 0 8px rgba(184, 248, 78, 0.5) !important;
}

.chart-button.mud-button-root.active .mud-button-label[b-4kvt518v9f] {
    color: #B8F84E !important;
}

.settings-button[b-4kvt518v9f] {
    color: #666 !important;
    transition: all 0.2s ease !important;
}

.settings-button:hover[b-4kvt518v9f] {
    color: #B8F84E !important;
    text-shadow: 0 0 8px rgba(184, 248, 78, 0.5) !important;
}

.divider[b-4kvt518v9f] {
    width: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    margin: 0 13px;
    height: 100%;
    align-self: stretch;
}


/* Chat Section Layout - Parent container only */

.chat-section[b-4kvt518v9f] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100%;
    position: relative;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.content-container.with-chart .chat-section[b-4kvt518v9f] {
    width: 40%;
}


/* New Chat Button */

[b-4kvt518v9f] .new-chat-button {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
    color: #A2A2A2 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 4px 8px !important;
    min-width: auto !important;
    height: 28px !important;
    transition: all 0.2s ease !important;
}

[b-4kvt518v9f] .new-chat-button:hover:not(:disabled) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

[b-4kvt518v9f] .new-chat-button:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

[b-4kvt518v9f] .new-chat-button .mud-button-label {
    color: inherit !important;
    font-size: 12px !important;
}

[b-4kvt518v9f] .new-chat-button .mud-icon-root {
    color: inherit !important;
    font-size: 16px !important;
}


/* Utility Classes */

.coming-soon[b-4kvt518v9f] {
    text-align: center;
}


/* Match IndicatorConfiguration tabs/tabbar styling */

[b-4kvt518v9f] .wallet-tabs .mud-tabs-tabbar {
    background-color: #1E252B !important;
    min-height: 28px;
    height: 28px;
    padding: 0 6px !important;
    margin-bottom: 0 !important;
}

[b-4kvt518v9f] .wallet-tabs .mud-tabs-tabbar-content {
    padding: 0 !important;
    min-height: 28px;
    height: 28px;
    display: flex;
    align-items: center;
}

[b-4kvt518v9f] .wallet-tabs .mud-tabs-tabbar-wrapper {
    height: 28px;
    display: flex;
    align-items: center;
}

[b-4kvt518v9f] .wallet-tabs .mud-tabs-toolbar {
    min-height: 28px;
    height: 28px;
    padding: 0 !important;
}

[b-4kvt518v9f] .wallet-tabs .mud-tab.mud-tab-active {
    background-color: rgba(159, 212, 68, 0.49) !important;
    color: #FFFFFF !important;
    border-bottom: none !important;
}

[b-4kvt518v9f] .wallet-tabs .mud-tab {
    min-height: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 10px !important;
    font-size: 12px;
}

[b-4kvt518v9f] .wallet-tabs .mud-tooltip-root {
    margin: 0 !important;
}

[b-4kvt518v9f] .wallet-tabs .mud-tab-slider {
    height: 2px !important;
}


/* Place Order Button Styling */

[b-4kvt518v9f] .place-order-button {
    background-color: #B8F84E !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-size: 10px !important;
    height: 28px !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 4px rgba(184, 248, 78, 0.2) !important;
}

[b-4kvt518v9f] .place-order-button:hover:not(:disabled) {
    background-color: #A8E83E !important;
    box-shadow: 0 4px 8px rgba(184, 248, 78, 0.3) !important;
    transform: translateY(-1px) !important;
}


/* Sell Order Button Styling */

[b-4kvt518v9f] .place-order-button.sell-order {
    background-color: #FF4B4B !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 4px rgba(255, 75, 75, 0.2) !important;
}

[b-4kvt518v9f] .place-order-button.sell-order:hover:not(:disabled) {
    background-color: #E63946 !important;
    box-shadow: 0 4px 8px rgba(255, 75, 75, 0.3) !important;
    transform: translateY(-1px) !important;
}

[b-4kvt518v9f] .place-order-button:disabled {
    background-color: #666666 !important;
    color: #999999 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    transform: none !important;
}

[b-4kvt518v9f] .place-order-button.placing-order {
    background-color: #FFA500 !important;
    color: #000000 !important;
    animation: pulse-b-4kvt518v9f 1.5s infinite !important;
}

@keyframes pulse-b-4kvt518v9f {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        opacity: 1;
    }
}


/* ===========================================
   MOBILE LAYOUT STYLES
   Now using Blazor conditional rendering - no CSS show/hide needed
   =========================================== */


/* Desktop layout - default positioning from .terminal-container */

.terminal-container.desktop-layout[b-4kvt518v9f] {
    display: flex;
}


/* Mobile layout - full viewport positioning */

.terminal-container.mobile-layout[b-4kvt518v9f] {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: var(--header-height);
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    min-height: unset;
    background-color: #080809;
    z-index: 1;
    overflow: hidden;
}


/* Phone-specific: Account for bottom navigation height */

@media (max-width: 599px) {
    .terminal-container.mobile-layout[b-4kvt518v9f] {
        bottom: 56px;
        padding-bottom: env(safe-area-inset-bottom, 0);
    }
}


/* Tablet-specific: No bottom nav */

@media (min-width: 600px) and (max-width: 899px) {
    .terminal-container.mobile-layout[b-4kvt518v9f] {
        bottom: 0;
    }
}
/* _content/AIAgent/Components/Pages/Terminal/TradingPanel.razor.rz.scp.css */
/* TradingPanel Orchestrator Styles */


/* Trading Navigation Styling (matching PortfolioPanel) */

.trading-nav[b-mzbg8qphkk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.trading-nav .nav-item[b-mzbg8qphkk] {
    color: #666;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s ease;
    user-select: none;
}

.trading-nav .nav-item:hover[b-mzbg8qphkk] {
    color: #A2A2A2;
}

.trading-nav .nav-item.active[b-mzbg8qphkk] {
    color: #E9E9E9;
}

.trading-nav .nav-item-disabled[b-mzbg8qphkk] {
    color: #444 !important;
    cursor: not-allowed !important;
    opacity: 0.5;
}

.trading-nav .nav-item-disabled:hover[b-mzbg8qphkk] {
    color: #444 !important;
}

.trading-nav .nav-separator[b-mzbg8qphkk] {
    background-color: rgba(102, 102, 102, 0.18);
    height: 0.8px;
    width: 12px;
    flex-shrink: 0;
}


/* Tab Content Container */

.trading-tab-content[b-mzbg8qphkk] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}


/* Ensure proper scrolling for tab content */

.trading-tab-content[b-mzbg8qphkk]::-webkit-scrollbar {
    width: 6px;
}

.trading-tab-content[b-mzbg8qphkk]::-webkit-scrollbar-track {
    background: #141C21;
    border-radius: 0;
}

.trading-tab-content[b-mzbg8qphkk]::-webkit-scrollbar-thumb {
    background: #2C373D;
    border-radius: 0;
}

.trading-tab-content[b-mzbg8qphkk]::-webkit-scrollbar-thumb:hover {
    background: #374449;
}
/* _content/AIAgent/Components/Pages/Terminal/TradingPanelComponents/AlertsTab.razor.rz.scp.css */
.alerts-tab[b-t8nd6klce4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 4px 2px 16px;
}

/* Section headers */
.alerts-section-header[b-t8nd6klce4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 4px 6px;
    border-bottom: 1px solid var(--degen-border-subtle);
}

.alerts-settings-header[b-t8nd6klce4] {
    margin-top: 10px;
    cursor: pointer;
    user-select: none;
}

.alerts-section-title[b-t8nd6klce4] {
    color: var(--degen-text-primary);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.alerts-count-badge[b-t8nd6klce4] {
    color: var(--degen-color-primary);
    background: var(--degen-color-primary-subtle);
    border: 1px solid var(--degen-border-accent);
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    padding: 1px 6px;
}

/* Loading + empty */
.alerts-loading[b-t8nd6klce4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 20px 8px;
    color: var(--degen-text-secondary);
    font-size: 11px;
}

.alerts-empty[b-t8nd6klce4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 28px 16px;
    text-align: center;
}

.alerts-empty-title[b-t8nd6klce4] {
    color: var(--degen-text-primary);
    font-size: 12px;
    font-weight: 600;
}

.alerts-empty-hint[b-t8nd6klce4] {
    color: var(--degen-text-secondary);
    font-size: 11px;
    line-height: 1.4;
}

/* Alert cards */
.alerts-list[b-t8nd6klce4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 6px;
}

.alert-card[b-t8nd6klce4] {
    background: var(--degen-bg-surface);
    border: 1px solid var(--degen-border-default);
    border-radius: 4px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.alert-card-top[b-t8nd6klce4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.alert-card-titlewrap[b-t8nd6klce4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.alert-card-name[b-t8nd6klce4] {
    color: var(--degen-text-primary);
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.alert-card-cond[b-t8nd6klce4] {
    color: var(--degen-text-secondary);
    font-size: 11px;
    line-height: 1.35;
}

.alert-status[b-t8nd6klce4] {
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.alert-status-active[b-t8nd6klce4] {
    color: var(--degen-color-primary);
    background: var(--degen-color-primary-subtle);
    border: 1px solid var(--degen-border-accent);
}

.alert-status-fired[b-t8nd6klce4] {
    color: var(--degen-color-info);
    background: rgba(74, 158, 255, 0.12);
    border: 1px solid rgba(74, 158, 255, 0.3);
}

.alert-status-paused[b-t8nd6klce4] {
    color: var(--degen-color-warning);
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
}

.alert-status-inactive[b-t8nd6klce4] {
    color: var(--degen-text-muted);
    background: var(--degen-bg-secondary);
    border: 1px solid var(--degen-border-muted);
}

.alert-card-meta[b-t8nd6klce4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.alert-channels[b-t8nd6klce4] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.alert-lastfired[b-t8nd6klce4] {
    color: var(--degen-text-muted);
    font-size: 10px;
}

.alert-card-actions[b-t8nd6klce4] {
    display: flex;
    gap: 6px;
}

/* Buttons */
.alert-btn[b-t8nd6klce4] {
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
    padding: 5px 12px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: opacity 0.15s ease;
}

.alert-btn:disabled[b-t8nd6klce4] {
    opacity: 0.5;
    cursor: default;
}

.alert-btn:hover:not(:disabled)[b-t8nd6klce4] {
    opacity: 0.85;
}

.alert-btn-primary[b-t8nd6klce4] {
    color: var(--degen-bg-primary);
    background: var(--degen-color-primary);
    border-color: var(--degen-color-primary);
}

.alert-btn-outline[b-t8nd6klce4] {
    color: var(--degen-color-primary);
    background: transparent;
    border-color: var(--degen-border-accent);
}

.alert-btn-ghost[b-t8nd6klce4] {
    color: var(--degen-text-secondary);
    background: transparent;
    border-color: var(--degen-border-muted);
}

/* Fired history */
.alert-history[b-t8nd6klce4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-top: 1px solid var(--degen-border-subtle);
    padding-top: 8px;
}

.alert-history-row[b-t8nd6klce4] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.alert-history-time[b-t8nd6klce4] {
    color: var(--degen-color-primary);
    font-size: 10px;
    font-weight: 600;
}

.alert-history-msg[b-t8nd6klce4] {
    color: var(--degen-text-secondary);
    font-size: 11px;
    line-height: 1.35;
}

/* Settings */
.alerts-settings[b-t8nd6klce4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 4px 0;
}

.alerts-sub-title[b-t8nd6klce4] {
    color: var(--degen-text-primary);
    font-size: 11px;
    font-weight: 600;
}

.alerts-sub-title-spaced[b-t8nd6klce4] {
    margin-top: 8px;
}

.alerts-hint[b-t8nd6klce4] {
    color: var(--degen-text-secondary);
    font-size: 11px;
    line-height: 1.4;
}

.alerts-hint-small[b-t8nd6klce4] {
    font-size: 10px;
    color: var(--degen-text-muted);
}

.alerts-channel-list[b-t8nd6klce4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.alerts-channel-row[b-t8nd6klce4] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--degen-bg-surface);
    border: 1px solid var(--degen-border-default);
    border-radius: 4px;
    padding: 6px 10px;
}

.alerts-channel-name[b-t8nd6klce4] {
    color: var(--degen-text-primary);
    font-size: 11px;
    font-weight: 600;
    flex: 1;
}

.alerts-channel-unlink[b-t8nd6klce4] {
    padding: 3px 10px;
}

.alerts-badge[b-t8nd6klce4] {
    font-size: 9px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.alerts-badge-ok[b-t8nd6klce4] {
    color: var(--degen-color-success);
    background: rgba(64, 200, 120, 0.1);
}

.alerts-badge-warning[b-t8nd6klce4] {
    color: var(--degen-color-warning);
    background: rgba(255, 193, 7, 0.12);
    border: 1px solid rgba(255, 193, 7, 0.3);
}

.alerts-link-buttons[b-t8nd6klce4] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.alerts-link-instructions[b-t8nd6klce4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: var(--degen-bg-secondary);
    border: 1px solid var(--degen-border-accent);
    border-radius: 4px;
    padding: 10px;
}

.alerts-link-code-label[b-t8nd6klce4] {
    color: var(--degen-text-secondary);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.alerts-link-code[b-t8nd6klce4] {
    color: var(--degen-color-primary);
    font-family: 'Source Code Pro', monospace;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
}

.alerts-link-action[b-t8nd6klce4] {
    color: var(--degen-color-primary);
    font-size: 11px;
    font-weight: 600;
    text-decoration: underline;
}

/* Discord one-tap DM link: code pill + copy + steps */
.alerts-code-pill-row[b-t8nd6klce4] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.alerts-code-pill[b-t8nd6klce4] {
    color: var(--degen-color-primary);
    background: var(--degen-bg-surface);
    border: 1px solid var(--degen-border-accent);
    border-radius: 4px;
    font-family: 'Source Code Pro', monospace;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 3px 10px;
}

.alerts-copy-btn[b-t8nd6klce4] {
    padding: 3px 10px;
}

.alerts-link-steps[b-t8nd6klce4] {
    margin-top: 2px;
}

.alerts-mono[b-t8nd6klce4] {
    font-family: 'Source Code Pro', monospace;
    color: var(--degen-text-primary);
}

.alerts-test-btn[b-t8nd6klce4] {
    align-self: flex-start;
}

.alerts-test-result[b-t8nd6klce4] {
    color: var(--degen-text-primary);
}

.alerts-toggles[b-t8nd6klce4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.alerts-toggle-row[b-t8nd6klce4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 2px 0;
}

.alerts-toggle-label[b-t8nd6klce4] {
    color: var(--degen-text-secondary);
    font-size: 11px;
}
/* _content/AIAgent/Components/Pages/Terminal/TradingPanelComponents/AutomationTab.razor.rz.scp.css */
/* AutomationTab Specific Styles - LLM Automations Only */

/* Automation content container */
.automation-content[b-69bbwul9je] {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
/* _content/AIAgent/Components/Pages/Terminal/TradingPanelComponents/ColumnFilterDropdown.razor.rz.scp.css */
/* ColumnFilterDropdown -- scoped component styles */

.cfd-wrapper[b-bpif9e8kc1] {
    position: relative;
    display: inline-block;
}

/* Transparent full-screen backdrop captures click-outside to close */
.cfd-backdrop[b-bpif9e8kc1] {
    position: fixed;
    inset: 0;
    z-index: 999;
    background: transparent;
}

.cfd-trigger[b-bpif9e8kc1] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    background: transparent;
    border: none;
    color: var(--degen-text-secondary);
    font-family: 'Source Code Pro', monospace;
    font-size: 10px;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.15s;
}

.cfd-trigger:hover[b-bpif9e8kc1],
.cfd-trigger--open[b-bpif9e8kc1] {
    color: var(--degen-text-primary);
}

.cfd-badge[b-bpif9e8kc1] {
    background: var(--degen-color-primary);
    color: #000;
    border-radius: 4px;
    padding: 0 4px;
    font-size: 9px;
    font-weight: 600;
    line-height: 14px;
}

.cfd-chevron[b-bpif9e8kc1] {
    font-size: 8px;
    opacity: 0.6;
    transition: transform 0.15s;
    display: inline-block;
}

.cfd-chevron--up[b-bpif9e8kc1] {
    transform: rotate(180deg);
}

.cfd-popover[b-bpif9e8kc1] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    min-width: 160px;
    max-width: 260px;
    max-height: 240px;
    overflow-y: auto;
    background: var(--degen-bg-elevated);
    border: 1px solid var(--degen-border-default);
    border-radius: 4px;
    z-index: 1000;
    padding: 4px 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}

.cfd-option[b-bpif9e8kc1] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    cursor: pointer;
    font-family: 'Source Code Pro', monospace;
    font-size: 10px;
    color: var(--degen-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    transition: background 0.1s, color 0.1s;
}

.cfd-option:hover[b-bpif9e8kc1] {
    background: var(--degen-color-primary-faint);
    color: var(--degen-text-primary);
}

.cfd-option--selected[b-bpif9e8kc1] {
    color: var(--degen-color-primary);
}

.cfd-checkbox[b-bpif9e8kc1] {
    width: 10px;
    height: 10px;
    border: 1px solid var(--degen-border-default);
    border-radius: 2px;
    flex-shrink: 0;
    transition: background 0.1s, border-color 0.1s;
}

.cfd-checkbox--checked[b-bpif9e8kc1] {
    background: var(--degen-color-primary);
    border-color: var(--degen-color-primary);
}

.cfd-option-label[b-bpif9e8kc1] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.cfd-clear[b-bpif9e8kc1] {
    padding: 4px 10px;
    font-family: 'Source Code Pro', monospace;
    font-size: 9px;
    color: var(--degen-text-muted);
    cursor: pointer;
    border-top: 1px solid var(--degen-border-subtle);
    margin-top: 2px;
    transition: color 0.1s;
}

.cfd-clear:hover[b-bpif9e8kc1] {
    color: var(--degen-color-sell);
}
/* _content/AIAgent/Components/Pages/Terminal/TradingPanelComponents/GridbotTab.razor.rz.scp.css */
/* GridbotTab Specific Styles */


/* Base simple input container styling */

.simple-input-container[b-foml3cn9wu] {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: none;
    min-width: auto;
    height: 24px;
    background-color: #0b0d0f;
    border: 1px solid rgba(102, 102, 102, 0.2);
    border-radius: 4px;
    overflow: hidden;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.simple-input-container:hover[b-foml3cn9wu] {
    border-color: rgba(255, 255, 255, 0.3);
    background-color: #131619;
}


/* Base input label styling */

.input-label[b-foml3cn9wu] {
    background-color: transparent;
    color: #A2A2A2;
    font-size: 11px;
    font-weight: 400;
    padding: 0 6px;
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid rgba(102, 102, 102, 0.2);
    flex-shrink: 0;
    min-width: 33px;
    max-width: 46px;
}

.input-label-right[b-foml3cn9wu] {
    background-color: transparent;
    color: #565E63;
    font-size: 11px;
    font-weight: 400;
    padding: 0 6px;
    height: 100%;
    display: flex;
    align-items: center;
    border-left: 1px solid rgba(102, 102, 102, 0.2);
    flex-shrink: 0;
    min-width: 24px;
    max-width: 32px;
}

.simple-input[b-foml3cn9wu] {
    background: transparent;
    border: none;
    outline: none;
    color: #A2A2A2;
    font-size: 11px;
    padding: 0 8px;
    width: 100%;
    height: 100%;
    text-align: right;
}

.simple-input:focus[b-foml3cn9wu] {
    outline: none;
}


/* Remove spinner arrows */

.simple-input[b-foml3cn9wu]::-webkit-outer-spin-button,
.simple-input[b-foml3cn9wu]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.simple-input[type=number][b-foml3cn9wu] {
    appearance: textfield;
    -moz-appearance: textfield;
}


/* Compact Config Grid */

.config-grid[b-foml3cn9wu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
    margin-bottom: 12px;
}

.config-row[b-foml3cn9wu] {
    display: flex;
    flex-direction: column;
}


/* Compact EXP Config */

.exp-compact[b-foml3cn9wu] {
    background-color: rgba(184, 248, 78, 0.05);
    border: 1px solid rgba(184, 248, 78, 0.2);
    border-radius: 3px;
    padding: 4px 6px;
    margin-bottom: 6px;
}

.exp-label[b-foml3cn9wu] {
    color: #B8F84E;
    font-size: 8px;
    font-weight: 500;
    font-family: 'Source Code Pro', monospace;
}


/* Compact Controls */

.compact-controls[b-foml3cn9wu] {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-bottom: 8px;
}


/* Compact Status */

.compact-status[b-foml3cn9wu] {
    background-color: rgba(102, 102, 102, 0.1);
    border-radius: 3px;
    padding: 6px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px 8px;
}

.status-row[b-foml3cn9wu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.status-label[b-foml3cn9wu] {
    color: #A2A2A2;
    font-size: 9px;
    font-weight: 500;
}

.status-value[b-foml3cn9wu] {
    color: #E9E9E9;
    font-size: 9px;
    font-weight: 500;
    font-family: 'Source Code Pro', monospace;
}

.status-active[b-foml3cn9wu] {
    color: #B8F84E !important;
}

.status-inactive[b-foml3cn9wu] {
    color: #666 !important;
}

.pnl-positive[b-foml3cn9wu] {
    color: var(--degen-pnl-positive) !important;
}

.pnl-negative[b-foml3cn9wu] {
    color: var(--degen-pnl-negative) !important;
}

.info-row[b-foml3cn9wu] {
    grid-column: 1 / -1;
    /* Span full width */
    padding: 6px 0;
    border-top: 1px solid rgba(184, 248, 78, 0.1);
}

.info-content[b-foml3cn9wu] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.info-icon[b-foml3cn9wu] {
    color: #A2A2A2;
    font-size: 10px !important;
    width: 10px !important;
    height: 10px !important;
}

.info-text[b-foml3cn9wu] {
    color: #A2A2A2;
    font-size: 8px;
    font-weight: 400;
    font-style: italic;
}


/* Preview Section */

.preview-section[b-foml3cn9wu] {
    margin-top: 12px;
    padding: 10px;
    background: rgba(184, 248, 78, 0.02);
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 4px;
}

.preview-header[b-foml3cn9wu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(184, 248, 78, 0.1);
    cursor: pointer;
    transition: background-color 0.2s;
}

.preview-header:hover[b-foml3cn9wu] {
    background-color: rgba(184, 248, 78, 0.03);
}

.preview-header-left[b-foml3cn9wu] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.preview-header-right[b-foml3cn9wu] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.preview-toggle-icon[b-foml3cn9wu] {
    color: #B8F84E;
    transition: transform 0.2s;
}

.preview-title[b-foml3cn9wu] {
    color: #B8F84E;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.preview-loading[b-foml3cn9wu] {
    color: #A2A2A2;
    font-size: 8px;
    font-style: italic;
}

.preview-refresh[b-foml3cn9wu] {
    cursor: pointer;
    color: #A2A2A2;
    transition: color 0.2s;
    display: flex;
    align-items: center;
}

.preview-refresh:hover[b-foml3cn9wu] {
    color: #B8F84E;
}

.preview-content[b-foml3cn9wu] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.preview-row[b-foml3cn9wu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
}

.preview-label[b-foml3cn9wu] {
    color: #A2A2A2;
    font-size: 9px;
    font-weight: 400;
}

.preview-value[b-foml3cn9wu] {
    color: #FFFFFF;
    font-size: 9px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}


/* Preview Grid Table */

.preview-grid-section[b-foml3cn9wu] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(184, 248, 78, 0.1);
}

.preview-grid-header[b-foml3cn9wu] {
    color: #B8F84E;
    font-size: 9px;
    font-weight: 600;
    margin-bottom: 6px;
}

.preview-grid-table[b-foml3cn9wu] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.preview-grid-header-row[b-foml3cn9wu] {
    display: grid;
    grid-template-columns: 40px 1fr 1fr 1fr;
    gap: 8px;
    padding: 4px 6px;
    background: rgba(184, 248, 78, 0.05);
    border-radius: 2px;
}

.preview-grid-header-row .preview-grid-col[b-foml3cn9wu] {
    color: #B8F84E;
    font-size: 8px;
    font-weight: 600;
    text-transform: uppercase;
}

.preview-grid-row[b-foml3cn9wu] {
    display: grid;
    grid-template-columns: 40px 1fr 1fr 1fr;
    gap: 8px;
    padding: 3px 6px;
    transition: background 0.2s;
}

.preview-grid-row:hover[b-foml3cn9wu] {
    background: rgba(184, 248, 78, 0.03);
}

.preview-grid-col[b-foml3cn9wu] {
    color: #FFFFFF;
    font-size: 8px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.preview-empty[b-foml3cn9wu] {
    padding: 12px;
    text-align: center;
    color: #A2A2A2;
    font-size: 9px;
    font-style: italic;
}


/* Gridbot content container */

.gridbot-content[b-foml3cn9wu] {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}


/* Asset Autocomplete Styling */

[b-foml3cn9wu] .gridbot-asset-select {
    height: 24px !important;
    min-height: 24px !important;
}

[b-foml3cn9wu] .gridbot-asset-select .mud-input-root {
    height: 24px !important;
    min-height: 24px !important;
}

[b-foml3cn9wu] .gridbot-asset-select .mud-input {
    padding: 0 8px !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #A2A2A2 !important;
    text-align: right !important;
    height: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
}

[b-foml3cn9wu] .gridbot-asset-select .mud-input-adornment {
    margin: 0 !important;
    padding: 0 4px !important;
    height: 24px !important;
}

[b-foml3cn9wu] .gridbot-asset-select .mud-input-adornment-icon {
    font-size: 12px !important;
    color: #666 !important;
}

[b-foml3cn9wu] .gridbot-asset-select .mud-input-outlined {
    border: none !important;
    padding: 0 !important;
}

[b-foml3cn9wu] .gridbot-asset-select .mud-input-outlined-border {
    display: none !important;
}

[b-foml3cn9wu] .gridbot-asset-select .mud-input-outlined fieldset {
    display: none !important;
}

[b-foml3cn9wu] .gridbot-asset-select .mud-input-underline:before,
[b-foml3cn9wu] .gridbot-asset-select .mud-input-underline:after {
    display: none !important;
}


/* Autocomplete Popover Styling */

[b-foml3cn9wu] .gridbot-asset-select+.mud-popover {
    background-color: #0D1215 !important;
    border: 1px solid rgba(184, 248, 78, 0.2) !important;
}

[b-foml3cn9wu] .gridbot-asset-select+.mud-popover .mud-list-item {
    font-size: 11px !important;
    padding: 4px 8px !important;
    min-height: 24px !important;
    color: #A2A2A2 !important;
}

[b-foml3cn9wu] .gridbot-asset-select+.mud-popover .mud-list-item:hover {
    background-color: rgba(184, 248, 78, 0.05) !important;
}

[b-foml3cn9wu] .gridbot-asset-select+.mud-popover .mud-list-item-selected {
    background-color: rgba(184, 248, 78, 0.1) !important;
    color: #B8F84E !important;
}


/* Preview Warnings Section */

.preview-warnings[b-foml3cn9wu] {
    margin: 8px 0;
    padding: 8px;
    background: rgba(255, 107, 107, 0.05);
    border: 1px solid rgba(255, 107, 107, 0.2);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.preview-warning-critical[b-foml3cn9wu] {
    color: #FF6B6B;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.4;
    padding: 4px;
    background: rgba(255, 107, 107, 0.1);
    border-left: 3px solid #FF6B6B;
    border-radius: 2px;
}

.preview-warning-warning[b-foml3cn9wu] {
    color: #FFB84E;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.4;
    padding: 4px;
    background: rgba(255, 184, 78, 0.1);
    border-left: 3px solid #FFB84E;
    border-radius: 2px;
}

.preview-warning-info[b-foml3cn9wu] {
    color: #A2A2A2;
    font-size: 8px;
    font-weight: 400;
    line-height: 1.4;
    padding: 4px;
    background: rgba(162, 162, 162, 0.05);
    border-left: 2px solid rgba(162, 162, 162, 0.3);
    border-radius: 2px;
}


/* _content/AIAgent/Components/Pages/Terminal/TradingPanelComponents/LLMAutomationCard.razor.rz.scp.css */
.automation-card[b-pib3vloeo1] {
    background: #0D1215;
    border: 1px solid rgba(184, 248, 78, 0.15);
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 6px;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.automation-card.active[b-pib3vloeo1] {
    border-color: rgba(184, 248, 78, 0.4);
    box-shadow: 0 0 8px rgba(184, 248, 78, 0.15);
}

.automation-card.inactive[b-pib3vloeo1] {
    border-color: rgba(102, 102, 102, 0.4);
    box-shadow: none;
    opacity: 0.85;
}

.automation-card.paused[b-pib3vloeo1] {
    border-color: rgba(156, 163, 175, 0.4);
    box-shadow: 0 0 8px rgba(156, 163, 175, 0.1);
}

.automation-card.sleeping[b-pib3vloeo1] {
    border-color: rgba(156, 163, 175, 0.3);
    box-shadow: 0 0 8px rgba(156, 163, 175, 0.1);
}

/* Needs Attention State - subtle yellow */
.automation-card.needs-attention[b-pib3vloeo1] {
    border-color: rgba(251, 191, 36, 0.4);
    box-shadow: 0 0 8px rgba(251, 191, 36, 0.12);
}

.automation-card.processing[b-pib3vloeo1] {
    animation: processing-pulse-b-pib3vloeo1 1.5s ease-in-out infinite;
}

@keyframes processing-pulse-b-pib3vloeo1 {
    0%,
    100% {
        border-color: rgba(184, 248, 78, 0.4);
        box-shadow: 0 0 8px rgba(184, 248, 78, 0.15);
    }
    50% {
        border-color: rgba(184, 248, 78, 0.8);
        box-shadow: 0 0 16px rgba(184, 248, 78, 0.4);
    }
}

.automation-card:hover[b-pib3vloeo1] {
    border-color: rgba(184, 248, 78, 0.6);
    box-shadow: 0 0 12px rgba(184, 248, 78, 0.25);
    transform: translateY(-1px);
}

.card-header[b-pib3vloeo1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    gap: 8px;
}

.card-title[b-pib3vloeo1] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.header-right[b-pib3vloeo1] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.inline-stats[b-pib3vloeo1] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.inline-stat[b-pib3vloeo1] {
    font-size: 9px;
    color: #666;
    white-space: nowrap;
}

/* Asset badge styling */
.asset-badge[b-pib3vloeo1] {
    font-size: 9px;
    font-weight: 600;
    color: #B8F84E;
    background: rgba(184, 248, 78, 0.15);
    padding: 2px 6px;
    border-radius: 3px;
    text-transform: uppercase;
}

/* Competition badge */
.comp-badge[b-pib3vloeo1] {
    font-size: 8px;
    font-weight: 700;
    color: var(--degen-color-primary);
    background: rgba(184, 248, 78, 0.1);
    border: 1px solid rgba(184, 248, 78, 0.25);
    padding: 1px 4px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Scanning badge styling */
.scanning-badge[b-pib3vloeo1] {
    font-size: 8px;
    font-weight: 600;
    color: #9CA3AF;
    background: rgba(156, 163, 175, 0.2);
    padding: 2px 6px;
    border-radius: 3px;
    cursor: help;
}

.automation-name[b-pib3vloeo1] {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

/* Inline PnL summary (replaces sleep-reason "Why:" line) */
.pnl-summary[b-pib3vloeo1] {
    display: flex;
    gap: 6px;
    font-size: 10px;
    align-items: baseline;
}

.pnl-summary .label[b-pib3vloeo1] {
    color: #666;
    min-width: 35px;
}

.pnl-summary .value[b-pib3vloeo1] {
    white-space: nowrap;
    font-weight: 600;
}

.pnl-summary .value.positive[b-pib3vloeo1] {
    color: #B8F84E;
}

.pnl-summary .value.negative[b-pib3vloeo1] {
    color: #FF6B6B;
}

.pnl-summary .detail[b-pib3vloeo1] {
    color: #666;
    white-space: nowrap;
}

.card-body[b-pib3vloeo1] {
    margin-bottom: 0;
}


.trigger-info-section[b-pib3vloeo1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wake-condition[b-pib3vloeo1] {
    display: flex;
    gap: 6px;
    font-size: 10px;
}

.wake-condition .label[b-pib3vloeo1] {
    color: #9CA3AF;
    min-width: 35px;
}

.wake-condition .value[b-pib3vloeo1] {
    color: #B8F84E;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Card action buttons */
.card-actions[b-pib3vloeo1] {
    display: flex;
    align-items: center;
    gap: 2px;
}

/* Attention section */
.attention-section[b-pib3vloeo1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 0;
}

.attention-text[b-pib3vloeo1] {
    font-size: 10px;
    color: #9CA3AF;
    line-height: 1.4;
}

.view-details-btn[b-pib3vloeo1] {
    align-self: flex-start;
    background: transparent;
    border: 1px solid rgba(251, 191, 36, 0.4);
    color: #FBBF24;
    padding: 4px 10px;
    font-size: 10px;
    font-weight: 500;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.view-details-btn:hover[b-pib3vloeo1] {
    background: rgba(251, 191, 36, 0.1);
    border-color: rgba(251, 191, 36, 0.6);
    color: #FCD34D;
}

/* Backtesting state */
.automation-card.backtesting[b-pib3vloeo1] {
    border-color: rgba(184, 248, 78, 0.4);
    animation: backtest-pulse-b-pib3vloeo1 2s ease-in-out infinite;
}

@keyframes backtest-pulse-b-pib3vloeo1 {
    0%, 100% { box-shadow: 0 0 8px rgba(184, 248, 78, 0.15); }
    50% { box-shadow: 0 0 12px rgba(184, 248, 78, 0.25); }
}

.backtest-progress-strip[b-pib3vloeo1] {
    margin-bottom: 6px;
}

.backtest-bar-track[b-pib3vloeo1] {
    height: 2px;
    background: var(--degen-color-primary-subtle);
    border-radius: var(--degen-radius-sm);
    margin: 0 -6px 4px -6px;
    overflow: hidden;
}

.backtest-bar-fill[b-pib3vloeo1] {
    height: 100%;
    background: var(--degen-color-primary);
    border-radius: var(--degen-radius-sm);
    transition: width 0.5s ease;
}

.backtest-stats[b-pib3vloeo1] {
    display: flex;
    gap: 8px;
    font-size: var(--degen-font-size-sm);
    color: var(--degen-text-secondary);
}

.backtest-stats .positive[b-pib3vloeo1] {
    color: var(--degen-color-primary);
}

.backtest-stats .negative[b-pib3vloeo1] {
    color: var(--degen-color-error);
}

/* ===========================================
   MOBILE RESPONSIVE STYLES
   =========================================== */

@media (max-width: 599px) {
    .automation-card[b-pib3vloeo1] {
        padding: 10px;
    }

    /* Card header - allow wrapping on very small screens */
    .card-header[b-pib3vloeo1] {
        flex-wrap: wrap;
        gap: 6px;
    }

    .card-title[b-pib3vloeo1] {
        flex: 1 1 100%;
        order: 1;
    }

    .header-right[b-pib3vloeo1] {
        flex: 1 1 100%;
        order: 2;
        justify-content: space-between;
    }

    .automation-name[b-pib3vloeo1] {
        font-size: 11px;
        /* Allow truncation on mobile */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 180px;
    }

    /* Inline stats - slightly larger touch targets */
    .inline-stats[b-pib3vloeo1] {
        gap: 10px;
    }

    .inline-stat[b-pib3vloeo1] {
        font-size: 10px;
    }

    .wake-condition[b-pib3vloeo1] {
        font-size: 11px;
    }

    .pnl-summary[b-pib3vloeo1] {
        font-size: 11px;
    }

    /* Attention section */
    .attention-text[b-pib3vloeo1] {
        font-size: 11px;
    }

    .view-details-btn[b-pib3vloeo1] {
        font-size: 11px;
        padding: 6px 12px;
    }
}

/* Extra small screens - stack header completely */
@media (max-width: 360px) {
    .automation-name[b-pib3vloeo1] {
        max-width: 140px;
    }

    .inline-stats[b-pib3vloeo1] {
        gap: 8px;
    }

    .scanning-badge[b-pib3vloeo1] {
        font-size: 7px;
        padding: 2px 4px;
    }
}
/* _content/AIAgent/Components/Pages/Terminal/TradingPanelComponents/LLMAutomationsSection.razor.rz.scp.css */
.llm-automations-section[b-2py42kej63] {
    padding: 10px 0;
    border-top: 1px solid rgba(184, 248, 78, 0.1);
    margin-top: 16px;
}

.section-header[b-2py42kej63] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.section-title[b-2py42kej63] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #B8F84E;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mode-indicator[b-2py42kej63] {
    font-size: 9px;
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.mode-indicator.competition[b-2py42kej63] {
    background: rgba(184, 248, 78, 0.15);
    color: var(--degen-color-primary);
    border: 1px solid rgba(184, 248, 78, 0.3);
}

.title-icon[b-2py42kej63] {
    font-size: 14px;
}

.section-info[b-2py42kej63] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.count-badge[b-2py42kej63] {
    color: #8a9299;
    font-size: 10px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.cost-badge[b-2py42kej63] {
    background: rgba(184, 248, 78, 0.1);
    color: #B8F84E;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 500;
}

.cost-badge.over-cap[b-2py42kej63] {
    background: rgba(255, 107, 107, 0.2);
    color: #FF6B6B;
}

.loading-state[b-2py42kej63] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px;
    color: #666;
    font-size: 11px;
}

.empty-state[b-2py42kej63] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 12px;
    text-align: center;
    background: linear-gradient(180deg, rgba(13, 18, 21, 0.3) 0%, rgba(13, 18, 21, 0.1) 100%);
    border-radius: 6px;
    border: 1px solid rgba(58, 66, 72, 0.2);
}

.empty-icon[b-2py42kej63] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(184, 248, 78, 0.08);
    margin-bottom: 10px;
}

.empty-text[b-2py42kej63] {
    color: #8a9299;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 6px;
}

.empty-hint[b-2py42kej63] {
    color: #565e63;
    font-size: 10px;
    max-width: 220px;
    line-height: 1.4;
}

.automations-list[b-2py42kej63] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* _content/AIAgent/Components/Pages/Terminal/TradingPanelComponents/PredictionMarketBrowser.razor.rz.scp.css */
/* PredictionMarketBrowser - reuses predict-* classes from PredictionMarketsTab */
/* Wide layout overrides for chart area display */

.predict-browse-wide[b-ghqmsv5wyx] {
    height: 100%;
    overflow-y: auto;
    padding: 0 var(--degen-space-sm, 8px) var(--degen-space-sm, 8px);
}

.predict-browse-wide .predict-search-input[b-ghqmsv5wyx] {
    font-size: var(--degen-font-size-base, 12px);
    padding: 8px 12px;
}

/* Grid layout for wide chart area */
.predict-card-grid[b-ghqmsv5wyx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--degen-space-sm, 8px);
}

.predict-card-grid .predict-card[b-ghqmsv5wyx] {
    min-height: 70px;
}

/* Selected card highlight */
.predict-card-selected[b-ghqmsv5wyx] {
    border-color: var(--degen-color-primary, #B8F84E) !important;
    background: var(--degen-bg-elevated, #141C21);
}

/* "+N more" -> opens the event detail view. Full-width, muted, sits below the
   previewed outcome buttons so every card keeps a consistent height. */
.predict-outcome-more[b-ghqmsv5wyx] {
    flex: 1 1 100%;
    min-height: 24px;
    margin-top: 2px;
    background: transparent;
    border: 1px dashed var(--degen-border-muted, #2C373D);
    border-radius: 4px;
    color: var(--degen-text-secondary, #A2A2A2);
    font-size: var(--degen-font-size-sm, 10px);
    cursor: pointer;
}

.predict-outcome-more:hover[b-ghqmsv5wyx] {
    color: var(--degen-color-primary, #B8F84E);
    border-color: var(--degen-color-primary, #B8F84E);
}
/* _content/AIAgent/Components/Pages/Terminal/TradingPanelComponents/PredictionOrderForm.razor.rz.scp.css */
/* Styles are in wwwroot/css/prediction-markets.css (global) */
/* _content/AIAgent/Components/Pages/Terminal/TradingPanelComponents/ScheduledOrdersTab.razor.rz.scp.css */
/* This component renders its own table chrome rather than inheriting the
   .compact-table / .table-header / .table-row rules: Blazor CSS isolation scopes
   those to PortfolioPanel's stylesheet, so they don't reach a child component
   (same reason GridbotTab redeclares its primitives). Tokens keep it on-theme. */
.compact-table[b-uvqijsp9zk] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-x: auto;
}

/* Column layout for the scheduled-orders table. Header + rows share one grid so
   columns line up; chrome (padding/background/border/fonts) is inlined here. */
.scheduled-table-header[b-uvqijsp9zk],
.scheduled-table-row[b-uvqijsp9zk] {
    display: grid;
    grid-template-columns: 1.1fr 0.8fr 0.8fr 0.6fr 0.9fr 1.4fr 0.9fr 1fr 0.5fr;
    align-items: center;
    gap: 4px;
    min-width: 560px;
    box-sizing: border-box;
}

.scheduled-table-header[b-uvqijsp9zk] {
    padding: 6px 8px;
    background-color: rgba(102, 102, 102, 0.08);
    border-bottom: 1px solid var(--degen-border-default);
    font-size: var(--degen-font-size-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: var(--degen-text-secondary);
    flex-shrink: 0;
}

.scheduled-table-row[b-uvqijsp9zk] {
    padding: 8px;
    border-bottom: 1px solid var(--degen-border-subtle);
    font-size: var(--degen-font-size-md);
    color: var(--degen-text-primary);
    transition: background-color 0.2s ease;
}

.scheduled-table-row:hover[b-uvqijsp9zk] {
    background-color: rgba(102, 102, 102, 0.05);
}

.scheduled-table .asset-name[b-uvqijsp9zk] {
    font-weight: 500;
}

.scheduled-table .side-buy[b-uvqijsp9zk] {
    color: var(--degen-color-buy);
}

.scheduled-table .side-sell[b-uvqijsp9zk] {
    color: var(--degen-color-sell);
}

/* Fill progress bar */
.sched-fill-wrap[b-uvqijsp9zk] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.sched-fill-bar[b-uvqijsp9zk] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 6px;
    background: var(--degen-bg-input);
    border-radius: var(--degen-radius-sm);
    overflow: hidden;
}

.sched-fill-bar-inner[b-uvqijsp9zk] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--degen-color-primary);
    border-radius: var(--degen-radius-sm);
    transition: width var(--degen-transition-normal);
}

.sched-fill-pct[b-uvqijsp9zk] {
    font-size: var(--degen-font-size-xs);
    color: var(--degen-text-secondary);
    font-family: var(--degen-font-mono);
}

.sched-slice-count[b-uvqijsp9zk] {
    margin-left: 4px;
    font-size: var(--degen-font-size-xs);
    color: var(--degen-text-hint);
    font-family: var(--degen-font-mono);
}

/* Status badge */
.sched-status-badge[b-uvqijsp9zk] {
    display: inline-block;
    padding: 1px 6px;
    border-radius: var(--degen-radius-sm);
    font-size: var(--degen-font-size-xs);
    font-family: var(--degen-font-mono);
    text-transform: uppercase;
}

.sched-status-pending[b-uvqijsp9zk] {
    color: var(--degen-text-secondary);
    background: var(--degen-border-subtle);
}

.sched-status-running[b-uvqijsp9zk] {
    color: var(--degen-color-info);
    background: rgba(74, 158, 255, 0.12);
}

.sched-status-completed[b-uvqijsp9zk] {
    color: var(--degen-color-primary);
    background: var(--degen-color-primary-subtle);
}

.sched-status-cancelled[b-uvqijsp9zk] {
    color: var(--degen-text-tertiary);
    background: var(--degen-border-subtle);
}

.sched-status-failed[b-uvqijsp9zk] {
    color: var(--degen-color-error);
    background: var(--degen-color-sell-muted);
}

.sched-cancelling[b-uvqijsp9zk] {
    font-size: var(--degen-font-size-xs);
    color: var(--degen-text-hint);
    font-family: var(--degen-font-mono);
    font-style: italic;
}

/* Empty / loading states. Copied from PortfolioPanel's scoped stylesheet for
   the same CSS-isolation reason as the table chrome above. */
.empty-state[b-uvqijsp9zk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 200px;
    text-align: center;
    padding: var(--degen-space-xxl) var(--degen-space-xl);
    background: linear-gradient(180deg, rgba(20, 28, 33, 0.6) 0%, rgba(13, 18, 21, 0.3) 100%);
    border-radius: var(--degen-radius-lg);
    border: 1px solid var(--degen-border-subtle);
}

.empty-state-compact[b-uvqijsp9zk] {
    min-height: 80px;
    padding: var(--degen-space-xl) var(--degen-space-lg);
}

.empty-state-icon[b-uvqijsp9zk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: var(--degen-radius-full);
    background: rgba(102, 102, 102, 0.12);
    margin-bottom: var(--degen-space-md);
    color: var(--degen-text-hint);
}

.empty-text[b-uvqijsp9zk] {
    color: var(--degen-text-secondary);
    font-size: var(--degen-font-size-lg);
    font-weight: 500;
    margin-bottom: var(--degen-space-sm);
    letter-spacing: 0.01em;
}

.empty-subtext[b-uvqijsp9zk] {
    color: var(--degen-text-tertiary);
    font-size: var(--degen-font-size-base);
    line-height: 1.5;
    max-width: 280px;
}
/* _content/AIAgent/Components/Pages/Terminal/TradingPanelComponents/SchedulerOrderForm.razor.rz.scp.css */
.scheduler-form[b-rfymkyozyx] {
    display: flex;
    flex-direction: column;
}

/* ---------------------------------------------------------------------------
   Trading-form primitives copied from TradingTab.razor.css. Blazor CSS
   isolation scopes plain selectors per-component, so shared classes defined in
   the parent's scoped stylesheet don't reach this child component -- the same
   reason GridbotTab redeclares them. Kept visually identical via design tokens.
   --------------------------------------------------------------------------- */
.simple-input-container[b-rfymkyozyx] {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 240px;
    min-width: 180px;
    height: 28px;
    background-color: var(--degen-bg-input);
    border: 1px solid var(--degen-border-default);
    border-radius: var(--degen-radius-md);
    overflow: hidden;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.simple-input-container:hover[b-rfymkyozyx] {
    border-color: rgba(255, 255, 255, 0.3);
    background-color: var(--degen-bg-input-hover);
}

.input-label[b-rfymkyozyx] {
    background-color: transparent;
    color: var(--degen-text-secondary);
    font-size: 11px;
    font-weight: 400;
    padding: 0 6px;
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid var(--degen-border-default);
    flex-shrink: 0;
    min-width: 33px;
    max-width: 70px;
}

.input-label-right[b-rfymkyozyx] {
    background-color: transparent;
    color: var(--degen-text-hint);
    font-size: 11px;
    font-weight: 400;
    padding: 0 6px;
    height: 100%;
    display: flex;
    align-items: center;
    border-left: 1px solid var(--degen-border-default);
    flex-shrink: 0;
    min-width: 24px;
    max-width: 60px;
}

/* DecimalInput renders <input class="decimal-input ..."> in ITS own scope, so
   it must be reached via ::deep -- and it has no base style anywhere else. */
[b-rfymkyozyx] .decimal-input {
    background: transparent;
    border: none;
    outline: none;
    color: var(--degen-text-primary);
    font-size: 11px;
    padding: 0 8px;
    width: 100%;
    height: 100%;
    text-align: right;
}

[b-rfymkyozyx] .decimal-input:focus {
    outline: none;
}

/* Custom checkbox (TWAP auto-slices / Trailing until-filled toggles) */
.custom-checkbox[b-rfymkyozyx] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    gap: 8px;
}

.custom-checkbox input[type="checkbox"][b-rfymkyozyx] {
    display: none;
}

.checkmark[b-rfymkyozyx] {
    width: 14px;
    height: 14px;
    background-color: transparent;
    border: 1px solid rgba(102, 102, 102, 0.4);
    border-radius: var(--degen-radius-sm);
    position: relative;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.custom-checkbox:hover .checkmark[b-rfymkyozyx] {
    border-color: rgba(255, 255, 255, 0.6);
}

.custom-checkbox input[type="checkbox"]:checked + .checkmark[b-rfymkyozyx] {
    background-color: var(--degen-color-primary);
    border-color: var(--degen-color-primary);
}

.checkmark[b-rfymkyozyx]:after {
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 1px;
    width: 3px;
    height: 7px;
    border: solid var(--degen-bg-secondary);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.custom-checkbox input[type="checkbox"]:checked + .checkmark[b-rfymkyozyx]:after {
    display: block;
}

.checkbox-label[b-rfymkyozyx] {
    color: var(--degen-text-hint);
    font-size: 9px;
    font-weight: 500;
    font-family: var(--degen-font-sans);
}

.validation-hint[b-rfymkyozyx] {
    font-size: 10px;
    color: var(--degen-text-tertiary);
    margin-top: 4px;
    text-align: center;
    opacity: 0.8;
}

/* Rows that mix a DecimalInput with a unit selector */
.sched-row[b-rfymkyozyx] {
    align-items: center;
}

.sched-grow[b-rfymkyozyx] {
    flex: 1;
    max-width: 160px;
}

.sched-inline[b-rfymkyozyx] {
    max-width: 140px;
}

/* ---------------------------------------------------------------------------
   Native terminal-styled <select> -- copied from TradingTab.razor.css (.tif-select)
   because Blazor CSS isolation won't carry the parent's scoped rule into this child,
   the same copy pattern used for .simple-input-container above. Keeps the TWAP /
   Trailing dropdowns visually identical to the Market TIF selector.
   --------------------------------------------------------------------------- */
.custom-dropdown[b-rfymkyozyx] {
    position: relative;
}

.tif-select[b-rfymkyozyx] {
    background-color: #0D1215;
    border: 1px solid rgba(102, 102, 102, 0.4);
    border-radius: 2px;
    color: #565E63;
    font-size: 9px;
    font-weight: 500;
    font-family: 'Space Grotesk', sans-serif;
    padding: 2px 20px 2px 6px;
    height: 18px;
    min-width: 50px;
    cursor: pointer;
    transition: all 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23565E63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 4px center;
    background-size: 12px;
}

.tif-select:hover[b-rfymkyozyx] {
    border-color: rgba(255, 255, 255, 0.6);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
}

.tif-select:focus[b-rfymkyozyx] {
    outline: none;
    border-color: #B8F84E;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8F84E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
}

.tif-select option[b-rfymkyozyx] {
    background-color: #0D1215;
    color: #888;
    font-size: 9px;
    padding: 4px;
}

/* Sell mode -- mirror the Market form's red focus. The parent's .trading-form.sell
   rule can't reach this child's selects, so re-declare against the side class the
   form root carries. */
.scheduler-form.sell .tif-select:focus[b-rfymkyozyx] {
    border-color: #FF6B6B;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF6B6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
}

/* Compact unit selector beside the TWAP duration input -- match the 28px input
   height rather than the bare 18px base. */
.sched-unit-select[b-rfymkyozyx] {
    height: 28px;
    min-width: 70px;
}

/* Indicator / Line / Interval selects sit borderless INSIDE .simple-input-container
   (the container draws the border), mirroring how ::deep .decimal-input fills it.
   Declared after .tif-select so these overrides win at equal specificity. */
.sched-select-native[b-rfymkyozyx] {
    flex: 1;
    width: 100%;
    max-width: none;
    min-width: 0;
    height: 26px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    color: var(--degen-text-primary);
    padding: 0 22px 0 8px;
}

.sched-select-native:hover[b-rfymkyozyx],
.sched-select-native:focus[b-rfymkyozyx] {
    border: none;
}

.sched-hint-inline[b-rfymkyozyx] {
    font-size: var(--degen-font-size-sm);
    color: var(--degen-text-hint);
    font-family: var(--degen-font-mono);
}

/* Coming-soon placeholder for Chase */
.sched-coming-soon[b-rfymkyozyx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 32px 16px;
    text-align: center;
}

.sched-coming-soon-title[b-rfymkyozyx] {
    color: var(--degen-text-secondary);
    font-size: var(--degen-font-size-lg);
    font-weight: 600;
}

.sched-coming-soon-sub[b-rfymkyozyx] {
    color: var(--degen-text-hint);
    font-size: var(--degen-font-size-md);
    line-height: 1.4;
    max-width: 260px;
}

.sched-submit[b-rfymkyozyx] {
    margin-top: 4px;
}

/* ---------------------------------------------------------------------------
   Mobile touch targets -- copied from TradingTab.razor.css so the scheduler's
   inputs/selects grow to the same 44-48px tap targets on phones (CSS isolation
   won't carry the parent's media block into this child). The full-width rule on
   .simple-input-container is deliberately NOT applied to the inline two-control
   rows (duration+unit, checkbox+inline input) so those stay side by side.
   --------------------------------------------------------------------------- */
@media (max-width: 599px) {
    .simple-input-container[b-rfymkyozyx] {
        height: var(--mobile-input-height, 48px) !important;
        min-height: 48px !important;
        max-width: 100% !important;
        min-width: 100% !important;
        border-radius: 8px !important;
    }

    .simple-input-container.sched-grow[b-rfymkyozyx] {
        flex: 1;
        max-width: none !important;
        min-width: 0 !important;
    }

    .simple-input-container.sched-inline[b-rfymkyozyx] {
        max-width: 160px !important;
        min-width: 0 !important;
    }

    .input-label[b-rfymkyozyx] {
        font-size: 14px !important;
        padding: 0 10px !important;
        min-width: 50px !important;
        max-width: 70px !important;
    }

    .input-label-right[b-rfymkyozyx] {
        font-size: 14px !important;
        padding: 0 10px !important;
        min-width: 35px !important;
        max-width: 45px !important;
    }

    .custom-checkbox[b-rfymkyozyx] {
        min-height: 44px !important;
        padding: 8px 0 !important;
    }

    .checkmark[b-rfymkyozyx] {
        width: 22px !important;
        height: 22px !important;
    }

    .checkmark[b-rfymkyozyx]:after {
        left: 7px !important;
        top: 3px !important;
        width: 5px !important;
        height: 10px !important;
    }

    .checkbox-label[b-rfymkyozyx] {
        font-size: 14px !important;
    }

    .tif-select[b-rfymkyozyx] {
        height: 44px !important;
        min-height: 44px !important;
        font-size: 14px !important;
        padding: 8px 30px 8px 12px !important;
        min-width: 80px !important;
    }

    .sched-unit-select[b-rfymkyozyx],
    .sched-select-native[b-rfymkyozyx] {
        height: 44px !important;
        min-height: 44px !important;
    }
}
/* _content/AIAgent/Components/Pages/Terminal/TradingPanelComponents/TradingTab.razor.rz.scp.css */
/* Trading Panel Specific Styles */


/* Lime primary button hover/disabled rules live globally in
   wwwroot/css/theme/mudblazor-overrides.css ("Lime primary button pattern").
   Do not re-add them here. */


/* Ensure MudPaper scrolls properly */

[b-34xcyf9l9m] .mud-paper {
    overflow-y: auto !important;
    max-height: 100% !important;
}


/* Trading form should be flexible and scrollable */

.trading-form[b-34xcyf9l9m] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    scrollbar-width: thin;
    scrollbar-color: #2C373D #141C21;
}


/* Custom scrollbar for webkit browsers */

.trading-form[b-34xcyf9l9m]::-webkit-scrollbar {
    width: 6px;
}

.trading-form[b-34xcyf9l9m]::-webkit-scrollbar-track {
    background: #141C21;
    border-radius: 0;
}

.trading-form[b-34xcyf9l9m]::-webkit-scrollbar-thumb {
    background: #2C373D;
    border-radius: 0;
}

.trading-form[b-34xcyf9l9m]::-webkit-scrollbar-thumb:hover {
    background: #374449;
}


/* Compact Trading Form Overrides */

[b-34xcyf9l9m] .trading-form .mud-input-control {
    min-height: 28px !important;
}

[b-34xcyf9l9m] .mud-input {
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
}

[b-34xcyf9l9m] .trading-form .mud-select {
    min-height: 28px !important;
}

[b-34xcyf9l9m] .mud-input-slot {
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 4px !important;
    font-size: 11px !important;
    overflow: hidden !important;
}


/* Simple input container - no MudBlazor complications */

.simple-input-container[b-34xcyf9l9m] {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 240px;
    min-width: 180px;
    height: 28px;
    background-color: #0b0d0f;
    border: 1px solid rgba(102, 102, 102, 0.2);
    border-radius: 4px;
    overflow: hidden;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.simple-input-container:hover[b-34xcyf9l9m] {
    border-color: rgba(255, 255, 255, 0.3);
    background-color: #131619;
}


/* TP/SL specific field sizes - smaller since they're side by side */

.simple-input-container.tp-sl-price-field[b-34xcyf9l9m] {
    width: 45%;
    max-width: 140px;
    min-width: 100px;
}

.simple-input-container.tp-sl-percentage-field[b-34xcyf9l9m] {
    width: 35%;
    max-width: 100px;
    min-width: 80px;
}

.input-label[b-34xcyf9l9m] {
    background-color: transparent;
    color: #A2A2A2;
    font-size: 11px;
    font-weight: 400;
    padding: 0 6px;
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid rgba(102, 102, 102, 0.2);
    flex-shrink: 0;
    min-width: 33px;
    max-width: 46px;
}

.input-label-right[b-34xcyf9l9m] {
    background-color: transparent;
    color: #565E63;
    font-size: 11px;
    font-weight: 400;
    padding: 0 6px;
    height: 100%;
    display: flex;
    align-items: center;
    border-left: 1px solid rgba(102, 102, 102, 0.2);
    flex-shrink: 0;
    min-width: 24px;
    max-width: 32px;
}

.simple-input[b-34xcyf9l9m] {
    background: transparent;
    border: none;
    outline: none;
    color: #A2A2A2;
    font-size: 11px;
    padding: 0 8px;
    width: 100%;
    height: 100%;
    text-align: right;
}

.simple-input:focus[b-34xcyf9l9m] {
    outline: none;
}


/* Remove spinner arrows */

.simple-input[b-34xcyf9l9m]::-webkit-outer-spin-button,
.simple-input[b-34xcyf9l9m]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.simple-input[type=number][b-34xcyf9l9m] {
    appearance: textfield;
    -moz-appearance: textfield;
}

[b-34xcyf9l9m] .trading-form .mud-numeric-field {
    min-height: 28px !important;
}

[b-34xcyf9l9m] .trading-form .mud-button {
    min-height: 28px !important;
}


/* HIDE numeric field spinner arrows completely */

[b-34xcyf9l9m] .mud-input-numeric-spin {
    display: none !important;
}

[b-34xcyf9l9m] .mud-numeric-field .mud-input-numeric-spin {
    display: none !important;
}

[b-34xcyf9l9m] .mud-input-numeric .mud-input-numeric-spin {
    display: none !important;
}


/* Ensure input adornments fit properly */

[b-34xcyf9l9m] .trading-form .mud-input-adornment {
    padding: 0 6px !important;
    font-size: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 20px !important;
}

[b-34xcyf9l9m] .trading-form .mud-input-adornment .mud-typography {
    font-size: 10px !important;
    margin: 0 !important;
    line-height: 1 !important;
}


/* CLEAN TP/SL Field Styling - Only Current Widths */


/* Container margins for breathing room */

[b-34xcyf9l9m] .trading-form .d-flex.gap-1.mb-2 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}


/* Price fields (50px) - TP1, SL */

[b-34xcyf9l9m] .trading-form .mud-numeric-field[style*="width: 50px"] .mud-input {
    box-sizing: border-box !important;
    overflow: hidden !important;
    position: relative !important;
}

[b-34xcyf9l9m] .trading-form .mud-numeric-field[style*="width: 50px"] .mud-input-slot {
    max-width: calc(50px - 18px) !important;
    max-height: 26px !important;
    overflow: hidden !important;
    line-height: 26px !important;
}

[b-34xcyf9l9m] .trading-form .mud-numeric-field[style*="width: 50px"] .mud-input-adornment {
    min-width: 16px !important;
    max-width: 18px !important;
    overflow: visible !important;
    white-space: nowrap !important;
    max-height: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 1px !important;
}


/* Percentage fields (45px) - % fields */

[b-34xcyf9l9m] .trading-form .mud-numeric-field[style*="width: 45px"] .mud-input {
    box-sizing: border-box !important;
    overflow: hidden !important;
    position: relative !important;
}

[b-34xcyf9l9m] .trading-form .mud-numeric-field[style*="width: 45px"] .mud-input-slot {
    max-width: calc(45px - 18px) !important;
    max-height: 26px !important;
    overflow: hidden !important;
    line-height: 26px !important;
    padding-right: 2px !important;
}

[b-34xcyf9l9m] .trading-form .mud-numeric-field[style*="width: 45px"] .mud-input-adornment {
    min-width: 16px !important;
    max-width: 18px !important;
    overflow: visible !important;
    white-space: nowrap !important;
    max-height: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 1px !important;
}

[b-34xcyf9l9m] .trading-form .mud-numeric-field[style*="width: 45px"] .mud-input-numeric-spin {
    max-height: 28px !important;
    overflow: hidden !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 12px !important;
}


/* Trading panel styling */

.trading-panel[b-34xcyf9l9m] {
    background-color: #0D1215;
    border: none !important;
    border-radius: 4px;
    padding: 12px;
}

.trading-panel-container[b-34xcyf9l9m] {
    width: 100%;
    min-width: 100%;
    /* Use full width of wrapper */
    max-width: 100%;
    flex: 0 0 auto;
}


/* Responsive adjustments for trading panel content */

@media (max-width: 1299px) {
    /* Adjust input containers for smaller trading panel */
    .simple-input-container[b-34xcyf9l9m] {
        max-width: 180px;
        min-width: 140px;
    }
    [b-34xcyf9l9m] .custom-slider {
        max-width: 260px !important;
        min-width: 180px !important;
    }
    /* Adjust TP/SL fields for tighter space */
    .simple-input-container.tp-sl-price-field[b-34xcyf9l9m] {
        max-width: 100px;
        min-width: 80px;
    }
    .simple-input-container.tp-sl-percentage-field[b-34xcyf9l9m] {
        max-width: 70px;
        min-width: 60px;
    }
}


/* Extra compact for very tight trading panels */

@media (max-width: 1099px) {
    .simple-input-container[b-34xcyf9l9m] {
        max-width: 160px;
        min-width: 120px;
    }
    [b-34xcyf9l9m] .custom-slider {
        max-width: 220px !important;
        min-width: 160px !important;
    }
    /* Make side buttons more compact */
     [b-34xcyf9l9m] .side-btn.mud-button-root {
        min-width: 60px !important;
        font-size: 9px !important;
    }
    /* Make type buttons more compact */
     [b-34xcyf9l9m] .type-btn.mud-button-root {
        min-width: 40px !important;
        font-size: 8px !important;
    }
    /* Compact TP/SL fields further */
    .simple-input-container.tp-sl-price-field[b-34xcyf9l9m] {
        max-width: 85px;
        min-width: 70px;
    }
    .simple-input-container.tp-sl-percentage-field[b-34xcyf9l9m] {
        max-width: 60px;
        min-width: 50px;
    }
}

.trading-status-block[b-34xcyf9l9m] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}


/* Side buttons (replacement for MudToggleGroup) */
/* .side-btn buy/sell rules live globally in wwwroot/css/prediction-markets.css
   so the prediction trading form can DRY-reuse the same styling. */

.side-buttons[b-34xcyf9l9m] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}


/* Type Button Styles */

[b-34xcyf9l9m] .type-btn.mud-button-root {
    border: none !important;
    color: #666 !important;
    background: transparent !important;
    min-width: 50px !important;
    height: 26px !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    border-bottom: 1px solid rgba(102, 102, 102, 0.15) !important;
}

[b-34xcyf9l9m] .type-btn.mud-button-root:hover {
    color: #A2A2A2 !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border-bottom-color: rgba(184, 248, 78, 0.3) !important;
}

[b-34xcyf9l9m] .type-btn.selected {
    background: rgba(184, 248, 78, 0.15) !important;
    color: #B8F84E !important;
    border-bottom: 2px solid #B8F84E !important;
    box-shadow: 0 0 0 1px rgba(184, 248, 78, 0.2) !important;
}

/* Third order-type slot: Stop + advanced types behind a caret menu. The whole
   button is the menu activator so it remains a full tap target on mobile. */
[b-34xcyf9l9m] .type-btn-caret .mud-button-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
}

[b-34xcyf9l9m] .type-caret {
    font-size: 10px;
    line-height: 1;
    opacity: 0.95;
}


/* Trading form layout */

.trading-form[b-34xcyf9l9m] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    justify-content: space-between;
}


/* Clean select field styling */

[b-34xcyf9l9m] .trading-form .mud-select {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

[b-34xcyf9l9m] .trading-form .mud-select .mud-input {
    background-color: #2C373D !important;
    border: 1px solid rgba(102, 102, 102, 0.2) !important;
    border-radius: 4px !important;
}

[b-34xcyf9l9m] .trading-form .mud-select:hover .mud-input {
    border-color: rgba(102, 102, 102, 0.4) !important;
}

[b-34xcyf9l9m] .trading-form .mud-select:focus-within .mud-input {
    border-color: rgba(102, 102, 102, 0.6) !important;
    box-shadow: none !important;
}

[b-34xcyf9l9m] .trading-form .mud-select .mud-input-slot {
    display: flex !important;
    align-items: center !important;
}

[b-34xcyf9l9m] .trading-form .mud-select .mud-input-adornment {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
}

[b-34xcyf9l9m] .trading-form .mud-select .mud-input-adornment .mud-icon-root,
[b-34xcyf9l9m] .trading-form .mud-select .mud-input-adornment .mud-svg-icon {
    margin: 0 !important;
}


/* Fix adornment text positioning for TP/SL fields */

[b-34xcyf9l9m] .mud-input-adornment-start .mud-typography {
    position: relative !important;
    top: 16.5px !important;
    left: 6px !important;
    color: #565E63 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}


/* Position the input text (numbers) to the far right */

[b-34xcyf9l9m] .mud-input-adornment-start+.mud-input-slot input,
[b-34xcyf9l9m] .mud-input-slot input[type="text"],
[b-34xcyf9l9m] .mud-input-root {
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 40px !important;
}


/* Place Order Button Styling */

[b-34xcyf9l9m] .place-order-btn.buy.mud-button-root {
    background-color: var(--degen-color-buy-bg) !important;
    color: #FFFFFF !important;
    border: 1px solid var(--degen-border-muted) !important;
    transition: all var(--degen-transition-normal) !important;
}

[b-34xcyf9l9m] .place-order-btn.buy.mud-button-root:hover:not(:disabled) {
    background-color: var(--degen-color-buy-bg-hover) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(159, 212, 68, 0.3) !important;
}

[b-34xcyf9l9m] .place-order-btn.buy.mud-button-root:active:not(:disabled) {
    transform: translateY(0) !important;
    box-shadow: 0 2px 6px rgba(159, 212, 68, 0.2) !important;
}

[b-34xcyf9l9m] .place-order-btn.sell.mud-button-root {
    background-color: var(--degen-color-sell-bg) !important;
    color: #FFFFFF !important;
    border: 1px solid var(--degen-border-muted) !important;
    transition: all var(--degen-transition-normal) !important;
}

[b-34xcyf9l9m] .place-order-btn.sell.mud-button-root:hover:not(:disabled) {
    background-color: var(--degen-color-sell-bg-hover) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3) !important;
}

[b-34xcyf9l9m] .place-order-btn.sell.mud-button-root:active:not(:disabled) {
    transform: translateY(0) !important;
    box-shadow: 0 2px 6px rgba(255, 107, 107, 0.2) !important;
}


/* Disabled Place Order Button Styling */

[b-34xcyf9l9m] .place-order-btn.mud-button-root:disabled,
[b-34xcyf9l9m] .place-order-btn.mud-button-root.mud-disabled {
    background-color: rgba(102, 102, 102, 0.2) !important;
    color: rgba(255, 255, 255, 0.3) !important;
    border: 1px solid rgba(102, 102, 102, 0.1) !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
    transform: none !important;
}

[b-34xcyf9l9m] .place-order-btn.mud-button-root:disabled:hover,
[b-34xcyf9l9m] .place-order-btn.mud-button-root.mud-disabled:hover {
    background-color: rgba(102, 102, 102, 0.2) !important;
    color: rgba(255, 255, 255, 0.3) !important;
    border: 1px solid rgba(102, 102, 102, 0.1) !important;
    box-shadow: none !important;
    transform: none !important;
}

.place-order-btn[b-34xcyf9l9m] {
    text-transform: uppercase;
}


/* Custom Checkbox - Sleek Design */

.custom-checkbox[b-34xcyf9l9m] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    gap: 8px;
}

.custom-checkbox input[type="checkbox"][b-34xcyf9l9m] {
    display: none;
}

.checkmark[b-34xcyf9l9m] {
    width: 14px;
    height: 14px;
    background-color: transparent;
    border: 1px solid rgba(102, 102, 102, 0.4);
    border-radius: 2px;
    position: relative;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.custom-checkbox:hover .checkmark[b-34xcyf9l9m] {
    border-color: rgba(255, 255, 255, 0.6);
}

.custom-checkbox input[type="checkbox"]:checked+.checkmark[b-34xcyf9l9m] {
    background-color: #B8F84E;
    border-color: #B8F84E;
}

.checkmark[b-34xcyf9l9m]:after {
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 1px;
    width: 3px;
    height: 7px;
    border: solid #0D1215;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.custom-checkbox input[type="checkbox"]:checked+.checkmark[b-34xcyf9l9m]:after {
    display: block;
}

.checkbox-label[b-34xcyf9l9m] {
    color: #565E63;
    font-size: 9px;
    font-weight: 500;
    font-family: 'Space Grotesk', sans-serif;
}


/* Custom Dropdown for Time In Force */

.custom-dropdown[b-34xcyf9l9m] {
    position: relative;
}

.tif-select[b-34xcyf9l9m] {
    background-color: #0D1215;
    border: 1px solid rgba(102, 102, 102, 0.4);
    border-radius: 2px;
    color: #565E63;
    font-size: 9px;
    font-weight: 500;
    font-family: 'Space Grotesk', sans-serif;
    padding: 2px 20px 2px 6px;
    height: 18px;
    min-width: 50px;
    cursor: pointer;
    transition: all 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23565E63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 4px center;
    background-size: 12px;
}

.tif-select:hover[b-34xcyf9l9m] {
    border-color: rgba(255, 255, 255, 0.6);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
}

.tif-select:focus[b-34xcyf9l9m] {
    outline: none;
    border-color: #B8F84E;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8F84E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
}

.tif-select option[b-34xcyf9l9m] {
    background-color: #0D1215;
    color: #888;
    font-size: 9px;
    padding: 4px;
}


/* ================================
   DYNAMIC COLOR SYSTEM - SELL MODE
   ================================ */


/* Sell button hover - red glow */

[b-34xcyf9l9m] .side-btn.sell.mud-button-root:hover {
    border-color: rgba(255, 107, 107, 0.4) !important;
    background: rgba(255, 107, 107, 0.05) !important;
}


/* When Sell is selected, change all green elements to red */


/* Order Type buttons turn red when sell is selected */

.trading-form.sell[b-34xcyf9l9m]  .type-btn.mud-button-root:hover {
    color: #A2A2A2 !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border-bottom-color: rgba(255, 107, 107, 0.3) !important;
}

.trading-form.sell[b-34xcyf9l9m]  .type-btn.selected {
    background: rgba(255, 107, 107, 0.15) !important;
    color: #FF6B6B !important;
    border-bottom: 2px solid #FF6B6B !important;
    box-shadow: 0 0 0 1px rgba(255, 107, 107, 0.2) !important;
}


/* Slider elements turn red when sell is selected */

.trading-form.sell[b-34xcyf9l9m]  .custom-slider-fill {
    background: #FF6B6B !important;
}

.trading-form.sell[b-34xcyf9l9m]  .custom-slider-thumb {
    background: #FF6B6B !important;
    border: 2px solid #FF6B6B !important;
}

.trading-form.sell[b-34xcyf9l9m]  .custom-slider-thumb:hover {
    box-shadow: 0 0 8px rgba(255, 107, 107, 0.3) !important;
}

.trading-form.sell[b-34xcyf9l9m]  .custom-slider-label {
    color: #FF6B6B !important;
    border: 1px solid rgba(255, 107, 107, 0.23) !important;
}


/* Input field hover effects turn red when sell is selected */

.trading-form.sell .simple-input-container:hover[b-34xcyf9l9m] {
    border-color: rgba(255, 107, 107, 0.3) !important;
}


/* Checkbox turns red when sell is selected */

.trading-form.sell .custom-checkbox input[type="checkbox"]:checked+.checkmark[b-34xcyf9l9m] {
    background-color: #FF6B6B !important;
    border-color: #FF6B6B !important;
}

.trading-form.sell .tif-select:focus[b-34xcyf9l9m] {
    border-color: #FF6B6B !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF6B6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e") !important;
}


/* ===========================================
   MOBILE TOUCH OPTIMIZATION
   =========================================== */

@media (max-width: 599px) {
    /* Increase side button touch targets */
    [b-34xcyf9l9m] .side-btn.mud-button-root {
        height: var(--mobile-touch-target, 48px) !important;
        min-height: 48px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
    }

    /* Increase type button touch targets */
    [b-34xcyf9l9m] .type-btn.mud-button-root {
        height: 44px !important;
        min-height: 44px !important;
        font-size: 12px !important;
        min-width: 70px !important;
    }

    /* Increase input container height for mobile */
    .simple-input-container[b-34xcyf9l9m] {
        height: var(--mobile-input-height, 48px) !important;
        min-height: 48px !important;
        max-width: 100% !important;
        min-width: 100% !important;
        border-radius: 8px !important;
    }

    /* Increase font size to prevent iOS zoom (must be >= 16px) */
    .simple-input[b-34xcyf9l9m] {
        font-size: 16px !important;
        padding: 0 12px !important;
    }

    .input-label[b-34xcyf9l9m] {
        font-size: 14px !important;
        padding: 0 10px !important;
        min-width: 50px !important;
        max-width: 70px !important;
    }

    .input-label-right[b-34xcyf9l9m] {
        font-size: 14px !important;
        padding: 0 10px !important;
        min-width: 35px !important;
        max-width: 45px !important;
    }

    /* Increase checkbox touch target */
    .custom-checkbox[b-34xcyf9l9m] {
        min-height: 44px !important;
        padding: 8px 0 !important;
    }

    .checkmark[b-34xcyf9l9m] {
        width: 22px !important;
        height: 22px !important;
    }

    .checkmark[b-34xcyf9l9m]:after {
        left: 7px !important;
        top: 3px !important;
        width: 5px !important;
        height: 10px !important;
    }

    .checkbox-label[b-34xcyf9l9m] {
        font-size: 14px !important;
    }

    /* Increase dropdown touch target */
    .tif-select[b-34xcyf9l9m] {
        height: 44px !important;
        min-height: 44px !important;
        font-size: 14px !important;
        padding: 8px 30px 8px 12px !important;
        min-width: 80px !important;
    }

    /* Place order button touch target */
    [b-34xcyf9l9m] .place-order-btn.mud-button-root {
        height: var(--mobile-touch-target, 48px) !important;
        min-height: 48px !important;
        font-size: 16px !important;
        border-radius: 8px !important;
    }

    /* Trading panel padding adjustments */
    .trading-panel[b-34xcyf9l9m] {
        padding: 16px !important;
    }

    /* Trading form gap adjustments */
    .trading-form[b-34xcyf9l9m] {
        gap: 16px !important;
    }

    /* Side buttons grid adjustment */
    .side-buttons[b-34xcyf9l9m] {
        gap: 12px !important;
    }

    /* TP/SL fields - stack vertically on mobile */
    .simple-input-container.tp-sl-price-field[b-34xcyf9l9m],
    .simple-input-container.tp-sl-percentage-field[b-34xcyf9l9m] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }

}

/* Validation hint text below disabled buttons */
.validation-hint[b-34xcyf9l9m] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary, #888);
    margin-top: 4px;
    text-align: center;
    opacity: 0.8;
}

/* Tablet adjustments (600-899px) */
@media (min-width: 600px) and (max-width: 899px) {
    /* Touch targets must be at least 44px for WCAG accessibility */
    [b-34xcyf9l9m] .side-btn.mud-button-root {
        height: 44px !important;
        min-height: 44px !important;
        font-size: 12px !important;
    }

    [b-34xcyf9l9m] .type-btn.mud-button-root {
        height: 44px !important;
        min-height: 44px !important;
        font-size: 11px !important;
    }

    .simple-input-container[b-34xcyf9l9m] {
        height: 44px !important;
        min-height: 44px !important;
    }

    .simple-input[b-34xcyf9l9m] {
        font-size: 16px !important; /* Prevent iOS zoom */
    }

    [b-34xcyf9l9m] .place-order-btn.mud-button-root {
        height: 44px !important;
        min-height: 44px !important;
        font-size: 14px !important;
    }
}


/* ===========================================
   ACCESSIBILITY: Reduced Motion Support
   =========================================== */

@media (prefers-reduced-motion: reduce) {
    [b-34xcyf9l9m] .side-btn.mud-button-root,
    [b-34xcyf9l9m] .type-btn.mud-button-root,
    [b-34xcyf9l9m] .place-order-btn.mud-button-root,
    .simple-input-container[b-34xcyf9l9m],
    .custom-checkbox[b-34xcyf9l9m],
    .checkmark[b-34xcyf9l9m],
    .tif-select[b-34xcyf9l9m] {
        transition: none !important;
    }

    [b-34xcyf9l9m] .place-order-btn.buy.mud-button-root:hover:not(:disabled),
    [b-34xcyf9l9m] .place-order-btn.sell.mud-button-root:hover:not(:disabled),
    [b-34xcyf9l9m] .place-order-btn.buy.mud-button-root:active:not(:disabled),
    [b-34xcyf9l9m] .place-order-btn.sell.mud-button-root:active:not(:disabled) {
        transform: none !important;
    }
}

/* Click-on-chart to fill target button. Sits inline at the right edge of a price input. */
.click-to-fill-target[b-34xcyf9l9m] {
    appearance: none;
    background: transparent;
    border: none;
    border-left: 1px solid rgba(102, 102, 102, 0.2);
    width: 22px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    color: #888;
    transition: color 0.15s ease, background-color 0.15s ease;
    flex-shrink: 0;
}

.click-to-fill-target:hover[b-34xcyf9l9m] {
    color: var(--color-accent-primary, #B8F84E);
    background-color: rgba(184, 248, 78, 0.08);
}

.click-to-fill-target.armed[b-34xcyf9l9m] {
    color: var(--color-accent-primary, #B8F84E);
    background-color: rgba(184, 248, 78, 0.15);
}

/* Target reticle (circle + center dot + 4 outward ticks) drawn with the span border + two
   pseudo-elements — reads as "pinpoint on chart" rather than "+/add", and keeps the markup
   tiny by avoiding an SVG dependency. */
.click-to-fill-target .cf-crosshair[b-34xcyf9l9m] {
    position: relative;
    width: 13px;
    height: 13px;
    display: inline-block;
    border: 1px solid currentColor;
    border-radius: 50%;
    box-sizing: border-box;
}

/* center dot */
.click-to-fill-target .cf-crosshair[b-34xcyf9l9m]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: currentColor;
    transform: translate(-50%, -50%);
}

/* four short ticks poking outward from the circle (N/S/E/W) */
.click-to-fill-target .cf-crosshair[b-34xcyf9l9m]::after {
    content: '';
    position: absolute;
    inset: -3px;
    background:
        linear-gradient(currentColor, currentColor) center top / 1px 3px no-repeat,
        linear-gradient(currentColor, currentColor) center bottom / 1px 3px no-repeat,
        linear-gradient(currentColor, currentColor) left center / 3px 1px no-repeat,
        linear-gradient(currentColor, currentColor) right center / 3px 1px no-repeat;
}

.click-to-fill-target.armed .cf-crosshair[b-34xcyf9l9m] {
    box-shadow: 0 0 4px var(--color-accent-primary, #B8F84E);
}

/* When armed, also highlight the parent input container border. */
.simple-input-container.armed[b-34xcyf9l9m] {
    border-color: var(--color-accent-primary, #B8F84E);
    box-shadow: 0 0 0 1px rgba(184, 248, 78, 0.25) inset;
}

/* Slippage input width matches qty input; keep label alignment consistent. */
.slippage-input-container .input-label[b-34xcyf9l9m] {
    max-width: none;   /* "Slippage" is wider than the default 46px cap */
}
.slippage-input-container .input-label-right[b-34xcyf9l9m] {
    margin-right: 4px;
}
/* _content/AIAgent/Components/Pages/Trading.razor.rz.scp.css */
@@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
@@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600;700&display=swap');

:root[b-yeyw55p9hc] {
    margin: 0;
    padding: 0;
    background-color: #080809;
}

*[b-yeyw55p9hc] {
    font-family: 'Space Grotesk', sans-serif !important;
}

/* Only the navigation symbols (~/) should use Source Code Pro */
.nav-item span[b-yeyw55p9hc] {
    font-family: 'Source Code Pro', monospace !important;
}

.button-code[b-yeyw55p9hc] {
    background-color: transparent !important;
    border: 1px solid #080809 !important;
    color: #91c33e !important;
    text-transform: none !important;
    font-size: 14px !important;
    padding: 4px 16px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    outline: none !important;
}

    .button-code:hover[b-yeyw55p9hc] {
        background-color: rgba(145, 195, 62, 0.1) !important;
    }

    .button-code:focus[b-yeyw55p9hc],
    .button-code:focus-visible[b-yeyw55p9hc] {
        outline: none !important;
        box-shadow: none !important;
        border: 1px solid #91c33e !important;
    }

/* Log styles */
.log-entry[b-yeyw55p9hc] {
    display: flex;
    gap: 12px;
    color: #666;
}

.log-timestamp[b-yeyw55p9hc] {
    color: #666;
    font-family: 'Source Code Pro', monospace !important;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    gap: 2px;
}

.log-date[b-yeyw55p9hc] {
    opacity: 0.7;
}

.log-message[b-yeyw55p9hc] {
    color: #565E63;
}

.trade-action[b-yeyw55p9hc] {
    color: #91c33e;
}

    .trade-action.close[b-yeyw55p9hc] {
        color: #ae4949;
    }

    .trade-action.short[b-yeyw55p9hc] {
        color: #ae4949;
    }

.trade-details[b-yeyw55p9hc] {
    color: #A2A2A2;
}

.social-button[b-yeyw55p9hc] {
    background-color: #0d1215 !important;
    width: 42px;
    height: 42px;
    min-width: 42px;
    padding: 0;
    transition: transform 0.2s ease-in-out !important;
}

.social-button:hover[b-yeyw55p9hc] {
    transform: translateY(-4px) !important;
}

.log-entry[b-yeyw55p9hc] {
    display: flex;
    gap: 8px;
}

.log-timestamp[b-yeyw55p9hc] {
    display: flex;
    gap: 4px;
    color: #666;
    font-size: 12px;
    white-space: nowrap;
}

.log-message[b-yeyw55p9hc] {
    flex: 1;
}

.social-button[b-yeyw55p9hc] {
    width: 24px;
    height: 24px;
}

/* _content/AIAgent/Components/Shared/AutomationFeedbackButtons.razor.rz.scp.css */
.automation-feedback[b-27nd8xis6q] {
    padding: 12px 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.feedback-prompt[b-27nd8xis6q] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 8px;
}

.feedback-buttons[b-27nd8xis6q] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.feedback-thanks[b-27nd8xis6q] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5);
}

.feedback-details[b-27nd8xis6q] {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-toggles[b-27nd8xis6q] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.toggle-row[b-27nd8xis6q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.6);
}

.feedback-comment[b-27nd8xis6q] {
    margin-top: 4px;
}
/* _content/AIAgent/Components/Shared/Charts/LightweightChart.razor.rz.scp.css */
.chart-wrapper[b-8b0go2hnnm] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #0D1215;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(184, 248, 78, 0.1);
}

.chart-controls[b-8b0go2hnnm] {
    padding: 8px;
    display: flex;
    gap: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    flex: 0 0 auto;
}

.selectors-container[b-8b0go2hnnm] {
    display: flex;
    gap: 8px;
    align-items: center;
    height: 32px;
    flex: 1;
    min-width: 0;
}


/* Chart-specific input styling */

[b-8b0go2hnnm] .chart-select {
    min-width: 90px !important;
    max-width: 90px !important;
    height: 32px !important;
}

[b-8b0go2hnnm] .asset-select {
    min-width: 155px !important;
    max-width: 155px !important;
    height: 32px !important;
}

[b-8b0go2hnnm] .chart-select .mud-input,
[b-8b0go2hnnm] .asset-select .mud-input {
    margin: 0 !important;
    background-color: #131B1F !important;
    border-radius: 4px !important;
    height: 32px !important;
    padding: 0 !important;
}

[b-8b0go2hnnm] .chart-select .mud-input-slot,
[b-8b0go2hnnm] .asset-select .mud-input-slot {
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #DDD !important;
    font-family: 'Source Code Pro', monospace !important;
    font-size: 14px !important;
    padding: 0 8px !important;
    background-color: #131B1F !important;
}

[b-8b0go2hnnm] .asset-select .mud-input-slot {
    justify-content: flex-start !important;
}

[b-8b0go2hnnm] .asset-select input {
    text-align: left !important;
}


/* Asset select wrapper for badge overlay */

.asset-select-wrapper[b-8b0go2hnnm] {
    position: relative;
    display: inline-block;
}


/* Badge overlay - shows badges over the input text */

.asset-display-overlay[b-8b0go2hnnm] {
    position: absolute;
    /* 2px inset keeps the opaque overlay off the input's 1px outline at fractional zoom/DPI */
    top: 2px;
    left: 2px;
    right: 29px;
    /* Leave room for search icon */
    bottom: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 8px;
    background-color: #131B1F;
    border-radius: 2px 0 0 2px;
    pointer-events: none;
    z-index: 1;
}


/* Hide overlay when input is focused */

.asset-select-wrapper:focus-within .asset-display-overlay[b-8b0go2hnnm] {
    display: none;
}


/* Ensure input text is transparent when overlay is shown (but visible when typing) */

.asset-select-wrapper:not(:focus-within)[b-8b0go2hnnm]  .asset-select input {
    color: transparent !important;
}


/* Badge styling in overlay (reuse existing badge styles) */

.asset-display-overlay .asset-symbol[b-8b0go2hnnm] {
    font-weight: 500;
    color: #A2A2A2;
    font-size: 12px;
    font-family: 'Source Code Pro', monospace;
}

.asset-display-overlay .asset-leverage-badge[b-8b0go2hnnm] {
    font-size: 9px;
    font-weight: 500;
    padding: 0px 4px;
    border-radius: 2px;
    background-color: rgba(162, 162, 162, 0.15);
    color: #A2A2A2;
}

.asset-display-overlay .asset-dex-badge[b-8b0go2hnnm] {
    font-size: 9px;
    font-weight: 500;
    padding: 0px 4px;
    border-radius: 2px;
    background-color: rgba(184, 248, 78, 0.15);
    color: #B8F84E;
}


/* Chart-specific button styling */

[b-8b0go2hnnm] .structural-toggle,
[b-8b0go2hnnm] .zone-toggle,
[b-8b0go2hnnm] .screenshot-btn {
    color: #666 !important;
    transition: all 0.2s ease;
}

[b-8b0go2hnnm] .structural-toggle:hover,
[b-8b0go2hnnm] .zone-toggle:hover,
[b-8b0go2hnnm] .screenshot-btn:hover {
    color: #B8F84E !important;
    text-shadow: 0 0 8px rgba(184, 248, 78, 0.5) !important;
}

[b-8b0go2hnnm] .screenshot-btn.active {
    color: #B8F84E !important;
    text-shadow: 0 0 8px rgba(184, 248, 78, 0.5) !important;
}

[b-8b0go2hnnm] .structural-toggle.active {
    color: #B8F84E !important;
    text-shadow: 0 0 8px rgba(184, 248, 78, 0.5) !important;
}

[b-8b0go2hnnm] .structural-toggle.active:hover {
    color: #d4ff7e !important;
}

/* Measure tool button */

[b-8b0go2hnnm] .measure-toggle {
    color: #666 !important;
    transition: all 0.2s ease;
}

[b-8b0go2hnnm] .measure-toggle:hover,
[b-8b0go2hnnm] .measure-toggle.active {
    color: #B8F84E !important;
    text-shadow: 0 0 8px rgba(184, 248, 78, 0.5) !important;
}

[b-8b0go2hnnm] .measure-toggle.active:hover {
    color: #d4ff7e !important;
}


/* Remove Annotations Button - Red styling */

[b-8b0go2hnnm] .remove-annotations-button {
    color: #FD4F4F !important;
    transition: all 0.2s ease;
}

[b-8b0go2hnnm] .remove-annotations-button:hover {
    color: #ff6b6b !important;
    text-shadow: 0 0 8px rgba(253, 79, 79, 0.5) !important;
}


/* Mobile: Hide button text, show only icons */

@media (max-width: 599px) {
    .button-text-desktop[b-8b0go2hnnm] {
        display: none !important;
    }
     [b-8b0go2hnnm] .indicator-button {
        min-width: 36px !important;
        padding: 4px 8px !important;
    }

}

/* Chart area wrapper - contains chart and watermark overlay */

.chart-area[b-8b0go2hnnm] {
    flex: 1;
    width: 100%;
    min-height: 0;
    position: relative;
    display: flex;
    background-color: #0D1215;
    touch-action: none;
}

.chart-container[b-8b0go2hnnm] {
    flex: 1;
    width: 100%;
    min-height: 0;
    background-color: #0D1215;
    touch-action: none;
}


/* Subtle watermark overlay - positioned above chart canvas layers */

.chart-watermark[b-8b0go2hnnm] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 50;
    opacity: 0.04;
}

.chart-watermark img[b-8b0go2hnnm] {
    width: 180px;
    height: auto;
    filter: grayscale(100%);
}


/* Pane separator glow styles are in mudblazor-overrides.css (global) */


/* Loading overlay - shows during DEX/asset switching */

.chart-loading-overlay[b-8b0go2hnnm] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    background: rgba(13, 18, 21, 0.92);
    backdrop-filter: blur(2px);
    z-index: 100;
}


/* Accessibility: Reduced Motion Support */

@media (prefers-reduced-motion: reduce) {
     [b-8b0go2hnnm] .structural-toggle,
     [b-8b0go2hnnm] .zone-toggle,
     [b-8b0go2hnnm] .screenshot-btn,
     [b-8b0go2hnnm] .remove-annotations-button,
     [b-8b0go2hnnm] .measure-toggle {
        transition: none !important;
    }
}

.loading-content[b-8b0go2hnnm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    z-index: 1;
}

.chart-loading-overlay .loading-text[b-8b0go2hnnm] {
    color: #A2A2A2;
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    letter-spacing: 0.5px;
}


/* Error overlay - shows when chart fails to load after retries */

.chart-error-overlay[b-8b0go2hnnm] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13, 18, 21, 0.95);
    z-index: 100;
}

.error-content[b-8b0go2hnnm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 24px;
}

.error-text[b-8b0go2hnnm] {
    color: var(--degen-text-secondary, #A2A2A2);
    font-family: 'Source Code Pro', monospace;
    font-size: 14px;
    max-width: 280px;
    line-height: 1.5;
}

[b-8b0go2hnnm] .asset-search {
    background-color: #131B1F !important;
    border: none !important;
    color: #DDD !important;
    font-family: 'Source Code Pro', monospace !important;
    font-size: 14px !important;
    padding: 8px 12px !important;
    width: 100% !important;
    height: 32px !important;
    outline: none !important;
    margin: 4px 0 !important;
}

[b-8b0go2hnnm] .asset-search:focus {
    outline: none !important;
    box-shadow: none !important;
}

[b-8b0go2hnnm] .mud-select .mud-input-control {
    margin-top: 0 !important;
}

[b-8b0go2hnnm] .chart-select.mud-select .mud-select-input {
    margin: 0 !important;
    padding: 0 4px 0 12px !important;
    text-align: center !important;
}

[b-8b0go2hnnm] .mud-popover .mud-input.mud-input-text {
    margin: 4px !important;
    background-color: #131B1F !important;
    border-radius: 4px !important;
}

[b-8b0go2hnnm] .mud-popover .mud-input.mud-input-text .mud-input-slot {
    padding: 0 8px !important;
    height: 32px !important;
    color: #DDD !important;
    font-family: 'Source Code Pro', monospace !important;
    font-size: 14px !important;
}

[b-8b0go2hnnm] .mud-input.mud-input-text {
    height: 32px !important;
}

[b-8b0go2hnnm] .mud-input-control>.mud-input-control-input-container>div.mud-input.mud-input-text {
    margin: 0 !important;
    padding: 0 !important;
    height: 32px !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

[b-8b0go2hnnm] .mud-input-control>.mud-input-control-input-container>div.mud-input.mud-input-text input {
    padding: 0 8px !important;
    height: 32px !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow: visible !important;
    min-width: 0 !important;
    flex: 1 !important;
}

[b-8b0go2hnnm] .mud-input-control-input-container {
    overflow: visible !important;
}

[b-8b0go2hnnm] .mud-input.mud-input-text:hover {
    background-color: #1a2328 !important;
}

[b-8b0go2hnnm] .mud-input-adornment {
    margin: 0 !important;
    height: 32px !important;
}

[b-8b0go2hnnm] .mud-autocomplete.mud-select-input {
    padding: 0 8px !important;
    margin: 0 !important;
    height: 32px !important;
    width: 100% !important;
}


[b-8b0go2hnnm] .mud-input-slot[style*="display:none"] {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

[b-8b0go2hnnm] .mud-input-control>.mud-input-control-input-container {
    gap: 0 !important;
    padding: 0 !important;
}

/* Toolbar extra slot - pushed to far right */
.toolbar-extra-slot[b-8b0go2hnnm] {
    margin-left: auto;
    display: flex;
    align-items: center;
}

/* _content/AIAgent/Components/Shared/Chat/AnalysisModeSelector.razor.rz.scp.css */
/* Analysis Mode Selector - Cursor-like Ultra-Minimal Style */
/* Matches GlobalAssetSwitcher for seamless integration */

.analysis-mode-selector[b-lj6dakbbke] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

/* Mode button - ultra-minimal with very subtle background (Cursor-like) */
.mode-button[b-lj6dakbbke] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 6px;
    background: rgba(255, 255, 255, 0.03);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    font-size: 11px;
    color: #888;
    white-space: nowrap;
    min-width: 0;
}

.mode-button:hover[b-lj6dakbbke] {
    background-color: rgba(255, 255, 255, 0.06);
}

.mode-icon[b-lj6dakbbke] {
    font-size: 12px;
    line-height: 1;
    opacity: 0.7;
}

.mode-name[b-lj6dakbbke] {
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
    color: #888;
}

.mode-chevron[b-lj6dakbbke] {
    width: 10px;
    height: 10px;
    opacity: 0.35;
    transition: opacity 0.15s ease;
}

.mode-button:hover .mode-chevron[b-lj6dakbbke] {
    opacity: 0.6;
}

/* Popover - minimal command palette style */
[b-lj6dakbbke] .mode-menu-popover {
    background-color: #0d0d0d !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
    min-width: 180px !important;
    padding: 4px !important;
}

[b-lj6dakbbke] .mode-option {
    padding: 0 !important;
    border-radius: 6px !important;
    margin: 1px 0 !important;
}

.mode-option-content[b-lj6dakbbke] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    width: 100%;
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.mode-option-content:hover[b-lj6dakbbke] {
    background-color: rgba(255, 255, 255, 0.04);
}

.mode-option.selected .mode-option-content[b-lj6dakbbke] {
    background-color: rgba(255, 255, 255, 0.06);
}

.mode-details[b-lj6dakbbke] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.mode-details .mode-name[b-lj6dakbbke] {
    font-size: 12px;
    font-weight: 500;
    color: #ccc;
}

.mode-details .mode-description[b-lj6dakbbke] {
    font-size: 10px;
    color: #666;
    line-height: 1.3;
}

.check-icon[b-lj6dakbbke] {
    color: #888 !important;
    font-size: 14px !important;
}

/* Analysis status badges - subtle styling */
.analysis-status[b-lj6dakbbke] {
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 500;
    white-space: nowrap;
    line-height: 1.2;
}

.analysis-status.fresh[b-lj6dakbbke] {
    background-color: rgba(76, 175, 80, 0.15);
    color: #6dbf70;
}

.analysis-status.borderline[b-lj6dakbbke] {
    background-color: rgba(255, 193, 7, 0.15);
    color: #d4a817;
}

.analysis-status.stale[b-lj6dakbbke] {
    background-color: rgba(255, 87, 34, 0.15);
    color: #e06a3d;
}

.analysis-status.refreshing[b-lj6dakbbke] {
    background-color: rgba(33, 150, 243, 0.12);
    color: #5ba5d9;
}

.analysis-status.no-analysis[b-lj6dakbbke] {
    background-color: rgba(158, 158, 158, 0.1);
    color: #777;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .mode-name[b-lj6dakbbke] {
        display: none;
    }

    .analysis-mode-selector[b-lj6dakbbke] {
        gap: 4px;
    }

    .mode-button[b-lj6dakbbke] {
        padding: 4px 6px;
    }

    [b-lj6dakbbke] .mode-menu-popover {
        min-width: 220px !important;
    }
}
/* _content/AIAgent/Components/Shared/Chat/ChatHeader.razor.rz.scp.css */
.chat-header[b-4hxfm8k70c] {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #080809;
    border-bottom: none;
    padding: 12px 16px;
}

.chat-header-content[b-4hxfm8k70c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
}

.chat-header-left[b-4hxfm8k70c] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.chat-header-left-actions[b-4hxfm8k70c] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 4px;
}

.chat-header-right[b-4hxfm8k70c] {
    display: flex;
    align-items: center;
}

.chat-header-actions[b-4hxfm8k70c] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.new-chat-icon[b-4hxfm8k70c],
.recent-chats-icon[b-4hxfm8k70c] {
    background: transparent;
    border: none;
    color: #565E63;
    padding: 5px;
    min-width: 32px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.new-chat-icon:hover[b-4hxfm8k70c],
.recent-chats-icon:hover[b-4hxfm8k70c] {
    color: #B8F84E;
    background-color: rgba(184, 248, 78, 0.1);
}

.new-chat-icon:disabled[b-4hxfm8k70c],
.recent-chats-icon:disabled[b-4hxfm8k70c] {
    color: #333;
    cursor: not-allowed;
    opacity: 0.5;
}

.new-chat-icon i[b-4hxfm8k70c],
.recent-chats-icon i[b-4hxfm8k70c] {
    font-size: 16px;
}

/* Terminal Info Button - Frame 2147224550 */
[b-4hxfm8k70c] .terminal-info-button {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    background: #0D1215 !important;
    border-radius: 4px !important;
    padding: 0 !important;
    transition: all 0.2s ease !important;
    flex: none;
    order: 1;
    flex-grow: 0;
}

[b-4hxfm8k70c] .terminal-info-button .mud-icon-root {
    position: absolute !important;
    width: 16px !important;
    height: 16px !important;
    left: calc(50% - 16px/2) !important;
    top: calc(50% - 16px/2) !important;
    color: #565E63 !important;
    font-size: 16px !important;
}

[b-4hxfm8k70c] .terminal-info-button:hover {
    background: #0D1215 !important;
}

[b-4hxfm8k70c] .terminal-info-button:hover .mud-icon-root {
    color: #B8F84E !important;
}

/* Config Button - Frame 2147224549 */
[b-4hxfm8k70c] .config-button {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    background: #0D1215 !important;
    border-radius: 4px !important;
    padding: 0 !important;
    transition: all 0.2s ease !important;
    flex: none;
    order: 2;
    flex-grow: 0;
}

[b-4hxfm8k70c] .config-button .mud-icon-root {
    position: absolute !important;
    width: 20px !important;
    height: 20px !important;
    left: calc(50% - 20px/2) !important;
    top: calc(50% - 20px/2) !important;
    color: #565E63 !important;
    font-size: 20px !important;
}

[b-4hxfm8k70c] .config-button:hover {
    background: #0D1215 !important;
}

[b-4hxfm8k70c] .config-button:hover .mud-icon-root {
    color: #B8F84E !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .chat-header[b-4hxfm8k70c] {
        padding: 12px;
    }
    
    .new-chat-icon[b-4hxfm8k70c],
    .recent-chats-icon[b-4hxfm8k70c] {
        min-width: 28px;
        width: 28px;
        height: 28px;
    }

    .new-chat-icon i[b-4hxfm8k70c],
    .recent-chats-icon i[b-4hxfm8k70c] {
        font-size: 14px;
    }
} 
/* _content/AIAgent/Components/Shared/Chat/ChatMessage.razor.rz.scp.css */
.message-container[b-qgoexi8xfx] {
    margin-bottom: 8px;
    max-width: 100%;
    position: relative;
}

.user-message[b-qgoexi8xfx] {
    margin-left: auto;
    margin-right: 0;
    .message-content {
        background-color: #0D1215;
        margin-left: auto;
        margin-right: 0;
    }
    .message-actions[b-qgoexi8xfx] {
        margin-left: auto;
        margin-right: 0;
        justify-content: flex-end;
    }
}

.ai-message[b-qgoexi8xfx] {
    margin-right: auto;
    margin-left: 0;
    .message-content {
        margin-left: 32px;
        background-color: #131B1F;
    }
    .message-actions[b-qgoexi8xfx] {
        margin-left: 32px;
    }
}

.message-header[b-qgoexi8xfx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    padding: 0 16px;
}

.avatar-section[b-qgoexi8xfx] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.message-meta[b-qgoexi8xfx] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #666;
}

.message-content[b-qgoexi8xfx] {
    padding: 12px 16px;
    border-radius: 4px;
    position: relative;
    transition: all 0.2s ease;
    max-width: 100%;
}

.message-content:hover[b-qgoexi8xfx] {
    background-color: #131B1F;
}

.message-actions[b-qgoexi8xfx] {
    margin-left: 32px;
}

[b-qgoexi8xfx] .mud-icon-button {
    padding: 4px;
    color: #666;
}

[b-qgoexi8xfx] .mud-icon-button:hover {
    background-color: rgba(255, 255, 255, 0.05);
    color: #B8F84E;
}

[b-qgoexi8xfx] .mud-icon-button:disabled {
    color: #333;
    background-color: transparent;
}

[b-qgoexi8xfx] .mud-text {
    white-space: pre-wrap;
    word-break: break-word;
    color: #A2A2A2;
    line-height: 1.5;
}


/* Copy exact CSS classes from StreamingChatMessageComponent for perfect matching */


/* Use ::deep to ensure styles apply to dynamically generated MarkupString content */

[b-qgoexi8xfx] .streaming-segment {
    margin-bottom: 0px;
    line-height: 1.5;
    display: inline;
}

[b-qgoexi8xfx] .segment-content {
    color: #A2A2A2;
}

[b-qgoexi8xfx] .segment-acknowledgment {
    color: #A2A2A2 !important;
    display: block;
    margin: 4px 0;
    font-weight: 500;
}

[b-qgoexi8xfx] .segment-status {
    color: #888 !important;
    opacity: 0.7;
    display: block;
    margin: 4px 0;
}

/* Tool status styling within Status segments - symbol upright, text italic */
[b-qgoexi8xfx] .segment-status .tool-symbol {
    font-style: normal;
    color: #888;
    margin-right: 2px;
}

[b-qgoexi8xfx] .segment-status .tool-text {
    font-style: italic;
}

[b-qgoexi8xfx] .segment-status .tool-timer {
    font-style: italic;
    opacity: 0.6;
    margin-left: 8px;
    font-size: 0.9em;
}

[b-qgoexi8xfx] .segment-progress {
    color: #888 !important;
    font-style: italic;
    display: block;
    margin: 4px 0;
}

[b-qgoexi8xfx] .segment-success {
    color: #4caf50 !important;
    font-weight: 500;
    display: block;
    margin: 8px 0;
}

[b-qgoexi8xfx] .segment-warning {
    color: #333 !important;
    font-style: italic;
    opacity: 0.6;
    display: block;
    margin: 4px 0;
}

[b-qgoexi8xfx] .segment-error {
    color: #f44336;
    font-style: italic;
    display: block;
    margin: 4px 0;
}

[b-qgoexi8xfx] .segment-text {
    color: #A2A2A2;
    display: inline;
}

/* Thinking segment fallback - normally rendered as thinking-block, but included for completeness */
[b-qgoexi8xfx] .segment-thinking {
    color: #888;
    font-style: italic;
    display: block;
    margin: 4px 0;
}


/* Edit mode styling */

.edit-message-textarea[b-qgoexi8xfx] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 80px;
    padding: 12px 16px;
    margin: 0 !important;
    background-color: #0D1215;
    border: 1px solid #333;
    border-radius: 4px;
    color: #A2A2A2;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.5;
    resize: none;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s ease;
    display: block;
    position: relative;
}


/* Ensure the message content container doesn't add extra padding when editing */

.message-content.editing[b-qgoexi8xfx] {
    padding: 0 !important;
    margin: 0 !important;
}


/* Make the entire message container wider when editing */

.message-container.editing-container[b-qgoexi8xfx] {
    max-width: 90% !important;
}

.user-message.editing-container[b-qgoexi8xfx] {
    margin-left: 5% !important;
    margin-right: 5% !important;
}

.ai-message.editing-container[b-qgoexi8xfx] {
    margin-left: 5% !important;
    margin-right: 5% !important;
}

.edit-message-textarea:focus[b-qgoexi8xfx] {
    border-color: #333;
    box-shadow: none;
}

.edit-message-textarea[b-qgoexi8xfx]::placeholder {
    color: #666;
    opacity: 0.7;
}


/* Edit action buttons */

[b-qgoexi8xfx] .mud-icon-button.mud-icon-button-color-success {
    color: #4caf50;
}

[b-qgoexi8xfx] .mud-icon-button.mud-icon-button-color-success:hover {
    background-color: rgba(76, 175, 80, 0.1);
    color: #66bb6a;
}

[b-qgoexi8xfx] .mud-icon-button.mud-icon-button-color-error {
    color: #f44336;
}

[b-qgoexi8xfx] .mud-icon-button.mud-icon-button-color-error:hover {
    background-color: rgba(244, 67, 54, 0.1);
    color: #ef5350;
}


/* Thinking Block Styles - collapsible reasoning display for historical messages */

[b-qgoexi8xfx] .thinking-block {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 8px;
    margin: 8px 0 16px 0;
    overflow: hidden;
    transition: all 0.2s ease;
}

[b-qgoexi8xfx] .thinking-block:hover {
    border-color: #555;
    background: #1e1e1e;
}

[b-qgoexi8xfx] .thinking-header {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
}

[b-qgoexi8xfx] .thinking-header:hover {
    background: #252525;
}

[b-qgoexi8xfx] .thinking-label {
    flex: 1;
    color: #888;
    font-size: 13px;
    font-weight: 500;
}

[b-qgoexi8xfx] .thinking-toggle {
    color: #666;
    font-size: 12px;
    transition: transform 0.2s ease;
}

[b-qgoexi8xfx] .thinking-header:hover .thinking-toggle {
    color: #888;
}

[b-qgoexi8xfx] .thinking-content {
    padding: 12px;
    border-top: 1px solid #333;
    background: #161616;
    color: #b0b0b0;
    font-size: 13px;
    line-height: 1.4;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    white-space: pre-wrap;
    overflow-x: auto;
    animation: fadeInThinking-b-qgoexi8xfx 0.3s ease;
}

@keyframes fadeInThinking-b-qgoexi8xfx {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-qgoexi8xfx] .thinking-block + .segment-text {
    margin-top: 8px;
}
/* _content/AIAgent/Components/Shared/Chat/FeedbackButtons.razor.rz.scp.css */
/*
 * FeedbackButtons - Minimal inline feedback UI
 */

.feedback-container[b-hk0xp72hrx] {
    display: inline-flex;
    align-items: center;
}

/* ==========================================================================
   Quick Feedback Icons (thumbs up/down)
   ========================================================================== */
.quick-feedback[b-hk0xp72hrx] {
    display: flex;
    align-items: center;
    gap: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

.quick-feedback:hover[b-hk0xp72hrx] {
    opacity: 0.85;
}

[b-hk0xp72hrx] .quick-feedback .mud-icon-button {
    padding: 4px;
    width: 26px;
    height: 26px;
    color: #666;
}

[b-hk0xp72hrx] .quick-feedback .mud-icon-button:hover {
    color: #B8F84E;
    background: rgba(184, 248, 78, 0.08);
}

[b-hk0xp72hrx] .quick-feedback .mud-icon-button .mud-icon-root {
    font-size: 16px;
}

/* ==========================================================================
   Submitted State
   ========================================================================== */
.feedback-submitted[b-hk0xp72hrx] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
}

.feedback-thanks[b-hk0xp72hrx] {
    color: #B8F84E;
}

.feedback-separator[b-hk0xp72hrx] {
    color: #444;
}

.feedback-link[b-hk0xp72hrx] {
    background: none;
    border: none;
    padding: 0;
    font-family: inherit;
    font-size: 11px;
    cursor: pointer;
    transition: color 0.15s ease;
}

.feedback-link.add-details[b-hk0xp72hrx] {
    color: #666;
}

.feedback-link.add-details:hover[b-hk0xp72hrx] {
    color: #888;
    text-decoration: underline;
}

.feedback-link.undo[b-hk0xp72hrx] {
    color: #FF6B6B;
}

.feedback-link.undo:hover:not(:disabled)[b-hk0xp72hrx] {
    color: #ff8585;
    text-decoration: underline;
}

.feedback-link.undo:disabled[b-hk0xp72hrx] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* _content/AIAgent/Components/Shared/Chat/FeedbackDetailDialog.razor.rz.scp.css */
/*
 * FeedbackDetailDialog - Compact dialog for detailed feedback
 */

.dialog-title[b-6g8g1yxeuo] {
    font-size: 14px;
    font-weight: 500;
    color: #E0E0E0;
}

/* ==========================================================================
   Flag Chips
   ========================================================================== */
.feedback-flags[b-6g8g1yxeuo] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.flag-chip[b-6g8g1yxeuo] {
    background: transparent;
    border: 1px solid rgba(102, 102, 102, 0.3);
    color: #888;
    padding: 5px 10px;
    border-radius: 14px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.flag-chip:hover[b-6g8g1yxeuo] {
    border-color: rgba(184, 248, 78, 0.4);
    color: #B8F84E;
    background: rgba(184, 248, 78, 0.06);
}

.flag-chip.selected.success[b-6g8g1yxeuo] {
    border-color: rgba(184, 248, 78, 0.5);
    color: #B8F84E;
    background: rgba(184, 248, 78, 0.12);
}

.flag-chip.selected.error[b-6g8g1yxeuo] {
    border-color: rgba(255, 107, 107, 0.5);
    color: #FF6B6B;
    background: rgba(255, 107, 107, 0.12);
}

/* ==========================================================================
   Comment Input
   ========================================================================== */
.feedback-comment[b-6g8g1yxeuo] {
    width: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(102, 102, 102, 0.2);
    border-radius: 4px;
    padding: 8px 10px;
    font-family: inherit;
    font-size: 12px;
    color: #E0E0E0;
    outline: none;
    transition: border-color 0.15s ease;
}

.feedback-comment[b-6g8g1yxeuo]::placeholder {
    color: #555;
}

.feedback-comment:hover[b-6g8g1yxeuo] {
    border-color: rgba(102, 102, 102, 0.4);
}

.feedback-comment:focus[b-6g8g1yxeuo] {
    border-color: rgba(184, 248, 78, 0.4);
}

.feedback-comment:disabled[b-6g8g1yxeuo] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ==========================================================================
   Dialog Buttons
   ========================================================================== */
.dialog-btn[b-6g8g1yxeuo] {
    padding: 6px 14px;
    border-radius: 4px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.dialog-btn.cancel[b-6g8g1yxeuo] {
    background: transparent;
    border: none;
    color: #666;
}

.dialog-btn.cancel:hover[b-6g8g1yxeuo] {
    color: #888;
    background: rgba(255, 255, 255, 0.04);
}

.dialog-btn.submit[b-6g8g1yxeuo] {
    background: #B8F84E;
    border: none;
    color: #0D1215;
}

.dialog-btn.submit:hover:not(:disabled)[b-6g8g1yxeuo] {
    background: #a5e043;
}

.dialog-btn.submit:disabled[b-6g8g1yxeuo] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Spinner for submit button */
.spinner[b-6g8g1yxeuo] {
    width: 12px;
    height: 12px;
    border: 2px solid rgba(13, 18, 21, 0.3);
    border-top-color: #0D1215;
    border-radius: 50%;
    animation: spin-b-6g8g1yxeuo 0.6s linear infinite;
}

@keyframes spin-b-6g8g1yxeuo {
    to { transform: rotate(360deg); }
}
/* _content/AIAgent/Components/Shared/Chat/StreamingChatMessageComponent.razor.rz.scp.css */
.streaming-chat-message[b-gsxgcbta3d] {
    padding: 0;
    margin: 0;
}

.streaming-segment[b-gsxgcbta3d] {
    margin-bottom: 0px;
    line-height: 1.5;
    display: inline;
}

.segment-content[b-gsxgcbta3d] {
    color: #A2A2A2;
}

.segment-acknowledgment[b-gsxgcbta3d] {
    color: #A2A2A2 !important;
    display: block;
    margin: 4px 0;
    font-weight: 500;
}

.segment-status[b-gsxgcbta3d] {
    color: #888 !important;
    opacity: 0.7;
    display: block;
    margin: 4px 0;
}

/* Tool status styling - symbol upright, text italic */
[b-gsxgcbta3d] .tool-symbol {
    font-style: normal;
    color: #888;
    margin-right: 2px;
}

[b-gsxgcbta3d] .tool-text {
    font-style: italic;
}

[b-gsxgcbta3d] .tool-timer {
    font-style: italic;
    opacity: 0.6;
    margin-left: 8px;
    font-size: 0.9em;
}

/* Animated dots for status messages */
[b-gsxgcbta3d] .animated-dots {
    font-style: italic;
    color: #888;
    display: inline-block;
    min-width: 1.5em;
    text-align: left;
}

/* Hidden completion markers for JS timer detection */
[b-gsxgcbta3d] .tool-complete {
    display: none !important;
}

/* Hidden thinking completion marker (used by JS to transform thinking status) */
[b-gsxgcbta3d] .thinking-complete-marker {
    display: none !important;
}

/* Thinking status after completion - subtle, secondary styling */
[b-gsxgcbta3d] .thinking-completed {
    opacity: 0.6;
}

[b-gsxgcbta3d] .thinking-completed .tool-symbol {
    color: var(--mud-palette-text-secondary, #888);
}

[b-gsxgcbta3d] .thinking-completed .tool-text {
    font-style: normal;
    color: var(--mud-palette-text-secondary, #888);
}

[b-gsxgcbta3d] .thinking-completed .tool-timer {
    font-style: normal;
    color: var(--mud-palette-text-secondary, #888);
}

.segment-progress[b-gsxgcbta3d] {
    color: #888 !important;
    font-style: italic;
    display: block;
    margin: 4px 0;
}

.segment-success[b-gsxgcbta3d] {
    color: #4caf50 !important;
    font-weight: 500;
    display: block;
    margin: 8px 0;
}

.segment-warning[b-gsxgcbta3d] {
    color: #333 !important;
    font-style: italic;
    opacity: 0.6;
    display: block;
    margin: 4px 0;
    
}

.segment-error[b-gsxgcbta3d] {
    color: #f44336;
    font-style: italic;
    display: block;
    margin: 4px 0;
}

.segment-text[b-gsxgcbta3d] {
    color: #A2A2A2;
    display: inline;
}

/* Thinking Block Styles */


/* NOTE: Currently unused - implemented for Hybrid ReAct + Function Calling feature
   See Docs/Hybrid_ReAct_Function_Calling_Plan.md for activation plan */

.thinking-block[b-gsxgcbta3d] {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 8px;
    margin: 8px 0 16px 0;
    overflow: hidden;
    transition: all 0.2s ease;
}

.thinking-block:hover[b-gsxgcbta3d] {
    border-color: #555;
    background: #1e1e1e;
}

.thinking-header[b-gsxgcbta3d] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
}

.thinking-header:hover[b-gsxgcbta3d] {
    background: #252525;
}

.thinking-label[b-gsxgcbta3d] {
    flex: 1;
    color: #888;
    font-size: 13px;
    font-weight: 500;
}

.thinking-toggle[b-gsxgcbta3d] {
    color: #666;
    font-size: 12px;
    transition: transform 0.2s ease;
}

.thinking-header:hover .thinking-toggle[b-gsxgcbta3d] {
    color: #888;
}

.thinking-content[b-gsxgcbta3d] {
    padding: 12px;
    border-top: 1px solid #333;
    background: #161616;
    color: #b0b0b0;
    font-size: 13px;
    line-height: 1.4;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    white-space: pre-wrap;
    overflow-x: auto;
    animation: fadeIn-b-gsxgcbta3d 0.3s ease;
}

@keyframes fadeIn-b-gsxgcbta3d {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Ensure thinking blocks appear before the main response */

.thinking-block+.segment-text[b-gsxgcbta3d] {
    margin-top: 8px;
}
/* _content/AIAgent/Components/Shared/Credits/BillingDialog.razor.rz.scp.css */
/* Billing Dialog - Terminal Styling */

/* Override MudChip success color to use neon green */
[b-uelvxcrcqs] .mud-chip.mud-chip-color-success,
[b-uelvxcrcqs] .mud-chip-color-success {
    background-color: rgba(184, 248, 78, 0.15) !important;
    color: #B8F84E !important;
    border: 1px solid rgba(184, 248, 78, 0.3) !important;
}

/* Override default chip colors */
[b-uelvxcrcqs] .mud-chip.mud-chip-color-default {
    background-color: rgba(102, 102, 102, 0.15) !important;
    color: #888 !important;
    border: 1px solid rgba(102, 102, 102, 0.3) !important;
}

/* Progress bar success color override */
[b-uelvxcrcqs] .mud-progress-linear-bar.mud-color-success {
    background-color: #B8F84E !important;
}

/* Booster selector container */
.booster-selector[b-uelvxcrcqs] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.booster-count-display[b-uelvxcrcqs] {
    min-width: 36px;
    text-align: center;
    color: #E9E9E9;
    font-family: 'Source Code Pro', monospace;
    font-size: 14px;
    font-weight: 600;
}

/* Booster +/- buttons */
.booster-btn[b-uelvxcrcqs] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.booster-btn-minus[b-uelvxcrcqs] {
    background: transparent;
    border: 1px solid #666;
    color: #A2A2A2;
}

.booster-btn-minus:hover:not(:disabled)[b-uelvxcrcqs] {
    border-color: #888;
    color: #E9E9E9;
    background: rgba(102, 102, 102, 0.1);
}

.booster-btn-minus:disabled[b-uelvxcrcqs] {
    opacity: 0.4;
    cursor: not-allowed;
}

.booster-btn-plus[b-uelvxcrcqs] {
    background: transparent;
    border: 1px solid #B8F84E;
    color: #B8F84E;
}

.booster-btn-plus:hover[b-uelvxcrcqs] {
    background: rgba(184, 248, 78, 0.1);
}

/* Payment option styling for crypto dialog */
[b-uelvxcrcqs] .payment-option {
    border: 1px solid rgba(184, 248, 78, 0.15);
    transition: all 0.2s ease;
}

[b-uelvxcrcqs] .payment-option:hover {
    border-color: rgba(184, 248, 78, 0.3);
    background-color: #0f1214 !important;
}

[b-uelvxcrcqs] .payment-option.selected {
    border-color: #B8F84E !important;
    border-width: 2px;
}
/* _content/AIAgent/Components/Shared/FeedStatusIndicator.razor.rz.scp.css */
.feed-status-indicator[b-vxh7ke2c9z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.feed-pill[b-vxh7ke2c9z] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 4px;
    white-space: nowrap;
    line-height: 1.4;
}

.feed-pill.down[b-vxh7ke2c9z] {
    color: var(--degen-color-error);
    background: rgba(255, 107, 107, 0.10);
    border: 1px solid rgba(255, 107, 107, 0.35);
}

.feed-pill.degraded[b-vxh7ke2c9z] {
    color: var(--degen-color-warning);
    background: rgba(255, 193, 7, 0.10);
    border: 1px solid rgba(255, 193, 7, 0.35);
}

.feed-dot[b-vxh7ke2c9z] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

.feed-pill.down .feed-dot[b-vxh7ke2c9z] {
    animation: feed-pulse-b-vxh7ke2c9z 1.4s ease-in-out infinite;
}

@keyframes feed-pulse-b-vxh7ke2c9z {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.35; }
}
/* _content/AIAgent/Components/Shared/GlobalAssetSwitcher.razor.rz.scp.css */
/* ===========================================
   Global Asset Switcher
   Simple indicator that navigates to chart on tap.
   Uses design tokens from design-tokens.css
   =========================================== */

.asset-indicator[b-2l00tfqhsq] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px 4px;
    background: rgba(255, 255, 255, 0.03);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color var(--degen-transition-fast);
    font-size: var(--degen-font-size-md);
    color: var(--degen-text-tertiary);
    white-space: nowrap;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    width: fit-content;
}

.asset-indicator:hover[b-2l00tfqhsq] {
    background-color: var(--degen-hover-overlay-light);
}

.asset-indicator:active[b-2l00tfqhsq] {
    background-color: var(--degen-hover-overlay);
}

.asset-indicator:focus[b-2l00tfqhsq] {
    outline: none;
    box-shadow: var(--degen-focus-ring);
}

.asset-indicator:focus:not(:focus-visible)[b-2l00tfqhsq] {
    box-shadow: none;
}

.asset-indicator:focus-visible[b-2l00tfqhsq] {
    outline: none;
    box-shadow: var(--degen-focus-ring);
}

.asset-indicator .asset-symbol[b-2l00tfqhsq] {
    font-size: var(--degen-font-size-md);
    font-weight: 500;
    color: var(--degen-text-tertiary);
    min-width: unset;
}

.asset-indicator .asset-leverage[b-2l00tfqhsq] {
    font-size: var(--degen-font-size-xs);
    font-weight: 400;
    color: var(--degen-text-muted);
    margin-left: 1px;
}
/* _content/AIAgent/Components/Shared/IndicatorConfiguration/IndicatorConfiguration.razor.rz.scp.css */
/* Style the primary button's background */
[b-dd5tijonpg] .mud-button-filled-primary {
    background-color: rgba(159, 212, 68, 0.49) !important;
}

/* Horizontal Lines specific styling */
.horizontal-lines-container[b-dd5tijonpg] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 4px;
    padding: 8px;
    background-color: var(--mud-palette-background);
}

.color-input input[b-dd5tijonpg] {
    font-family: monospace;
    font-size: 12px;
}

.horizontal-lines-container[b-dd5tijonpg]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.horizontal-lines-container[b-dd5tijonpg]::-webkit-scrollbar-track {
    background: var(--degen-bg-elevated);
    border-radius: 2px;
}

.horizontal-lines-container[b-dd5tijonpg]::-webkit-scrollbar-thumb {
    background: var(--degen-border-muted);
    border-radius: 2px;
}

.horizontal-lines-container[b-dd5tijonpg]::-webkit-scrollbar-thumb:hover {
    background: color-mix(in srgb, var(--degen-border-muted), white 15%);
}
/* _content/AIAgent/Components/Shared/Onboarding/VenueDepositPanel.razor.rz.scp.css */
/* Deposit panel chrome. Blazor CSS isolation scopes selectors to the elements THIS component renders,
   so the heading/detail rules here are near-duplicates of the stepper's vo-* equivalents rather than a
   shared class — the stepper's scope attribute does not reach markup this component owns. Design
   tokens only (no hardcoded hex). MudBlazor children and other components are reached via ::deep. */

.venue-deposit-panel[b-nzht92xrd4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vd-center[b-nzht92xrd4] {
    display: flex;
    justify-content: center;
    padding: 8px 0;
}

.vd-heading[b-nzht92xrd4] {
    font-size: 15px;
    font-weight: 600;
    color: var(--degen-color-primary);
    text-align: center;
}

.vd-detail[b-nzht92xrd4] {
    font-size: 12px;
    line-height: 1.5;
    color: var(--degen-text-secondary);
    text-align: center;
}

.vd-muted[b-nzht92xrd4] {
    color: var(--degen-text-tertiary);
}

.vd-hint[b-nzht92xrd4] {
    font-size: 11px;
    line-height: 1.5;
    color: var(--degen-text-tertiary);
}

.vd-error[b-nzht92xrd4] {
    font-size: 11px;
    line-height: 1.4;
    color: var(--degen-color-error);
    text-align: center;
}

/* Destination strip — what the money is going into, and what is already there. */
.vd-destination[b-nzht92xrd4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    background: var(--degen-bg-secondary);
    border-radius: 4px;
}

.vd-destination-label[b-nzht92xrd4] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--degen-text-tertiary);
}

.vd-destination-value[b-nzht92xrd4] {
    font-family: 'Source Code Pro', monospace;
    font-size: 14px;
    font-weight: 600;
    color: var(--degen-text-primary);
}

/* One card per funding route. Identical for every venue — the only difference is what is in it. */
.vd-route[b-nzht92xrd4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    background: var(--degen-bg-surface);
    border: 1px solid var(--degen-color-deposit-border);
    border-radius: 4px;
}

.vd-route-busy[b-nzht92xrd4] {
    border-color: var(--degen-color-deposit);
}

.vd-route-head[b-nzht92xrd4] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.vd-route-source[b-nzht92xrd4] {
    font-size: 13px;
    font-weight: 600;
    color: var(--degen-text-primary);
}

/* Amount row */
.vd-deposit-row[b-nzht92xrd4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vd-deposit-token[b-nzht92xrd4] {
    font-size: 13px;
    font-weight: 600;
    color: var(--degen-text-secondary);
    flex-shrink: 0;
}

/* The amount input belongs to DecimalInput, which has no stylesheet of its own and therefore carries
   no scope attribute — a plain `.vd-deposit-amount` rule here compiles to `.vd-deposit-amount[b-xxx]`
   and matches nothing. ::deep is what actually reaches it. */
.vd-deposit-row[b-nzht92xrd4]  .vd-deposit-amount {
    flex: 1;
    min-width: 0;
    background: var(--degen-bg-secondary);
    border: 1px solid var(--degen-color-deposit-border);
    border-radius: 4px;
    color: var(--degen-text-primary);
    font-family: 'Source Code Pro', monospace;
    font-size: 14px;
    padding: 10px 12px;
}

.vd-deposit-row[b-nzht92xrd4]  .vd-deposit-amount:focus {
    outline: none;
    border-color: var(--degen-color-deposit);
}

/* Wallet balance line under the amount row, with its own REFRESH and MAX shortcuts. Sits between the
   input and the button so the number is visible at the moment the amount is chosen, not after the
   send fails. */
.vd-balance[b-nzht92xrd4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: -4px;
    font-size: 11px;
    font-family: 'Source Code Pro', monospace;
    color: var(--degen-text-tertiary);
}

/* Balance is below the amount being sent — the deposit cannot succeed as entered. */
.vd-balance-short[b-nzht92xrd4] {
    color: var(--degen-color-warning);
}

/* Keeps REFRESH and MAX together on the right edge — three loose children would let space-between
   strand one of them in the middle of the line. */
.vd-balance-actions[b-nzht92xrd4] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    gap: 6px;
}

.vd-chip[b-nzht92xrd4] {
    background: transparent;
    border: 1px solid var(--degen-color-deposit-border);
    border-radius: 4px;
    color: var(--degen-color-deposit);
    cursor: pointer;
    flex-shrink: 0;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 2px 8px;
}

.vd-chip:hover:not(:disabled)[b-nzht92xrd4] {
    background: var(--degen-color-deposit-muted);
    border-color: var(--degen-color-deposit);
}

.vd-chip:disabled[b-nzht92xrd4] {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Post-submit state — confirming on the source chain, then crediting venue-side. */
.vd-status[b-nzht92xrd4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 11px;
    line-height: 1.5;
    color: var(--degen-text-secondary);
    padding: 10px 12px;
    background: var(--degen-color-deposit-muted);
    border-left: 2px solid var(--degen-color-deposit);
    border-radius: 4px;
}

/* Post-submit "view transaction" link — shown while the deposit is confirming/crediting. */
.vd-tx-link[b-nzht92xrd4] {
    align-self: flex-start;
    font-size: 11px;
    font-weight: 600;
    color: var(--degen-color-deposit);
    text-decoration: none;
}

.vd-tx-link:hover[b-nzht92xrd4] {
    text-decoration: underline;
}

/* Funding is its own class of action — teal, so it never reads as a trade confirm (lime). */
.venue-deposit-panel[b-nzht92xrd4]  .vd-primary {
    background-color: var(--degen-color-deposit) !important;
    color: var(--degen-bg-primary) !important;
    transition: all 0.2s ease;
}

.venue-deposit-panel[b-nzht92xrd4]  .vd-primary:hover {
    background-color: var(--degen-color-deposit-hover) !important;
}

.venue-deposit-panel[b-nzht92xrd4]  .vd-primary:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

.venue-deposit-panel[b-nzht92xrd4]  .vd-btn-spinner {
    color: var(--degen-bg-primary) !important;
    margin-right: 8px;
}

.venue-deposit-panel[b-nzht92xrd4]  .vd-outline {
    border-color: var(--degen-color-deposit-border) !important;
    color: var(--degen-color-deposit) !important;
}

.venue-deposit-panel[b-nzht92xrd4]  .vd-outline:hover {
    border-color: var(--degen-color-deposit) !important;
    background: var(--degen-color-deposit-muted) !important;
}
/* _content/AIAgent/Components/Shared/Onboarding/VenueOnboardingStepper.razor.rz.scp.css */
/* Shared venue onboarding stepper — reproduces OnboardingDialog's chrome using design tokens only
   (no hardcoded hex). Plain elements are scoped directly; MudBlazor children are reached via ::deep. */

.venue-onboarding[b-tsmyt5h08r] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 4px 0;
}

.vo-unavailable[b-tsmyt5h08r] {
    color: var(--degen-text-tertiary);
    font-size: 11px;
    line-height: 1.4;
}

/* Progress stepper */
.vo-progress[b-tsmyt5h08r] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 20px;
    background: var(--degen-color-primary-faint);
    border-radius: 8px;
    border: 1px solid var(--degen-border-accent);
}

.vo-step[b-tsmyt5h08r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: relative;
    flex-shrink: 0;
}

.vo-step-circle[b-tsmyt5h08r] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--degen-bg-secondary);
    border: 2px solid var(--degen-text-hint);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--degen-text-muted);
    font-weight: 600;
    font-size: 14px;
    transition: all 0.2s ease;
}

.vo-step.active .vo-step-circle[b-tsmyt5h08r] {
    border-color: var(--degen-color-primary);
    background: var(--degen-color-primary-subtle);
    color: var(--degen-color-primary);
}

.vo-step.completed .vo-step-circle[b-tsmyt5h08r] {
    background: var(--degen-color-primary);
    border-color: var(--degen-color-primary);
    color: var(--degen-bg-primary);
}

.vo-step-label[b-tsmyt5h08r] {
    font-size: 11px;
    color: var(--degen-text-muted);
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.vo-step.active .vo-step-label[b-tsmyt5h08r] {
    color: var(--degen-text-primary);
}

.vo-step.completed .vo-step-label[b-tsmyt5h08r] {
    color: var(--degen-color-primary);
}

.vo-step-line[b-tsmyt5h08r] {
    flex: 1;
    max-width: 70px;
    height: 2px;
    background: var(--degen-text-hint);
    margin: 0 10px 26px 10px;
    border-radius: 1px;
    transition: all 0.3s ease;
}

.vo-step-line.completed[b-tsmyt5h08r] {
    background: var(--degen-color-primary);
}

/* Body */
.vo-body[b-tsmyt5h08r] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vo-center[b-tsmyt5h08r] {
    display: flex;
    justify-content: center;
    padding: 24px 0;
}

.vo-heading[b-tsmyt5h08r] {
    font-size: 15px;
    font-weight: 600;
    color: var(--degen-color-primary);
    text-align: center;
}

.vo-detail[b-tsmyt5h08r] {
    font-size: 12px;
    line-height: 1.5;
    color: var(--degen-text-secondary);
    text-align: center;
}

/* Deposit chrome (amount row, hint, tx link, fund buttons) lives in VenueDepositPanel.razor.css —
   CSS isolation scopes to the component that renders the markup, and that markup moved. */

.vo-actions[b-tsmyt5h08r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 4px;
}

.vo-poll[b-tsmyt5h08r] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    color: var(--degen-text-secondary);
}

.vo-error[b-tsmyt5h08r] {
    font-size: 11px;
    line-height: 1.4;
    color: var(--degen-color-error);
    text-align: center;
}

/* Success screen */
.vo-success[b-tsmyt5h08r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px 0;
    animation: voSuccessPop-b-tsmyt5h08r 0.4s ease-out forwards;
}

@keyframes voSuccessPop-b-tsmyt5h08r {
    0% { transform: scale(0.85); opacity: 0; }
    60% { transform: scale(1.04); }
    100% { transform: scale(1); opacity: 1; }
}

/* MudBlazor children — reached via ::deep (isolation scope isn't on child component roots). */
.venue-onboarding[b-tsmyt5h08r]  .vo-primary {
    background-color: var(--degen-color-primary) !important;
    color: var(--degen-bg-primary) !important;
    transition: all 0.2s ease;
}

.venue-onboarding[b-tsmyt5h08r]  .vo-primary:hover {
    background-color: var(--degen-color-primary-hover) !important;
}

.venue-onboarding[b-tsmyt5h08r]  .vo-primary:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

.venue-onboarding[b-tsmyt5h08r]  .vo-btn-spinner {
    color: var(--degen-bg-primary) !important;
    margin-right: 8px;
}

.venue-onboarding[b-tsmyt5h08r]  .vo-text-btn {
    color: var(--degen-text-secondary) !important;
}

.venue-onboarding[b-tsmyt5h08r]  .vo-success-icon {
    color: var(--degen-color-primary) !important;
    font-size: 44px !important;
}

@media (max-width: 600px) {
    .vo-progress[b-tsmyt5h08r] {
        padding: 12px 10px;
    }
    .vo-step-circle[b-tsmyt5h08r] {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    .vo-step-line[b-tsmyt5h08r] {
        max-width: 40px;
    }
}
/* _content/AIAgent/Components/Shared/ProbabilityBar.razor.rz.scp.css */
.probability-bar[b-1dwxhya390] {
    display: flex;
    height: 8px;
    border-radius: var(--degen-radius-sm, 2px);
    background: var(--degen-bg-input, #0b0d0f);
    overflow: hidden;
    width: 100%;
    position: relative;
}

.probability-bar-large[b-1dwxhya390] {
    height: 22px;
}

.probability-segment[b-1dwxhya390] {
    height: 100%;
    transition: width var(--degen-transition-normal, 0.2s ease);
    min-width: 0;
}

/* Segment palette - cycles for multi-outcome markets. Slots come from the
   shared --degen-outcome-* tokens so trading-tab outcome buttons can match
   the bar slice. Slot 0 aliases buy (lime) so binary YES keeps its identity. */
.probability-segment-0[b-1dwxhya390] { background: var(--degen-outcome-0, #B8F84E); }
.probability-segment-1[b-1dwxhya390] { background: var(--degen-outcome-1, #FFC107); }
.probability-segment-2[b-1dwxhya390] { background: var(--degen-outcome-2, #4ADBC7); }
.probability-segment-3[b-1dwxhya390] { background: var(--degen-outcome-3, #9D7AC9); }
.probability-segment-4[b-1dwxhya390] { background: var(--degen-outcome-4, #E0935E); }
.probability-segment-5[b-1dwxhya390] { background: var(--degen-outcome-5, #6BB6A8); }

/* Binary YES/NO override: NO segment uses the app-wide sell red, not the
   multi-outcome palette's amber. Scoped so only binary bars are affected. */
.probability-bar-binary .probability-segment-1[b-1dwxhya390] { background: var(--degen-color-sell, #FF6B6B); }
.probability-bar-binary .probability-legend-swatch.probability-segment-1[b-1dwxhya390] { background: var(--degen-color-sell, #FF6B6B); }

.probability-segment + .probability-segment[b-1dwxhya390] {
    border-left: 1px solid var(--degen-bg-input, #0b0d0f);
}

/* Empty / no-data state: muted track with "no market yet" label inside. */
.probability-bar-empty[b-1dwxhya390] {
    background: var(--degen-bg-elevated, #141C21);
}

.probability-label[b-1dwxhya390] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-xs, 9px);
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}

.probability-label-yes[b-1dwxhya390] {
    left: 6px;
    color: var(--degen-bg-primary, #080809);
}

.probability-bar-empty .probability-label-yes[b-1dwxhya390] {
    color: var(--degen-text-tertiary, #888);
}

.probability-legend[b-1dwxhya390] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--degen-space-xs, 4px) var(--degen-space-sm, 8px);
    margin-top: 4px;
    font-family: var(--degen-font-mono, 'Source Code Pro', monospace);
    font-size: var(--degen-font-size-xs, 9px);
}

.probability-legend-large[b-1dwxhya390] {
    font-size: var(--degen-font-size-sm, 10px);
}

.probability-legend-item[b-1dwxhya390] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.probability-legend-swatch[b-1dwxhya390] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: var(--degen-radius-sm, 2px);
    flex-shrink: 0;
}

.probability-legend-name[b-1dwxhya390] {
    color: var(--degen-text-secondary, #A2A2A2);
}

.probability-legend-pct[b-1dwxhya390] {
    color: var(--degen-text-primary, #E9E9E9);
    font-weight: 600;
}
/* _content/AIAgent/Components/Shared/UI/CustomAutocomplete.razor.rz.scp.css */
/* Autocomplete-specific input styling */
[b-cad7g9nhqh] .mud-input > input.mud-input-root {
    color: #A2A2A2 !important;
}

[b-cad7g9nhqh] .mud-input.mud-input-underline:after {
    border-bottom: 2px solid #B8F84E !important;
} 
/* _content/AIAgent/Components/Shared/UI/QuantityPercentSlider.razor.rz.scp.css */
/* Shared 0-100% slider component used by both the perps trading tab and the
   prediction-markets order form. Pure visual control; the parent owns the
   percent-to-quantity math. Sell-mode color overrides live in each caller's
   own stylesheet (see TradingTab.razor.css for scoped ::deep overrides, and
   wwwroot/css/prediction-markets.css for the global predict-form overrides). */

/* Slider container */
.slider-container[b-8gcbczve9m] {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    width: 100%;
}

/* Custom Slider - Performance Optimized */
.custom-slider[b-8gcbczve9m] {
    position: relative;
    margin: 16px 0;
    height: 20px;
    padding: 0 6px;
    /* Padding prevents 10px thumb from being cut off at edges */
    contain: layout style paint;
    width: 100%;
    max-width: 320px;
    min-width: 250px;
    /* ALIGNMENT STRATEGY: Container has 6px padding for thumb clearance.
       Track uses 12px inset positioning, markers use full width positioning.
       This dual coordinate system creates perfect visual alignment. */
}

.custom-slider-input[b-8gcbczve9m] {
    position: absolute;
    left: 6px;
    right: 6px;
    width: calc(100% - 12px);
    height: 20px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.custom-slider-track[b-8gcbczve9m] {
    position: absolute;
    top: 50%;
    left: 12px;
    /* Inset track by 12px to align visually with marker centers */
    right: 12px;
    height: 2px;
    background: #2C373D;
    border-radius: 1px;
    transform: translateY(-50%);
    will-change: auto;
}

.custom-slider-fill[b-8gcbczve9m] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #B8F84E;
    border-radius: 1px;
    transform: translateZ(0);
    will-change: width;
    transition: width 0.05s ease-out;
}

.custom-slider-thumb[b-8gcbczve9m] {
    position: absolute;
    top: 50%;
    width: 10px;
    height: 10px;
    background: #B8F84E;
    border: 1px solid #0D1215;
    border-radius: 50%;
    transform: translate(-50%, -50%) translateZ(0);
    cursor: pointer;
    z-index: 2;
    will-change: left;
    transition: left 0.05s ease-out;
}

.custom-slider-thumb:hover[b-8gcbczve9m] {
    transform: translate(-50%, -50%) scale(1.1) translateZ(0);
    box-shadow: 0 0 8px rgba(184, 248, 78, 0.3);
    transition: transform 0.15s ease-out;
}

.custom-slider-label[b-8gcbczve9m] {
    position: absolute;
    top: -35px;
    background: #131B1F;
    color: #B8F84E;
    border: 1px solid rgba(184, 248, 78, 0.23);
    border-radius: 6px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 11px;
    font-weight: 500;
    padding: 4px 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    transform: translateX(-50%) translateZ(0);
    white-space: nowrap;
    z-index: 1;
    will-change: left;
    transition: left 0.05s ease-out;
    pointer-events: none;
}

/* Slider Markers */
.slider-markers[b-8gcbczve9m] {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    height: 2px;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}

.slider-marker[b-8gcbczve9m] {
    position: absolute;
    top: 50%;
    width: 6px;
    height: 6px;
    background: #565E63;
    border: 1px solid #0D1215;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease;
}

.slider-marker:hover[b-8gcbczve9m] {
    background: #B8F84E;
    box-shadow: 0 0 4px rgba(184, 248, 78, 0.3);
}

/* Slider percentage display */
.slider-percentage[b-8gcbczve9m] {
    color: #A2A2A2;
    font-size: 11px;
    font-weight: 400;
    min-width: 28px;
    text-align: right;
    font-family: 'Space Grotesk', sans-serif;
}

/* Mobile touch optimization */
@media (max-width: 599px) {
    .custom-slider[b-8gcbczve9m] {
        height: 44px !important;
        margin: 20px 0 !important;
    }

    .custom-slider-input[b-8gcbczve9m] {
        height: 44px !important;
    }

    .custom-slider-thumb[b-8gcbczve9m] {
        width: 20px !important;
        height: 20px !important;
    }

    .slider-marker[b-8gcbczve9m] {
        width: 10px !important;
        height: 10px !important;
    }

    .slider-percentage[b-8gcbczve9m] {
        font-size: 14px !important;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .custom-slider-fill[b-8gcbczve9m],
    .custom-slider-thumb[b-8gcbczve9m],
    .custom-slider-label[b-8gcbczve9m],
    .slider-marker[b-8gcbczve9m] {
        transition: none !important;
    }
}