/* _content/PriceSquawk.Widgets.Rcl/Components/Gadgets/PriceDisplay.razor.rz.scp.css */
.price-display[b-u1n9bwxynp] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.price-label[b-u1n9bwxynp] {
    font-size: 0.875rem;
    opacity: 0.8;
    font-weight: 500;
}

.price-value[b-u1n9bwxynp] {
    font-weight: 600;
    font-family: 'Consolas', 'Monaco', monospace;
    transition: all 0.3s ease;
}

/* Size variants */
.price-display-sm .price-label[b-u1n9bwxynp] {
    font-size: 0.75rem;
}

.price-display-sm .price-value[b-u1n9bwxynp] {
    font-size: 0.875rem;
}

.price-display-md .price-label[b-u1n9bwxynp] {
    font-size: 0.875rem;
}

.price-display-md .price-value[b-u1n9bwxynp] {
    font-size: 1rem;
}

.price-display-lg .price-label[b-u1n9bwxynp] {
    font-size: 1rem;
}

.price-display-lg .price-value[b-u1n9bwxynp] {
    font-size: 1.25rem;
}

/* Mode-specific styles */
.price-display-bid .price-value[b-u1n9bwxynp] {
    color: #22c55e; /* Green for bid */
}

.price-display-ask .price-value[b-u1n9bwxynp] {
    color: #ef4444; /* Red for ask */
}

.price-display-trade .price-value[b-u1n9bwxynp] {
    color: #3b82f6; /* Blue for last trade */
}

.price-display-squawk .price-value[b-u1n9bwxynp] {
    color: #8b5cf6; /* Purple for squawk price */
}

/* Flash animations - GPU optimized */
.flash-effect[b-u1n9bwxynp] {
    position: relative;
    animation: flash-b-u1n9bwxynp 1s ease-in-out;
}

.flash-up-effect[b-u1n9bwxynp] {
    position: relative;
    animation: flashUp-b-u1n9bwxynp 1s ease-in-out;
}

.flash-down-effect[b-u1n9bwxynp] {
    position: relative;
    animation: flashDown-b-u1n9bwxynp 1s ease-in-out;
}

.flash-effect[b-u1n9bwxynp]::before,
.flash-up-effect[b-u1n9bwxynp]::before,
.flash-down-effect[b-u1n9bwxynp]::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 4px;
    pointer-events: none;
    z-index: -1;
}

@keyframes flash-b-u1n9bwxynp {
    0%, 100% { 
        transform: scale(1);
        opacity: 1;
    }
    50% { 
        transform: scale(1.02);
        opacity: 0.9;
    }
}

.flash-effect[b-u1n9bwxynp]::before {
    background-color: rgba(59, 130, 246, 0.3);
    animation: flashPulse-b-u1n9bwxynp 1s ease-in-out;
}

@keyframes flashUp-b-u1n9bwxynp {
    0%, 100% { 
        transform: scale(1);
        opacity: 1;
    }
    50% { 
        transform: scale(1.02);
        opacity: 0.9;
    }
}

.flash-up-effect[b-u1n9bwxynp]::before {
    background-color: rgba(34, 197, 94, 0.3);
    animation: flashPulse-b-u1n9bwxynp 1s ease-in-out;
}

@keyframes flashDown-b-u1n9bwxynp {
    0%, 100% { 
        transform: scale(1);
        opacity: 1;
    }
    50% { 
        transform: scale(1.02);
        opacity: 0.9;
    }
}

.flash-down-effect[b-u1n9bwxynp]::before {
    background-color: rgba(239, 68, 68, 0.3);
    animation: flashPulse-b-u1n9bwxynp 1s ease-in-out;
}

@keyframes flashPulse-b-u1n9bwxynp {
    0%, 100% { 
        opacity: 0;
        transform: scale(0.95);
    }
    50% { 
        opacity: 1;
        transform: scale(1);
    }
}
/* _content/PriceSquawk.Widgets.Rcl/Components/Gadgets/PriceTicker.razor.rz.scp.css */
/* Core PriceTicker gadget styles */
.price-ticker-gadget[b-set8b63bl3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ticker-symbol[b-set8b63bl3] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-secondary, #888);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
}

.ticker-main[b-set8b63bl3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ticker-price[b-set8b63bl3] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary, #fff);
    flex: 1;
    margin-left: 0.75rem;
    transition: color 0.3s ease;
}

/* Flash animations for price changes */
.ticker-price.flash-up[b-set8b63bl3] {
    color: var(--success-color, #4caf50);
    animation: flash-b-set8b63bl3 0.5s ease;
}

.ticker-price.flash-down[b-set8b63bl3] {
    color: var(--danger-color, #f44336);
    animation: flash-b-set8b63bl3 0.5s ease;
}

@keyframes flash-b-set8b63bl3 {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.05); }
    100% { opacity: 1; transform: scale(1); }
}

/* Direction indicator button */
.ticker-direction[b-set8b63bl3] {
    padding: 0.25rem 0.5rem;
    background: transparent;
    border: none;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
}


