/* /Components/Alerts/AddAlertModal.razor.rz.scp.css */
/* Modal Overlay */
.modal-overlay[b-c7jrc3fjvm] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    backdrop-filter: blur(4px);
}

/* Modal Container */
.alert-modal[b-c7jrc3fjvm] {
    background: var(--bg-card, #1a1a2e);
    border-radius: 12px;
    width: 90%;
    max-width: 520px;
    max-height: 85vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

/* Header */
.modal-header[b-c7jrc3fjvm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    background: var(--bg-header, rgba(255, 255, 255, 0.02));
}

.modal-header h3[b-c7jrc3fjvm] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.modal-header h3 i[b-c7jrc3fjvm] {
    color: var(--accent-blue, #60a5fa);
}

.modal-close[b-c7jrc3fjvm] {
    background: none;
    border: none;
    color: var(--text-muted, #888);
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 6px;
    transition: all 0.2s;
}

.modal-close:hover[b-c7jrc3fjvm] {
    background: rgba(255, 255, 255, 0.1);
    color: var(--text-primary, #fff);
}

/* Body */
.modal-body[b-c7jrc3fjvm] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Error Message */
.alert-error[b-c7jrc3fjvm] {
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #ef4444;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Form Groups */
.form-group[b-c7jrc3fjvm] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.form-group label[b-c7jrc3fjvm] {
    font-size: 0.8rem;
    color: var(--text-muted, #888);
    font-weight: 500;
}

.form-group input[b-c7jrc3fjvm],
.form-group select[b-c7jrc3fjvm],
.form-group textarea[b-c7jrc3fjvm] {
    background: var(--bg-input, rgba(255, 255, 255, 0.05));
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    border-radius: 8px;
    padding: 0.625rem 0.875rem;
    color: var(--text-primary, #fff);
    font-size: 0.9rem;
    transition: border-color 0.2s;
}

.form-group input:focus[b-c7jrc3fjvm],
.form-group select:focus[b-c7jrc3fjvm],
.form-group textarea:focus[b-c7jrc3fjvm] {
    outline: none;
    border-color: var(--accent-blue, #60a5fa);
}

.form-group textarea[b-c7jrc3fjvm] {
    min-height: 60px;
    resize: vertical;
}

.form-row[b-c7jrc3fjvm] {
    display: flex;
    gap: 0.75rem;
}

.flex-1[b-c7jrc3fjvm] {
    flex: 1;
}

.flex-half[b-c7jrc3fjvm] {
    flex: 0.5;
}

/* Alert Type Buttons */
.alert-type-buttons[b-c7jrc3fjvm] {
    display: flex;
    gap: 0.5rem;
}

.type-btn[b-c7jrc3fjvm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.75rem 0.5rem;
    background: var(--bg-input, rgba(255, 255, 255, 0.05));
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    border-radius: 8px;
    color: var(--text-muted, #888);
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.2s;
}

.type-btn i[b-c7jrc3fjvm] {
    font-size: 1.1rem;
}

.type-btn:hover[b-c7jrc3fjvm] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-primary, #fff);
}

.type-btn.active[b-c7jrc3fjvm] {
    background: rgba(96, 165, 250, 0.15);
    border-color: var(--accent-blue, #60a5fa);
    color: var(--accent-blue, #60a5fa);
}

.type-btn.small[b-c7jrc3fjvm] {
    flex-direction: row;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
}

/* Condition Sections */
.condition-section[b-c7jrc3fjvm] {
    background: var(--bg-input, rgba(255, 255, 255, 0.03));
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.05));
}

.condition-section h4[b-c7jrc3fjvm] {
    margin: 0 0 0.75rem 0;
    font-size: 0.85rem;
    color: var(--text-secondary, #aaa);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.condition-section.secondary[b-c7jrc3fjvm] {
    background: rgba(139, 92, 246, 0.05);
    border-color: rgba(139, 92, 246, 0.2);
}

.section-header[b-c7jrc3fjvm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.secondary-type-buttons[b-c7jrc3fjvm] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

/* Toggle Switch */
.toggle-switch[b-c7jrc3fjvm] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
}

.toggle-switch input[b-c7jrc3fjvm] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-switch .slider[b-c7jrc3fjvm] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-muted, #333);
    border-radius: 24px;
    transition: 0.3s;
}

.toggle-switch .slider[b-c7jrc3fjvm]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background: white;
    border-radius: 50%;
    transition: 0.3s;
}

.toggle-switch input:checked + .slider[b-c7jrc3fjvm] {
    background: var(--accent-blue, #60a5fa);
}

.toggle-switch input:checked + .slider[b-c7jrc3fjvm]:before {
    transform: translateX(20px);
}

/* Notification Options */
.notification-options[b-c7jrc3fjvm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.checkbox-option[b-c7jrc3fjvm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: var(--bg-input, rgba(255, 255, 255, 0.03));
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
}

.checkbox-option:hover:not(.disabled)[b-c7jrc3fjvm] {
    background: rgba(255, 255, 255, 0.06);
}

.checkbox-option.disabled[b-c7jrc3fjvm] {
    opacity: 0.5;
    cursor: not-allowed;
}

.checkbox-option input[type="checkbox"][b-c7jrc3fjvm] {
    width: 18px;
    height: 18px;
    accent-color: var(--accent-blue, #60a5fa);
}

.checkbox-label[b-c7jrc3fjvm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-primary, #fff);
}

.checkbox-label i[b-c7jrc3fjvm] {
    color: var(--text-muted, #888);
}

.checkbox-label .badge[b-c7jrc3fjvm] {
    font-size: 0.65rem;
    padding: 0.15rem 0.4rem;
    background: rgba(139, 92, 246, 0.2);
    color: #a78bfa;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Alert Preview */
.alert-preview[b-c7jrc3fjvm] {
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 8px;
    padding: 0.875rem;
}

.preview-label[b-c7jrc3fjvm] {
    font-size: 0.7rem;
    color: var(--text-muted, #888);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.375rem;
}

.preview-text[b-c7jrc3fjvm] {
    font-size: 0.9rem;
    color: var(--text-primary, #fff);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.preview-text i[b-c7jrc3fjvm] {
    color: var(--accent-blue, #60a5fa);
}

/* Footer */
.modal-footer[b-c7jrc3fjvm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    background: var(--bg-header, rgba(255, 255, 255, 0.02));
}

.usage-info[b-c7jrc3fjvm] {
    font-size: 0.75rem;
    color: var(--text-muted, #666);
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.footer-buttons[b-c7jrc3fjvm] {
    display: flex;
    gap: 0.5rem;
}

.btn-secondary[b-c7jrc3fjvm],
.btn-primary[b-c7jrc3fjvm] {
    padding: 0.625rem 1.25rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-secondary[b-c7jrc3fjvm] {
    background: transparent;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.2));
    color: var(--text-secondary, #aaa);
}

.btn-secondary:hover[b-c7jrc3fjvm] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary, #fff);
}

.btn-primary[b-c7jrc3fjvm] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    border: none;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-c7jrc3fjvm] {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    transform: translateY(-1px);
}

.btn-primary:disabled[b-c7jrc3fjvm] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Spinner */
.spinner-border-sm[b-c7jrc3fjvm] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: white;
    animation: spin-b-c7jrc3fjvm 0.8s linear infinite;
}

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

/* Scrollbar */
.alert-modal[b-c7jrc3fjvm]::-webkit-scrollbar {
    width: 6px;
}

.alert-modal[b-c7jrc3fjvm]::-webkit-scrollbar-track {
    background: transparent;
}

.alert-modal[b-c7jrc3fjvm]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

.alert-modal[b-c7jrc3fjvm]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}
/* /Components/Alerts/AlertNotification.razor.rz.scp.css */
/* Alert Modal Styles - Centered popup modal for important alerts */

/* Modal overlay - darkens the background */
.alert-modal-overlay[b-7xpzfisa30] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.alert-modal-overlay.entering[b-7xpzfisa30] {
    animation: overlayFadeIn-b-7xpzfisa30 0.3s ease forwards;
}

.alert-modal-overlay.exiting[b-7xpzfisa30] {
    animation: overlayFadeOut-b-7xpzfisa30 0.3s ease forwards;
}

@keyframes overlayFadeIn-b-7xpzfisa30 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes overlayFadeOut-b-7xpzfisa30 {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* Modal container */
.alert-modal[b-7xpzfisa30] {
    position: relative;
    background: linear-gradient(145deg, rgba(13, 17, 28, 0.98), rgba(20, 26, 42, 0.98));
    border: 2px solid rgba(0, 212, 170, 0.6);
    border-radius: 20px;
    box-shadow: 
        0 25px 80px rgba(0, 0, 0, 0.6),
        0 0 60px rgba(0, 212, 170, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    max-width: 440px;
    width: 100%;
    padding: 32px;
    text-align: center;
    overflow: hidden;
}

.alert-modal.entering[b-7xpzfisa30] {
    animation: modalPopIn-b-7xpzfisa30 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.alert-modal.exiting[b-7xpzfisa30] {
    animation: modalPopOut-b-7xpzfisa30 0.3s ease forwards;
}

@keyframes modalPopIn-b-7xpzfisa30 {
    from {
        transform: scale(0.8) translateY(20px);
        opacity: 0;
    }
    to {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}

@keyframes modalPopOut-b-7xpzfisa30 {
    from {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
    to {
        transform: scale(0.8) translateY(20px);
        opacity: 0;
    }
}

/* Alert type-specific colors */
.alert-modal.price[b-7xpzfisa30] {
    border-color: rgba(0, 200, 83, 0.7);
    box-shadow: 
        0 25px 80px rgba(0, 0, 0, 0.6),
        0 0 60px rgba(0, 200, 83, 0.35);
}

.alert-modal.indicator[b-7xpzfisa30] {
    border-color: rgba(66, 165, 245, 0.7);
    box-shadow: 
        0 25px 80px rgba(0, 0, 0, 0.6),
        0 0 60px rgba(66, 165, 245, 0.35);
}

.alert-modal.candlestickpattern[b-7xpzfisa30] {
    border-color: rgba(156, 39, 176, 0.7);
    box-shadow: 
        0 25px 80px rgba(0, 0, 0, 0.6),
        0 0 60px rgba(156, 39, 176, 0.35);
}

.alert-modal.composite[b-7xpzfisa30] {
    border-color: rgba(255, 152, 0, 0.7);
    box-shadow: 
        0 25px 80px rgba(0, 0, 0, 0.6),
        0 0 60px rgba(255, 152, 0, 0.35);
}

/* Pulsing alert icon */
.modal-alert-icon[b-7xpzfisa30] {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-primary, #00d4aa);
}

.modal-alert-icon svg[b-7xpzfisa30] {
    position: relative;
    z-index: 2;
    animation: bellShake-b-7xpzfisa30 0.5s ease-in-out infinite;
}

@keyframes bellShake-b-7xpzfisa30 {
    0%, 100% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-15deg);
    }
    75% {
        transform: rotate(15deg);
    }
}

.pulse-ring[b-7xpzfisa30] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border: 3px solid var(--accent-primary, #00d4aa);
    border-radius: 50%;
    animation: pulseRing-b-7xpzfisa30 1.5s ease-out infinite;
}

.pulse-ring.delay[b-7xpzfisa30] {
    animation-delay: 0.5s;
}

@keyframes pulseRing-b-7xpzfisa30 {
    0% {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.6);
        opacity: 0;
    }
}

/* Alert type-specific icon colors */
.alert-modal.price .modal-alert-icon[b-7xpzfisa30] {
    color: #00c853;
}

.alert-modal.price .pulse-ring[b-7xpzfisa30] {
    border-color: #00c853;
}

.alert-modal.indicator .modal-alert-icon[b-7xpzfisa30] {
    color: #42a5f5;
}

.alert-modal.indicator .pulse-ring[b-7xpzfisa30] {
    border-color: #42a5f5;
}

.alert-modal.candlestickpattern .modal-alert-icon[b-7xpzfisa30] {
    color: #9c27b0;
}

.alert-modal.candlestickpattern .pulse-ring[b-7xpzfisa30] {
    border-color: #9c27b0;
}

.alert-modal.composite .modal-alert-icon[b-7xpzfisa30] {
    color: #ff9800;
}

.alert-modal.composite .pulse-ring[b-7xpzfisa30] {
    border-color: #ff9800;
}

/* Alert badge */
.alert-badge[b-7xpzfisa30] {
    display: inline-block;
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.25), rgba(255, 152, 0, 0.25));
    color: #ffc107;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 20px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    animation: badgePulse-b-7xpzfisa30 2s ease-in-out infinite;
}

@keyframes badgePulse-b-7xpzfisa30 {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.4);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(255, 193, 7, 0);
    }
}

/* Modal content */
.modal-content[b-7xpzfisa30] {
    margin-bottom: 24px;
}

/* Symbol display */
.symbol-display[b-7xpzfisa30] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 16px;
}

.symbol-display .symbol[b-7xpzfisa30] {
    font-size: 36px;
    font-weight: 800;
    color: var(--text-primary, #e6f1ff);
    letter-spacing: 2px;
}

.type-badge[b-7xpzfisa30] {
    font-size: 10px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: rgba(0, 212, 170, 0.2);
    color: var(--accent-primary, #00d4aa);
}

.type-badge.price[b-7xpzfisa30] {
    background: rgba(0, 200, 83, 0.2);
    color: #00c853;
}

.type-badge.indicator[b-7xpzfisa30] {
    background: rgba(66, 165, 245, 0.2);
    color: #42a5f5;
}

.type-badge.candlestickpattern[b-7xpzfisa30] {
    background: rgba(156, 39, 176, 0.2);
    color: #9c27b0;
}

.type-badge.composite[b-7xpzfisa30] {
    background: rgba(255, 152, 0, 0.2);
    color: #ff9800;
}

/* Condition text */
.condition-text[b-7xpzfisa30] {
    font-size: 18px;
    color: var(--text-secondary, #8892b0);
    line-height: 1.5;
    margin-bottom: 20px;
}

/* Trigger details */
.trigger-details[b-7xpzfisa30] {
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
    padding: 16px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    margin-bottom: 16px;
}

.detail-item[b-7xpzfisa30] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.detail-label[b-7xpzfisa30] {
    font-size: 11px;
    color: var(--text-muted, #5a6a8a);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-7xpzfisa30] {
    font-size: 18px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
}

.detail-value.price[b-7xpzfisa30] {
    color: var(--accent-primary, #00d4aa);
}

.detail-value.indicator[b-7xpzfisa30] {
    color: #42a5f5;
}

.detail-value.time[b-7xpzfisa30] {
    color: var(--text-secondary, #8892b0);
    font-size: 14px;
}

/* Custom note */
.custom-note[b-7xpzfisa30] {
    background: rgba(255, 193, 7, 0.1);
    border-left: 3px solid #ffc107;
    padding: 12px 16px;
    border-radius: 0 8px 8px 0;
    text-align: left;
    font-size: 13px;
    color: var(--text-secondary, #8892b0);
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.custom-note i[b-7xpzfisa30] {
    color: #ffc107;
    margin-top: 2px;
}

/* Action buttons */
.modal-actions[b-7xpzfisa30] {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.action-btn[b-7xpzfisa30] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.action-btn.view-chart[b-7xpzfisa30] {
    background: linear-gradient(135deg, var(--accent-primary, #00d4aa), #00b894);
    color: #0d111c;
}

.action-btn.view-chart:hover[b-7xpzfisa30] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 212, 170, 0.4);
}

.action-btn.dismiss[b-7xpzfisa30] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-secondary, #8892b0);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.action-btn.dismiss:hover[b-7xpzfisa30] {
    background: rgba(255, 255, 255, 0.12);
    color: var(--text-primary, #e6f1ff);
}

/* Queue indicator */
.queue-indicator[b-7xpzfisa30] {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    background: rgba(255, 193, 7, 0.2);
    color: #ffc107;
    font-size: 12px;
    font-weight: 600;
    padding: 8px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

/* Background glow effect */
.alert-modal[b-7xpzfisa30]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at center, rgba(0, 212, 170, 0.1), transparent 40%);
    animation: rotateGlow-b-7xpzfisa30 8s linear infinite;
    pointer-events: none;
}

@keyframes rotateGlow-b-7xpzfisa30 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.alert-modal.price[b-7xpzfisa30]::before {
    background: radial-gradient(circle at center, rgba(0, 200, 83, 0.1), transparent 40%);
}

.alert-modal.indicator[b-7xpzfisa30]::before {
    background: radial-gradient(circle at center, rgba(66, 165, 245, 0.1), transparent 40%);
}

.alert-modal.candlestickpattern[b-7xpzfisa30]::before {
    background: radial-gradient(circle at center, rgba(156, 39, 176, 0.1), transparent 40%);
}

.alert-modal.composite[b-7xpzfisa30]::before {
    background: radial-gradient(circle at center, rgba(255, 152, 0, 0.1), transparent 40%);
}

/* Light theme adjustments */
:global([data-theme="light"]) .alert-modal[b-7xpzfisa30] {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    border-color: rgba(0, 180, 150, 0.5);
}

:global([data-theme="light"]) .alert-modal-overlay[b-7xpzfisa30] {
    background: rgba(0, 0, 0, 0.5);
}

:global([data-theme="light"]) .symbol-display .symbol[b-7xpzfisa30] {
    color: #1a1d24;
}

:global([data-theme="light"]) .condition-text[b-7xpzfisa30] {
    color: #64748b;
}

:global([data-theme="light"]) .trigger-details[b-7xpzfisa30] {
    background: rgba(0, 0, 0, 0.05);
}

:global([data-theme="light"]) .action-btn.dismiss[b-7xpzfisa30] {
    background: rgba(0, 0, 0, 0.05);
    color: #64748b;
    border-color: rgba(0, 0, 0, 0.1);
}

:global([data-theme="light"]) .action-btn.dismiss:hover[b-7xpzfisa30] {
    background: rgba(0, 0, 0, 0.1);
    color: #334155;
}

/* Responsive */
@media (max-width: 500px) {
    .alert-modal[b-7xpzfisa30] {
        padding: 24px 20px;
        border-radius: 16px;
    }
    
    .modal-alert-icon[b-7xpzfisa30] {
        width: 80px;
        height: 80px;
    }
    
    .modal-alert-icon svg[b-7xpzfisa30] {
        width: 40px;
        height: 40px;
    }
    
    .pulse-ring[b-7xpzfisa30] {
        width: 60px;
        height: 60px;
    }
    
    .symbol-display .symbol[b-7xpzfisa30] {
        font-size: 28px;
    }
    
    .condition-text[b-7xpzfisa30] {
        font-size: 16px;
    }
    
    .trigger-details[b-7xpzfisa30] {
        gap: 16px;
        padding: 12px;
    }
    
    .detail-value[b-7xpzfisa30] {
        font-size: 16px;
    }
    
    .modal-actions[b-7xpzfisa30] {
        flex-direction: column;
    }
    
    .action-btn[b-7xpzfisa30] {
        width: 100%;
    }
}
/* /Components/Alerts/AlertsPanel.razor.rz.scp.css */
/* Alerts Panel Container */
.alerts-panel[b-o4ccf5xjvj] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0.75rem;
    gap: 0.75rem;
}

/* Header */
.alerts-header[b-o4ccf5xjvj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

.header-title[b-o4ccf5xjvj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.header-title i[b-o4ccf5xjvj] {
    color: var(--accent-blue, #60a5fa);
}

.usage-badge[b-o4ccf5xjvj] {
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    background: rgba(96, 165, 250, 0.15);
    color: var(--accent-blue, #60a5fa);
    font-weight: 600;
}

.usage-badge.limit-reached[b-o4ccf5xjvj] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

/* Add Alert Button */
.add-alert-btn[b-o4ccf5xjvj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.625rem;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.15) 0%, rgba(139, 92, 246, 0.15) 100%);
    border: 1px dashed rgba(96, 165, 250, 0.4);
    border-radius: 8px;
    color: var(--accent-blue, #60a5fa);
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.add-alert-btn:hover:not(:disabled)[b-o4ccf5xjvj] {
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25) 0%, rgba(139, 92, 246, 0.25) 100%);
    border-style: solid;
}

.add-alert-btn:disabled[b-o4ccf5xjvj] {
    opacity: 0.5;
    cursor: not-allowed;
}

.add-alert-btn .limit-text[b-o4ccf5xjvj] {
    font-size: 0.65rem;
    color: #ef4444;
    margin-left: 0.25rem;
}

/* Filter Tabs */
.filter-tabs[b-o4ccf5xjvj] {
    display: flex;
    gap: 0.25rem;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    padding: 0.25rem;
}

.filter-tab[b-o4ccf5xjvj] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.375rem 0.5rem;
    background: none;
    border: none;
    border-radius: 6px;
    color: var(--text-muted, #888);
    font-size: 0.7rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.filter-tab:hover[b-o4ccf5xjvj] {
    color: var(--text-primary, #fff);
}

.filter-tab.active[b-o4ccf5xjvj] {
    background: rgba(255, 255, 255, 0.1);
    color: var(--text-primary, #fff);
}

.filter-tab .count[b-o4ccf5xjvj] {
    font-size: 0.6rem;
    padding: 0.1rem 0.35rem;
    background: var(--accent-blue, #60a5fa);
    color: white;
    border-radius: 8px;
    font-weight: 600;
}

/* Alerts List */
.alerts-list[b-o4ccf5xjvj] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Loading State */
.loading-state[b-o4ccf5xjvj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem 1rem;
    color: var(--text-muted, #888);
    font-size: 0.8rem;
}

.spinner[b-o4ccf5xjvj] {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-top-color: var(--accent-blue, #60a5fa);
    border-radius: 50%;
    animation: spin-b-o4ccf5xjvj 0.8s linear infinite;
}

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

/* Empty State */
.empty-state[b-o4ccf5xjvj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem 1rem;
    color: var(--text-muted, #888);
    text-align: center;
}

.empty-state i[b-o4ccf5xjvj] {
    font-size: 2rem;
    opacity: 0.5;
}

.empty-state span[b-o4ccf5xjvj] {
    font-size: 0.8rem;
}

.empty-action[b-o4ccf5xjvj] {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--accent-blue, #60a5fa);
    border: none;
    border-radius: 6px;
    color: white;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s;
}

.empty-action:hover:not(:disabled)[b-o4ccf5xjvj] {
    opacity: 0.9;
}

.empty-action:disabled[b-o4ccf5xjvj] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Alert Item - Compact 2-row layout */
.alert-item[b-o4ccf5xjvj] {
    background: var(--bg-card, rgba(255, 255, 255, 0.03));
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
    border-radius: 8px;
    padding: 0.5rem 0.625rem;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.alert-item:hover[b-o4ccf5xjvj] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.15);
}

.alert-item.triggered[b-o4ccf5xjvj] {
    border-left: 3px solid var(--accent-blue, #60a5fa);
}

.alert-item.expired[b-o4ccf5xjvj] {
    opacity: 0.6;
    border-left: 3px solid var(--text-muted, #666);
}

.alert-item.disabled[b-o4ccf5xjvj] {
    opacity: 0.5;
}

/* Row 1: Symbol + Condition + Actions */
.alert-row-1[b-o4ccf5xjvj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.alert-info[b-o4ccf5xjvj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.alert-symbol[b-o4ccf5xjvj] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
    flex-shrink: 0;
}

.alert-condition[b-o4ccf5xjvj] {
    font-size: 0.7rem;
    color: var(--text-secondary, #aaa);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Row 2: Name + Meta Info */
.alert-row-2[b-o4ccf5xjvj] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.65rem;
    color: var(--text-muted, #666);
}

.alert-name[b-o4ccf5xjvj] {
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}

.row-separator[b-o4ccf5xjvj] {
    color: var(--text-muted, #555);
}

.triggered-at[b-o4ccf5xjvj],
.expired-at[b-o4ccf5xjvj],
.expires-in[b-o4ccf5xjvj] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.65rem;
    color: var(--text-muted, #666);
}

.cooldown-badge[b-o4ccf5xjvj] {
    font-size: 0.55rem;
    padding: 0.1rem 0.3rem;
    background: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 0.15rem;
}

/* Alert Actions - Compact */
.alert-actions[b-o4ccf5xjvj] {
    display: flex;
    gap: 0.25rem;
    flex-shrink: 0;
}

.action-btn[b-o4ccf5xjvj] {
    padding: 0.25rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--text-muted, #888);
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.7rem;
    line-height: 1;
}

.action-btn:hover[b-o4ccf5xjvj] {
    background: rgba(255, 255, 255, 0.1);
    color: var(--text-primary, #fff);
}

.action-btn.reactivate:hover[b-o4ccf5xjvj] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border-color: rgba(34, 197, 94, 0.3);
}

.action-btn.toggle:hover[b-o4ccf5xjvj] {
    background: rgba(251, 191, 36, 0.15);
    color: #fbbf24;
    border-color: rgba(251, 191, 36, 0.3);
}

.action-btn.delete:hover[b-o4ccf5xjvj] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
    border-color: rgba(239, 68, 68, 0.3);
}

/* Upgrade Banner */
.upgrade-banner[b-o4ccf5xjvj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.15) 0%, rgba(236, 72, 153, 0.15) 100%);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 8px;
    font-size: 0.7rem;
    color: #a78bfa;
}

.upgrade-banner i[b-o4ccf5xjvj] {
    color: #fbbf24;
}

/* Scrollbar */
.alerts-list[b-o4ccf5xjvj]::-webkit-scrollbar {
    width: 4px;
}

.alerts-list[b-o4ccf5xjvj]::-webkit-scrollbar-track {
    background: transparent;
}

.alerts-list[b-o4ccf5xjvj]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 2px;
}

.alerts-list[b-o4ccf5xjvj]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.25);
}
/* /Components/Charts/LightweightChart.razor.rz.scp.css */
/* Lightweight Chart Component Styles */

.lightweight-chart-container[b-614wsy5hp7] {
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--chart-bg, #0a0e17);
}

.lightweight-chart-container.fill-mode[b-614wsy5hp7] {
    flex: 1;
    min-height: 0;
}

.lightweight-chart-canvas[b-614wsy5hp7] {
    width: 100%;
    height: 100%;
}

/* Loading Overlay */
.chart-loading-overlay[b-614wsy5hp7] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(10, 14, 23, 0.9);
    gap: 12px;
    z-index: 10;
}

.chart-loading-overlay .loading-spinner[b-614wsy5hp7] {
    width: 32px;
    height: 32px;
    border: 3px solid rgba(0, 212, 170, 0.2);
    border-top-color: var(--accent-primary, #00d4aa);
    border-radius: 50%;
    animation: spin-b-614wsy5hp7 1s linear infinite;
}

.chart-loading-overlay span[b-614wsy5hp7] {
    color: var(--text-secondary, #8892b0);
    font-size: 13px;
}

@keyframes spin-b-614wsy5hp7 {
    to { transform: rotate(360deg); }
}
/* /Components/Charts/OscillatorSignalPane.razor.rz.scp.css */
/* ===== OSCILLATOR SIGNAL PANE - Stacked Dots Design =====
 * Shows stacked colored dots per bar when oscillators hit extremes
 * Red dots = bearish/overbought signals
 * Green dots = bullish/oversold signals
 * No dots when neutral
 */

.oscillator-signal-pane[b-kcmeidwmjy] {
    width: 100%;
    height: 50px;
    min-height: 50px;
    background: var(--bg-primary, #0a0e17);
    border-top: 1px solid rgba(0, 212, 170, 0.15);
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
}

.oscillator-signal-pane.collapsed[b-kcmeidwmjy] {
    height: 0;
    min-height: 0;
    padding: 0;
    border-top: none;
    overflow: hidden;
}

/* Container for all bar stacks - scrolls horizontally with chart */
.oscillator-tracks[b-kcmeidwmjy] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    height: 100%;
    padding: 4px 0;
    padding-right: 60px; /* Space for price scale alignment */
    gap: 0;
    /* Will be transformed via JS to sync with chart scroll */
    transform: translateX(0);
}

/* Each bar position has a vertical stack of dots */
.oscillator-bar-stack[b-kcmeidwmjy] {
    flex-shrink: 0;
    width: 8px; /* Base bar spacing - will be overridden by inline style */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    gap: 2px;
    padding-bottom: 2px;
}

/* Individual signal dot */
.signal-dot[b-kcmeidwmjy] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    flex-shrink: 0;
}

/* Red dot - bearish/overbought signals */
.signal-dot.dot-red[b-kcmeidwmjy] {
    background: #ff5252;
    box-shadow: 0 0 4px rgba(255, 82, 82, 0.5);
}

/* Green dot - bullish/oversold signals */
.signal-dot.dot-green[b-kcmeidwmjy] {
    background: #00e676;
    box-shadow: 0 0 4px rgba(0, 230, 118, 0.5);
}

/* Hover effects */
.signal-dot:hover[b-kcmeidwmjy] {
    transform: scale(1.8);
    z-index: 100;
}

.signal-dot.dot-red:hover[b-kcmeidwmjy] {
    box-shadow: 0 0 10px rgba(255, 82, 82, 0.9);
}

.signal-dot.dot-green:hover[b-kcmeidwmjy] {
    box-shadow: 0 0 10px rgba(0, 230, 118, 0.9);
}

/* Tooltip styling - uses native title attribute */
.signal-dot[title][b-kcmeidwmjy] {
    position: relative;
}

/* ===== BAR SPACING VARIANTS =====
 * Different dot sizes based on chart bar spacing
 */

/* Tight spacing (6px) */
.oscillator-signal-pane[data-bar-spacing="6"] .oscillator-bar-stack[b-kcmeidwmjy] {
    width: 6px;
}
.oscillator-signal-pane[data-bar-spacing="6"] .signal-dot[b-kcmeidwmjy] {
    width: 4px;
    height: 4px;
}

/* Normal spacing (8px) - default */
.oscillator-signal-pane[data-bar-spacing="8"] .oscillator-bar-stack[b-kcmeidwmjy] {
    width: 8px;
}

/* Wide spacing (10px) */
.oscillator-signal-pane[data-bar-spacing="10"] .oscillator-bar-stack[b-kcmeidwmjy] {
    width: 10px;
}
.oscillator-signal-pane[data-bar-spacing="10"] .signal-dot[b-kcmeidwmjy] {
    width: 7px;
    height: 7px;
}

/* Extra wide spacing (12px) */
.oscillator-signal-pane[data-bar-spacing="12"] .oscillator-bar-stack[b-kcmeidwmjy] {
    width: 12px;
}
.oscillator-signal-pane[data-bar-spacing="12"] .signal-dot[b-kcmeidwmjy] {
    width: 8px;
    height: 8px;
}

/* ===== SIGNAL CLUSTERING =====
 * When multiple dots stack, add visual separation
 */

.oscillator-bar-stack .signal-dot:not(:last-child)[b-kcmeidwmjy] {
    margin-bottom: 1px;
}

/* Max 4 dots visible, if more would overflow just show top ones */
.oscillator-bar-stack[b-kcmeidwmjy] {
    max-height: 42px;
    overflow: hidden;
}

/* ===== ANIMATION ===== */

@keyframes dot-pulse-b-kcmeidwmjy {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.3); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

.signal-dot.new[b-kcmeidwmjy] {
    animation: dot-pulse-b-kcmeidwmjy 0.5s ease-out;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {
    .oscillator-signal-pane[b-kcmeidwmjy] {
        height: 40px;
        min-height: 40px;
    }
    
    .signal-dot[b-kcmeidwmjy] {
        width: 5px;
        height: 5px;
    }
    
    .oscillator-tracks[b-kcmeidwmjy] {
        padding-right: 50px;
    }
}

/* ===== EMPTY STATE ===== */

.oscillator-signal-pane:empty[b-kcmeidwmjy]::after {
    content: 'No signals';
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--text-muted, #5a6785);
    font-size: 11px;
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
/* ===================================
   Login Layout - Clean Styling
   Override default layout for auth pages
   =================================== */

.login-layout[b-5jw5pm23e1] {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--bg-base, #0a0f1a);
}

/* Remove default Blazor layout styles for login page */
.login-layout .page[b-5jw5pm23e1],
.login-layout .sidebar[b-5jw5pm23e1],
.login-layout main[b-5jw5pm23e1] {
    all: unset;
}

/* Ensure login page takes full viewport */
.login-layout > *[b-5jw5pm23e1] {
    width: 100%;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ===================================
   MainLayout - Premium Trading Terminal
   Modern • Full-Width • Dropdown Navigation
   =================================== */

/* ═══════════════════════════════════
   TERMINAL SHELL - Root Container
   ═══════════════════════════════════ */
.terminal-shell[b-2872pg1ztg] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--bg-base);
    position: relative;
}

/* Subtle grid overlay for terminal aesthetic */
.terminal-shell[b-2872pg1ztg]::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: 
        linear-gradient(rgba(0, 229, 204, 0.01) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 229, 204, 0.01) 1px, transparent 1px);
    background-size: 50px 50px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.5;
}

/* ═══════════════════════════════════
   HEADER - Premium Terminal Bar
   ═══════════════════════════════════ */
.terminal-header[b-2872pg1ztg] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--z-sticky);
    display: flex;
    align-items: center;
    height: var(--header-height);
    background: linear-gradient(180deg, rgba(10, 14, 20, 0.98) 0%, rgba(6, 8, 12, 0.95) 100%);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 0;
    overflow: visible;
}

/* Accent line at top of header */
.terminal-header[b-2872pg1ztg]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--primary) 20%, 
        var(--info) 50%, 
        var(--primary) 80%, 
        transparent 100%
    );
    opacity: 0.5;
}

/* ═══════════════════════════════════
   BRAND SECTION
   ═══════════════════════════════════ */
.header-brand[b-2872pg1ztg] {
    flex-shrink: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 var(--space-4);
    border-right: 1px solid var(--border);
    background: var(--bg-glass);
}

.brand-link[b-2872pg1ztg] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    text-decoration: none;
    color: inherit;
    transition: all var(--transition-fast);
}

.brand-link:hover[b-2872pg1ztg] {
    color: var(--primary);
}

.brand-icon[b-2872pg1ztg] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);
    border-radius: var(--radius-md);
    color: var(--text-inverse);
    box-shadow: var(--shadow-sm), 0 0 20px rgba(0, 229, 204, 0.2);
}

.brand-text[b-2872pg1ztg] {
    font-family: var(--font-display);
    font-size: var(--text-md);
    font-weight: 700;
    letter-spacing: var(--tracking-tight);
    color: var(--text-primary);
    background: linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ═══════════════════════════════════
   MAIN NAVIGATION
   ═══════════════════════════════════ */
.main-nav[b-2872pg1ztg] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--space-1);
    padding: 0 var(--space-3);
    height: 100%;
    overflow: visible;
    scrollbar-width: none;
}

.main-nav[b-2872pg1ztg]::-webkit-scrollbar {
    display: none;
}

/* ═══════════════════════════════════
   NAV LINK - Direct Navigation Items
   ═══════════════════════════════════ */
.nav-link[b-2872pg1ztg] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--text-secondary);
    text-decoration: none;
    white-space: nowrap;
    transition: all var(--transition-fast);
    border: 1px solid transparent;
}

.nav-link:hover[b-2872pg1ztg] {
    background: var(--bg-glass-light);
    color: var(--text-primary);
    border-color: var(--border-subtle);
}

.nav-link.active[b-2872pg1ztg] {
    background: linear-gradient(135deg, rgba(0, 229, 204, 0.12) 0%, rgba(0, 229, 204, 0.04) 100%);
    color: var(--primary);
    border-color: var(--primary-border);
}

/* Featured Nav Link (Chart IQ) */
.nav-link.featured[b-2872pg1ztg] {
    background: linear-gradient(135deg, rgba(0, 229, 204, 0.15) 0%, rgba(59, 130, 246, 0.1) 100%);
    border-color: var(--primary-border);
    color: var(--primary);
    font-weight: 600;
}

.nav-link.featured:hover[b-2872pg1ztg] {
    background: linear-gradient(135deg, rgba(0, 229, 204, 0.25) 0%, rgba(59, 130, 246, 0.15) 100%);
    box-shadow: 0 0 20px rgba(0, 229, 204, 0.2);
}

.nav-link svg[b-2872pg1ztg] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

/* ═══════════════════════════════════
   NAV DROPDOWN
   ═══════════════════════════════════ */
.nav-dropdown[b-2872pg1ztg] {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.nav-dropdown-toggle[b-2872pg1ztg] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--text-secondary);
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    transition: all var(--transition-fast);
}

.nav-dropdown-toggle:hover[b-2872pg1ztg] {
    background: var(--bg-glass-light);
    color: var(--text-primary);
    border-color: var(--border-subtle);
}

.nav-dropdown-toggle svg[b-2872pg1ztg] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.dropdown-arrow[b-2872pg1ztg] {
    transition: transform var(--transition-fast);
}

.dropdown-arrow.rotated[b-2872pg1ztg] {
    transform: rotate(180deg);
}

.nav-dropdown-menu.show + .nav-dropdown-toggle .dropdown-arrow[b-2872pg1ztg],
.nav-dropdown:has(.nav-dropdown-menu.show) .dropdown-arrow[b-2872pg1ztg] {
    transform: rotate(180deg);
}

/* Dropdown Menu - Positioning and appearance only */
/* NOTE: Visibility state styles (.show) are in global app.css for JS compatibility */
.nav-dropdown-menu[b-2872pg1ztg] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    min-width: 200px;
    background: var(--bg-elevated);
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xl);
    z-index: 1000;
    padding: var(--space-2);
    /* Visibility controlled by global CSS + JavaScript */
}

/* .nav-dropdown-menu.show styles are in app.css (global) */

/* User Menu - Right aligned */
.nav-dropdown-menu.user-menu[b-2872pg1ztg] {
    left: auto;
    right: 0;
    min-width: 240px;
}

/* Dropdown Item */
.dropdown-item[b-2872pg1ztg] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--text-secondary);
    text-decoration: none;
    transition: all var(--transition-fast);
}

.dropdown-item:hover[b-2872pg1ztg] {
    background: var(--bg-glass-light);
    color: var(--text-primary);
}

.dropdown-item svg[b-2872pg1ztg] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    opacity: 0.7;
}

.dropdown-item:hover svg[b-2872pg1ztg] {
    opacity: 1;
}

.dropdown-item.logout:hover[b-2872pg1ztg] {
    background: var(--error-bg);
    color: var(--error);
}

/* Dropdown Divider */
.dropdown-divider[b-2872pg1ztg] {
    height: 1px;
    background: var(--border);
    margin: var(--space-2) 0;
}

/* ═══════════════════════════════════
   ITEM BADGES
   ═══════════════════════════════════ */
.item-badge[b-2872pg1ztg] {
    font-size: 8px;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: var(--radius-full);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-left: auto;
    flex-shrink: 0;
}

.item-badge.iq[b-2872pg1ztg] {
    background: var(--accent-gradient);
    color: white;
    animation: badge-pulse-b-2872pg1ztg 3s ease-in-out infinite;
}

.item-badge.iq.featured[b-2872pg1ztg] {
    background: linear-gradient(135deg, var(--primary) 0%, var(--info) 100%);
    box-shadow: 0 0 12px rgba(0, 229, 204, 0.4);
}

.item-badge.cost[b-2872pg1ztg] {
    background: var(--warning-bg);
    color: var(--warning);
    border: 1px solid var(--warning-border);
}

.item-badge.new[b-2872pg1ztg] {
    background: linear-gradient(135deg, var(--success) 0%, var(--primary) 100%);
    color: white;
    box-shadow: 0 0 8px rgba(0, 229, 204, 0.3);
}

@keyframes badge-pulse-b-2872pg1ztg {
    0%, 100% { 
        box-shadow: 0 0 0 0 rgba(167, 139, 250, 0.4);
        opacity: 1;
    }
    50% { 
        box-shadow: 0 0 0 4px rgba(167, 139, 250, 0);
        opacity: 0.9;
    }
}

/* ═══════════════════════════════════
   HEADER CONTROLS
   ═══════════════════════════════════ */
.header-controls[b-2872pg1ztg] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: 0 var(--space-4);
    height: 100%;
    border-left: 1px solid var(--border);
    background: var(--bg-glass);
    overflow: visible;
}

/* Market Status */
.market-status[b-2872pg1ztg] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) var(--space-2);
    background: var(--success-bg);
    border: 1px solid var(--success-border);
    border-radius: var(--radius-sm);
}

.status-dot[b-2872pg1ztg] {
    width: 6px;
    height: 6px;
    background: var(--success);
    border-radius: 50%;
    animation: pulse-glow-b-2872pg1ztg 2s ease-in-out infinite;
}

@keyframes pulse-glow-b-2872pg1ztg {
    0%, 100% { 
        opacity: 1;
        box-shadow: 0 0 4px var(--success);
    }
    50% { 
        opacity: 0.7;
        box-shadow: 0 0 8px var(--success), 0 0 12px var(--success);
    }
}

.status-label[b-2872pg1ztg] {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    font-weight: 700;
    color: var(--success);
    letter-spacing: var(--tracking-wider);
}

/* ═══════════════════════════════════
   USER MENU
   ═══════════════════════════════════ */
.user-dropdown[b-2872pg1ztg] {
    height: auto;
}

.user-menu-toggle[b-2872pg1ztg] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) var(--space-3) var(--space-1) var(--space-1);
    background: var(--bg-glass-light);
    border: 1px solid var(--border);
    border-radius: var(--radius-full);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.user-menu-toggle:hover[b-2872pg1ztg] {
    background: var(--bg-glass-medium);
    border-color: var(--border-medium);
}

.user-avatar-ring[b-2872pg1ztg] {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary), var(--info));
    border-radius: 50%;
    padding: 2px;
}

.user-avatar[b-2872pg1ztg] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-base);
    color: var(--text-primary);
    border-radius: 50%;
    font-size: var(--text-2xs);
    font-weight: 700;
}

.user-email[b-2872pg1ztg] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* User Info Section in Dropdown */
.user-info-section[b-2872pg1ztg] {
    padding: var(--space-2) var(--space-3);
}

.user-name[b-2872pg1ztg] {
    display: block;
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-1);
}

.user-badges[b-2872pg1ztg] {
    display: flex;
    gap: var(--space-2);
}

.badge-tier[b-2872pg1ztg] {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.badge-tier.admin[b-2872pg1ztg] {
    background: var(--error-bg);
    color: var(--error);
}

.badge-tier.free[b-2872pg1ztg] {
    background: var(--bg-glass-medium);
    color: var(--text-muted);
}

.badge-tier.lite[b-2872pg1ztg] {
    background: var(--info-bg);
    color: var(--info);
}

.badge-tier.premium[b-2872pg1ztg],
.badge-tier.pro[b-2872pg1ztg] {
    background: var(--success-bg);
    color: var(--success);
}

/* Control Buttons */
.ctrl-btn[b-2872pg1ztg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--bg-glass-light);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: 600;
    text-decoration: none;
    transition: all var(--transition-fast);
    cursor: pointer;
}

.ctrl-btn:hover[b-2872pg1ztg] {
    background: var(--bg-glass-medium);
    color: var(--text-primary);
    border-color: var(--border-medium);
}

.ctrl-login:hover[b-2872pg1ztg] {
    background: var(--primary-soft);
    border-color: var(--primary-border);
    color: var(--primary);
}

/* ═══════════════════════════════════
   DROPDOWN OVERLAY
   ═══════════════════════════════════ */
.dropdown-overlay[b-2872pg1ztg] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-dropdown) - 1);
    background: transparent;
}

/* ═══════════════════════════════════
   MAIN CONTENT - Full Width
   ═══════════════════════════════════ */
.terminal-content[b-2872pg1ztg] {
    flex: 1;
    margin-top: var(--header-height);
    min-height: calc(100vh - var(--header-height));
    position: relative;
    z-index: 1;
}

.content-frame[b-2872pg1ztg] {
    padding: var(--space-5);
    max-width: var(--content-max-width);
    margin: 0 auto;
}

/* ═══════════════════════════════════
   BLAZOR ERROR UI
   ═══════════════════════════════════ */
#blazor-error-ui[b-2872pg1ztg] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: var(--z-overlay);
    display: none;
    padding: var(--space-3) var(--space-4);
    background: linear-gradient(135deg, var(--error) 0%, var(--error-dim) 100%);
    color: white;
    font-size: var(--text-sm);
    box-shadow: 0 -4px 24px rgba(255, 87, 87, 0.3);
}

#blazor-error-ui .error-icon[b-2872pg1ztg] {
    margin-right: var(--space-2);
}

#blazor-error-ui .reload[b-2872pg1ztg] {
    color: white;
    text-decoration: underline;
    margin-left: var(--space-2);
    font-weight: 600;
}

#blazor-error-ui .dismiss[b-2872pg1ztg] {
    position: absolute;
    right: var(--space-4);
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0.8;
    transition: opacity var(--transition-fast);
}

#blazor-error-ui .dismiss:hover[b-2872pg1ztg] {
    opacity: 1;
}

/* ═══════════════════════════════════
   RESPONSIVE DESIGN
   ═══════════════════════════════════ */

/* Tablet & Below */
@media (max-width: 1200px) {
    .main-nav[b-2872pg1ztg] {
        gap: var(--space-1);
        padding: 0 var(--space-2);
    }
    
    .nav-link[b-2872pg1ztg],
    .nav-dropdown-toggle[b-2872pg1ztg] {
        padding: var(--space-2);
        font-size: var(--text-xs);
    }
    
    .nav-link span[b-2872pg1ztg],
    .nav-dropdown-toggle span:not(.dropdown-arrow)[b-2872pg1ztg] {
        display: none;
    }
    
    .item-badge[b-2872pg1ztg] {
        display: none;
    }
    
    .brand-text[b-2872pg1ztg] {
        display: none;
    }
    
    .header-brand[b-2872pg1ztg] {
        padding: 0 var(--space-3);
    }
    
    .content-frame[b-2872pg1ztg] {
        padding: var(--space-4);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .terminal-header[b-2872pg1ztg] {
        height: 56px;
    }
    
    .terminal-content[b-2872pg1ztg] {
        margin-top: 56px;
        min-height: calc(100vh - 56px);
    }
    
    .main-nav[b-2872pg1ztg] {
        flex: 1;
        justify-content: center;
        padding: 0 var(--space-2);
    }
    
    .nav-link svg[b-2872pg1ztg],
    .nav-dropdown-toggle svg:first-child[b-2872pg1ztg] {
        width: 18px;
        height: 18px;
    }
    
    .content-frame[b-2872pg1ztg] {
        padding: var(--space-3);
    }
    
    .user-email[b-2872pg1ztg] {
        display: none;
    }
    
    .user-menu-toggle[b-2872pg1ztg] {
        padding: var(--space-1);
        border-radius: 50%;
    }
    
    .user-menu-toggle .dropdown-arrow[b-2872pg1ztg] {
        display: none;
    }
    
    .ctrl-btn span[b-2872pg1ztg] {
        display: none;
    }
    
    .ctrl-login[b-2872pg1ztg] {
        padding: var(--space-2);
        width: 36px;
        height: 36px;
    }
    
    .market-status[b-2872pg1ztg] {
        display: none;
    }
    
    .nav-dropdown-menu[b-2872pg1ztg] {
        position: fixed;
        top: 56px;
        left: 0;
        right: 0;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
    
    .nav-dropdown-menu.user-menu[b-2872pg1ztg] {
        left: 0;
    }
}

/* Very Small Screens */
@media (max-width: 480px) {
    .header-brand[b-2872pg1ztg] {
        padding: 0 var(--space-2);
    }
    
    .brand-icon[b-2872pg1ztg] {
        width: 28px;
        height: 28px;
    }
    
    .brand-icon svg[b-2872pg1ztg] {
        width: 14px;
        height: 14px;
    }
    
    .header-controls[b-2872pg1ztg] {
        padding: 0 var(--space-2);
        gap: var(--space-2);
    }
    
    .nav-link[b-2872pg1ztg],
    .nav-dropdown-toggle[b-2872pg1ztg] {
        padding: var(--space-1);
    }
}

/* Large Screens */
@media (min-width: 1600px) {
    .content-frame[b-2872pg1ztg] {
        padding: var(--space-6) var(--space-8);
    }
}

/* Ultra-wide Screens */
@media (min-width: 2000px) {
    .content-frame[b-2872pg1ztg] {
        max-width: 1800px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ===================================
   NavMenu - Premium Trading Terminal Sidebar
   Features: Live Ticker Background Matrix
   Modern • Glassmorphism • Compact • Sophisticated
   =================================== */

/* ═══════════════════════════════════
   SIDEBAR CONTAINER
   ═══════════════════════════════════ */
.nav-sidebar[b-rg7ee865gn] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: var(--sidebar-width);
    position: relative;
    overflow: hidden;
    transition: width var(--duration-slow) var(--ease-out);
}

#sidebar-container.collapsed[b-rg7ee865gn] {
    width: var(--sidebar-collapsed);
}

/* ═══════════════════════════════════
   TICKER MATRIX BACKGROUND
   The user's favorite feature - preserved and enhanced
   ═══════════════════════════════════ */
.ticker-matrix-bg[b-rg7ee865gn] {
    position: absolute;
    inset: 0;
    opacity: 0.08;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

/* Enhanced ticker styling through deep selectors */
[b-rg7ee865gn] .sidebar-ticker-container {
    height: 100%;
    overflow: hidden;
    position: relative;
}

[b-rg7ee865gn] .sidebar-ticker-track {
    display: flex;
    flex-direction: column;
    gap: 6px;
    animation: matrix-scroll-b-rg7ee865gn 90s linear infinite;
    padding: 8px 6px;
}

[b-rg7ee865gn] .sidebar-ticker-track:hover {
    animation-play-state: paused;
}

@keyframes matrix-scroll-b-rg7ee865gn {
    0% { transform: translateY(0); }
    100% { transform: translateY(-33.333%); }
}

[b-rg7ee865gn] .mini-ticker {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: var(--radius-sm);
    border: 1px solid rgba(255, 255, 255, 0.02);
    font-family: var(--font-mono);
    font-size: 9px;
    transition: all var(--transition-fast);
}

[b-rg7ee865gn] .mini-ticker.up {
    border-color: rgba(0, 229, 204, 0.1);
    background: rgba(0, 229, 204, 0.02);
}

[b-rg7ee865gn] .mini-ticker.down {
    border-color: rgba(255, 87, 87, 0.1);
    background: rgba(255, 87, 87, 0.02);
}

[b-rg7ee865gn] .mini-symbol {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.25);
    letter-spacing: var(--tracking-tight);
}

[b-rg7ee865gn] .mini-change {
    font-weight: 500;
    font-size: 8px;
}

[b-rg7ee865gn] .mini-ticker.up .mini-change {
    color: rgba(0, 229, 204, 0.5);
}

[b-rg7ee865gn] .mini-ticker.down .mini-change {
    color: rgba(255, 87, 87, 0.5);
}

/* ═══════════════════════════════════
   GLASS OVERLAY
   ═══════════════════════════════════ */
.glass-overlay[b-rg7ee865gn] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(6, 8, 12, 0.85) 0%,
        rgba(10, 14, 20, 0.9) 50%,
        rgba(6, 8, 12, 0.92) 100%
    );
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    pointer-events: none;
    z-index: 1;
}

/* Ambient glow effect */
.glass-overlay[b-rg7ee865gn]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(ellipse at 30% 10%, rgba(0, 229, 204, 0.04) 0%, transparent 40%),
        radial-gradient(ellipse at 70% 90%, rgba(59, 130, 246, 0.03) 0%, transparent 40%);
    pointer-events: none;
}

/* ═══════════════════════════════════
   NAVIGATION CONTENT
   ═══════════════════════════════════ */
.nav-content[b-rg7ee865gn] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: var(--space-2);
}

/* ═══════════════════════════════════
   COLLAPSE TOGGLE
   ═══════════════════════════════════ */
.collapse-toggle[b-rg7ee865gn] {
    position: absolute;
    top: var(--space-3);
    right: var(--space-2);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-glass-light);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-muted);
    cursor: pointer;
    z-index: 10;
    transition: all var(--transition-fast);
}

.collapse-toggle:hover[b-rg7ee865gn] {
    background: var(--bg-glass-medium);
    color: var(--text-primary);
    border-color: var(--border-medium);
}

.toggle-icon[b-rg7ee865gn] {
    width: 12px;
    height: 12px;
    transition: transform var(--duration-normal) var(--ease-out);
}

#sidebar-container.collapsed .toggle-icon[b-rg7ee865gn] {
    transform: rotate(180deg);
}

/* ═══════════════════════════════════
   NAVIGATION LINKS
   ═══════════════════════════════════ */
.nav-links[b-rg7ee865gn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: var(--space-10);
    overflow-y: auto;
    overflow-x: hidden;
}

/* Nav Group */
.nav-group[b-rg7ee865gn] {
    margin-bottom: var(--space-2);
}

.group-label[b-rg7ee865gn] {
    display: block;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: var(--tracking-widest);
    color: var(--text-dim);
    padding: var(--space-1) var(--space-2) 2px;
    transition: all var(--transition-fast);
}

#sidebar-container.collapsed .group-label[b-rg7ee865gn] {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/* Nav Item */
.nav-item[b-rg7ee865gn] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    margin-bottom: 1px;
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
    transition: all var(--transition-fast);
}

.nav-item:hover[b-rg7ee865gn] {
    background: var(--bg-glass-light);
    color: var(--text-primary);
    border-color: var(--border-subtle);
}

.nav-item.active[b-rg7ee865gn] {
    background: linear-gradient(135deg, 
        rgba(0, 229, 204, 0.12) 0%, 
        rgba(0, 229, 204, 0.04) 100%
    );
    color: var(--primary);
    border-color: var(--primary-border);
}

/* Item Marker - Active Indicator */
.item-marker[b-rg7ee865gn] {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scaleY(0);
    width: 3px;
    height: 16px;
    background: linear-gradient(180deg, var(--primary) 0%, var(--primary-hover) 100%);
    border-radius: 0 2px 2px 0;
    opacity: 0;
    transition: all var(--transition-fast);
}

.nav-item.active .item-marker[b-rg7ee865gn] {
    opacity: 1;
    transform: translateY(-50%) scaleY(1);
}

/* Item Icon */
.item-icon[b-rg7ee865gn] {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-glass-light);
    border-radius: var(--radius-sm);
    flex-shrink: 0;
    transition: all var(--transition-fast);
}

.item-icon svg[b-rg7ee865gn] {
    width: 12px;
    height: 12px;
    color: currentColor;
    transition: transform var(--transition-fast);
}

.nav-item:hover .item-icon[b-rg7ee865gn] {
    background: var(--bg-glass-medium);
}

.nav-item:hover .item-icon svg[b-rg7ee865gn] {
    transform: scale(1.1);
}

.nav-item.active .item-icon[b-rg7ee865gn] {
    background: rgba(0, 229, 204, 0.15);
    box-shadow: 0 0 12px rgba(0, 229, 204, 0.2);
}

/* AI Feature Glow */
.item-icon.ai-glow[b-rg7ee865gn] {
    background: linear-gradient(135deg, 
        rgba(167, 139, 250, 0.12) 0%, 
        rgba(59, 130, 246, 0.12) 100%
    );
}

.nav-item:hover .item-icon.ai-glow[b-rg7ee865gn] {
    background: linear-gradient(135deg, 
        rgba(167, 139, 250, 0.2) 0%, 
        rgba(59, 130, 246, 0.2) 100%
    );
    box-shadow: 0 0 16px rgba(167, 139, 250, 0.25);
}

/* Item Label */
.item-label[b-rg7ee865gn] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all var(--transition-fast);
}

/* AI Tag */
.ai-tag[b-rg7ee865gn] {
    font-size: 7px;
    font-weight: 700;
    padding: 1px 4px;
    background: var(--accent-gradient);
    color: white;
    border-radius: var(--radius-full);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-left: auto;
    animation: ai-pulse-b-rg7ee865gn 3s ease-in-out infinite;
    flex-shrink: 0;
}

@keyframes ai-pulse-b-rg7ee865gn {
    0%, 100% { 
        box-shadow: 0 0 0 0 rgba(167, 139, 250, 0.4);
        opacity: 1;
    }
    50% { 
        box-shadow: 0 0 0 4px rgba(167, 139, 250, 0);
        opacity: 0.9;
    }
}

/* Collapsed State */
#sidebar-container.collapsed .item-label[b-rg7ee865gn],
#sidebar-container.collapsed .ai-tag[b-rg7ee865gn] {
    opacity: 0;
    width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#sidebar-container.collapsed .nav-item[b-rg7ee865gn] {
    justify-content: center;
    padding: var(--space-2);
}

#sidebar-container.collapsed .item-icon[b-rg7ee865gn] {
    width: 32px;
    height: 32px;
}

#sidebar-container.collapsed .item-icon svg[b-rg7ee865gn] {
    width: 16px;
    height: 16px;
}

/* Collapsed Tooltips */
#sidebar-container.collapsed .nav-item[b-rg7ee865gn] {
    position: relative;
}

#sidebar-container.collapsed .nav-item[b-rg7ee865gn]::after {
    content: attr(title);
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    background: var(--bg-panel);
    color: var(--text-primary);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all var(--transition-fast);
    z-index: var(--z-tooltip);
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--border-medium);
}

#sidebar-container.collapsed .nav-item:hover[b-rg7ee865gn]::after {
    opacity: 1;
    visibility: visible;
}

/* ═══════════════════════════════════
   USER PANEL
   ═══════════════════════════════════ */
.user-panel[b-rg7ee865gn] {
    margin-top: auto;
    padding: var(--space-1) 0;
    border-top: 1px solid var(--border-subtle);
}

.user-info-card[b-rg7ee865gn] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    margin-bottom: var(--space-1);
    background: var(--bg-glass-light);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.user-info-card:hover[b-rg7ee865gn] {
    background: var(--bg-glass-medium);
    border-color: var(--border);
}

.avatar-wrapper[b-rg7ee865gn] {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-elevated);
    border-radius: var(--radius-sm);
    flex-shrink: 0;
    border: 1px solid var(--border);
    transition: all var(--transition-fast);
}

.avatar-wrapper.pro[b-rg7ee865gn],
.avatar-wrapper.premium[b-rg7ee865gn] {
    background: linear-gradient(135deg, 
        rgba(0, 229, 204, 0.15) 0%, 
        rgba(0, 229, 204, 0.05) 100%
    );
    border-color: var(--success-border);
}

.avatar-wrapper.lite[b-rg7ee865gn] {
    background: linear-gradient(135deg, 
        rgba(59, 130, 246, 0.15) 0%, 
        rgba(59, 130, 246, 0.05) 100%
    );
    border-color: var(--info-border);
}

.avatar-text[b-rg7ee865gn] {
    font-size: 11px;
    font-weight: 700;
    color: var(--text-primary);
}

.user-details[b-rg7ee865gn] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.user-email[b-rg7ee865gn] {
    font-size: 10px;
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-badges[b-rg7ee865gn] {
    display: flex;
    gap: 3px;
}

.badge-tier[b-rg7ee865gn] {
    font-size: 7px;
    font-weight: 700;
    padding: 1px 4px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.badge-tier.admin[b-rg7ee865gn] {
    background: var(--error-bg);
    color: var(--error);
}

.badge-tier.free[b-rg7ee865gn] {
    background: var(--bg-glass-medium);
    color: var(--text-muted);
}

.badge-tier.lite[b-rg7ee865gn] {
    background: var(--info-bg);
    color: var(--info);
}

.badge-tier.premium[b-rg7ee865gn],
.badge-tier.pro[b-rg7ee865gn] {
    background: var(--success-bg);
    color: var(--success);
}

/* User Actions */
.user-actions[b-rg7ee865gn] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.action-link[b-rg7ee865gn] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: var(--radius-sm);
    font-size: 11px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border: 1px solid transparent;
    transition: all var(--transition-fast);
}

.action-link svg[b-rg7ee865gn] {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

.action-link:hover[b-rg7ee865gn] {
    background: var(--bg-glass-light);
    color: var(--text-primary);
    border-color: var(--border-subtle);
}

.action-link.upgrade[b-rg7ee865gn] {
    color: var(--warning);
}

.action-link.upgrade:hover[b-rg7ee865gn] {
    background: var(--warning-bg);
    border-color: var(--warning-border);
}

.action-link.logout:hover[b-rg7ee865gn] {
    background: var(--error-bg);
    color: var(--error);
    border-color: var(--error-border);
}

/* Collapsed User Panel */
#sidebar-container.collapsed .user-panel[b-rg7ee865gn] {
    padding: var(--space-1) 0;
}

#sidebar-container.collapsed .user-info-card[b-rg7ee865gn] {
    padding: var(--space-2);
    justify-content: center;
}

#sidebar-container.collapsed .user-details[b-rg7ee865gn],
#sidebar-container.collapsed .action-link span[b-rg7ee865gn] {
    display: none;
}

#sidebar-container.collapsed .action-link[b-rg7ee865gn] {
    justify-content: center;
    padding: var(--space-2);
}

/* ═══════════════════════════════════
   NAV STATUS FOOTER
   ═══════════════════════════════════ */
.nav-status[b-rg7ee865gn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 8px;
    border-top: 1px solid var(--border-subtle);
    background: rgba(0, 0, 0, 0.15);
}

.market-indicator[b-rg7ee865gn] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    color: var(--text-muted);
}

.indicator-dot[b-rg7ee865gn] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
    transition: all var(--transition-normal);
}

.market-indicator.open .indicator-dot[b-rg7ee865gn] {
    background: var(--success);
    box-shadow: 0 0 8px var(--success);
    animation: live-pulse-b-rg7ee865gn 2s ease-in-out infinite;
}

.market-indicator.premarket .indicator-dot[b-rg7ee865gn],
.market-indicator.extended .indicator-dot[b-rg7ee865gn] {
    background: var(--warning);
    box-shadow: 0 0 8px rgba(255, 181, 71, 0.5);
}

.market-indicator.closed .indicator-dot[b-rg7ee865gn] {
    background: var(--error);
    box-shadow: 0 0 6px rgba(255, 87, 87, 0.4);
}

@keyframes live-pulse-b-rg7ee865gn {
    0%, 100% {
        box-shadow: 0 0 4px var(--success);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 12px var(--success), 0 0 20px rgba(0, 229, 204, 0.3);
        transform: scale(1.2);
    }
}

.indicator-text[b-rg7ee865gn] {
    font-weight: 500;
    white-space: nowrap;
    transition: all var(--transition-fast);
}

.version-badge[b-rg7ee865gn] {
    font-family: var(--font-mono);
    font-size: 9px;
    color: var(--text-dim);
    padding: 2px 6px;
    background: var(--bg-glass-light);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
}

/* Collapsed Footer */
#sidebar-container.collapsed .indicator-text[b-rg7ee865gn],
#sidebar-container.collapsed .version-badge[b-rg7ee865gn] {
    display: none;
}

#sidebar-container.collapsed .nav-status[b-rg7ee865gn] {
    justify-content: center;
}

/* ═══════════════════════════════════
   RESPONSIVE / MOBILE
   ═══════════════════════════════════ */
@media (max-width: 768px) {
    .nav-sidebar[b-rg7ee865gn] {
        width: 100%;
        height: auto;
        flex-direction: row;
    }
    
    .ticker-matrix-bg[b-rg7ee865gn],
    .glass-overlay[b-rg7ee865gn]::before {
        display: none;
    }
    
    .glass-overlay[b-rg7ee865gn] {
        background: var(--bg-surface);
    }
    
    .nav-content[b-rg7ee865gn] {
        flex-direction: row;
        padding: var(--space-2);
        overflow-x: auto;
    }
    
    .collapse-toggle[b-rg7ee865gn] {
        display: none;
    }
    
    .nav-links[b-rg7ee865gn] {
        flex-direction: row;
        padding: 0;
        gap: var(--space-1);
    }
    
    .nav-group[b-rg7ee865gn] {
        display: contents;
    }
    
    .group-label[b-rg7ee865gn] {
        display: none;
    }
    
    .nav-item[b-rg7ee865gn] {
        flex-direction: column;
        gap: var(--space-1);
        padding: var(--space-2) var(--space-3);
        margin: 0;
    }
    
    .item-icon[b-rg7ee865gn] {
        width: 24px;
        height: 24px;
    }
    
    .item-icon svg[b-rg7ee865gn] {
        width: 12px;
        height: 12px;
    }
    
    .item-label[b-rg7ee865gn] {
        font-size: var(--text-2xs);
    }
    
    .item-marker[b-rg7ee865gn],
    .ai-tag[b-rg7ee865gn] {
        display: none;
    }
    
    .user-panel[b-rg7ee865gn],
    .nav-status[b-rg7ee865gn] {
        display: none;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-9pd96e8sxa],
.components-reconnect-repeated-attempt-visible[b-9pd96e8sxa],
.components-reconnect-failed-visible[b-9pd96e8sxa],
.components-pause-visible[b-9pd96e8sxa],
.components-resume-failed-visible[b-9pd96e8sxa],
.components-rejoining-animation[b-9pd96e8sxa] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-9pd96e8sxa],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-9pd96e8sxa],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-9pd96e8sxa],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-9pd96e8sxa],
#components-reconnect-modal.components-reconnect-retrying[b-9pd96e8sxa],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-9pd96e8sxa],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-9pd96e8sxa],
#components-reconnect-modal.components-reconnect-failed[b-9pd96e8sxa],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-9pd96e8sxa] {
    display: block;
}


#components-reconnect-modal[b-9pd96e8sxa] {
    background-color: #141a24;
    color: #f0f4f8;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.75rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-9pd96e8sxa 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-9pd96e8sxa 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-9pd96e8sxa 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-9pd96e8sxa]::backdrop {
    background-color: rgba(6, 8, 12, 0.85);
    animation: components-reconnect-modal-fadeInOpacity-b-9pd96e8sxa 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-9pd96e8sxa {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-9pd96e8sxa {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-9pd96e8sxa {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-9pd96e8sxa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-9pd96e8sxa] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-9pd96e8sxa] {
    border: 0;
    background-color: #00e5cc;
    color: #06080c;
    font-weight: 600;
    padding: 8px 24px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
}

    #components-reconnect-modal button:hover[b-9pd96e8sxa] {
        background-color: #00c9b3;
        transform: translateY(-1px);
    }

    #components-reconnect-modal button:active[b-9pd96e8sxa] {
        background-color: #00b3a1;
        transform: translateY(0);
    }

.components-rejoining-animation[b-9pd96e8sxa] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-9pd96e8sxa] {
        position: absolute;
        border: 3px solid #00e5cc;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-9pd96e8sxa 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-9pd96e8sxa] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-9pd96e8sxa {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/AgentApplications.razor.rz.scp.css */
/* Agent Applications Admin Page Styles */

.agent-applications-container[b-2ssee6ajig] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

/* Header */
.page-header[b-2ssee6ajig] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-content[b-2ssee6ajig] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.page-title[b-2ssee6ajig] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary, #f8fafc);
    margin: 0;
}

.page-subtitle[b-2ssee6ajig] {
    color: var(--text-secondary, #94a3b8);
    font-size: 0.95rem;
    margin: 0;
}

.btn-refresh[b-2ssee6ajig] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--bg-secondary, #1e293b);
    border: 1px solid var(--border-color, #334155);
    color: var(--text-primary, #f8fafc);
    padding: 10px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.btn-refresh:hover:not(:disabled)[b-2ssee6ajig] {
    background: var(--bg-tertiary, #334155);
}

.btn-refresh:disabled[b-2ssee6ajig] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Stats Overview */
.stats-overview[b-2ssee6ajig] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.stat-card[b-2ssee6ajig] {
    background: var(--bg-secondary, #1e293b);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid var(--border-color, #334155);
}

.stat-card.pending[b-2ssee6ajig] {
    border-left: 4px solid #f59e0b;
}

.stat-card.info-required[b-2ssee6ajig] {
    border-left: 4px solid #8b5cf6;
}

.stat-card.approved[b-2ssee6ajig] {
    border-left: 4px solid #10b981;
}

.stat-card.denied[b-2ssee6ajig] {
    border-left: 4px solid #ef4444;
}

.stat-card.agents[b-2ssee6ajig] {
    border-left: 4px solid #3b82f6;
}

.stat-icon[b-2ssee6ajig] {
    font-size: 2rem;
}

.stat-content[b-2ssee6ajig] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.stat-value[b-2ssee6ajig] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #f8fafc);
}

.stat-label[b-2ssee6ajig] {
    font-size: 0.85rem;
    color: var(--text-secondary, #94a3b8);
}

/* Filter Section */
.filter-section[b-2ssee6ajig] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
    padding: 16px;
    background: var(--bg-secondary, #1e293b);
    border-radius: 12px;
    border: 1px solid var(--border-color, #334155);
}

.filter-boxes[b-2ssee6ajig] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.filter-box[b-2ssee6ajig] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    background: var(--bg-tertiary, #334155);
    border: 2px solid transparent;
    color: var(--text-secondary, #94a3b8);
    padding: 10px 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 80px;
}

.filter-box:hover[b-2ssee6ajig] {
    background: var(--bg-hover, #475569);
    color: var(--text-primary, #f8fafc);
}

.filter-box.active[b-2ssee6ajig] {
    border-color: var(--accent-color, #3b82f6);
    background: rgba(59, 130, 246, 0.1);
    color: var(--text-primary, #f8fafc);
}

.filter-box.pending.active[b-2ssee6ajig] {
    border-color: #f59e0b;
    background: rgba(245, 158, 11, 0.1);
}

.filter-box.info.active[b-2ssee6ajig] {
    border-color: #8b5cf6;
    background: rgba(139, 92, 246, 0.1);
}

.filter-box.approved.active[b-2ssee6ajig] {
    border-color: #10b981;
    background: rgba(16, 185, 129, 0.1);
}

.filter-box.denied.active[b-2ssee6ajig] {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.1);
}

.filter-count[b-2ssee6ajig] {
    font-size: 1.1rem;
    font-weight: 600;
}

.filter-label[b-2ssee6ajig] {
    font-size: 0.75rem;
    text-transform: uppercase;
}

.search-box[b-2ssee6ajig] {
    margin-left: auto;
}

.search-box input[b-2ssee6ajig] {
    background: var(--bg-tertiary, #334155);
    border: 1px solid var(--border-color, #475569);
    color: var(--text-primary, #f8fafc);
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 0.9rem;
    width: 280px;
}

.search-box input[b-2ssee6ajig]::placeholder {
    color: var(--text-muted, #64748b);
}

.search-box input:focus[b-2ssee6ajig] {
    outline: none;
    border-color: var(--accent-color, #3b82f6);
}

/* Table Container */
.table-container[b-2ssee6ajig] {
    background: var(--bg-secondary, #1e293b);
    border-radius: 12px;
    border: 1px solid var(--border-color, #334155);
    overflow: hidden;
}

.loading-overlay[b-2ssee6ajig] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 60px;
    color: var(--text-secondary, #94a3b8);
}

.spinner[b-2ssee6ajig] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border-color, #334155);
    border-top-color: var(--accent-color, #3b82f6);
    border-radius: 50%;
    animation: spin-b-2ssee6ajig 1s linear infinite;
}

.spinner-sm[b-2ssee6ajig] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-2ssee6ajig 0.8s linear infinite;
}

@keyframes spin-b-2ssee6ajig {
    to { transform: rotate(360deg); }
}

.empty-state[b-2ssee6ajig] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px;
}

.empty-icon[b-2ssee6ajig] {
    font-size: 3rem;
}

.empty-text[b-2ssee6ajig] {
    color: var(--text-secondary, #94a3b8);
    font-size: 1rem;
}

/* Applications Table */
.applications-table[b-2ssee6ajig] {
    width: 100%;
    border-collapse: collapse;
}

.applications-table th[b-2ssee6ajig],
.applications-table td[b-2ssee6ajig] {
    padding: 14px 16px;
    text-align: left;
    border-bottom: 1px solid var(--border-color, #334155);
}

.applications-table th[b-2ssee6ajig] {
    background: var(--bg-tertiary, #334155);
    color: var(--text-secondary, #94a3b8);
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
}

.applications-table th.sortable[b-2ssee6ajig] {
    cursor: pointer;
    user-select: none;
}

.applications-table th.sortable:hover[b-2ssee6ajig] {
    color: var(--text-primary, #f8fafc);
}

.applications-table tr:hover[b-2ssee6ajig] {
    background: rgba(59, 130, 246, 0.05);
}

.applications-table tr.row-pending[b-2ssee6ajig] {
    border-left: 3px solid #f59e0b;
}

.applications-table tr.row-info[b-2ssee6ajig] {
    border-left: 3px solid #8b5cf6;
}

.applications-table tr.row-approved[b-2ssee6ajig] {
    border-left: 3px solid #10b981;
    opacity: 0.7;
}

.applications-table tr.row-denied[b-2ssee6ajig] {
    border-left: 3px solid #ef4444;
    opacity: 0.7;
}

/* User Cell */
.user-cell[b-2ssee6ajig] {
    min-width: 200px;
}

.user-info[b-2ssee6ajig] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.username[b-2ssee6ajig] {
    font-weight: 600;
    color: var(--text-primary, #f8fafc);
}

.email[b-2ssee6ajig] {
    font-size: 0.85rem;
    color: var(--text-secondary, #94a3b8);
}

/* Plan Badge */
.plan-badge[b-2ssee6ajig] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
}

.plan-badge.signals[b-2ssee6ajig] {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
}

.plan-badge.tradeiq[b-2ssee6ajig] {
    background: rgba(16, 185, 129, 0.15);
    color: #34d399;
}

/* Price */
.price[b-2ssee6ajig] {
    font-weight: 600;
    color: #10b981;
}

/* Status Badge */
.status-badge[b-2ssee6ajig] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: capitalize;
}

.status-badge.pending[b-2ssee6ajig] {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
}

.status-badge.moreinforrequired[b-2ssee6ajig] {
    background: rgba(139, 92, 246, 0.15);
    color: #a78bfa;
}

.status-badge.approved[b-2ssee6ajig] {
    background: rgba(16, 185, 129, 0.15);
    color: #34d399;
}

.status-badge.denied[b-2ssee6ajig] {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
}

/* Days Pending */
.days-pending[b-2ssee6ajig] {
    font-size: 0.9rem;
    color: var(--text-secondary, #94a3b8);
}

.days-pending.warning[b-2ssee6ajig] {
    color: #f59e0b;
    font-weight: 600;
}

/* Actions */
.actions-cell[b-2ssee6ajig] {
    display: flex;
    gap: 8px;
}

.btn-action[b-2ssee6ajig] {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-action.view[b-2ssee6ajig] {
    background: rgba(59, 130, 246, 0.15);
}

.btn-action.view:hover[b-2ssee6ajig] {
    background: rgba(59, 130, 246, 0.3);
}

.btn-action.approve[b-2ssee6ajig] {
    background: rgba(16, 185, 129, 0.15);
}

.btn-action.approve:hover[b-2ssee6ajig] {
    background: rgba(16, 185, 129, 0.3);
}

.btn-action.deny[b-2ssee6ajig] {
    background: rgba(239, 68, 68, 0.15);
}

.btn-action.deny:hover[b-2ssee6ajig] {
    background: rgba(239, 68, 68, 0.3);
}

/* Pagination */
.pagination[b-2ssee6ajig] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    border-top: 1px solid var(--border-color, #334155);
}

.btn-page[b-2ssee6ajig] {
    background: var(--bg-tertiary, #334155);
    border: 1px solid var(--border-color, #475569);
    color: var(--text-primary, #f8fafc);
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.btn-page:hover:not(:disabled)[b-2ssee6ajig] {
    background: var(--bg-hover, #475569);
}

.btn-page:disabled[b-2ssee6ajig] {
    opacity: 0.5;
    cursor: not-allowed;
}

.page-info[b-2ssee6ajig] {
    color: var(--text-secondary, #94a3b8);
    font-size: 0.9rem;
}

/* Modal Overlay */
.modal-overlay[b-2ssee6ajig] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
}

.modal-content[b-2ssee6ajig] {
    background: var(--bg-primary, #0f172a);
    border: 1px solid var(--border-color, #334155);
    border-radius: 16px;
    max-width: 700px;
    width: 100%;
    max-height: 85vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.detail-modal[b-2ssee6ajig] {
    max-width: 800px;
}

.modal-header[b-2ssee6ajig] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid var(--border-color, #334155);
    background: var(--bg-secondary, #1e293b);
}

.modal-header h2[b-2ssee6ajig] {
    margin: 0;
    font-size: 1.25rem;
    color: var(--text-primary, #f8fafc);
}

.btn-close[b-2ssee6ajig] {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 8px;
    background: var(--bg-tertiary, #334155);
    color: var(--text-secondary, #94a3b8);
    font-size: 1.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-close:hover[b-2ssee6ajig] {
    background: var(--bg-hover, #475569);
    color: var(--text-primary, #f8fafc);
}

.modal-body[b-2ssee6ajig] {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

.modal-footer[b-2ssee6ajig] {
    display: flex;
    gap: 12px;
    padding: 20px 24px;
    border-top: 1px solid var(--border-color, #334155);
    background: var(--bg-secondary, #1e293b);
}

/* Detail Sections */
.detail-section[b-2ssee6ajig] {
    margin-bottom: 24px;
}

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

.detail-section h3[b-2ssee6ajig] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #f8fafc);
    margin: 0 0 16px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border-color, #334155);
}

.detail-grid[b-2ssee6ajig] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.detail-item[b-2ssee6ajig] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.detail-item .label[b-2ssee6ajig] {
    font-size: 0.8rem;
    color: var(--text-muted, #64748b);
    text-transform: uppercase;
}

.detail-item .value[b-2ssee6ajig] {
    font-size: 1rem;
    color: var(--text-primary, #f8fafc);
}

/* Social Links */
.social-links[b-2ssee6ajig] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.social-link[b-2ssee6ajig] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.2s ease;
}

.social-link.youtube[b-2ssee6ajig] {
    background: rgba(255, 0, 0, 0.15);
    color: #ff6b6b;
}

.social-link.youtube:hover[b-2ssee6ajig] {
    background: rgba(255, 0, 0, 0.25);
}

.social-link.twitter[b-2ssee6ajig] {
    background: rgba(29, 161, 242, 0.15);
    color: #1da1f2;
}

.social-link.twitter:hover[b-2ssee6ajig] {
    background: rgba(29, 161, 242, 0.25);
}

.social-link.facebook[b-2ssee6ajig] {
    background: rgba(24, 119, 242, 0.15);
    color: #4998f8;
}

.social-link.facebook:hover[b-2ssee6ajig] {
    background: rgba(24, 119, 242, 0.25);
}

.social-link.other[b-2ssee6ajig] {
    background: rgba(139, 92, 246, 0.15);
    color: #a78bfa;
}

.social-link.other:hover[b-2ssee6ajig] {
    background: rgba(139, 92, 246, 0.25);
}

.no-links[b-2ssee6ajig] {
    color: var(--text-muted, #64748b);
    font-style: italic;
}

/* Review History */
.review-history[b-2ssee6ajig] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.history-item[b-2ssee6ajig] {
    padding: 12px 16px;
    border-radius: 8px;
    background: var(--bg-secondary, #1e293b);
    border-left: 3px solid var(--border-color, #334155);
}

.history-item.approve[b-2ssee6ajig] {
    border-left-color: #10b981;
}

.history-item.deny[b-2ssee6ajig] {
    border-left-color: #ef4444;
}

.history-item.requestmoreinfo[b-2ssee6ajig] {
    border-left-color: #f59e0b;
}

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

.history-header .action[b-2ssee6ajig] {
    font-weight: 600;
    color: var(--text-primary, #f8fafc);
}

.history-header .date[b-2ssee6ajig] {
    font-size: 0.85rem;
    color: var(--text-muted, #64748b);
}

.history-details[b-2ssee6ajig] {
    display: flex;
    gap: 16px;
    font-size: 0.85rem;
    color: var(--text-secondary, #94a3b8);
}

.history-notes[b-2ssee6ajig] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed var(--border-color, #334155);
    font-size: 0.9rem;
    color: var(--text-secondary, #94a3b8);
    font-style: italic;
}

/* Previous Applications Warning */
.warning-section h3[b-2ssee6ajig] {
    color: #f59e0b;
}

.previous-apps[b-2ssee6ajig] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.prev-app-item[b-2ssee6ajig] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border-radius: 6px;
    background: rgba(245, 158, 11, 0.1);
}

/* Textarea */
textarea[b-2ssee6ajig] {
    width: 100%;
    background: var(--bg-secondary, #1e293b);
    border: 1px solid var(--border-color, #334155);
    color: var(--text-primary, #f8fafc);
    padding: 12px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-family: inherit;
    resize: vertical;
}

textarea[b-2ssee6ajig]::placeholder {
    color: var(--text-muted, #64748b);
}

textarea:focus[b-2ssee6ajig] {
    outline: none;
    border-color: var(--accent-color, #3b82f6);
}

/* Buttons */
.btn[b-2ssee6ajig] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn:disabled[b-2ssee6ajig] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-approve[b-2ssee6ajig] {
    background: #10b981;
    color: white;
}

.btn-approve:hover:not(:disabled)[b-2ssee6ajig] {
    background: #059669;
}

.btn-deny[b-2ssee6ajig] {
    background: #ef4444;
    color: white;
}

.btn-deny:hover:not(:disabled)[b-2ssee6ajig] {
    background: #dc2626;
}

.btn-info[b-2ssee6ajig] {
    background: #f59e0b;
    color: white;
}

.btn-info:hover:not(:disabled)[b-2ssee6ajig] {
    background: #d97706;
}

.btn-secondary[b-2ssee6ajig] {
    background: var(--bg-tertiary, #334155);
    color: var(--text-primary, #f8fafc);
}

.btn-secondary:hover:not(:disabled)[b-2ssee6ajig] {
    background: var(--bg-hover, #475569);
}

/* Error Message */
.error-message[b-2ssee6ajig] {
    margin-top: 12px;
    padding: 12px;
    border-radius: 8px;
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
    font-size: 0.9rem;
}

/* Toast Messages */
.toast[b-2ssee6ajig] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    padding: 16px 24px;
    border-radius: 12px;
    font-size: 0.95rem;
    font-weight: 500;
    z-index: 2000;
    animation: slideIn-b-2ssee6ajig 0.3s ease;
}

.toast.success[b-2ssee6ajig] {
    background: #10b981;
    color: white;
}

.toast.error[b-2ssee6ajig] {
    background: #ef4444;
    color: white;
}

@keyframes slideIn-b-2ssee6ajig {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .agent-applications-container[b-2ssee6ajig] {
        padding: 16px;
    }

    .page-header[b-2ssee6ajig] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .stats-overview[b-2ssee6ajig] {
        grid-template-columns: repeat(2, 1fr);
    }

    .filter-section[b-2ssee6ajig] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box[b-2ssee6ajig] {
        margin-left: 0;
    }

    .search-box input[b-2ssee6ajig] {
        width: 100%;
    }

    .applications-table[b-2ssee6ajig] {
        display: block;
        overflow-x: auto;
    }

    .modal-content[b-2ssee6ajig] {
        max-height: 95vh;
        margin: 10px;
    }

    .modal-footer[b-2ssee6ajig] {
        flex-wrap: wrap;
    }

    .toast[b-2ssee6ajig] {
        left: 16px;
        right: 16px;
        bottom: 16px;
    }
}
/* /Components/Pages/Admin/MarketplaceManagement.razor.rz.scp.css */
/* Marketplace Management Admin Page Styles */

.marketplace-management-container[b-0as0tieqae] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

/* Header */
.page-header[b-0as0tieqae] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-content[b-0as0tieqae] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.page-title[b-0as0tieqae] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary, #f8fafc);
    margin: 0;
}

.page-subtitle[b-0as0tieqae] {
    color: var(--text-secondary, #94a3b8);
    font-size: 0.95rem;
    margin: 0;
}

.btn-refresh[b-0as0tieqae] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--bg-secondary, #1e293b);
    border: 1px solid var(--border-color, #334155);
    color: var(--text-primary, #f8fafc);
    padding: 10px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.btn-refresh:hover:not(:disabled)[b-0as0tieqae] {
    background: var(--bg-tertiary, #334155);
}

.btn-refresh:disabled[b-0as0tieqae] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Stats Overview */
.stats-overview[b-0as0tieqae] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.stat-card[b-0as0tieqae] {
    background: var(--bg-secondary, #1e293b);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid var(--border-color, #334155);
}

.stat-card.total[b-0as0tieqae] {
    border-left: 4px solid #3b82f6;
}

.stat-card.eligible[b-0as0tieqae] {
    border-left: 4px solid #10b981;
}

.stat-card.listed[b-0as0tieqae] {
    border-left: 4px solid #8b5cf6;
}

.stat-card.not-eligible[b-0as0tieqae] {
    border-left: 4px solid #f59e0b;
}

.stat-card.subscribers[b-0as0tieqae] {
    border-left: 4px solid #06b6d4;
}

.stat-icon[b-0as0tieqae] {
    font-size: 2rem;
}

.stat-content[b-0as0tieqae] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.stat-value[b-0as0tieqae] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #f8fafc);
}

.stat-label[b-0as0tieqae] {
    font-size: 0.85rem;
    color: var(--text-secondary, #94a3b8);
}

/* Eligibility Info Box */
.eligibility-info[b-0as0tieqae] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(139, 92, 246, 0.1));
    border: 1px solid rgba(59, 130, 246, 0.3);
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 24px;
}

.eligibility-header[b-0as0tieqae] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.eligibility-icon[b-0as0tieqae] {
    font-size: 1.25rem;
}

.eligibility-title[b-0as0tieqae] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #f8fafc);
}

.eligibility-requirements[b-0as0tieqae] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.requirement[b-0as0tieqae] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-secondary, #94a3b8);
    font-size: 0.9rem;
}

.requirement-icon[b-0as0tieqae] {
    font-size: 1rem;
}

.requirement strong[b-0as0tieqae] {
    color: var(--text-primary, #f8fafc);
}

/* Filter Section */
.filter-section[b-0as0tieqae] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
    padding: 16px;
    background: var(--bg-secondary, #1e293b);
    border-radius: 12px;
    border: 1px solid var(--border-color, #334155);
}

.filter-boxes[b-0as0tieqae] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.filter-box[b-0as0tieqae] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    background: var(--bg-tertiary, #334155);
    border: 2px solid transparent;
    color: var(--text-secondary, #94a3b8);
    padding: 10px 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 80px;
}

.filter-box:hover[b-0as0tieqae] {
    background: var(--bg-hover, #475569);
    color: var(--text-primary, #f8fafc);
}

.filter-box.active[b-0as0tieqae] {
    border-color: var(--accent-color, #3b82f6);
    background: rgba(59, 130, 246, 0.1);
    color: var(--text-primary, #f8fafc);
}

.filter-box.eligible.active[b-0as0tieqae] {
    border-color: #10b981;
    background: rgba(16, 185, 129, 0.1);
}

.filter-box.listed.active[b-0as0tieqae] {
    border-color: #8b5cf6;
    background: rgba(139, 92, 246, 0.1);
}

.filter-box.not-eligible.active[b-0as0tieqae] {
    border-color: #f59e0b;
    background: rgba(245, 158, 11, 0.1);
}

.filter-count[b-0as0tieqae] {
    font-size: 1.1rem;
    font-weight: 600;
}

.filter-label[b-0as0tieqae] {
    font-size: 0.75rem;
    text-transform: uppercase;
}

.search-box[b-0as0tieqae] {
    margin-left: auto;
}

.search-box input[b-0as0tieqae] {
    background: var(--bg-tertiary, #334155);
    border: 1px solid var(--border-color, #475569);
    color: var(--text-primary, #f8fafc);
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 0.9rem;
    width: 280px;
    transition: all 0.2s ease;
}

.search-box input:focus[b-0as0tieqae] {
    outline: none;
    border-color: var(--accent-color, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

.search-box input[b-0as0tieqae]::placeholder {
    color: var(--text-muted, #64748b);
}

/* Table Container */
.table-container[b-0as0tieqae] {
    background: var(--bg-secondary, #1e293b);
    border-radius: 12px;
    border: 1px solid var(--border-color, #334155);
    overflow: hidden;
}

.loading-overlay[b-0as0tieqae] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    color: var(--text-secondary, #94a3b8);
}

.spinner[b-0as0tieqae] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border-color, #334155);
    border-top-color: var(--accent-color, #3b82f6);
    border-radius: 50%;
    animation: spin-b-0as0tieqae 1s linear infinite;
}

.spinner-sm[b-0as0tieqae] {
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spin-b-0as0tieqae 0.8s linear infinite;
    display: inline-block;
}

@keyframes spin-b-0as0tieqae {
    to { transform: rotate(360deg); }
}

.empty-state[b-0as0tieqae] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 12px;
}

.empty-icon[b-0as0tieqae] {
    font-size: 3rem;
}

.empty-text[b-0as0tieqae] {
    color: var(--text-secondary, #94a3b8);
    font-size: 1rem;
}

/* Strategies Table */
.strategies-table[b-0as0tieqae] {
    width: 100%;
    border-collapse: collapse;
}

.strategies-table thead[b-0as0tieqae] {
    background: var(--bg-tertiary, #0f172a);
}

.strategies-table th[b-0as0tieqae] {
    padding: 14px 16px;
    text-align: left;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-secondary, #94a3b8);
    border-bottom: 1px solid var(--border-color, #334155);
    white-space: nowrap;
}

.strategies-table th.sortable[b-0as0tieqae] {
    cursor: pointer;
    user-select: none;
}

.strategies-table th.sortable:hover[b-0as0tieqae] {
    color: var(--text-primary, #f8fafc);
}

.strategies-table td[b-0as0tieqae] {
    padding: 14px 16px;
    border-bottom: 1px solid var(--border-color, #334155);
    color: var(--text-primary, #f8fafc);
    vertical-align: middle;
}

.strategies-table tbody tr[b-0as0tieqae] {
    transition: background 0.15s ease;
}

.strategies-table tbody tr:hover[b-0as0tieqae] {
    background: var(--bg-tertiary, #334155);
}

.strategies-table tbody tr.expanded[b-0as0tieqae] {
    background: rgba(59, 130, 246, 0.05);
}

/* Agent Info Cell */
.agent-info[b-0as0tieqae] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.agent-name[b-0as0tieqae] {
    font-weight: 600;
    color: var(--text-primary, #f8fafc);
}

.agent-email[b-0as0tieqae] {
    font-size: 0.8rem;
    color: var(--text-secondary, #94a3b8);
}

/* Strategy Cell */
.strategy-name[b-0as0tieqae] {
    display: block;
    font-weight: 500;
}

.strategy-price[b-0as0tieqae] {
    display: block;
    font-size: 0.8rem;
    color: var(--text-secondary, #94a3b8);
}

/* Text Alignment */
.text-center[b-0as0tieqae] {
    text-align: center;
}

/* Metric Styling */
.metric-pass[b-0as0tieqae] {
    color: #10b981;
    font-weight: 600;
}

.metric-fail[b-0as0tieqae] {
    color: #f59e0b;
    font-weight: 600;
}

.positive[b-0as0tieqae] {
    color: #10b981;
}

.negative[b-0as0tieqae] {
    color: #ef4444;
}

/* Badges */
.badge[b-0as0tieqae] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-success[b-0as0tieqae] {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.badge-warning[b-0as0tieqae] {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
}

.badge-active[b-0as0tieqae] {
    background: rgba(139, 92, 246, 0.15);
    color: #8b5cf6;
}

.badge-inactive[b-0as0tieqae] {
    background: rgba(100, 116, 139, 0.15);
    color: #64748b;
}

/* Action Buttons */
.action-buttons[b-0as0tieqae] {
    display: flex;
    gap: 6px;
    justify-content: center;
}

.btn-action[b-0as0tieqae] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid var(--border-color, #334155);
    background: var(--bg-tertiary, #334155);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-action:hover[b-0as0tieqae] {
    transform: translateY(-1px);
}

.btn-detail:hover[b-0as0tieqae] {
    background: rgba(59, 130, 246, 0.2);
    border-color: #3b82f6;
}

.btn-reset:hover[b-0as0tieqae] {
    background: rgba(245, 158, 11, 0.2);
    border-color: #f59e0b;
}

.btn-delete:hover[b-0as0tieqae] {
    background: rgba(239, 68, 68, 0.2);
    border-color: #ef4444;
}

/* Detail Row */
.detail-row td[b-0as0tieqae] {
    padding: 0;
    background: rgba(59, 130, 246, 0.03);
}

.strategy-details[b-0as0tieqae] {
    padding: 20px 24px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 24px;
}

.detail-section h4[b-0as0tieqae] {
    margin: 0 0 16px 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-secondary, #94a3b8);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

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

.detail-item[b-0as0tieqae] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    background: var(--bg-secondary, #1e293b);
    border-radius: 8px;
    border: 1px solid var(--border-color, #334155);
}

.detail-item.full-width[b-0as0tieqae] {
    grid-column: 1 / -1;
}

.detail-label[b-0as0tieqae] {
    font-size: 0.75rem;
    color: var(--text-secondary, #94a3b8);
    text-transform: uppercase;
}

.detail-value[b-0as0tieqae] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary, #f8fafc);
}

/* Modal Styles */
.modal-overlay[b-0as0tieqae] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-0as0tieqae 0.2s ease;
}

@keyframes fadeIn-b-0as0tieqae {
    from { opacity: 0; }
    to { opacity: 1; }
}

.modal-content[b-0as0tieqae] {
    background: var(--bg-secondary, #1e293b);
    border: 1px solid var(--border-color, #334155);
    border-radius: 16px;
    width: 90%;
    max-width: 480px;
    animation: slideUp-b-0as0tieqae 0.2s ease;
}

@keyframes slideUp-b-0as0tieqae {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-header[b-0as0tieqae] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--border-color, #334155);
}

.modal-header h3[b-0as0tieqae] {
    margin: 0;
    font-size: 1.25rem;
    color: var(--text-primary, #f8fafc);
}

.modal-close[b-0as0tieqae] {
    background: none;
    border: none;
    color: var(--text-secondary, #94a3b8);
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.modal-close:hover[b-0as0tieqae] {
    color: var(--text-primary, #f8fafc);
}

.modal-body[b-0as0tieqae] {
    padding: 24px;
}

.modal-body p[b-0as0tieqae] {
    margin: 0 0 12px 0;
    color: var(--text-primary, #f8fafc);
    line-height: 1.5;
}

.warning-text[b-0as0tieqae] {
    color: #f59e0b !important;
    font-size: 0.9rem;
    padding: 12px;
    background: rgba(245, 158, 11, 0.1);
    border-radius: 8px;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.modal-footer[b-0as0tieqae] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid var(--border-color, #334155);
}

.btn-cancel[b-0as0tieqae] {
    padding: 10px 20px;
    border-radius: 8px;
    border: 1px solid var(--border-color, #334155);
    background: transparent;
    color: var(--text-primary, #f8fafc);
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancel:hover[b-0as0tieqae] {
    background: var(--bg-tertiary, #334155);
}

.btn-confirm[b-0as0tieqae] {
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-confirm.btn-danger[b-0as0tieqae] {
    background: #ef4444;
    color: white;
}

.btn-confirm.btn-danger:hover:not(:disabled)[b-0as0tieqae] {
    background: #dc2626;
}

.btn-confirm:disabled[b-0as0tieqae] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Toast Notification */
.toast[b-0as0tieqae] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    padding: 16px 24px;
    border-radius: 12px;
    color: white;
    font-weight: 500;
    z-index: 1001;
    animation: slideInRight-b-0as0tieqae 0.3s ease;
}

@keyframes slideInRight-b-0as0tieqae {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.toast.success[b-0as0tieqae] {
    background: linear-gradient(135deg, #10b981, #059669);
}

.toast.error[b-0as0tieqae] {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

/* Responsive */
@media (max-width: 768px) {
    .marketplace-management-container[b-0as0tieqae] {
        padding: 16px;
    }

    .page-header[b-0as0tieqae] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .btn-refresh[b-0as0tieqae] {
        width: 100%;
        justify-content: center;
    }

    .filter-section[b-0as0tieqae] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box[b-0as0tieqae] {
        margin-left: 0;
    }

    .search-box input[b-0as0tieqae] {
        width: 100%;
    }

    .strategies-table[b-0as0tieqae] {
        display: block;
        overflow-x: auto;
    }

    .strategy-details[b-0as0tieqae] {
        grid-template-columns: 1fr;
    }

    .eligibility-requirements[b-0as0tieqae] {
        flex-direction: column;
        gap: 12px;
    }
}
/* /Components/Pages/Agent/AgentDashboard.razor.rz.scp.css */
/* Agent Dashboard Styles */
.agent-dashboard[b-iejercncj0] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Loading State */
.loading-container[b-iejercncj0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    gap: 1rem;
    color: var(--text-secondary);
}

.loading-spinner-large[b-iejercncj0] {
    width: 48px;
    height: 48px;
    border: 4px solid var(--border-color);
    border-top-color: var(--accent-color);
    border-radius: 50%;
    animation: spin-b-iejercncj0 1s linear infinite;
}

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

/* Not Agent State */
.not-agent-container[b-iejercncj0] {
    display: flex;
    justify-content: center;
    padding: 4rem 1rem;
}

.not-agent-message[b-iejercncj0] {
    text-align: center;
    max-width: 500px;
}

.not-agent-message .lock-icon[b-iejercncj0] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.not-agent-message h2[b-iejercncj0] {
    margin: 0 0 0.5rem 0;
    color: var(--text-primary);
}

.not-agent-message p[b-iejercncj0] {
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
}

/* Header */
.dashboard-header[b-iejercncj0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.dashboard-header h1[b-iejercncj0] {
    margin: 0;
    font-size: 1.75rem;
    color: var(--text-primary);
}

.dashboard-header .subtitle[b-iejercncj0] {
    margin: 0.25rem 0 0 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.signal-counter[b-iejercncj0] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    text-align: right;
}

.signal-counter.warning[b-iejercncj0] {
    border-color: var(--warning-color);
    background: rgba(255, 193, 7, 0.1);
}

.counter-label[b-iejercncj0] {
    display: block;
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-bottom: 0.25rem;
}

.counter-value[b-iejercncj0] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
}

.counter-warning[b-iejercncj0] {
    display: block;
    font-size: 0.75rem;
    color: var(--warning-color);
}

/* Cards */
.card[b-iejercncj0] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.card-header[b-iejercncj0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-color);
}

.card-header h2[b-iejercncj0],
.card-header h3[b-iejercncj0] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.card-body[b-iejercncj0] {
    padding: 1.25rem;
}

/* Trade Entry Form */
.trade-entry-form .form-row[b-iejercncj0] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.form-group[b-iejercncj0] {
    display: flex;
    flex-direction: column;
}

.form-group label[b-iejercncj0] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.symbol-group[b-iejercncj0] {
    flex: 1;
    min-width: 200px;
}

.command-group[b-iejercncj0] {
    flex: 1.5;
    min-width: 200px;
}

.submit-group[b-iejercncj0] {
    flex: 0 0 auto;
}

.symbol-input-wrapper[b-iejercncj0] {
    position: relative;
}

.symbol-input[b-iejercncj0] {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding-right: 2.5rem;
}

.symbol-input.invalid[b-iejercncj0] {
    border-color: var(--danger-color);
}

.validation-spinner[b-iejercncj0],
.validation-success[b-iejercncj0] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
}

.validation-success[b-iejercncj0] {
    color: var(--success-color);
    font-weight: bold;
}

.symbol-info[b-iejercncj0] {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    margin-top: 0.25rem;
    padding: 0.25rem 0;
}

.symbol-info .company-name[b-iejercncj0] {
    color: var(--text-secondary);
}

.symbol-info .current-price[b-iejercncj0] {
    color: var(--accent-color);
    font-weight: 600;
}

.validation-error[b-iejercncj0] {
    color: var(--danger-color);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.command-select[b-iejercncj0] {
    cursor: pointer;
}

.command-hint[b-iejercncj0] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: 0.25rem;
}

.submit-signal-btn[b-iejercncj0] {
    height: 42px;
    padding: 0 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.spinner-small[b-iejercncj0] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-iejercncj0 0.8s linear infinite;
}

.trade-result[b-iejercncj0] {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.trade-result.success[b-iejercncj0] {
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid var(--success-color);
    color: var(--success-color);
}

.trade-result.error[b-iejercncj0] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid var(--danger-color);
    color: var(--danger-color);
}

.result-icon[b-iejercncj0] {
    font-weight: bold;
    font-size: 1.1rem;
}

/* Portfolio Table */
.empty-portfolio[b-iejercncj0] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--text-secondary);
}

.empty-portfolio .empty-icon[b-iejercncj0] {
    font-size: 3rem;
    display: block;
    margin-bottom: 0.5rem;
}

.portfolio-table[b-iejercncj0] {
    width: 100%;
    border-collapse: collapse;
}

.portfolio-table th[b-iejercncj0],
.portfolio-table td[b-iejercncj0] {
    padding: 0.75rem;
    border-bottom: 1px solid var(--border-color);
}

.portfolio-table th[b-iejercncj0] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left;
}

.portfolio-table tr:hover[b-iejercncj0] {
    background: var(--hover-bg);
}

.portfolio-table tr:last-child td[b-iejercncj0] {
    border-bottom: none;
}

.symbol-cell[b-iejercncj0] {
    display: flex;
    flex-direction: column;
}

.symbol-cell .symbol[b-iejercncj0] {
    font-weight: 700;
    color: var(--text-primary);
}

.symbol-cell .company-name[b-iejercncj0] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.side-badge[b-iejercncj0] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.side-badge.long[b-iejercncj0] {
    background: rgba(40, 167, 69, 0.15);
    color: var(--success-color);
}

.side-badge.short[b-iejercncj0] {
    background: rgba(220, 53, 69, 0.15);
    color: var(--danger-color);
}

.text-right[b-iejercncj0] {
    text-align: right !important;
}

.text-center[b-iejercncj0] {
    text-align: center !important;
}

.positive[b-iejercncj0] {
    color: var(--success-color);
}

.negative[b-iejercncj0] {
    color: var(--danger-color);
}

.close-btn[b-iejercncj0] {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
}

.refresh-btn[b-iejercncj0] {
    padding: 0.4rem 0.75rem;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.spinning[b-iejercncj0] {
    animation: spin-b-iejercncj0 1s linear infinite;
    display: inline-block;
}

/* Stats Row */
.stats-row[b-iejercncj0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

@media (max-width: 768px) {
    .stats-row[b-iejercncj0] {
        grid-template-columns: 1fr;
    }
}

.stats-card .card-body[b-iejercncj0] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.stat-item[b-iejercncj0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.stat-label[b-iejercncj0] {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.stat-value[b-iejercncj0] {
    font-weight: 700;
    font-size: 1rem;
    color: var(--text-primary);
}

.view-history-link[b-iejercncj0] {
    margin-top: 0.5rem;
    text-align: right;
    font-size: 0.85rem;
    color: var(--accent-color);
    text-decoration: none;
}

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

/* Footer Links */
.dashboard-footer[b-iejercncj0] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color);
}

.footer-link[b-iejercncj0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    color: var(--text-primary);
    text-decoration: none;
    transition: all 0.2s;
}

.footer-link:hover:not(.disabled)[b-iejercncj0] {
    border-color: var(--accent-color);
    background: var(--hover-bg);
}

.footer-link.disabled[b-iejercncj0] {
    opacity: 0.5;
    cursor: not-allowed;
}

.link-icon[b-iejercncj0] {
    font-size: 1.1rem;
}

/* Button Styles */
.btn[b-iejercncj0] {
    display: inline-block;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn:disabled[b-iejercncj0] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary[b-iejercncj0] {
    background: var(--accent-color);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-iejercncj0] {
    background: var(--accent-color-hover);
}

.btn-secondary[b-iejercncj0] {
    background: var(--secondary-bg);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

.btn-secondary:hover:not(:disabled)[b-iejercncj0] {
    background: var(--hover-bg);
}

.btn-danger[b-iejercncj0] {
    background: var(--danger-color);
    color: white;
}

.btn-danger:hover:not(:disabled)[b-iejercncj0] {
    opacity: 0.9;
}

.btn-sm[b-iejercncj0] {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

/* Form Controls */
.form-control[b-iejercncj0] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    background: var(--input-bg);
    color: var(--text-primary);
    font-size: 0.9rem;
    transition: border-color 0.2s;
}

.form-control:focus[b-iejercncj0] {
    outline: none;
    border-color: var(--accent-color);
}

.form-control:disabled[b-iejercncj0] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Mode Indicator */
.header-right[b-iejercncj0] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.75rem;
}

.mode-indicator[b-iejercncj0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
}

.mode-indicator.test-mode[b-iejercncj0] {
    background: rgba(255, 193, 7, 0.15);
    border: 1px solid rgba(255, 193, 7, 0.3);
}

.mode-indicator.live-mode[b-iejercncj0] {
    background: rgba(40, 167, 69, 0.15);
    border: 1px solid rgba(40, 167, 69, 0.3);
}

.mode-badge[b-iejercncj0] {
    font-weight: bold;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.mode-badge.test[b-iejercncj0] {
    background: rgba(255, 193, 7, 0.3);
    color: #ffc107;
}

.mode-badge.live[b-iejercncj0] {
    background: rgba(40, 167, 69, 0.3);
    color: #28a745;
}

.mode-hint[b-iejercncj0] {
    font-size: 0.75rem;
    color: var(--text-secondary);
}

.mode-settings-link[b-iejercncj0] {
    text-decoration: none;
    font-size: 1.2rem;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.mode-settings-link:hover[b-iejercncj0] {
    opacity: 1;
}

/* CSS Variables fallbacks */
:root[b-iejercncj0] {
    --card-bg: rgba(30, 30, 30, 0.5);
    --border-color: rgba(255, 255, 255, 0.1);
    --text-primary: #ffffff;
    --text-secondary: #a0a0a0;
    --text-muted: #6c757d;
    --accent-color: #00d4aa;
    --accent-color-hover: #00b894;
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --hover-bg: rgba(255, 255, 255, 0.05);
    --input-bg: rgba(0, 0, 0, 0.2);
    --secondary-bg: rgba(255, 255, 255, 0.1);
}
/* /Components/Pages/AiPickPerformance.razor.rz.scp.css */
/* ============================================
   PICKS PERFORMANCE PAGE - MODERN REDESIGN
   ============================================ */

:root[b-oz6hff0961] {
    --glass-bg: rgba(30, 30, 40, 0.6);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glow-primary: rgba(99, 102, 241, 0.5);
    --glow-green: rgba(16, 185, 129, 0.5);
    --glow-red: rgba(239, 68, 68, 0.5);
    --glow-gold: rgba(245, 158, 11, 0.5);
    --glow-purple: rgba(139, 92, 246, 0.5);
    --glow-cyan: rgba(6, 182, 212, 0.5);
    --engine-color: #06b6d4;
    --ai-color: #a855f7;
}

.picks-container[b-oz6hff0961] {
    max-width: 1600px;
    margin: 0 auto;
    padding: 1rem 1.5rem 3rem;
    min-height: 100vh;
}

.picks-container.compact[b-oz6hff0961] {
    padding: 0.75rem 1rem 2rem;
}

/* ============================================
   HERO HEADER
   ============================================ */

.hero-header[b-oz6hff0961] {
    position: relative;
    padding: 2rem 2.5rem;
    margin-bottom: 1.5rem;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.1) 50%, rgba(6, 182, 212, 0.1) 100%);
    border-radius: 20px;
    border: 1px solid var(--glass-border);
    overflow: hidden;
}

.hero-header.compact[b-oz6hff0961] {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0.75rem;
    border-radius: 12px;
}

.hero-header.minimal[b-oz6hff0961] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
    border-radius: 10px;
}

.hero-header.minimal .hero-title[b-oz6hff0961] {
    font-size: 1rem;
    gap: 0.3rem;
}

.hero-header.minimal .back-btn[b-oz6hff0961] {
    padding: 0.3rem 0.6rem;
    font-size: 0.75rem;
    border-radius: 6px;
    gap: 0.25rem;
}

.hero-glow[b-oz6hff0961] {
    position: absolute;
    top: -50%;
    right: -20%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, var(--glow-primary) 0%, transparent 70%);
    opacity: 0.3;
    animation: pulse-glow-b-oz6hff0961 8s ease-in-out infinite;
    pointer-events: none;
}

@keyframes pulse-glow-b-oz6hff0961 {
    0%, 100% { opacity: 0.2; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(1.1); }
}

.hero-content[b-oz6hff0961] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
}

.hero-header.compact .hero-content[b-oz6hff0961] {
    align-items: center;
    gap: 1rem;
}

.hero-left[b-oz6hff0961] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.hero-header.compact .hero-left[b-oz6hff0961] {
    gap: 0;
}

.hero-badge[b-oz6hff0961] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 1rem;
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.3);
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #10b981;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    width: fit-content;
}

.badge-pulse[b-oz6hff0961] {
    width: 8px;
    height: 8px;
    background: #10b981;
    border-radius: 50%;
    animation: pulse-b-oz6hff0961 2s ease-in-out infinite;
}

@keyframes pulse-b-oz6hff0961 {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
    50% { opacity: 0.8; box-shadow: 0 0 0 4px rgba(16, 185, 129, 0); }
}

.hero-title[b-oz6hff0961] {
    font-size: 2.25rem;
    font-weight: 800;
    color: #fff;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: linear-gradient(135deg, #fff 0%, #a5b4fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-header.compact .hero-title[b-oz6hff0961] {
    font-size: 1.25rem;
    gap: 0.4rem;
}

.title-icon[b-oz6hff0961] {
    font-size: 2rem;
    -webkit-text-fill-color: initial;
}

.hero-subtitle[b-oz6hff0961] {
    color: var(--text-secondary, #9ca3af);
    margin: 0;
    font-size: 1rem;
    max-width: 500px;
    line-height: 1.5;
}

.hero-right[b-oz6hff0961] {
    display: flex;
    align-items: center;
}

.hero-header.compact .hero-right[b-oz6hff0961] {
    gap: 0.75rem;
}

.back-btn[b-oz6hff0961] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: rgba(99, 102, 241, 0.15);
    border: 1px solid rgba(99, 102, 241, 0.3);
    border-radius: 12px;
    color: #a5b4fc;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.hero-header.compact .back-btn[b-oz6hff0961] {
    padding: 0.4rem 0.75rem;
    border-radius: 8px;
    font-size: 0.8rem;
    gap: 0.35rem;
}

.back-btn:hover[b-oz6hff0961] {
    background: rgba(99, 102, 241, 0.25);
    border-color: rgba(99, 102, 241, 0.5);
    color: #c7d2fe;
    transform: translateX(-4px);
}

/* ============================================
   SOURCE TOGGLE (3-WAY)
   ============================================ */

.source-toggle-wrapper[b-oz6hff0961] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.source-toggle[b-oz6hff0961] {
    position: relative;
    display: flex;
    background: rgba(30, 30, 40, 0.8);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    padding: 0.35rem;
    gap: 0;
    backdrop-filter: blur(10px);
}

.source-toggle.compact[b-oz6hff0961] {
    border-radius: 10px;
    padding: 0.25rem;
}

.toggle-btn[b-oz6hff0961] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1.75rem;
    background: transparent;
    border: none;
    border-radius: 12px;
    color: var(--text-secondary, #9ca3af);
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 140px;
}

.source-toggle.compact .toggle-btn[b-oz6hff0961] {
    padding: 0.4rem 0.75rem;
    min-width: auto;
    font-size: 0.8rem;
    gap: 0.35rem;
    border-radius: 8px;
}

.toggle-btn i[b-oz6hff0961] {
    font-size: 1.1rem;
}

.source-toggle.compact .toggle-btn i[b-oz6hff0961] {
    font-size: 0.9rem;
}

.toggle-btn:hover:not(.active)[b-oz6hff0961] {
    color: #fff;
}

.toggle-btn.active[b-oz6hff0961] {
    color: #fff;
}

.toggle-btn.engine.active[b-oz6hff0961] {
    color: #fff;
}

.toggle-btn.ai.active[b-oz6hff0961] {
    color: #fff;
}

.toggle-count[b-oz6hff0961] {
    padding: 0.2rem 0.6rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 700;
}

.source-toggle.compact .toggle-count[b-oz6hff0961] {
    padding: 0.1rem 0.4rem;
    font-size: 0.65rem;
    border-radius: 4px;
}

.toggle-slider[b-oz6hff0961] {
    position: absolute;
    top: 0.35rem;
    left: 0.35rem;
    width: calc(33.333% - 0.23rem);
    height: calc(100% - 0.7rem);
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    border-radius: 12px;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);
}

.source-toggle.compact .toggle-slider[b-oz6hff0961] {
    top: 0.25rem;
    left: 0.25rem;
    width: calc(33.333% - 0.17rem);
    height: calc(100% - 0.5rem);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
}

.toggle-btn.engine.active ~ .toggle-slider[b-oz6hff0961] {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    box-shadow: 0 4px 15px var(--glow-cyan);
}

.source-toggle.compact .toggle-btn.engine.active ~ .toggle-slider[b-oz6hff0961] {
    box-shadow: 0 2px 8px var(--glow-cyan);
}

.toggle-btn.ai.active ~ .toggle-slider[b-oz6hff0961] {
    background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
    box-shadow: 0 4px 15px var(--glow-purple);
}

.source-toggle.compact .toggle-btn.ai.active ~ .toggle-slider[b-oz6hff0961] {
    box-shadow: 0 2px 8px var(--glow-purple);
}

/* ============================================
   GLASS CARD BASE STYLE
   ============================================ */

.glass-card[b-oz6hff0961] {
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
}

/* ============================================
   FILTER BAR
   ============================================ */

.filter-bar[b-oz6hff0961] {
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
}

.filter-bar.compact[b-oz6hff0961] {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
}

.filter-section[b-oz6hff0961] {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.filter-bar.compact .filter-section[b-oz6hff0961] {
    gap: 1rem;
}

.filter-group[b-oz6hff0961] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.filter-bar.compact .filter-group[b-oz6hff0961] {
    gap: 0.2rem;
}

.filter-group > label[b-oz6hff0961] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--text-secondary, #9ca3af);
    font-weight: 700;
}

.filter-bar.compact .filter-group > label[b-oz6hff0961] {
    font-size: 0.5rem;
    gap: 0.2rem;
    letter-spacing: 0.04em;
}

.filter-group > label i[b-oz6hff0961] {
    font-size: 0.85rem;
}

.filter-bar.compact .filter-group > label i[b-oz6hff0961] {
    font-size: 0.6rem;
}

.pill-group[b-oz6hff0961] {
    display: flex;
    gap: 0.35rem;
}

.filter-bar.compact .pill-group[b-oz6hff0961] {
    gap: 0.15rem;
}

.pill[b-oz6hff0961] {
    padding: 0.55rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text-secondary, #9ca3af);
    border-radius: 10px;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.25s ease;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.filter-bar.compact .pill[b-oz6hff0961] {
    padding: 0.25rem 0.4rem;
    border-radius: 5px;
    font-size: 0.65rem;
}

.pill:hover[b-oz6hff0961] {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.15);
}

.pill.active[b-oz6hff0961] {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 2px 10px rgba(99, 102, 241, 0.3);
}

.filter-bar.compact .pill.active[b-oz6hff0961] {
    box-shadow: none;
}

.pill.engine.active[b-oz6hff0961] {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
}

.pill.ai.active[b-oz6hff0961] {
    background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
}

.pill.bull.active[b-oz6hff0961] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    box-shadow: 0 2px 10px var(--glow-green);
}

.pill.bear.active[b-oz6hff0961] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    box-shadow: 0 2px 10px var(--glow-red);
}

.filter-bar.compact .pill.bull.active[b-oz6hff0961],
.filter-bar.compact .pill.bear.active[b-oz6hff0961] {
    box-shadow: none;
}

.pill .emoji[b-oz6hff0961] {
    font-size: 0.9rem;
}

/* ============================================
   KPI DASHBOARD (Compact Design)
   ============================================ */

.kpi-dashboard[b-oz6hff0961] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.kpi-dashboard.compact[b-oz6hff0961] {
    grid-template-columns: repeat(6, 1fr);
    gap: 0.4rem;
    margin-bottom: 0.75rem;
}

@media (max-width: 1400px) {
    .kpi-dashboard[b-oz6hff0961] {
        grid-template-columns: repeat(3, 1fr);
    }
    .kpi-dashboard.compact[b-oz6hff0961] {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (max-width: 1000px) {
    .kpi-dashboard.compact[b-oz6hff0961] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .kpi-dashboard[b-oz6hff0961] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .kpi-dashboard.compact[b-oz6hff0961] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.kpi-card[b-oz6hff0961] {
    position: relative;
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden;
    transition: all 0.3s ease;
}

.kpi-card.compact[b-oz6hff0961] {
    flex-direction: row;
    align-items: center;
    padding: 0.4rem 0.5rem;
    gap: 0.4rem;
    border-radius: 8px;
}

.kpi-card:hover[b-oz6hff0961] {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

.kpi-card.compact:hover[b-oz6hff0961] {
    transform: none;
    box-shadow: none;
}

.kpi-card.highlight[b-oz6hff0961] {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
}

.kpi-icon-wrap[b-oz6hff0961] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.kpi-card.compact .kpi-icon-wrap[b-oz6hff0961] {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    font-size: 0.75rem;
}

.kpi-icon-wrap.purple[b-oz6hff0961] {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.2) 0%, rgba(99, 102, 241, 0.2) 100%);
    color: #a78bfa;
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.2);
}

.kpi-icon-wrap.green[b-oz6hff0961] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(5, 150, 105, 0.2) 100%);
    color: #34d399;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.2);
}

.kpi-icon-wrap.red[b-oz6hff0961] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.2) 0%, rgba(220, 38, 38, 0.2) 100%);
    color: #f87171;
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.2);
}

.kpi-icon-wrap.gold[b-oz6hff0961] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(217, 119, 6, 0.2) 100%);
    color: #fbbf24;
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.2);
}

.kpi-card.compact .kpi-icon-wrap[b-oz6hff0961] {
    box-shadow: none;
}

.kpi-card:hover .kpi-icon-wrap[b-oz6hff0961] {
    transform: scale(1.1);
}

.kpi-card.compact:hover .kpi-icon-wrap[b-oz6hff0961] {
    transform: none;
}

.kpi-data[b-oz6hff0961] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.kpi-card.compact .kpi-data[b-oz6hff0961] {
    gap: 0;
}

.kpi-value[b-oz6hff0961] {
    font-size: 1.75rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}

.kpi-card.compact .kpi-value[b-oz6hff0961] {
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.1;
}

.kpi-value.positive[b-oz6hff0961] {
    color: #34d399;
}

.kpi-value.negative[b-oz6hff0961] {
    color: #f87171;
}

.kpi-value.profit[b-oz6hff0961] {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.kpi-label[b-oz6hff0961] {
    font-size: 0.8rem;
    color: var(--text-secondary, #9ca3af);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.kpi-card.compact .kpi-label[b-oz6hff0961] {
    font-size: 0.55rem;
    letter-spacing: 0.02em;
}

.win-rate-bar[b-oz6hff0961] {
    height: 6px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    overflow: hidden;
}

.win-rate-fill[b-oz6hff0961] {
    height: 100%;
    background: linear-gradient(90deg, #10b981 0%, #34d399 100%);
    border-radius: 3px;
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.kpi-sparkline[b-oz6hff0961] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 50px;
    opacity: 0.15;
    background-size: cover;
}

.kpi-sparkline.purple[b-oz6hff0961] {
    background: linear-gradient(45deg, transparent 30%, rgba(139, 92, 246, 0.5) 100%);
    clip-path: polygon(30% 100%, 45% 60%, 60% 80%, 75% 40%, 100% 50%, 100% 100%);
}

.kpi-sparkline.gold[b-oz6hff0961] {
    background: linear-gradient(45deg, transparent 30%, rgba(245, 158, 11, 0.5) 100%);
    clip-path: polygon(30% 100%, 45% 50%, 60% 70%, 75% 30%, 100% 60%, 100% 100%);
}

/* ============================================
   COMPARISON PANEL
   ============================================ */

.comparison-panel[b-oz6hff0961] {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.comparison-title[b-oz6hff0961] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 1.25rem;
}

.comparison-title i[b-oz6hff0961] {
    color: #a5b4fc;
}

.comparison-grid[b-oz6hff0961] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

@media (max-width: 1200px) {
    .comparison-grid[b-oz6hff0961] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .comparison-grid[b-oz6hff0961] {
        grid-template-columns: 1fr;
    }
}

.comparison-metric[b-oz6hff0961] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.metric-label[b-oz6hff0961] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-secondary, #9ca3af);
}

.metric-bars[b-oz6hff0961] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.metric-bar[b-oz6hff0961] {
    display: grid;
    grid-template-columns: 50px 1fr auto;
    align-items: center;
    gap: 0.75rem;
}

.bar-label[b-oz6hff0961] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary, #9ca3af);
}

.metric-bar.engine .bar-label[b-oz6hff0961] {
    color: var(--engine-color);
}

.metric-bar.ai .bar-label[b-oz6hff0961] {
    color: var(--ai-color);
}

.bar-track[b-oz6hff0961] {
    height: 8px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    overflow: hidden;
}

.bar-fill[b-oz6hff0961] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.metric-bar.engine .bar-fill[b-oz6hff0961] {
    background: linear-gradient(90deg, #06b6d4 0%, #22d3ee 100%);
}

.metric-bar.ai .bar-fill[b-oz6hff0961] {
    background: linear-gradient(90deg, #a855f7 0%, #c084fc 100%);
}

.bar-fill.negative[b-oz6hff0961] {
    background: linear-gradient(90deg, #ef4444 0%, #f87171 100%) !important;
}

.bar-fill.profit[b-oz6hff0961] {
    background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%) !important;
}

.bar-value[b-oz6hff0961] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #fff;
    min-width: 70px;
    text-align: right;
}

.bar-value.positive[b-oz6hff0961] {
    color: #34d399;
}

.bar-value.negative[b-oz6hff0961] {
    color: #f87171;
}

/* ============================================
   LOADING STATE
   ============================================ */

.loading-state[b-oz6hff0961] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    gap: 1.5rem;
}

.loading-spinner[b-oz6hff0961] {
    position: relative;
    width: 60px;
    height: 60px;
}

.spinner-ring[b-oz6hff0961] {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid transparent;
    animation: spin-b-oz6hff0961 1.2s linear infinite;
}

.spinner-ring:nth-child(1)[b-oz6hff0961] {
    border-top-color: #6366f1;
    animation-delay: 0s;
}

.spinner-ring:nth-child(2)[b-oz6hff0961] {
    border-right-color: #8b5cf6;
    animation-delay: 0.1s;
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
}

.spinner-ring:nth-child(3)[b-oz6hff0961] {
    border-bottom-color: #a855f7;
    animation-delay: 0.2s;
    width: 60%;
    height: 60%;
    top: 20%;
    left: 20%;
}

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

.loading-state p[b-oz6hff0961] {
    color: var(--text-secondary, #9ca3af);
    font-size: 0.95rem;
}

/* ============================================
   EMPTY STATE
   ============================================ */

.empty-state[b-oz6hff0961] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    gap: 1rem;
    text-align: center;
}

.empty-icon[b-oz6hff0961] {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(99, 102, 241, 0.1);
    border-radius: 50%;
    margin-bottom: 0.5rem;
}

.empty-icon i[b-oz6hff0961] {
    font-size: 2.5rem;
    color: #6366f1;
}

.empty-state h3[b-oz6hff0961] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.empty-state p[b-oz6hff0961] {
    color: var(--text-secondary, #9ca3af);
    margin: 0;
    font-size: 0.95rem;
}

.empty-cta[b-oz6hff0961] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    border-radius: 12px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    margin-top: 0.5rem;
    transition: all 0.3s ease;
}

.empty-cta:hover[b-oz6hff0961] {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(99, 102, 241, 0.4);
}

/* ============================================
   TABLE STYLES
   ============================================ */

.table-wrapper[b-oz6hff0961] {
    overflow: hidden;
    padding: 0;
}

.picks-table[b-oz6hff0961] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.picks-table thead[b-oz6hff0961] {
    background: rgba(0, 0, 0, 0.3);
}

.picks-table th[b-oz6hff0961] {
    padding: 0.5rem 0.6rem;
    text-align: left;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-secondary, #9ca3af);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    white-space: nowrap;
}

.picks-table th.sortable[b-oz6hff0961] {
    cursor: pointer;
    user-select: none;
    transition: color 0.2s ease;
}

.picks-table th.sortable:hover[b-oz6hff0961] {
    color: #fff;
}

.picks-table th.sortable.sorted[b-oz6hff0961] {
    color: #a5b4fc;
}

.picks-table th span[b-oz6hff0961] {
    margin-right: 0.3rem;
}

.picks-table th i[b-oz6hff0961] {
    font-size: 0.6rem;
    opacity: 0.6;
}

.picks-table th.sorted i[b-oz6hff0961] {
    opacity: 1;
}

.picks-table tbody tr[b-oz6hff0961] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    transition: all 0.2s ease;
}

.picks-table tbody tr:hover[b-oz6hff0961] {
    background: rgba(255, 255, 255, 0.03);
}

.picks-table tbody tr.win-row[b-oz6hff0961] {
    background: linear-gradient(90deg, rgba(16, 185, 129, 0.08) 0%, transparent 50%);
}

.picks-table tbody tr.win-row:hover[b-oz6hff0961] {
    background: linear-gradient(90deg, rgba(16, 185, 129, 0.12) 0%, rgba(255, 255, 255, 0.03) 50%);
}

.picks-table tbody tr.loss-row[b-oz6hff0961] {
    background: linear-gradient(90deg, rgba(239, 68, 68, 0.06) 0%, transparent 50%);
}

.picks-table tbody tr.loss-row:hover[b-oz6hff0961] {
    background: linear-gradient(90deg, rgba(239, 68, 68, 0.1) 0%, rgba(255, 255, 255, 0.03) 50%);
}

.picks-table td[b-oz6hff0961] {
    padding: 0.4rem 0.6rem;
    color: var(--text-primary, #e5e7eb);
    vertical-align: middle;
}

/* Date Cell */
.date-cell[b-oz6hff0961] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.date-main[b-oz6hff0961] {
    font-weight: 600;
    color: #fff;
}

.date-year[b-oz6hff0961] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

/* Symbol Cell */
.symbol-cell[b-oz6hff0961] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.symbol-text[b-oz6hff0961] {
    font-weight: 700;
    color: #fff;
    font-size: 0.95rem;
}

.rank-badge[b-oz6hff0961] {
    padding: 0.15rem 0.45rem;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 700;
}

.rank-badge.rank-1[b-oz6hff0961] {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #000;
}

.rank-badge.rank-2[b-oz6hff0961] {
    background: rgba(192, 192, 192, 0.25);
    color: #d1d5db;
}

.rank-badge.rank-3[b-oz6hff0961] {
    background: rgba(180, 83, 9, 0.25);
    color: #fbbf24;
}

/* Source Cell */
.source-badge[b-oz6hff0961] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
}

.source-badge.engine[b-oz6hff0961] {
    background: rgba(6, 182, 212, 0.15);
    color: #22d3ee;
    border: 1px solid rgba(6, 182, 212, 0.25);
}

.source-badge.ai[b-oz6hff0961] {
    background: rgba(168, 85, 247, 0.15);
    color: #c084fc;
    border: 1px solid rgba(168, 85, 247, 0.25);
}

.source-badge i[b-oz6hff0961] {
    font-size: 0.85rem;
}

/* Direction Cell */
.direction-badge[b-oz6hff0961] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.35rem 0.7rem;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
}

.direction-badge.bull[b-oz6hff0961] {
    background: rgba(16, 185, 129, 0.15);
    color: #34d399;
}

.direction-badge.bear[b-oz6hff0961] {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
}

/* Cap Cell */
.cap-badge[b-oz6hff0961] {
    display: inline-block;
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-secondary, #9ca3af);
}

.cap-badge.mega[b-oz6hff0961] {
    background: rgba(139, 92, 246, 0.15);
    color: #a78bfa;
}

.cap-badge.large[b-oz6hff0961] {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
}

.cap-badge.mid[b-oz6hff0961] {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
}

.cap-badge.small[b-oz6hff0961] {
    background: rgba(16, 185, 129, 0.15);
    color: #34d399;
}

/* Price Cell */
.price-cell[b-oz6hff0961] {
    font-weight: 600;
    font-family: 'SF Mono', 'Monaco', monospace;
    color: #fff;
}

/* Confidence Cell */
.confidence-cell[b-oz6hff0961] {
    min-width: 100px;
}

.confidence-wrapper[b-oz6hff0961] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.4rem;
}

.confidence-bar[b-oz6hff0961] {
    flex: 1;
    height: 6px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    overflow: hidden;
    min-width: 60px;
}

.confidence-fill[b-oz6hff0961] {
    height: 100%;
    border-radius: 3px;
    background: #10b981;
}

.confidence-fill.high[b-oz6hff0961] {
    background: #10b981;
}

.confidence-fill.medium[b-oz6hff0961] {
    background: #f59e0b;
}

.confidence-fill.low[b-oz6hff0961] {
    background: #ef4444;
}

.confidence-value[b-oz6hff0961] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
}

/* Return Cell */
.return-cell[b-oz6hff0961] {
    font-weight: 700;
    font-family: 'SF Mono', 'Monaco', monospace;
    font-size: 0.9rem;
}

.return-cell.positive[b-oz6hff0961] {
    color: #34d399;
}

.return-cell.negative[b-oz6hff0961] {
    color: #f87171;
}

.return-cell.pending[b-oz6hff0961] {
    color: var(--text-secondary, #6b7280);
}

.return-cell.neutral[b-oz6hff0961] {
    color: var(--text-secondary, #9ca3af);
}

/* Result Cell */
.result-badge[b-oz6hff0961] {
    display: inline-block;
    padding: 0.35rem 0.7rem;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
}

.result-badge.win[b-oz6hff0961] {
    background: rgba(16, 185, 129, 0.2);
    color: #34d399;
}

.result-badge.loss[b-oz6hff0961] {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
}

.result-badge.pending[b-oz6hff0961] {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
}

/* ============================================
   ANIMATIONS & TRANSITIONS
   ============================================ */

@keyframes fadeIn-b-oz6hff0961 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.kpi-card[b-oz6hff0961] {
    animation: fadeIn-b-oz6hff0961 0.4s ease-out both;
}

.kpi-card:nth-child(1)[b-oz6hff0961] { animation-delay: 0.05s; }
.kpi-card:nth-child(2)[b-oz6hff0961] { animation-delay: 0.1s; }
.kpi-card:nth-child(3)[b-oz6hff0961] { animation-delay: 0.15s; }
.kpi-card:nth-child(4)[b-oz6hff0961] { animation-delay: 0.2s; }
.kpi-card:nth-child(5)[b-oz6hff0961] { animation-delay: 0.25s; }
.kpi-card:nth-child(6)[b-oz6hff0961] { animation-delay: 0.3s; }

.picks-table tbody tr[b-oz6hff0961] {
    animation: fadeIn-b-oz6hff0961 0.3s ease-out both;
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
    .picks-container[b-oz6hff0961] {
        padding: 1rem;
    }
    
    .hero-header[b-oz6hff0961] {
        padding: 1.5rem;
    }
    
    .hero-content[b-oz6hff0961] {
        flex-direction: column;
    }
    
    .hero-title[b-oz6hff0961] {
        font-size: 1.75rem;
    }
    
    .hero-right[b-oz6hff0961] {
        align-self: flex-start;
    }
    
    .source-toggle[b-oz6hff0961] {
        flex-direction: column;
        width: 100%;
        max-width: 300px;
    }
    
    .toggle-btn[b-oz6hff0961] {
        justify-content: center;
        min-width: auto;
    }
    
    .toggle-slider[b-oz6hff0961] {
        width: calc(100% - 0.7rem);
        height: calc(33.333% - 0.23rem);
        left: 0.35rem;
    }
    
    .filter-section[b-oz6hff0961] {
        flex-direction: column;
        gap: 1.25rem;
    }
    
    .pill-group[b-oz6hff0961] {
        flex-wrap: wrap;
    }
    
    .table-wrapper[b-oz6hff0961] {
        overflow-x: auto;
    }
    
    .picks-table[b-oz6hff0961] {
        min-width: 1000px;
    }
}
/* /Components/Pages/Backtest.razor.rz.scp.css */
/* Backtest Page - Dark Mode Styling with CSS Variables */
.backtest-container[b-qx3ux1pvqh] {
    padding: var(--spacing-lg) var(--spacing-xl);
    max-width: 1600px;
    margin: 0 auto;
}

/* Header */
.backtest-header[b-qx3ux1pvqh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-lg);
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--border);
}

.backtest-title[b-qx3ux1pvqh] {
    font-size: var(--text-3xl);
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.backtest-subtitle[b-qx3ux1pvqh] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin: 0;
}

/* Input Section */
.input-section[b-qx3ux1pvqh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
}

.input-card[b-qx3ux1pvqh] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--spacing-lg);
}

.card-title[b-qx3ux1pvqh] {
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--spacing-md);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

/* Form Controls */
.form-row[b-qx3ux1pvqh] {
    display: flex;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-md);
}

.form-group[b-qx3ux1pvqh] {
    flex: 1;
}

.form-label[b-qx3ux1pvqh] {
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: var(--spacing-xs);
    display: block;
}

.form-control[b-qx3ux1pvqh],
.form-select[b-qx3ux1pvqh] {
    background: var(--bg-surface);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: var(--radius-md);
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.875rem;
    width: 100%;
    transition: border-color var(--transition-fast);
}

.form-control:focus[b-qx3ux1pvqh],
.form-select:focus[b-qx3ux1pvqh] {
    border-color: var(--info);
    outline: none;
    box-shadow: 0 0 0 2px var(--info-bg);
}

.form-control[b-qx3ux1pvqh]::placeholder {
    color: var(--text-muted);
}

/* Buttons */
.btn-primary[b-qx3ux1pvqh] {
    background: var(--info);
    border: none;
    color: white;
    padding: var(--spacing-sm) var(--spacing-lg);
    border-radius: var(--radius-md);
    font-weight: 500;
    cursor: pointer;
    transition: background-color var(--transition-fast);
}

.btn-primary:hover:not(:disabled)[b-qx3ux1pvqh] {
    background: #2563eb;
}

.btn-primary:disabled[b-qx3ux1pvqh] {
    background: #1e40af;
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-success[b-qx3ux1pvqh] {
    background: var(--success);
    border: none;
    color: white;
    padding: var(--spacing-sm) var(--spacing-lg);
    border-radius: var(--radius-md);
    font-weight: 500;
    cursor: pointer;
    transition: background-color var(--transition-fast);
}

.btn-success:hover:not(:disabled)[b-qx3ux1pvqh] {
    background: var(--primary-hover);
}

.btn-success:disabled[b-qx3ux1pvqh] {
    background: #065f46;
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-outline[b-qx3ux1pvqh] {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-primary);
    padding: 0.4rem var(--spacing-md);
    border-radius: var(--radius-md);
    font-weight: 500;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-outline:hover[b-qx3ux1pvqh] {
    background: var(--bg-elevated);
}

/* Stats Grid */
.stats-grid[b-qx3ux1pvqh] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
}

.stat-card[b-qx3ux1pvqh] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--spacing-md);
    text-align: center;
    transition: box-shadow var(--transition-normal);
}

.stat-card:hover[b-qx3ux1pvqh] {
    box-shadow: var(--shadow-sm);
}

.stat-card.highlight-positive[b-qx3ux1pvqh] {
    background: linear-gradient(135deg, #14532d 0%, var(--bg-card) 100%);
    border-color: var(--success-border);
}

.stat-card.highlight-negative[b-qx3ux1pvqh] {
    background: linear-gradient(135deg, #7f1d1d 0%, var(--bg-card) 100%);
    border-color: var(--error-border);
}

.stat-card.highlight-warning[b-qx3ux1pvqh] {
    background: linear-gradient(135deg, #78350f 0%, var(--bg-card) 100%);
    border-color: var(--warning-border);
}

.stat-label[b-qx3ux1pvqh] {
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: var(--spacing-xs);
}

.stat-value[b-qx3ux1pvqh] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.2;
}

.stat-value.sm[b-qx3ux1pvqh] {
    font-size: var(--text-lg);
}

.stat-sub[b-qx3ux1pvqh] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    margin-top: 0.15rem;
}

/* Results Section */
.results-section[b-qx3ux1pvqh] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: var(--spacing-lg);
}

.results-header[b-qx3ux1pvqh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-md) var(--spacing-lg);
    border-bottom: 1px solid var(--border);
}

.results-title[b-qx3ux1pvqh] {
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.results-subtitle[b-qx3ux1pvqh] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.results-body[b-qx3ux1pvqh] {
    padding: var(--spacing-lg);
}

/* Performer Cards */
.performer-row[b-qx3ux1pvqh] {
    display: flex;
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-md);
}

.performer-card[b-qx3ux1pvqh] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: var(--text-sm);
}

.performer-card .label[b-qx3ux1pvqh] {
    color: var(--text-secondary);
}

.performer-card .value[b-qx3ux1pvqh] {
    font-weight: 600;
}

/* Data Table */
.data-table[b-qx3ux1pvqh] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-sm);
}

.data-table thead[b-qx3ux1pvqh] {
    background: var(--bg-surface);
}

.data-table thead th[b-qx3ux1pvqh] {
    padding: var(--spacing-sm) var(--spacing-md);
    text-align: left;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    font-size: var(--text-xs);
    letter-spacing: 0.3px;
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.data-table tbody tr[b-qx3ux1pvqh] {
    transition: background-color var(--transition-fast);
}

.data-table tbody tr:hover[b-qx3ux1pvqh] {
    background: var(--bg-elevated);
}

.data-table tbody td[b-qx3ux1pvqh] {
    padding: var(--spacing-sm) var(--spacing-md);
    border-bottom: 1px solid var(--border);
    color: var(--text-primary);
}

.data-table tbody td.fw-bold[b-qx3ux1pvqh] {
    font-weight: 600;
}

/* Badge Styles */
.badge[b-qx3ux1pvqh] {
    display: inline-block;
    padding: 0.15rem var(--spacing-sm);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: 600;
}

.badge-success[b-qx3ux1pvqh] {
    background: var(--success-bg);
    color: var(--success-light);
}

.badge-danger[b-qx3ux1pvqh] {
    background: var(--error-bg);
    color: var(--error-light);
}

.badge-warning[b-qx3ux1pvqh] {
    background: var(--warning-bg);
    color: var(--warning-bright);
}

.badge-info[b-qx3ux1pvqh] {
    background: var(--info-bg);
    color: var(--info-light);
}

.badge-secondary[b-qx3ux1pvqh] {
    background: var(--bg-elevated);
    color: var(--text-secondary);
}

/* Chart Container */
.chart-container[b-qx3ux1pvqh] {
    background: var(--bg-surface);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    overflow-x: auto;
}

.chart-svg[b-qx3ux1pvqh] {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.chart-legend[b-qx3ux1pvqh] {
    display: flex;
    gap: var(--spacing-lg);
    margin-top: var(--spacing-md);
    flex-wrap: wrap;
}

.legend-item[b-qx3ux1pvqh] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

/* Options Panel */
.options-panel[b-qx3ux1pvqh] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.options-header[b-qx3ux1pvqh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-md) var(--spacing-lg);
    cursor: pointer;
    transition: background-color var(--transition-fast);
}

.options-header:hover[b-qx3ux1pvqh] {
    background: var(--bg-elevated);
    border-radius: var(--radius-md);
}

.options-title[b-qx3ux1pvqh] {
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.options-body[b-qx3ux1pvqh] {
    padding: var(--spacing-lg);
    border-top: 1px solid var(--border);
}

.option-section[b-qx3ux1pvqh] {
    margin-bottom: var(--spacing-lg);
}

.option-section-title[b-qx3ux1pvqh] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--info);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: var(--spacing-sm);
    padding-bottom: 0.35rem;
    border-bottom: 1px solid var(--border);
}

.option-row[b-qx3ux1pvqh] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
}

.option-sub[b-qx3ux1pvqh] {
    background: var(--bg-surface);
    border-radius: var(--radius-md);
    padding: var(--spacing-sm) var(--spacing-md);
    margin-left: var(--spacing-xl);
    margin-bottom: var(--spacing-sm);
}

/* Form Switch */
.form-switch[b-qx3ux1pvqh] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.form-check-input[b-qx3ux1pvqh] {
    width: 2rem;
    height: 1rem;
    background-color: var(--bg-elevated);
    border: none;
    border-radius: var(--spacing-sm);
    cursor: pointer;
}

.form-check-input:checked[b-qx3ux1pvqh] {
    background-color: var(--info);
}

.form-check-label[b-qx3ux1pvqh] {
    font-size: var(--text-sm);
    color: var(--text-primary);
}

/* Inline Input */
.inline-input[b-qx3ux1pvqh] {
    width: 50px;
    background: var(--bg-surface);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: var(--radius-sm);
    padding: 0.2rem 0.4rem;
    font-size: var(--text-sm);
    text-align: center;
}

/* Color Classes */
.text-success[b-qx3ux1pvqh] { color: var(--success-light) !important; }
.text-danger[b-qx3ux1pvqh] { color: var(--error-light) !important; }
.text-warning[b-qx3ux1pvqh] { color: var(--warning-bright) !important; }
.text-info[b-qx3ux1pvqh] { color: var(--info-light) !important; }
.text-muted[b-qx3ux1pvqh] { color: var(--text-muted) !important; }
.text-white[b-qx3ux1pvqh] { color: var(--text-primary) !important; }

.fw-bold[b-qx3ux1pvqh] { font-weight: 600; }
.fw-semibold[b-qx3ux1pvqh] { font-weight: 500; }

/* Alert Styles */
.alert[b-qx3ux1pvqh] {
    padding: var(--spacing-md) var(--spacing-lg);
    border-radius: var(--radius-lg);
    font-size: 0.875rem;
}

.alert-danger[b-qx3ux1pvqh] {
    background: var(--error-bg);
    border: 1px solid var(--error-border);
    color: var(--error-light);
}

.alert-info[b-qx3ux1pvqh] {
    background: var(--info-bg);
    border: 1px solid var(--info-border);
    color: var(--info-light);
}

/* Progress Text */
.progress-text[b-qx3ux1pvqh] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin-top: 0.35rem;
}

/* Spinner */
.spinner-sm[b-qx3ux1pvqh] {
    width: 1rem;
    height: 1rem;
    border: 2px solid transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

/* Use animation from app.css */

/* Trade Row Colors */
.trade-win[b-qx3ux1pvqh] {
    background: var(--success-bg) !important;
}

.trade-loss[b-qx3ux1pvqh] {
    background: var(--error-bg) !important;
}

/* Price Point Hover */
.price-point:hover[b-qx3ux1pvqh] {
    opacity: 1 !important;
    cursor: crosshair;
}

polygon:hover[b-qx3ux1pvqh] {
    opacity: 1 !important;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 1200px) {
    .stats-grid[b-qx3ux1pvqh] {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .input-section[b-qx3ux1pvqh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .backtest-container[b-qx3ux1pvqh] {
        padding: var(--spacing-md) var(--spacing-lg);
    }
    
    .stats-grid[b-qx3ux1pvqh] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .form-row[b-qx3ux1pvqh] {
        flex-direction: column;
    }
    
    .data-table[b-qx3ux1pvqh] {
        font-size: var(--text-sm);
    }
    
    .data-table thead th[b-qx3ux1pvqh],
    .data-table tbody td[b-qx3ux1pvqh] {
        padding: 0.4rem var(--spacing-sm);
    }
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* V1/V2 COMPARISON THEME-AWARE STYLES */
/* ═══════════════════════════════════════════════════════════════════════ */

/* V1 vs V2 Comparison Button */
.btn-comparison[b-qx3ux1pvqh] {
    border-color: var(--purple);
    color: var(--purple-light);
}

.btn-comparison:hover[b-qx3ux1pvqh] {
    background: rgba(139, 92, 246, 0.1);
}

/* Comparison Progress Text */
.progress-text-comparison[b-qx3ux1pvqh] {
    color: var(--purple-light);
}

/* Comparison Results Section */
.results-section-comparison[b-qx3ux1pvqh] {
    border: 2px solid var(--purple);
}

/* Comparison Header */
.results-header-comparison[b-qx3ux1pvqh] {
    background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 100%);
}

/* Winner Badge */
.badge-winner[b-qx3ux1pvqh] {
    background: var(--success);
    color: white;
    padding: var(--spacing-sm) var(--spacing-md);
}

/* V1/V2 Column Cards */
.comparison-column[b-qx3ux1pvqh] {
    background: var(--bg-surface);
    border-radius: var(--radius-lg);
    padding: var(--spacing-md);
}

.comparison-column-v1[b-qx3ux1pvqh] {
    border-left: 4px solid var(--text-muted);
}

.comparison-column-v2[b-qx3ux1pvqh] {
    border-left: 4px solid var(--purple);
}

.comparison-column-title-v1[b-qx3ux1pvqh] {
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--text-secondary);
}

.comparison-column-title-v2[b-qx3ux1pvqh] {
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--purple-light);
}

/* Difference indicators */
.diff-positive[b-qx3ux1pvqh] {
    font-size: 0.7rem;
    color: var(--success);
}

.diff-negative[b-qx3ux1pvqh] {
    font-size: 0.7rem;
    color: var(--error);
}

.diff-neutral[b-qx3ux1pvqh] {
    font-size: 0.7rem;
    color: var(--text-secondary);
}

/* Summary Section */
.comparison-summary[b-qx3ux1pvqh] {
    margin-top: var(--spacing-md);
    padding: var(--spacing-md);
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-surface-alt) 100%);
    border-radius: var(--radius-lg);
    text-align: center;
}

.comparison-summary-title[b-qx3ux1pvqh] {
    font-size: 1rem;
    color: var(--purple-light);
    margin-bottom: var(--spacing-sm);
}

.comparison-summary-row[b-qx3ux1pvqh] {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.comparison-metric-label[b-qx3ux1pvqh] {
    color: var(--text-secondary);
}

.comparison-metric-value-positive[b-qx3ux1pvqh] {
    font-weight: bold;
    color: var(--success);
}

.comparison-metric-value-negative[b-qx3ux1pvqh] {
    font-weight: bold;
    color: var(--error);
}

.comparison-metric-value-warning[b-qx3ux1pvqh] {
    font-weight: bold;
    color: var(--warning);
}

.comparison-metric-value-neutral[b-qx3ux1pvqh] {
    font-weight: bold;
    color: var(--text-secondary);
}

.comparison-verdict-v2-wins[b-qx3ux1pvqh] {
    margin-top: 0.75rem;
    font-size: 0.85rem;
    color: var(--success);
}

.comparison-verdict-v1-wins[b-qx3ux1pvqh] {
    margin-top: 0.75rem;
    font-size: 0.85rem;
    color: var(--warning);
}

.comparison-verdict-tie[b-qx3ux1pvqh] {
    margin-top: 0.75rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

/* V2 Engine Options Panel */
.engine-selector[b-qx3ux1pvqh] {
    background: linear-gradient(135deg, var(--bg-surface) 0%, var(--bg-card) 100%);
    border: 1px solid var(--info);
    border-radius: var(--radius-lg);
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-md);
}

.engine-selector-title[b-qx3ux1pvqh] {
    color: var(--info-light);
    font-size: 1rem;
}

.engine-selector-select[b-qx3ux1pvqh] {
    background: var(--bg-surface);
    border-color: var(--info);
    font-weight: bold;
}

.engine-selector-v2-features[b-qx3ux1pvqh] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-top: var(--spacing-sm);
    padding: var(--spacing-sm);
    background: rgba(59, 130, 246, 0.1);
    border-radius: var(--radius-sm);
}

.engine-selector-v2-strong[b-qx3ux1pvqh] {
    color: var(--info-light);
}

.engine-selector-v1-note[b-qx3ux1pvqh] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: var(--spacing-sm);
}

/* V2 Option Section */
.option-section-v2[b-qx3ux1pvqh] {
    border-left: 3px solid var(--info);
    margin-bottom: var(--spacing-md);
}

.option-section-title-v2[b-qx3ux1pvqh] {
    color: var(--info-light);
}

/* Small text hints */
.hint-text[b-qx3ux1pvqh] {
    font-size: 0.7rem;
    color: var(--text-muted);
}

/* Chart Legend Items - Theme-aware */
.legend-buy-entry[b-qx3ux1pvqh] {
    color: var(--success-light);
}

.legend-short-entry[b-qx3ux1pvqh] {
    color: var(--error-light);
}

.legend-add-long[b-qx3ux1pvqh] {
    color: var(--success);
}

.legend-add-short[b-qx3ux1pvqh] {
    color: var(--error);
}

.legend-price[b-qx3ux1pvqh] {
    color: #4bc0c0;
}

.legend-hint[b-qx3ux1pvqh] {
    font-size: 0.7rem;
    margin-left: auto;
}

/* Symbol link */
.symbol-link[b-qx3ux1pvqh] {
    color: var(--info-light);
    text-decoration: none;
}

.symbol-link:hover[b-qx3ux1pvqh] {
    text-decoration: underline;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* LIGHT THEME OVERRIDES */
/* ═══════════════════════════════════════════════════════════════════════ */

:global([data-theme="light"]) .backtest-container[b-qx3ux1pvqh] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .btn-comparison[b-qx3ux1pvqh] {
    border-color: #7c3aed;
    color: #7c3aed;
}

:global([data-theme="light"]) .btn-comparison:hover[b-qx3ux1pvqh] {
    background: rgba(124, 58, 237, 0.1);
}

:global([data-theme="light"]) .results-header-comparison[b-qx3ux1pvqh] {
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
}

:global([data-theme="light"]) .comparison-column[b-qx3ux1pvqh] {
    background: var(--bg-muted);
}

:global([data-theme="light"]) .comparison-column-v1[b-qx3ux1pvqh] {
    border-left-color: var(--text-muted);
}

:global([data-theme="light"]) .comparison-column-v2[b-qx3ux1pvqh] {
    border-left-color: #7c3aed;
}

:global([data-theme="light"]) .comparison-column-title-v2[b-qx3ux1pvqh] {
    color: #7c3aed;
}

:global([data-theme="light"]) .comparison-summary[b-qx3ux1pvqh] {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
}

:global([data-theme="light"]) .comparison-summary-title[b-qx3ux1pvqh] {
    color: #7c3aed;
}

:global([data-theme="light"]) .engine-selector[b-qx3ux1pvqh] {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-color: #3b82f6;
}

:global([data-theme="light"]) .engine-selector-select[b-qx3ux1pvqh] {
    background: white;
    border-color: #3b82f6;
}

:global([data-theme="light"]) .engine-selector-v2-features[b-qx3ux1pvqh] {
    background: rgba(59, 130, 246, 0.1);
}

:global([data-theme="light"]) .option-section-v2[b-qx3ux1pvqh] {
    border-left-color: #3b82f6;
}

:global([data-theme="light"]) .stat-card.highlight-positive[b-qx3ux1pvqh] {
    background: linear-gradient(135deg, #dcfce7 0%, var(--bg-card) 100%);
}

:global([data-theme="light"]) .stat-card.highlight-negative[b-qx3ux1pvqh] {
    background: linear-gradient(135deg, #fee2e2 0%, var(--bg-card) 100%);
}

:global([data-theme="light"]) .stat-card.highlight-warning[b-qx3ux1pvqh] {
    background: linear-gradient(135deg, #fef3c7 0%, var(--bg-card) 100%);
}

:global([data-theme="light"]) .trade-win[b-qx3ux1pvqh] {
    background: rgba(34, 197, 94, 0.1) !important;
}

:global([data-theme="light"]) .trade-loss[b-qx3ux1pvqh] {
    background: rgba(239, 68, 68, 0.1) !important;
}
/* /Components/Pages/ChartLightweight.razor.rz.scp.css */
/* Chart Lightweight Page Styles */
/* Uses existing chartiq.css styles where possible + LWC-specific overrides */

/* ===== VIEWPORT CONTAINER ===== */
/* Note: .terminal-content in MainLayout already handles margin-top for header */
/* We use position:fixed to escape content-frame padding and control exact sizing */
.chart-lw-viewport[b-7ly5ecf7nx] {
    position: fixed;
    top: var(--header-height, 52px);
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
    background: var(--bg-primary, #0a0e17);
    box-sizing: border-box;
    z-index: 1;
}

/* ===== MAIN CHART AREA ===== */
.chart-main-area[b-7ly5ecf7nx] {
    flex: 3;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-right: 1px solid rgba(0, 212, 170, 0.15);
}

/* ===== COMPACT TOOLBAR ===== */
.chart-toolbar.compact[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: linear-gradient(180deg, rgba(18, 22, 32, 0.98) 0%, rgba(13, 17, 28, 0.98) 100%);
    border-bottom: 1px solid rgba(0, 212, 170, 0.12);
    min-height: 38px;
}

.toolbar-section[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 3px;
    position: relative;
}

.tb-sep[b-7ly5ecf7nx] {
    width: 1px;
    height: 18px;
    background: rgba(100, 120, 150, 0.25);
    margin: 0 6px;
}

/* Symbol Input - Compact */
.symbol-section[b-7ly5ecf7nx] { position: relative; }

.symbol-input-wrap[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    background: rgba(30, 40, 55, 0.6);
    border: 1px solid rgba(100, 120, 150, 0.25);
    border-radius: 4px;
    padding: 0 8px;
    transition: all 0.15s;
}

.symbol-input-wrap:focus-within[b-7ly5ecf7nx] {
    border-color: rgba(0, 212, 170, 0.5);
    background: rgba(30, 40, 55, 0.8);
}

.symbol-input-wrap .search-icon[b-7ly5ecf7nx] {
    color: rgba(136, 146, 176, 0.5);
    flex-shrink: 0;
}

.symbol-input-wrap .symbol-input[b-7ly5ecf7nx] {
    width: 70px;
    padding: 5px 6px;
    background: transparent;
    border: none;
    color: var(--accent-primary, #00d4aa);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.symbol-input-wrap .symbol-input:focus[b-7ly5ecf7nx] { outline: none; }
.symbol-input-wrap .symbol-input[b-7ly5ecf7nx]::placeholder { color: rgba(136, 146, 176, 0.4); text-transform: none; }

.symbol-dropdown[b-7ly5ecf7nx] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 2px;
    min-width: 120px;
    background: rgba(18, 22, 32, 0.98);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 4px;
    z-index: 1000;
    overflow: hidden;
}

.symbol-option[b-7ly5ecf7nx] {
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary, #e6f1ff);
    cursor: pointer;
    transition: background 0.1s;
}

.symbol-option:hover[b-7ly5ecf7nx] { background: rgba(0, 212, 170, 0.15); }

/* Grid Button - Compact Icon Only */
.tool-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    background: rgba(30, 40, 55, 0.5);
    border: 1px solid rgba(100, 120, 150, 0.2);
    border-radius: 4px;
    color: var(--text-secondary, #8892b0);
    cursor: pointer;
    transition: all 0.15s;
}

.tool-btn:hover[b-7ly5ecf7nx] { background: rgba(50, 65, 85, 0.6); }
.tool-btn.active[b-7ly5ecf7nx] { background: rgba(0, 212, 170, 0.15); border-color: rgba(0, 212, 170, 0.4); }

.grid-icon-mini[b-7ly5ecf7nx] {
    display: grid;
    width: 14px;
    height: 12px;
    gap: 1px;
}

.grid-icon-mini .gc[b-7ly5ecf7nx] {
    background: rgba(136, 146, 176, 0.5);
    border-radius: 1px;
}

.tool-btn.active .grid-icon-mini .gc[b-7ly5ecf7nx] { background: var(--accent-primary, #00d4aa); }

.grid-dropdown[b-7ly5ecf7nx] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 2px;
    background: rgba(18, 22, 32, 0.98);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 4px;
    z-index: 1000;
    padding: 4px;
    display: none;
}

.grid-dropdown.show[b-7ly5ecf7nx] { display: flex; gap: 4px; }

.grid-option[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    background: rgba(30, 40, 55, 0.5);
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.15s;
}

.grid-option:hover[b-7ly5ecf7nx] { background: rgba(50, 65, 85, 0.6); }
.grid-option.selected[b-7ly5ecf7nx] { background: rgba(0, 212, 170, 0.2); border-color: rgba(0, 212, 170, 0.5); }

.grid-option-icon[b-7ly5ecf7nx] {
    display: grid;
    width: 16px;
    height: 14px;
    gap: 1px;
}

.grid-option-icon .gc[b-7ly5ecf7nx] {
    background: rgba(136, 146, 176, 0.4);
    border-radius: 1px;
}

.grid-option.selected .grid-option-icon .gc[b-7ly5ecf7nx] { background: var(--accent-primary, #00d4aa); }

/* Timeframe Buttons - Compact */
.tf-section[b-7ly5ecf7nx] { gap: 2px; }

.tf-btn[b-7ly5ecf7nx] {
    padding: 4px 8px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    color: rgba(136, 146, 176, 0.7);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

.tf-btn:hover[b-7ly5ecf7nx] { color: var(--text-primary, #e6f1ff); background: rgba(50, 65, 85, 0.4); }

.tf-btn.active[b-7ly5ecf7nx] {
    color: var(--accent-primary, #00d4aa);
    background: rgba(0, 212, 170, 0.15);
    border-color: rgba(0, 212, 170, 0.35);
}

/* Indicator Buttons - Compact Pill Style */
.ind-group[b-7ly5ecf7nx] { gap: 3px; }

.ind-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 4px 8px;
    background: rgba(30, 40, 55, 0.5);
    border: 1px solid rgba(100, 120, 150, 0.2);
    border-radius: 10px;
    color: rgba(136, 146, 176, 0.7);
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

.ind-btn:hover[b-7ly5ecf7nx] { background: rgba(50, 65, 85, 0.5); color: var(--text-primary, #e6f1ff); }

.ind-btn.on[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.15);
    border-color: rgba(0, 212, 170, 0.4);
    color: var(--accent-primary, #00d4aa);
}

.ind-btn.open[b-7ly5ecf7nx] { background: rgba(0, 212, 170, 0.2); border-color: rgba(0, 212, 170, 0.5); }

.ind-count[b-7ly5ecf7nx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    font-size: 9px;
    font-weight: 700;
}

.ind-btn.on .ind-count[b-7ly5ecf7nx] { background: rgba(0, 212, 170, 0.3); }

/* Indicator Dropdown */
.dropdown-wrap[b-7ly5ecf7nx] { position: relative; }

.ind-dropdown[b-7ly5ecf7nx] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 2px;
    min-width: 100px;
    background: rgba(18, 22, 32, 0.98);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 4px;
    z-index: 1000;
    padding: 4px 0;
}

.ind-opt[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    cursor: pointer;
    transition: background 0.1s;
}

.ind-opt:hover[b-7ly5ecf7nx] { background: rgba(0, 212, 170, 0.1); }

.ind-opt input[type="checkbox"][b-7ly5ecf7nx] {
    width: 12px;
    height: 12px;
    accent-color: var(--accent-primary, #00d4aa);
}

.ind-opt span[b-7ly5ecf7nx] {
    font-size: 11px;
    font-weight: 500;
}

.c-sma20[b-7ly5ecf7nx] { color: #2196f3; }
.c-sma50[b-7ly5ecf7nx] { color: #ff9800; }
.c-ema8[b-7ly5ecf7nx] { color: #26a69a; }
.c-ema21[b-7ly5ecf7nx] { color: #ab47bc; }
.c-vol[b-7ly5ecf7nx] { color: #64b5f6; }
.c-volprofile[b-7ly5ecf7nx] { color: #ffd54f; }
.c-earnings[b-7ly5ecf7nx] { color: #22c55e; }
.c-dividends[b-7ly5ecf7nx] { color: #a855f7; }
.c-news[b-7ly5ecf7nx] { color: #06b6d4; }

/* Pattern Buttons - Compact Icon Style */
.pattern-group[b-7ly5ecf7nx] {
    display: flex;
    gap: 4px;
}

/* Icon-only pattern buttons */
.pattern-icon-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 32px;
    height: 28px;
    padding: 4px;
    background: rgba(30, 40, 55, 0.5);
    border: 1px solid rgba(100, 120, 150, 0.25);
    border-radius: 6px;
    color: rgba(136, 146, 176, 0.6);
    cursor: pointer;
    transition: all 0.15s ease;
}

.pattern-icon-btn:hover[b-7ly5ecf7nx] {
    background: rgba(50, 65, 85, 0.6);
    transform: translateY(-1px);
}

/* Bull pattern default state - always green */
.pattern-icon-btn.bull[b-7ly5ecf7nx] {
    color: rgba(0, 200, 83, 0.6);
}

.pattern-icon-btn.bull:hover[b-7ly5ecf7nx] {
    color: rgba(0, 200, 83, 0.9);
}

/* Bear pattern default state - always red */
.pattern-icon-btn.bear[b-7ly5ecf7nx] {
    color: rgba(255, 82, 82, 0.6);
}

.pattern-icon-btn.bear:hover[b-7ly5ecf7nx] {
    color: rgba(255, 82, 82, 0.9);
}

.pattern-icon-btn .pattern-icon[b-7ly5ecf7nx] {
    width: 18px;
    height: 18px;
    stroke-width: 2;
}

.pattern-icon-btn .pattern-count[b-7ly5ecf7nx] {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    background: rgba(0, 212, 170, 0.9);
    border-radius: 7px;
    font-size: 9px;
    font-weight: 700;
    color: #0a0e17;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Bull pattern active state */
.pattern-icon-btn.on.bull[b-7ly5ecf7nx] {
    background: rgba(0, 200, 83, 0.15);
    border-color: rgba(0, 200, 83, 0.5);
    color: #00c853;
    box-shadow: 0 0 8px rgba(0, 200, 83, 0.25);
}

.pattern-icon-btn.on.bull .pattern-count[b-7ly5ecf7nx] {
    background: #00c853;
}

/* Bear pattern active state */
.pattern-icon-btn.on.bear[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.15);
    border-color: rgba(255, 82, 82, 0.5);
    color: #ff5252;
    box-shadow: 0 0 8px rgba(255, 82, 82, 0.25);
}

.pattern-icon-btn.on.bear .pattern-count[b-7ly5ecf7nx] {
    background: #ff5252;
}

/* LW Badge - Minimal */
.lw-badge[b-7ly5ecf7nx] {
    padding: 3px 6px;
    background: rgba(0, 212, 170, 0.1);
    border: 1px solid rgba(0, 212, 170, 0.25);
    border-radius: 3px;
    color: rgba(0, 212, 170, 0.7);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* ===== CHART CONTAINER ===== */
.chart-container[b-7ly5ecf7nx] {
    flex: 1;
    min-height: 0;
    position: relative;
    background: var(--bg-primary, #0a0e17);
}

.chart-placeholder[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--text-secondary, #8892b0);
    gap: 16px;
}

.chart-placeholder svg[b-7ly5ecf7nx] {
    opacity: 0.3;
}

/* ===== SIDEBAR ===== */
.chart-sidebar[b-7ly5ecf7nx] {
    flex: 0 0 380px;
    display: flex;
    flex-direction: column;
    background: rgba(13, 17, 28, 0.95);
    overflow: hidden;
}

.sidebar-header[b-7ly5ecf7nx] {
    padding: 16px;
    border-bottom: 1px solid rgba(0, 212, 170, 0.15);
}

.sidebar-company-info[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sidebar-company-logo[b-7ly5ecf7nx] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: rgba(0, 212, 170, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.sidebar-company-logo img[b-7ly5ecf7nx] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-company-logo span[b-7ly5ecf7nx] {
    font-size: 18px;
    font-weight: 700;
    color: var(--accent-primary, #00d4aa);
}

.sidebar-company-symbol[b-7ly5ecf7nx] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary, #e6f1ff);
}

.sidebar-company-name[b-7ly5ecf7nx] {
    font-size: 12px;
    color: var(--text-secondary, #8892b0);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

/* Symbol row with inline price */
.sidebar-company-symbol-row[b-7ly5ecf7nx] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.sidebar-inline-price[b-7ly5ecf7nx] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary, #e6f1ff);
    font-family: 'JetBrains Mono', monospace;
}

/* ===== MODERN TECH METRICS ROW ===== */
.tech-metrics-row[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    padding: 8px 10px;
    background: linear-gradient(135deg, rgba(20, 28, 42, 0.8) 0%, rgba(15, 20, 32, 0.9) 100%);
    border-radius: 10px;
    border: 1px solid rgba(100, 120, 150, 0.12);
    backdrop-filter: blur(8px);
}

.metric-pill[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 20px;
    background: rgba(50, 60, 80, 0.4);
    border: 1px solid rgba(100, 120, 150, 0.2);
    font-size: 11px;
    font-weight: 600;
    transition: all 0.2s ease;
    cursor: default;
}

.metric-pill:hover[b-7ly5ecf7nx] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.metric-score[b-7ly5ecf7nx] {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 700;
    font-size: 12px;
}

.metric-label[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    opacity: 0.9;
}

.metric-divider[b-7ly5ecf7nx] {
    font-size: 14px;
    color: rgba(136, 146, 176, 0.3);
    font-weight: 300;
}

/* Metric pill color variants */
.metric-pill.bullish[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(0, 230, 118, 0.15) 0%, rgba(0, 200, 83, 0.1) 100%);
    border-color: rgba(0, 230, 118, 0.3);
    color: #00e676;
}

.metric-pill.lean-bullish[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(74, 222, 128, 0.12) 0%, rgba(34, 197, 94, 0.08) 100%);
    border-color: rgba(74, 222, 128, 0.25);
    color: #4ade80;
}

.metric-pill.bearish[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(255, 82, 82, 0.15) 0%, rgba(239, 68, 68, 0.1) 100%);
    border-color: rgba(255, 82, 82, 0.3);
    color: #ff5252;
}

.metric-pill.lean-bearish[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(248, 113, 113, 0.12) 0%, rgba(239, 68, 68, 0.08) 100%);
    border-color: rgba(248, 113, 113, 0.25);
    color: #f87171;
}

.metric-pill.neutral[b-7ly5ecf7nx] {
    color: var(--text-secondary, #8892b0);
}

.metric-pill.strong-trend[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.15) 0%, rgba(0, 180, 140, 0.1) 100%);
    border-color: rgba(0, 212, 170, 0.3);
    color: #00d4aa;
}

.metric-pill.trending[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(34, 211, 238, 0.12) 0%, rgba(6, 182, 212, 0.08) 100%);
    border-color: rgba(34, 211, 238, 0.25);
    color: #22d3ee;
}

.metric-pill.ranging[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12) 0%, rgba(245, 158, 11, 0.08) 100%);
    border-color: rgba(251, 191, 36, 0.25);
    color: #fbbf24;
}

.metric-pill.flat[b-7ly5ecf7nx] {
    color: rgba(136, 146, 176, 0.7);
}

/* ===== ACTION BANNER ===== */
.action-banner[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 16px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.action-banner[b-7ly5ecf7nx]::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.08;
    background: radial-gradient(ellipse at center, currentColor 0%, transparent 70%);
}

.action-icon[b-7ly5ecf7nx] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.action-label[b-7ly5ecf7nx] {
    position: relative;
    z-index: 1;
}

/* Action banner color variants */
.action-banner.bullish[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(0, 230, 118, 0.12) 0%, rgba(0, 200, 83, 0.06) 100%);
    border: 1px solid rgba(0, 230, 118, 0.25);
    color: #00e676;
    box-shadow: 0 0 20px rgba(0, 230, 118, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.action-banner.lean-bullish[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(74, 222, 128, 0.1) 0%, rgba(34, 197, 94, 0.05) 100%);
    border: 1px solid rgba(74, 222, 128, 0.2);
    color: #4ade80;
    box-shadow: 0 0 16px rgba(74, 222, 128, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.action-banner.bearish[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(255, 82, 82, 0.12) 0%, rgba(239, 68, 68, 0.06) 100%);
    border: 1px solid rgba(255, 82, 82, 0.25);
    color: #ff5252;
    box-shadow: 0 0 20px rgba(255, 82, 82, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.action-banner.lean-bearish[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(248, 113, 113, 0.1) 0%, rgba(239, 68, 68, 0.05) 100%);
    border: 1px solid rgba(248, 113, 113, 0.2);
    color: #f87171;
    box-shadow: 0 0 16px rgba(248, 113, 113, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.action-banner.neutral[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(100, 120, 150, 0.1) 0%, rgba(80, 100, 130, 0.05) 100%);
    border: 1px solid rgba(136, 146, 176, 0.15);
    color: var(--text-secondary, #8892b0);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

/* ===== COMPACT SIDEBAR STYLES ===== */
.sidebar-company-info.compact[b-7ly5ecf7nx] {
    gap: 10px;
}

.sidebar-company-info.compact .sidebar-company-logo[b-7ly5ecf7nx] {
    width: 36px;
    height: 36px;
}

.sidebar-company-info.compact .sidebar-company-symbol[b-7ly5ecf7nx] {
    font-size: 15px;
}

/* ===== ACTION BADGE (inline version) ===== */
.action-badge[b-7ly5ecf7nx] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: auto;
    white-space: nowrap;
}

.action-badge-icon[b-7ly5ecf7nx] {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
}

.action-badge.bullish[b-7ly5ecf7nx] {
    background: rgba(0, 230, 118, 0.15);
    border: 1px solid rgba(0, 230, 118, 0.3);
    color: #00e676;
}

.action-badge.lean-bullish[b-7ly5ecf7nx] {
    background: rgba(74, 222, 128, 0.12);
    border: 1px solid rgba(74, 222, 128, 0.25);
    color: #4ade80;
}

.action-badge.bearish[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.15);
    border: 1px solid rgba(255, 82, 82, 0.3);
    color: #ff5252;
}

.action-badge.lean-bearish[b-7ly5ecf7nx] {
    background: rgba(248, 113, 113, 0.12);
    border: 1px solid rgba(248, 113, 113, 0.25);
    color: #f87171;
}

.action-badge.neutral[b-7ly5ecf7nx] {
    background: rgba(100, 120, 150, 0.12);
    border: 1px solid rgba(136, 146, 176, 0.2);
    color: var(--text-secondary, #8892b0);
}

/* ===== COMPACT TECH METRICS ===== */
.tech-metrics-compact[b-7ly5ecf7nx] {
    display: flex;
    gap: 4px;
    margin-top: 10px;
}

.metric-item[b-7ly5ecf7nx] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6px 4px;
    border-radius: 6px;
    background: rgba(30, 40, 55, 0.5);
    border: 1px solid rgba(100, 120, 150, 0.15);
    cursor: default;
    transition: all 0.2s ease;
}

.metric-item:hover[b-7ly5ecf7nx] {
    background: rgba(40, 50, 70, 0.6);
    border-color: rgba(100, 120, 150, 0.25);
}

.metric-title[b-7ly5ecf7nx] {
    font-size: 8px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted, #5a6a8a);
    margin-bottom: 2px;
}

.metric-value[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    text-align: center;
    line-height: 1.2;
}

/* Metric item color variants */
.metric-item.bullish[b-7ly5ecf7nx] { color: #00e676; border-color: rgba(0, 230, 118, 0.2); }
.metric-item.lean-bullish[b-7ly5ecf7nx] { color: #4ade80; border-color: rgba(74, 222, 128, 0.2); }
.metric-item.bearish[b-7ly5ecf7nx] { color: #ff5252; border-color: rgba(255, 82, 82, 0.2); }
.metric-item.lean-bearish[b-7ly5ecf7nx] { color: #f87171; border-color: rgba(248, 113, 113, 0.2); }
.metric-item.neutral[b-7ly5ecf7nx] { color: var(--text-secondary, #8892b0); }
.metric-item.strong-trend[b-7ly5ecf7nx] { color: #00d4aa; border-color: rgba(0, 212, 170, 0.2); }
.metric-item.trending[b-7ly5ecf7nx] { color: #22d3ee; border-color: rgba(34, 211, 238, 0.2); }
.metric-item.ranging[b-7ly5ecf7nx] { color: #fbbf24; border-color: rgba(251, 191, 36, 0.2); }
.metric-item.flat[b-7ly5ecf7nx] { color: rgba(136, 146, 176, 0.7); }

.sidebar-price-info[b-7ly5ecf7nx] {
    margin-top: 12px;
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.sidebar-current-price[b-7ly5ecf7nx] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-primary, #e6f1ff);
}

.sidebar-price-change[b-7ly5ecf7nx] {
    font-size: 13px;
    font-weight: 600;
}

.sidebar-price-change.positive[b-7ly5ecf7nx] { color: #00e676; }
.sidebar-price-change.negative[b-7ly5ecf7nx] { color: #ff5252; }

/* ===== SIDEBAR TABS ===== */
.sidebar-tabs[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 8px 12px;
    background: rgba(18, 22, 32, 0.6);
    border-bottom: 1px solid rgba(0, 212, 170, 0.12);
}

.sidebar-tab[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--text-secondary, #8892b0);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.sidebar-tab:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.1);
    color: var(--text-primary, #e6f1ff);
}

.sidebar-tab.active[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.15);
    color: var(--accent-primary, #00d4aa);
}

.sidebar-tab.icon-only[b-7ly5ecf7nx] {
    padding: 8px 10px;
}

.sidebar-tab.icon-only svg[b-7ly5ecf7nx] {
    width: 16px;
    height: 16px;
}

.sidebar-tab-panel[b-7ly5ecf7nx] {
    display: none;
}

.sidebar-tab-panel.active[b-7ly5ecf7nx] {
    display: block;
}

/* ===== SIDEBAR CONTENT ===== */
.sidebar-content[b-7ly5ecf7nx] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Crosshair OHLC Panel */
.crosshair-ohlc-panel[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.08);
    border: 1px solid rgba(0, 212, 170, 0.2);
    border-radius: 8px;
    padding: 10px 12px;
}

.ohlc-label[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.ohlc-values[b-7ly5ecf7nx] {
    display: flex;
    gap: 12px;
}

.ohlc-item[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ohlc-key[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
}

.ohlc-value[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-primary, #e6f1ff);
}

.ohlc-value.bullish[b-7ly5ecf7nx] { color: #00e676; }
.ohlc-value.bearish[b-7ly5ecf7nx] { color: #ff5252; }

/* Overall Signal Panel */
.overall-signal-panel[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.05);
    border: 1px solid rgba(0, 212, 170, 0.2);
    border-radius: 8px;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.signal-label[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.signal-info[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.signal-badge[b-7ly5ecf7nx] {
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
}

.signal-badge.bullish[b-7ly5ecf7nx] { background: rgba(0, 230, 118, 0.2); color: #00e676; }
.signal-badge.bearish[b-7ly5ecf7nx] { background: rgba(255, 82, 82, 0.2); color: #ff5252; }
.signal-badge.neutral[b-7ly5ecf7nx] { background: rgba(136, 146, 176, 0.2); color: #8892b0; }

.confidence[b-7ly5ecf7nx] {
    font-size: 14px;
    font-weight: 700;
}

.confidence.high[b-7ly5ecf7nx] { color: #00e676; }
.confidence.medium[b-7ly5ecf7nx] { color: #ffa726; }
.confidence.low[b-7ly5ecf7nx] { color: var(--text-secondary, #8892b0); }

/* Technical Indicators Panel */
.tech-indicators-panel[b-7ly5ecf7nx] {
    background: rgba(30, 40, 60, 0.4);
    border: 1px solid rgba(0, 212, 170, 0.15);
    border-radius: 8px;
    padding: 12px;
}

.panel-section-title[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.panel-section-title svg[b-7ly5ecf7nx] {
    opacity: 0.7;
}

.mini-indicator-row[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
    border-bottom: 1px solid rgba(100, 120, 150, 0.1);
}

.mini-indicator-row:last-child[b-7ly5ecf7nx] {
    border-bottom: none;
}

/* Stacked Dots Indicator Selection - Blue outline for selected indicators */
.mini-indicator-row.dots-selected[b-7ly5ecf7nx] {
    border: 1px solid rgba(0, 150, 255, 0.6);
    border-radius: 4px;
    background: rgba(0, 150, 255, 0.08);
    margin: 2px 0;
    padding: 5px 6px;
}

/* ===== DOTS MODE SELECTOR - 3-button segmented control ===== */
.dots-mode-selector[b-7ly5ecf7nx] {
    display: flex;
    gap: 2px;
    padding: 4px 0 8px 0;
    background: transparent;
}

.dots-mode-btn[b-7ly5ecf7nx] {
    flex: 1;
    padding: 4px 6px;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    background: rgba(40, 50, 70, 0.5);
    border: 1px solid rgba(100, 120, 150, 0.2);
    border-radius: 3px;
    color: rgba(136, 146, 176, 0.7);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.dots-mode-btn:hover[b-7ly5ecf7nx] {
    background: rgba(50, 65, 90, 0.7);
    border-color: rgba(0, 212, 170, 0.3);
    color: rgba(0, 212, 170, 0.8);
}

.dots-mode-btn.active[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.15);
    border-color: rgba(0, 212, 170, 0.5);
    color: #00d4aa;
    box-shadow: 0 0 6px rgba(0, 212, 170, 0.2);
}

/* ===== INDICATOR SELECT MODAL ===== */
.indicator-select-modal[b-7ly5ecf7nx] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.indicator-select-content[b-7ly5ecf7nx] {
    background: linear-gradient(180deg, rgba(24, 30, 45, 0.98) 0%, rgba(18, 24, 38, 0.98) 100%);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 8px;
    padding: 16px;
    max-width: 400px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
}

.indicator-select-header[b-7ly5ecf7nx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(100, 120, 150, 0.2);
}

.indicator-select-header h3[b-7ly5ecf7nx] {
    margin: 0;
    font-size: 14px;
    color: #00d4aa;
}

.indicator-select-close[b-7ly5ecf7nx] {
    background: transparent;
    border: none;
    color: rgba(136, 146, 176, 0.7);
    cursor: pointer;
    padding: 4px;
    font-size: 18px;
}

.indicator-select-close:hover[b-7ly5ecf7nx] {
    color: #ff5252;
}

.indicator-select-category[b-7ly5ecf7nx] {
    margin-bottom: 12px;
}

.indicator-select-category-title[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(136, 146, 176, 0.6);
    margin-bottom: 6px;
}

.indicator-select-item[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.indicator-select-item:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.08);
    border-color: rgba(0, 212, 170, 0.2);
}

.indicator-select-item.selected[b-7ly5ecf7nx] {
    background: rgba(0, 150, 255, 0.12);
    border-color: rgba(0, 150, 255, 0.5);
}

.indicator-select-checkbox[b-7ly5ecf7nx] {
    width: 14px;
    height: 14px;
    accent-color: #00d4aa;
}

.indicator-select-name[b-7ly5ecf7nx] {
    font-size: 12px;
    color: #e6f1ff;
    flex: 1;
}

.indicator-select-item.as-reversal .indicator-select-name[b-7ly5ecf7nx]::after {
    content: " ★";
    color: rgba(0, 212, 170, 0.6);
    font-size: 10px;
}

.indicator-select-actions[b-7ly5ecf7nx] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(100, 120, 150, 0.2);
}

.indicator-select-btn[b-7ly5ecf7nx] {
    flex: 1;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.indicator-select-btn.primary[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.2);
    border: 1px solid rgba(0, 212, 170, 0.5);
    color: #00d4aa;
}

.indicator-select-btn.primary:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.3);
}

.indicator-select-btn.secondary[b-7ly5ecf7nx] {
    background: transparent;
    border: 1px solid rgba(100, 120, 150, 0.3);
    color: rgba(136, 146, 176, 0.8);
}

.indicator-select-btn.secondary:hover[b-7ly5ecf7nx] {
    border-color: rgba(100, 120, 150, 0.5);
    color: #e6f1ff;
}

.mini-ind-label[b-7ly5ecf7nx] {
    width: 50px;
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
}

.mini-ind-chart[b-7ly5ecf7nx] {
    flex: 1;
}

.mini-ind-bar-bg[b-7ly5ecf7nx] {
    height: 6px;
    background: rgba(50, 60, 80, 0.5);
    border-radius: 3px;
    position: relative;
    display: flex;
}

.mini-zone[b-7ly5ecf7nx] {
    flex: 1;
}

.mini-zone.bullish[b-7ly5ecf7nx] { background: rgba(0, 230, 118, 0.15); }
.mini-zone.neutral[b-7ly5ecf7nx] { background: rgba(136, 146, 176, 0.1); }
.mini-zone.bearish[b-7ly5ecf7nx] { background: rgba(255, 82, 82, 0.15); }

.mini-ind-marker[b-7ly5ecf7nx] {
    position: absolute;
    top: -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transform: translateX(-50%);
    border: 2px solid;
}

.mini-ind-marker.bullish[b-7ly5ecf7nx] { background: #00e676; border-color: #00c853; }
.mini-ind-marker.bearish[b-7ly5ecf7nx] { background: #ff5252; border-color: #ff1744; }
.mini-ind-marker.neutral[b-7ly5ecf7nx] { background: #8892b0; border-color: #64748b; }

.mini-ind-value[b-7ly5ecf7nx] {
    width: 50px;
    font-size: 11px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-primary, #e6f1ff);
    text-align: right;
}

.mini-ind-signal[b-7ly5ecf7nx] {
    width: 65px;
    font-size: 10px;
    font-weight: 600;
    text-align: right;
}

.mini-ind-signal.bullish[b-7ly5ecf7nx] { color: #00e676; }
.mini-ind-signal.bearish[b-7ly5ecf7nx] { color: #ff5252; }
.mini-ind-signal.neutral[b-7ly5ecf7nx] { color: var(--text-secondary, #8892b0); }

.no-data-message[b-7ly5ecf7nx] {
    padding: 20px;
    text-align: center;
    color: var(--text-secondary, #8892b0);
    font-size: 12px;
}

/* ===== ANALYSIS SECTIONS ===== */
.analysis-section[b-7ly5ecf7nx] {
    background: rgba(30, 40, 60, 0.4);
    border: 1px solid rgba(0, 212, 170, 0.15);
    border-radius: 8px;
    padding: 12px;
}

.analysis-header[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.analysis-header svg[b-7ly5ecf7nx] {
    color: var(--accent-primary, #00d4aa);
    opacity: 0.8;
}

.analysis-title[b-7ly5ecf7nx] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.analysis-content[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Reversal Engine */
.reversal-status[b-7ly5ecf7nx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reversal-indicator[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 6px;
    background: rgba(50, 60, 80, 0.5);
}

.reversal-indicator.bullish[b-7ly5ecf7nx] { background: rgba(0, 230, 118, 0.15); }
.reversal-indicator.bearish[b-7ly5ecf7nx] { background: rgba(255, 82, 82, 0.15); }
.reversal-indicator.lean-bullish[b-7ly5ecf7nx] { background: rgba(0, 230, 118, 0.08); }
.reversal-indicator.lean-bearish[b-7ly5ecf7nx] { background: rgba(255, 82, 82, 0.08); }

.reversal-emoji[b-7ly5ecf7nx] {
    font-size: 16px;
}

.reversal-label[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary, #e6f1ff);
}

.reversal-confidence[b-7ly5ecf7nx] {
    text-align: right;
}

.confidence-value[b-7ly5ecf7nx] {
    font-size: 16px;
    font-weight: 700;
    color: var(--accent-primary, #00d4aa);
}

.confidence-label[b-7ly5ecf7nx] {
    display: block;
    font-size: 9px;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
}

.reversal-details[b-7ly5ecf7nx] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.reversal-factor[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    background: rgba(50, 60, 80, 0.4);
    border-radius: 4px;
    font-size: 10px;
}

.reversal-factor.bullish[b-7ly5ecf7nx] { 
    background: rgba(0, 230, 118, 0.1);
    color: #00e676;
}

.reversal-factor.bearish[b-7ly5ecf7nx] { 
    background: rgba(255, 82, 82, 0.1);
    color: #ff5252;
}

/* Market Regime */
.regime-status[b-7ly5ecf7nx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.regime-badge[b-7ly5ecf7nx] {
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

.regime-badge.strong-trend[b-7ly5ecf7nx] { background: rgba(0, 230, 118, 0.2); color: #00e676; }
.regime-badge.trending[b-7ly5ecf7nx] { background: rgba(66, 165, 245, 0.2); color: #42a5f5; }
.regime-badge.ranging[b-7ly5ecf7nx] { background: rgba(255, 167, 38, 0.2); color: #ffa726; }
.regime-badge.flat[b-7ly5ecf7nx] { background: rgba(136, 146, 176, 0.2); color: #8892b0; }

.regime-volatility[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
}

.volatility-label[b-7ly5ecf7nx] {
    color: var(--text-secondary, #8892b0);
}

.volatility-value.high[b-7ly5ecf7nx] { color: #ff5252; }
.volatility-value.medium[b-7ly5ecf7nx] { color: #ffa726; }
.volatility-value.low[b-7ly5ecf7nx] { color: #00e676; }

.regime-description[b-7ly5ecf7nx] {
    font-size: 11px;
    color: var(--text-secondary, #8892b0);
    font-style: italic;
}

/* ===== GRID LAYOUT SELECTOR ===== */
.grid-selector[b-7ly5ecf7nx] {
    position: relative;
}

.grid-selector-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: rgba(0, 212, 170, 0.1);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 4px;
    color: var(--text-primary, #f0f4f8);
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s;
}

.grid-selector-btn:hover[b-7ly5ecf7nx], .grid-selector-btn.active[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.2);
    border-color: var(--accent-primary, #00d4aa);
}

.grid-icon[b-7ly5ecf7nx] {
    display: grid;
    width: 16px;
    height: 16px;
    gap: 1px;
}

.grid-icon-cell[b-7ly5ecf7nx], .grid-icon .cell[b-7ly5ecf7nx] {
    background: currentColor;
    opacity: 0.7;
    border-radius: 1px;
}

.grid-dropdown[b-7ly5ecf7nx] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    background: rgba(13, 17, 28, 0.98);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 6px;
    z-index: 1000;
    display: none;
    min-width: 120px;
}

.grid-dropdown.show[b-7ly5ecf7nx] {
    display: block;
}

.grid-option[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    cursor: pointer;
    transition: background 0.15s;
}

.grid-option:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.15);
}

.grid-option.selected[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.2);
}

.grid-option-icon[b-7ly5ecf7nx] {
    display: grid;
    width: 18px;
    height: 18px;
    gap: 2px;
}

.grid-option-icon .cell[b-7ly5ecf7nx] {
    background: var(--accent-primary, #00d4aa);
    opacity: 0.7;
    border-radius: 1px;
}

.grid-option-label[b-7ly5ecf7nx] {
    font-size: 12px;
    color: var(--text-primary, #f0f4f8);
}

/* ===== MULTI-CHART GRID CONTAINER ===== */
.chart-grid-container[b-7ly5ecf7nx] {
    flex: 1;
    display: grid;
    gap: 2px;
    background: rgba(0, 212, 170, 0.1);
    overflow: hidden;
    height: 100%; /* Ensures grid rows can properly calculate 1fr */
    min-height: 0; /* Prevent grid from overflowing flex container */
}

.chart-grid-container.layout-1[b-7ly5ecf7nx] {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.chart-grid-container.layout-2[b-7ly5ecf7nx] {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
}

.chart-grid-container.layout-3[b-7ly5ecf7nx] {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

.chart-grid-container.layout-3 .chart-cell:nth-child(3)[b-7ly5ecf7nx] {
    grid-column: span 2;
}

.chart-grid-container.layout-4[b-7ly5ecf7nx] {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

.chart-grid-container.layout-6[b-7ly5ecf7nx] {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

/* ===== CHART CELL ===== */
.chart-cell[b-7ly5ecf7nx] {
    position: relative;
    background: var(--bg-primary, #0a0e17);
    min-height: 0; /* Allow grid to control height */
    height: 100%; /* Fill grid cell completely */
    cursor: pointer;
    transition: box-shadow 0.2s;
    overflow: hidden;
}

.chart-cell.selected[b-7ly5ecf7nx] {
    box-shadow: inset 0 0 0 2px var(--accent-primary, #00d4aa);
}

.chart-cell-content[b-7ly5ecf7nx] {
    position: relative;
    width: 100%;
    height: 100%;
}

.chart-symbol-overlay[b-7ly5ecf7nx] {
    position: absolute;
    top: 6px;
    left: 6px;
    right: auto;
    max-width: calc(100% - 80px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    z-index: 100;
    pointer-events: none;
    background: rgba(10, 14, 23, 0.85);
    padding: 3px 6px;
    border-radius: 4px;
}

.cell-symbol-selector[b-7ly5ecf7nx] {
    pointer-events: auto;
}

.cell-symbol-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: rgba(13, 17, 28, 0.9);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 4px;
    color: var(--accent-primary, #00d4aa);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.cell-symbol-btn:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.2);
    border-color: var(--accent-primary, #00d4aa);
}

.cell-close-btn[b-7ly5ecf7nx] {
    position: absolute;
    top: 6px;
    right: 70px; /* Leave space for price scale */
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: rgba(255, 82, 82, 0.2);
    border: 1px solid rgba(255, 82, 82, 0.4);
    border-radius: 4px;
    color: #ff5252;
    cursor: pointer;
    transition: all 0.2s;
    z-index: 100;
}

.cell-close-btn:hover[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.5);
    border-color: #ff5252;
}

.chart-cell-empty[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 150px; /* Slightly reduced min-height for multi-cell layouts */
    background: var(--bg-primary, #0a0e17);
}

.add-symbol-btn[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px 24px;
    background: rgba(0, 212, 170, 0.1);
    border: 2px dashed rgba(0, 212, 170, 0.3);
    border-radius: 8px;
    color: var(--text-secondary, #8892b0);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
}

.add-symbol-btn:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.2);
    border-color: var(--accent-primary, #00d4aa);
    color: var(--accent-primary, #00d4aa);
}

.chart-loading[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--text-secondary, #8892b0);
    font-size: 13px;
}

/* ===== CHART WITH OSCILLATOR PANE ===== */
.chart-with-oscillator[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.chart-with-oscillator .chart-area[b-7ly5ecf7nx] {
    flex: 1;
    min-height: 0;
    position: relative;
}

.chart-with-oscillator[b-7ly5ecf7nx]  .oscillator-signal-pane {
    flex-shrink: 0;
}

/* ===== CELL SEARCH MODAL ===== */
.cell-search-modal[b-7ly5ecf7nx] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

.cell-search-content[b-7ly5ecf7nx] {
    background: rgba(13, 17, 28, 0.98);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 8px;
    padding: 16px;
    min-width: 300px;
}

.cell-search-input[b-7ly5ecf7nx] {
    width: 100%;
    padding: 12px 16px;
    background: rgba(0, 212, 170, 0.1);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 6px;
    color: var(--text-primary, #f0f4f8);
    font-size: 16px;
    text-transform: uppercase;
}

.cell-search-input:focus[b-7ly5ecf7nx] {
    outline: none;
    border-color: var(--accent-primary, #00d4aa);
    box-shadow: 0 0 0 3px rgba(0, 212, 170, 0.2);
}

.cell-search-results[b-7ly5ecf7nx] {
    margin-top: 8px;
    max-height: 300px;
    overflow-y: auto;
}

.cell-search-result[b-7ly5ecf7nx] {
    padding: 10px 12px;
    cursor: pointer;
    border-radius: 4px;
    color: var(--accent-primary, #00d4aa);
    font-weight: 600;
    transition: background 0.15s;
}

.cell-search-result:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.15);
}

/* ===== PATTERN SELECTION MODAL ===== */
.pattern-modal-overlay[b-7ly5ecf7nx] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3000;
}

.pattern-modal[b-7ly5ecf7nx] {
    background: rgba(13, 17, 28, 0.98);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 12px;
    width: 450px;
    max-height: 70vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pattern-modal.bullish[b-7ly5ecf7nx] {
    border-color: rgba(0, 230, 118, 0.4);
}

.pattern-modal.bearish[b-7ly5ecf7nx] {
    border-color: rgba(255, 82, 82, 0.4);
}

.pattern-modal-header[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(0, 212, 170, 0.2);
}

.pattern-modal-title[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary, #f0f4f8);
}

.pattern-modal-title .emoji[b-7ly5ecf7nx] {
    font-size: 22px;
}

.pattern-modal-close[b-7ly5ecf7nx] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--text-secondary, #8892b0);
    font-size: 20px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s;
}

.pattern-modal-close:hover[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.2);
    color: #ff5252;
}

.pattern-actions[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background: rgba(0, 0, 0, 0.2);
}

.pattern-actions-left[b-7ly5ecf7nx] {
    display: flex;
    gap: 8px;
}

.pattern-action-btn[b-7ly5ecf7nx] {
    padding: 6px 12px;
    background: rgba(0, 212, 170, 0.1);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 4px;
    color: var(--accent-primary, #00d4aa);
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s;
}

.pattern-action-btn:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.2);
}

.pattern-count[b-7ly5ecf7nx] {
    font-size: 12px;
    color: var(--text-secondary, #8892b0);
}

.pattern-count strong[b-7ly5ecf7nx] {
    color: var(--accent-primary, #00d4aa);
}

.pattern-list[b-7ly5ecf7nx] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}

.pattern-item[b-7ly5ecf7nx] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 20px;
    cursor: pointer;
    transition: background 0.15s;
}

.pattern-item:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.1);
}

.pattern-checkbox[b-7ly5ecf7nx] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: var(--accent-primary, #00d4aa);
}

.pattern-info[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pattern-name[b-7ly5ecf7nx] {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary, #f0f4f8);
}

.pattern-description[b-7ly5ecf7nx] {
    font-size: 12px;
    color: var(--text-secondary, #8892b0);
    line-height: 1.4;
}

.pattern-modal-footer[b-7ly5ecf7nx] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 20px;
    border-top: 1px solid rgba(0, 212, 170, 0.2);
}

.pattern-modal-btn[b-7ly5ecf7nx] {
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.pattern-modal-btn.secondary[b-7ly5ecf7nx] {
    background: transparent;
    border: 1px solid rgba(136, 146, 176, 0.3);
    color: var(--text-secondary, #8892b0);
}

.pattern-modal-btn.secondary:hover[b-7ly5ecf7nx] {
    background: rgba(136, 146, 176, 0.1);
}

.pattern-modal-btn.primary[b-7ly5ecf7nx] {
    background: var(--accent-primary, #00d4aa);
    border: 1px solid var(--accent-primary, #00d4aa);
    color: #0a0e17;
}

.pattern-modal-btn.primary:hover[b-7ly5ecf7nx] {
    background: var(--accent-secondary, #00e5be);
}

/* ===== UNIFIED SYMBOL INPUT ===== */
.symbol-input-section[b-7ly5ecf7nx] {
    position: relative;
}

.unified-symbol-input[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    background: rgba(0, 212, 170, 0.08);
    border: 1px solid rgba(0, 212, 170, 0.25);
    border-radius: 6px;
    min-width: 140px;
}

.unified-symbol-input svg[b-7ly5ecf7nx] {
    color: rgba(0, 212, 170, 0.5);
    flex-shrink: 0;
}

.unified-symbol-input .symbol-input[b-7ly5ecf7nx] {
    flex: 1;
    min-width: 70px;
    padding: 4px 6px;
    background: transparent;
    border: none;
    color: var(--text-primary, #e6f1ff);
    font-size: 13px;
    font-weight: 500;
}

.unified-symbol-input .symbol-input:focus[b-7ly5ecf7nx] {
    outline: none;
    background: transparent;
    border: none;
}

.unified-symbol-input .symbol-badge[b-7ly5ecf7nx] {
    padding: 2px 8px;
    background: var(--accent-primary, #00d4aa);
    color: #0a0e17;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
}

.toolbar-symbol-dropdown[b-7ly5ecf7nx] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    min-width: 160px;
    background: rgba(13, 17, 28, 0.98);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 6px;
    z-index: 1000;
    overflow: hidden;
}

.toolbar-symbol-option[b-7ly5ecf7nx] {
    padding: 8px 12px;
    color: var(--text-primary, #e6f1ff);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
}

.toolbar-symbol-option:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.15);
}

/* ===== MA DROPDOWN ===== */
.ma-dropdown-container[b-7ly5ecf7nx] {
    position: relative;
}

.ma-dropdown-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(136, 146, 176, 0.1);
    border: 1px solid rgba(136, 146, 176, 0.2);
    border-radius: 4px;
    color: var(--text-secondary, #8892b0);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.ma-dropdown-btn:hover[b-7ly5ecf7nx] {
    background: rgba(136, 146, 176, 0.15);
    border-color: rgba(136, 146, 176, 0.3);
}

.ma-dropdown-btn.active[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.15);
    border-color: rgba(0, 212, 170, 0.3);
    color: var(--accent-primary, #00d4aa);
}

.ma-dropdown-btn.has-active[b-7ly5ecf7nx] {
    border-color: rgba(0, 212, 170, 0.4);
    color: var(--accent-primary, #00d4aa);
}

.ma-dropdown[b-7ly5ecf7nx] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    min-width: 140px;
    background: rgba(13, 17, 28, 0.98);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 6px;
    z-index: 1000;
    padding: 8px 0;
}

.ma-option[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    cursor: pointer;
    transition: background 0.15s;
}

.ma-option:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.1);
}

.ma-option input[type="checkbox"][b-7ly5ecf7nx] {
    width: 14px;
    height: 14px;
    accent-color: var(--accent-primary, #00d4aa);
}

.ma-label[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-secondary, #8892b0);
}

.ma-label.sma20[b-7ly5ecf7nx] { color: #2196f3; }
.ma-label.sma50[b-7ly5ecf7nx] { color: #ff9800; }
.ma-label.ema8[b-7ly5ecf7nx] { color: #26a69a; }
.ma-label.ema21[b-7ly5ecf7nx] { color: #ab47bc; }

/* ===== CELL SYMBOL BADGE ===== */
.cell-symbol-badge[b-7ly5ecf7nx] {
    padding: 4px 10px;
    background: rgba(0, 212, 170, 0.2);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 4px;
    color: var(--accent-primary, #00d4aa);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Mini symbol badge - smaller, doesn't cover price axis */
.cell-symbol-badge-mini[b-7ly5ecf7nx] {
    padding: 2px 6px;
    background: rgba(0, 212, 170, 0.15);
    border: 1px solid rgba(0, 212, 170, 0.25);
    border-radius: 3px;
    color: var(--accent-primary, #00d4aa);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

/* Inline OHLC display next to symbol */
.inline-ohlc[b-7ly5ecf7nx] {
    display: inline-flex;
    gap: 2px;
    margin-left: 6px;
    font-size: 9px;
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    opacity: 0.9;
}

.inline-ohlc .ohlc-i[b-7ly5ecf7nx] {
    color: #6b7280;
    font-weight: 500;
}

.inline-ohlc .ohlc-v[b-7ly5ecf7nx] {
    color: #9ca3af;
    margin-right: 4px;
}

.inline-ohlc .ohlc-i.h[b-7ly5ecf7nx],
.inline-ohlc .ohlc-v.h[b-7ly5ecf7nx] {
    color: #00e676;
}

.inline-ohlc .ohlc-i.l[b-7ly5ecf7nx],
.inline-ohlc .ohlc-v.l[b-7ly5ecf7nx] {
    color: #ff5252;
}

/* Update chart symbol overlay to be more compact - avoid price scale overlap */
.chart-symbol-overlay[b-7ly5ecf7nx] {
    position: absolute;
    top: 4px;
    left: 4px;
    right: auto;
    max-width: calc(100% - 80px);
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: rgba(10, 14, 23, 0.9);
    padding: 4px 6px;
    border-radius: 4px;
    pointer-events: none;
}

.chart-symbol-overlay > *[b-7ly5ecf7nx] {
    pointer-events: auto;
}

/* Row for symbol + OHLC */
.overlay-row[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Indicator values - vertical compact layout */
.overlay-indicators[b-7ly5ecf7nx] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    font-size: 10px;
    font-family: 'JetBrains Mono', monospace;
}

/* Vertical layout modifier - 1 indicator per row */
.overlay-indicators.vertical[b-7ly5ecf7nx] {
    flex-direction: column;
    gap: 1px;
    margin-top: 2px;
}

/* Individual indicator row */
.ind-row[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 9px;
    line-height: 1.2;
    white-space: nowrap;
}

.ind-row .ind-dot[b-7ly5ecf7nx] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
}

.ind-row .ind-label[b-7ly5ecf7nx] {
    font-weight: 600;
    min-width: 38px;
}

.ind-row .ind-value[b-7ly5ecf7nx] {
    font-weight: 500;
    opacity: 0.9;
}

/* Legacy support for old format */
.ind-val[b-7ly5ecf7nx] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
}

.ind-dot[b-7ly5ecf7nx] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* Indicator colors matching chart lines */
.ind-row.sma20[b-7ly5ecf7nx], .ind-val.sma20[b-7ly5ecf7nx] { color: #ffa726; }
.ind-row.sma20 .ind-dot[b-7ly5ecf7nx], .ind-val.sma20 .ind-dot[b-7ly5ecf7nx] { background: #ffa726; }

.ind-row.sma50[b-7ly5ecf7nx], .ind-val.sma50[b-7ly5ecf7nx] { color: #42a5f5; }
.ind-row.sma50 .ind-dot[b-7ly5ecf7nx], .ind-val.sma50 .ind-dot[b-7ly5ecf7nx] { background: #42a5f5; }

.ind-row.ema8[b-7ly5ecf7nx], .ind-val.ema8[b-7ly5ecf7nx] { color: #ab47bc; }
.ind-row.ema8 .ind-dot[b-7ly5ecf7nx], .ind-val.ema8 .ind-dot[b-7ly5ecf7nx] { background: #ab47bc; }

.ind-row.ema21[b-7ly5ecf7nx], .ind-val.ema21[b-7ly5ecf7nx] { color: #26a69a; }
.ind-row.ema21 .ind-dot[b-7ly5ecf7nx], .ind-val.ema21 .ind-dot[b-7ly5ecf7nx] { background: #26a69a; }

.ind-row.vwap[b-7ly5ecf7nx], .ind-val.vwap[b-7ly5ecf7nx] { color: #ffca28; }
.ind-row.vwap .ind-dot[b-7ly5ecf7nx], .ind-val.vwap .ind-dot[b-7ly5ecf7nx] { background: #ffca28; }

.ind-row.bb[b-7ly5ecf7nx], .ind-val.bb[b-7ly5ecf7nx] { color: #78909c; }
.ind-row.bb .ind-dot[b-7ly5ecf7nx], .ind-val.bb .ind-dot[b-7ly5ecf7nx] { background: #78909c; }

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

/* Mobile toggle button for sidebar */
.mobile-sidebar-toggle[b-7ly5ecf7nx] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: rgba(0, 212, 170, 0.15);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 6px;
    color: var(--accent-primary, #00d4aa);
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 100;
}

.mobile-sidebar-toggle:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.25);
}

.mobile-sidebar-toggle svg[b-7ly5ecf7nx] {
    width: 18px;
    height: 18px;
}

/* Mobile menu toggle for toolbar */
.mobile-menu-toggle[b-7ly5ecf7nx] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: rgba(30, 40, 55, 0.6);
    border: 1px solid rgba(100, 120, 150, 0.25);
    border-radius: 4px;
    color: var(--text-secondary, #8892b0);
    cursor: pointer;
    transition: all 0.2s;
}

.mobile-menu-toggle:hover[b-7ly5ecf7nx] {
    background: rgba(50, 65, 85, 0.6);
    color: var(--text-primary, #e6f1ff);
}

.mobile-menu-toggle.active[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.15);
    border-color: rgba(0, 212, 170, 0.4);
    color: var(--accent-primary, #00d4aa);
}

/* Collapsible toolbar menu for mobile - hidden on desktop */
.toolbar-collapsible[b-7ly5ecf7nx] {
    display: none;
}

/* Mobile sidebar overlay backdrop */
.sidebar-backdrop[b-7ly5ecf7nx] {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.sidebar-backdrop.visible[b-7ly5ecf7nx] {
    opacity: 1;
}

/* ===== TABLET BREAKPOINT (max-width: 1024px) ===== */
@media screen and (max-width: 1024px) {
    .chart-sidebar[b-7ly5ecf7nx] {
        flex: 0 0 320px;
    }
    
    .sidebar-company-name[b-7ly5ecf7nx] {
        max-width: 160px;
    }
    
    .tech-metrics-row[b-7ly5ecf7nx] {
        flex-wrap: wrap;
    }
    
    .chart-toolbar.compact[b-7ly5ecf7nx] {
        gap: 4px;
        padding: 6px 8px;
    }
    
    .tb-sep[b-7ly5ecf7nx] {
        margin: 0 4px;
    }
    
    /* Pattern icons stay visible but more compact on tablet */
    .pattern-icon-btn[b-7ly5ecf7nx] {
        width: 28px;
        height: 26px;
    }
    
    .pattern-icon-btn .pattern-icon[b-7ly5ecf7nx] {
        width: 16px;
        height: 16px;
    }
}

/* ===== TABLET/SMALL DESKTOP (max-width: 900px) ===== */
@media screen and (max-width: 900px) {
    .chart-lw-viewport[b-7ly5ecf7nx] {
        flex-direction: column;
        /* position:fixed with top/bottom already handles sizing */
    }
    
    .chart-main-area[b-7ly5ecf7nx] {
        flex: 1;
        border-right: none;
        border-bottom: 1px solid rgba(0, 212, 170, 0.15);
        min-height: 50%;
    }
    
    .chart-sidebar[b-7ly5ecf7nx] {
        flex: 0 0 auto;
        height: 40%;
        max-height: 350px;
    }
    
    .sidebar-content[b-7ly5ecf7nx] {
        flex: 1;
        overflow-y: auto;
    }
}

/* ===== MOBILE BREAKPOINT (max-width: 768px) ===== */
@media screen and (max-width: 768px) {
    /* Show mobile toggle buttons */
    .mobile-sidebar-toggle[b-7ly5ecf7nx],
    .mobile-menu-toggle[b-7ly5ecf7nx] {
        display: flex;
    }
    
    /* Sidebar becomes a slide-out drawer */
    .chart-sidebar[b-7ly5ecf7nx] {
        position: fixed;
        top: var(--header-height, 52px);
        right: 0;
        bottom: 0;
        width: 85%;
        max-width: 360px;
        max-height: none;
        z-index: 1000;
        transform: translateX(100%);
        transition: transform 0.3s ease;
        box-shadow: -4px 0 20px rgba(0, 0, 0, 0.3);
    }
    
    .chart-sidebar.open[b-7ly5ecf7nx] {
        transform: translateX(0);
    }
    
    .sidebar-backdrop.visible[b-7ly5ecf7nx] {
        display: block;
    }
    
    /* Reset main area for mobile */
    .chart-main-area[b-7ly5ecf7nx] {
        flex: 1;
        height: 100%;
        min-height: auto;
        border-bottom: none;
    }
    
    /* Compact toolbar for mobile */
    .chart-toolbar.compact[b-7ly5ecf7nx] {
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 4px;
        padding: 6px 10px;
        min-height: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .chart-toolbar.compact[b-7ly5ecf7nx]::-webkit-scrollbar {
        display: none;
    }
    
    /* Hide toolbar separators on mobile */
    .tb-sep[b-7ly5ecf7nx] {
        display: none;
    }
    
    /* Hide secondary toolbar sections, show in collapsible menu */
    .toolbar-collapsible[b-7ly5ecf7nx] {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: linear-gradient(180deg, rgba(18, 22, 32, 0.98) 0%, rgba(13, 17, 28, 0.98) 100%);
        border-bottom: 1px solid rgba(0, 212, 170, 0.12);
        padding: 10px;
        flex-wrap: wrap;
        gap: 8px;
        z-index: 100;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    }
    
    .toolbar-collapsible.open[b-7ly5ecf7nx] {
        display: flex;
    }
    
    /* Keep essential items visible */
    .symbol-section[b-7ly5ecf7nx] {
        flex: 1;
        min-width: 0;
    }
    
    .symbol-input-wrap .symbol-input[b-7ly5ecf7nx] {
        width: 100%;
        min-width: 60px;
    }
    
    /* Timeframes become scrollable */
    .tf-section[b-7ly5ecf7nx] {
        overflow-x: auto;
        max-width: 100%;
        scrollbar-width: none;
        -ms-overflow-style: none;
        flex-shrink: 0;
    }
    
    .tf-section[b-7ly5ecf7nx]::-webkit-scrollbar {
        display: none;
    }
    
    .tf-btn[b-7ly5ecf7nx] {
        padding: 6px 10px;
        flex-shrink: 0;
    }
    
    /* Keep pattern icons visible on mobile (they're compact now) */
    .pattern-icon-btn[b-7ly5ecf7nx] {
        width: 26px;
        height: 24px;
    }
    
    .pattern-icon-btn .pattern-icon[b-7ly5ecf7nx] {
        width: 14px;
        height: 14px;
    }
    
    .pattern-icon-btn .pattern-count[b-7ly5ecf7nx] {
        min-width: 12px;
        height: 12px;
        font-size: 8px;
        top: -4px;
        right: -4px;
    }
    
    /* Hide events dropdown on mobile (shown in collapsible) */
    .ind-group .dropdown-wrap:last-child[b-7ly5ecf7nx] {
        display: none;
    }
    
    /* Make indicator buttons more compact */
    .ind-btn[b-7ly5ecf7nx] {
        padding: 5px 8px;
        font-size: 11px;
    }
    
    /* Sidebar header adjustments */
    .sidebar-header[b-7ly5ecf7nx] {
        padding: 12px;
    }
    
    .sidebar-company-info.compact .sidebar-company-logo[b-7ly5ecf7nx] {
        width: 32px;
        height: 32px;
    }
    
    .sidebar-company-symbol[b-7ly5ecf7nx] {
        font-size: 14px;
    }
    
    .sidebar-inline-price[b-7ly5ecf7nx] {
        font-size: 13px;
    }
    
    .action-badge[b-7ly5ecf7nx] {
        padding: 2px 6px;
        font-size: 8px;
    }
    
    /* Compact tech metrics for mobile */
    .tech-metrics-compact[b-7ly5ecf7nx] {
        gap: 3px;
    }
    
    .metric-item[b-7ly5ecf7nx] {
        padding: 4px 3px;
    }
    
    .metric-title[b-7ly5ecf7nx] {
        font-size: 8px;
    }
    
    .metric-value[b-7ly5ecf7nx] {
        font-size: 9px;
    }
    
    /* Sidebar tabs - full width scroll */
    .sidebar-tabs[b-7ly5ecf7nx] {
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        flex-shrink: 0;
    }
    
    .sidebar-tabs[b-7ly5ecf7nx]::-webkit-scrollbar {
        display: none;
    }
    
    /* Indicator panel adjustments */
    .tech-indicators-panel[b-7ly5ecf7nx] {
        padding: 10px;
    }
    
    .mini-indicator-row[b-7ly5ecf7nx] {
        gap: 6px;
    }
    
    .mini-ind-label[b-7ly5ecf7nx] {
        font-size: 10px;
        min-width: 50px;
    }
    
    .mini-ind-value[b-7ly5ecf7nx] {
        font-size: 10px;
    }
    
    .mini-ind-signal[b-7ly5ecf7nx] {
        font-size: 9px;
        padding: 2px 5px;
    }
    
    /* Grid layout adjustments for mobile */
    .chart-grid-container.layout-2[b-7ly5ecf7nx],
    .chart-grid-container.layout-3[b-7ly5ecf7nx],
    .chart-grid-container.layout-4[b-7ly5ecf7nx],
    .chart-grid-container.layout-6[b-7ly5ecf7nx] {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(auto-fit, minmax(200px, 1fr));
    }
    
    /* Symbol overlay more compact on mobile */
    .chart-symbol-overlay[b-7ly5ecf7nx] {
        max-width: calc(100% - 60px);
        padding: 3px 5px;
    }
    
    .cell-symbol-badge-mini[b-7ly5ecf7nx] {
        font-size: 9px;
        padding: 2px 5px;
    }
    
    .inline-ohlc[b-7ly5ecf7nx] {
        font-size: 8px;
    }
    
    .overlay-indicators[b-7ly5ecf7nx] {
        font-size: 9px;
        gap: 3px 6px;
    }
    
    /* Vertical indicator rows on mobile */
    .overlay-indicators.vertical[b-7ly5ecf7nx] {
        gap: 0;
    }
    
    .ind-row[b-7ly5ecf7nx] {
        font-size: 8px;
    }
    
    .ind-row .ind-label[b-7ly5ecf7nx] {
        min-width: 32px;
    }
    
    .ind-row .ind-dot[b-7ly5ecf7nx] {
        width: 4px;
        height: 4px;
    }
    
    /* LW Badge hidden on mobile */
    .lw-badge[b-7ly5ecf7nx] {
        display: none;
    }
    
    /* Chat and other panels adjustments */
    .chat-container[b-7ly5ecf7nx] {
        padding: 10px;
    }
    
    .chat-input-area[b-7ly5ecf7nx] {
        padding: 8px;
    }
    
    .chat-input[b-7ly5ecf7nx] {
        font-size: 13px;
    }
    
    /* Fundamentals card compacting */
    .fund-card[b-7ly5ecf7nx] {
        margin-bottom: 10px;
    }
    
    .fund-card-header[b-7ly5ecf7nx] {
        padding: 8px 10px;
        font-size: 11px;
    }
    
    .fund-card-body[b-7ly5ecf7nx] {
        padding: 10px;
    }
    
    .fund-metric-row[b-7ly5ecf7nx] {
        padding: 4px 0;
    }
    
    /* Cell close button easier to tap */
    .cell-close-btn[b-7ly5ecf7nx] {
        width: 28px;
        height: 28px;
        top: 8px;
        right: 50px;
    }
}

/* ===== SMALL MOBILE (max-width: 480px) ===== */
@media screen and (max-width: 480px) {
    /* position:fixed already handles sizing in base styles */
    
    .chart-toolbar.compact[b-7ly5ecf7nx] {
        padding: 4px 8px;
    }
    
    .symbol-input-wrap[b-7ly5ecf7nx] {
        padding: 0 6px;
    }
    
    .symbol-input-wrap .symbol-input[b-7ly5ecf7nx] {
        padding: 4px 5px;
        font-size: 11px;
    }
    
    .tf-btn[b-7ly5ecf7nx] {
        padding: 5px 7px;
        font-size: 10px;
    }
    
    /* Hide all indicator toggles except in menu */
    .ind-group[b-7ly5ecf7nx] {
        display: none;
    }
    
    /* Keep pattern icons visible but tiny on small mobile */
    .pattern-icon-btn[b-7ly5ecf7nx] {
        width: 24px;
        height: 22px;
        border-radius: 4px;
    }
    
    .pattern-icon-btn .pattern-icon[b-7ly5ecf7nx] {
        width: 12px;
        height: 12px;
    }
    
    .pattern-icon-btn .pattern-count[b-7ly5ecf7nx] {
        min-width: 10px;
        height: 10px;
        font-size: 7px;
        top: -3px;
        right: -3px;
    }
    
    /* Show simplified quick access icons */
    .toolbar-quick-actions[b-7ly5ecf7nx] {
        display: flex;
        gap: 4px;
    }
    
    /* Grid selector smaller */
    .tool-btn.grid-btn[b-7ly5ecf7nx] {
        padding: 4px 6px;
    }
    
    .grid-icon-mini[b-7ly5ecf7nx] {
        width: 12px;
        height: 10px;
    }
    
    /* Sidebar drawer full width on very small screens */
    .chart-sidebar[b-7ly5ecf7nx] {
        width: 100%;
        max-width: none;
    }
    
    /* Sidebar header even more compact */
    .sidebar-header[b-7ly5ecf7nx] {
        padding: 10px;
    }
    
    .sidebar-company-info.compact .sidebar-company-logo[b-7ly5ecf7nx] {
        width: 28px;
        height: 28px;
    }
    
    .sidebar-company-symbol[b-7ly5ecf7nx] {
        font-size: 13px;
    }
    
    .sidebar-company-name[b-7ly5ecf7nx] {
        font-size: 10px;
        max-width: 120px;
    }
    
    /* Tech metrics single row scroll */
    .tech-metrics-compact[b-7ly5ecf7nx] {
        overflow-x: auto;
        flex-wrap: nowrap;
        scrollbar-width: none;
    }
    
    .tech-metrics-compact[b-7ly5ecf7nx]::-webkit-scrollbar {
        display: none;
    }
    
    .metric-item[b-7ly5ecf7nx] {
        flex: 0 0 auto;
        min-width: 70px;
    }
    
    /* Indicator row more compact */
    .mini-indicator-row[b-7ly5ecf7nx] {
        padding: 4px 0;
    }
    
    .mini-ind-chart[b-7ly5ecf7nx] {
        display: none;
    }
    
    .mini-ind-bar-bg[b-7ly5ecf7nx] {
        display: none;
    }
    
    /* Overlay minimal on small screens */
    .overlay-indicators[b-7ly5ecf7nx] {
        display: none;
    }
    
    .inline-ohlc[b-7ly5ecf7nx] {
        display: none;
    }
    
    /* Fundamentals super compact */
    .fund-metric-row[b-7ly5ecf7nx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
    
    .fund-value[b-7ly5ecf7nx] {
        font-size: 12px;
    }
}

/* ===== LANDSCAPE MOBILE OPTIMIZATIONS ===== */
@media screen and (max-width: 900px) and (orientation: landscape) {
    .chart-lw-viewport[b-7ly5ecf7nx] {
        flex-direction: row;
        /* position:fixed already handles sizing in base styles */
    }
    
    .chart-main-area[b-7ly5ecf7nx] {
        flex: 1;
        min-height: auto;
        border-right: 1px solid rgba(0, 212, 170, 0.15);
        border-bottom: none;
    }
    
    .chart-sidebar[b-7ly5ecf7nx] {
        position: fixed;
        right: 0;
        top: var(--header-height, 52px);
        bottom: 0;
        max-height: none;
        width: 300px;
        transform: translateX(100%);
    }
    
    .chart-sidebar.open[b-7ly5ecf7nx] {
        transform: translateX(0);
    }
    
    .chart-toolbar.compact[b-7ly5ecf7nx] {
        min-height: 32px;
    }
    
    .tf-btn[b-7ly5ecf7nx] {
        padding: 3px 6px;
        font-size: 10px;
    }
}

/* ===== TOUCH DEVICE OPTIMIZATIONS ===== */
@media (hover: none) and (pointer: coarse) {
    /* Larger touch targets */
    .tf-btn[b-7ly5ecf7nx] {
        min-height: 36px;
        min-width: 36px;
    }
    
    .ind-btn[b-7ly5ecf7nx] {
        min-height: 34px;
        padding: 6px 10px;
    }
    
    .tool-btn[b-7ly5ecf7nx] {
        min-height: 36px;
        min-width: 36px;
    }
    
    .sidebar-tab.icon-only[b-7ly5ecf7nx] {
        min-height: 40px;
        min-width: 40px;
    }
    
    .cell-close-btn[b-7ly5ecf7nx] {
        width: 32px;
        height: 32px;
    }
    
    /* Disable hover effects that don't work well on touch */
    .ind-btn:hover[b-7ly5ecf7nx],
    .tf-btn:hover[b-7ly5ecf7nx],
    .tool-btn:hover[b-7ly5ecf7nx] {
        background: inherit;
    }
    
    .ind-btn.on:hover[b-7ly5ecf7nx] {
        background: rgba(0, 212, 170, 0.15);
    }
}

/* ===== ENHANCED CHAT TAB V2 ===== */

.chat-container[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 0;
}

/* Chat Messages Area */
.chat-messages[b-7ly5ecf7nx] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
}

.chat-loading[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
    color: var(--text-secondary, #8892b0);
    font-size: 12px;
}

.chat-empty[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 40px 20px;
    text-align: center;
}

.chat-empty svg[b-7ly5ecf7nx] {
    color: var(--text-secondary, #8892b0);
}

.chat-empty span[b-7ly5ecf7nx] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary, #e6f1ff);
}

.chat-empty small[b-7ly5ecf7nx] {
    font-size: 11px;
    color: var(--text-secondary, #8892b0);
}

/* Chat Message Card */
.chat-message-card[b-7ly5ecf7nx] {
    background: rgba(30, 40, 60, 0.4);
    border: 1px solid rgba(100, 120, 150, 0.15);
    border-radius: 10px;
    padding: 12px;
    transition: all 0.2s ease;
}

.chat-message-card:hover[b-7ly5ecf7nx] {
    background: rgba(35, 45, 65, 0.5);
    border-color: rgba(0, 212, 170, 0.15);
}

.chat-user-header[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.chat-user-avatar[b-7ly5ecf7nx] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.2), rgba(0, 212, 170, 0.1));
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.chat-user-avatar img[b-7ly5ecf7nx] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.chat-user-avatar span[b-7ly5ecf7nx] {
    font-size: 14px;
    font-weight: 700;
    color: var(--accent-primary, #00d4aa);
}

.chat-user-info[b-7ly5ecf7nx] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chat-username[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary, #e6f1ff);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-timestamp[b-7ly5ecf7nx] {
    font-size: 10px;
    color: var(--text-secondary, #8892b0);
}

.chat-sentiment-badge[b-7ly5ecf7nx] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.chat-sentiment-badge.bull[b-7ly5ecf7nx] {
    background: rgba(0, 230, 118, 0.15);
    border: 1px solid rgba(0, 230, 118, 0.3);
}

.chat-sentiment-badge.neutral[b-7ly5ecf7nx] {
    background: rgba(136, 146, 176, 0.15);
    border: 1px solid rgba(136, 146, 176, 0.25);
}

.chat-sentiment-badge.bear[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.15);
    border: 1px solid rgba(255, 82, 82, 0.3);
}

.chat-message-content[b-7ly5ecf7nx] {
    font-size: 13px;
    line-height: 1.5;
    color: var(--text-primary, #e6f1ff);
    word-wrap: break-word;
}

/* Chat Input Area */
.chat-input-area[b-7ly5ecf7nx] {
    background: rgba(20, 28, 42, 0.7);
    border-top: 1px solid rgba(100, 120, 150, 0.15);
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Sentiment Selector */
.sentiment-selector[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sentiment-label[b-7ly5ecf7nx] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.sentiment-buttons[b-7ly5ecf7nx] {
    display: flex;
    gap: 6px;
}

.sentiment-btn[b-7ly5ecf7nx] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid rgba(100, 120, 150, 0.2);
    background: rgba(30, 40, 60, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.sentiment-btn:hover[b-7ly5ecf7nx] {
    background: rgba(40, 50, 70, 0.6);
    border-color: rgba(100, 120, 150, 0.3);
    transform: scale(1.05);
}

.sentiment-btn.active[b-7ly5ecf7nx] {
    transform: scale(1.1);
}

.sentiment-btn.bull.active[b-7ly5ecf7nx] {
    background: rgba(0, 230, 118, 0.2);
    border-color: rgba(0, 230, 118, 0.4);
    box-shadow: 0 0 10px rgba(0, 230, 118, 0.2);
}

.sentiment-btn.neutral.active[b-7ly5ecf7nx] {
    background: rgba(136, 146, 176, 0.2);
    border-color: rgba(136, 146, 176, 0.4);
    box-shadow: 0 0 10px rgba(136, 146, 176, 0.2);
}

.sentiment-btn.bear.active[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.2);
    border-color: rgba(255, 82, 82, 0.4);
    box-shadow: 0 0 10px rgba(255, 82, 82, 0.2);
}

/* Chat Input Wrapper */
.chat-input-wrapper[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(30, 40, 60, 0.5);
    border: 1px solid rgba(100, 120, 150, 0.2);
    border-radius: 8px;
    padding: 4px 4px 4px 12px;
    transition: all 0.2s ease;
}

.chat-input-wrapper:focus-within[b-7ly5ecf7nx] {
    border-color: rgba(0, 212, 170, 0.4);
    background: rgba(30, 40, 60, 0.7);
}

.chat-input[b-7ly5ecf7nx] {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--text-primary, #e6f1ff);
    font-size: 13px;
    padding: 8px 0;
    min-width: 0;
}

.chat-input:focus[b-7ly5ecf7nx] {
    outline: none;
}

.chat-input[b-7ly5ecf7nx]::placeholder {
    color: var(--text-secondary, #8892b0);
    opacity: 0.6;
}

.chat-send-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(0, 212, 170, 0.15);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 6px;
    color: var(--accent-primary, #00d4aa);
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.chat-send-btn:hover:not(:disabled)[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.25);
    border-color: rgba(0, 212, 170, 0.5);
}

.chat-send-btn:disabled[b-7ly5ecf7nx] {
    opacity: 0.4;
    cursor: not-allowed;
}

.mini-spinner[b-7ly5ecf7nx] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(0, 212, 170, 0.3);
    border-top-color: var(--accent-primary, #00d4aa);
    border-radius: 50%;
    animation: mini-spin-b-7ly5ecf7nx 0.8s linear infinite;
}

@keyframes mini-spin-b-7ly5ecf7nx {
    to {
        transform: rotate(360deg);
    }
}

/* Character Count */
.chat-char-count[b-7ly5ecf7nx] {
    font-size: 10px;
    color: var(--text-secondary, #8892b0);
    text-align: right;
    font-family: 'JetBrains Mono', monospace;
}

/* ===== ENHANCED FUNDAMENTALS TAB V2 ===== */

.fundamentals-container-v2[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px;
}

/* Stance Spectrum Card */
.stance-spectrum-card[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.08) 0%, rgba(30, 40, 60, 0.6) 100%);
    border: 1px solid rgba(0, 212, 170, 0.2);
    border-radius: 10px;
    padding: 14px;
}

.stance-header[b-7ly5ecf7nx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.stance-title[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stance-title svg[b-7ly5ecf7nx] {
    color: var(--accent-primary, #00d4aa);
}

.stance-badge[b-7ly5ecf7nx] {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stance-badge.stance-bullish[b-7ly5ecf7nx] {
    background: rgba(0, 230, 118, 0.2);
    color: #00e676;
    border: 1px solid rgba(0, 230, 118, 0.3);
}

.stance-badge.stance-bearish[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.2);
    color: #ff5252;
    border: 1px solid rgba(255, 82, 82, 0.3);
}

.stance-badge.stance-neutral[b-7ly5ecf7nx] {
    background: rgba(136, 146, 176, 0.2);
    color: #8892b0;
    border: 1px solid rgba(136, 146, 176, 0.3);
}

.stance-spectrum[b-7ly5ecf7nx] {
    margin-bottom: 12px;
}

.spectrum-track[b-7ly5ecf7nx] {
    position: relative;
    height: 8px;
    border-radius: 4px;
    overflow: visible;
    margin-bottom: 8px;
}

.spectrum-gradient[b-7ly5ecf7nx] {
    position: absolute;
    inset: 0;
    border-radius: 4px;
    background: linear-gradient(90deg,
        #ff5252 0%,
        #ff8a80 20%,
        #8892b0 50%,
        #69f0ae 80%,
        #00e676 100%
    );
}

.spectrum-marker[b-7ly5ecf7nx] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

.marker-dot[b-7ly5ecf7nx] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--accent-primary, #00d4aa);
    border: 3px solid rgba(13, 17, 28, 0.9);
    box-shadow: 0 0 8px rgba(0, 212, 170, 0.5);
}

.marker-value[b-7ly5ecf7nx] {
    position: absolute;
    top: 20px;
    font-size: 10px;
    font-weight: 700;
    color: var(--accent-primary, #00d4aa);
    white-space: nowrap;
}

.spectrum-labels[b-7ly5ecf7nx] {
    display: flex;
    justify-content: space-between;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.label-bearish[b-7ly5ecf7nx] { color: #ff5252; }
.label-neutral[b-7ly5ecf7nx] { color: #8892b0; }
.label-bullish[b-7ly5ecf7nx] { color: #00e676; }

.stance-confidence[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(100, 120, 150, 0.15);
}

.confidence-label[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
}

.confidence-bar[b-7ly5ecf7nx] {
    flex: 1;
    height: 4px;
    background: rgba(30, 40, 55, 0.8);
    border-radius: 2px;
    overflow: hidden;
}

.confidence-fill[b-7ly5ecf7nx] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.3s ease;
    background: linear-gradient(90deg, #ffa726, #00e676);
}

.confidence-fill.conf-high[b-7ly5ecf7nx] {
    background: linear-gradient(90deg, #26a69a, #00e676);
}

.confidence-fill.conf-medium[b-7ly5ecf7nx] {
    background: linear-gradient(90deg, #ff9800, #ffc107);
}

.confidence-fill.conf-low[b-7ly5ecf7nx] {
    background: linear-gradient(90deg, #607d8b, #8892b0);
}

.confidence-value[b-7ly5ecf7nx] {
    font-size: 11px;
    font-weight: 700;
    color: var(--text-primary, #e6f1ff);
    min-width: 35px;
    text-align: right;
}

/* Pillars Card */
.pillars-card[b-7ly5ecf7nx] {
    background: rgba(30, 40, 60, 0.4);
    border: 1px solid rgba(0, 212, 170, 0.15);
    border-radius: 10px;
    padding: 12px;
}

.pillars-header[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.pillars-header svg[b-7ly5ecf7nx] {
    color: var(--accent-primary, #00d4aa);
}

.pillars-grid[b-7ly5ecf7nx] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.pillar-item[b-7ly5ecf7nx] {
    background: rgba(20, 28, 42, 0.6);
    border-radius: 6px;
    padding: 8px 10px;
}

.pillar-header[b-7ly5ecf7nx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.pillar-name[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.pillar-score[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 700;
}

.pillar-score.pillar-good[b-7ly5ecf7nx] { color: #00e676; }
.pillar-score.pillar-neutral[b-7ly5ecf7nx] { color: #ffa726; }
.pillar-score.pillar-weak[b-7ly5ecf7nx] { color: #ff5252; }

.pillar-bar[b-7ly5ecf7nx] {
    height: 3px;
    background: rgba(50, 60, 80, 0.5);
    border-radius: 2px;
    overflow: hidden;
}

.pillar-fill[b-7ly5ecf7nx] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.3s ease;
}

.pillar-fill.pillar-good[b-7ly5ecf7nx] { background: linear-gradient(90deg, #00d4aa, #00e676); }
.pillar-fill.pillar-neutral[b-7ly5ecf7nx] { background: linear-gradient(90deg, #ff9800, #ffa726); }
.pillar-fill.pillar-weak[b-7ly5ecf7nx] { background: linear-gradient(90deg, #ff5252, #ff8a80); }

/* Company Quick Card */
.company-quick-card[b-7ly5ecf7nx] {
    background: rgba(30, 40, 60, 0.3);
    border: 1px solid rgba(100, 120, 150, 0.15);
    border-radius: 8px;
    padding: 10px 12px;
}

.company-header-row[b-7ly5ecf7nx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.sector-pill[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.15);
    color: var(--accent-primary, #00d4aa);
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.market-cap-value[b-7ly5ecf7nx] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary, #e6f1ff);
}

.company-industry[b-7ly5ecf7nx] {
    font-size: 11px;
    color: var(--text-secondary, #8892b0);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Health Scores Card */
.health-scores-card[b-7ly5ecf7nx] {
    background: rgba(30, 40, 60, 0.4);
    border: 1px solid rgba(0, 212, 170, 0.15);
    border-radius: 10px;
    padding: 12px;
}

.health-header[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.health-header svg[b-7ly5ecf7nx] {
    color: var(--accent-primary, #00d4aa);
}

.health-scores-row[b-7ly5ecf7nx] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.health-score-item[b-7ly5ecf7nx] {
    flex: 1 1 auto;
    min-width: 140px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(20, 28, 42, 0.6);
    border-radius: 8px;
    padding: 8px 10px;
}

.score-circle[b-7ly5ecf7nx] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(30, 40, 55, 0.8);
    border: 2px solid;
    flex-shrink: 0;
}

.score-circle.excellent[b-7ly5ecf7nx] {
    border-color: #00e676;
    color: #00e676;
}

.score-circle.good[b-7ly5ecf7nx] {
    border-color: #ffa726;
    color: #ffa726;
}

.score-circle.warning[b-7ly5ecf7nx] {
    border-color: #ff5252;
    color: #ff5252;
}

.score-num[b-7ly5ecf7nx] {
    font-size: 14px;
    font-weight: 700;
}

.score-of[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 600;
    opacity: 0.7;
}

.score-details[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.score-label[b-7ly5ecf7nx] {
    font-size: 9px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: normal;
    line-height: 1.3;
}

.score-status[b-7ly5ecf7nx] {
    font-size: 11px;
    font-weight: 700;
}

.score-status.excellent[b-7ly5ecf7nx] { color: #00e676; }
.score-status.good[b-7ly5ecf7nx] { color: #ffa726; }
.score-status.warning[b-7ly5ecf7nx] { color: #ff5252; }

/* Valuation Card */
.valuation-card[b-7ly5ecf7nx] {
    background: rgba(30, 40, 60, 0.4);
    border: 1px solid rgba(0, 212, 170, 0.15);
    border-radius: 10px;
    padding: 12px;
}

.valuation-header[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.valuation-header svg[b-7ly5ecf7nx] {
    color: var(--accent-primary, #00d4aa);
}

.valuation-grid[b-7ly5ecf7nx] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.valuation-item[b-7ly5ecf7nx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(20, 28, 42, 0.6);
    border-radius: 6px;
    padding: 8px 10px;
}

.val-label[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
}

.val-value[b-7ly5ecf7nx] {
    font-size: 13px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
}

.val-value.good[b-7ly5ecf7nx] { color: #00e676; }
.val-value.neutral[b-7ly5ecf7nx] { color: var(--text-primary, #e6f1ff); }
.val-value.expensive[b-7ly5ecf7nx] { color: #ff5252; }
.val-value.negative[b-7ly5ecf7nx] { color: #8892b0; }

/* Profitability Card */
.profitability-card[b-7ly5ecf7nx] {
    background: rgba(30, 40, 60, 0.4);
    border: 1px solid rgba(0, 212, 170, 0.15);
    border-radius: 10px;
    padding: 12px;
}

.profit-header[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.profit-header svg[b-7ly5ecf7nx] {
    color: var(--accent-primary, #00d4aa);
}

.profit-metrics[b-7ly5ecf7nx] {
    display: flex;
    gap: 8px;
}

.profit-item[b-7ly5ecf7nx] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    background: rgba(20, 28, 42, 0.6);
    border-radius: 6px;
    padding: 8px 6px;
}

.profit-label[b-7ly5ecf7nx] {
    font-size: 9px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
}

.profit-value[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
}

.profit-value.prof-excellent[b-7ly5ecf7nx] { color: #00e676; }
.profit-value.prof-good[b-7ly5ecf7nx] { color: #4ade80; }
.profit-value.prof-neutral[b-7ly5ecf7nx] { color: var(--text-primary, #e6f1ff); }
.profit-value.prof-negative[b-7ly5ecf7nx] { color: #ff5252; }

/* Full Analysis Link */
.full-analysis-link[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.1) 0%, rgba(0, 212, 170, 0.05) 100%);
    border: 1px solid rgba(0, 212, 170, 0.25);
    border-radius: 8px;
    color: var(--accent-primary, #00d4aa);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.full-analysis-link:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.15);
    border-color: rgba(0, 212, 170, 0.4);
    transform: translateY(-1px);
}

.full-analysis-link svg[b-7ly5ecf7nx] {
    flex-shrink: 0;
}

.full-analysis-link span[b-7ly5ecf7nx] {
    flex: 1;
}

/* Loading State V2 */
.fund-loading-v2[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px;
    color: var(--text-secondary, #8892b0);
    font-size: 12px;
}

.loading-spinner-v2[b-7ly5ecf7nx] {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(0, 212, 170, 0.2);
    border-top-color: var(--accent-primary, #00d4aa);
    border-radius: 50%;
    animation: spin-v2-b-7ly5ecf7nx 0.8s linear infinite;
}

@keyframes spin-v2-b-7ly5ecf7nx {
    to { transform: rotate(360deg); }
}

/* Empty State V2 */
.fund-empty-state-v2[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 40px 20px;
    text-align: center;
}

.empty-icon[b-7ly5ecf7nx] {
    font-size: 36px;
    opacity: 0.6;
}

.empty-title[b-7ly5ecf7nx] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary, #e6f1ff);
}

.empty-subtitle[b-7ly5ecf7nx] {
    font-size: 12px;
    color: var(--text-secondary, #8892b0);
    max-width: 200px;
    line-height: 1.4;
}

/* ===== ENHANCED WATCHLIST TAB V2 ===== */

.watchlist-container-v2[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 4px;
}

/* Header with Usage */
.watchlist-header-v2[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.08) 0%, rgba(30, 40, 60, 0.6) 100%);
    border: 1px solid rgba(0, 212, 170, 0.2);
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 12px;
}

.watchlist-title-row[b-7ly5ecf7nx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.watchlist-title-v2[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.watchlist-title-v2 svg[b-7ly5ecf7nx] {
    color: var(--accent-primary, #00d4aa);
}

.watchlist-usage-badge[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 4px 10px;
    background: rgba(0, 212, 170, 0.15);
    border: 1px solid rgba(0, 212, 170, 0.25);
    border-radius: 12px;
    font-family: 'JetBrains Mono', monospace;
}

.watchlist-usage-badge.at-limit[b-7ly5ecf7nx] {
    background: rgba(255, 167, 38, 0.15);
    border-color: rgba(255, 167, 38, 0.3);
}

.usage-count[b-7ly5ecf7nx] {
    font-size: 13px;
    font-weight: 700;
    color: var(--accent-primary, #00d4aa);
}

.watchlist-usage-badge.at-limit .usage-count[b-7ly5ecf7nx] {
    color: #ffa726;
}

.usage-separator[b-7ly5ecf7nx] {
    font-size: 11px;
    color: var(--text-secondary, #8892b0);
}

.usage-limit[b-7ly5ecf7nx] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
}

.watchlist-usage-bar[b-7ly5ecf7nx] {
    height: 4px;
    background: rgba(30, 40, 55, 0.8);
    border-radius: 2px;
    overflow: hidden;
}

.usage-fill[b-7ly5ecf7nx] {
    height: 100%;
    background: linear-gradient(90deg, #00d4aa, #00e676);
    border-radius: 2px;
    transition: width 0.3s ease;
}

.usage-fill.warning[b-7ly5ecf7nx] {
    background: linear-gradient(90deg, #ffa726, #ffca28);
}

.usage-fill.full[b-7ly5ecf7nx] {
    background: linear-gradient(90deg, #ff7043, #ffa726);
}

.watchlist-upgrade-hint[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
    padding: 8px;
    background: rgba(255, 167, 38, 0.1);
    border: 1px solid rgba(255, 167, 38, 0.2);
    border-radius: 6px;
    color: #ffa726;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.watchlist-upgrade-hint:hover[b-7ly5ecf7nx] {
    background: rgba(255, 167, 38, 0.15);
    border-color: rgba(255, 167, 38, 0.3);
}

/* Add Symbol Section */
.watchlist-add-v2[b-7ly5ecf7nx] {
    margin-bottom: 12px;
}

.add-input-container[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(30, 40, 60, 0.5);
    border: 1px solid rgba(100, 120, 150, 0.2);
    border-radius: 8px;
    padding: 4px 4px 4px 12px;
    transition: all 0.2s ease;
}

.add-input-container:focus-within[b-7ly5ecf7nx] {
    border-color: rgba(0, 212, 170, 0.4);
    background: rgba(30, 40, 60, 0.7);
}

.add-search-icon[b-7ly5ecf7nx] {
    color: var(--text-secondary, #8892b0);
    flex-shrink: 0;
    opacity: 0.6;
}

.add-symbol-input[b-7ly5ecf7nx] {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--text-primary, #e6f1ff);
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 8px 0;
}

.add-symbol-input:focus[b-7ly5ecf7nx] {
    outline: none;
}

.add-symbol-input[b-7ly5ecf7nx]::placeholder {
    color: var(--text-secondary, #8892b0);
    text-transform: none;
    opacity: 0.6;
}

.add-symbol-input:disabled[b-7ly5ecf7nx] {
    opacity: 0.5;
    cursor: not-allowed;
}

.add-symbol-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(0, 212, 170, 0.15);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 6px;
    color: var(--accent-primary, #00d4aa);
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.add-symbol-btn:hover:not(:disabled)[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.25);
    border-color: rgba(0, 212, 170, 0.5);
}

.add-symbol-btn:disabled[b-7ly5ecf7nx] {
    opacity: 0.4;
    cursor: not-allowed;
}

.add-error-msg[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    padding: 8px 10px;
    background: rgba(255, 82, 82, 0.1);
    border: 1px solid rgba(255, 82, 82, 0.2);
    border-radius: 6px;
    color: #ff5252;
    font-size: 11px;
}

/* Watchlist Items */
.watchlist-items-v2[b-7ly5ecf7nx] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.watchlist-loading-v2[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 30px;
    color: var(--text-secondary, #8892b0);
    font-size: 12px;
}

/* Empty State */
.watchlist-empty-v2[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px 16px;
    text-align: center;
}

.empty-icon-v2[b-7ly5ecf7nx] {
    font-size: 32px;
    opacity: 0.7;
}

.empty-title-v2[b-7ly5ecf7nx] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary, #e6f1ff);
}

.empty-hint-v2[b-7ly5ecf7nx] {
    font-size: 11px;
    color: var(--text-secondary, #8892b0);
    margin-bottom: 12px;
}

.empty-tips[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: left;
}

.tip-item[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    color: var(--text-secondary, #8892b0);
}

.tip-item svg[b-7ly5ecf7nx] {
    color: var(--accent-primary, #00d4aa);
    flex-shrink: 0;
}

/* Watchlist Item */
.watchlist-item-v2[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    background: rgba(30, 40, 60, 0.4);
    border: 1px solid rgba(100, 120, 150, 0.15);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.watchlist-item-v2:hover[b-7ly5ecf7nx] {
    background: rgba(40, 50, 70, 0.6);
    border-color: rgba(0, 212, 170, 0.2);
}

.watchlist-item-v2.active[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.1);
    border-color: rgba(0, 212, 170, 0.3);
}

.item-left[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1;
}

.item-logo[b-7ly5ecf7nx] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    object-fit: cover;
    flex-shrink: 0;
}

.item-logo-placeholder[b-7ly5ecf7nx] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.2), rgba(0, 212, 170, 0.1));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--accent-primary, #00d4aa);
    flex-shrink: 0;
}

.item-info[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.item-ticker[b-7ly5ecf7nx] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary, #e6f1ff);
    letter-spacing: 0.3px;
}

.watchlist-item-v2.active .item-ticker[b-7ly5ecf7nx] {
    color: var(--accent-primary, #00d4aa);
}

.item-name[b-7ly5ecf7nx] {
    font-size: 10px;
    color: var(--text-secondary, #8892b0);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-right[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.item-price[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1px;
}

.price-value[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary, #e6f1ff);
    font-family: 'JetBrains Mono', monospace;
}

.price-change[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
}

.price-change.positive[b-7ly5ecf7nx] { color: #00e676; }
.price-change.negative[b-7ly5ecf7nx] { color: #ff5252; }

.item-remove-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--text-secondary, #8892b0);
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.2s ease;
}

.watchlist-item-v2:hover .item-remove-btn[b-7ly5ecf7nx] {
    opacity: 1;
}

.item-remove-btn:hover[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.15);
    border-color: rgba(255, 82, 82, 0.3);
    color: #ff5252;
}

/* Footer */
.watchlist-footer-v2[b-7ly5ecf7nx] {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(100, 120, 150, 0.15);
    text-align: center;
}

.footer-tip[b-7ly5ecf7nx] {
    font-size: 10px;
    color: var(--text-secondary, #8892b0);
    opacity: 0.7;
}

/* ===== OPTIONS CHAIN STYLES ===== */

.options-chain-container[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 12px;
    gap: 12px;
}

/* PRO Gate - Modern Upsell UI */
.options-pro-gate[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 16px;
    background: linear-gradient(180deg, rgba(18, 22, 32, 0.95) 0%, rgba(13, 17, 28, 0.98) 100%);
    border-radius: 12px;
    border: 1px solid rgba(100, 120, 150, 0.15);
    gap: 16px;
}

.pro-gate-header[b-7ly5ecf7nx] {
    text-align: center;
}

.pro-badge-fancy[b-7ly5ecf7nx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.2), rgba(255, 152, 0, 0.15));
    border: 1px solid rgba(255, 193, 7, 0.4);
    border-radius: 20px;
    color: #ffc107;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.pro-gate-header h3[b-7ly5ecf7nx] {
    margin: 8px 0 4px;
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary, #e6f1ff);
}

.pro-gate-header .subtitle[b-7ly5ecf7nx] {
    margin: 0;
    font-size: 12px;
    color: var(--text-secondary, #8892b0);
    line-height: 1.4;
}

/* Preview Container with Blur Effect */
.preview-container[b-7ly5ecf7nx] {
    position: relative;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.preview-blur[b-7ly5ecf7nx] {
    filter: blur(3px);
    opacity: 0.6;
    pointer-events: none;
}

.preview-table[b-7ly5ecf7nx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
    background: rgba(20, 25, 35, 0.5);
}

.preview-table th[b-7ly5ecf7nx],
.preview-table td[b-7ly5ecf7nx] {
    padding: 6px 4px;
    text-align: center;
    border-bottom: 1px solid rgba(100, 120, 150, 0.1);
}

.preview-table .calls-header[b-7ly5ecf7nx] {
    background: rgba(0, 230, 118, 0.15);
    color: #00e676;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: 0.5px;
}

.preview-table .strike-header[b-7ly5ecf7nx] {
    background: rgba(100, 120, 150, 0.1);
    color: var(--text-secondary, #8892b0);
    font-weight: 600;
}

.preview-table .puts-header[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.15);
    color: #ff5252;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: 0.5px;
}

.preview-table .sub-header th[b-7ly5ecf7nx] {
    font-size: 9px;
    color: var(--text-secondary, #8892b0);
    font-weight: 500;
    padding: 4px;
}

.preview-table td[b-7ly5ecf7nx] {
    color: var(--text-primary, #e6f1ff);
    font-family: 'JetBrains Mono', monospace;
}

.preview-table td.strike[b-7ly5ecf7nx] {
    background: rgba(100, 120, 150, 0.1);
    font-weight: 700;
    color: var(--accent-primary, #00d4aa);
}

.preview-table tr.atm[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.08);
}

.preview-table tr.atm td.strike[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.2);
}

/* Lock Overlay */
.preview-overlay[b-7ly5ecf7nx] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.3) 0%, transparent 70%);
}

.lock-icon[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.7);
    border: 2px solid rgba(255, 255, 255, 0.2);
}

/* Features List */
.pro-features-list[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 0 8px;
}

.feature-item[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: var(--text-secondary, #8892b0);
}

.feature-item span[b-7ly5ecf7nx] {
    flex: 1;
}

/* Upgrade Button - Fancy Animation */
.upgrade-btn-fancy[b-7ly5ecf7nx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
    border: none;
    border-radius: 8px;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(255, 193, 7, 0.3);
}

.upgrade-btn-fancy:hover[b-7ly5ecf7nx] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 193, 7, 0.4);
    background: linear-gradient(135deg, #ffca28 0%, #ffab00 100%);
}

.upgrade-btn-fancy svg[b-7ly5ecf7nx] {
    transition: transform 0.3s ease;
}

.upgrade-btn-fancy:hover svg[b-7ly5ecf7nx] {
    transform: translateX(4px);
}

/* Options Empty State */
.options-empty-state[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
    color: var(--text-secondary, #8892b0);
    text-align: center;
}

.options-empty-state span[b-7ly5ecf7nx] {
    font-size: 12px;
}

/* Expiration Selector */
.options-expiration-selector[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.options-expiration-selector label[b-7ly5ecf7nx] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
}

.expiration-dropdown[b-7ly5ecf7nx] {
    flex: 1;
    padding: 6px 10px;
    background: rgba(30, 40, 55, 0.6);
    border: 1px solid rgba(100, 120, 150, 0.25);
    border-radius: 6px;
    color: var(--text-primary, #e6f1ff);
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.expiration-dropdown:focus[b-7ly5ecf7nx] {
    outline: none;
    border-color: rgba(0, 212, 170, 0.5);
}

.expiration-dropdown option[b-7ly5ecf7nx] {
    background: #0d111c;
    color: var(--text-primary, #e6f1ff);
}

/* Expected Move Banner */
.expected-move-banner[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.12), rgba(0, 212, 170, 0.05));
    border: 1px solid rgba(0, 212, 170, 0.25);
    border-radius: 6px;
}

.em-label[b-7ly5ecf7nx] {
    font-size: 10px;
    color: var(--text-secondary, #8892b0);
    font-weight: 500;
}

.em-value[b-7ly5ecf7nx] {
    font-size: 14px;
    font-weight: 700;
    color: var(--accent-primary, #00d4aa);
    font-family: 'JetBrains Mono', monospace;
}

.em-range[b-7ly5ecf7nx] {
    font-size: 10px;
    color: var(--text-secondary, #8892b0);
    font-family: 'JetBrains Mono', monospace;
}

/* Options Chain Table Container */
.options-chain-table-container[b-7ly5ecf7nx] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.options-loading[b-7ly5ecf7nx],
.options-empty[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
    color: var(--text-secondary, #8892b0);
    text-align: center;
    font-size: 12px;
}

.options-empty-hint[b-7ly5ecf7nx] {
    font-size: 10px;
    opacity: 0.6;
    margin-top: 4px;
}

.options-unavailable[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.05);
    border: 1px dashed rgba(255, 82, 82, 0.3);
    border-radius: 8px;
    padding: 30px 20px;
}

.options-unavailable-title[b-7ly5ecf7nx] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary, #e6f1ff);
    margin-top: 8px;
}

.options-unavailable-desc[b-7ly5ecf7nx] {
    font-size: 11px;
    color: var(--text-secondary, #8892b0);
    max-width: 220px;
    line-height: 1.4;
}

/* Options Chain Table */
.options-chain-table[b-7ly5ecf7nx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
}

.options-chain-table th[b-7ly5ecf7nx] {
    padding: 6px 4px;
    text-align: center;
    position: sticky;
    top: 0;
    background: rgba(13, 17, 28, 0.98);
    z-index: 1;
}

.options-chain-table .calls-header[b-7ly5ecf7nx] {
    background: linear-gradient(180deg, rgba(0, 230, 118, 0.2), rgba(0, 230, 118, 0.1));
    color: #00e676;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: 0.5px;
}

.options-chain-table .strike-header[b-7ly5ecf7nx] {
    background: rgba(100, 120, 150, 0.15);
    color: var(--text-secondary, #8892b0);
    font-weight: 600;
}

.options-chain-table .puts-header[b-7ly5ecf7nx] {
    background: linear-gradient(180deg, rgba(255, 82, 82, 0.2), rgba(255, 82, 82, 0.1));
    color: #ff5252;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: 0.5px;
}

.options-chain-table .sub-header th[b-7ly5ecf7nx] {
    font-size: 9px;
    color: var(--text-secondary, #8892b0);
    font-weight: 500;
    padding: 4px;
    background: rgba(13, 17, 28, 0.98);
}

.options-chain-table td[b-7ly5ecf7nx] {
    padding: 5px 3px;
    text-align: center;
    color: var(--text-primary, #e6f1ff);
    font-family: 'JetBrains Mono', monospace;
    border-bottom: 1px solid rgba(100, 120, 150, 0.08);
}

.options-chain-table td.strike-cell[b-7ly5ecf7nx] {
    background: rgba(100, 120, 150, 0.08);
    font-weight: 700;
    color: var(--accent-primary, #00d4aa);
}

.options-chain-table tr.atm-row[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.08);
}

.options-chain-table tr.atm-row td.strike-cell[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.2);
}

.options-chain-table tr.itm-call td:nth-child(-n+4)[b-7ly5ecf7nx] {
    background: rgba(0, 230, 118, 0.06);
}

.options-chain-table tr.itm-put td:nth-child(n+6)[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.06);
}

.options-chain-table .call-cell[b-7ly5ecf7nx] { color: #00e676; }
.options-chain-table .put-cell[b-7ly5ecf7nx] { color: #ff5252; }
.options-chain-table .no-data[b-7ly5ecf7nx] { color: rgba(136, 146, 176, 0.4); }

/* Options Footer */
.options-footer[b-7ly5ecf7nx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid rgba(100, 120, 150, 0.15);
}

.options-timestamp[b-7ly5ecf7nx] {
    font-size: 9px;
    color: var(--text-secondary, #8892b0);
    opacity: 0.7;
}

.options-refresh-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: rgba(30, 40, 55, 0.5);
    border: 1px solid rgba(100, 120, 150, 0.2);
    border-radius: 4px;
    color: var(--text-secondary, #8892b0);
    font-size: 10px;
    cursor: pointer;
    transition: all 0.15s;
}

.options-refresh-btn:hover[b-7ly5ecf7nx] {
    background: rgba(50, 65, 85, 0.5);
    color: var(--text-primary, #e6f1ff);
}

/* ===== NEWS TAB STYLES ===== */

/* Notification badge on tab */
.sidebar-tab.has-notification[b-7ly5ecf7nx] {
    position: relative;
}

.notification-badge[b-7ly5ecf7nx] {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    background: var(--accent-danger, #ef4444);
    color: white;
    font-size: 9px;
    font-weight: 600;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: pulse-badge-b-7ly5ecf7nx 2s infinite;
}

@keyframes pulse-badge-b-7ly5ecf7nx {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.9; }
}

/* News container */
.news-container[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 8px;
}

.news-header[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 4px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(100, 120, 150, 0.15);
}

.news-title[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary, #e6f1ff);
}

.news-mark-read-btn[b-7ly5ecf7nx] {
    padding: 4px 8px;
    background: rgba(0, 212, 170, 0.1);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 4px;
    color: var(--accent-primary, #00d4aa);
    cursor: pointer;
    transition: all 0.15s;
}

.news-mark-read-btn:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.2);
}

/* News list */
.news-list[b-7ly5ecf7nx] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.news-item[b-7ly5ecf7nx] {
    padding: 10px;
    background: rgba(20, 25, 35, 0.6);
    border: 1px solid rgba(100, 120, 150, 0.15);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s;
}

.news-item:hover[b-7ly5ecf7nx] {
    background: rgba(30, 40, 55, 0.8);
    border-color: rgba(0, 212, 170, 0.3);
}

.news-item.unread[b-7ly5ecf7nx] {
    border-left: 3px solid var(--accent-primary, #00d4aa);
    background: rgba(0, 212, 170, 0.05);
}

.news-item-header[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

.news-source[b-7ly5ecf7nx] {
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--accent-primary, #00d4aa);
    letter-spacing: 0.5px;
}

.news-direction-icon[b-7ly5ecf7nx] {
    font-size: 12px;
    line-height: 1;
    margin-left: 4px;
    flex-shrink: 0;
}

.news-time[b-7ly5ecf7nx] {
    font-size: 9px;
    color: var(--text-muted, #637897);
    margin-left: auto;
}

.news-headline[b-7ly5ecf7nx] {
    font-size: 11px;
    font-weight: 500;
    color: var(--text-primary, #e6f1ff);
    line-height: 1.4;
    margin-bottom: 4px;
}

.news-summary[b-7ly5ecf7nx] {
    font-size: 10px;
    color: var(--text-secondary, #8892b0);
    line-height: 1.4;
    margin-bottom: 4px;
}

.news-author[b-7ly5ecf7nx] {
    font-size: 9px;
    color: var(--text-muted, #637897);
    font-style: italic;
}

/* News empty state */
.news-empty-state[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 30px;
    color: var(--text-muted, #637897);
    text-align: center;
}

.news-empty-state span[b-7ly5ecf7nx] {
    font-size: 12px;
}

/* News loading */
.news-loading[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 30px;
    color: var(--text-muted, #637897);
}

.news-loading span[b-7ly5ecf7nx] {
    font-size: 11px;
}

/* News footer */
.news-footer[b-7ly5ecf7nx] {
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid rgba(100, 120, 150, 0.15);
}

.news-refresh-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 6px 10px;
    background: rgba(30, 40, 55, 0.5);
    border: 1px solid rgba(100, 120, 150, 0.2);
    border-radius: 4px;
    color: var(--text-secondary, #8892b0);
    font-size: 11px;
    cursor: pointer;
    transition: all 0.15s;
}

.news-refresh-btn:hover:not(:disabled)[b-7ly5ecf7nx] {
    background: rgba(50, 65, 85, 0.5);
    color: var(--text-primary, #e6f1ff);
}

.news-refresh-btn:disabled[b-7ly5ecf7nx] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===== NEWS DETAIL MODAL ===== */
.news-modal-overlay[b-7ly5ecf7nx] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3000;
    backdrop-filter: blur(4px);
}

.news-modal[b-7ly5ecf7nx] {
    background: linear-gradient(180deg, rgba(18, 24, 38, 0.98) 0%, rgba(13, 17, 28, 0.98) 100%);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 16px;
    width: 560px;
    max-width: 95vw;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.news-modal.bullish[b-7ly5ecf7nx] {
    border-color: rgba(0, 230, 118, 0.4);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 230, 118, 0.1);
}

.news-modal.bearish[b-7ly5ecf7nx] {
    border-color: rgba(255, 82, 82, 0.4);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(255, 82, 82, 0.1);
}

.news-modal.neutral[b-7ly5ecf7nx] {
    border-color: rgba(136, 146, 176, 0.3);
}

.news-modal-header[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(0, 212, 170, 0.15);
    background: rgba(0, 0, 0, 0.2);
}

.news-modal-title[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary, #f0f4f8);
}

.news-modal-icon[b-7ly5ecf7nx] {
    font-size: 20px;
}

.news-modal-close[b-7ly5ecf7nx] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    border: none;
    color: var(--text-secondary, #8892b0);
    font-size: 22px;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.2s;
}

.news-modal-close:hover[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.2);
    color: #ff5252;
}

.news-modal-content[b-7ly5ecf7nx] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

/* Article Section */
.news-modal-article[b-7ly5ecf7nx] {
    margin-bottom: 20px;
}

.news-modal-source-row[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.news-modal-source[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 600;
    color: var(--accent-primary, #00d4aa);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.news-modal-time[b-7ly5ecf7nx] {
    font-size: 12px;
    color: var(--text-secondary, #8892b0);
}

.news-modal-headline[b-7ly5ecf7nx] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-primary, #f0f4f8);
    line-height: 1.4;
    margin: 0 0 12px 0;
}

.news-modal-summary[b-7ly5ecf7nx] {
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-secondary, #a8b2d1);
    margin: 0 0 8px 0;
}

.news-modal-author[b-7ly5ecf7nx] {
    font-size: 12px;
    color: var(--text-secondary, #8892b0);
    font-style: italic;
}

/* AI Analysis Section */
.news-modal-ai-section[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.05);
    border: 1px solid rgba(0, 212, 170, 0.15);
    border-radius: 12px;
    padding: 16px;
}

.news-ai-header[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.ai-badge[b-7ly5ecf7nx] {
    font-size: 13px;
    font-weight: 600;
    color: var(--accent-primary, #00d4aa);
    background: rgba(0, 212, 170, 0.1);
    padding: 4px 10px;
    border-radius: 20px;
}

.news-modal-novelty[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
}

.news-modal-novelty.new[b-7ly5ecf7nx] {
    background: rgba(0, 230, 118, 0.15);
    color: #00e676;
}

.news-modal-novelty.update[b-7ly5ecf7nx] {
    background: rgba(255, 193, 7, 0.15);
    color: #ffc107;
}

.news-modal-novelty.rehash[b-7ly5ecf7nx] {
    background: rgba(136, 146, 176, 0.15);
    color: #8892b0;
}

/* Direction & Event Row */
.news-ai-row.primary[b-7ly5ecf7nx] {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.news-ai-direction[b-7ly5ecf7nx] {
    flex: 1;
    padding: 12px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.news-ai-direction.bullish[b-7ly5ecf7nx] {
    background: rgba(0, 230, 118, 0.15);
    color: #00e676;
    border: 1px solid rgba(0, 230, 118, 0.3);
}

.news-ai-direction.bearish[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.15);
    color: #ff5252;
    border: 1px solid rgba(255, 82, 82, 0.3);
}

.news-ai-direction.neutral[b-7ly5ecf7nx] {
    background: rgba(136, 146, 176, 0.15);
    color: #8892b0;
    border: 1px solid rgba(136, 146, 176, 0.3);
}

.news-ai-event-type[b-7ly5ecf7nx] {
    flex: 1;
    padding: 12px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    background: rgba(100, 120, 200, 0.1);
    color: var(--text-primary, #f0f4f8);
    border: 1px solid rgba(100, 120, 200, 0.2);
}

/* Scores Grid */
.news-ai-scores[b-7ly5ecf7nx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.news-score-card[b-7ly5ecf7nx] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 12px;
    text-align: center;
}

.score-label[b-7ly5ecf7nx] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-secondary, #8892b0);
    margin-bottom: 6px;
}

.score-value[b-7ly5ecf7nx] {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary, #f0f4f8);
}

.score-max[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 400;
    color: var(--text-secondary, #8892b0);
}

.score-bar[b-7ly5ecf7nx] {
    height: 4px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    margin-top: 8px;
    overflow: hidden;
}

.score-fill[b-7ly5ecf7nx] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.5s ease-out;
}

.news-score-card.impact .score-fill[b-7ly5ecf7nx] {
    background: linear-gradient(90deg, #00d4aa, #00e5be);
}

.news-score-card.urgency .score-fill[b-7ly5ecf7nx] {
    background: linear-gradient(90deg, #ff9800, #ffc107);
}

.news-score-card.reliability .score-fill[b-7ly5ecf7nx] {
    background: linear-gradient(90deg, #2196f3, #64b5f6);
}

/* Meta Info */
.news-ai-meta[b-7ly5ecf7nx] {
    display: flex;
    gap: 24px;
    margin-bottom: 16px;
    padding: 12px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.news-ai-horizon[b-7ly5ecf7nx],
.news-ai-factual[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.meta-label[b-7ly5ecf7nx] {
    font-size: 12px;
    color: var(--text-secondary, #8892b0);
}

.meta-value[b-7ly5ecf7nx] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary, #f0f4f8);
}

.meta-value.yes[b-7ly5ecf7nx] {
    color: #00e676;
}

.meta-value.no[b-7ly5ecf7nx] {
    color: #ff5252;
}

/* Rationale */
.news-ai-rationale[b-7ly5ecf7nx] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 16px;
}

.rationale-label[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 600;
    color: var(--accent-primary, #00d4aa);
    display: block;
    margin-bottom: 6px;
}

.rationale-text[b-7ly5ecf7nx] {
    font-size: 13px;
    line-height: 1.5;
    color: var(--text-primary, #f0f4f8);
    margin: 0;
}

/* Numbers Grid */
.news-ai-numbers[b-7ly5ecf7nx] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 12px;
}

.numbers-label[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 600;
    color: var(--accent-primary, #00d4aa);
    display: block;
    margin-bottom: 10px;
}

.numbers-grid[b-7ly5ecf7nx] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.number-item[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 6px;
}

.number-kind[b-7ly5ecf7nx] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
}

.number-value[b-7ly5ecf7nx] {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-primary, #f0f4f8);
}

/* Loading State */
.news-modal-loading[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    gap: 12px;
    color: var(--text-secondary, #8892b0);
}

.loading-spinner[b-7ly5ecf7nx] {
    width: 32px;
    height: 32px;
    border: 3px solid rgba(0, 212, 170, 0.2);
    border-top-color: var(--accent-primary, #00d4aa);
    border-radius: 50%;
    animation: spin-b-7ly5ecf7nx 1s linear infinite;
}

@keyframes spin-b-7ly5ecf7nx {
    to { transform: rotate(360deg); }
}

/* No Analysis State */
.news-modal-no-analysis[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    gap: 10px;
    background: rgba(136, 146, 176, 0.05);
    border: 1px dashed rgba(136, 146, 176, 0.2);
    border-radius: 12px;
    color: var(--text-secondary, #8892b0);
    font-size: 13px;
}

.no-analysis-icon[b-7ly5ecf7nx] {
    font-size: 28px;
    opacity: 0.5;
}

/* Modal Footer */
.news-modal-footer[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 20px;
    border-top: 1px solid rgba(0, 212, 170, 0.15);
    background: rgba(0, 0, 0, 0.2);
}

.news-modal-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
}

.news-modal-btn.secondary[b-7ly5ecf7nx] {
    background: rgba(136, 146, 176, 0.1);
    color: var(--text-secondary, #8892b0);
    border: 1px solid rgba(136, 146, 176, 0.2);
}

.news-modal-btn.secondary:hover[b-7ly5ecf7nx] {
    background: rgba(136, 146, 176, 0.2);
    color: var(--text-primary, #f0f4f8);
}

.news-modal-btn.primary[b-7ly5ecf7nx] {
    background: var(--accent-primary, #00d4aa);
    color: #0a0e17;
}

.news-modal-btn.primary:hover[b-7ly5ecf7nx] {
    background: var(--accent-secondary, #00e5be);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 212, 170, 0.3);
}

/* ===== PORTFOLIO SECTION STYLES ===== */

.portfolio-container[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 12px;
    gap: 12px;
}

.portfolio-header-section[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 212, 170, 0.15);
}

.portfolio-title[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    color: var(--accent-primary, #00d4aa);
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.portfolio-title svg[b-7ly5ecf7nx] {
    opacity: 0.8;
}

.add-position-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.15), rgba(0, 212, 170, 0.08));
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 8px;
    color: var(--accent-primary, #00d4aa);
    cursor: pointer;
    transition: all 0.2s;
}

.add-position-btn:hover[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.25), rgba(0, 212, 170, 0.15));
    border-color: rgba(0, 212, 170, 0.5);
    transform: scale(1.05);
    box-shadow: 0 3px 12px rgba(0, 212, 170, 0.2);
}

/* Portfolio Summary Card */
.portfolio-summary-card[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(18, 24, 38, 0.9), rgba(13, 17, 28, 0.95));
    border: 1px solid rgba(0, 212, 170, 0.2);
    border-radius: 12px;
    padding: 14px;
    position: relative;
    overflow: hidden;
}

.portfolio-summary-card[b-7ly5ecf7nx]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 170, 0.6), transparent);
}

.summary-row.main[b-7ly5ecf7nx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.summary-label[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 600;
    color: var(--text-secondary, #8892b0);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.summary-values[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.summary-change[b-7ly5ecf7nx] {
    font-size: 16px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
}

.summary-change.positive[b-7ly5ecf7nx] {
    color: #00e676;
    text-shadow: 0 0 20px rgba(0, 230, 118, 0.3);
}

.summary-change.negative[b-7ly5ecf7nx] {
    color: #ff5252;
    text-shadow: 0 0 20px rgba(255, 82, 82, 0.3);
}

.summary-percent[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    font-family: 'JetBrains Mono', monospace;
}

.summary-percent.positive[b-7ly5ecf7nx] {
    background: rgba(0, 230, 118, 0.15);
    color: #00e676;
}

.summary-percent.negative[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.15);
    color: #ff5252;
}

.summary-divider[b-7ly5ecf7nx] {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(100, 120, 150, 0.2), transparent);
    margin: 10px 0;
}

.summary-row.secondary[b-7ly5ecf7nx] {
    display: flex;
    justify-content: space-between;
}

.summary-stat[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.stat-label[b-7ly5ecf7nx] {
    font-size: 9px;
    color: var(--text-muted, #637897);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.stat-value[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary, #e6f1ff);
    font-family: 'JetBrains Mono', monospace;
}

.stat-value.positive[b-7ly5ecf7nx] { color: #00e676; }
.stat-value.negative[b-7ly5ecf7nx] { color: #ff5252; }

/* Portfolio Positions Table */
.portfolio-positions[b-7ly5ecf7nx] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.positions-header[b-7ly5ecf7nx] {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 0.8fr 24px;
    gap: 6px;
    padding: 8px 10px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px 8px 0 0;
    font-size: 9px;
    font-weight: 600;
    color: var(--text-muted, #637897);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.positions-list[b-7ly5ecf7nx] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.position-row[b-7ly5ecf7nx] {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 0.8fr 24px;
    gap: 6px;
    align-items: center;
    padding: 10px;
    background: rgba(20, 25, 35, 0.4);
    border-bottom: 1px solid rgba(100, 120, 150, 0.08);
    cursor: pointer;
    transition: all 0.15s;
}

.position-row:hover[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.08);
}

.position-row:last-child[b-7ly5ecf7nx] {
    border-bottom: none;
    border-radius: 0 0 8px 8px;
}

.position-row .col-symbol[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.position-row .symbol-name[b-7ly5ecf7nx] {
    font-size: 12px;
    font-weight: 700;
    color: var(--text-primary, #e6f1ff);
    font-family: 'JetBrains Mono', monospace;
}

.position-type-badge[b-7ly5ecf7nx] {
    font-size: 8px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 3px;
    width: fit-content;
    letter-spacing: 0.3px;
}

.position-type-badge.long[b-7ly5ecf7nx] {
    background: rgba(0, 230, 118, 0.15);
    color: #00e676;
    border: 1px solid rgba(0, 230, 118, 0.3);
}

.position-type-badge.short[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.15);
    color: #ff5252;
    border: 1px solid rgba(255, 82, 82, 0.3);
}

.position-row .col-price[b-7ly5ecf7nx] {
    font-size: 11px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
}

.position-row .weighted-price.long[b-7ly5ecf7nx] {
    color: #00e676;
}

.position-row .weighted-price.short[b-7ly5ecf7nx] {
    color: #ff5252;
}

.position-row .col-current[b-7ly5ecf7nx] {
    font-size: 11px;
    font-weight: 500;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-primary, #e6f1ff);
}

.position-row .col-change[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    text-align: right;
}

.position-row .col-change.positive[b-7ly5ecf7nx] { color: #00e676; }
.position-row .col-change.negative[b-7ly5ecf7nx] { color: #ff5252; }

.remove-position-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: transparent;
    border: none;
    color: var(--text-muted, #637897);
    cursor: pointer;
    border-radius: 4px;
    opacity: 0;
    transition: all 0.15s;
}

.position-row:hover .remove-position-btn[b-7ly5ecf7nx] {
    opacity: 1;
}

.remove-position-btn:hover[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.15);
    color: #ff5252;
}

/* Portfolio Loading State */
.portfolio-loading[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
    color: var(--text-secondary, #8892b0);
}

.portfolio-loading span[b-7ly5ecf7nx] {
    font-size: 11px;
}

/* Portfolio Empty State */
.portfolio-empty[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 40px 20px;
    flex: 1;
}

.empty-icon-container[b-7ly5ecf7nx] {
    position: relative;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-icon-container[b-7ly5ecf7nx]::before {
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 212, 170, 0.08) 0%, transparent 70%);
    animation: pulse-glow-b-7ly5ecf7nx 2s ease-in-out infinite;
}

@keyframes pulse-glow-b-7ly5ecf7nx {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.2); opacity: 0.8; }
}

.empty-icon-container svg[b-7ly5ecf7nx] {
    color: var(--text-muted, #637897);
}

.empty-title[b-7ly5ecf7nx] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary, #e6f1ff);
}

.empty-subtitle[b-7ly5ecf7nx] {
    font-size: 11px;
    color: var(--text-secondary, #8892b0);
    text-align: center;
    max-width: 200px;
}

.add-first-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 18px;
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.9), rgba(0, 170, 136, 0.9));
    border: none;
    border-radius: 8px;
    color: #0a0e17;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.add-first-btn:hover[b-7ly5ecf7nx] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 212, 170, 0.35);
}

.add-first-btn svg[b-7ly5ecf7nx] {
    stroke-width: 2.5;
}

/* ===== PRINT MEDIA QUERY (hide sidebar) ===== */
@media print {
    .chart-sidebar[b-7ly5ecf7nx] {
        display: none;
    }
    
    .chart-toolbar.compact[b-7ly5ecf7nx] {
        display: none;
    }
    
    .chart-main-area[b-7ly5ecf7nx] {
        flex: 1;
        border: none;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* ===================================
   Dashboard - Premium Trading Terminal
   Compact • Data-Dense • Professional
   =================================== */

.dashboard-container[b-a6samwyjem] {
    padding: var(--space-5);
    max-width: var(--content-max-width);
    margin: 0 auto;
}

/* ═══════════════════════════════════
   HEADER - Compact & Modern
   ═══════════════════════════════════ */
.dashboard-header[b-a6samwyjem] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-5);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border);
    position: relative;
}

.dashboard-header[b-a6samwyjem]::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, var(--primary), transparent);
}

.dashboard-title[b-a6samwyjem] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    letter-spacing: var(--tracking-tight);
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.dashboard-title i[b-a6samwyjem] {
    color: var(--primary);
    font-size: var(--text-xl);
}

.header-timestamp[b-a6samwyjem] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) var(--space-3);
    background: var(--bg-glass-light);
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
}

/* ═══════════════════════════════════
   LOADING STATE
   ═══════════════════════════════════ */
.loading-state[b-a6samwyjem] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    color: var(--text-muted);
    gap: var(--space-4);
}

.loading-state .spinner-border[b-a6samwyjem] {
    width: 32px;
    height: 32px;
    border-width: 3px;
    border-color: var(--border);
    border-top-color: var(--primary);
}

/* ═══════════════════════════════════
   METRICS GRID - Premium Cards
   ═══════════════════════════════════ */
.metrics-grid[b-a6samwyjem] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-4);
    margin-bottom: var(--space-5);
}

.metric-card[b-a6samwyjem] {
    background: var(--bg-gradient-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    padding: var(--space-4);
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    transition: all var(--transition-fast);
    position: relative;
    overflow: hidden;
}

/* Glassmorphism overlay */
.metric-card[b-a6samwyjem]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.02) 0%, transparent 50%);
    pointer-events: none;
}

/* Top accent line */
.metric-card[b-a6samwyjem]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--primary), transparent);
    opacity: 0;
    transition: opacity var(--transition-fast);
}

.metric-card:hover[b-a6samwyjem] {
    border-color: var(--border-medium);
    box-shadow: var(--shadow-lg);
    transform: translateY(-3px);
}

.metric-card:hover[b-a6samwyjem]::after {
    opacity: 1;
}

.metric-icon[b-a6samwyjem] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-glass-medium);
    border-radius: var(--radius-lg);
    color: var(--primary);
    font-size: var(--text-lg);
    flex-shrink: 0;
}

.metric-content[b-a6samwyjem] {
    flex: 1;
    min-width: 0;
}

.metric-label[b-a6samwyjem] {
    font-size: var(--text-2xs);
    font-weight: 700;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: var(--tracking-widest);
    margin-bottom: var(--space-1);
}

.metric-value[b-a6samwyjem] {
    font-family: var(--font-mono);
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--text-primary);
    line-height: var(--leading-tight);
    letter-spacing: var(--tracking-tight);
}

.metric-percent[b-a6samwyjem] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: 600;
    margin-left: var(--space-1);
}

/* ═══════════════════════════════════
   QUICK STATS BAR - Premium Row
   ═══════════════════════════════════ */
.quick-stats[b-a6samwyjem] {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 0;
    background: var(--bg-gradient-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    margin-bottom: var(--space-5);
    padding: var(--space-3) var(--space-4);
    position: relative;
    overflow: hidden;
}

.quick-stats[b-a6samwyjem]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.02) 0%, transparent 50%);
    pointer-events: none;
}

.quick-stat[b-a6samwyjem] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--space-2) var(--space-5);
    border-right: 1px solid var(--border);
    position: relative;
    z-index: 1;
}

.quick-stat:last-child[b-a6samwyjem] {
    border-right: none;
}

.stat-number[b-a6samwyjem] {
    font-family: var(--font-mono);
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--text-primary);
    line-height: var(--leading-none);
    letter-spacing: var(--tracking-tight);
}

.stat-number.text-success[b-a6samwyjem] { color: var(--success); }
.stat-number.text-danger[b-a6samwyjem] { color: var(--error); }

.stat-desc[b-a6samwyjem] {
    font-size: var(--text-2xs);
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    margin-top: var(--space-1);
}

/* ═══════════════════════════════════
   POSITIONS SECTION - Data Table
   ═══════════════════════════════════ */
.positions-section[b-a6samwyjem] {
    background: var(--bg-gradient-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    overflow: hidden;
    position: relative;
}

.positions-section[b-a6samwyjem]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(180deg, rgba(0, 229, 204, 0.03) 0%, transparent 100%);
    pointer-events: none;
}

.section-title[b-a6samwyjem] {
    font-family: var(--font-display);
    font-size: var(--text-md);
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    padding: var(--space-4);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    letter-spacing: var(--tracking-tight);
    border-bottom: 1px solid var(--border);
    position: relative;
    z-index: 1;
}

.section-title i[b-a6samwyjem] {
    color: var(--primary);
}

/* ═══════════════════════════════════
   POSITIONS TABLE - Premium Trading Style
   ═══════════════════════════════════ */
.table-responsive[b-a6samwyjem] {
    padding: 0 var(--space-4) var(--space-4);
}

.positions-table[b-a6samwyjem] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    --bs-table-bg: transparent;
    --bs-table-color: var(--text-primary);
    font-size: var(--text-sm);
}

.positions-table thead th[b-a6samwyjem] {
    font-size: var(--text-2xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: var(--tracking-widest);
    color: var(--text-muted);
    background: var(--bg-surface);
    padding: var(--space-3);
    border: none;
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

/* Sortable Headers */
.sortable-header[b-a6samwyjem] {
    cursor: pointer;
    user-select: none;
    transition: all var(--transition-fast);
}

.sortable-header:hover[b-a6samwyjem] {
    color: var(--primary);
    background: var(--bg-elevated);
}

.sort-indicator[b-a6samwyjem] {
    margin-left: var(--space-1);
    font-size: 8px;
    color: var(--text-dim);
    transition: color var(--transition-fast);
}

.sort-indicator.active[b-a6samwyjem] {
    color: var(--primary);
}

.positions-table tbody tr[b-a6samwyjem] {
    transition: background var(--transition-fast);
}

.positions-table tbody tr:hover[b-a6samwyjem] {
    background: var(--bg-hover);
}

.positions-table tbody td[b-a6samwyjem] {
    padding: var(--space-3);
    vertical-align: middle;
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-primary);
}

.positions-table tbody td.fw-bold[b-a6samwyjem] {
    font-family: var(--font-mono);
    font-weight: 700;
}

.positions-table tbody td small[b-a6samwyjem] {
    display: block;
    margin-top: 2px;
    font-size: var(--text-2xs);
    color: var(--text-muted);
}

/* Symbol Link */
.symbol-link[b-a6samwyjem] {
    font-family: var(--font-mono);
    font-weight: 700;
    color: var(--text-primary);
    text-decoration: none;
    letter-spacing: var(--tracking-tight);
    transition: color var(--transition-fast);
}

.symbol-link:hover[b-a6samwyjem] {
    color: var(--primary);
}

/* Gain/Loss Colors */
.text-success[b-a6samwyjem] { color: var(--success) !important; }
.text-danger[b-a6samwyjem] { color: var(--error) !important; }
.text-muted[b-a6samwyjem] { color: var(--text-muted) !important; }

.positions-table tbody td.text-success[b-a6samwyjem],
.positions-table tbody td.text-success > div[b-a6samwyjem] { color: var(--success) !important; }
.positions-table tbody td.text-danger[b-a6samwyjem],
.positions-table tbody td.text-danger > div[b-a6samwyjem] { color: var(--error) !important; }

.positions-table tbody td.text-success small[b-a6samwyjem] { color: var(--success) !important; opacity: 0.8; }
.positions-table tbody td.text-danger small[b-a6samwyjem] { color: var(--error) !important; opacity: 0.8; }

/* ═══════════════════════════════════
   AI MODAL - Premium Style
   ═══════════════════════════════════ */
.modal.show[b-a6samwyjem] {
    display: block;
    animation: modalFadeIn-b-a6samwyjem var(--duration-normal) var(--ease-out);
}

@keyframes modalFadeIn-b-a6samwyjem {
    from { opacity: 0; }
    to { opacity: 1; }
}

.modal-overlay[b-a6samwyjem] {
    background: var(--bg-overlay);
    backdrop-filter: blur(8px);
}

.modal-content[b-a6samwyjem] {
    background: var(--bg-gradient-card);
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-2xl);
    overflow: hidden;
}

.modal-header[b-a6samwyjem] {
    background: var(--bg-glass);
    padding: var(--space-4) var(--space-5);
    border-bottom: 1px solid var(--border);
}

.modal-header .btn-close[b-a6samwyjem] {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 0.6;
    transition: opacity var(--transition-fast);
}

.modal-header .btn-close:hover[b-a6samwyjem] {
    opacity: 1;
}

.modal-title[b-a6samwyjem] {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: var(--text-md);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--text-primary);
    letter-spacing: var(--tracking-tight);
}

.modal-title i[b-a6samwyjem] {
    color: var(--accent);
}

.modal-body[b-a6samwyjem] {
    padding: var(--space-5);
    background: transparent;
}

.modal-footer[b-a6samwyjem] {
    background: var(--bg-glass);
    border-top: 1px solid var(--border);
    padding: var(--space-4) var(--space-5);
}

/* ═══════════════════════════════════
   AI RESULTS - Premium Cards
   ═══════════════════════════════════ */
.ai-result-container[b-a6samwyjem] {
    padding: var(--space-2);
}

.recommendation-badge[b-a6samwyjem] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-5);
    border-radius: var(--radius-lg);
    font-size: var(--text-sm);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
}

.recommendation-buy[b-a6samwyjem] {
    background: var(--success-bg-strong);
    color: var(--success);
    border: 1px solid var(--success-border);
    box-shadow: var(--shadow-success);
}

.recommendation-sell[b-a6samwyjem] {
    background: var(--error-bg-strong);
    color: var(--error);
    border: 1px solid var(--error-border);
    box-shadow: var(--shadow-error);
}

.recommendation-watch[b-a6samwyjem] {
    background: var(--warning-bg-strong);
    color: var(--warning);
    border: 1px solid var(--warning-border);
}

.ai-section[b-a6samwyjem] {
    margin-bottom: var(--space-4);
    padding: var(--space-4);
    background: var(--bg-glass-light);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border);
}

.ai-section-title[b-a6samwyjem] {
    font-size: var(--text-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--text-primary);
    margin-bottom: var(--space-3);
    padding-bottom: var(--space-2);
    border-bottom: 2px solid var(--primary);
    display: inline-block;
}

.ai-text[b-a6samwyjem] {
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
    font-size: var(--text-sm);
    margin: 0;
}

/* Scenario Cards */
.scenario-mini[b-a6samwyjem] {
    background: var(--bg-glass-light);
    border-radius: var(--radius-lg);
    padding: var(--space-3);
    text-align: center;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.scenario-bull[b-a6samwyjem] { border-left: 3px solid var(--success); }
.scenario-base[b-a6samwyjem] { border-left: 3px solid var(--warning); }
.scenario-bear[b-a6samwyjem] { border-left: 3px solid var(--error); }

/* Factor Items */
.factor-item[b-a6samwyjem] {
    padding: var(--space-3);
    margin-bottom: var(--space-2);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.factor-positive[b-a6samwyjem] {
    background: var(--success-bg);
    border-left: 3px solid var(--success);
}

.factor-negative[b-a6samwyjem] {
    background: var(--error-bg);
    border-left: 3px solid var(--error);
}

.catalyst-item[b-a6samwyjem],
.risk-item[b-a6samwyjem] {
    padding: var(--space-3);
    margin-bottom: var(--space-2);
    background: var(--bg-glass-light);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

/* Alert Styling */
.alert-info[b-a6samwyjem] {
    background: var(--info-bg);
    border: 1px solid var(--info-border);
    color: var(--info);
    border-radius: var(--radius-lg);
    font-size: var(--text-sm);
    padding: var(--space-4);
}

/* ═══════════════════════════════════
   RESPONSIVE DESIGN
   ═══════════════════════════════════ */
@media (max-width: 1200px) {
    .metrics-grid[b-a6samwyjem] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .dashboard-container[b-a6samwyjem] {
        padding: var(--space-3);
    }

    .dashboard-header[b-a6samwyjem] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-3);
    }

    .dashboard-title[b-a6samwyjem] {
        font-size: var(--text-xl);
    }

    .metrics-grid[b-a6samwyjem] {
        grid-template-columns: 1fr;
        gap: var(--space-3);
    }

    .metric-card[b-a6samwyjem] {
        padding: var(--space-3);
    }

    .quick-stats[b-a6samwyjem] {
        flex-direction: column;
        gap: 0;
        padding: var(--space-2);
    }

    .quick-stat[b-a6samwyjem] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: var(--space-3);
        border-right: none;
        border-bottom: 1px solid var(--border-subtle);
    }

    .quick-stat:last-child[b-a6samwyjem] {
        border-bottom: none;
    }

    .stat-desc[b-a6samwyjem] {
        margin-top: 0;
    }

    .section-title[b-a6samwyjem] {
        padding: var(--space-3);
    }

    .table-responsive[b-a6samwyjem] {
        padding: var(--space-2);
    }

    .positions-table thead th[b-a6samwyjem],
    .positions-table tbody td[b-a6samwyjem] {
        padding: var(--space-2);
        font-size: var(--text-xs);
    }
}

@media (min-width: 1600px) {
    .dashboard-container[b-a6samwyjem] {
        padding: var(--space-6) var(--space-8);
    }
}
/* /Components/Pages/DividendIntelligence.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════ */
/* DIVIDEND INTELLIGENCE PAGE STYLES */
/* Modern, Clean, "Stockmarket Terminal" aesthetic */
/* ═══════════════════════════════════════════════════════════════════════ */

.dividend-intelligence-container[b-igl17ynkxg] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* HEADER / HERO */
/* ═══════════════════════════════════════════════════════════════════════ */

.page-header[b-igl17ynkxg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-left[b-igl17ynkxg] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.page-title[b-igl17ynkxg] {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.page-title i[b-igl17ynkxg] {
    color: #10b981;
}

.page-subtitle[b-igl17ynkxg] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

.header-right[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.coverage-badge[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.75rem;
    background: rgba(59, 130, 246, 0.15);
    border: 1px solid rgba(59, 130, 246, 0.3);
    border-radius: 6px;
    font-size: 0.75rem;
    color: #60a5fa;
}

.last-refresh[b-igl17ynkxg] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.data-source[b-igl17ynkxg] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* FILTER BAR */
/* ═══════════════════════════════════════════════════════════════════════ */

.filter-bar[b-igl17ynkxg] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.9), rgba(15, 23, 42, 0.95));
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 1.5rem;
    position: sticky;
    top: 0;
    z-index: 100;
    backdrop-filter: blur(10px);
}

.filter-group[b-igl17ynkxg] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.filter-group label[b-igl17ynkxg] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.date-range-buttons[b-igl17ynkxg] {
    display: flex;
    gap: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    overflow: hidden;
}

.date-range-buttons button[b-igl17ynkxg] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    padding: 0.4rem 0.75rem;
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.2s;
}

.date-range-buttons button:hover[b-igl17ynkxg] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

.date-range-buttons button.active[b-igl17ynkxg] {
    background: rgba(59, 130, 246, 0.3);
    color: #60a5fa;
}

.filter-group input[type="range"][b-igl17ynkxg] {
    width: 120px;
    accent-color: #3b82f6;
}

.tag-checkboxes[b-igl17ynkxg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tag-checkbox[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.3rem 0.6rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    font-size: 0.7rem;
    cursor: pointer;
    transition: all 0.2s;
}

.tag-checkbox input[b-igl17ynkxg] {
    display: none;
}

.tag-checkbox:has(input:checked)[b-igl17ynkxg] {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
}

.tag-checkbox.tag-capture:has(input:checked)[b-igl17ynkxg] { background: rgba(16, 185, 129, 0.2); color: #10b981; }
.tag-checkbox.tag-stable:has(input:checked)[b-igl17ynkxg] { background: rgba(59, 130, 246, 0.2); color: #60a5fa; }
.tag-checkbox.tag-moderate:has(input:checked)[b-igl17ynkxg] { background: rgba(148, 163, 184, 0.2); color: #94a3b8; }
.tag-checkbox.tag-high-risk:has(input:checked)[b-igl17ynkxg] { background: rgba(234, 179, 8, 0.2); color: #eab308; }
.tag-checkbox.tag-avoid:has(input:checked)[b-igl17ynkxg] { background: rgba(239, 68, 68, 0.2); color: #ef4444; }

.search-input[b-igl17ynkxg] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    padding: 0.4rem 0.75rem;
    font-size: 0.8rem;
    color: white;
    width: 180px;
}

.search-input[b-igl17ynkxg]::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.search-input:focus[b-igl17ynkxg] {
    outline: none;
    border-color: rgba(59, 130, 246, 0.5);
}

.sort-select[b-igl17ynkxg] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    padding: 0.4rem 0.75rem;
    font-size: 0.8rem;
    color: white;
    cursor: pointer;
}

.sort-select option[b-igl17ynkxg] {
    background: #1e293b;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* KPI TILES */
/* ═══════════════════════════════════════════════════════════════════════ */

.kpi-tiles[b-igl17ynkxg] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 992px) {
    .kpi-tiles[b-igl17ynkxg] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .kpi-tiles[b-igl17ynkxg] {
        grid-template-columns: 1fr;
    }
}

.kpi-tile[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.8), rgba(15, 23, 42, 0.9));
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.kpi-tile.capture[b-igl17ynkxg] { border-left: 3px solid #10b981; }
.kpi-tile.high-yield[b-igl17ynkxg] { border-left: 3px solid #eab308; }
.kpi-tile.edge[b-igl17ynkxg] { border-left: 3px solid #3b82f6; }
.kpi-tile.upcoming[b-igl17ynkxg] { border-left: 3px solid #8b5cf6; }

.kpi-icon[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    font-size: 1.25rem;
}

.kpi-tile.capture .kpi-icon[b-igl17ynkxg] { background: rgba(16, 185, 129, 0.15); color: #10b981; }
.kpi-tile.high-yield .kpi-icon[b-igl17ynkxg] { background: rgba(234, 179, 8, 0.15); color: #eab308; }
.kpi-tile.edge .kpi-icon[b-igl17ynkxg] { background: rgba(59, 130, 246, 0.15); color: #3b82f6; }
.kpi-tile.upcoming .kpi-icon[b-igl17ynkxg] { background: rgba(139, 92, 246, 0.15); color: #8b5cf6; }

.kpi-content[b-igl17ynkxg] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.kpi-value[b-igl17ynkxg] {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}

.kpi-value.positive[b-igl17ynkxg] { color: #10b981; }
.kpi-value.negative[b-igl17ynkxg] { color: #ef4444; }

.kpi-label[b-igl17ynkxg] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* MAIN GRID */
/* ═══════════════════════════════════════════════════════════════════════ */

.dividend-grid-section[b-igl17ynkxg] {
    background: rgba(30, 41, 59, 0.5);
    border-radius: 12px;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 1.5rem;
}

.loading-state[b-igl17ynkxg],
.empty-state[b-igl17ynkxg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: rgba(255, 255, 255, 0.6);
}

.empty-state i[b-igl17ynkxg] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.grid-header[b-igl17ynkxg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.result-count[b-igl17ynkxg] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
}

.dividend-table[b-igl17ynkxg] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.85rem;
}

.dividend-table th[b-igl17ynkxg] {
    border-color: rgba(255, 255, 255, 0.1);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(255, 255, 255, 0.5);
    padding: 0.6rem 0.5rem;
    white-space: nowrap;
}

.dividend-table td[b-igl17ynkxg] {
    border-color: rgba(255, 255, 255, 0.05);
    vertical-align: middle;
    padding: 0.75rem 0.5rem;
}

.dividend-row[b-igl17ynkxg] {
    cursor: pointer;
    transition: background-color 0.15s;
}

.dividend-row:hover[b-igl17ynkxg] {
    background: rgba(255, 255, 255, 0.05);
}

.dividend-row.row-capture[b-igl17ynkxg] { border-left: 3px solid #10b981; }
.dividend-row.row-stable[b-igl17ynkxg] { border-left: 3px solid #3b82f6; }
.dividend-row.row-moderate[b-igl17ynkxg] { border-left: 3px solid #94a3b8; }
.dividend-row.row-high-risk[b-igl17ynkxg] { border-left: 3px solid #eab308; }
.dividend-row.row-avoid[b-igl17ynkxg] { border-left: 3px solid #ef4444; opacity: 0.7; }

.symbol-col[b-igl17ynkxg] {
    min-width: 120px;
}

.symbol-info[b-igl17ynkxg] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.symbol[b-igl17ynkxg] {
    font-weight: 700;
    color: white;
}

.company-name[b-igl17ynkxg] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
}

.ex-date[b-igl17ynkxg] {
    font-weight: 500;
}

.ex-date.ex-imminent[b-igl17ynkxg] {
    color: #ef4444;
    font-weight: 700;
}

.ex-date.ex-soon[b-igl17ynkxg] {
    color: #eab308;
}

.dividend-amount[b-igl17ynkxg] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
}

.yield[b-igl17ynkxg] {
    font-weight: 600;
}

.yield.yield-high[b-igl17ynkxg] { color: #eab308; }
.yield.yield-medium[b-igl17ynkxg] { color: #10b981; }
.yield.yield-low[b-igl17ynkxg] { color: rgba(255, 255, 255, 0.7); }

.score-cell[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 80px;
}

.score-bar[b-igl17ynkxg] {
    flex: 1;
    height: 6px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    overflow: hidden;
}

.score-fill[b-igl17ynkxg] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s;
}

.score-fill.score-high[b-igl17ynkxg] { background: linear-gradient(90deg, #10b981, #4ade80); }
.score-fill.score-medium[b-igl17ynkxg] { background: linear-gradient(90deg, #eab308, #facc15); }
.score-fill.score-low[b-igl17ynkxg] { background: linear-gradient(90deg, #ef4444, #f87171); }

.score-value[b-igl17ynkxg] {
    font-weight: 700;
    min-width: 24px;
    text-align: right;
}

.score-value.score-high[b-igl17ynkxg] { color: #10b981; }
.score-value.score-medium[b-igl17ynkxg] { color: #eab308; }
.score-value.score-low[b-igl17ynkxg] { color: #ef4444; }

.net-edge[b-igl17ynkxg] {
    font-weight: 600;
}

.net-edge.positive[b-igl17ynkxg] { color: #10b981; }
.net-edge.negative[b-igl17ynkxg] { color: #ef4444; }

.expected-move[b-igl17ynkxg] {
    font-size: 0.8rem;
}

.expected-move.drop[b-igl17ynkxg] { color: #ef4444; }
.expected-move.rise[b-igl17ynkxg] { color: #10b981; }

.recovery-days[b-igl17ynkxg] {
    color: rgba(255, 255, 255, 0.7);
}

.confidence-cell[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 70px;
}

.confidence-bar[b-igl17ynkxg] {
    flex: 1;
    height: 4px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    overflow: hidden;
}

.confidence-fill[b-igl17ynkxg] {
    height: 100%;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    border-radius: 2px;
}

.confidence-value[b-igl17ynkxg] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    min-width: 32px;
}

.strategy-tag[b-igl17ynkxg] {
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    text-transform: uppercase;
    white-space: nowrap;
}

.strategy-tag.tag-capture[b-igl17ynkxg] { background: rgba(16, 185, 129, 0.2); color: #10b981; }
.strategy-tag.tag-stable[b-igl17ynkxg] { background: rgba(59, 130, 246, 0.2); color: #60a5fa; }
.strategy-tag.tag-moderate[b-igl17ynkxg] { background: rgba(148, 163, 184, 0.2); color: #94a3b8; }
.strategy-tag.tag-high-risk[b-igl17ynkxg] { background: rgba(234, 179, 8, 0.2); color: #eab308; }
.strategy-tag.tag-avoid[b-igl17ynkxg] { background: rgba(239, 68, 68, 0.2); color: #ef4444; }

.detail-btn[b-igl17ynkxg] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    padding: 0.25rem;
    transition: color 0.2s;
}

.detail-btn:hover[b-igl17ynkxg] {
    color: white;
}

/* Pagination */
.pagination-controls[b-igl17ynkxg] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.page-info[b-igl17ynkxg] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* DISCLAIMERS */
/* ═══════════════════════════════════════════════════════════════════════ */

.disclaimers[b-igl17ynkxg] {
    text-align: center;
    padding: 0.75rem;
}

.disclaimers p[b-igl17ynkxg] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.4);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* DETAIL MODAL */
/* ═══════════════════════════════════════════════════════════════════════ */

.dividend-detail-modal[b-igl17ynkxg] {
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dividend-detail-modal .modal-header[b-igl17ynkxg] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem 1.25rem;
}

.modal-title-section[b-igl17ynkxg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.modal-title-section .modal-title[b-igl17ynkxg] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin: 0;
}

.detail-symbol[b-igl17ynkxg] {
    font-size: 1.25rem;
    font-weight: 700;
}

.detail-company[b-igl17ynkxg] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
}

.detail-badges[b-igl17ynkxg] {
    display: flex;
    gap: 0.5rem;
}

.detail-score[b-igl17ynkxg] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
}

.detail-score.score-high[b-igl17ynkxg] { background: rgba(16, 185, 129, 0.2); color: #10b981; }
.detail-score.score-medium[b-igl17ynkxg] { background: rgba(234, 179, 8, 0.2); color: #eab308; }
.detail-score.score-low[b-igl17ynkxg] { background: rgba(239, 68, 68, 0.2); color: #ef4444; }

.dividend-detail-modal .modal-body[b-igl17ynkxg] {
    padding: 1.25rem;
}

.ai-one-liner[b-igl17ynkxg] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.25);
    border-radius: 8px;
    margin-bottom: 1rem;
}

.ai-one-liner i[b-igl17ynkxg] {
    color: #a78bfa;
    font-size: 1rem;
    flex-shrink: 0;
}

.ai-one-liner span[b-igl17ynkxg] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.4;
}

/* Tabs */
.detail-tabs[b-igl17ynkxg] {
    display: flex;
    gap: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 1rem;
}

.tab-btn[b-igl17ynkxg] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
}

.tab-btn:hover[b-igl17ynkxg] {
    color: rgba(255, 255, 255, 0.8);
}

.tab-btn.active[b-igl17ynkxg] {
    color: #60a5fa;
    border-bottom-color: #3b82f6;
}

.tab-content[b-igl17ynkxg] {
    min-height: 200px;
}

.tab-pane[b-igl17ynkxg] {
    animation: fadeIn-b-igl17ynkxg 0.2s ease;
    /* Override Bootstrap's default tab-pane hiding */
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes fadeIn-b-igl17ynkxg {
    from { opacity: 0; }
    to { opacity: 1; }
}

.tab-pane-note[b-igl17ynkxg] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 1rem;
}

/* AI Summary Tab */
.ai-summary-section[b-igl17ynkxg] {
    margin-bottom: 1.25rem;
}

.ai-summary-section h6[b-igl17ynkxg] {
    font-size: 0.85rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0.5rem;
}

.ai-summary-section p[b-igl17ynkxg] {
    font-size: 0.9rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
}

.risks-positives-grid[b-igl17ynkxg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

@media (max-width: 576px) {
    .risks-positives-grid[b-igl17ynkxg] {
        grid-template-columns: 1fr;
    }
}

.risks-section[b-igl17ynkxg],
.positives-section[b-igl17ynkxg] {
    padding: 0.75rem;
    border-radius: 8px;
}

.risks-section[b-igl17ynkxg] {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.positives-section[b-igl17ynkxg] {
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.risks-section h6[b-igl17ynkxg],
.positives-section h6[b-igl17ynkxg] {
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.risks-section h6[b-igl17ynkxg] { color: #f87171; }
.positives-section h6[b-igl17ynkxg] { color: #4ade80; }

.risks-section ul[b-igl17ynkxg],
.positives-section ul[b-igl17ynkxg] {
    margin: 0;
    padding-left: 1rem;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.8);
}

.risks-section li[b-igl17ynkxg],
.positives-section li[b-igl17ynkxg] {
    margin-bottom: 0.25rem;
}

/* Empty AI State */
.empty-ai-state[b-igl17ynkxg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
}

.empty-ai-state i[b-igl17ynkxg] {
    font-size: 2.5rem;
    opacity: 0.5;
    margin-bottom: 1rem;
    color: #a78bfa;
}

.empty-ai-state p[b-igl17ynkxg] {
    margin: 0.25rem 0;
    font-size: 0.9rem;
}

.empty-ai-state .text-muted[b-igl17ynkxg] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.4);
}

.empty-ai-state .btn-primary[b-igl17ynkxg] {
    background: linear-gradient(135deg, #8b5cf6, #6366f1);
    border: none;
    padding: 0.6rem 1.25rem;
    font-size: 0.9rem;
    border-radius: 8px;
    transition: all 0.2s;
}

.empty-ai-state .btn-primary:hover[b-igl17ynkxg] {
    background: linear-gradient(135deg, #7c3aed, #4f46e5);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}

.generating-ai[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 8px;
    color: #a78bfa;
    font-size: 0.9rem;
}

/* Analytics Tab */
.analytics-grid[b-igl17ynkxg] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

@media (max-width: 576px) {
    .analytics-grid[b-igl17ynkxg] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.analytic-card[b-igl17ynkxg] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.75rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    text-align: center;
}

.analytic-card.highlight[b-igl17ynkxg] {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.25);
}

.analytic-label[b-igl17ynkxg] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.analytic-value[b-igl17ynkxg] {
    font-size: 1.1rem;
    font-weight: 700;
    color: white;
}

.analytic-value.positive[b-igl17ynkxg] { color: #10b981; }
.analytic-value.negative[b-igl17ynkxg] { color: #ef4444; }

/* History Tab */
.history-table[b-igl17ynkxg] {
    color: rgba(255, 255, 255, 0.8);
}

.history-table th[b-igl17ynkxg] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.7rem;
    text-transform: uppercase;
    border-color: rgba(255, 255, 255, 0.1);
}

.history-table td[b-igl17ynkxg] {
    border-color: rgba(255, 255, 255, 0.05);
}

.no-history[b-igl17ynkxg] {
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-style: italic;
}

/* Scores Tab */
.score-breakdown-grid[b-igl17ynkxg] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.score-breakdown-item[b-igl17ynkxg] {
    display: grid;
    grid-template-columns: 150px 1fr 40px;
    align-items: center;
    gap: 0.75rem;
}

.score-breakdown-item.highlight[b-igl17ynkxg] {
    padding: 0.5rem;
    background: rgba(59, 130, 246, 0.1);
    border-radius: 6px;
    margin: 0 -0.5rem;
}

.breakdown-label[b-igl17ynkxg] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.7);
}

.breakdown-bar[b-igl17ynkxg] {
    height: 8px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    overflow: hidden;
}

.breakdown-fill[b-igl17ynkxg] {
    height: 100%;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    border-radius: 4px;
}

.breakdown-value[b-igl17ynkxg] {
    font-weight: 600;
    text-align: right;
    color: rgba(255, 255, 255, 0.9);
}

.final-score-display[b-igl17ynkxg] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.final-score-label[b-igl17ynkxg] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.7);
}

.final-score-value[b-igl17ynkxg] {
    font-size: 2rem;
    font-weight: 700;
}

.final-score-value.score-high[b-igl17ynkxg] { color: #10b981; }
.final-score-value.score-medium[b-igl17ynkxg] { color: #eab308; }
.final-score-value.score-low[b-igl17ynkxg] { color: #ef4444; }

/* Event Details */
.event-details[b-igl17ynkxg] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.event-details h6[b-igl17ynkxg] {
    font-size: 0.85rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0.75rem;
}

.event-details-grid[b-igl17ynkxg] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

@media (max-width: 576px) {
    .event-details-grid[b-igl17ynkxg] {
        grid-template-columns: 1fr;
    }
}

.detail-item[b-igl17ynkxg] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.detail-label[b-igl17ynkxg] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5);
}

.detail-value[b-igl17ynkxg] {
    font-size: 0.8rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* MODAL OVERLAY */
/* ═══════════════════════════════════════════════════════════════════════ */

.dividend-modal-overlay[b-igl17ynkxg] {
    background-color: var(--bg-overlay);
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* LIGHT THEME OVERRIDES */
/* ═══════════════════════════════════════════════════════════════════════ */

:global([data-theme="light"]) .page-title[b-igl17ynkxg] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .page-title i[b-igl17ynkxg] {
    color: #059669;
}

:global([data-theme="light"]) .page-subtitle[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .last-refresh[b-igl17ynkxg] {
    color: var(--text-muted);
}

:global([data-theme="light"]) .data-source[b-igl17ynkxg] {
    color: var(--text-muted);
}

:global([data-theme="light"]) .filter-bar[b-igl17ynkxg] {
    background: linear-gradient(135deg, #ffffff, #f8fafc);
    border: 1px solid var(--border);
}

:global([data-theme="light"]) .filter-group label[b-igl17ynkxg] {
    color: var(--text-muted);
}

:global([data-theme="light"]) .date-range-buttons[b-igl17ynkxg] {
    background: var(--bg-muted);
}

:global([data-theme="light"]) .date-range-buttons button[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .date-range-buttons button:hover[b-igl17ynkxg] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

:global([data-theme="light"]) .date-range-buttons button.active[b-igl17ynkxg] {
    background: rgba(59, 130, 246, 0.2);
    color: #2563eb;
}

:global([data-theme="light"]) .tag-checkbox[b-igl17ynkxg] {
    background: var(--bg-muted);
    color: var(--text-secondary);
}

:global([data-theme="light"]) .search-input[b-igl17ynkxg] {
    background: var(--bg-muted);
    border: 1px solid var(--border);
    color: var(--text-primary);
}

:global([data-theme="light"]) .search-input[b-igl17ynkxg]::placeholder {
    color: var(--text-muted);
}

:global([data-theme="light"]) .sort-select[b-igl17ynkxg] {
    background: var(--bg-muted);
    border: 1px solid var(--border);
    color: var(--text-primary);
}

:global([data-theme="light"]) .sort-select option[b-igl17ynkxg] {
    background: #ffffff;
}

:global([data-theme="light"]) .kpi-tile[b-igl17ynkxg] {
    background: linear-gradient(135deg, #ffffff, #f8fafc);
    border: 1px solid var(--border);
}

:global([data-theme="light"]) .kpi-value[b-igl17ynkxg] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .kpi-label[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .dividend-grid-section[b-igl17ynkxg] {
    background: var(--bg-elevated);
    border: 1px solid var(--border);
}

:global([data-theme="light"]) .loading-state[b-igl17ynkxg],
:global([data-theme="light"]) .empty-state[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .result-count[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .dividend-table[b-igl17ynkxg] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .dividend-table th[b-igl17ynkxg] {
    border-color: var(--border);
    color: var(--text-muted);
}

:global([data-theme="light"]) .dividend-table td[b-igl17ynkxg] {
    border-color: var(--border-subtle);
}

:global([data-theme="light"]) .dividend-row:hover[b-igl17ynkxg] {
    background: var(--bg-hover);
}

:global([data-theme="light"]) .symbol[b-igl17ynkxg] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .company-name[b-igl17ynkxg] {
    color: var(--text-muted);
}

:global([data-theme="light"]) .score-bar[b-igl17ynkxg] {
    background: var(--bg-muted);
}

:global([data-theme="light"]) .confidence-bar[b-igl17ynkxg] {
    background: var(--bg-muted);
}

:global([data-theme="light"]) .confidence-value[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .recovery-days[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .detail-btn[b-igl17ynkxg] {
    color: var(--text-muted);
}

:global([data-theme="light"]) .detail-btn:hover[b-igl17ynkxg] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .pagination-controls[b-igl17ynkxg] {
    border-top: 1px solid var(--border);
}

:global([data-theme="light"]) .page-info[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .disclaimers p[b-igl17ynkxg] {
    color: var(--text-muted);
}

/* Modal Light Theme */
:global([data-theme="light"]) .dividend-detail-modal[b-igl17ynkxg] {
    background: linear-gradient(135deg, #ffffff, #f8fafc);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

:global([data-theme="light"]) .dividend-detail-modal .modal-header[b-igl17ynkxg] {
    border-bottom: 1px solid var(--border);
}

:global([data-theme="light"]) .dividend-detail-modal .btn-close-white[b-igl17ynkxg] {
    filter: invert(1);
}

:global([data-theme="light"]) .detail-company[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .detail-score[b-igl17ynkxg] {
    background: var(--bg-muted);
}

:global([data-theme="light"]) .ai-one-liner[b-igl17ynkxg] {
    background: rgba(139, 92, 246, 0.08);
    border: 1px solid rgba(139, 92, 246, 0.2);
}

:global([data-theme="light"]) .ai-one-liner span[b-igl17ynkxg] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .detail-tabs[b-igl17ynkxg] {
    border-bottom: 1px solid var(--border);
}

:global([data-theme="light"]) .tab-btn[b-igl17ynkxg] {
    color: var(--text-muted);
}

:global([data-theme="light"]) .tab-btn:hover[b-igl17ynkxg] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .tab-btn.active[b-igl17ynkxg] {
    color: #2563eb;
    border-bottom-color: #2563eb;
}

:global([data-theme="light"]) .tab-pane-note[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .ai-summary-section h6[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .ai-summary-section p[b-igl17ynkxg] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .risks-section[b-igl17ynkxg] {
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.15);
}

:global([data-theme="light"]) .positives-section[b-igl17ynkxg] {
    background: rgba(16, 185, 129, 0.05);
    border: 1px solid rgba(16, 185, 129, 0.15);
}

:global([data-theme="light"]) .risks-section ul[b-igl17ynkxg],
:global([data-theme="light"]) .positives-section ul[b-igl17ynkxg] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .analytic-card[b-igl17ynkxg] {
    background: var(--bg-muted);
}

:global([data-theme="light"]) .analytic-card.highlight[b-igl17ynkxg] {
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.2);
}

:global([data-theme="light"]) .analytic-label[b-igl17ynkxg] {
    color: var(--text-muted);
}

:global([data-theme="light"]) .analytic-value[b-igl17ynkxg] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .history-table[b-igl17ynkxg] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .history-table th[b-igl17ynkxg] {
    color: var(--text-muted);
    border-color: var(--border);
}

:global([data-theme="light"]) .history-table td[b-igl17ynkxg] {
    border-color: var(--border-subtle);
}

:global([data-theme="light"]) .no-history[b-igl17ynkxg] {
    color: var(--text-muted);
}

:global([data-theme="light"]) .breakdown-label[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .breakdown-bar[b-igl17ynkxg] {
    background: var(--bg-muted);
}

:global([data-theme="light"]) .breakdown-value[b-igl17ynkxg] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .final-score-display[b-igl17ynkxg] {
    background: var(--bg-muted);
}

:global([data-theme="light"]) .final-score-label[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .event-details[b-igl17ynkxg] {
    border-top: 1px solid var(--border);
}

:global([data-theme="light"]) .event-details h6[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .detail-item[b-igl17ynkxg] {
    background: var(--bg-muted);
}

:global([data-theme="light"]) .detail-label[b-igl17ynkxg] {
    color: var(--text-muted);
}

:global([data-theme="light"]) .detail-value[b-igl17ynkxg] {
    color: var(--text-primary);
}
/* /Components/Pages/FullAnalyse.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   TECH SCREENER PAGE STYLES
   ═══════════════════════════════════════════════════════════════════════════════ */

/* CSS Variables for consistent theming */
:root[b-rikc99zwsi] {
    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-tertiary: #21262d;
    --bg-hover: #30363d;
    --border-color: #30363d;
    --border-light: #484f58;
    --text-primary: #e6edf3;
    --text-secondary: #8b949e;
    --text-muted: #6e7681;
    --accent-blue: #58a6ff;
    --accent-green: #3fb950;
    --accent-red: #f85149;
    --accent-yellow: #d29922;
    --accent-purple: #a371f7;
    --accent-cyan: #39c5cf;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   CONTAINER & LAYOUT
   ═══════════════════════════════════════════════════════════════════════════════ */

.screener-container[b-rikc99zwsi] {
    padding: 1.5rem;
    max-width: 100%;
    background: var(--bg-primary);
    min-height: 100vh;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════════════════════════════ */

.page-header[b-rikc99zwsi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}

.page-title[b-rikc99zwsi] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.25rem 0;
    letter-spacing: -0.02em;
}

.page-subtitle[b-rikc99zwsi] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin: 0;
}

.symbol-count[b-rikc99zwsi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem 1.25rem;
    background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));
    border-radius: 12px;
    min-width: 80px;
}

.count-value[b-rikc99zwsi] {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    line-height: 1;
}

.count-label[b-rikc99zwsi] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.85);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.25rem;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   DEMO BANNER
   ═══════════════════════════════════════════════════════════════════════════════ */

.demo-banner[b-rikc99zwsi] {
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.15), rgba(255, 152, 0, 0.1));
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
}

.demo-banner-content[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.demo-banner-icon[b-rikc99zwsi] {
    font-size: 1.5rem;
}

.demo-banner-text[b-rikc99zwsi] {
    flex: 1;
    color: #e6edf3;
    font-size: 0.9rem;
}

.demo-banner-text strong[b-rikc99zwsi] {
    color: #ffc107;
}

.demo-stock[b-rikc99zwsi] {
    background: rgba(255, 193, 7, 0.2);
    color: #ffc107;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
}

.upgrade-link[b-rikc99zwsi] {
    color: #00ff88;
    text-decoration: none;
    font-weight: 600;
    margin-left: 1rem;
    transition: color 0.2s ease;
}

.upgrade-link:hover[b-rikc99zwsi] {
    color: #00d4aa;
    text-decoration: underline;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   SEARCH & FILTER BAR
   ═══════════════════════════════════════════════════════════════════════════════ */

.search-filter-bar[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, var(--bg-secondary), rgba(33, 38, 45, 0.8));
    border-radius: 16px;
    margin-bottom: 1rem;
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.search-container[b-rikc99zwsi] {
    position: relative;
    flex: 1;
    max-width: 400px;
}

.search-icon[b-rikc99zwsi] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    pointer-events: none;
    transition: color 0.2s ease;
}

.symbol-search-input[b-rikc99zwsi] {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 2.75rem;
    background: var(--bg-primary);
    border: 2px solid var(--border-color);
    border-radius: 12px;
    color: var(--text-primary);
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.symbol-search-input[b-rikc99zwsi]::placeholder {
    color: var(--text-muted);
}

.symbol-search-input:focus[b-rikc99zwsi] {
    outline: none;
    border-color: var(--accent-blue);
    box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.15);
}

.symbol-search-input:focus + .search-icon[b-rikc99zwsi],
.search-container:focus-within .search-icon[b-rikc99zwsi] {
    color: var(--accent-blue);
}

.search-clear[b-rikc99zwsi] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--bg-tertiary);
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.search-clear:hover[b-rikc99zwsi] {
    background: var(--accent-red);
    color: white;
}

.filter-controls[b-rikc99zwsi] {
    display: flex;
    gap: 0.75rem;
}

.filter-toggle-btn[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: linear-gradient(135deg, var(--bg-tertiary), rgba(48, 54, 61, 0.8));
    border: 1px solid var(--border-color);
    border-radius: 12px;
    color: var(--text-primary);
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.filter-toggle-btn:hover[b-rikc99zwsi] {
    background: var(--bg-hover);
    border-color: var(--border-light);
    transform: translateY(-1px);
}

.filter-toggle-btn.active[b-rikc99zwsi] {
    background: linear-gradient(135deg, rgba(88, 166, 255, 0.2), rgba(88, 166, 255, 0.1));
    border-color: var(--accent-blue);
    color: var(--accent-blue);
}

.filter-badge[b-rikc99zwsi] {
    background: var(--accent-blue);
    color: white;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.15rem 0.4rem;
    border-radius: 8px;
    min-width: 18px;
    text-align: center;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   QUICK FILTER CHIPS
   ═══════════════════════════════════════════════════════════════════════════════ */

.quick-filters[b-rikc99zwsi] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.quick-filter-chip[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: linear-gradient(135deg, var(--bg-secondary), var(--bg-tertiary));
    border: 1px solid var(--border-color);
    border-radius: 50px;
    color: var(--text-secondary);
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.quick-filter-chip[b-rikc99zwsi]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.1), transparent);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.quick-filter-chip:hover[b-rikc99zwsi] {
    border-color: var(--border-light);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.quick-filter-chip:hover[b-rikc99zwsi]::before {
    opacity: 1;
}

.chip-icon[b-rikc99zwsi] {
    font-size: 1rem;
    transition: transform 0.25s ease;
}

.quick-filter-chip:hover .chip-icon[b-rikc99zwsi] {
    transform: scale(1.15);
}

.chip-text[b-rikc99zwsi] {
    font-weight: 500;
}

.chip-count[b-rikc99zwsi] {
    background: rgba(255, 255, 255, 0.1);
    padding: 0.2rem 0.5rem;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 600;
    min-width: 28px;
    text-align: center;
    transition: all 0.25s ease;
}

.quick-filter-chip.active[b-rikc99zwsi] {
    border-color: var(--accent-blue);
    color: var(--text-primary);
    box-shadow: 0 4px 20px rgba(88, 166, 255, 0.2);
}

.quick-filter-chip.active .chip-count[b-rikc99zwsi] {
    background: var(--accent-blue);
    color: white;
}

.quick-filter-chip.active.golden[b-rikc99zwsi] {
    border-color: var(--accent-yellow);
    background: linear-gradient(135deg, rgba(210, 153, 34, 0.15), rgba(210, 153, 34, 0.05));
    box-shadow: 0 4px 20px rgba(210, 153, 34, 0.3);
}

.quick-filter-chip.active.golden .chip-count[b-rikc99zwsi] {
    background: linear-gradient(135deg, #ffd700, #ffaa00);
    color: #000;
}

.quick-filter-chip.active.bullish[b-rikc99zwsi] {
    border-color: var(--accent-green);
    background: linear-gradient(135deg, rgba(63, 185, 80, 0.15), rgba(63, 185, 80, 0.05));
    box-shadow: 0 4px 20px rgba(63, 185, 80, 0.3);
}

.quick-filter-chip.active.bullish .chip-count[b-rikc99zwsi] {
    background: var(--accent-green);
}

.quick-filter-chip.active.bearish[b-rikc99zwsi] {
    border-color: var(--accent-red);
    background: linear-gradient(135deg, rgba(248, 81, 73, 0.15), rgba(248, 81, 73, 0.05));
    box-shadow: 0 4px 20px rgba(248, 81, 73, 0.3);
}

.quick-filter-chip.active.bearish .chip-count[b-rikc99zwsi] {
    background: var(--accent-red);
}

/* ═══════════════════════════════════════════════════════════════════════════════
   RESULTS SUMMARY
   ═══════════════════════════════════════════════════════════════════════════════ */

.results-summary[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: var(--bg-secondary);
    border-radius: 10px;
    margin-bottom: 1rem;
    border: 1px solid var(--border-color);
}

.results-text[b-rikc99zwsi] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.results-text strong[b-rikc99zwsi] {
    color: var(--text-primary);
}

.clear-all-btn[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.75rem;
    background: transparent;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    color: var(--text-secondary);
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.clear-all-btn:hover[b-rikc99zwsi] {
    border-color: var(--accent-red);
    color: var(--accent-red);
    background: rgba(248, 81, 73, 0.1);
}

/* Deprecated - keeping for backwards compatibility */
.filter-bar[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: var(--bg-secondary);
    border-radius: 12px;
    margin-bottom: 1rem;
    border: 1px solid var(--border-color);
}

.filter-count[b-rikc99zwsi] {
    font-size: 0.75rem;
    color: var(--accent-blue);
    background: rgba(88, 166, 255, 0.1);
    padding: 0.25rem 0.6rem;
    border-radius: 8px;
    color: var(--text-primary);
}

.quick-filter-chip.active[b-rikc99zwsi] {
    background: rgba(63, 185, 80, 0.15);
    border-color: var(--accent-green);
    color: var(--accent-green);
}

.quick-filter-chip.active.bearish[b-rikc99zwsi] {
    background: rgba(248, 81, 73, 0.15);
    border-color: var(--accent-red);
    color: var(--accent-red);
}

.filter-count[b-rikc99zwsi] {
    font-size: 0.75rem;
    color: var(--text-muted);
    padding: 0.35rem 0.75rem;
    background: var(--bg-tertiary);
    border-radius: 16px;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   STATS GRID
   ═══════════════════════════════════════════════════════════════════════════════ */

.stats-grid[b-rikc99zwsi] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.stat-card[b-rikc99zwsi] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 1rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.stat-card:hover[b-rikc99zwsi] {
    background: var(--bg-tertiary);
    border-color: var(--border-light);
    transform: translateY(-2px);
}

.stat-card.active[b-rikc99zwsi] {
    border-color: var(--accent-blue);
    background: rgba(88, 166, 255, 0.08);
    box-shadow: 0 0 0 1px var(--accent-blue);
}

.stat-value[b-rikc99zwsi] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.35rem;
}

.stat-value.success[b-rikc99zwsi] { color: var(--accent-green); }
.stat-value.danger[b-rikc99zwsi] { color: var(--accent-red); }
.stat-value.warning[b-rikc99zwsi] { color: var(--accent-yellow); }
.stat-value.info[b-rikc99zwsi] { color: var(--accent-blue); }

.stat-label[b-rikc99zwsi] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.stat-sublabel[b-rikc99zwsi] {
    font-size: 0.65rem;
    color: var(--text-muted);
    margin-top: 0.15rem;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   MAIN TABLE
   ═══════════════════════════════════════════════════════════════════════════════ */

.table-container[b-rikc99zwsi] {
    background: var(--bg-secondary);
    border-radius: 12px;
    border: 1px solid var(--border-color);
    overflow: hidden;
}

.screener-table[b-rikc99zwsi] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.screener-table thead[b-rikc99zwsi] {
    background: var(--bg-tertiary);
    position: sticky;
    top: 0;
    z-index: 10;
}

.screener-table th[b-rikc99zwsi] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: var(--text-secondary);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--border-color);
    white-space: nowrap;
}

.screener-table th.text-right[b-rikc99zwsi] {
    text-align: right;
}

.screener-table th.text-center[b-rikc99zwsi] {
    text-align: center;
}

.screener-table tbody tr[b-rikc99zwsi] {
    border-bottom: 1px solid var(--border-color);
    transition: background 0.15s ease;
}

.screener-table tbody tr:last-child[b-rikc99zwsi] {
    border-bottom: none;
}

.screener-table tbody tr:hover[b-rikc99zwsi] {
    background: var(--bg-tertiary);
}

.screener-table td[b-rikc99zwsi] {
    padding: 0.75rem 1rem;
    color: var(--text-primary);
    vertical-align: middle;
}

.screener-table td.text-right[b-rikc99zwsi] {
    text-align: right;
}

.screener-table td.text-center[b-rikc99zwsi] {
    text-align: center;
}

/* Symbol Column */
.symbol-cell[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.symbol-link[b-rikc99zwsi] {
    color: var(--accent-blue);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.15s ease;
}

.symbol-link:hover[b-rikc99zwsi] {
    color: var(--text-primary);
    text-decoration: underline;
}

/* Price Column */
.price-cell[b-rikc99zwsi] {
    font-family: 'SF Mono', Consolas, monospace;
    font-weight: 500;
}

/* Change Column */
.change-cell[b-rikc99zwsi] {
    font-family: 'SF Mono', Consolas, monospace;
    font-weight: 600;
}

.change-cell.positive[b-rikc99zwsi] {
    color: var(--accent-green);
}

.change-cell.negative[b-rikc99zwsi] {
    color: var(--accent-red);
}

/* Percentile Column */
.percentile-cell[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.percentile-bar[b-rikc99zwsi] {
    width: 50px;
    height: 6px;
    background: var(--bg-tertiary);
    border-radius: 3px;
    overflow: hidden;
}

.percentile-fill[b-rikc99zwsi] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

.percentile-fill.low[b-rikc99zwsi] { background: var(--accent-green); }
.percentile-fill.mid[b-rikc99zwsi] { background: var(--accent-yellow); }
.percentile-fill.high[b-rikc99zwsi] { background: var(--accent-red); }

.percentile-value[b-rikc99zwsi] {
    font-family: 'SF Mono', Consolas, monospace;
    font-size: 0.8rem;
    min-width: 35px;
}

/* Score Badge */
.score-badge[b-rikc99zwsi] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.8rem;
}

.score-badge.high[b-rikc99zwsi] {
    background: rgba(63, 185, 80, 0.15);
    color: var(--accent-green);
}

.score-badge.medium[b-rikc99zwsi] {
    background: rgba(210, 153, 34, 0.15);
    color: var(--accent-yellow);
}

.score-badge.low[b-rikc99zwsi] {
    background: rgba(139, 148, 158, 0.1);
    color: var(--text-muted);
}

/* Regime Badge */
.regime-badge[b-rikc99zwsi] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.regime-badge.uptrend[b-rikc99zwsi] {
    background: rgba(63, 185, 80, 0.15);
    color: var(--accent-green);
}

.regime-badge.downtrend[b-rikc99zwsi] {
    background: rgba(248, 81, 73, 0.15);
    color: var(--accent-red);
}

.regime-badge.weak[b-rikc99zwsi] {
    background: rgba(210, 153, 34, 0.15);
    color: var(--accent-yellow);
}

.regime-badge.range[b-rikc99zwsi] {
    background: rgba(139, 148, 158, 0.1);
    color: var(--text-muted);
}

/* Zone Badge */
.zone-badge[b-rikc99zwsi] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.zone-badge.buy[b-rikc99zwsi] {
    background: rgba(63, 185, 80, 0.15);
    color: var(--accent-green);
}

.zone-badge.sell[b-rikc99zwsi] {
    background: rgba(248, 81, 73, 0.15);
    color: var(--accent-red);
}

.zone-badge.hpr[b-rikc99zwsi] {
    background: rgba(163, 113, 247, 0.15);
    color: var(--accent-purple);
}

.zone-badge.neutral[b-rikc99zwsi] {
    background: rgba(139, 148, 158, 0.1);
    color: var(--text-muted);
}

/* Stance Badge */
.stance-badge[b-rikc99zwsi] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
}

.stance-badge.bullish[b-rikc99zwsi] {
    background: rgba(63, 185, 80, 0.15);
    color: var(--accent-green);
}

.stance-badge.bearish[b-rikc99zwsi] {
    background: rgba(248, 81, 73, 0.15);
    color: var(--accent-red);
}

.stance-badge.neutral[b-rikc99zwsi] {
    background: rgba(139, 148, 158, 0.1);
    color: var(--text-muted);
}

/* Indicators Button */
.indicators-btn[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.indicators-btn:hover[b-rikc99zwsi] {
    background: var(--bg-hover);
    border-color: var(--border-light);
    color: var(--text-primary);
}

.indicators-btn svg[b-rikc99zwsi] {
    width: 16px;
    height: 16px;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   LOADING STATE
   ═══════════════════════════════════════════════════════════════════════════════ */

.loading-state[b-rikc99zwsi] {
    text-align: center;
    padding: 4rem 2rem;
    background: var(--bg-secondary);
    border-radius: 16px;
    border: 1px solid var(--border-color);
}

.loading-state h3[b-rikc99zwsi] {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.loading-state p[b-rikc99zwsi] {
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
}

.loading-spinner[b-rikc99zwsi] {
    width: 48px;
    height: 48px;
    border: 4px solid var(--border-color);
    border-top-color: var(--accent-blue);
    border-radius: 50%;
    margin: 0 auto 1.5rem;
    animation: spin-b-rikc99zwsi 1s linear infinite;
}

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

.loading-progress[b-rikc99zwsi] {
    width: 100%;
    max-width: 300px;
    height: 8px;
    background: var(--bg-tertiary);
    border-radius: 4px;
    margin: 0 auto;
    overflow: hidden;
}

.loading-progress .progress-bar[b-rikc99zwsi] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-blue), var(--accent-purple));
    border-radius: 4px;
    transition: width 0.3s ease;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   EMPTY STATE
   ═══════════════════════════════════════════════════════════════════════════════ */

.empty-state[b-rikc99zwsi] {
    text-align: center;
    padding: 4rem 2rem;
    background: var(--bg-secondary);
    border-radius: 16px;
    border: 1px solid var(--border-color);
}

.empty-icon[b-rikc99zwsi] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.empty-state h3[b-rikc99zwsi] {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.empty-state p[b-rikc99zwsi] {
    color: var(--text-secondary);
}

/* ═══════════════════════════════════════════════════════════════════════════════
   FILTER DRAWER
   ═══════════════════════════════════════════════════════════════════════════════ */

.filter-drawer-overlay[b-rikc99zwsi] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
    backdrop-filter: blur(2px);
}

.filter-drawer[b-rikc99zwsi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 320px;
    max-width: 90vw;
    height: 100vh;
    background: var(--bg-secondary);
    border-right: 1px solid var(--border-color);
    z-index: 999;
    display: flex;
    flex-direction: column;
    animation: slideInLeft-b-rikc99zwsi 0.2s ease-out;
}

@keyframes slideInLeft-b-rikc99zwsi {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

.filter-drawer-header[b-rikc99zwsi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-primary);
}

.filter-drawer-header h3[b-rikc99zwsi] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.filter-drawer-actions[b-rikc99zwsi] {
    display: flex;
    gap: 0.5rem;
}

.filter-drawer-actions button[b-rikc99zwsi] {
    padding: 0.35rem 0.75rem;
    font-size: 0.75rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    color: var(--text-secondary);
    cursor: pointer;
}

.filter-drawer-actions button:hover[b-rikc99zwsi] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.filter-drawer-body[b-rikc99zwsi] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.filter-section[b-rikc99zwsi] {
    margin-bottom: 1rem;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    overflow: hidden;
}

.filter-section-header[b-rikc99zwsi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1rem;
    background: var(--bg-tertiary);
    border: none;
    color: var(--text-primary);
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
}

.filter-section-header:hover[b-rikc99zwsi] {
    background: var(--bg-hover);
}

.filter-section-content[b-rikc99zwsi] {
    padding: 0.75rem 1rem;
    background: var(--bg-secondary);
}

.filter-checkbox[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0;
    font-size: 0.8rem;
    color: var(--text-secondary);
    cursor: pointer;
}

.filter-checkbox input[type="checkbox"][b-rikc99zwsi] {
    accent-color: var(--accent-blue);
}

.filter-checkbox:hover[b-rikc99zwsi] {
    color: var(--text-primary);
}

.filter-range[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.filter-range input[type="number"][b-rikc99zwsi] {
    width: 60px;
    padding: 0.35rem 0.5rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-primary);
    font-size: 0.8rem;
}

.filter-range span[b-rikc99zwsi] {
    color: var(--text-muted);
    font-size: 0.8rem;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1200px) {
    .stats-grid[b-rikc99zwsi] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .screener-container[b-rikc99zwsi] {
        padding: 1rem;
    }
    
    .page-header[b-rikc99zwsi] {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
    
    .filter-bar[b-rikc99zwsi] {
        flex-wrap: wrap;
    }
    
    .quick-filters[b-rikc99zwsi] {
        order: 3;
        width: 100%;
        flex-wrap: wrap;
    }
    
    .stats-grid[b-rikc99zwsi] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .screener-table[b-rikc99zwsi] {
        font-size: 0.75rem;
    }
    
    .screener-table th[b-rikc99zwsi],
    .screener-table td[b-rikc99zwsi] {
        padding: 0.5rem;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   FUNDAMENTAL FILTERS
   ═══════════════════════════════════════════════════════════════════════════════ */

.filter-group[b-rikc99zwsi] {
    margin-bottom: 1rem;
}

.filter-label[b-rikc99zwsi] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
}

.filter-group select[b-rikc99zwsi] {
    width: 100%;
    padding: 0.5rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    color: var(--text-primary);
    font-size: 0.8rem;
    cursor: pointer;
}

.filter-group select:hover[b-rikc99zwsi],
.filter-group select:focus[b-rikc99zwsi] {
    border-color: var(--accent-blue);
    outline: none;
}

.filter-group .filter-range select[b-rikc99zwsi] {
    width: auto;
    min-width: 80px;
}

.filter-hint-small[b-rikc99zwsi] {
    font-size: 0.65rem;
    color: var(--text-muted);
    margin-top: 0.25rem;
    font-style: italic;
}

/* Sector Chips */
.sector-chips[b-rikc99zwsi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.sector-chip[b-rikc99zwsi] {
    padding: 0.3rem 0.6rem;
    font-size: 0.7rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: 20px;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.sector-chip:hover[b-rikc99zwsi] {
    background: var(--bg-hover);
    border-color: var(--accent-blue);
    color: var(--text-primary);
}

.sector-chip.selected[b-rikc99zwsi] {
    background: var(--accent-blue);
    border-color: var(--accent-blue);
    color: white;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   MODERN INDICATOR SELECTOR
   ═══════════════════════════════════════════════════════════════════════════════ */

.indicator-filters-modern[b-rikc99zwsi] {
    padding: 0.5rem !important;
}

.filter-hint-modern[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: var(--text-muted);
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.75rem;
    background: rgba(88, 166, 255, 0.08);
    border-radius: 8px;
    border-left: 3px solid var(--accent-blue);
}

.filter-hint-modern svg[b-rikc99zwsi] {
    flex-shrink: 0;
    opacity: 0.7;
}

.indicator-category-modern[b-rikc99zwsi] {
    margin-bottom: 1rem;
    background: var(--bg-primary);
    border-radius: 12px;
    border: 1px solid var(--border-color);
    overflow: hidden;
}

.category-header-modern[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, var(--bg-tertiary), rgba(33, 38, 45, 0.6));
    border-bottom: 1px solid var(--border-color);
}

.category-icon[b-rikc99zwsi] {
    font-size: 1rem;
    line-height: 1;
}

.category-title-modern[b-rikc99zwsi] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-primary);
    flex: 1;
    letter-spacing: 0.02em;
}

.category-count[b-rikc99zwsi] {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--text-muted);
    background: var(--bg-primary);
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
}

.indicators-grid[b-rikc99zwsi] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.indicator-card[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 1rem;
    border-bottom: 1px solid rgba(48, 54, 61, 0.5);
    transition: all 0.2s ease;
}

.indicator-card:last-child[b-rikc99zwsi] {
    border-bottom: none;
}

.indicator-card:hover[b-rikc99zwsi] {
    background: rgba(88, 166, 255, 0.04);
}

.indicator-card.selected-bullish[b-rikc99zwsi] {
    background: rgba(63, 185, 80, 0.08);
    border-left: 3px solid var(--accent-green);
}

.indicator-card.selected-bearish[b-rikc99zwsi] {
    background: rgba(248, 81, 73, 0.08);
    border-left: 3px solid var(--accent-red);
}

.indicator-info[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.indicator-label[b-rikc99zwsi] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--text-primary);
}

.indicator-tooltip[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    cursor: help;
    color: var(--text-muted);
    opacity: 0.6;
    transition: opacity 0.15s ease;
}

.indicator-tooltip:hover[b-rikc99zwsi] {
    opacity: 1;
    color: var(--accent-blue);
}

/* Modern Signal Toggle Group */
.signal-toggle-group[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0;
    background: var(--bg-tertiary);
    border-radius: 8px;
    padding: 3px;
    border: 1px solid var(--border-color);
}

.signal-toggle[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.signal-toggle:hover:not(.active)[b-rikc99zwsi] {
    background: rgba(139, 148, 158, 0.15);
    color: var(--text-secondary);
}

.signal-toggle svg[b-rikc99zwsi] {
    width: 14px;
    height: 14px;
}

/* Bullish Toggle */
.signal-toggle.bullish-toggle.active[b-rikc99zwsi] {
    background: linear-gradient(135deg, var(--accent-green), #2ea043);
    color: white;
    box-shadow: 0 2px 8px rgba(63, 185, 80, 0.4);
}

.signal-toggle.bullish-toggle:hover:not(.active)[b-rikc99zwsi] {
    color: var(--accent-green);
    background: rgba(63, 185, 80, 0.15);
}

/* Any Toggle */
.signal-toggle.any-toggle.active[b-rikc99zwsi] {
    background: linear-gradient(135deg, var(--border-light), var(--border-color));
    color: var(--text-primary);
}

/* Bearish Toggle */
.signal-toggle.bearish-toggle.active[b-rikc99zwsi] {
    background: linear-gradient(135deg, var(--accent-red), #da3633);
    color: white;
    box-shadow: 0 2px 8px rgba(248, 81, 73, 0.4);
}

.signal-toggle.bearish-toggle:hover:not(.active)[b-rikc99zwsi] {
    color: var(--accent-red);
    background: rgba(248, 81, 73, 0.15);
}

/* Clear Filters Button */
.clear-filters-modern[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.75rem;
    margin-top: 0.75rem;
    background: linear-gradient(135deg, rgba(248, 81, 73, 0.1), rgba(248, 81, 73, 0.05));
    border: 1px solid rgba(248, 81, 73, 0.3);
    border-radius: 10px;
    color: var(--accent-red);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.clear-filters-modern:hover[b-rikc99zwsi] {
    background: linear-gradient(135deg, rgba(248, 81, 73, 0.2), rgba(248, 81, 73, 0.1));
    border-color: var(--accent-red);
    transform: translateY(-1px);
}

.clear-filters-modern svg[b-rikc99zwsi] {
    width: 14px;
    height: 14px;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   SCROLLBAR
   ═══════════════════════════════════════════════════════════════════════════════ */

.table-container[b-rikc99zwsi]::-webkit-scrollbar,
.filter-drawer-body[b-rikc99zwsi]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.table-container[b-rikc99zwsi]::-webkit-scrollbar-track,
.filter-drawer-body[b-rikc99zwsi]::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

.table-container[b-rikc99zwsi]::-webkit-scrollbar-thumb,
.filter-drawer-body[b-rikc99zwsi]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 3px;
}

.table-container[b-rikc99zwsi]::-webkit-scrollbar-thumb:hover,
.filter-drawer-body[b-rikc99zwsi]::-webkit-scrollbar-thumb:hover {
    background: var(--border-light);
}
/* /Components/Pages/MarketOverview.razor.rz.scp.css */
/* ===================================
   Market Overview - Trading Terminal Style
   Compact, Modern, Stock Market Look
   =================================== */

/* Container */
.market-overview-container[b-ybe0x4ltl6] {
    padding: var(--spacing-lg);
    max-width: 1600px;
    margin: 0 auto;
}

/* Page Header - Compact */
.page-header[b-ybe0x4ltl6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-lg);
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--border-subtle);
}

.page-title[b-ybe0x4ltl6] {
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    letter-spacing: -0.02em;
}

.page-title i[b-ybe0x4ltl6] {
    color: var(--primary);
}

.header-status[b-ybe0x4ltl6] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.header-status .badge[b-ybe0x4ltl6] {
    font-size: var(--text-2xs);
    font-weight: 700;
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-md);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.header-status .bg-success[b-ybe0x4ltl6] {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%) !important;
    color: white;
    box-shadow: 0 0 12px rgba(0, 212, 170, 0.3);
}

.header-status .bg-secondary[b-ybe0x4ltl6] {
    background: var(--bg-elevated) !important;
    color: var(--text-muted);
    border: 1px solid var(--border);
}

/* ===================================
   ETF Price Banner - Compact Cards
   =================================== */
.etf-price-banner[b-ybe0x4ltl6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
}

@media (max-width: 768px) {
    .etf-price-banner[b-ybe0x4ltl6] {
        grid-template-columns: 1fr;
    }
}

/* ETF Card - Trading Terminal Style */
.etf-card[b-ybe0x4ltl6] {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-surface) 100%);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--spacing-md) var(--spacing-lg);
    transition: all var(--transition-fast);
    position: relative;
    overflow: hidden;
}

.etf-card[b-ybe0x4ltl6]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--border-medium), transparent);
    opacity: 0;
    transition: opacity var(--transition-fast);
}

.etf-card:hover[b-ybe0x4ltl6] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
    border-color: var(--border-medium);
}

.etf-card:hover[b-ybe0x4ltl6]::before {
    opacity: 1;
}

.etf-card.positive[b-ybe0x4ltl6] {
    border-left: 3px solid var(--success);
}

.etf-card.positive[b-ybe0x4ltl6]::before {
    background: linear-gradient(90deg, var(--success), rgba(0, 212, 170, 0.3), transparent);
}

.etf-card.negative[b-ybe0x4ltl6] {
    border-left: 3px solid var(--error);
}

.etf-card.negative[b-ybe0x4ltl6]::before {
    background: linear-gradient(90deg, var(--error), rgba(255, 107, 107, 0.3), transparent);
}

/* ETF Card - Clickable */
.etf-card.clickable[b-ybe0x4ltl6] {
    cursor: pointer;
    user-select: none;
}

.etf-card.clickable:hover[b-ybe0x4ltl6] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-xl);
}

.etf-card.clickable:active[b-ybe0x4ltl6] {
    transform: translateY(-1px);
}

.click-hint[b-ybe0x4ltl6] {
    font-size: var(--text-2xs);
    color: var(--text-muted);
    margin-left: var(--spacing-xs);
    opacity: 0.6;
    transition: opacity var(--transition-fast);
}

.etf-card.clickable:hover .click-hint[b-ybe0x4ltl6] {
    color: var(--info);
    opacity: 1;
}

/* ETF Sparkline Background */
.etf-sparkline[b-ybe0x4ltl6] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.6;
}

.etf-card:hover .etf-sparkline[b-ybe0x4ltl6] {
    opacity: 0.85;
}

/* ETF Card - Main Layout */
.etf-main[b-ybe0x4ltl6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--spacing-lg);
    position: relative;
    z-index: 1;
}

.etf-left[b-ybe0x4ltl6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.etf-right[b-ybe0x4ltl6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: flex-end;
    padding-left: var(--spacing-md);
    border-left: 1px solid var(--border-subtle);
}

.etf-symbol[b-ybe0x4ltl6] {
    font-size: var(--text-2xs);
    font-weight: 700;
    color: var(--text-muted);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.etf-price[b-ybe0x4ltl6] {
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--text-primary);
    font-family: var(--font-mono);
    letter-spacing: -0.02em;
    line-height: 1.1;
}

.etf-change[b-ybe0x4ltl6] {
    font-size: var(--text-sm);
    font-weight: 600;
    font-family: var(--font-mono);
}

.etf-change .up[b-ybe0x4ltl6] { color: var(--success); }
.etf-change .down[b-ybe0x4ltl6] { color: var(--error); }

/* Timeframe Rows */
.timeframe-row[b-ybe0x4ltl6] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    white-space: nowrap;
}

.tf-label[b-ybe0x4ltl6] {
    font-size: 9px;
    font-weight: 700;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    min-width: 20px;
}

.tf-value[b-ybe0x4ltl6] {
    font-size: var(--text-2xs);
    font-weight: 600;
    font-family: var(--font-mono);
}

.tf-value.up[b-ybe0x4ltl6] { color: var(--success); }
.tf-value.down[b-ybe0x4ltl6] { color: var(--error); }

/* ===================================
   Sentiment Row - Compact Cards
   =================================== */
.sentiment-row[b-ybe0x4ltl6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
}

@media (max-width: 768px) {
    .sentiment-row[b-ybe0x4ltl6] {
        grid-template-columns: 1fr;
    }
}

.sentiment-card[b-ybe0x4ltl6] {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-surface) 100%);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
}

.sentiment-header[b-ybe0x4ltl6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-md);
}

.sentiment-title[b-ybe0x4ltl6] {
    font-size: var(--text-xs);
    font-weight: 700;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.sentiment-badge[b-ybe0x4ltl6] {
    font-size: var(--text-2xs);
    font-weight: 700;
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-md);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.sentiment-badge.extreme-fear[b-ybe0x4ltl6] {
    background: var(--error-bg);
    color: var(--error);
    border: 1px solid var(--error-border);
}

.sentiment-badge.fear[b-ybe0x4ltl6] {
    background: rgba(249, 115, 22, 0.15);
    color: #f97316;
    border: 1px solid rgba(249, 115, 22, 0.3);
}

.sentiment-badge.neutral[b-ybe0x4ltl6] {
    background: var(--warning-bg);
    color: var(--warning);
    border: 1px solid var(--warning-border);
}

.sentiment-badge.greed[b-ybe0x4ltl6] {
    background: rgba(132, 204, 22, 0.15);
    color: #84cc16;
    border: 1px solid rgba(132, 204, 22, 0.3);
}

.sentiment-badge.extreme-greed[b-ybe0x4ltl6] {
    background: var(--success-bg);
    color: var(--success);
    border: 1px solid var(--success-border);
}

/* Fear & Greed Content */
.fear-greed-content[b-ybe0x4ltl6] {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg);
}

/* SVG Gauge */
.gauge-wrapper[b-ybe0x4ltl6] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    min-height: 140px;
}

.gauge-svg[b-ybe0x4ltl6] {
    width: 100%;
    max-width: 200px;
    height: auto;
}

.gauge-zone-label[b-ybe0x4ltl6] {
    font-size: 6px;
    fill: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.gauge-zone-label.curved[b-ybe0x4ltl6] {
    font-size: 5.5px;
}

.gauge-tick[b-ybe0x4ltl6] {
    font-size: 8px;
    fill: var(--text-muted);
    font-weight: 500;
}

.gauge-center-value[b-ybe0x4ltl6] {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: var(--text-3xl);
    font-weight: 700;
    color: var(--text-primary);
    font-family: var(--font-mono);
}

/* History Section */
.fear-greed-history[b-ybe0x4ltl6] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    padding-left: var(--spacing-lg);
    border-left: 1px solid var(--border-subtle);
    min-width: 80px;
}

.history-title[b-ybe0x4ltl6] {
    font-size: 9px;
    font-weight: 700;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: var(--spacing-xs);
}

.history-row[b-ybe0x4ltl6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-md);
}

.history-period[b-ybe0x4ltl6] {
    font-size: var(--text-2xs);
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    min-width: 24px;
}

.history-delta[b-ybe0x4ltl6] {
    font-size: var(--text-xs);
    font-weight: 600;
    font-family: var(--font-mono);
    min-width: 45px;
    text-align: right;
}

.delta-positive[b-ybe0x4ltl6] { color: var(--success); }
.delta-negative[b-ybe0x4ltl6] { color: var(--error); }
.delta-neutral[b-ybe0x4ltl6] { color: var(--text-muted); }

/* Legacy sentiment-history fallback */
.sentiment-history[b-ybe0x4ltl6] {
    display: flex;
    justify-content: center;
    gap: var(--spacing-xl);
    padding-top: var(--spacing-md);
    border-top: 1px solid var(--border-subtle);
}

.history-item[b-ybe0x4ltl6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

/* Market Score Card */
.score-number[b-ybe0x4ltl6] {
    font-size: var(--text-xl);
    font-weight: 700;
    font-family: var(--font-mono);
}

.score-number.positive[b-ybe0x4ltl6] { color: var(--success); }
.score-number.negative[b-ybe0x4ltl6] { color: var(--error); }
.score-number.neutral[b-ybe0x4ltl6] { color: var(--text-primary); }

/* Linear Score Bar */
.score-bar-container[b-ybe0x4ltl6] {
    margin: var(--spacing-md) 0;
}

.score-bar-labels[b-ybe0x4ltl6] {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--spacing-xs);
}

.bar-label[b-ybe0x4ltl6] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.bar-label.bearish[b-ybe0x4ltl6] { color: var(--error); }
.bar-label.neutral[b-ybe0x4ltl6] { color: var(--text-secondary); }
.bar-label.bullish[b-ybe0x4ltl6] { color: var(--success); }

.score-bar[b-ybe0x4ltl6] {
    position: relative;
    height: 8px;
    border-radius: var(--radius-sm);
    background: var(--bg-elevated);
    overflow: visible;
}

.score-bar-gradient[b-ybe0x4ltl6] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--radius-sm);
    background: linear-gradient(90deg,
        var(--error) 0%,
        #f97316 20%,
        var(--warning) 40%,
        #84cc16 60%,
        var(--success) 100%
    );
}

.score-marker[b-ybe0x4ltl6] {
    position: absolute;
    top: -4px;
    transform: translateX(-50%);
    z-index: 2;
}

.marker-line[b-ybe0x4ltl6] {
    width: 2px;
    height: 16px;
    background: var(--text-primary);
    margin: 0 auto;
    border-radius: 1px;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}

.marker-dot[b-ybe0x4ltl6] {
    width: 10px;
    height: 10px;
    background: var(--text-primary);
    border-radius: 50%;
    margin: -2px auto 0;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}

.score-bar-ticks[b-ybe0x4ltl6] {
    display: flex;
    justify-content: space-between;
    margin-top: var(--spacing-xs);
    font-size: 9px;
    color: var(--text-muted);
    font-family: var(--font-mono);
}

.score-outlook[b-ybe0x4ltl6] {
    text-align: center;
    margin: var(--spacing-md) 0 var(--spacing-sm);
}

.score-description[b-ybe0x4ltl6] {
    font-size: var(--text-2xs);
    color: var(--text-muted);
    text-align: center;
    margin: 0;
    line-height: 1.4;
}

/* Outlook Badge */
.outlook-badge[b-ybe0x4ltl6] {
    display: inline-block;
    padding: var(--spacing-xs) var(--spacing-md);
    font-size: var(--text-2xs);
    font-weight: 700;
    border-radius: var(--radius-md);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.outlook-strong-bullish[b-ybe0x4ltl6] {
    background: var(--success-bg);
    color: var(--success);
    border: 1px solid var(--success-border);
}

.outlook-bullish[b-ybe0x4ltl6] {
    background: rgba(132, 204, 22, 0.15);
    color: #84cc16;
    border: 1px solid rgba(132, 204, 22, 0.3);
}

.outlook-neutral[b-ybe0x4ltl6] {
    background: var(--bg-elevated);
    color: var(--text-secondary);
    border: 1px solid var(--border);
}

.outlook-bearish[b-ybe0x4ltl6] {
    background: rgba(249, 115, 22, 0.15);
    color: #f97316;
    border: 1px solid rgba(249, 115, 22, 0.3);
}

.outlook-strong-bearish[b-ybe0x4ltl6] {
    background: var(--error-bg);
    color: var(--error);
    border: 1px solid var(--error-border);
}

/* ===================================
   Predictions Section
   =================================== */
.predictions-section[b-ybe0x4ltl6] {
    margin-bottom: var(--spacing-lg);
}

.section-title[b-ybe0x4ltl6] {
    font-size: var(--text-md);
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: var(--spacing-md);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    letter-spacing: -0.01em;
}

.section-title i[b-ybe0x4ltl6] {
    color: var(--warning);
}

/* Predictions Table */
.predictions-table[b-ybe0x4ltl6] {
    background: transparent;
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.predictions-table thead th[b-ybe0x4ltl6] {
    background: var(--bg-elevated) !important;
    color: var(--text-muted) !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: var(--text-2xs);
    letter-spacing: 0.08em;
    padding: var(--spacing-sm) var(--spacing-md);
    border: none;
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.predictions-table tbody tr[b-ybe0x4ltl6] {
    background: var(--bg-card);
    transition: background-color var(--transition-fast);
}

.predictions-table tbody tr:hover[b-ybe0x4ltl6] {
    background: rgba(255, 255, 255, 0.02);
}

.predictions-table tbody tr.expandable-row[b-ybe0x4ltl6] {
    cursor: pointer;
}

.predictions-table tbody td[b-ybe0x4ltl6] {
    color: var(--text-primary);
    padding: var(--spacing-sm) var(--spacing-md);
    border: none;
    border-bottom: 1px solid var(--border-subtle);
    font-size: var(--text-sm);
    vertical-align: middle;
}

.predictions-table tbody td.fw-bold[b-ybe0x4ltl6] {
    font-weight: 700;
    font-family: var(--font-mono);
    letter-spacing: -0.01em;
}

/* Score and Pillar Values */
.score-value[b-ybe0x4ltl6],
.pillar-badge[b-ybe0x4ltl6] {
    display: inline-block;
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: var(--text-xs);
    font-weight: 600;
    border-radius: var(--radius-md);
    font-family: var(--font-mono);
}

.score-value.positive[b-ybe0x4ltl6],
.pillar-badge.supportive[b-ybe0x4ltl6] {
    background: var(--success-bg);
    color: var(--success);
}

.score-value.negative[b-ybe0x4ltl6],
.pillar-badge.headwind[b-ybe0x4ltl6] {
    background: var(--error-bg);
    color: var(--error);
}

.score-value.neutral[b-ybe0x4ltl6],
.pillar-badge.pillar-neutral[b-ybe0x4ltl6] {
    background: var(--bg-elevated);
    color: var(--text-secondary);
}

/* Range Value */
.range-value[b-ybe0x4ltl6] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    color: var(--text-secondary);
}

/* Confidence Bar */
.confidence-bar[b-ybe0x4ltl6] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.confidence-bar-track[b-ybe0x4ltl6] {
    position: relative;
    width: 80px;
    height: 6px;
    background: var(--bg-elevated);
    border-radius: 3px;
    overflow: hidden;
}

.confidence-fill[b-ybe0x4ltl6] {
    height: 100%;
    background: linear-gradient(90deg, var(--primary), var(--primary-hover));
    border-radius: 3px;
    transition: width 0.3s ease;
}

.confidence-text[b-ybe0x4ltl6] {
    font-size: var(--text-2xs);
    font-weight: 600;
    color: var(--text-secondary);
    font-family: var(--font-mono);
    min-width: 32px;
}

/* Expanded Content */
.expanded-content[b-ybe0x4ltl6] {
    background: var(--bg-elevated) !important;
}

.expanded-content td[b-ybe0x4ltl6] {
    padding: var(--spacing-md) !important;
}

.drivers-section[b-ybe0x4ltl6] {
    padding: var(--spacing-sm);
}

.drivers-section strong[b-ybe0x4ltl6] {
    display: block;
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: var(--spacing-sm);
}

.drivers-list[b-ybe0x4ltl6] {
    margin: 0;
    padding-left: var(--spacing-lg);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.drivers-list li[b-ybe0x4ltl6] {
    margin-bottom: var(--spacing-xs);
}

/* ===================================
   Pillars Section
   =================================== */
.pillars-section[b-ybe0x4ltl6] {
    margin-bottom: var(--spacing-lg);
}

.pillar-card[b-ybe0x4ltl6] {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-surface) 100%);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    height: 100%;
}

.pillar-card.trend[b-ybe0x4ltl6] {
    border-left: 3px solid var(--info);
}

.pillar-card.breadth[b-ybe0x4ltl6] {
    border-left: 3px solid var(--accent);
}

.pillar-card.risk[b-ybe0x4ltl6] {
    border-left: 3px solid var(--warning);
}

.pillar-header[b-ybe0x4ltl6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-md);
}

.pillar-header h6[b-ybe0x4ltl6] {
    font-size: var(--text-sm);
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.pillar-weight[b-ybe0x4ltl6] {
    font-size: var(--text-2xs);
    font-weight: 600;
    color: var(--text-muted);
    background: var(--bg-elevated);
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-md);
}

.pillar-score-large[b-ybe0x4ltl6] {
    font-size: var(--text-3xl);
    font-weight: 700;
    font-family: var(--font-mono);
    text-align: center;
    margin-bottom: var(--spacing-sm);
}

.pillar-score-large.supportive[b-ybe0x4ltl6] { color: var(--success); }
.pillar-score-large.headwind[b-ybe0x4ltl6] { color: var(--error); }
.pillar-score-large.pillar-neutral[b-ybe0x4ltl6] { color: var(--text-secondary); }

.pillar-interpretation[b-ybe0x4ltl6] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    text-align: center;
    margin-bottom: var(--spacing-md);
}

.pillar-details[b-ybe0x4ltl6] {
    margin: 0;
    padding-left: var(--spacing-md);
    font-size: var(--text-2xs);
    color: var(--text-muted);
}

.pillar-details li[b-ybe0x4ltl6] {
    margin-bottom: var(--spacing-xs);
}

/* ===================================
   View Toggle Buttons
   =================================== */
.view-toggle[b-ybe0x4ltl6] {
    display: flex;
    background: var(--bg-elevated);
    border-radius: var(--radius-md);
    padding: 2px;
    gap: 2px;
    border: 1px solid var(--border-subtle);
}

.toggle-btn[b-ybe0x4ltl6] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    font-size: var(--text-2xs);
    font-weight: 600;
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all var(--transition-fast);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.toggle-btn:hover[b-ybe0x4ltl6] {
    color: var(--text-secondary);
}

.toggle-btn.active[b-ybe0x4ltl6] {
    background: var(--info-bg);
    color: var(--info);
}

/* Sentiment Badge Row */
.sentiment-badge-row[b-ybe0x4ltl6] {
    text-align: center;
    margin-bottom: var(--spacing-sm);
}

/* Fear & Greed Card Timeline Mode */
.fear-greed-card.timeline-mode[b-ybe0x4ltl6] {
    min-height: 220px;
}

/* Timeline Chart */
.timeline-chart-container[b-ybe0x4ltl6] {
    width: 100%;
    padding: var(--spacing-md) 0;
}

.timeline-chart[b-ybe0x4ltl6] {
    width: 100%;
    height: auto;
    min-height: 160px;
    max-height: 220px;
}

.chart-zone-label[b-ybe0x4ltl6] {
    font-size: 8px;
    font-weight: 600;
}

.chart-zone-label.greed[b-ybe0x4ltl6] { fill: var(--success); }
.chart-zone-label.neutral[b-ybe0x4ltl6] { fill: var(--text-secondary); }
.chart-zone-label.fear[b-ybe0x4ltl6] { fill: var(--error); }

.chart-y-label[b-ybe0x4ltl6] {
    font-size: 9px;
    fill: var(--text-muted);
    font-family: var(--font-mono);
}

.chart-x-label[b-ybe0x4ltl6] {
    font-size: 9px;
    fill: var(--text-muted);
    text-anchor: middle;
}

/* No Timeline Data State */
.no-timeline-data[b-ybe0x4ltl6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    color: var(--text-muted);
    text-align: center;
}

.no-timeline-data i[b-ybe0x4ltl6] {
    font-size: var(--text-3xl);
    margin-bottom: var(--spacing-md);
    opacity: 0.5;
}

.no-timeline-data p[b-ybe0x4ltl6] {
    font-size: var(--text-sm);
    margin: 0;
}

/* ===================================
   Methodology Section
   =================================== */
.methodology-section[b-ybe0x4ltl6] {
    text-align: center;
    padding-top: var(--spacing-lg);
    border-top: 1px solid var(--border-subtle);
}

.methodology-section .btn-outline-secondary[b-ybe0x4ltl6] {
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border);
    font-size: var(--text-xs);
    padding: var(--spacing-sm) var(--spacing-lg);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.methodology-section .btn-outline-secondary:hover[b-ybe0x4ltl6] {
    background: rgba(255, 255, 255, 0.03);
    color: var(--text-primary);
    border-color: var(--border-medium);
}

/* Loading State */
.loading-state[b-ybe0x4ltl6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    color: var(--text-muted);
    gap: var(--spacing-md);
}

.loading-state .spinner-border[b-ybe0x4ltl6] {
    color: var(--primary);
}

/* Alert Info */
.alert-info[b-ybe0x4ltl6] {
    background: var(--info-bg);
    border: 1px solid var(--info-border);
    color: var(--info);
    border-radius: var(--radius-lg);
    padding: var(--spacing-md);
    font-size: var(--text-sm);
}

/* ===================================
   Modal Styling
   =================================== */
.modal-content[b-ybe0x4ltl6] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
}

.modal-header[b-ybe0x4ltl6] {
    background: var(--bg-elevated);
    border-bottom: 1px solid var(--border);
    padding: var(--spacing-md) var(--spacing-lg);
}

.modal-title[b-ybe0x4ltl6] {
    color: var(--text-primary);
    font-size: var(--text-md);
    font-weight: 700;
}

.modal-body[b-ybe0x4ltl6] {
    background: var(--bg-card);
    color: var(--text-secondary);
    padding: var(--spacing-lg);
}

.modal-body h6[b-ybe0x4ltl6] {
    color: var(--text-primary);
    font-size: var(--text-sm);
    font-weight: 700;
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-sm);
}

.modal-body p[b-ybe0x4ltl6] {
    font-size: var(--text-sm);
    line-height: 1.6;
}

.modal-body ul[b-ybe0x4ltl6] {
    font-size: var(--text-sm);
    padding-left: var(--spacing-lg);
}

.modal-body li[b-ybe0x4ltl6] {
    margin-bottom: var(--spacing-xs);
}

.modal-footer[b-ybe0x4ltl6] {
    background: var(--bg-elevated);
    border-top: 1px solid var(--border);
    padding: var(--spacing-md) var(--spacing-lg);
}

.modal-header .btn-close[b-ybe0x4ltl6] {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 0.6;
}

.modal-header .btn-close:hover[b-ybe0x4ltl6] {
    opacity: 1;
}

/* Row gaps */
.row.g-4[b-ybe0x4ltl6] {
    --bs-gutter-x: var(--spacing-md);
    --bs-gutter-y: var(--spacing-md);
}

.mb-4[b-ybe0x4ltl6] {
    margin-bottom: var(--spacing-lg) !important;
}

/* ===================================
   Responsive
   =================================== */
@media (max-width: 992px) {
    .sentiment-history[b-ybe0x4ltl6] {
        gap: var(--spacing-md);
    }
}

@media (max-width: 768px) {
    .market-overview-container[b-ybe0x4ltl6] {
        padding: var(--spacing-md);
    }
    
    .page-header[b-ybe0x4ltl6] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm);
    }
    
    .etf-price[b-ybe0x4ltl6] {
        font-size: var(--text-lg);
    }
    
    .gauge-svg[b-ybe0x4ltl6] {
        max-width: 160px;
    }
    
    .gauge-center-value[b-ybe0x4ltl6] {
        font-size: var(--text-xl);
    }
    
    .table-responsive[b-ybe0x4ltl6] {
        font-size: var(--text-xs);
    }
    
    .predictions-table tbody td[b-ybe0x4ltl6] {
        padding: var(--spacing-xs) var(--spacing-sm);
    }
    
    .view-toggle[b-ybe0x4ltl6] {
        margin-top: var(--spacing-sm);
    }
    
    .timeline-chart[b-ybe0x4ltl6] {
        max-height: 150px;
    }
    
    .chart-zone-label[b-ybe0x4ltl6],
    .chart-y-label[b-ybe0x4ltl6],
    .chart-x-label[b-ybe0x4ltl6] {
        font-size: 6px;
    }
}
/* /Components/Pages/Pricing.razor.rz.scp.css */
/* Pricing.razor.css - Modern, minimal pricing page using CSS variables */

.pricing-page[b-cdwh1xw5nq] {
    max-width: 960px;
    margin: 0 auto;
    padding: var(--spacing-2xl) var(--spacing-xl);
}

/* Header */
.pricing-header[b-cdwh1xw5nq] {
    text-align: center;
    margin-bottom: var(--spacing-2xl);
}

.pricing-header h1[b-cdwh1xw5nq] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 var(--spacing-sm) 0;
    letter-spacing: -0.02em;
}

.pricing-header p[b-cdwh1xw5nq] {
    font-size: 0.95rem;
    color: var(--text-muted);
    margin: 0;
}

/* Current Plan Pill */
.current-plan-pill[b-cdwh1xw5nq] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-lg);
    background: var(--success-bg);
    border: 1px solid var(--success-border);
    border-radius: var(--radius-full);
    color: var(--success-light);
    font-size: var(--text-sm);
    margin: 0 auto var(--spacing-2xl);
    display: flex;
    width: fit-content;
}

.current-plan-pill svg[b-cdwh1xw5nq] {
    flex-shrink: 0;
}

.current-plan-pill strong[b-cdwh1xw5nq] {
    color: var(--success-light);
}

/* Pricing Grid */
.pricing-grid[b-cdwh1xw5nq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-2xl);
}

/* Plan Card */
.plan-card[b-cdwh1xw5nq] {
    position: relative;
    background: var(--bg-base);
    border: 1px solid var(--bg-elevated);
    border-radius: var(--radius-xl);
    padding: var(--spacing-xl);
    display: flex;
    flex-direction: column;
    transition: border-color var(--transition-normal), box-shadow var(--transition-normal);
}

.plan-card:hover[b-cdwh1xw5nq] {
    border-color: var(--border-medium);
}

.plan-card.active[b-cdwh1xw5nq] {
    border-color: var(--success-light);
    box-shadow: 0 0 0 1px rgba(74, 222, 128, 0.2);
}

.plan-card.featured[b-cdwh1xw5nq] {
    border-color: var(--warning);
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.05) 0%, var(--bg-base) 100%);
}

.plan-card.featured:hover[b-cdwh1xw5nq] {
    border-color: var(--warning-bright);
}

/* Popular Badge */
.popular-badge[b-cdwh1xw5nq] {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, var(--warning) 0%, #d97706 100%);
    color: var(--text-inverse);
    font-size: var(--text-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-full);
}

/* Plan Header */
.plan-header[b-cdwh1xw5nq] {
    text-align: center;
    margin-bottom: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    border-bottom: 1px solid var(--bg-elevated);
}

.plan-tier[b-cdwh1xw5nq] {
    display: block;
    font-size: var(--text-sm);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--text-muted);
    margin-bottom: var(--spacing-sm);
}

.plan-price[b-cdwh1xw5nq] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.125rem;
}

.plan-price .amount[b-cdwh1xw5nq] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    letter-spacing: -0.02em;
}

.plan-price .period[b-cdwh1xw5nq] {
    font-size: 0.875rem;
    color: var(--text-muted);
}

.plan-desc[b-cdwh1xw5nq] {
    display: block;
    font-size: var(--text-sm);
    color: var(--text-muted);
    margin-top: var(--spacing-xs);
}

/* Plan Features */
.plan-features[b-cdwh1xw5nq] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--spacing-xl) 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.plan-features li[b-cdwh1xw5nq] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: var(--text-base);
    color: var(--text-secondary);
}

.plan-features svg.check[b-cdwh1xw5nq] {
    flex-shrink: 0;
    color: var(--success-light);
}

/* Plan Action */
.plan-action[b-cdwh1xw5nq] {
    margin-top: auto;
}

.btn-plan[b-cdwh1xw5nq] {
    display: block;
    width: 100%;
    padding: var(--spacing-sm) var(--spacing-lg);
    border-radius: var(--radius-lg);
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: all var(--transition-fast);
    cursor: pointer;
}

.btn-secondary[b-cdwh1xw5nq] {
    background: transparent;
    border: 1px solid var(--border-medium);
    color: var(--text-secondary);
}

.btn-secondary:hover[b-cdwh1xw5nq] {
    background: var(--bg-hover);
    border-color: var(--border-strong);
    color: var(--text-primary);
}

.btn-primary[b-cdwh1xw5nq] {
    background: var(--info);
    border: 1px solid var(--info);
    color: white;
}

.btn-primary:hover[b-cdwh1xw5nq] {
    background: #2563eb;
    border-color: #2563eb;
}

.btn-accent[b-cdwh1xw5nq] {
    background: linear-gradient(135deg, var(--warning) 0%, #d97706 100%);
    border: none;
    color: var(--text-inverse);
}

.btn-accent:hover[b-cdwh1xw5nq] {
    background: linear-gradient(135deg, var(--warning-bright) 0%, var(--warning) 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.25);
}

.current-label[b-cdwh1xw5nq] {
    display: block;
    text-align: center;
    font-size: var(--text-sm);
    color: var(--success-light);
    padding: var(--spacing-sm);
    background: var(--success-bg);
    border-radius: var(--radius-lg);
}

.downgrade-label[b-cdwh1xw5nq] {
    display: block;
    text-align: center;
    color: var(--text-muted);
    font-size: var(--text-sm);
}

/* Trust Bar */
.trust-bar[b-cdwh1xw5nq] {
    display: flex;
    justify-content: center;
    gap: var(--spacing-2xl);
    padding: var(--spacing-lg) 0;
    border-top: 1px solid var(--bg-elevated);
    border-bottom: 1px solid var(--bg-elevated);
    margin-bottom: var(--spacing-2xl);
}

.trust-item[b-cdwh1xw5nq] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: var(--text-sm);
    color: var(--text-muted);
}

.trust-item svg[b-cdwh1xw5nq] {
    color: var(--text-40);
}

/* Comparison Details */
.comparison-details[b-cdwh1xw5nq] {
    margin-bottom: var(--spacing-2xl);
}

.comparison-details summary[b-cdwh1xw5nq] {
    cursor: pointer;
    font-size: var(--text-md);
    color: var(--text-muted);
    text-align: center;
    padding: var(--spacing-md);
    transition: color var(--transition-fast);
}

.comparison-details summary:hover[b-cdwh1xw5nq] {
    color: var(--text-secondary);
}

.comparison-details summary[b-cdwh1xw5nq]::-webkit-details-marker {
    display: none;
}

.comparison-details summary[b-cdwh1xw5nq]::before {
    content: '▸ ';
}

.comparison-details[open] summary[b-cdwh1xw5nq]::before {
    content: '▾ ';
}

.comparison-content[b-cdwh1xw5nq] {
    margin-top: var(--spacing-xl);
    padding: var(--spacing-xl);
    background: var(--bg-overlay);
    border-radius: var(--radius-xl);
    border: 1px solid var(--bg-elevated);
}

/* Responsive */
@media (max-width: 800px) {
    .pricing-grid[b-cdwh1xw5nq] {
        grid-template-columns: 1fr;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .plan-card.featured[b-cdwh1xw5nq] {
        order: -1;
    }
    
    .trust-bar[b-cdwh1xw5nq] {
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-md);
    }
}

@media (max-width: 480px) {
    .pricing-page[b-cdwh1xw5nq] {
        padding: var(--spacing-xl) var(--spacing-lg);
    }
    
    .pricing-header h1[b-cdwh1xw5nq] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Subscribers.razor.rz.scp.css */
/* Subscribers Admin Page Styles */

.subscribers-container[b-8328u4elvr] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

/* Header */
.subscribers-header[b-8328u4elvr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.header-content[b-8328u4elvr] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.page-title[b-8328u4elvr] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #f1f5f9;
    margin: 0;
}

.page-subtitle[b-8328u4elvr] {
    color: #94a3b8;
    font-size: 0.875rem;
    margin: 0;
}

.btn-refresh[b-8328u4elvr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.3);
    color: #60a5fa;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-refresh:hover:not(:disabled)[b-8328u4elvr] {
    background: rgba(59, 130, 246, 0.2);
    border-color: rgba(59, 130, 246, 0.5);
}

.btn-refresh:disabled[b-8328u4elvr] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Stats Overview - Revenue Cards */
.stats-overview[b-8328u4elvr] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.stat-card[b-8328u4elvr] {
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(71, 85, 105, 0.3);
    border-radius: 0.75rem;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.stat-card.revenue-total[b-8328u4elvr] {
    border-color: rgba(34, 197, 94, 0.4);
    background: rgba(34, 197, 94, 0.05);
}

.stat-card.revenue-platform[b-8328u4elvr] {
    border-color: rgba(59, 130, 246, 0.4);
    background: rgba(59, 130, 246, 0.05);
}

.stat-card.revenue-agent[b-8328u4elvr] {
    border-color: rgba(139, 92, 246, 0.4);
    background: rgba(139, 92, 246, 0.05);
}

.stat-card.revenue-marketplace[b-8328u4elvr] {
    border-color: rgba(16, 185, 129, 0.4);
    background: rgba(16, 185, 129, 0.05);
}

.stat-card.total[b-8328u4elvr] {
    border-color: rgba(59, 130, 246, 0.3);
}

.stat-card.active[b-8328u4elvr] {
    border-color: rgba(34, 197, 94, 0.3);
}

.stat-card.agents[b-8328u4elvr] {
    border-color: rgba(139, 92, 246, 0.3);
}

.stat-card.marketplace[b-8328u4elvr] {
    border-color: rgba(16, 185, 129, 0.3);
}

.stat-card.inactive[b-8328u4elvr] {
    border-color: rgba(239, 68, 68, 0.3);
}

.stat-icon[b-8328u4elvr] {
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
}

.stat-icon.revenue[b-8328u4elvr] {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: white;
}

.stat-icon.platform[b-8328u4elvr] {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: white;
}

.stat-icon.agent[b-8328u4elvr] {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
    color: white;
}

.stat-icon.marketplace[b-8328u4elvr] {
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
}

.stat-icon i[b-8328u4elvr] {
    font-size: 1.25rem;
}

.stat-content[b-8328u4elvr] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-8328u4elvr] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #f1f5f9;
}

.stat-label[b-8328u4elvr] {
    font-size: 0.75rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Secondary Stats Row */
.stats-secondary[b-8328u4elvr] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.stats-secondary .stat-card[b-8328u4elvr] {
    padding: 1rem;
}

.stats-secondary .stat-icon[b-8328u4elvr] {
    font-size: 1.5rem;
    width: auto;
    height: auto;
    background: none;
}

.stats-secondary .stat-value[b-8328u4elvr] {
    font-size: 1.25rem;
}

.stats-secondary .stat-label[b-8328u4elvr] {
    font-size: 0.65rem;
}

/* Filter Section */
.filter-section[b-8328u4elvr] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
    padding: 1rem;
    background: rgba(30, 41, 59, 0.3);
    border-radius: 0.75rem;
}

.filter-boxes[b-8328u4elvr] {
    display: flex;
    gap: 0.5rem;
}

.filter-box[b-8328u4elvr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem 1.25rem;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(71, 85, 105, 0.3);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
    min-width: 80px;
}

.filter-box:hover[b-8328u4elvr] {
    border-color: rgba(71, 85, 105, 0.6);
    background: rgba(30, 41, 59, 0.7);
}

.filter-box.active[b-8328u4elvr] {
    border-color: rgba(59, 130, 246, 0.5);
    background: rgba(59, 130, 246, 0.1);
}

.filter-box.admin.active[b-8328u4elvr] {
    border-color: rgba(168, 85, 247, 0.5);
    background: rgba(168, 85, 247, 0.1);
}

.filter-box.free.active[b-8328u4elvr] {
    border-color: rgba(148, 163, 184, 0.5);
    background: rgba(148, 163, 184, 0.1);
}

.filter-box.tradeiq.active[b-8328u4elvr] {
    border-color: rgba(59, 130, 246, 0.5);
    background: rgba(59, 130, 246, 0.1);
}

.filter-box.signals.active[b-8328u4elvr] {
    border-color: rgba(34, 197, 94, 0.5);
    background: rgba(34, 197, 94, 0.1);
}

.filter-count[b-8328u4elvr] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #f1f5f9;
}

.filter-label[b-8328u4elvr] {
    font-size: 0.7rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.filter-toggles[b-8328u4elvr] {
    display: flex;
    gap: 1rem;
    margin-left: auto;
}

.toggle-label[b-8328u4elvr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #94a3b8;
    font-size: 0.875rem;
    cursor: pointer;
}

.toggle-label input[type="checkbox"][b-8328u4elvr] {
    width: 1rem;
    height: 1rem;
    accent-color: #3b82f6;
}

.search-box[b-8328u4elvr] {
    width: 250px;
}

.search-box input[b-8328u4elvr] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    background: rgba(15, 23, 42, 0.5);
    border: 1px solid rgba(71, 85, 105, 0.3);
    border-radius: 0.5rem;
    color: #f1f5f9;
    font-size: 0.875rem;
}

.search-box input[b-8328u4elvr]::placeholder {
    color: #64748b;
}

.search-box input:focus[b-8328u4elvr] {
    outline: none;
    border-color: rgba(59, 130, 246, 0.5);
}

/* User Type Filters */
.user-type-filters[b-8328u4elvr] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    background: rgba(30, 41, 59, 0.6);
    border-radius: 8px;
}

.user-type-filters .filter-label[b-8328u4elvr] {
    color: #94a3b8;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
}

.filter-switch-group[b-8328u4elvr] {
    display: flex;
    gap: 0.5rem;
}

.filter-switch[b-8328u4elvr] {
    padding: 0.5rem 1rem;
    background: rgba(51, 65, 85, 0.6);
    border: 1px solid rgba(71, 85, 105, 0.5);
    border-radius: 6px;
    color: #94a3b8;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.filter-switch:hover[b-8328u4elvr] {
    background: rgba(71, 85, 105, 0.6);
    color: #e2e8f0;
}

.filter-switch.active[b-8328u4elvr] {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    border-color: #3b82f6;
    color: white;
}

.filter-switch i[b-8328u4elvr] {
    font-size: 0.75rem;
}

/* Table Container */
.table-container[b-8328u4elvr] {
    background: rgba(30, 41, 59, 0.3);
    border: 1px solid rgba(71, 85, 105, 0.3);
    border-radius: 0.75rem;
    overflow: hidden;
}

.loading-overlay[b-8328u4elvr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
    color: #94a3b8;
}

.empty-state[b-8328u4elvr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 0.5rem;
}

.empty-icon[b-8328u4elvr] {
    font-size: 3rem;
}

.empty-text[b-8328u4elvr] {
    color: #94a3b8;
}

/* Table Styles */
.subscribers-table[b-8328u4elvr] {
    width: 100%;
    border-collapse: collapse;
}

.subscribers-table thead[b-8328u4elvr] {
    background: rgba(15, 23, 42, 0.5);
}

.subscribers-table th[b-8328u4elvr] {
    padding: 1rem;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid rgba(71, 85, 105, 0.3);
}

.subscribers-table th.sortable[b-8328u4elvr] {
    cursor: pointer;
    user-select: none;
}

.subscribers-table th.sortable:hover[b-8328u4elvr] {
    color: #f1f5f9;
}

.subscribers-table td[b-8328u4elvr] {
    padding: 1rem;
    border-bottom: 1px solid rgba(71, 85, 105, 0.2);
    color: #e2e8f0;
    font-size: 0.875rem;
}

.subscribers-table tr:hover[b-8328u4elvr] {
    background: rgba(59, 130, 246, 0.05);
}

.subscribers-table tr.admin-row[b-8328u4elvr] {
    background: rgba(168, 85, 247, 0.05);
}

.subscribers-table tr.admin-row:hover[b-8328u4elvr] {
    background: rgba(168, 85, 247, 0.1);
}

.subscribers-table tr.agent-row[b-8328u4elvr] {
    background: rgba(139, 92, 246, 0.05);
}

.subscribers-table tr.agent-row:hover[b-8328u4elvr] {
    background: rgba(139, 92, 246, 0.1);
}

/* Cell Styles */
.username-cell[b-8328u4elvr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.username[b-8328u4elvr] {
    font-weight: 500;
}

.admin-badge[b-8328u4elvr] {
    font-size: 0.65rem;
    padding: 0.15rem 0.4rem;
    background: rgba(168, 85, 247, 0.2);
    color: #a855f7;
    border-radius: 0.25rem;
    font-weight: 600;
    text-transform: uppercase;
}

.agent-badge[b-8328u4elvr] {
    font-size: 0.65rem;
    padding: 0.15rem 0.4rem;
    background: rgba(139, 92, 246, 0.2);
    color: #8b5cf6;
    border-radius: 0.25rem;
    font-weight: 600;
    text-transform: uppercase;
}

.email-cell[b-8328u4elvr] {
    color: #94a3b8;
}

.duration-cell[b-8328u4elvr] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.joined-date[b-8328u4elvr] {
    font-size: 0.7rem;
    color: #64748b;
}

/* Plan Badges */
.plan-badge[b-8328u4elvr] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.plan-badge.free[b-8328u4elvr] {
    background: rgba(148, 163, 184, 0.15);
    color: #94a3b8;
}

.plan-badge.tradeiq[b-8328u4elvr] {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
}

.plan-badge.signals[b-8328u4elvr] {
    background: rgba(34, 197, 94, 0.15);
    color: #4ade80;
}

/* User Type Badges */
.user-type-badge[b-8328u4elvr] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.user-type-badge.admin[b-8328u4elvr] {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #1c1917;
}

.user-type-badge.agent[b-8328u4elvr] {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
    color: white;
}

.user-type-badge.user[b-8328u4elvr] {
    background: rgba(71, 85, 105, 0.6);
    color: #94a3b8;
}

.user-type-badge i[b-8328u4elvr] {
    font-size: 0.65rem;
}

/* Sub Type Badges */
.sub-type-badge[b-8328u4elvr] {
    display: inline-flex;
    padding: 0.25rem 0.6rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.sub-type-badge.platform[b-8328u4elvr] {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: white;
}

.sub-type-badge.agent-sub[b-8328u4elvr] {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
    color: white;
}

.sub-type-badge.both[b-8328u4elvr] {
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
}

.sub-type-badge.none[b-8328u4elvr] {
    background: rgba(71, 85, 105, 0.4);
    color: #64748b;
}

/* Status Badges */
.status-badges[b-8328u4elvr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.status-badge[b-8328u4elvr] {
    padding: 0.15rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.active[b-8328u4elvr] {
    background: rgba(34, 197, 94, 0.15);
    color: #4ade80;
}

.status-badge.inactive[b-8328u4elvr] {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
}

.status-badge.payment-active[b-8328u4elvr] {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
}

.status-badge.cancelled[b-8328u4elvr] {
    background: rgba(251, 191, 36, 0.15);
    color: #fbbf24;
}

.status-badge.past-due[b-8328u4elvr] {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
}

.status-badge.marketplace-active[b-8328u4elvr] {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

/* Actions */
.actions-cell[b-8328u4elvr] {
    display: flex;
    gap: 0.5rem;
}

.btn-action[b-8328u4elvr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.375rem;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s;
    background: transparent;
}

.btn-action.cancel[b-8328u4elvr] {
    color: #fbbf24;
    background: rgba(251, 191, 36, 0.1);
    border-color: rgba(251, 191, 36, 0.3);
}

.btn-action.cancel:hover:not(:disabled)[b-8328u4elvr] {
    background: rgba(251, 191, 36, 0.2);
    border-color: rgba(251, 191, 36, 0.5);
}

.btn-action.delete[b-8328u4elvr] {
    color: #f87171;
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
}

.btn-action.delete:hover:not(:disabled)[b-8328u4elvr] {
    background: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.5);
}

.btn-action:disabled[b-8328u4elvr] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Pagination */
.pagination[b-8328u4elvr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
}

.btn-page[b-8328u4elvr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(71, 85, 105, 0.3);
    color: #94a3b8;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-page:hover:not(:disabled)[b-8328u4elvr] {
    background: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.3);
    color: #60a5fa;
}

.btn-page:disabled[b-8328u4elvr] {
    opacity: 0.3;
    cursor: not-allowed;
}

.page-info[b-8328u4elvr] {
    padding: 0 1rem;
    color: #94a3b8;
    font-size: 0.875rem;
}

/* Modal */
.modal-overlay[b-8328u4elvr] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    backdrop-filter: blur(4px);
}

.modal-content[b-8328u4elvr] {
    background: #1e293b;
    border: 1px solid rgba(71, 85, 105, 0.3);
    border-radius: 0.75rem;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

.modal-header[b-8328u4elvr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(71, 85, 105, 0.3);
}

.modal-header h3[b-8328u4elvr] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #f1f5f9;
}

.modal-close[b-8328u4elvr] {
    background: transparent;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    font-size: 1.25rem;
    padding: 0.25rem;
    line-height: 1;
}

.modal-close:hover[b-8328u4elvr] {
    color: #f1f5f9;
}

.modal-body[b-8328u4elvr] {
    padding: 1.25rem;
}

.modal-body p[b-8328u4elvr] {
    margin: 0 0 1rem;
    color: #94a3b8;
    font-size: 0.875rem;
    line-height: 1.5;
}

.user-preview[b-8328u4elvr] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.75rem;
    background: rgba(15, 23, 42, 0.5);
    border-radius: 0.5rem;
}

.user-preview strong[b-8328u4elvr] {
    color: #f1f5f9;
}

.user-preview span[b-8328u4elvr] {
    color: #94a3b8;
    font-size: 0.875rem;
}

.modal-footer[b-8328u4elvr] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid rgba(71, 85, 105, 0.3);
}

.btn-secondary[b-8328u4elvr] {
    padding: 0.5rem 1rem;
    background: rgba(71, 85, 105, 0.3);
    border: 1px solid rgba(71, 85, 105, 0.3);
    color: #94a3b8;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    transition: all 0.2s;
}

.btn-secondary:hover[b-8328u4elvr] {
    background: rgba(71, 85, 105, 0.5);
    color: #f1f5f9;
}

.btn-danger[b-8328u4elvr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(239, 68, 68, 0.2);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #f87171;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    transition: all 0.2s;
}

.btn-danger:hover:not(:disabled)[b-8328u4elvr] {
    background: rgba(239, 68, 68, 0.3);
    border-color: rgba(239, 68, 68, 0.5);
}

.btn-danger:disabled[b-8328u4elvr] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Toast */
.toast[b-8328u4elvr] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    z-index: 1100;
    animation: slideIn-b-8328u4elvr 0.3s ease;
}

.toast.success[b-8328u4elvr] {
    background: rgba(34, 197, 94, 0.9);
    color: white;
}

.toast.error[b-8328u4elvr] {
    background: rgba(239, 68, 68, 0.9);
    color: white;
}

@keyframes slideIn-b-8328u4elvr {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Spinners */
.spinner[b-8328u4elvr] {
    width: 2rem;
    height: 2rem;
    border: 2px solid rgba(59, 130, 246, 0.3);
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-8328u4elvr 0.8s linear infinite;
}

.spinner-sm[b-8328u4elvr] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(59, 130, 246, 0.3);
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-8328u4elvr 0.8s linear infinite;
}

.spinner-xs[b-8328u4elvr] {
    width: 0.75rem;
    height: 0.75rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-8328u4elvr 0.8s linear infinite;
}

@keyframes spin-b-8328u4elvr {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive */
@media (max-width: 1400px) {
    .stats-overview[b-8328u4elvr] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .stats-secondary[b-8328u4elvr] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1200px) {
    .stats-overview[b-8328u4elvr] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .stats-secondary[b-8328u4elvr] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .user-type-filters[b-8328u4elvr] {
        flex-wrap: wrap;
    }
    
    .filter-switch-group[b-8328u4elvr] {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .subscribers-header[b-8328u4elvr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .stats-overview[b-8328u4elvr] {
        grid-template-columns: 1fr;
    }
    
    .stats-secondary[b-8328u4elvr] {
        grid-template-columns: 1fr;
    }
    
    .filter-section[b-8328u4elvr] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-boxes[b-8328u4elvr] {
        flex-wrap: wrap;
    }
    
    .filter-toggles[b-8328u4elvr] {
        margin-left: 0;
    }
    
    .search-box[b-8328u4elvr] {
        width: 100%;
    }
    
    .user-type-filters[b-8328u4elvr] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .filter-switch-group[b-8328u4elvr] {
        width: 100%;
    }
    
    .filter-switch[b-8328u4elvr] {
        flex: 1;
        justify-content: center;
    }
    
    .subscribers-table[b-8328u4elvr] {
        display: block;
        overflow-x: auto;
    }
}
/* /Components/Pages/TechnicalReview.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   TECHNICAL REVIEW - PREMIUM TRADING TERMINAL DESIGN
   Professional stock market interface with compact, data-dense layout
   ═══════════════════════════════════════════════════════════════════════════ */

/* ===== CSS CUSTOM PROPERTIES ===== */
:root[b-xo3ye2runz] {
    --terminal-bg: #0a0e14;
    --terminal-surface: #0d1117;
    --terminal-elevated: #141b22;
    --terminal-border: rgba(48, 54, 61, 0.6);
    --terminal-border-light: rgba(48, 54, 61, 0.3);
    --accent-cyan: #00e5cc;
    --accent-blue: #58a6ff;
    --accent-green: #3fb950;
    --accent-red: #f85149;
    --accent-yellow: #d29922;
    --accent-purple: #a371f7;
    --text-primary: #e6edf3;
    --text-secondary: #8b949e;
    --text-muted: #6e7681;
    --font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace;
}

/* ===== MAIN CONTAINER ===== */
.technical-review-container[b-xo3ye2runz] {
    padding: 0.75rem 1rem;
    max-width: 1800px;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ===== ACCESS CONTROL STYLES ===== */
.access-denied-banner[b-xo3ye2runz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    background: linear-gradient(135deg, rgba(248, 81, 73, 0.1), rgba(248, 81, 73, 0.05));
    border: 1px solid rgba(248, 81, 73, 0.3);
    border-radius: 8px;
    padding: 1.5rem;
    margin: 1rem auto;
    max-width: 550px;
    text-align: center;
}

.access-denied-banner .banner-icon[b-xo3ye2runz] { font-size: 2rem; }

.access-denied-banner h2[b-xo3ye2runz] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--accent-red);
    margin: 0;
}

.access-denied-banner p[b-xo3ye2runz] {
    color: var(--text-secondary);
    margin: 0;
    font-size: 0.85rem;
}

.access-denied-banner strong[b-xo3ye2runz] { color: var(--accent-red); }

.access-denied-banner .demo-stock-name[b-xo3ye2runz] {
    color: var(--accent-green);
    font-weight: 600;
    font-family: var(--font-mono);
}

.access-denied-banner .action-buttons[b-xo3ye2runz] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.access-denied-banner .btn[b-xo3ye2runz] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.8rem;
    text-decoration: none;
    transition: all 0.15s ease;
}

.access-denied-banner .btn-success[b-xo3ye2runz] {
    background: rgba(63, 185, 80, 0.15);
    border: 1px solid rgba(63, 185, 80, 0.3);
    color: var(--accent-green);
}

.access-denied-banner .btn-success:hover[b-xo3ye2runz] {
    background: rgba(63, 185, 80, 0.25);
    border-color: var(--accent-green);
}

.access-denied-banner .btn-outline-warning[b-xo3ye2runz],
.access-denied-banner .btn-warning[b-xo3ye2runz] {
    background: linear-gradient(135deg, var(--accent-cyan), #00b8a3);
    border: none;
    color: #0a0e14;
}

.access-denied-banner .btn-outline-warning:hover[b-xo3ye2runz],
.access-denied-banner .btn-warning:hover[b-xo3ye2runz] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 229, 204, 0.25);
}

/* Demo Banner */
.demo-mode-banner[b-xo3ye2runz] {
    background: linear-gradient(135deg, rgba(210, 153, 34, 0.1), rgba(210, 153, 34, 0.05));
    border: 1px solid rgba(210, 153, 34, 0.3);
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.demo-mode-content[b-xo3ye2runz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.demo-mode-icon[b-xo3ye2runz] { font-size: 1rem; }

.demo-mode-text[b-xo3ye2runz] {
    color: var(--text-primary);
    font-size: 0.75rem;
}

.demo-mode-text strong[b-xo3ye2runz] { color: var(--accent-yellow); }

.demo-stock-name[b-xo3ye2runz] {
    background: rgba(210, 153, 34, 0.2);
    color: var(--accent-yellow);
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    font-weight: 600;
    font-family: var(--font-mono);
}

.demo-upgrade-link[b-xo3ye2runz] {
    color: var(--accent-cyan);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.75rem;
}

.demo-upgrade-link:hover[b-xo3ye2runz] { text-decoration: underline; }

.demo-badge[b-xo3ye2runz] {
    display: inline-block;
    background: linear-gradient(135deg, var(--accent-green), #6fdd8b);
    color: #0a0e14;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ===== HEADER - COMPACT TRADING TERMINAL STYLE ===== */
.review-header[b-xo3ye2runz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--terminal-border);
}

.header-left[b-xo3ye2runz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.review-title[b-xo3ye2runz] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.review-title i[b-xo3ye2runz] {
    color: var(--accent-purple);
    font-size: 0.9rem;
}

.symbol-badge[b-xo3ye2runz] {
    background: var(--accent-purple);
    color: white;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-family: var(--font-mono);
}

.header-right[b-xo3ye2runz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.current-price[b-xo3ye2runz] {
    display: flex;
    align-items: center;
}

.price-value[b-xo3ye2runz] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-primary);
    font-family: var(--font-mono);
}

.header-timestamp[b-xo3ye2runz] {
    font-size: 0.7rem;
    color: var(--text-muted);
    font-family: var(--font-mono);
}

/* AI Button - Compact Terminal Style */
.ai-btn[b-xo3ye2runz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    border: 1px solid var(--terminal-border);
    background: var(--terminal-surface);
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
}

.ai-btn:hover:not(:disabled)[b-xo3ye2runz] {
    border-color: var(--accent-purple);
    background: var(--terminal-elevated);
}

.ai-btn:disabled[b-xo3ye2runz] {
    opacity: 0.6;
    cursor: not-allowed;
}

.ai-btn .ai-icon[b-xo3ye2runz] { font-size: 1.1rem; }

.ai-btn.tech-ai-btn:hover:not(:disabled)[b-xo3ye2runz] {
    border-color: var(--accent-purple);
}

.ai-btn-new[b-xo3ye2runz] {
    border-color: var(--text-muted);
    background: rgba(107, 114, 128, 0.1);
}

.ai-btn-fresh[b-xo3ye2runz] {
    border-color: rgba(163, 113, 247, 0.5);
    background: rgba(163, 113, 247, 0.1);
}

.ai-btn-aging[b-xo3ye2runz] {
    border-color: rgba(210, 153, 34, 0.5);
    background: rgba(210, 153, 34, 0.1);
}

.ai-btn-stale[b-xo3ye2runz] {
    border-color: rgba(248, 81, 73, 0.5);
    background: rgba(248, 81, 73, 0.1);
}

.ai-status[b-xo3ye2runz] {
    position: absolute;
    bottom: -2px;
    right: -2px;
    font-size: 0.55rem;
    font-weight: 700;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--terminal-surface);
    border: 1px solid;
}

.ai-status-buy[b-xo3ye2runz] {
    color: var(--accent-green);
    border-color: var(--accent-green);
    background: rgba(63, 185, 80, 0.2);
}

.ai-status-sell[b-xo3ye2runz] {
    color: var(--accent-red);
    border-color: var(--accent-red);
    background: rgba(248, 81, 73, 0.2);
}

.ai-status-neutral[b-xo3ye2runz] {
    color: var(--text-secondary);
    border-color: var(--text-secondary);
    background: rgba(139, 148, 158, 0.2);
}

.ai-btn .spinner-border-sm[b-xo3ye2runz] {
    width: 0.9rem;
    height: 0.9rem;
    border-width: 2px;
    color: var(--accent-purple);
}

/* Loading State */
.loading-state[b-xo3ye2runz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    color: var(--text-secondary);
}

/* ===== STATS ROW - COMPACT DATA GRID ===== */
.stats-row[b-xo3ye2runz] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.stat-card[b-xo3ye2runz] {
    background: var(--terminal-elevated);
    border: 1px solid var(--terminal-border);
    border-radius: 8px;
    padding: 0.6rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.15s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.stat-card:hover[b-xo3ye2runz] {
    border-color: rgba(0, 229, 204, 0.3);
    background: rgba(20, 27, 34, 0.9);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.stat-icon[b-xo3ye2runz] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.icon-text[b-xo3ye2runz] {
    font-size: 1.1rem;
    line-height: 1;
}

.stat-icon.reversal[b-xo3ye2runz] {
    background: rgba(88, 166, 255, 0.12);
    color: var(--accent-blue);
}

.stat-icon.trend[b-xo3ye2runz] {
    background: rgba(63, 185, 80, 0.12);
    color: var(--accent-green);
}

.stat-icon.zone[b-xo3ye2runz] {
    background: rgba(210, 153, 34, 0.12);
    color: var(--accent-yellow);
}

.stat-icon.confidence[b-xo3ye2runz] {
    background: rgba(163, 113, 247, 0.12);
    color: var(--accent-purple);
}

.stat-icon.confidence.buy-direction[b-xo3ye2runz] {
    background: rgba(63, 185, 80, 0.12);
    color: var(--accent-green);
}

.stat-icon.confidence.sell-direction[b-xo3ye2runz] {
    background: rgba(248, 81, 73, 0.12);
    color: var(--accent-red);
}

.stat-content[b-xo3ye2runz] { flex: 1; }

.stat-label[b-xo3ye2runz] {
    font-size: 0.6rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.1rem;
}

.stat-value[b-xo3ye2runz] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    font-family: var(--font-mono);
    line-height: 1.2;
}

.stat-hint[b-xo3ye2runz] {
    font-size: 0.6rem;
    color: var(--text-muted);
    margin-top: 0.1rem;
    font-family: var(--font-mono);
}

/* ===== CONTENT GRID ===== */
.content-grid[b-xo3ye2runz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* ===== SECTION STYLING ===== */
.section[b-xo3ye2runz] {
    background: var(--terminal-elevated);
    border: 1px solid rgba(48, 54, 61, 0.8);
    border-radius: 10px;
    padding: 0.85rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    margin-bottom: 0.75rem;
}

.reversal-section[b-xo3ye2runz] {
    border-left: 4px solid var(--accent-blue);
    background: linear-gradient(135deg, rgba(88, 166, 255, 0.03), var(--terminal-elevated));
}

.decision-maker-section[b-xo3ye2runz] {
    border-left: 4px solid var(--accent-purple);
    background: linear-gradient(135deg, rgba(163, 113, 247, 0.03), var(--terminal-elevated));
}

.section-title[b-xo3ye2runz] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.6rem 0;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.section-title i[b-xo3ye2runz] {
    font-size: 0.75rem;
}

.reversal-section .section-title i[b-xo3ye2runz] { color: var(--accent-blue); }
.decision-maker-section .section-title i[b-xo3ye2runz] { color: var(--accent-purple); }

/* Section Badge */
.section-badge[b-xo3ye2runz] {
    margin-left: auto;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.section-badge.bullish[b-xo3ye2runz] {
    background: rgba(63, 185, 80, 0.15);
    color: var(--accent-green);
}

.section-badge.bearish[b-xo3ye2runz] {
    background: rgba(248, 81, 73, 0.15);
    color: var(--accent-red);
}

.section-badge.neutral[b-xo3ye2runz] {
    background: rgba(210, 153, 34, 0.15);
    color: var(--accent-yellow);
}

/* Collapsible Header */
.collapsible-header[b-xo3ye2runz] {
    cursor: pointer;
    user-select: none;
    transition: background 0.15s ease;
    padding: 0.35rem 0.5rem;
    margin: -0.35rem -0.5rem 0.5rem -0.5rem;
    border-radius: 6px;
}

.collapsible-header:hover[b-xo3ye2runz] {
    background: rgba(255, 255, 255, 0.03);
}

.collapsible-header .title-content[b-xo3ye2runz] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.collapsible-header .header-right-content[b-xo3ye2runz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
}

.collapse-toggle[b-xo3ye2runz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    background: rgba(88, 166, 255, 0.1);
    border: 1px solid rgba(88, 166, 255, 0.2);
    color: var(--accent-blue);
    transition: all 0.15s ease;
}

.collapse-toggle i[b-xo3ye2runz] {
    font-size: 0.7rem;
    color: var(--accent-blue);
}

.collapsible-header:hover .collapse-toggle[b-xo3ye2runz] {
    background: rgba(88, 166, 255, 0.2);
    border-color: var(--accent-blue);
}

/* ===== REVERSAL SUMMARY - COMPACT ===== */
.reversal-summary[b-xo3ye2runz] {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 0.65rem;
    margin-bottom: 0.65rem;
    border: 1px solid rgba(48, 54, 61, 0.5);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.summary-row[b-xo3ye2runz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.summary-stat[b-xo3ye2runz] {
    text-align: center;
    padding: 0.35rem;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}

.stat-num[b-xo3ye2runz] {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    font-family: var(--font-mono);
    margin-bottom: 0.1rem;
}

.stat-num.triggered-high[b-xo3ye2runz] { color: var(--accent-green); }
.stat-num.triggered-medium[b-xo3ye2runz] { color: var(--accent-yellow); }
.stat-num.triggered-low[b-xo3ye2runz] { color: var(--text-secondary); }
.stat-num.bullish-count[b-xo3ye2runz] { color: var(--accent-green); }
.stat-num.bearish-count[b-xo3ye2runz] { color: var(--accent-red); }

.stat-desc[b-xo3ye2runz] {
    font-size: 0.55rem;
    color: var(--text-secondary);
    display: block;
}

/* ===== BIAS METER - PREMIUM GAUGE ===== */
.bias-meter[b-xo3ye2runz] {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    padding: 0.6rem;
    border: 1px solid rgba(48, 54, 61, 0.5);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bias-label[b-xo3ye2runz] {
    font-size: 0.55rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.35rem;
    text-align: center;
    font-weight: 600;
}

.bias-scale[b-xo3ye2runz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.bias-end[b-xo3ye2runz] {
    font-size: 0.5rem;
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
}

.bias-end.bearish[b-xo3ye2runz] { color: var(--accent-red); }
.bias-end.bullish[b-xo3ye2runz] { color: var(--accent-green); }

.bias-bar[b-xo3ye2runz] {
    flex: 1;
    height: 10px;
    background: linear-gradient(
        to right,
        #ef4444 0%,
        #f97316 20%,
        #fbbf24 35%,
        #6b7280 50%,
        #a3e635 65%,
        #22c55e 80%,
        #10b981 100%
    );
    border-radius: 5px;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

.bias-marker[b-xo3ye2runz] {
    position: absolute;
    top: -5px;
    height: 0;
    width: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid var(--accent-cyan);
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.5));
    transform: translateX(-7px);
    transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
}

.bias-marker[b-xo3ye2runz]::after {
    content: '';
    position: absolute;
    top: -14px;
    left: -4px;
    width: 8px;
    height: 8px;
    background: var(--accent-cyan);
    border-radius: 50%;
    box-shadow: 0 0 6px var(--accent-cyan);
}

.bias-verdict[b-xo3ye2runz] {
    text-align: center;
    font-size: 0.7rem;
    font-weight: 600;
    margin-top: 0.35rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.bias-verdict.strong-bullish[b-xo3ye2runz] {
    background: rgba(63, 185, 80, 0.15);
    color: var(--accent-green);
}

.bias-verdict.bullish[b-xo3ye2runz] {
    background: rgba(134, 239, 172, 0.1);
    color: #6fdd8b;
}

.bias-verdict.strong-bearish[b-xo3ye2runz] {
    background: rgba(248, 81, 73, 0.15);
    color: var(--accent-red);
}

.bias-verdict.bearish[b-xo3ye2runz] {
    background: rgba(255, 161, 152, 0.1);
    color: #ffa198;
}

.bias-verdict.neutral[b-xo3ye2runz] {
    background: rgba(139, 148, 158, 0.1);
    color: var(--text-secondary);
}

/* ===== REVERSAL INDICATORS GRID - COMPACT ===== */
.reversal-indicators-grid[b-xo3ye2runz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}

.reversal-indicators-grid.collapsed[b-xo3ye2runz] {
    display: none;
}

.reversal-indicator[b-xo3ye2runz] {
    background: var(--terminal-elevated);
    border: 1px solid rgba(48, 54, 61, 0.7);
    border-radius: 8px;
    padding: 0.5rem 0.6rem;
    transition: all 0.15s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.reversal-indicator:hover[b-xo3ye2runz] {
    border-color: rgba(88, 166, 255, 0.3);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}

.reversal-indicator.triggered[b-xo3ye2runz] {
    border-color: rgba(88, 166, 255, 0.5);
    background: linear-gradient(135deg, rgba(88, 166, 255, 0.08), var(--terminal-elevated));
    box-shadow: 0 2px 10px rgba(88, 166, 255, 0.15), inset 0 1px 0 rgba(88, 166, 255, 0.1);
}

.indicator-header[b-xo3ye2runz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.2rem;
}

.indicator-name[b-xo3ye2runz] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.7rem;
}

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

.info-btn[b-xo3ye2runz] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 0.1rem;
    border-radius: 3px;
    transition: all 0.15s ease;
    font-size: 0.7rem;
}

.info-btn:hover[b-xo3ye2runz] {
    color: var(--accent-blue);
    background: rgba(88, 166, 255, 0.1);
}

.indicator-signal-badge[b-xo3ye2runz] {
    font-size: 0.5rem;
    font-weight: 600;
    padding: 0.1rem 0.25rem;
    border-radius: 3px;
    white-space: nowrap;
}

.indicator-signal-badge.strong-buy[b-xo3ye2runz] {
    background: rgba(63, 185, 80, 0.2);
    color: var(--accent-green);
}

.indicator-signal-badge.buy[b-xo3ye2runz] {
    background: rgba(134, 239, 172, 0.15);
    color: #6fdd8b;
}

.indicator-signal-badge.strong-sell[b-xo3ye2runz] {
    background: rgba(248, 81, 73, 0.2);
    color: var(--accent-red);
}

.indicator-signal-badge.sell[b-xo3ye2runz] {
    background: rgba(255, 161, 152, 0.15);
    color: #ffa198;
}

.indicator-signal-badge.neutral[b-xo3ye2runz] {
    background: rgba(139, 148, 158, 0.1);
    color: var(--text-secondary);
}

.indicator-signal-badge.signal[b-xo3ye2runz] {
    background: rgba(88, 166, 255, 0.15);
    color: var(--accent-blue);
}

.indicator-current-value[b-xo3ye2runz] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--accent-cyan);
    margin-bottom: 0.2rem;
    font-family: var(--font-mono);
}

/* Indicator Scale Container */
.indicator-scale-container[b-xo3ye2runz] {
    margin-top: 0.2rem;
}

.scale-labels[b-xo3ye2runz] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.1rem;
}

.scale-label[b-xo3ye2runz] {
    font-size: 0.45rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

.scale-label.sell[b-xo3ye2runz] { color: var(--accent-red); }
.scale-label.buy[b-xo3ye2runz] { color: var(--accent-green); }

.indicator-lean-bar[b-xo3ye2runz] {
    height: 8px;
    background: linear-gradient(
        to right,
        #10b981 0%,
        #22c55e 20%,
        #a3e635 35%,
        #6b7280 50%,
        #fbbf24 65%,
        #f97316 80%,
        #ef4444 100%
    );
    border-radius: 4px;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

.lean-fill[b-xo3ye2runz] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: #00e5cc;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0, 229, 204, 0.8), 0 2px 4px rgba(0, 0, 0, 0.4);
    transition: left 0.3s ease;
    z-index: 2;
}

/* Remove the ::after since we're using a circle marker now */
.lean-fill[b-xo3ye2runz]::after {
    display: none;
}

.scale-range[b-xo3ye2runz] {
    display: flex;
    justify-content: space-between;
    margin-top: 0.15rem;
}

.range-label[b-xo3ye2runz] {
    font-size: 0.45rem;
    color: var(--text-muted);
}

.range-label.left[b-xo3ye2runz] { color: var(--accent-green); }
.range-label.right[b-xo3ye2runz] { color: var(--accent-red); }

/* ===== DECISION MAKER SECTION ===== */
.decision-maker-grid[b-xo3ye2runz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    transition: all 0.3s ease;
}

.decision-maker-grid.collapsed[b-xo3ye2runz] {
    display: none;
}

.decision-card[b-xo3ye2runz] {
    background: var(--terminal-elevated);
    border: 1px solid rgba(48, 54, 61, 0.8);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.decision-card-header[b-xo3ye2runz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.7rem;
    background: rgba(0, 0, 0, 0.35);
    border-bottom: 1px solid rgba(48, 54, 61, 0.6);
}

.decision-icon[b-xo3ye2runz] { font-size: 1rem; }

.decision-title[b-xo3ye2runz] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.75rem;
    flex: 1;
}

.decision-badge[b-xo3ye2runz] {
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    font-size: 0.55rem;
    font-weight: 700;
    text-transform: uppercase;
}

.decision-card-body[b-xo3ye2runz] {
    padding: 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Decision Metric */
.decision-metric[b-xo3ye2runz] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    padding: 0.5rem;
}

.metric-header[b-xo3ye2runz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.35rem;
}

.metric-name[b-xo3ye2runz] {
    font-size: 0.65rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.metric-value[b-xo3ye2runz] {
    font-size: 0.75rem;
    font-weight: 700;
    font-family: var(--font-mono);
}

.metric-value.strong[b-xo3ye2runz] { color: var(--accent-green); }
.metric-value.moderate[b-xo3ye2runz] { color: var(--accent-yellow); }
.metric-value.weak[b-xo3ye2runz] { color: var(--text-muted); }

.metric-bar-container[b-xo3ye2runz] {
    margin-bottom: 0.25rem;
}

.metric-bar[b-xo3ye2runz] {
    height: 10px;
    background: linear-gradient(to right, #6b7280 0%, #d29922 50%, #3fb950 100%);
    border-radius: 5px;
    position: relative;
    overflow: visible;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

.metric-bar.adx-bar[b-xo3ye2runz] {
    background: linear-gradient(to right, #6b7280 0%, #d29922 50%, #3fb950 100%);
}

.metric-bar.zone-bar[b-xo3ye2runz] {
    background: linear-gradient(to right, #f85149 0%, #d29922 50%, #3fb950 100%);
}

.metric-fill[b-xo3ye2runz] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    background: #00e5cc;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0, 229, 204, 0.8), 0 2px 4px rgba(0, 0, 0, 0.4);
    transition: left 0.3s ease;
    z-index: 2;
}

/* Remove ::after since we're using circle marker styling */
.metric-fill[b-xo3ye2runz]::after {
    display: none;
}

.metric-zones[b-xo3ye2runz] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    font-size: 0.5rem;
    color: var(--text-muted);
    margin-top: 0.15rem;
}

.zone-weak[b-xo3ye2runz] { color: var(--text-muted); }
.zone-moderate[b-xo3ye2runz] { color: var(--accent-yellow); }
.zone-strong[b-xo3ye2runz] { color: var(--accent-green); }

.metric-interpretation[b-xo3ye2runz] {
    font-size: 0.65rem;
    color: var(--text-secondary);
    text-align: center;
    padding: 0.25rem;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin-top: 0.35rem;
}

/* MA Alignment Grid */
.ma-alignment-grid[b-xo3ye2runz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.25rem;
}

.ma-check[b-xo3ye2runz] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.35rem;
    border-radius: 4px;
    font-size: 0.6rem;
    background: rgba(0, 0, 0, 0.2);
}

.ma-check.bullish[b-xo3ye2runz] {
    background: rgba(63, 185, 80, 0.08);
    border: 1px solid rgba(63, 185, 80, 0.2);
}

.ma-check.bullish i[b-xo3ye2runz] { color: var(--accent-green); }

.ma-check.bearish[b-xo3ye2runz] {
    background: rgba(248, 81, 73, 0.08);
    border: 1px solid rgba(248, 81, 73, 0.2);
}

.ma-check.bearish i[b-xo3ye2runz] { color: var(--accent-red); }

.ma-check span[b-xo3ye2runz] {
    color: var(--text-secondary);
    font-family: var(--font-mono);
    font-size: 0.55rem;
}

/* Score Breakdown */
.score-breakdown .score-items[b-xo3ye2runz] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.score-item[b-xo3ye2runz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0;
    border-bottom: 1px dashed var(--terminal-border-light);
}

.score-item:last-child[b-xo3ye2runz] { border-bottom: none; }

.score-label[b-xo3ye2runz] {
    font-size: 0.65rem;
    color: var(--text-secondary);
}

.score-value[b-xo3ye2runz] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-primary);
    font-family: var(--font-mono);
}

/* Decision Impact */
.decision-impact[b-xo3ye2runz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.5rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.7rem;
    text-align: center;
}

.decision-impact i[b-xo3ye2runz] { font-size: 0.9rem; }

.decision-impact.impact-bullish[b-xo3ye2runz] {
    background: rgba(63, 185, 80, 0.1);
    color: var(--accent-green);
    border: 1px solid rgba(63, 185, 80, 0.25);
}

.decision-impact.impact-bearish[b-xo3ye2runz] {
    background: rgba(248, 81, 73, 0.1);
    color: var(--accent-red);
    border: 1px solid rgba(248, 81, 73, 0.25);
}

.decision-impact.impact-neutral[b-xo3ye2runz] {
    background: rgba(139, 148, 158, 0.1);
    color: var(--text-secondary);
    border: 1px solid rgba(139, 148, 158, 0.25);
}

.decision-impact.impact-weak[b-xo3ye2runz] {
    background: rgba(210, 153, 34, 0.1);
    color: var(--accent-yellow);
    border: 1px solid rgba(210, 153, 34, 0.25);
}

/* Zone Bar Styles */
.metric-fill.zone-bullish[b-xo3ye2runz] {
    background: linear-gradient(to right, var(--accent-green), #6fdd8b);
}

.metric-fill.zone-bearish[b-xo3ye2runz] {
    background: linear-gradient(to right, #dc2626, var(--accent-red));
}

.metric-fill.zone-neutral[b-xo3ye2runz] {
    background: linear-gradient(to right, var(--text-muted), var(--text-secondary));
}

/* S/R Position Visual */
.sr-position-visual[b-xo3ye2runz] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    padding: 0.5rem;
}

.sr-range-bar[b-xo3ye2runz] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.25rem;
}

.sr-range-bar .sr-label[b-xo3ye2runz] {
    font-size: 0.5rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.sr-range-bar .sr-label.support[b-xo3ye2runz] { color: var(--accent-green); }
.sr-range-bar .sr-label.resistance[b-xo3ye2runz] { color: var(--accent-red); }

.sr-bar-fill[b-xo3ye2runz] {
    flex: 1;
    height: 10px;
    background: linear-gradient(to right, var(--accent-green), var(--accent-yellow) 50%, var(--accent-red));
    border-radius: 5px;
    position: relative;
}

.price-position-marker[b-xo3ye2runz] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: white;
    border: 2px solid var(--accent-cyan);
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.sr-values[b-xo3ye2runz] {
    display: flex;
    justify-content: space-between;
    font-size: 0.55rem;
    color: var(--text-muted);
    font-family: var(--font-mono);
}

.sr-value.support[b-xo3ye2runz] { color: var(--accent-green); font-weight: 600; }
.sr-value.price[b-xo3ye2runz] { color: var(--accent-cyan); font-weight: 700; }
.sr-value.resistance[b-xo3ye2runz] { color: var(--accent-red); font-weight: 600; }

/* ===== COMBINED DECISION SUMMARY ===== */
.combined-decision-summary[b-xo3ye2runz] {
    margin-top: 0.65rem;
    background: var(--terminal-elevated);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(163, 113, 247, 0.3);
    box-shadow: 0 4px 16px rgba(163, 113, 247, 0.08), 0 2px 8px rgba(0, 0, 0, 0.25);
}

.combined-decision-summary.collapsed[b-xo3ye2runz] {
    display: none;
}

.combined-header[b-xo3ye2runz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.6rem;
    background: rgba(163, 113, 247, 0.08);
    border-bottom: 1px solid rgba(163, 113, 247, 0.2);
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.75rem;
}

.combined-header i[b-xo3ye2runz] {
    color: var(--accent-purple);
    font-size: 0.85rem;
}

.combined-content[b-xo3ye2runz] {
    padding: 0.6rem;
}

.decision-factors[b-xo3ye2runz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    margin-bottom: 0.6rem;
}

.factor[b-xo3ye2runz] {
    text-align: center;
    padding: 0.5rem;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid var(--terminal-border);
}

.factor-label[b-xo3ye2runz] {
    display: block;
    font-size: 0.55rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 0.2rem;
}

.factor-value[b-xo3ye2runz] {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
}

.factor.factor-bullish[b-xo3ye2runz] {
    border-color: rgba(63, 185, 80, 0.25);
    background: rgba(63, 185, 80, 0.06);
}

.factor.factor-bullish .factor-value[b-xo3ye2runz] { color: var(--accent-green); }

.factor.factor-bearish[b-xo3ye2runz] {
    border-color: rgba(248, 81, 73, 0.25);
    background: rgba(248, 81, 73, 0.06);
}

.factor.factor-bearish .factor-value[b-xo3ye2runz] { color: var(--accent-red); }

.factor.factor-neutral[b-xo3ye2runz] {
    border-color: rgba(139, 148, 158, 0.25);
    background: rgba(139, 148, 158, 0.06);
}

.factor.factor-neutral .factor-value[b-xo3ye2runz] { color: var(--text-secondary); }

/* Final Verdict */
.final-verdict[b-xo3ye2runz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    font-size: 0.85rem;
}

.verdict-label[b-xo3ye2runz] {
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.8;
}

.verdict-value[b-xo3ye2runz] {
    font-size: 1rem;
    font-weight: 700;
}

.final-verdict.verdict-bullish[b-xo3ye2runz] {
    background: linear-gradient(135deg, rgba(63, 185, 80, 0.15), rgba(34, 197, 94, 0.08));
    border: 2px solid rgba(63, 185, 80, 0.4);
    color: var(--accent-green);
}

.final-verdict.verdict-lean-bullish[b-xo3ye2runz] {
    background: rgba(134, 239, 172, 0.08);
    border: 1px solid rgba(134, 239, 172, 0.25);
    color: #6fdd8b;
}

.final-verdict.verdict-bearish[b-xo3ye2runz] {
    background: linear-gradient(135deg, rgba(248, 81, 73, 0.15), rgba(239, 68, 68, 0.08));
    border: 2px solid rgba(248, 81, 73, 0.4);
    color: var(--accent-red);
}

.final-verdict.verdict-lean-bearish[b-xo3ye2runz] {
    background: rgba(255, 161, 152, 0.08);
    border: 1px solid rgba(255, 161, 152, 0.25);
    color: #ffa198;
}

.final-verdict.verdict-neutral[b-xo3ye2runz] {
    background: rgba(139, 148, 158, 0.08);
    border: 1px solid rgba(139, 148, 158, 0.25);
    color: var(--text-secondary);
}

/* ===== SUMMARY SECTION ===== */
.summary-section[b-xo3ye2runz] {
    margin-top: 0.75rem;
}

.summary-grid[b-xo3ye2runz] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 0.5rem;
}

.summary-card[b-xo3ye2runz] {
    background: var(--terminal-surface);
    border: 1px solid var(--terminal-border);
    border-radius: 8px;
    padding: 0.75rem;
}

.signal-card[b-xo3ye2runz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.signal-card.buy[b-xo3ye2runz] {
    border-color: rgba(63, 185, 80, 0.4);
    background: linear-gradient(to bottom, rgba(63, 185, 80, 0.08), var(--terminal-surface));
}

.signal-card.sell[b-xo3ye2runz] {
    border-color: rgba(248, 81, 73, 0.4);
    background: linear-gradient(to bottom, rgba(248, 81, 73, 0.08), var(--terminal-surface));
}

.signal-card.neutral[b-xo3ye2runz] {
    border-color: rgba(210, 153, 34, 0.4);
    background: linear-gradient(to bottom, rgba(210, 153, 34, 0.08), var(--terminal-surface));
}

.signal-icon[b-xo3ye2runz] {
    font-size: 2rem;
    margin-bottom: 0.35rem;
}

.signal-card.buy .signal-icon[b-xo3ye2runz] { color: var(--accent-green); }
.signal-card.sell .signal-icon[b-xo3ye2runz] { color: var(--accent-red); }
.signal-card.neutral .signal-icon[b-xo3ye2runz] { color: var(--accent-yellow); }

.signal-label[b-xo3ye2runz] {
    font-size: 0.6rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.signal-value[b-xo3ye2runz] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.35rem;
}

.signal-aligned[b-xo3ye2runz] {
    font-size: 0.7rem;
}

.signal-aligned .aligned[b-xo3ye2runz] { color: var(--accent-green); }
.signal-aligned .not-aligned[b-xo3ye2runz] { color: var(--accent-yellow); }

.outlook-card h3[b-xo3ye2runz] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.5rem 0;
    padding-bottom: 0.35rem;
    border-bottom: 2px solid var(--accent-blue);
}

.outlook-content p[b-xo3ye2runz] {
    color: var(--text-secondary);
    line-height: 1.5;
    margin: 0 0 0.5rem 0;
    font-size: 0.75rem;
}

.outlook-bullets ul[b-xo3ye2runz] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.outlook-bullets li[b-xo3ye2runz] {
    padding: 0.35rem 0.5rem;
    margin-bottom: 0.25rem;
    border-radius: 4px;
    font-size: 0.7rem;
    color: var(--text-primary);
}

.outlook-bullets li.bullish[b-xo3ye2runz] {
    background: rgba(63, 185, 80, 0.08);
    border-left: 3px solid var(--accent-green);
}

.outlook-bullets li.bearish[b-xo3ye2runz] {
    background: rgba(248, 81, 73, 0.08);
    border-left: 3px solid var(--accent-red);
}

.outlook-bullets li.neutral[b-xo3ye2runz] {
    background: rgba(107, 114, 128, 0.08);
    border-left: 3px solid var(--text-muted);
}

.outlook-bullets li.highlight[b-xo3ye2runz] {
    background: rgba(88, 166, 255, 0.08);
    border-left: 3px solid var(--accent-blue);
    font-weight: 500;
}

/* ===== MODAL STYLES ===== */
.modal-overlay[b-xo3ye2runz] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    backdrop-filter: blur(4px);
}

.info-modal[b-xo3ye2runz] {
    background: var(--terminal-surface);
    border: 1px solid var(--terminal-border);
    border-radius: 12px;
    max-width: 480px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.modal-header[b-xo3ye2runz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--terminal-border);
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px 12px 0 0;
}

.modal-header h3[b-xo3ye2runz] {
    color: var(--text-primary);
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0;
}

.modal-close[b-xo3ye2runz] {
    background: transparent;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    padding: 0.35rem;
    border-radius: 4px;
    transition: all 0.15s ease;
}

.modal-close:hover[b-xo3ye2runz] {
    background: rgba(248, 81, 73, 0.15);
    color: var(--accent-red);
}

.modal-body[b-xo3ye2runz] {
    padding: 1rem;
}

.modal-emoji[b-xo3ye2runz] {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 0.75rem;
}

.modal-simple[b-xo3ye2runz] {
    background: rgba(88, 166, 255, 0.08);
    border: 1px solid rgba(88, 166, 255, 0.2);
    border-radius: 8px;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.85rem;
    color: var(--text-primary);
    line-height: 1.5;
    text-align: center;
}

.modal-details[b-xo3ye2runz] {
    color: var(--text-secondary);
    font-size: 0.8rem;
    line-height: 1.5;
    margin-bottom: 0.75rem;
}

.modal-details p[b-xo3ye2runz] {
    margin-bottom: 0.5rem;
}

.modal-details strong[b-xo3ye2runz] {
    color: var(--text-primary);
}

.modal-ranges[b-xo3ye2runz] {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 0.75rem;
}

.modal-ranges h4[b-xo3ye2runz] {
    color: var(--text-primary);
    font-size: 0.8rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}

.range-item[b-xo3ye2runz] {
    padding: 0.4rem 0.6rem;
    border-radius: 4px;
    margin-bottom: 0.35rem;
    font-size: 0.75rem;
}

.range-item.buy[b-xo3ye2runz] {
    background: rgba(63, 185, 80, 0.08);
    border-left: 3px solid var(--accent-green);
    color: var(--accent-green);
}

.range-item.sell[b-xo3ye2runz] {
    background: rgba(248, 81, 73, 0.08);
    border-left: 3px solid var(--accent-red);
    color: var(--accent-red);
}

.range-item.neutral[b-xo3ye2runz] {
    background: rgba(139, 148, 158, 0.08);
    border-left: 3px solid var(--text-secondary);
    color: var(--text-secondary);
}

.range-item.signal[b-xo3ye2runz] {
    background: rgba(88, 166, 255, 0.08);
    border-left: 3px solid var(--accent-blue);
    color: var(--accent-blue);
}

.range-item strong[b-xo3ye2runz] { color: inherit; }

/* ===== AI TECHNICAL ANALYSIS SECTION ===== */
.ai-analysis-section[b-xo3ye2runz] {
    margin-bottom: 0.85rem;
    padding: 0.85rem;
    background: linear-gradient(135deg, rgba(0, 229, 204, 0.04), var(--terminal-elevated));
    border: 1px solid rgba(0, 229, 204, 0.25);
    border-radius: 10px;
    border-left: 4px solid var(--accent-cyan);
    box-shadow: 0 4px 16px rgba(0, 229, 204, 0.08), 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.ai-section-header[b-xo3ye2runz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.6rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid var(--terminal-border-light);
}

.ai-section-title[b-xo3ye2runz] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ai-icon-large[b-xo3ye2runz] { font-size: 1.1rem; }

.ai-stance-badge[b-xo3ye2runz] {
    font-size: 0.6rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
}

.ai-stance-badge.badge-success[b-xo3ye2runz],
.ai-stance-badge.strong-bullish[b-xo3ye2runz] {
    background: rgba(63, 185, 80, 0.15);
    color: var(--accent-green);
}

.ai-stance-badge.lean-bullish[b-xo3ye2runz] {
    background: rgba(134, 239, 172, 0.1);
    color: #6fdd8b;
}

.ai-stance-badge.badge-warning[b-xo3ye2runz],
.ai-stance-badge.neutral[b-xo3ye2runz] {
    background: rgba(139, 148, 158, 0.15);
    color: var(--text-secondary);
}

.ai-stance-badge.lean-bearish[b-xo3ye2runz] {
    background: rgba(255, 161, 152, 0.1);
    color: #ffa198;
}

.ai-stance-badge.badge-danger[b-xo3ye2runz],
.ai-stance-badge.strong-bearish[b-xo3ye2runz] {
    background: rgba(248, 81, 73, 0.15);
    color: var(--accent-red);
}

.ai-timestamp[b-xo3ye2runz] {
    text-align: right;
    font-size: 0.6rem;
    color: var(--text-muted);
    font-family: var(--font-mono);
}

/* Stance Grid */
.stance-grid[b-xo3ye2runz] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.6rem;
    margin-bottom: 0.75rem;
    padding: 0.5rem;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    border: 1px solid rgba(48, 54, 61, 0.5);
}

.stance-card[b-xo3ye2runz] {
    background: var(--terminal-elevated);
    padding: 0.6rem;
    border-radius: 8px;
    text-align: center;
    border: 1px solid rgba(48, 54, 61, 0.7);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: all 0.15s ease;
}

.stance-card:hover[b-xo3ye2runz] {
    border-color: rgba(0, 229, 204, 0.3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.stance-card-label[b-xo3ye2runz] {
    font-size: 0.55rem;
    color: var(--text-muted);
    margin-bottom: 0.2rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.stance-card-value[b-xo3ye2runz] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
}

.stance-card-value.price-target[b-xo3ye2runz] {
    font-size: 1.1rem;
    font-family: var(--font-mono);
}

.stance-card-value.alignment[b-xo3ye2runz] {
    font-size: 0.85rem;
}

.stance-card-subvalue[b-xo3ye2runz] {
    font-size: 0.65rem;
    margin-top: 0.15rem;
}

/* Stance Color Classes */
.stance-bullish[b-xo3ye2runz], .color-bullish[b-xo3ye2runz] { color: var(--accent-green) !important; }
.stance-lean-bullish[b-xo3ye2runz] { color: #6fdd8b !important; }
.stance-neutral[b-xo3ye2runz], .color-neutral[b-xo3ye2runz] { color: var(--text-secondary) !important; }
.stance-lean-bearish[b-xo3ye2runz] { color: #ffa198 !important; }
.stance-bearish[b-xo3ye2runz], .color-bearish[b-xo3ye2runz] { color: var(--accent-red) !important; }

/* Stance Meter */
.stance-meter-container[b-xo3ye2runz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    margin-top: 0.3rem;
}

.stance-meter[b-xo3ye2runz] {
    width: 80px;
    height: 8px;
    background: linear-gradient(
        to right,
        #ef4444 0%,
        #f97316 20%,
        #fbbf24 35%,
        #6b7280 50%,
        #a3e635 65%,
        #22c55e 80%,
        #10b981 100%
    );
    border-radius: 4px;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

.stance-meter-marker[b-xo3ye2runz] {
    position: absolute;
    width: 3px;
    height: 12px;
    background: var(--accent-cyan);
    border-radius: 2px;
    top: -2px;
    transform: translateX(-50%);
    box-shadow: 0 0 6px var(--accent-cyan);
}

.stance-meter-score[b-xo3ye2runz] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-primary);
    font-family: var(--font-mono);
}

/* Alignment Info */
.alignment-explanation[b-xo3ye2runz] {
    font-size: 0.6rem;
    color: var(--text-muted);
    margin-top: 0.15rem;
}

.alignment-score[b-xo3ye2runz] {
    font-size: 0.7rem;
    color: var(--text-secondary);
    margin-top: 0.15rem;
    font-family: var(--font-mono);
}

/* AI Content Blocks */
.ai-content-block[b-xo3ye2runz] {
    background: rgba(0, 0, 0, 0.25);
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    margin-bottom: 0.6rem;
    border: 1px solid rgba(48, 54, 61, 0.6);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.ai-block-header[b-xo3ye2runz] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: 0.3rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.ai-block-text[b-xo3ye2runz] {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.5;
    color: var(--text-secondary);
}

/* Primary Drivers Section */
.primary-drivers-section[b-xo3ye2runz] {
    margin-bottom: 0.6rem;
    padding: 0.5rem 0.6rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    border: 1px solid rgba(48, 54, 61, 0.5);
}

.drivers-label[b-xo3ye2runz] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: 0.4rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.drivers-tags[b-xo3ye2runz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.driver-tag[b-xo3ye2runz] {
    background: rgba(88, 166, 255, 0.12);
    color: var(--accent-blue);
    padding: 0.25rem 0.6rem;
    border-radius: 5px;
    font-size: 0.68rem;
    font-weight: 500;
    border: 1px solid rgba(88, 166, 255, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

/* Price Target Classes */
.price-target-bullish[b-xo3ye2runz] { color: var(--accent-green); }
.price-target-bearish[b-xo3ye2runz] { color: var(--accent-red); }
.price-change-bullish[b-xo3ye2runz] { color: var(--accent-green); }
.price-change-bearish[b-xo3ye2runz] { color: var(--accent-red); }

/* Alignment Classes */
.alignment-aligned[b-xo3ye2runz] { color: var(--accent-green); }
.alignment-partial[b-xo3ye2runz] { color: var(--accent-yellow); }
.alignment-divergent[b-xo3ye2runz] { color: var(--accent-red); }

/* ===== TECH AI MODAL STYLES ===== */
.tech-ai-modal[b-xo3ye2runz] {
    background: var(--terminal-surface);
    border: 1px solid var(--terminal-border);
    border-radius: 12px;
    max-width: 750px;
    width: 95%;
    max-height: 85vh;
    overflow-y: auto;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.tech-ai-header[b-xo3ye2runz] {
    background: linear-gradient(135deg, rgba(88, 166, 255, 0.1), rgba(163, 113, 247, 0.08));
    border-bottom: 1px solid var(--terminal-border);
}

.modal-title-section[b-xo3ye2runz] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.modal-title-section h3[b-xo3ye2runz] {
    margin: 0;
    color: var(--text-primary);
    font-size: 0.95rem;
}

.tech-ai-body[b-xo3ye2runz] {
    padding: 1rem;
}

/* Stance Summary in Modal - Centered single card layout */
.stance-summary[b-xo3ye2runz] {
    display: flex;
    justify-content: center;
    margin-bottom: 0.75rem;
}

.stance-summary .stance-card.centered[b-xo3ye2runz] {
    padding: 1rem 2rem;
    text-align: center;
    min-width: 200px;
    background: rgba(30, 30, 30, 0.6);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.stance-summary .stance-card .stance-label[b-xo3ye2runz] {
    font-size: 0.6rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

.stance-summary .stance-card .stance-value[b-xo3ye2runz] {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.stance-summary .stance-card .stance-score[b-xo3ye2runz],
.stance-summary .stance-card .stance-confidence[b-xo3ye2runz],
.stance-summary .stance-card .stance-target[b-xo3ye2runz] {
    font-size: 0.7rem;
    color: var(--text-secondary);
    margin-top: 0.25rem;
}

/* Legacy stance-comparison kept for backwards compatibility */
.stance-comparison[b-xo3ye2runz] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    align-items: center;
}

.stance-comparison .stance-card[b-xo3ye2runz] {
    padding: 0.75rem;
}

.stance-comparison .stance-card .stance-label[b-xo3ye2runz] {
    font-size: 0.6rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
}

.stance-comparison .stance-card .stance-value[b-xo3ye2runz] {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.15rem;
}

.stance-comparison .stance-card .stance-score[b-xo3ye2runz],
.stance-comparison .stance-card .stance-confidence[b-xo3ye2runz],
.stance-comparison .stance-card .stance-target[b-xo3ye2runz] {
    font-size: 0.65rem;
    color: var(--text-secondary);
}

/* Confidence styling */
.confidence-high[b-xo3ye2runz] { color: var(--accent-green); }
.confidence-medium[b-xo3ye2runz] { color: var(--accent-yellow); }
.confidence-low[b-xo3ye2runz] { color: var(--text-secondary); }
.confidence-very-low[b-xo3ye2runz] { color: var(--text-muted); }

.confidence-description[b-xo3ye2runz] {
    font-size: 0.7rem;
    color: var(--text-secondary);
}

/* AI Analysis Sections in Modal */
.ai-summary-section[b-xo3ye2runz],
.ai-rationale-section[b-xo3ye2runz],
.tech-context-section[b-xo3ye2runz],
.drivers-section[b-xo3ye2runz],
.sr-levels-section[b-xo3ye2runz],
.divergence-section[b-xo3ye2runz] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 0.75rem;
    margin-bottom: 0.6rem;
}

.ai-summary-section h4[b-xo3ye2runz],
.ai-rationale-section h4[b-xo3ye2runz],
.tech-context-section h4[b-xo3ye2runz],
.drivers-section h4[b-xo3ye2runz],
.sr-levels-section h4[b-xo3ye2runz],
.catalysts-section h4[b-xo3ye2runz],
.risks-section h4[b-xo3ye2runz],
.divergence-section h4[b-xo3ye2runz] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.ai-summary-section h4 i[b-xo3ye2runz],
.ai-rationale-section h4 i[b-xo3ye2runz],
.tech-context-section h4 i[b-xo3ye2runz],
.drivers-section h4 i[b-xo3ye2runz],
.sr-levels-section h4 i[b-xo3ye2runz],
.catalysts-section h4 i[b-xo3ye2runz],
.risks-section h4 i[b-xo3ye2runz],
.divergence-section h4 i[b-xo3ye2runz] {
    color: var(--accent-blue);
}

.executive-summary[b-xo3ye2runz] {
    color: var(--text-secondary);
    line-height: 1.5;
    margin: 0;
    font-size: 0.8rem;
}

/* Context Grid */
.context-grid[b-xo3ye2runz] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
}

.context-item[b-xo3ye2runz] {
    text-align: center;
    padding: 0.5rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}

.context-label[b-xo3ye2runz] {
    font-size: 0.55rem;
    color: var(--text-muted);
    display: block;
    margin-bottom: 0.15rem;
    text-transform: uppercase;
}

.context-value[b-xo3ye2runz] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-primary);
}

/* Driver Items */
.drivers-list[b-xo3ye2runz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.driver-item[b-xo3ye2runz] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    border-left: 3px solid var(--terminal-border);
}

.driver-item.positive[b-xo3ye2runz] { border-left-color: var(--accent-green); }
.driver-item.negative[b-xo3ye2runz] { border-left-color: var(--accent-red); }
.driver-item.neutral[b-xo3ye2runz] { border-left-color: var(--text-muted); }

.driver-impact-icon[b-xo3ye2runz] { font-size: 1rem; }

.driver-content[b-xo3ye2runz] { flex: 1; }

.driver-content strong[b-xo3ye2runz] {
    display: block;
    color: var(--text-primary);
    margin-bottom: 0.15rem;
    font-size: 0.8rem;
}

.driver-detail[b-xo3ye2runz],
.driver-indicator[b-xo3ye2runz] {
    font-size: 0.7rem;
    color: var(--text-muted);
    display: block;
}

/* Primary Drivers in Modal */
.primary-drivers[b-xo3ye2runz] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed var(--terminal-border);
}

.primary-drivers strong[b-xo3ye2runz] {
    color: var(--text-secondary);
    font-size: 0.7rem;
}

.driver-chip[b-xo3ye2runz] {
    display: inline-block;
    background: rgba(88, 166, 255, 0.1);
    color: var(--accent-blue);
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    font-size: 0.6rem;
    margin: 0.15rem;
}

/* S/R Levels Grid */
.sr-grid[b-xo3ye2runz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.5rem;
}

.sr-item[b-xo3ye2runz] {
    padding: 0.5rem;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    text-align: center;
}

.sr-item.support[b-xo3ye2runz] { border-left: 3px solid var(--accent-green); }
.sr-item.resistance[b-xo3ye2runz] { border-left: 3px solid var(--accent-red); }

.sr-item .sr-type[b-xo3ye2runz] {
    font-size: 0.55rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0.15rem;
}

.sr-item.support .sr-type[b-xo3ye2runz] { color: var(--accent-green); }
.sr-item.resistance .sr-type[b-xo3ye2runz] { color: var(--accent-red); }

.sr-item .sr-price[b-xo3ye2runz] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text-primary);
    font-family: var(--font-mono);
}

.sr-item .sr-strength[b-xo3ye2runz] {
    font-size: 0.55rem;
    color: var(--text-muted);
    display: block;
}

.sr-item .sr-notes[b-xo3ye2runz] {
    font-size: 0.55rem;
    color: var(--text-secondary);
    display: block;
    margin-top: 0.15rem;
}

/* Catalysts & Risks Row */
.catalysts-risks-row[b-xo3ye2runz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.catalysts-section[b-xo3ye2runz],
.risks-section[b-xo3ye2runz] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 0.75rem;
}

.catalyst-item[b-xo3ye2runz],
.risk-item[b-xo3ye2runz] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    margin-bottom: 0.35rem;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 6px;
}

.catalyst-icon[b-xo3ye2runz] { font-size: 0.9rem; }

.catalyst-content[b-xo3ye2runz],
.risk-content[b-xo3ye2runz] { flex: 1; }

.catalyst-content strong[b-xo3ye2runz],
.risk-content strong[b-xo3ye2runz] {
    display: block;
    color: var(--text-primary);
    font-size: 0.75rem;
    margin-bottom: 0.1rem;
}

.catalyst-window[b-xo3ye2runz] {
    font-size: 0.6rem;
    color: var(--text-muted);
}

.risk-severity[b-xo3ye2runz] {
    font-size: 0.55rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.15rem 0.35rem;
    border-radius: 3px;
    align-self: flex-start;
}

.risk-item.high .risk-severity[b-xo3ye2runz] {
    background: rgba(248, 81, 73, 0.15);
    color: var(--accent-red);
}

.risk-item.medium .risk-severity[b-xo3ye2runz] {
    background: rgba(210, 153, 34, 0.15);
    color: var(--accent-yellow);
}

.risk-item.low .risk-severity[b-xo3ye2runz] {
    background: rgba(139, 148, 158, 0.1);
    color: var(--text-secondary);
}

.risk-detail[b-xo3ye2runz] {
    font-size: 0.65rem;
    color: var(--text-muted);
}

/* Divergence Section */
.final-recommendation[b-xo3ye2runz] {
    margin-top: 0.5rem;
    padding: 0.5rem;
    background: rgba(88, 166, 255, 0.08);
    border-radius: 6px;
    color: var(--accent-blue);
    font-size: 0.75rem;
}

.final-recommendation strong[b-xo3ye2runz] { color: var(--text-primary); }

/* ===== TEXT UTILITIES ===== */
.text-success[b-xo3ye2runz] { color: var(--accent-green) !important; }
.text-danger[b-xo3ye2runz] { color: var(--accent-red) !important; }
.text-warning[b-xo3ye2runz] { color: var(--accent-yellow) !important; }
.text-muted[b-xo3ye2runz] { color: var(--text-muted) !important; }

/* Alert Warning */
.alert-warning[b-xo3ye2runz] {
    background-color: rgba(210, 153, 34, 0.1);
    border: 1px solid rgba(210, 153, 34, 0.3);
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    color: var(--accent-yellow);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1200px) {
    .stats-row[b-xo3ye2runz] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .reversal-indicators-grid[b-xo3ye2runz] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .summary-grid[b-xo3ye2runz] {
        grid-template-columns: 1fr;
    }
    
    .stance-grid[b-xo3ye2runz] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .decision-maker-grid[b-xo3ye2runz] {
        grid-template-columns: 1fr;
    }
    
    .context-grid[b-xo3ye2runz] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .catalysts-risks-row[b-xo3ye2runz] {
        grid-template-columns: 1fr;
    }
    
    .stance-comparison[b-xo3ye2runz] {
        grid-template-columns: 1fr;
    }
    
    .stance-vs[b-xo3ye2runz] {
        padding: 0.5rem 0;
    }
}

@media (max-width: 768px) {
    .technical-review-container[b-xo3ye2runz] {
        padding: 0.5rem;
    }

    .review-header[b-xo3ye2runz] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
    }

    .header-left[b-xo3ye2runz] {
        flex-wrap: wrap;
    }

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

    .stats-row[b-xo3ye2runz] {
        grid-template-columns: 1fr;
    }

    .reversal-indicators-grid[b-xo3ye2runz] {
        grid-template-columns: 1fr;
    }

    .decision-factors[b-xo3ye2runz] {
        grid-template-columns: 1fr;
    }
    
    .stance-grid[b-xo3ye2runz] {
        grid-template-columns: 1fr;
    }
}

/* ===== LIGHT THEME OVERRIDES ===== */
:global([data-theme="light"]) .technical-review-container[b-xo3ye2runz] {
    --terminal-bg: #ffffff;
    --terminal-surface: #f6f8fa;
    --terminal-elevated: #ffffff;
    --terminal-border: rgba(208, 215, 222, 0.8);
    --terminal-border-light: rgba(208, 215, 222, 0.5);
    --text-primary: #1f2328;
    --text-secondary: #59636e;
    --text-muted: #8b949e;
    --accent-cyan: #0a9082;
    --accent-blue: #0969da;
    --accent-green: #1a7f37;
    --accent-red: #cf222e;
    --accent-yellow: #9a6700;
    --accent-purple: #8250df;
}

:global([data-theme="light"]) .stat-card[b-xo3ye2runz],
:global([data-theme="light"]) .section[b-xo3ye2runz],
:global([data-theme="light"]) .summary-card[b-xo3ye2runz],
:global([data-theme="light"]) .ai-analysis-section[b-xo3ye2runz] {
    background: var(--terminal-surface);
}

:global([data-theme="light"]) .reversal-summary[b-xo3ye2runz],
:global([data-theme="light"]) .reversal-indicator[b-xo3ye2runz],
:global([data-theme="light"]) .decision-card[b-xo3ye2runz],
:global([data-theme="light"]) .decision-metric[b-xo3ye2runz],
:global([data-theme="light"]) .combined-decision-summary[b-xo3ye2runz],
:global([data-theme="light"]) .bias-meter[b-xo3ye2runz],
:global([data-theme="light"]) .summary-stat[b-xo3ye2runz],
:global([data-theme="light"]) .stance-card[b-xo3ye2runz],
:global([data-theme="light"]) .ai-content-block[b-xo3ye2runz],
:global([data-theme="light"]) .sr-position-visual[b-xo3ye2runz] {
    background: rgba(0, 0, 0, 0.03);
}

:global([data-theme="light"]) .info-modal[b-xo3ye2runz],
:global([data-theme="light"]) .tech-ai-modal[b-xo3ye2runz] {
    background: var(--terminal-surface);
}

:global([data-theme="light"]) .modal-simple[b-xo3ye2runz] {
    background: rgba(9, 105, 218, 0.06);
    border-color: rgba(9, 105, 218, 0.15);
}

:global([data-theme="light"]) .bias-marker[b-xo3ye2runz],
:global([data-theme="light"]) .lean-fill[b-xo3ye2runz],
:global([data-theme="light"]) .stance-meter-marker[b-xo3ye2runz] {
    border-top-color: var(--accent-cyan);
}

:global([data-theme="light"]) .bias-marker[b-xo3ye2runz]::after,
:global([data-theme="light"]) .lean-fill[b-xo3ye2runz]::after {
    background: var(--accent-cyan);
    box-shadow: 0 0 6px var(--accent-cyan);
}

:global([data-theme="light"]) .price-position-marker[b-xo3ye2runz] {
    border-color: var(--accent-cyan);
}
/* /Components/Screener/TechScreenerIndicatorDrawer.razor.rz.scp.css */
.indicator-drawer-overlay[b-23zrfqecex] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    backdrop-filter: blur(2px);
}

.indicator-drawer[b-23zrfqecex] {
    position: fixed;
    top: 0;
    right: 0;
    width: 400px;
    max-width: 90vw;
    height: 100vh;
    background: #161b22;
    border-left: 1px solid #30363d;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    animation: slideIn-b-23zrfqecex 0.2s ease-out;
}

@keyframes slideIn-b-23zrfqecex {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

.drawer-header[b-23zrfqecex] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #30363d;
    background: #0d1117;
}

.header-left[b-23zrfqecex] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.company-logo[b-23zrfqecex] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    object-fit: contain;
    background: #21262d;
}

.logo-placeholder[b-23zrfqecex] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(135deg, #58a6ff, #a371f7);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: white;
    font-size: 1.25rem;
}

.header-info h2[b-23zrfqecex] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #e6edf3;
}

.header-info .price[b-23zrfqecex] {
    font-size: 1rem;
    color: #8b949e;
    margin-left: 0.5rem;
}

.header-info .company-name[b-23zrfqecex] {
    display: block;
    font-size: 0.75rem;
    color: #6e7681;
    margin-top: 0.125rem;
}

.close-btn[b-23zrfqecex] {
    background: none;
    border: none;
    color: #8b949e;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.25rem;
    line-height: 1;
}

.close-btn:hover[b-23zrfqecex] {
    color: #e6edf3;
}

.reversal-summary[b-23zrfqecex] {
    padding: 1rem 1.25rem;
    background: #0d1117;
    border-bottom: 1px solid #30363d;
}

.summary-row[b-23zrfqecex] {
    display: flex;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.summary-row:last-child[b-23zrfqecex] {
    margin-bottom: 0;
}

.summary-item[b-23zrfqecex] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.summary-label[b-23zrfqecex] {
    font-size: 0.7rem;
    color: #6e7681;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.summary-value[b-23zrfqecex] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #e6edf3;
}

.summary-value.high[b-23zrfqecex] { color: #3fb950; }
.summary-value.medium[b-23zrfqecex] { color: #d29922; }
.summary-value.low[b-23zrfqecex] { color: #8b949e; }
.summary-value.bullish[b-23zrfqecex] { color: #3fb950; }
.summary-value.bearish[b-23zrfqecex] { color: #f85149; }
.summary-value.neutral[b-23zrfqecex] { color: #8b949e; }

.indicator-sections[b-23zrfqecex] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem 0;
}

.indicator-section[b-23zrfqecex] {
    border-bottom: 1px solid #21262d;
}

.section-header[b-23zrfqecex] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: none;
    border: none;
    color: #e6edf3;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s ease;
}

.section-header:hover[b-23zrfqecex] {
    background: #21262d;
}

.section-title[b-23zrfqecex] {
    flex: 1;
    font-size: 0.85rem;
    font-weight: 500;
}

.section-count[b-23zrfqecex] {
    font-size: 0.75rem;
    color: #8b949e;
}

.toggle-icon[b-23zrfqecex] {
    width: 16px;
    text-align: center;
    color: #6e7681;
}

.section-content[b-23zrfqecex] {
    padding: 0 1.25rem 0.75rem;
}

.indicator-row[b-23zrfqecex] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #21262d;
}

.indicator-row:last-child[b-23zrfqecex] {
    border-bottom: none;
}

.ind-name[b-23zrfqecex] {
    width: 90px;
    font-size: 0.8rem;
    color: #8b949e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ind-bar[b-23zrfqecex] {
    flex: 1;
    min-width: 60px;
}

.bar-track[b-23zrfqecex] {
    height: 6px;
    background: #21262d;
    border-radius: 3px;
    overflow: hidden;
}

.bar-fill[b-23zrfqecex] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

.bar-fill.bullish[b-23zrfqecex] { background: linear-gradient(90deg, #238636, #3fb950); }
.bar-fill.bearish[b-23zrfqecex] { background: linear-gradient(90deg, #da3633, #f85149); }
.bar-fill.neutral[b-23zrfqecex] { background: linear-gradient(90deg, #30363d, #484f58); }

.ind-value[b-23zrfqecex] {
    width: 50px;
    text-align: right;
    font-size: 0.8rem;
    font-weight: 500;
    color: #e6edf3;
    font-family: 'SF Mono', Consolas, monospace;
}

.ind-signal[b-23zrfqecex] {
    width: 40px;
    text-align: center;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.15rem 0.35rem;
    border-radius: 4px;
}

.ind-signal.bullish[b-23zrfqecex] {
    background: rgba(63, 185, 80, 0.15);
    color: #3fb950;
}

.ind-signal.bearish[b-23zrfqecex] {
    background: rgba(248, 81, 73, 0.15);
    color: #f85149;
}

.ind-signal.neutral[b-23zrfqecex] {
    background: rgba(139, 148, 158, 0.1);
    color: #6e7681;
}

.drawer-footer[b-23zrfqecex] {
    padding: 1rem 1.25rem;
    border-top: 1px solid #30363d;
    background: #0d1117;
}

.view-chart-btn[b-23zrfqecex] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.75rem;
    background: linear-gradient(135deg, #238636, #2ea043);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.view-chart-btn:hover[b-23zrfqecex] {
    background: linear-gradient(135deg, #2ea043, #3fb950);
    transform: translateY(-1px);
}

/* Dark scrollbar */
.indicator-sections[b-23zrfqecex]::-webkit-scrollbar {
    width: 6px;
}

.indicator-sections[b-23zrfqecex]::-webkit-scrollbar-track {
    background: #0d1117;
}

.indicator-sections[b-23zrfqecex]::-webkit-scrollbar-thumb {
    background: #30363d;
    border-radius: 3px;
}

.indicator-sections[b-23zrfqecex]::-webkit-scrollbar-thumb:hover {
    background: #484f58;
}
/* /Components/Shared/AdminOnlyPage.razor.rz.scp.css */
/* AdminOnlyPage.razor.css - Styles for admin-only access page */

.admin-only-container[b-0gkpgaumad] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 2rem;
}

.admin-only-content[b-0gkpgaumad] {
    max-width: 500px;
    text-align: center;
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border: 1px solid #374151;
    border-radius: 16px;
    padding: 3rem;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.admin-only-icon[b-0gkpgaumad] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    filter: drop-shadow(0 0 10px rgba(239, 68, 68, 0.3));
}

.admin-only-title[b-0gkpgaumad] {
    color: #f8fafc;
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
}

.admin-only-message[b-0gkpgaumad] {
    color: #94a3b8;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0 0 1.5rem 0;
}

.admin-only-message strong[b-0gkpgaumad] {
    color: #f87171;
}

.admin-only-description[b-0gkpgaumad] {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0 0 1.5rem 0;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.admin-only-actions[b-0gkpgaumad] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.btn-primary[b-0gkpgaumad] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-primary:hover[b-0gkpgaumad] {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.btn-icon[b-0gkpgaumad] {
    font-size: 1.2rem;
}

.admin-only-info[b-0gkpgaumad] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
    padding: 0.75rem 1rem;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 8px;
}

.info-icon[b-0gkpgaumad] {
    font-size: 1rem;
}

.info-text[b-0gkpgaumad] {
    color: #94a3b8;
    font-size: 0.85rem;
}
/* /Components/Shared/DirectionIcon.razor.rz.scp.css */
/* DirectionIcon Component Styles */

.direction-icon[b-hzpz8i5je5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    vertical-align: middle;
}

.direction-img[b-hzpz8i5je5] {
    object-fit: contain;
    flex-shrink: 0;
}

.direction-emoji[b-hzpz8i5je5] {
    line-height: 1;
}

/* Size variants */
.size-xs .direction-img[b-hzpz8i5je5],
.size-xs .direction-emoji[b-hzpz8i5je5] {
    width: 12px;
    height: 12px;
    font-size: 12px;
}

.size-small .direction-img[b-hzpz8i5je5],
.size-small .direction-emoji[b-hzpz8i5je5] {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.size-medium .direction-img[b-hzpz8i5je5],
.size-medium .direction-emoji[b-hzpz8i5je5] {
    width: 24px;
    height: 24px;
    font-size: 24px;
}

.size-large .direction-img[b-hzpz8i5je5],
.size-large .direction-emoji[b-hzpz8i5je5] {
    width: 32px;
    height: 32px;
    font-size: 32px;
}

.size-xl .direction-img[b-hzpz8i5je5],
.size-xl .direction-emoji[b-hzpz8i5je5] {
    width: 48px;
    height: 48px;
    font-size: 48px;
}

/* Labels */
.direction-label[b-hzpz8i5je5] {
    font-weight: 600;
    font-size: 0.85em;
}

.bull .direction-label[b-hzpz8i5je5] {
    color: var(--market-bull, #3fb950);
}

.bear .direction-label[b-hzpz8i5je5] {
    color: var(--market-bear, #f85149);
}

.neutral .direction-label[b-hzpz8i5je5] {
    color: var(--text-secondary, #8b949e);
}

/* Direction-specific styling */
.direction-icon.bull[b-hzpz8i5je5] {
    filter: drop-shadow(0 0 2px rgba(63, 185, 80, 0.3));
}

.direction-icon.bear[b-hzpz8i5je5] {
    filter: drop-shadow(0 0 2px rgba(248, 81, 73, 0.3));
}

/* Hover effects */
.direction-icon:hover .direction-img[b-hzpz8i5je5] {
    transform: scale(1.05);
    transition: transform 0.15s ease;
}
/* /Components/Shared/TierComparisonChart.razor.rz.scp.css */
/* TierComparisonChart.razor.css - Styles for tier comparison chart */

.tier-comparison[b-cfi0h79ajc] {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border: 1px solid #374151;
    border-radius: 16px;
    padding: 2rem;
    overflow: hidden;
}

.tier-comparison.compact[b-cfi0h79ajc] {
    padding: 1rem;
}

.comparison-title[b-cfi0h79ajc] {
    text-align: center;
    color: #f8fafc;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 1.5rem 0;
}

.comparison-grid[b-cfi0h79ajc] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Header Row */
.grid-header[b-cfi0h79ajc] {
    display: grid;
    grid-template-columns: 1fr 120px 120px 120px;
    gap: 0.5rem;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #374151;
}

.feature-col[b-cfi0h79ajc] {
    color: #94a3b8;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tier-col[b-cfi0h79ajc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
}

.tier-name[b-cfi0h79ajc] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #f8fafc;
}

.tier-price[b-cfi0h79ajc] {
    font-size: 0.8rem;
    color: #94a3b8;
}

.tier-col.free .tier-name[b-cfi0h79ajc] {
    color: #94a3b8;
}

.tier-col.lite .tier-name[b-cfi0h79ajc] {
    color: #60a5fa;
}

.tier-col.premium .tier-name[b-cfi0h79ajc] {
    color: #fbbf24;
}

.tier-col.highlighted[b-cfi0h79ajc] {
    background: linear-gradient(180deg, rgba(251, 191, 36, 0.1) 0%, transparent 100%);
    border-radius: 8px 8px 0 0;
    padding: 0.5rem;
    margin: -0.5rem;
}

.popular-badge[b-cfi0h79ajc] {
    position: absolute;
    top: -0.75rem;
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #000;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    white-space: nowrap;
}

/* Feature Rows */
.feature-row[b-cfi0h79ajc] {
    display: grid;
    grid-template-columns: 1fr 120px 120px 120px;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #1e293b;
    transition: background 0.2s ease;
}

.feature-row:hover[b-cfi0h79ajc] {
    background: rgba(255, 255, 255, 0.02);
}

.feature-row:last-child[b-cfi0h79ajc] {
    border-bottom: none;
}

.category-start[b-cfi0h79ajc] {
    margin-top: 1rem;
    position: relative;
}

.category-label[b-cfi0h79ajc] {
    position: absolute;
    top: -0.5rem;
    left: 1rem;
    background: #1e293b;
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 0 0.5rem;
}

.feature-name[b-cfi0h79ajc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #e2e8f0;
    font-size: 0.9rem;
}

.feature-icon[b-cfi0h79ajc] {
    font-size: 1rem;
}

.feature-tooltip[b-cfi0h79ajc] {
    font-size: 0.75rem;
    opacity: 0.5;
    cursor: help;
}

/* Tier Values */
.tier-value[b-cfi0h79ajc] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 0.85rem;
}

.tier-value.highlighted[b-cfi0h79ajc] {
    background: rgba(251, 191, 36, 0.05);
}

.tier-value .check[b-cfi0h79ajc] {
    color: #4ade80;
    font-size: 1.1rem;
    font-weight: 700;
}

.tier-value .x[b-cfi0h79ajc] {
    color: #f87171;
    font-size: 1rem;
}

.value-yes[b-cfi0h79ajc] {
    color: #4ade80;
}

.value-no[b-cfi0h79ajc] {
    color: #64748b;
}

.value-limited[b-cfi0h79ajc] {
    color: #fbbf24;
    font-size: 0.8rem;
}

.value-admin[b-cfi0h79ajc] {
    color: #818cf8;
    font-size: 0.8rem;
}

.value-unlimited[b-cfi0h79ajc] {
    color: #4ade80;
    font-weight: 600;
}

.value-text[b-cfi0h79ajc] {
    color: #94a3b8;
}

/* CTA Buttons */
.comparison-ctas[b-cfi0h79ajc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #374151;
}

.cta-button[b-cfi0h79ajc] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.cta-button.free[b-cfi0h79ajc] {
    background: rgba(148, 163, 184, 0.1);
    color: #94a3b8;
    border: 1px solid rgba(148, 163, 184, 0.3);
}

.cta-button.free:hover[b-cfi0h79ajc] {
    background: rgba(148, 163, 184, 0.15);
    border-color: rgba(148, 163, 184, 0.5);
}

.cta-button.lite[b-cfi0h79ajc] {
    background: rgba(59, 130, 246, 0.1);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.cta-button.lite:hover[b-cfi0h79ajc] {
    background: rgba(59, 130, 246, 0.15);
    border-color: rgba(59, 130, 246, 0.5);
}

.cta-button.premium[b-cfi0h79ajc] {
    background: rgba(251, 191, 36, 0.1);
    color: #fbbf24;
    border: 1px solid rgba(251, 191, 36, 0.3);
}

.cta-button.premium:hover[b-cfi0h79ajc] {
    background: rgba(251, 191, 36, 0.15);
    border-color: rgba(251, 191, 36, 0.5);
}

.cta-button.premium.highlighted[b-cfi0h79ajc] {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #000;
    border: none;
}

.cta-button.premium.highlighted:hover[b-cfi0h79ajc] {
    background: linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(251, 191, 36, 0.3);
}

/* Compact variant */
.compact .grid-header[b-cfi0h79ajc],
.compact .feature-row[b-cfi0h79ajc] {
    padding: 0.5rem 0.75rem;
}

.compact .tier-col[b-cfi0h79ajc] {
    min-width: 80px;
}

.compact .grid-header[b-cfi0h79ajc] {
    grid-template-columns: 1fr 80px 80px 80px;
}

.compact .feature-row[b-cfi0h79ajc] {
    grid-template-columns: 1fr 80px 80px 80px;
}

.compact .feature-name[b-cfi0h79ajc] {
    font-size: 0.8rem;
}

.compact .tier-value[b-cfi0h79ajc] {
    font-size: 0.75rem;
}

.compact .comparison-ctas[b-cfi0h79ajc] {
    gap: 0.5rem;
}

.compact .cta-button[b-cfi0h79ajc] {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
}

/* Responsive */
@media (max-width: 768px) {
    .tier-comparison[b-cfi0h79ajc] {
        padding: 1rem;
        overflow-x: auto;
    }
    
    .comparison-grid[b-cfi0h79ajc] {
        min-width: 600px;
    }
    
    .comparison-ctas[b-cfi0h79ajc] {
        flex-direction: column;
        min-width: 600px;
    }
}
/* /Components/Shared/UpgradeModal.razor.rz.scp.css */
/* UpgradeModal.razor.css */

.modal-backdrop[b-vtivmmvbl6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    animation: fadeIn-b-vtivmmvbl6 0.2s ease-out;
}

@keyframes fadeIn-b-vtivmmvbl6 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.upgrade-modal[b-vtivmmvbl6] {
    background: var(--bg-card, #1a1a2e);
    border-radius: 16px;
    width: 100%;
    max-width: 500px;
    margin: 1rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    animation: slideUp-b-vtivmmvbl6 0.3s ease-out;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

@keyframes slideUp-b-vtivmmvbl6 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-header[b-vtivmmvbl6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

.modal-header h3[b-vtivmmvbl6] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.modal-header h3 i[b-vtivmmvbl6] {
    color: var(--accent-success, #10b981);
}

.close-btn[b-vtivmmvbl6] {
    background: none;
    border: none;
    color: var(--text-secondary, #9ca3af);
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 8px;
    transition: all 0.2s;
}

.close-btn:hover[b-vtivmmvbl6] {
    background: var(--bg-hover, rgba(255, 255, 255, 0.1));
    color: var(--text-primary, #fff);
}

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

.modal-body[b-vtivmmvbl6] {
    padding: 1.5rem;
}

.modal-body.loading[b-vtivmmvbl6],
.modal-body.error[b-vtivmmvbl6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    gap: 1rem;
    text-align: center;
}

.modal-body.error i[b-vtivmmvbl6] {
    font-size: 2.5rem;
    color: var(--accent-warning, #f59e0b);
}

.modal-body.error p[b-vtivmmvbl6] {
    color: var(--text-secondary, #9ca3af);
    margin: 0;
}

.spinner[b-vtivmmvbl6] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border-color, rgba(255, 255, 255, 0.1));
    border-top-color: var(--accent-primary, #6366f1);
    border-radius: 50%;
    animation: spin-b-vtivmmvbl6 0.8s linear infinite;
}

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

.spinner-small[b-vtivmmvbl6] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-vtivmmvbl6 0.8s linear infinite;
    display: inline-block;
}

/* Credit Summary */
.credit-summary[b-vtivmmvbl6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: linear-gradient(135deg, var(--accent-success, #10b981) 0%, #059669 100%);
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.credit-icon[b-vtivmmvbl6] {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.credit-icon i[b-vtivmmvbl6] {
    font-size: 1.5rem;
    color: #fff;
}

.credit-details[b-vtivmmvbl6] {
    flex: 1;
}

.credit-amount[b-vtivmmvbl6] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
}

.credit-label[b-vtivmmvbl6] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.8);
}

/* Upgrade Breakdown */
.upgrade-breakdown[b-vtivmmvbl6] {
    margin-bottom: 1.5rem;
}

.upgrade-breakdown h4[b-vtivmmvbl6] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-secondary, #9ca3af);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 1rem 0;
}

.breakdown-list[b-vtivmmvbl6] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.breakdown-list li[b-vtivmmvbl6] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--bg-hover, rgba(255, 255, 255, 0.05));
    border-radius: 8px;
}

.breakdown-list li i[b-vtivmmvbl6] {
    color: var(--accent-primary, #6366f1);
    font-size: 1rem;
    margin-top: 0.125rem;
}

.breakdown-list li span[b-vtivmmvbl6] {
    flex: 1;
    color: var(--text-secondary, #9ca3af);
    font-size: 0.9375rem;
    line-height: 1.5;
}

.breakdown-list li strong[b-vtivmmvbl6] {
    color: var(--text-primary, #fff);
}

/* Plan Comparison */
.plan-comparison[b-vtivmmvbl6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--bg-hover, rgba(255, 255, 255, 0.03));
    border-radius: 12px;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

.plan[b-vtivmmvbl6] {
    text-align: center;
    padding: 0.75rem 1.25rem;
    border-radius: 8px;
}

.plan.current[b-vtivmmvbl6] {
    background: var(--bg-card, #1a1a2e);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

.plan.target[b-vtivmmvbl6] {
    background: linear-gradient(135deg, var(--accent-primary, #6366f1) 0%, #8b5cf6 100%);
}

.plan-name[b-vtivmmvbl6] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-primary, #fff);
}

.plan-label[b-vtivmmvbl6] {
    font-size: 0.75rem;
    color: var(--text-secondary, #9ca3af);
    margin-top: 0.25rem;
}

.plan.target .plan-label[b-vtivmmvbl6] {
    color: rgba(255, 255, 255, 0.7);
}

.arrow[b-vtivmmvbl6] {
    color: var(--text-secondary, #9ca3af);
    font-size: 1.25rem;
}

/* Modal Footer */
.modal-footer[b-vtivmmvbl6] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    justify-content: flex-end;
}

.btn[b-vtivmmvbl6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: 8px;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
}

.btn-outline[b-vtivmmvbl6] {
    background: transparent;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.2));
    color: var(--text-secondary, #9ca3af);
}

.btn-outline:hover:not(:disabled)[b-vtivmmvbl6] {
    background: var(--bg-hover, rgba(255, 255, 255, 0.1));
    color: var(--text-primary, #fff);
}

.btn-primary[b-vtivmmvbl6] {
    background: linear-gradient(135deg, var(--accent-primary, #6366f1) 0%, #8b5cf6 100%);
    color: #fff;
    border: none;
}

.btn-primary:hover:not(:disabled)[b-vtivmmvbl6] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
}

.btn:disabled[b-vtivmmvbl6] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none !important;
}

/* Responsive */
@media (max-width: 480px) {
    .modal-header[b-vtivmmvbl6] {
        padding: 1rem;
    }

    .modal-body[b-vtivmmvbl6] {
        padding: 1rem;
    }

    .modal-footer[b-vtivmmvbl6] {
        padding: 1rem;
        flex-direction: column-reverse;
    }

    .modal-footer .btn[b-vtivmmvbl6] {
        width: 100%;
    }

    .credit-summary[b-vtivmmvbl6] {
        flex-direction: column;
        text-align: center;
    }

    .plan-comparison[b-vtivmmvbl6] {
        flex-direction: column;
    }

    .arrow[b-vtivmmvbl6] {
        transform: rotate(90deg);
    }
}
/* /Components/Shared/UpgradePrompt.razor.rz.scp.css */
/* UpgradePrompt.razor.css - Styles for upgrade CTA component */

.upgrade-prompt[b-cj2iv89vk9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, #1a365d 0%, #2c5282 100%);
    border: 1px solid #3182ce;
    border-radius: 8px;
}

.upgrade-content[b-cj2iv89vk9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.upgrade-icon[b-cj2iv89vk9] {
    font-size: 1.5rem;
}

.upgrade-text[b-cj2iv89vk9] {
    flex: 1;
}

.upgrade-title[b-cj2iv89vk9] {
    font-weight: 600;
    color: #90cdf4;
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
}

.upgrade-message[b-cj2iv89vk9] {
    color: #a0aec0;
    font-size: 0.85rem;
    line-height: 1.4;
}

.upgrade-actions[b-cj2iv89vk9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.btn-demo[b-cj2iv89vk9] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.1);
    color: #90cdf4;
    border: 1px solid rgba(144, 205, 244, 0.3);
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.btn-demo:hover[b-cj2iv89vk9] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(144, 205, 244, 0.5);
}

.btn-demo .btn-icon[b-cj2iv89vk9] {
    font-size: 0.9rem;
}

.btn-upgrade[b-cj2iv89vk9] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.btn-upgrade:hover[b-cj2iv89vk9] {
    background: linear-gradient(135deg, #63b3ed 0%, #4299e1 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(66, 153, 225, 0.3);
}

/* Variant: Compact */
.variant-compact[b-cj2iv89vk9] {
    padding: 0.75rem 1rem;
}

.variant-compact .upgrade-icon[b-cj2iv89vk9] {
    font-size: 1.25rem;
}

.variant-compact .upgrade-title[b-cj2iv89vk9] {
    font-size: 0.85rem;
}

.variant-compact .upgrade-message[b-cj2iv89vk9] {
    font-size: 0.8rem;
}

.variant-compact .btn-demo[b-cj2iv89vk9],
.variant-compact .btn-upgrade[b-cj2iv89vk9] {
    padding: 0.4rem 0.75rem;
    font-size: 0.8rem;
}

/* Variant: Banner (full width, prominent) */
.variant-banner[b-cj2iv89vk9] {
    background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
    border-color: #3b82f6;
    border-radius: 0;
    padding: 1rem 2rem;
}

.variant-banner .upgrade-icon[b-cj2iv89vk9] {
    font-size: 2rem;
}

.variant-banner .upgrade-title[b-cj2iv89vk9] {
    font-size: 1.1rem;
    color: #93c5fd;
}

.variant-banner .upgrade-message[b-cj2iv89vk9] {
    font-size: 0.9rem;
    color: #bfdbfe;
}

.variant-banner .btn-upgrade[b-cj2iv89vk9] {
    padding: 0.6rem 1.5rem;
    font-size: 0.9rem;
}

/* Variant: Inline (minimal, text-like) */
.variant-inline[b-cj2iv89vk9] {
    display: inline-flex;
    padding: 0.5rem 0.75rem;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 6px;
}

.variant-inline .upgrade-content[b-cj2iv89vk9] {
    gap: 0.5rem;
}

.variant-inline .upgrade-icon[b-cj2iv89vk9] {
    font-size: 1rem;
}

.variant-inline .upgrade-message[b-cj2iv89vk9] {
    font-size: 0.8rem;
    color: #94a3b8;
}

.variant-inline .upgrade-actions[b-cj2iv89vk9] {
    gap: 0.5rem;
}

.variant-inline .btn-demo[b-cj2iv89vk9],
.variant-inline .btn-upgrade[b-cj2iv89vk9] {
    padding: 0.3rem 0.6rem;
    font-size: 0.75rem;
}

/* Variant: Access Denied (red theme) */
.variant-denied[b-cj2iv89vk9] {
    background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 100%);
    border-color: #dc2626;
}

.variant-denied .upgrade-title[b-cj2iv89vk9] {
    color: #fca5a5;
}

.variant-denied .upgrade-message[b-cj2iv89vk9] {
    color: #fecaca;
}

.variant-denied .btn-demo[b-cj2iv89vk9] {
    background: rgba(255, 255, 255, 0.1);
    color: #fca5a5;
    border-color: rgba(252, 165, 165, 0.3);
}

.variant-denied .btn-demo:hover[b-cj2iv89vk9] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(252, 165, 165, 0.5);
}

.variant-denied .btn-upgrade[b-cj2iv89vk9] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

.variant-denied .btn-upgrade:hover[b-cj2iv89vk9] {
    background: linear-gradient(135deg, #f87171 0%, #ef4444 100%);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

/* Responsive */
@media (max-width: 768px) {
    .upgrade-prompt[b-cj2iv89vk9] {
        flex-direction: column;
        text-align: center;
    }
    
    .upgrade-content[b-cj2iv89vk9] {
        flex-direction: column;
    }
    
    .upgrade-actions[b-cj2iv89vk9] {
        width: 100%;
        justify-content: center;
    }
}