/* _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-color-primary);
}

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

/* 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) */
/* _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: #B8F84E !important;
}

.pnl-negative[b-j16pdd68hk] {
    color: #FF6B6B !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/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: 16px;
}

.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: 12px;
}

.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.5;
    margin-top: 4px;
    white-space: pre-line;
    max-height: 120px;
    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: 12px;
}

.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: 8px;
}

.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: 8px;
}

.share-preview-wrapper[b-slsslrplrn] {
    position: relative;
    width: 100%;
    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: 280px;
    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(74, 158, 255, 0.12);
    color: #4A9EFF;
    border-color: rgba(74, 158, 255, 0.3);
}

.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],
.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);
}

.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;
}

.header-spacer[b-iv894js168] {
    height: 70px;
}


/* 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: 70px;
    height: calc(100vh - 70px);
    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) {
    .side-nav[b-pnp6lto3vy] {
        position: fixed;
        left: -250px;
        top: 60px;
        height: calc(100vh - 60px);
        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;
    }
    .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;
    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;
}

.identity-value.highlight[b-pnp6lto3vy] {
    color: #B8F84E;
    font-size: 20px;
    font-weight: 600;
}

/* Verification Links */
.verification-links[b-pnp6lto3vy] {
    display: flex;
    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: 70px;
    height: calc(100vh - 70px);
    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) {
    .side-nav[b-9pnszsxncb] {
        position: fixed;
        left: -250px;
        top: 60px;
        height: calc(100vh - 60px);
        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.9fr 0.7fr 0.9fr 1fr 1fr 1fr 1.2fr 20px 0.7fr 36px;
    /* Tightened columns for more compact layout */
    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.9fr 0.7fr 0.9fr 1fr 1fr 1fr 1.2fr 20px 0.7fr 36px;
    /* Tightened columns for more compact layout */
    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],
.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;
}

/* Outcomes table — 10-column desktop grid (mirrors positions-table) */
.outcomes-table .table-header[b-7ziebakg1n],
.outcomes-table .table-row[b-7ziebakg1n] {
    grid-template-columns: 2.4fr 0.55fr 0.7fr 0.6fr 0.65fr 0.75fr 1.0fr 12px 0.55fr 56px !important;
    gap: 6px;
    width: 100%;
    min-width: 820px;
}

.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;
}

.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;
}


/* 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;
}

.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: 1fr 70px 90px 80px 80px 100px 70px 70px;
        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;
}

/* Inline swap icon button shown next to the Spot USDH balance line.
   Lets users open the USDC <-> USDH swap dialog without leaving the
   portfolio panel. */
.usdh-swap-icon-btn[b-7ziebakg1n] {
    background: transparent;
    border: none;
    padding: 0;
    margin-left: 4px;
    cursor: pointer;
    color: var(--degen-color-primary, #B8F84E);
    opacity: 0.75;
    vertical-align: middle;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    transition: opacity 0.15s ease;
}

.usdh-swap-icon-btn:hover[b-7ziebakg1n] {
    opacity: 1;
}

.usdh-swap-icon-btn[b-7ziebakg1n]  .mud-icon-root {
    font-size: 14px;
}

/* "Swap USDC -> USDH" link shown when the user has 0 USDH but has USDC
   available. Discoverable entry point for prediction-market onboarding. */
.usdh-swap-link[b-7ziebakg1n] {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--degen-color-primary, #B8F84E);
    font-family: 'Source Code Pro', monospace;
    font-size: 11px;
    text-decoration: underline;
    opacity: 0.85;
    transition: opacity 0.15s ease;
}

.usdh-swap-link:hover[b-7ziebakg1n] {
    opacity: 1;
}

/* ===========================================
   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" !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;
    }

    .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 .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;
    }

    .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;
}

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

.pnl-negative[b-7ziebakg1n] {
    color: var(--degen-color-error);
}
/* _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);
}

/* 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/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: #B8F84E !important;
}

.pnl-negative[b-foml3cn9wu] {
    color: #FF6B6B !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;
    top: 1px;
    left: 1px;
    right: 29px;
    /* Leave room for search icon */
    bottom: 1px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 8px;
    background-color: #131B1F;
    border-radius: 3px 0 0 3px;
    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/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/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;
    }
}