.ticker-direction.direction-up .direction-arrow[b-set8b63bl3] {
    color: var(--success-color, #4caf50);
}

.ticker-direction.direction-down .direction-arrow[b-set8b63bl3] {
    color: var(--danger-color, #f44336);
}

.ticker-direction.direction-neutral .direction-arrow[b-set8b63bl3] {
    color: var(--text-secondary, #888);
}

.direction-arrow[b-set8b63bl3] {
    font-size: 1rem;
    line-height: 1;
}

/* Recenter button */
.ticker-recenter[b-set8b63bl3] {
    padding: 0.25rem 0.5rem;
    background: transparent;
    border: 1px solid var(--border-color, #333);
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--text-primary, #fff);
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
}

.ticker-recenter:hover[b-set8b63bl3] {
    background: var(--hover-bg, rgba(255, 255, 255, 0.1));
    transform: rotate(180deg);
}
/* _content/PriceSquawk.Widgets.Rcl/Components/Gadgets/PriceTickerIndicator.razor.rz.scp.css */
/* PriceTickerIndicator container styles */
.price-ticker-indicator[b-oyjr0shorf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--widget-bg, #1a1a1a);
    border-radius: 8px;
    min-width: 200px;
}

/* Indicator-level controls container */
.indicator-controls[b-oyjr0shorf] {
    display: flex;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

/* Control buttons styling */
.control-button[b-oyjr0shorf] {
    padding: 0.25rem 0.5rem;
    background: transparent;
    border: 1px solid var(--border-color, #333);
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--text-primary, #fff);
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 28px;
}

.control-button:hover[b-oyjr0shorf] {
    background: var(--hover-bg, rgba(255, 255, 255, 0.1));
}

/* Mute button states */
.mute-button.muted[b-oyjr0shorf] {
    color: var(--warning-color, #ff9800);
    border-color: var(--warning-color, #ff9800);
}

/* Settings button hover effect */
.settings-button:hover[b-oyjr0shorf] {
    border-color: var(--primary-color, #2196f3);
}

/* Close button hover effect */
.close-button:hover[b-oyjr0shorf] {
    background: rgba(244, 67, 54, 0.1);
    border-color: var(--danger-color, #f44336);
    color: var(--danger-color, #f44336);
}

/* Micro widget adjustments when inside micro layout */
.widget-micro .price-ticker-indicator[b-oyjr0shorf] {
    padding: 0.5rem;
    gap: 0.25rem;
    min-width: 160px;
}

.widget-micro .indicator-controls[b-oyjr0shorf] {
    margin-top: 0.125rem;
}

.widget-micro .control-button[b-oyjr0shorf] {
    min-height: 24px;
    font-size: 0.875rem;
    padding: 0.125rem 0.25rem;
}
/* _content/PriceSquawk.Widgets.Rcl/Components/Gadgets/RadialGaugeGadget.razor.rz.scp.css */
.radial-gauge-container[b-olzqsg6pxg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.radial-gauge-container .rz-text[b-olzqsg6pxg] {
    margin-top: 0.5rem;
}
/* _content/PriceSquawk.Widgets.Rcl/Components/Gadgets/TimeSalesGadget.razor.rz.scp.css */
.time-sales-gadget[b-mqo67z7ey3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 570px;
    width: 100%;
    background: var(--rz-base-900, #1a1a1a);
    border-radius: 4px;
    overflow: hidden;
    align-self: flex-start;
}

.gadget-header[b-mqo67z7ey3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: var(--rz-base-800, #2a2a2a);
    border-bottom: 1px solid var(--rz-base-700, #3a3a3a);
    min-height: 32px;
}


.gadget-title[b-mqo67z7ey3] {
    font-size: 1.3125rem; /* 0.875rem * 1.5 */
    font-weight: 600;
    color: var(--rz-text-color, #ffffff);
}


.gadget-controls[b-mqo67z7ey3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 1.125rem; /* 0.75rem * 1.5 */
    color: var(--rz-text-secondary-color, #b0b0b0);
}

.trade-count[b-mqo67z7ey3] {
    opacity: 0.8;
}


.filter-indicator[b-mqo67z7ey3] {
    font-size: 1.3125rem; /* 0.875rem * 1.5 */
    color: grey;
    font-weight: 600;

}
.gadget-content[b-mqo67z7ey3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.gadget-content.minimized[b-mqo67z7ey3] {
    max-height: 60px;
}

.trades-container[b-mqo67z7ey3] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    max-height: 100%;
}


.trades-table[b-mqo67z7ey3] {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.125rem; /* 0.75rem * 1.5 */
    font-family: 'Roboto Mono', monospace;
}


.trades-table thead th[b-mqo67z7ey3] {
    position: sticky;
    top: 0;
    background: var(--rz-base-800, #2a2a2a);
    color: var(--rz-text-secondary-color, #b0b0b0);
    padding: 9px 12px; /* 6px 8px * 1.5 */
    text-align: left;
    font-weight: 500;
    border-bottom: 1px solid var(--rz-base-700, #3a3a3a);
    z-index: 1;
}

.trade-row[b-mqo67z7ey3] {
    transition: background-color 0.2s ease;
}


.trade-row td[b-mqo67z7ey3] {
    padding: 6px 12px; /* 4px 8px * 1.5 */
    border: none;
    white-space: nowrap;
}


.trade-time[b-mqo67z7ey3] {
    color: var(--rz-text-secondary-color, #b0b0b0);
    font-size: 1.05rem; /* 0.7rem * 1.5 */
}

.trade-price[b-mqo67z7ey3] {
    font-weight: 600;
    color: var(--rz-text-color, #ffffff);
}

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


.trade-direction[b-mqo67z7ey3] {
    font-weight: 600;
    text-align: center;
    font-size: 1.05rem; /* 0.7rem * 1.5 */
}

/* Volume-based styling - Minimum/Default */
.trade-row.volume-min-buy[b-mqo67z7ey3] {
    background-color: #263238 !important;
    color: #90caf9 !important;
}

.trade-row.volume-min-buy td[b-mqo67z7ey3] {
    color: #90caf9 !important;
}

.trade-row.volume-min-sell[b-mqo67z7ey3] {
    background-color: #263238 !important;
    color: #ffab91 !important;
}

.trade-row.volume-min-sell td[b-mqo67z7ey3] {
    color: #ffab91 !important;
}

/* Volume-based styling - Middle threshold */
.trade-row.volume-mid-buy[b-mqo67z7ey3] {
    background-color: #a5d6a7 !important;
    color: #000000 !important;
}

.trade-row.volume-mid-buy td[b-mqo67z7ey3] {
    color: #000000 !important;
}

.trade-row.volume-mid-sell[b-mqo67z7ey3] {
    background-color: #ef9a9a !important;
    color: #000000 !important;
}

.trade-row.volume-mid-sell td[b-mqo67z7ey3] {
    color: #000000 !important;
}

/* Volume-based styling - Maximum threshold */
.trade-row.volume-max-buy[b-mqo67z7ey3] {
    background-color: #4caf50 !important;
    color: #000000 !important;
}

.trade-row.volume-max-buy td[b-mqo67z7ey3] {
    color: #000000 !important;
}

.trade-row.volume-max-sell[b-mqo67z7ey3] {
    background-color: #e53935 !important;
    color: #ffffff !important;
}

.trade-row.volume-max-sell td[b-mqo67z7ey3] {
    color: #ffffff !important;
}

/* Volume-based styling - Maximum2 threshold */
.trade-row.volume-max2-buy[b-mqo67z7ey3] {
    background-color: #2e8b57 !important;
    color: #ffffff !important;
}

.trade-row.volume-max2-buy td[b-mqo67z7ey3] {
    color: #ffffff !important;
}

.trade-row.volume-max2-sell[b-mqo67z7ey3] {
    background-color: #b22222 !important;
    color: #ffffff !important;
}

.trade-row.volume-max2-sell td[b-mqo67z7ey3] {
    color: #ffffff !important;
}

/* Volume-based styling - Maximum3 threshold */
.trade-row.volume-max3-buy[b-mqo67z7ey3] {
    background-color: #1a5e1a !important;
    color: #ffffff !important;
}

.trade-row.volume-max3-buy td[b-mqo67z7ey3] {
    color: #ffffff !important;
}

.trade-row.volume-max3-sell[b-mqo67z7ey3] {
    background-color: #8b0000 !important;
    color: #ffffff !important;
}

.trade-row.volume-max3-sell td[b-mqo67z7ey3] {
    color: #ffffff !important;
}

.buy-trade[b-mqo67z7ey3] {
    color: #90caf9;
}

.sell-trade[b-mqo67z7ey3] {
    color: #ffab91;
}


.no-trades[b-mqo67z7ey3] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--rz-text-secondary-color, #b0b0b0);
    font-size: 1.3125rem; /* 0.875rem * 1.5 */
    padding: 30px;
}

/* Size variants */
.gadget-sm[b-mqo67z7ey3] {
    font-size: 0.7rem;
}

.gadget-sm .trades-table[b-mqo67z7ey3] {
    font-size: 0.65rem;
}

.gadget-sm .gadget-header[b-mqo67z7ey3] {
    padding: 6px 8px;
    min-height: 28px;
}

.gadget-compact[b-mqo67z7ey3] {
    font-size: 0.7rem;
}

.gadget-compact .trades-table[b-mqo67z7ey3] {
    font-size: 0.65rem;
}

.gadget-compact .gadget-header[b-mqo67z7ey3] {
    padding: 4px 8px;
    min-height: 24px;
}

.gadget-compact .trade-row td[b-mqo67z7ey3] {
    padding: 2px 6px;
}


.gadget-lg[b-mqo67z7ey3] {
    font-size: 1.3125rem;
}

.gadget-lg .trades-table[b-mqo67z7ey3] {
    font-size: 1.2rem;
}

.gadget-lg .gadget-header[b-mqo67z7ey3] {
    padding: 15px 24px;
    min-height: 60px;
}

/* Scrollbar styling */
.trades-container[b-mqo67z7ey3]::-webkit-scrollbar {
    width: 6px;
}

.trades-container[b-mqo67z7ey3]::-webkit-scrollbar-track {
    background: var(--rz-base-800, #2a2a2a);
}

.trades-container[b-mqo67z7ey3]::-webkit-scrollbar-thumb {
    background: var(--rz-base-600, #4a4a4a);
    border-radius: 3px;
}

.trades-container[b-mqo67z7ey3]::-webkit-scrollbar-thumb:hover {
    background: var(--rz-base-500, #5a5a5a);
}

/* Utility class for screen readers */
.visually-hidden[b-mqo67z7ey3] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* _content/PriceSquawk.Widgets.Rcl/Components/Gadgets/TradeAlertDisplayGadget.razor.rz.scp.css */

/* Trade Alert Display Gadget Styles */
.trade-alert-display-gadget[b-tukok8igj0] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 1rem;
}
.trade-alert-display-gadget .gadget-title[b-tukok8igj0] {
    color: var(--rz-text-secondary, #888);
    font-style: italic;
    font-size: 0.9rem;
}

.trade-alert-display-gadget .indicator-content[b-tukok8igj0] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
    padding: 1rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.trade-alert-display-gadget .trade-price[b-tukok8igj0] {
    font-size: 1.5rem;
    font-weight: bold;
    font-family: monospace;
    color: var(--rz-text-color);
}

.trade-alert-display-gadget .trade-direction[b-tukok8igj0] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.trade-alert-display-gadget .direction-arrow[b-tukok8igj0] {
    font-size: 1.2rem;
    font-weight: bold;
}

.trade-alert-display-gadget .up-arrow[b-tukok8igj0] {
    color: #04AA6D;
}

.trade-alert-display-gadget .down-arrow[b-tukok8igj0] {
    color: #ff0000;
}

.trade-alert-display-gadget .trade-buy[b-tukok8igj0] {
    color: #04AA6D;
}

.trade-alert-display-gadget .trade-sell[b-tukok8igj0] {
    color: #ff0000;
}

.trade-alert-display-gadget .trade-volume[b-tukok8igj0] {
    font-size: 1.5rem;
    font-weight: bold;
    font-family: monospace;
    color: var(--rz-text-color);
}

.trade-alert-display-gadget .alert-level[b-tukok8igj0] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.trade-alert-display-gadget .no-data[b-tukok8igj0] {
    color: var(--rz-text-secondary, #888);
    font-style: italic;
    font-size: 0.9rem;
}

/* Alert Level Styles - consistent with impact levels */
.alert-min[b-tukok8igj0] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    border-left: 3px solid #ffffff;
}

.alert-mid[b-tukok8igj0] {
    color: #ffaa00;
    background: rgba(255, 170, 0, 0.1);
    border-left: 3px solid #ffaa00;
}

.alert-max[b-tukok8igj0] {
    color: #ff4444;
    background: rgba(255, 68, 68, 0.1);
    border-left: 3px solid #ff4444;
}

.alert-max2[b-tukok8igj0] {
    color: #ff2222;
    background: rgba(255, 34, 34, 0.15);
    border-left: 3px solid #ff2222;
    box-shadow: 0 0 10px rgba(255, 34, 34, 0.3);
}

.alert-max3[b-tukok8igj0] {
    color: #ff0000;
    background: rgba(255, 0, 0, 0.2);
    border-left: 3px solid #ff0000;
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.5);
    animation: alertPulse-b-tukok8igj0 1s infinite alternate;
}

@keyframes alertPulse-b-tukok8igj0 {
    from {
        box-shadow: 0 0 15px rgba(255, 0, 0, 0.5);
    }
    to {
        box-shadow: 0 0 20px rgba(255, 0, 0, 0.8);
    }
}
/* _content/PriceSquawk.Widgets.Rcl/Components/Gadgets/VolumeRangesTable.razor.rz.scp.css */
.volume-ranges[b-x9w0p8l10f] {
    padding: 8px;
    font-size: 0.7rem;
    font-family: var(--psq-mono-font, 'Courier New', monospace);
}

.volume-ranges-table[b-x9w0p8l10f] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.7rem;
    font-family: var(--psq-mono-font, 'Courier New', monospace);
}

.volume-ranges-table th[b-x9w0p8l10f] {
    background: var(--psq-widget-header-bg, #2a2a2a);
    color: var(--psq-widget-title-color, #ffffff);
    padding: 4px 6px;
    text-align: left;
    font-weight: 600;
    border-bottom: 1px solid var(--psq-border-color, #404040);
}

.volume-ranges-table td[b-x9w0p8l10f] {
    padding: 2px 6px;
    border-bottom: 1px solid var(--psq-border-color, #404040);
}

.volume-range[b-x9w0p8l10f] {
    border-radius: 2px;
}

.volume-range.volume-min[b-x9w0p8l10f],
.volume-range.volume-mid[b-x9w0p8l10f],
.volume-range.volume-max[b-x9w0p8l10f],
.volume-range.volume-max2[b-x9w0p8l10f],
.volume-range.volume-max3[b-x9w0p8l10f] {
    background: transparent;
    color: var(--psq-widget-muted-text, #888888);
}

.range-values[b-x9w0p8l10f] {
    font-weight: 600;
}

.buy-sound[b-x9w0p8l10f],
.sell-sound[b-x9w0p8l10f] {
    font-style: italic;
    opacity: 0.8;
}
/* _content/PriceSquawk.Widgets.Rcl/Components/Indicators/TapePressureIndicator.razor.rz.scp.css */
/* TapePressureIndicator Styles */

.tape-pressure-indicator[b-pbzgh3t10t] {
    width: 100%;
    height: 100%;
}

.tape-pressure-indicator.indicator-compact[b-pbzgh3t10t] {
    padding: 0.5rem;
    gap: 0.5rem;
}

.tape-pressure-indicator.indicator-sm[b-pbzgh3t10t] {
    font-size: 0.85rem;
}

.tape-pressure-indicator.indicator-lg[b-pbzgh3t10t] {
    font-size: 1.1rem;
}


.indicator-content[b-pbzgh3t10t] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.metric-row[b-pbzgh3t10t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85em;
}

.metric-label[b-pbzgh3t10t] {
    color: var(--psq-widget-muted-text, #cccccc);
    font-weight: 500;
}

.metric-value[b-pbzgh3t10t] {
    font-weight: 600;
    font-family: var(--psq-mono-font, 'Courier New', monospace);
}

/* Pressure Signal Classes */
.pressure-calculating[b-pbzgh3t10t] {
    color: #FFD700;
    animation: pulse-b-pbzgh3t10t 1.5s infinite;
}

.pressure-heavy-sell[b-pbzgh3t10t] {
    color: #8B0000;
}

.pressure-moderate-sell[b-pbzgh3t10t] {
    color: #FF4500;
}
.pressure-light-sell[b-pbzgh3t10t] {
    color: #F5B041;
}

.pressure-neutral-sell[b-pbzgh3t10t] {
    color: #F7DC6F;
}

.pressure-neutral-buy[b-pbzgh3t10t] {
    color: #90EE90;
}

.pressure-light-buy[b-pbzgh3t10t] {
    color: #32CD32;
}

.pressure-moderate-buy[b-pbzgh3t10t] {
    color: #228B22;
}

.pressure-heavy-buy[b-pbzgh3t10t] {
    color: #006400;
}


/* Animation */
@keyframes pulse-b-pbzgh3t10t {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Parent metric row hover effect */
.metric-row:hover[b-pbzgh3t10t] {
    background: rgba(255, 255, 255, 0.05);
}
/* _content/PriceSquawk.Widgets.Rcl/Components/Indicators/TapeSignalIndicator.razor.rz.scp.css */
/* Simplified styles for TapeSignalIndicator */
.tape-signal-indicator[b-wpsf1i6by0] {
    width: 100%;
    height: 100%;
}

.indicator-content[b-wpsf1i6by0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.metric-row[b-wpsf1i6by0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85em;
}

.metric-label[b-wpsf1i6by0] {
    color: var(--psq-widget-muted-text, #cccccc);
    font-weight: 500;
}

.metric-value[b-wpsf1i6by0] {
    font-weight: 600;
    font-family: var(--psq-mono-font, 'Courier New', monospace);
}

/* Volume level color cues */
.metric-value.volume-very-low[b-wpsf1i6by0] { color: var(--psq-muted-color, #999999); }
.metric-value.volume-low[b-wpsf1i6by0] { color: var(--psq-buy-color, #4caf50); }
.metric-value.volume-below-median[b-wpsf1i6by0] { color: var(--psq-widget-text, #ffffff); }
.metric-value.volume-above-median[b-wpsf1i6by0] { color: var(--psq-widget-text, #ffffff); }
.metric-value.volume-high[b-wpsf1i6by0] { color: var(--psq-warning-color, #ffc107); }
.metric-value.volume-very-high[b-wpsf1i6by0] { color: var(--psq-sell-color, #f44336); }
.metric-value.volume-extreme[b-wpsf1i6by0] { color: #8E44AD; }

/* Size variants (kept minimal) */
.tape-signal-indicator.indicator-sm[b-wpsf1i6by0] { min-height: 120px; }
.tape-signal-indicator.indicator-md[b-wpsf1i6by0] { min-height: 160px; }
.tape-signal-indicator.indicator-lg[b-wpsf1i6by0] { min-height: 200px; }
.tape-signal-indicator.indicator-compact .indicator-content[b-wpsf1i6by0] { gap: 8px; }
/* _content/PriceSquawk.Widgets.Rcl/Components/Indicators/TradeSoundsIndicator.razor.rz.scp.css */
.trade-sounds-indicator[b-0ebn0dmkji] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--psq-widget-bg, #1a1a1a);
    color: var(--psq-widget-text, #ffffff);
    border-radius: 6px;
    overflow: hidden;
}

.indicator-header[b-0ebn0dmkji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: var(--psq-widget-header-bg, #2a2a2a);
    border-bottom: 1px solid var(--psq-border-color, #404040);
}

.indicator-title[b-0ebn0dmkji] {
    font-size: 0.9em;
    font-weight: 600;
    color: var(--psq-widget-title-color, #ffffff);
}

.indicator-controls[b-0ebn0dmkji] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.status-indicator[b-0ebn0dmkji] {
    font-size: 1em;
    cursor: help;
}

.status-indicator.active[b-0ebn0dmkji] {
    color: var(--psq-success-color, #4caf50);
}

.status-indicator.inactive[b-0ebn0dmkji] {
    color: var(--psq-muted-color, #666666);
}

.indicator-content[b-0ebn0dmkji] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 8px;
    font-family: var(--psq-mono-font, 'Courier New', monospace);
}

.price-display[b-0ebn0dmkji] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.price-row[b-0ebn0dmkji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    font-family: var(--psq-mono-font, 'Courier New', monospace);
    font-size: 0.9em;
    border-radius: 3px;
    transition: background-color 0.2s ease;
}

.price-label[b-0ebn0dmkji] {
    font-weight: 500;
    min-width: 40px;
    color: var(--psq-widget-muted-text, #cccccc);
}

.price-value[b-0ebn0dmkji] {
    font-weight: 700;
    font-size: 1.1em;
}

.volume-display[b-0ebn0dmkji] {
    font-size: 0.8em;
    color: var(--psq-widget-muted-text, #cccccc);
    margin-left: 4px;
}

.trade-indicator[b-0ebn0dmkji] {
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 4px;
}

.bid-price .price-value[b-0ebn0dmkji] {
    color: var(--psq-sell-color, #f44336);
}

.ask-price .price-value[b-0ebn0dmkji] {
    color: var(--psq-buy-color, #4caf50);
}

.trade-price.trade-at-bid[b-0ebn0dmkji] {
    background: rgba(244, 67, 54, 0.1);
}

.trade-price.trade-at-bid .price-value[b-0ebn0dmkji] {
    color: var(--psq-sell-color, #f44336);
}

.trade-price.trade-at-bid .trade-indicator[b-0ebn0dmkji] {
    color: var(--psq-sell-color, #f44336);
}

.trade-price.trade-at-ask[b-0ebn0dmkji] {
    background: rgba(76, 175, 80, 0.1);
}

.trade-price.trade-at-ask .price-value[b-0ebn0dmkji] {
    color: var(--psq-buy-color, #4caf50);
}

.trade-price.trade-at-ask .trade-indicator[b-0ebn0dmkji] {
    color: var(--psq-buy-color, #4caf50);
}

.sound-activity[b-0ebn0dmkji] {
    flex: 1;
    min-height: 0;
}

.sound-history[b-0ebn0dmkji] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sound-event[b-0ebn0dmkji] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
    background: var(--psq-widget-item-bg, #2a2a2a);
    border-radius: 3px;
    font-size: 0.8em;
    opacity: 0.8;
    animation: soundEvent-b-0ebn0dmkji 0.3s ease-out;
}

.sound-event.bid-sound[b-0ebn0dmkji] {
    border-left: 3px solid var(--psq-sell-color, #f44336);
}

.sound-event.ask-sound[b-0ebn0dmkji] {
    border-left: 3px solid var(--psq-buy-color, #4caf50);
}

.sound-time[b-0ebn0dmkji] {
    color: var(--psq-widget-muted-text, #cccccc);
    font-family: var(--psq-mono-font, 'Courier New', monospace);
}

.sound-name[b-0ebn0dmkji] {
    color: var(--psq-widget-text, #ffffff);
    font-weight: 500;
}


.no-activity[b-0ebn0dmkji],
.no-data[b-0ebn0dmkji] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    color: var(--psq-widget-muted-text, #cccccc);
    font-style: italic;
    font-size: 0.9em;
}

/* Size variants */
.trade-sounds-indicator.indicator-sm[b-0ebn0dmkji] {
    min-height: 120px;
}

.trade-sounds-indicator.indicator-sm .indicator-content[b-0ebn0dmkji] {
    padding: 8px;
    gap: 8px;
}

.trade-sounds-indicator.indicator-sm .price-row[b-0ebn0dmkji] {
    font-size: 0.8em;
}

.trade-sounds-indicator.indicator-md[b-0ebn0dmkji] {
    min-height: 160px;
}

.trade-sounds-indicator.indicator-lg[b-0ebn0dmkji] {
    min-height: 200px;
}

.trade-sounds-indicator.indicator-lg .price-row[b-0ebn0dmkji] {
    font-size: 1em;
}



.trade-price[b-0ebn0dmkji] {
    font-size: 1.25rem;
    font-weight: 700;
}

.trade-direction[b-0ebn0dmkji] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
}

.direction-arrow[b-0ebn0dmkji] {
    font-size: 1.25rem;
    line-height: 1;
}

.direction-arrow.up[b-0ebn0dmkji] {
    color: var(--success-color,  #90caf9 );
}

.direction-arrow.down[b-0ebn0dmkji] {
    color: var(--danger-color,#ffab91);
}

.direction-arrow.neutral[b-0ebn0dmkji] {
    color: var(--text-secondary, #888);
}

.trade-volume[b-0ebn0dmkji] {
    font-size: 1.25rem;
    font-weight: 600;

}

.trade-at-bid .trade-price .trade-volume[b-0ebn0dmkji] {
    color: var(--danger-color, #ffab91);
}

.trade-at-ask .trade-price .trade-volume[b-0ebn0dmkji] {
    color: var(--success-color,#90caf9);
}

/* Default persistent volume-based styling: text color only, no background */
.trade-row.volume-min-buy[b-0ebn0dmkji] {
    background-color: transparent !important;
    color: #90caf9 !important;
    animation: volumeMinBuyFlash-b-0ebn0dmkji 0.8s ease-out;
}

@keyframes volumeMinBuyFlash-b-0ebn0dmkji {
    0% { background-color:  #90caf9 ; color: #000000; }
    80% { background-color:  #90caf9 ; color: #000000; }
    100% { background-color: transparent; color: #90caf9; }
}


.trade-row.volume-min-sell[b-0ebn0dmkji] {
    background-color: transparent !important;
    color: #ffab91 !important;
    animation: volumeMinSellFlash-b-0ebn0dmkji 0.8s ease-out;
}

@keyframes volumeMinSellFlash-b-0ebn0dmkji {
    0% { background-color:  #ffab91 ; color: #000000; }
    80% { background-color:  #ffab91 ; color: #000000; }
    100% { background-color: transparent; color: #ffab91; }
}


/* Flash animation for higher thresholds, then revert to default (no background, min text color) */
.trade-row.volume-mid-buy[b-0ebn0dmkji] {
    animation: volumeMidBuyFlash-b-0ebn0dmkji 0.8s ease-out;
}

@keyframes volumeMidBuyFlash-b-0ebn0dmkji {
    0% { background-color: #a5d6a7; color: #000000; }
    80% { background-color: #a5d6a7; color: #000000; }
    100% { background-color: transparent; color: #90caf9; }
}

.trade-row.volume-mid-sell[b-0ebn0dmkji] {
    animation: volumeMidSellFlash-b-0ebn0dmkji 0.8s ease-out;
}

@keyframes volumeMidSellFlash-b-0ebn0dmkji {
    0% { background-color: #ef9a9a; color: #000000; }
    80% { background-color: #ef9a9a; color: #000000; }
    100% { background-color: transparent; color: #ffab91; }
}

.trade-row.volume-max-buy[b-0ebn0dmkji] {
    animation: volumeMaxBuyFlash-b-0ebn0dmkji 0.8s ease-out;
}

@keyframes volumeMaxBuyFlash-b-0ebn0dmkji {
    0% { background-color: #4caf50; color: #000000; }
    80% { background-color: #4caf50; color: #000000; }
    100% { background-color: transparent; color: #90caf9; }
}

.trade-row.volume-max-sell[b-0ebn0dmkji] {
    animation: volumeMaxSellFlash-b-0ebn0dmkji 0.8s ease-out;
}

@keyframes volumeMaxSellFlash-b-0ebn0dmkji {
    0% { background-color: #e53935; color: #000000; }
    80% { background-color: #e53935; color:  #000000; }
    100% { background-color: transparent; color: #ffab91; }
}

.trade-row.volume-max2-buy[b-0ebn0dmkji] {
    animation: volumeMax2BuyFlash-b-0ebn0dmkji 0.8s ease-out;
}

@keyframes volumeMax2BuyFlash-b-0ebn0dmkji {
    0% { background-color: #2e8b57; color:  #000000; }
    80% { background-color: #2e8b57; color:  #000000; }
    100% { background-color: transparent; color: #90caf9; }
}

.trade-row.volume-max2-sell[b-0ebn0dmkji] {
    animation: volumeMax2SellFlash-b-0ebn0dmkji 0.8s ease-out;
}

@keyframes volumeMax2SellFlash-b-0ebn0dmkji {
        0% { background-color: #b22222; color:  #000000; }
        80% { background-color: #b22222; color: #000000; }
    100% { background-color: transparent; color: #ffab91; }
}

.trade-row.volume-max3-buy[b-0ebn0dmkji] {
    animation: volumeMax3BuyFlash-b-0ebn0dmkji 0.8s ease-out;
}

@keyframes volumeMax3BuyFlash-b-0ebn0dmkji {
    0% { background-color: #1a5e1a; color: #000000; }
    80% { background-color: #1a5e1a; color: #000000; }
    100% { background-color: transparent; color: #90caf9; }
}

.trade-row.volume-max3-sell[b-0ebn0dmkji] {
    animation: volumeMax3SellFlash-b-0ebn0dmkji 0.8s ease-out;
}

@keyframes volumeMax3SellFlash-b-0ebn0dmkji {
    0% { background-color: #8b0000; color: #000000; }
    80% { background-color: #8b0000; color: #000000; }
    100% { background-color: transparent; color: #ffab91; }
}

/* Animations */
@keyframes soundEvent-b-0ebn0dmkji {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }
    100% {
        opacity: 0.8;
        transform: translateX(0);
    }
}

@keyframes volumeFlash-b-0ebn0dmkji {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    25% {
        opacity: 0.8;
        transform: scale(1.05);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    75% {
        opacity: 0.9;
        transform: scale(1.05);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Price flash animation for when prices change */
.price-flash-up[b-0ebn0dmkji] {
    animation: priceFlashUp-b-0ebn0dmkji 0.5s ease-out;
}

.price-flash-down[b-0ebn0dmkji] {
    animation: priceFlashDown-b-0ebn0dmkji 0.5s ease-out;
}

@keyframes priceFlashUp-b-0ebn0dmkji {
    0%, 100% { background-color: transparent; }
    50% { background-color: rgba(76, 175, 80, 0.3); }
}

@keyframes priceFlashDown-b-0ebn0dmkji {
    0%, 100% { background-color: transparent; }
    50% { background-color: rgba(244, 67, 54, 0.3); }
}

/* Mobile responsiveness */
@media (max-width: 480px) {
    .trade-sounds-indicator[b-0ebn0dmkji] {
        min-height: auto;
    }
    
    .indicator-content[b-0ebn0dmkji] {
        padding: 8px;
        gap: 8px;
    }
    
    .price-row[b-0ebn0dmkji] {
        font-size: 0.8em;
    }
    
    .sound-event[b-0ebn0dmkji] {
        font-size: 0.7em;
        padding: 3px 6px;
    }
}
/* _content/PriceSquawk.Widgets.Rcl/Components/Settings/UnifiedSettingsSidebar.razor.rz.scp.css */
.unified-settings-sidebar[b-sn70e03xrd] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--psq-widget-bg, #1a1a1a);
    color: var(--psq-widget-text, #ffffff);
    border-radius: 8px;
    overflow: hidden;
}

.settings-header[b-sn70e03xrd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background: var(--psq-widget-header-bg, #2a2a2a);
    border-bottom: 1px solid var(--psq-border-color, #404040);
}

.settings-header h3[b-sn70e03xrd] {
    margin: 0;
    font-size: 1.2em;
    font-weight: 600;
    color: var(--psq-widget-title-color, #ffffff);
}

.settings-actions[b-sn70e03xrd] {
    display: flex;
    gap: 8px;
}

.btn-icon[b-sn70e03xrd] {
    background: transparent;
    border: 1px solid var(--psq-border-color, #404040);
    border-radius: 4px;
    padding: 6px 8px;
    cursor: pointer;
    color: var(--psq-widget-text, #ffffff);
    transition: all 0.2s ease;
}

.btn-icon:hover[b-sn70e03xrd] {
    background: var(--psq-hover-bg, #3a3a3a);
    border-color: var(--psq-accent-color, #4a9eff);
}

.settings-content[b-sn70e03xrd] {
    flex: 1;
    padding: 16px;
    overflow-y: auto;
}

.settings-loading[b-sn70e03xrd] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.settings-loading p[b-sn70e03xrd] {
    color: var(--psq-widget-muted-text, #cccccc);
}

.settings-group[b-sn70e03xrd] {
    margin-bottom: 24px;
}

.settings-group h4[b-sn70e03xrd] {
    margin: 0 0 16px 0;
    font-size: 1.1em;
    font-weight: 500;
    color: var(--psq-widget-subtitle-color, #e0e0e0);
    border-bottom: 1px solid var(--psq-border-color, #404040);
    padding-bottom: 8px;
}

.setting-row[b-sn70e03xrd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    gap: 16px;
}

.setting-row label[b-sn70e03xrd] {
    flex: 1;
    font-size: 0.9em;
    color: var(--psq-widget-text, #ffffff);
    user-select: none;
}

.setting-row input[type="text"][b-sn70e03xrd],
.setting-row input[type="number"][b-sn70e03xrd] {
    flex: 0 0 40%;
    padding: 6px 8px;
    background: var(--psq-input-bg, #2a2a2a);
    border: 1px solid var(--psq-border-color, #404040);
    border-radius: 4px;
    color: var(--psq-widget-text, #ffffff);
    font-size: 0.9em;
}

.setting-row input[type="text"]:focus[b-sn70e03xrd],
.setting-row input[type="number"]:focus[b-sn70e03xrd] {
    outline: none;
    border-color: var(--psq-accent-color, #4a9eff);
    box-shadow: 0 0 0 2px rgba(74, 158, 255, 0.2);
}

.setting-row input[type="checkbox"][b-sn70e03xrd] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    appearance: none;
    background: var(--psq-input-bg, #2a2a2a);
    border: 1px solid var(--psq-border-color, #404040);
    border-radius: 3px;
    cursor: pointer;
    position: relative;
}

.setting-row input[type="checkbox"]:checked[b-sn70e03xrd] {
    background: var(--psq-accent-color, #4a9eff);
    border-color: var(--psq-accent-color, #4a9eff);
}

.setting-row input[type="checkbox"]:checked[b-sn70e03xrd]::after {
    content: "✓";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

.settings-footer[b-sn70e03xrd] {
    padding: 12px 16px;
    background: var(--psq-widget-footer-bg, #1e1e1e);
    border-top: 1px solid var(--psq-border-color, #404040);
}

.settings-info[b-sn70e03xrd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.settings-info small[b-sn70e03xrd] {
    color: var(--psq-widget-muted-text, #cccccc);
    font-size: 0.8em;
}

/* Mode-specific styling */
.trade-sounds-settings[b-sn70e03xrd] {
    /* Trade sounds specific styles */
}

.price-squawk-settings[b-sn70e03xrd] {
    /* Price squawk specific styles */
}

.tape-signal-settings[b-sn70e03xrd] {
    /* Tape signal specific styles */
}

.generic-settings[b-sn70e03xrd] {
    /* Generic settings styles */
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .settings-header[b-sn70e03xrd] {
        padding: 12px;
    }
    
    .settings-content[b-sn70e03xrd] {
        padding: 12px;
    }
    
    .setting-row[b-sn70e03xrd] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .setting-row input[type="text"][b-sn70e03xrd],
    .setting-row input[type="number"][b-sn70e03xrd] {
        flex: none;
        width: 100%;
    }
    
    .settings-info[b-sn70e03xrd] {
        flex-direction: column;
        gap: 4px;
        align-items: flex-start;
    }
}
/* _content/PriceSquawk.Widgets.Rcl/Components/UnifiedWidget.razor.rz.scp.css */
.unified-indicator-wrapper[b-unym5wskvr] {
    width: 100%;
    height: 100%;
}

.unified-widget-controls[b-unym5wskvr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: var(--psq-widget-footer-bg, #1e1e1e);
    border-top: 1px solid var(--psq-border-color, #404040);
    min-height: 40px;
}

.widget-info[b-unym5wskvr] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.widget-mode[b-unym5wskvr] {
    font-size: 0.8em;
    font-weight: 600;
    color: var(--psq-accent-color, #4a9eff);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.widget-symbol[b-unym5wskvr] {
    font-size: 0.85em;
    font-weight: 500;
    color: var(--psq-widget-text, #ffffff);
    font-family: var(--psq-mono-font, 'Courier New', monospace);
    padding: 2px 6px;
    background: var(--psq-widget-item-bg, #2a2a2a);
    border-radius: 3px;
}

.unified-widget-symbol-display[b-unym5wskvr] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    width: 100%;
    text-align: center;
}

.symbol-text[b-unym5wskvr] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--psq-widget-text, #ffffff);
    font-family: var(--psq-mono-font, 'Courier New', monospace);
    width: 100%;
    display: block;
    text-align: center;
}

.widget-actions[b-unym5wskvr] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.btn-widget[b-unym5wskvr] {
    background: transparent;
    border: 1px solid var(--psq-border-color, #404040);
    border-radius: 4px;
    padding: 4px 6px;
    cursor: pointer;
    color: var(--psq-widget-text, #ffffff);
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
}

.btn-widget:hover:not(:disabled)[b-unym5wskvr] {
    background: var(--psq-hover-bg, #3a3a3a);
    border-color: var(--psq-accent-color, #4a9eff);
}

.btn-widget:active:not(:disabled)[b-unym5wskvr] {
    background: var(--psq-active-bg, #4a4a4a);
    transform: translateY(1px);
}

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

.btn-widget .icon[b-unym5wskvr] {
    font-size: 0.9em;
    line-height: 1;
}

/* Specific button styling */
.btn-widget:nth-child(1)[b-unym5wskvr] {
    /* Mute button - show different colors based on state */
}

.btn-widget:nth-child(1):hover:not(:disabled)[b-unym5wskvr] {
    border-color: var(--psq-warning-color, #ffc107);
}

.btn-widget:nth-child(2)[b-unym5wskvr] {
    /* Recenter button */
}

.btn-widget:nth-child(2):hover:not(:disabled)[b-unym5wskvr] {
    border-color: var(--psq-success-color, #4caf50);
}

.btn-widget:nth-child(3)[b-unym5wskvr] {
    /* Settings button */
}

.btn-widget:nth-child(3):hover:not(:disabled)[b-unym5wskvr] {
    border-color: var(--psq-info-color, #17a2b8);
}

.btn-widget:nth-child(4)[b-unym5wskvr] {
    /* Minimize button */
}

.btn-widget:nth-child(4):hover:not(:disabled)[b-unym5wskvr] {
    border-color: var(--psq-secondary-color, #6c757d);
}

/* State-specific styling */
.unified-widget-controls[data-connected="false"] .btn-widget:not(:nth-child(3)):not(:nth-child(4))[b-unym5wskvr] {
    opacity: 0.6;
    pointer-events: none;
}

.unified-widget-controls[data-muted="true"] .btn-widget:nth-child(1)[b-unym5wskvr] {
    background: rgba(244, 67, 54, 0.2);
    border-color: var(--psq-error-color, #f44336);
}

.unified-widget-controls[data-minimized="true"] .widget-info[b-unym5wskvr] {
    display: none;
}

.unified-widget-controls[data-minimized="true"][b-unym5wskvr] {
    padding: 4px 8px;
    min-height: 32px;
}

.unified-widget-controls[data-minimized="true"] .btn-widget[b-unym5wskvr] {
    min-width: 24px;
    height: 24px;
    padding: 2px 4px;
}

.unified-widget-controls[data-minimized="true"] .btn-widget .icon[b-unym5wskvr] {
    font-size: 0.8em;
}

/* Compact layout adjustments */
.psq-compact .unified-widget-controls[b-unym5wskvr] {
    padding: 6px 8px;
    min-height: 36px;
}

.psq-compact .widget-mode[b-unym5wskvr],
.psq-compact .widget-symbol[b-unym5wskvr] {
    font-size: 0.75em;
}

.psq-compact .btn-widget[b-unym5wskvr] {
    min-width: 26px;
    height: 26px;
    padding: 3px 5px;
}

.psq-compact .btn-widget .icon[b-unym5wskvr] {
    font-size: 0.85em;
}

/* Mobile responsiveness */
@media (max-width: 480px) {
    .unified-widget-controls[b-unym5wskvr] {
        padding: 6px;
        gap: 6px;
    }

    .widget-info[b-unym5wskvr] {
        gap: 4px;
    }

    .widget-mode[b-unym5wskvr],
    .widget-symbol[b-unym5wskvr] {
        font-size: 0.7em;
    }

    .widget-actions[b-unym5wskvr] {
        gap: 2px;
    }

    .btn-widget[b-unym5wskvr] {
        min-width: 24px;
        height: 24px;
        padding: 2px 4px;
    }

    .btn-widget .icon[b-unym5wskvr] {
        font-size: 0.8em;
    }
}

/* Animation for state changes */
.btn-widget[b-unym5wskvr] {
    animation: buttonReady-b-unym5wskvr 0.3s ease-out;
}

@keyframes buttonReady-b-unym5wskvr {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Connection state indicator overlay */
.unified-indicator-wrapper[b-unym5wskvr]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10;
    color: var(--psq-widget-muted-text, #cccccc);
    font-size: 0.9em;
}

.unified-indicator-wrapper[data-disconnected="true"][b-unym5wskvr]::before {
    content: "Connecting...";
    display: flex;
}

/* Removed old settings panel styles - now handled in UnifiedWidgetLayout.razor.css */

/* Symbol Selector */
.unified-widget-symbol-selector[b-unym5wskvr] {
    padding: 0.25rem;
    border-radius: 4px;
    margin-bottom: 0.5rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Tape Analyzer Running Indicator */
.tape-analyzer-running-indicator[b-unym5wskvr] {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    gap: 8px;
    padding: 6px 12px;
    background: rgba(74, 158, 255, 0.1);
    border: 1px solid var(--psq-accent-color, #4a9eff);
    border-radius: 4px;
    font-size: 0.85em;
    color: var(--psq-accent-color, #4a9eff);
    font-weight: 500;
    animation: tapeAnalyzerGlow-b-unym5wskvr 2s ease-in-out infinite;
}

.analyzer-dot[b-unym5wskvr] {
    width: 8px;
    height: 8px;
    background: var(--psq-accent-color, #4a9eff);
    border-radius: 50%;
    animation: tapeAnalyzerPulse-b-unym5wskvr 1.5s ease-in-out infinite;
}

@keyframes tapeAnalyzerPulse-b-unym5wskvr {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.3;
        transform: scale(1.2);
    }
}

@keyframes tapeAnalyzerGlow-b-unym5wskvr {
    0%, 100% {
        box-shadow: 0 0 5px rgba(74, 158, 255, 0.3);
    }
    50% {
        box-shadow: 0 0 15px rgba(74, 158, 255, 0.6);
    }
}
/* _content/PriceSquawk.Widgets.Rcl/Components/UnifiedWidget/DefaultTopRow.razor.rz.scp.css */
.unified-widget-symbol-display[b-f262a1unlr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 2rem;
    padding: 0.5rem;
}

/* Ensure Radzen text component is centered */
.unified-widget-symbol-display[b-f262a1unlr]  .rz-text {
    width: 100%;
    text-align: center !important;
}

.symbol-text[b-f262a1unlr] {
    width: 100%;
    text-align: center;
    display: block;
}
/* _content/PriceSquawk.Widgets.Rcl/Components/UnifiedWidget/UnifiedWidgetLayout.razor.rz.scp.css */
/* CSS Isolation for UnifiedWidgetLayout component
   Using ::deep() to allow child components to inherit styles */

.psq-widget[b-3hm2qhmhs2] {
    display: flex;
    flex-direction: column;
    color: var(--rz-text-color, #ddd);
    transition: height 0.3s ease;
}

.psq-top-row[b-3hm2qhmhs2] {
    padding: .5rem .75rem;
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    flex-shrink: 0;
    height: 80px;
}

.psq-compact-top-row[b-3hm2qhmhs2] {
    height: 50px;
}

.psq-bottom-row[b-3hm2qhmhs2] {
    display: flex;
    flex-direction: column;
    padding: .5rem .75rem;
    gap: .5rem;
    flex-shrink: 0;
    min-height: 120px;
    margin-top: auto;
}

.psq-compact-bottom-row[b-3hm2qhmhs2] {
    min-height: 50px;
}

.psq-indicator[b-3hm2qhmhs2] {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    min-height: 570px; 
}

.psq-compact-indicator[b-3hm2qhmhs2] {
    min-height: 150px
}

.psq-micro-indicator[b-3hm2qhmhs2] {
    min-height: 64px; 
    padding: 0.25rem;
}

.psq-default-top[b-3hm2qhmhs2] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.psq-status[b-3hm2qhmhs2] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.psq-status.connected[b-3hm2qhmhs2] {
    background: #0fa;
}

.psq-status.disconnected[b-3hm2qhmhs2] {
    background: #f66;
}

.psq-muted.muted[b-3hm2qhmhs2]::after {
    content: "🔇";
}

.psq-muted.unmuted[b-3hm2qhmhs2]::after {
    content: "🔊";
}

/* Minimized widget styling */
[b-3hm2qhmhs2](.psq-minimized) {
    min-height: 96px; /* Just top and bottom rows */
}

[b-3hm2qhmhs2](.psq-minimized) .psq-indicator {
    display: none;
}

/* Compact layout styling */
[b-3hm2qhmhs2](.psq-compact) {
    min-height: 200px;
}

[b-3hm2qhmhs2](.psq-compact) .psq-top-row,
[b-3hm2qhmhs2](.psq-compact) .psq-bottom-row {
    min-height: 36px;
    padding: 0.375rem 0.5rem;
}

[b-3hm2qhmhs2](.psq-compact) .psq-indicator {
    min-height: 128px; /* 200px - 36px - 36px */
}

/* Micro widget specific styles */
[b-3hm2qhmhs2](.psq-micro) {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
    min-height: 120px;
}

[b-3hm2qhmhs2](.psq-micro) .psq-top-row {
    padding: 0.2rem 0.5rem;
    min-height: 28px;
    font-size: 0.75rem;
}

[b-3hm2qhmhs2](.psq-micro) .psq-indicator {
    min-height: 64px; /* 120px - 28px - 28px */
    padding: 0.25rem;
}

[b-3hm2qhmhs2](.psq-micro) .psq-bottom-row {
    padding: 0.2rem 0.5rem;
    min-height: 28px;
    font-size: 0.7rem;
}

[b-3hm2qhmhs2](.psq-micro) .psq-indicator-placeholder {
    font-size: 0.8rem;
}

[b-3hm2qhmhs2](.psq-micro) .psq-status {
    width: 6px;
    height: 6px;
}


/* Responsive design with ::deep() for global application */
@media (max-width: 768px) {
    [b-3hm2qhmhs2](.psq-widget) {
        font-size: .9rem;
        min-height: 300px;
    }
    
    [b-3hm2qhmhs2](.psq-widget) .psq-top-row,
    [b-3hm2qhmhs2](.psq-widget) .psq-bottom-row {
        min-height: 40px;
        padding: 0.375rem 0.5rem;
    }
    
    [b-3hm2qhmhs2](.psq-widget) .psq-indicator {
        min-height: 220px; /* 300px - 40px - 40px */
    }
    
    [b-3hm2qhmhs2](.psq-compact) {
        min-height: 160px;
    }
    
    [b-3hm2qhmhs2](.psq-compact) .psq-top-row,
    [b-3hm2qhmhs2](.psq-compact) .psq-bottom-row {
        min-height: 32px;
    }
    
    [b-3hm2qhmhs2](.psq-compact) .psq-indicator {
        min-height: 96px; /* 160px - 32px - 32px */
    }
    
    [b-3hm2qhmhs2](.psq-micro) {
        font-size: 0.75rem;
        min-height: 100px;
    }
    
    [b-3hm2qhmhs2](.psq-micro) .psq-top-row,
    [b-3hm2qhmhs2](.psq-micro) .psq-bottom-row {
        min-height: 24px;
    }
    
    [b-3hm2qhmhs2](.psq-micro) .psq-indicator {
        min-height: 52px; /* 100px - 24px - 24px */
    }
    
    [b-3hm2qhmhs2](.psq-minimized) {
        min-height: 80px;
    }
}
/* _content/PriceSquawk.Widgets.Rcl/Components/UnifiedWidget/WidgetBottomRow.razor.rz.scp.css */
.psq-widget-bottom-row[b-p22rl8sukw] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width:100%;
    margin-top: auto;

}

.widget-controls[b-p22rl8sukw] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
}

.widget-info[b-p22rl8sukw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.875rem;
    color: var(--text-secondary, #999);
}

.widget-mode[b-p22rl8sukw] {
    font-weight: 600;
}

.widget-symbol[b-p22rl8sukw] {
    opacity: 0.8;
}

.widget-actions[b-p22rl8sukw] {
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.btn-widget[b-p22rl8sukw] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.375rem;
    color: var(--text-primary, #ffffff);
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
}

.btn-widget:hover:not(:disabled)[b-p22rl8sukw] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.3);
}

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

.btn-widget.close-button[b-p22rl8sukw] {
    border-color: rgba(239, 68, 68, 0.5);
    color: rgba(239, 68, 68, 0.9);
}

.btn-widget.close-button:hover[b-p22rl8sukw] {
    background: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.7);
}

.btn-widget .icon[b-p22rl8sukw] {
    font-size: 1rem;
    line-height: 1;
}

.widget-nav-btn[b-p22rl8sukw] {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.375rem;
    color: var(--text-primary, #ffffff);
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
}

.widget-nav-btn:hover:not(:disabled)[b-p22rl8sukw] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
}

.widget-nav-btn:disabled[b-p22rl8sukw] {
    opacity: 0.5;
    cursor: not-allowed;
}

.nav-icon[b-p22rl8sukw] {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1;
}

.additional-controls[b-p22rl8sukw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.settings-info[b-p22rl8sukw] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.settings-name[b-p22rl8sukw] {
    font-size: 0.75rem;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    text-align: center;
    font-style: italic;
}

.indicator-area[b-p22rl8sukw] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 2rem;
}

.default-indicator[b-p22rl8sukw] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.indicator-pulse[b-p22rl8sukw] {
    width: 12px;
    height: 12px;
    background: #3b82f6;
    border-radius: 50%;
    animation: pulse-b-p22rl8sukw 2s infinite;
}

.data-attribution[b-p22rl8sukw] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.5rem;
}

.attribution-text[b-p22rl8sukw] {
    font-size: 0.75rem;
    color: var(--text-muted, rgba(255, 255, 255, 0.5));
    white-space: nowrap;
}

.footer-content[b-p22rl8sukw] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Size variants */
.widget-bottom-row-micro[b-p22rl8sukw] {
    padding: 0.25rem;
    gap: 0.25rem;
}

.widget-bottom-row-micro .widget-nav-btn[b-p22rl8sukw] {
    padding: 0.25rem 0.5rem;
    min-width: 1.75rem;
}

.widget-bottom-row-micro .nav-icon[b-p22rl8sukw] {
    font-size: 1rem;
}

.widget-bottom-row-micro .settings-name[b-p22rl8sukw] {
    font-size: 0.625rem;
}

.widget-bottom-row-compact[b-p22rl8sukw] {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0.5rem;
    gap: 0.375rem;
}

.widget-bottom-row-compact .widget-nav-btn[b-p22rl8sukw] {
    padding: 0.375rem 0.625rem;
    min-width: 2rem;
}

.widget-bottom-row-large[b-p22rl8sukw] {
    padding: 1rem;
    gap: 0.75rem;
}

.widget-bottom-row-large .widget-nav-btn[b-p22rl8sukw] {
    padding: 0.75rem 1rem;
    min-width: 3rem;
}

.widget-bottom-row-large .nav-icon[b-p22rl8sukw] {
    font-size: 1.5rem;
}

.widget-bottom-row-large .settings-name[b-p22rl8sukw] {
    font-size: 0.875rem;
}

/* Animations */
@keyframes pulse-b-p22rl8sukw {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(1.1);
    }
}

/* Responsive behavior */
@media (max-width: 768px) {
    .psq-widget-bottom-row[b-p22rl8sukw] {
        padding: 0.5rem;
        gap: 0.375rem;
    }
    
    .widget-nav-btn[b-p22rl8sukw] {
        padding: 0.375rem 0.5rem;
        min-width: 2rem;
    }
    
    .nav-icon[b-p22rl8sukw] {
        font-size: 1rem;
    }
}
/* _content/PriceSquawk.Widgets.Rcl/Components/UnifiedWidget/WidgetTopRow.razor.rz.scp.css */
.widget-top-row[b-b2zj767ukx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.02);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.widget-title-container[b-b2zj767ukx] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.widget-title[b-b2zj767ukx] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    text-align: center;
    color: var(--text-primary, #ffffff);
}

.widget-status-indicators[b-b2zj767ukx] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
}

.status-indicator[b-b2zj767ukx], .mute-indicator[b-b2zj767ukx] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
}

.status-dot[b-b2zj767ukx] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 0.25rem;
}

.connected-dot[b-b2zj767ukx] {
    background-color: #22c55e;
    box-shadow: 0 0 6px rgba(34, 197, 94, 0.6);
}

.disconnected-dot[b-b2zj767ukx] {
    background-color: #ef4444;
    box-shadow: 0 0 6px rgba(239, 68, 68, 0.6);
}

.mute-icon[b-b2zj767ukx] {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
}

.mute-icon--muted[b-b2zj767ukx]::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 8px;
    background: currentColor;
    clip-path: polygon(0 30%, 30% 30%, 30% 0%, 70% 40%, 70% 60%, 30% 100%, 30% 70%, 0 70%);
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
}

.mute-icon--muted[b-b2zj767ukx]::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 16px;
    background: currentColor;
    top: 0;
    right: 2px;
    transform: rotate(45deg);
}

.mute-icon--unmuted[b-b2zj767ukx]::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 6px;
    background: currentColor;
    clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0 70%);
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
}

.mute-icon--unmuted[b-b2zj767ukx]::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid currentColor;
    border-left: none;
    border-radius: 0 50% 50% 0;
    top: 50%;
    right: 2px;
    transform: translateY(-50%);
}

.widget-additional-content[b-b2zj767ukx] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Size variants */
.widget-top-row-micro[b-b2zj767ukx] {
    padding: 0.25rem;
    gap: 0.25rem;
}

.widget-top-row-micro .widget-title[b-b2zj767ukx] {
    font-size: 0.875rem;
}

.widget-top-row-micro .status-dot[b-b2zj767ukx] {
    width: 6px;
    height: 6px;
}

.widget-top-row-compact[b-b2zj767ukx] {
    padding: 0.5rem;
    gap: 0.375rem;
}

.widget-top-row-compact .widget-title[b-b2zj767ukx] {
    font-size: 1rem;
}

.widget-top-row-large[b-b2zj767ukx] {
    padding: 1rem;
    gap: 0.75rem;
}

.widget-top-row-large .widget-title[b-b2zj767ukx] {
    font-size: 1.25rem;
}

.widget-top-row-large .status-dot[b-b2zj767ukx] {
    width: 10px;
    height: 10px;
}

/* Responsive behavior */
@media (max-width: 768px) {
    .widget-top-row[b-b2zj767ukx] {
        padding: 0.5rem;
        gap: 0.375rem;
    }
    
    .widget-title[b-b2zj767ukx] {
        font-size: 1rem;
    }
    
    .widget-status-indicators[b-b2zj767ukx] {
        gap: 0.5rem;
    }
}