/* /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/MtfReversalPanel.razor.rz.scp.css */
/* Multi-Timeframe Reversal Panel Styles - Compact Version */

.mtf-reversal-panel[b-wvaogwj6af] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 6px;
    height: 100%;
    overflow-y: auto;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* EMPTY / LOADING STATES */
/* ═══════════════════════════════════════════════════════════════════════════ */

.mtf-empty-state[b-wvaogwj6af],
.mtf-loading[b-wvaogwj6af] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 20px 12px;
    color: var(--text-muted, #666);
}

.empty-icon[b-wvaogwj6af] {
    font-size: 1.5rem;
    opacity: 0.5;
}

.empty-text[b-wvaogwj6af] {
    font-size: 0.75rem;
    text-align: center;
}

.loading-spinner[b-wvaogwj6af] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--border-color, #2a2a4a);
    border-top-color: var(--primary, #6366f1);
    border-radius: 50%;
    animation: spin-b-wvaogwj6af 0.8s linear infinite;
}

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

/* ═══════════════════════════════════════════════════════════════════════════ */
/* AGGREGATE CARD - Compact */
/* ═══════════════════════════════════════════════════════════════════════════ */

.mtf-aggregate-card[b-wvaogwj6af] {
    background: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%);
    border: 1px solid var(--border-color, #2a2a4a);
    border-radius: 6px;
    padding: 8px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.mtf-aggregate-card.bullish[b-wvaogwj6af] {
    border-color: rgba(16, 185, 129, 0.4);
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.02) 100%);
}

.mtf-aggregate-card.bearish[b-wvaogwj6af] {
    border-color: rgba(239, 68, 68, 0.4);
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.02) 100%);
}

.aggregate-direction-row[b-wvaogwj6af] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.aggregate-arrow[b-wvaogwj6af] {
    font-size: 1.1rem;
    font-weight: 700;
}

.aggregate-text[b-wvaogwj6af] {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.aggregate-arrow.bullish[b-wvaogwj6af],
.aggregate-text.bullish[b-wvaogwj6af] {
    color: #10b981;
}

.aggregate-arrow.bearish[b-wvaogwj6af],
.aggregate-text.bearish[b-wvaogwj6af] {
    color: #ef4444;
}

.aggregate-arrow.neutral[b-wvaogwj6af],
.aggregate-text.neutral[b-wvaogwj6af] {
    color: #6b7280;
}

.signal-pulse[b-wvaogwj6af] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10b981;
    animation: pulse-b-wvaogwj6af 1.5s ease-in-out infinite;
    margin-left: auto;
}

.mtf-aggregate-card.bearish .signal-pulse[b-wvaogwj6af] {
    background: #ef4444;
}

@keyframes pulse-b-wvaogwj6af {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.3); }
}

/* Confidence Bar - Compact */
.confidence-bar-container[b-wvaogwj6af] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.confidence-bar-bg[b-wvaogwj6af] {
    flex: 1;
    height: 4px;
    background: rgba(255,255,255,0.1);
    border-radius: 2px;
    overflow: hidden;
}

.confidence-bar-fill[b-wvaogwj6af] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.5s ease;
}

.confidence-bar-fill.bullish[b-wvaogwj6af] {
    background: linear-gradient(90deg, #10b981, #34d399);
}

.confidence-bar-fill.bearish[b-wvaogwj6af] {
    background: linear-gradient(90deg, #ef4444, #f87171);
}

.confidence-bar-fill.neutral[b-wvaogwj6af] {
    background: linear-gradient(90deg, #6b7280, #9ca3af);
}

.confidence-value[b-wvaogwj6af] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
    min-width: 32px;
    text-align: right;
}

/* Aggregate Meta */
.aggregate-meta[b-wvaogwj6af] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.65rem;
    color: var(--text-secondary, #aaa);
}

.meta-separator[b-wvaogwj6af] {
    opacity: 0.5;
}

.meta-entry[b-wvaogwj6af] {
    font-weight: 500;
}

.meta-entry.immediate[b-wvaogwj6af] {
    color: #10b981;
}

.meta-entry.wait[b-wvaogwj6af] {
    color: #eab308;
}

.meta-entry.too-late[b-wvaogwj6af] {
    color: #ef4444;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* TIMEFRAME ROWS - Compact */
/* ═══════════════════════════════════════════════════════════════════════════ */

.mtf-timeframes[b-wvaogwj6af] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: rgba(255,255,255,0.02);
    border-radius: 4px;
    padding: 4px;
}

.tf-row[b-wvaogwj6af] {
    display: grid;
    grid-template-columns: 26px 14px 1fr 28px 16px auto;
    align-items: center;
    gap: 4px;
    padding: 3px 4px;
    border-radius: 3px;
    transition: background 0.2s ease, box-shadow 0.2s ease;
}

.tf-row:hover[b-wvaogwj6af] {
    background: rgba(255,255,255,0.03);
}

/* Current timeframe highlight */
.tf-row.current[b-wvaogwj6af] {
    background: rgba(99, 102, 241, 0.15);
    border: 1px solid rgba(99, 102, 241, 0.4);
    box-shadow: 0 0 6px rgba(99, 102, 241, 0.2);
}

.tf-label[b-wvaogwj6af] {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.tf-arrow[b-wvaogwj6af] {
    font-size: 0.7rem;
    text-align: center;
}

.tf-arrow.bullish[b-wvaogwj6af] { color: #10b981; }
.tf-arrow.bearish[b-wvaogwj6af] { color: #ef4444; }
.tf-arrow.neutral[b-wvaogwj6af] { color: #6b7280; }

.tf-bar-container[b-wvaogwj6af] {
    height: 3px;
    background: rgba(255,255,255,0.08);
    border-radius: 2px;
    overflow: hidden;
}

.tf-bar-bg[b-wvaogwj6af] {
    height: 100%;
    width: 100%;
}

.tf-bar-fill[b-wvaogwj6af] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.4s ease;
}

.tf-bar-fill.bullish[b-wvaogwj6af] { background: #10b981; }
.tf-bar-fill.bearish[b-wvaogwj6af] { background: #ef4444; }
.tf-bar-fill.neutral[b-wvaogwj6af] { background: #6b7280; }

.tf-pct[b-wvaogwj6af] {
    font-size: 0.7rem;
    color: var(--text-secondary, #aaa);
    text-align: right;
}

.tf-stage[b-wvaogwj6af] {
    font-size: 0.8rem;
    text-align: center;
}

.tf-stage.confirmed[b-wvaogwj6af] { color: #10b981; }
.tf-stage.forming[b-wvaogwj6af] { 
    color: #eab308; 
    animation: blink-b-wvaogwj6af 1s ease-in-out infinite;
}
.tf-stage.failed[b-wvaogwj6af] { color: #ef4444; }
.tf-stage.expired[b-wvaogwj6af],
.tf-stage.none[b-wvaogwj6af] { color: #6b7280; opacity: 0.5; }

@keyframes blink-b-wvaogwj6af {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

.tf-age[b-wvaogwj6af] {
    font-size: 0.65rem;
    color: var(--text-muted, #666);
    text-align: right;
    min-width: 20px;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* CONTEXT FOOTER */
/* ═══════════════════════════════════════════════════════════════════════════ */

.mtf-context-footer[b-wvaogwj6af] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--text-secondary, #aaa);
    background: rgba(255,255,255,0.02);
    border-radius: 4px;
}

.ctx-separator[b-wvaogwj6af] {
    opacity: 0.3;
}

.ctx-trend.uptrend[b-wvaogwj6af] { color: #10b981; }
.ctx-trend.downtrend[b-wvaogwj6af] { color: #ef4444; }
.ctx-trend.ranging[b-wvaogwj6af] { color: #eab308; }

.ctx-regime.strong[b-wvaogwj6af] { color: #10b981; }
.ctx-regime.weak[b-wvaogwj6af] { color: #eab308; }
.ctx-regime.range[b-wvaogwj6af] { color: #6b7280; }

.ctx-adx[b-wvaogwj6af] {
    color: var(--text-muted, #666);
}

.ctx-live[b-wvaogwj6af] {
    color: #ef4444;
    font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* STATS ROW */
/* ═══════════════════════════════════════════════════════════════════════════ */

.mtf-stats-row[b-wvaogwj6af] {
    display: flex;
    justify-content: space-between;
    padding: 8px;
    background: rgba(255,255,255,0.02);
    border-radius: 4px;
}

.stat-item[b-wvaogwj6af] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.stat-label[b-wvaogwj6af] {
    font-size: 0.65rem;
    color: var(--text-muted, #888);
    text-transform: uppercase;
}

.stat-value[b-wvaogwj6af] {
    font-size: 0.85rem;
    font-weight: 600;
}

.stat-value.excellent[b-wvaogwj6af] { color: #10b981; }
.stat-value.good[b-wvaogwj6af] { color: #34d399; }
.stat-value.moderate[b-wvaogwj6af] { color: #fbbf24; }
.stat-value.weak[b-wvaogwj6af] { color: #6b7280; }
.stat-value.bullish[b-wvaogwj6af] { color: #10b981; }
.stat-value.bearish[b-wvaogwj6af] { color: #ef4444; }
.stat-value.neutral[b-wvaogwj6af] { color: #6b7280; }

/* ═══════════════════════════════════════════════════════════════════════════ */
/* TRIGGERED INDICATORS SECTION */
/* ═══════════════════════════════════════════════════════════════════════════ */

.mtf-indicators-section[b-wvaogwj6af] {
    background: rgba(255,255,255,0.02);
    border-radius: 6px;
    overflow: hidden;
}

.mtf-indicators-section .section-header[b-wvaogwj6af] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    cursor: pointer;
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--text-muted, #888);
    border-bottom: 1px solid var(--border-color, #2a2a4a);
    transition: background 0.2s ease;
}

.mtf-indicators-section .section-header:hover[b-wvaogwj6af] {
    background: rgba(255,255,255,0.03);
}

.header-icon[b-wvaogwj6af] {
    font-size: 0.6rem;
}

.indicators-list[b-wvaogwj6af] {
    padding: 8px 10px;
}

.indicator-group[b-wvaogwj6af] {
    margin-bottom: 8px;
}

.indicator-group:last-child[b-wvaogwj6af] {
    margin-bottom: 0;
}

.group-label[b-wvaogwj6af] {
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 4px;
    display: block;
}

.group-label.bullish[b-wvaogwj6af] { color: #10b981; }
.group-label.bearish[b-wvaogwj6af] { color: #ef4444; }
.group-label.neutral[b-wvaogwj6af] { color: #6b7280; }

.group-items[b-wvaogwj6af] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.indicator-pill[b-wvaogwj6af] {
    font-size: 0.65rem;
    padding: 2px 6px;
    border-radius: 3px;
    background: rgba(255,255,255,0.05);
}

.indicator-pill.bullish[b-wvaogwj6af] {
    background: rgba(16, 185, 129, 0.1);
    color: #34d399;
}

.indicator-pill.bearish[b-wvaogwj6af] {
    background: rgba(239, 68, 68, 0.1);
    color: #f87171;
}

.indicator-pill.neutral[b-wvaogwj6af] {
    background: rgba(107, 114, 128, 0.1);
    color: #9ca3af;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* REFRESH INDICATOR */
/* ═══════════════════════════════════════════════════════════════════════════ */

.refresh-indicator[b-wvaogwj6af] {
    margin-left: auto;
    font-size: 0.9rem;
    color: var(--text-muted, #888);
    animation: spin-b-wvaogwj6af 1s linear infinite;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* BTC ANCHOR MINI (Crypto symbols only) */
/* ═══════════════════════════════════════════════════════════════════════════ */

.btc-anchor-mini[b-wvaogwj6af] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: linear-gradient(135deg, rgba(247, 147, 26, 0.1), rgba(247, 147, 26, 0.05));
    border: 1px solid rgba(247, 147, 26, 0.2);
    border-radius: 6px;
    margin-bottom: 8px;
    font-size: 0.7rem;
}

.btc-anchor-mini .anchor-icon[b-wvaogwj6af] {
    font-size: 1rem;
    color: #f7931a;
}

.btc-anchor-mini .anchor-regime[b-wvaogwj6af] {
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.05);
}

.btc-anchor-mini .anchor-regime.trending-up[b-wvaogwj6af] {
    color: #10b981;
    background: rgba(16, 185, 129, 0.15);
}

.btc-anchor-mini .anchor-regime.trending-down[b-wvaogwj6af] {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.15);
}

.btc-anchor-mini .anchor-regime.high-vol[b-wvaogwj6af] {
    color: #f59e0b;
    background: rgba(245, 158, 11, 0.15);
}

.btc-anchor-mini .anchor-regime.low-vol[b-wvaogwj6af] {
    color: #6b7280;
    background: rgba(107, 114, 128, 0.15);
}

.btc-anchor-mini .anchor-regime.choppy[b-wvaogwj6af] {
    color: #8b5cf6;
    background: rgba(139, 92, 246, 0.15);
}

.btc-anchor-mini .anchor-24h[b-wvaogwj6af] {
    font-weight: 500;
}

.btc-anchor-mini .anchor-24h.positive[b-wvaogwj6af] {
    color: #10b981;
}

.btc-anchor-mini .anchor-24h.negative[b-wvaogwj6af] {
    color: #ef4444;
}

.btc-anchor-mini .anchor-strength[b-wvaogwj6af] {
    margin-left: auto;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 3px;
}

.btc-anchor-mini .anchor-strength.strong[b-wvaogwj6af] {
    color: #10b981;
    background: rgba(16, 185, 129, 0.15);
}

.btc-anchor-mini .anchor-strength.weak[b-wvaogwj6af] {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.15);
}
/* /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/Charts/PlayCreatorModal.razor.rz.scp.css */
/* PlayCreatorModal.razor.css - Styling for the AI Play Creator modal */

/* Backdrop */
.play-creator-backdrop[b-2mdjiz9hd2] {
    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: 10000;
    backdrop-filter: blur(4px);
    animation: fadeIn-b-2mdjiz9hd2 0.15s ease-out;
}

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

/* Modal Container */
.play-creator-modal[b-2mdjiz9hd2] {
    background: var(--bg-surface, #1a1d29);
    border-radius: 16px;
    width: min(600px, 95vw);
    max-height: 90vh;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    animation: slideUp-b-2mdjiz9hd2 0.2s ease-out;
    display: flex;
    flex-direction: column;
}

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

/* Header */
.play-creator-header[b-2mdjiz9hd2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(139, 92, 246, 0.05));
}

.header-content[b-2mdjiz9hd2] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-icon[b-2mdjiz9hd2] {
    font-size: 24px;
}

.header-text h3[b-2mdjiz9hd2] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.header-subtitle[b-2mdjiz9hd2] {
    font-size: 13px;
    color: var(--text-secondary, #9ca3af);
}

.header-actions[b-2mdjiz9hd2] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.usage-badge[b-2mdjiz9hd2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4px 12px;
    background: rgba(99, 102, 241, 0.15);
    border-radius: 8px;
    border: 1px solid rgba(99, 102, 241, 0.3);
}

.usage-badge.depleted[b-2mdjiz9hd2] {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.3);
}

.usage-count[b-2mdjiz9hd2] {
    font-size: 16px;
    font-weight: 700;
    color: var(--accent-color, #6366f1);
}

.usage-badge.depleted .usage-count[b-2mdjiz9hd2] {
    color: #ef4444;
}

.usage-label[b-2mdjiz9hd2] {
    font-size: 10px;
    color: var(--text-secondary, #9ca3af);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.close-btn[b-2mdjiz9hd2] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: none;
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-secondary, #9ca3af);
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

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

/* Body */
.play-creator-body[b-2mdjiz9hd2] {
    padding: 20px 24px;
    overflow-y: auto;
    flex: 1;
}

/* Play Type Tabs */
.play-type-tabs[b-2mdjiz9hd2] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 20px;
}

.play-tab[b-2mdjiz9hd2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 12px 8px;
    border-radius: 10px;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    background: var(--bg-elevated, #252836);
    color: var(--text-secondary, #9ca3af);
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
}

.play-tab:hover:not(.disabled)[b-2mdjiz9hd2] {
    border-color: var(--accent-color, #6366f1);
    background: rgba(99, 102, 241, 0.1);
}

.play-tab.active[b-2mdjiz9hd2] {
    border-color: var(--accent-color, #6366f1);
    background: rgba(99, 102, 241, 0.15);
    color: var(--text-primary, #fff);
}

.play-tab.disabled[b-2mdjiz9hd2] {
    opacity: 0.5;
    cursor: not-allowed;
}

.tab-icon[b-2mdjiz9hd2] {
    font-size: 20px;
}

.tab-label[b-2mdjiz9hd2] {
    font-size: 12px;
    font-weight: 500;
}

.tab-unavailable[b-2mdjiz9hd2] {
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 9px;
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
    padding: 2px 6px;
    border-radius: 4px;
}

/* Configuration Section */
.play-config-section[b-2mdjiz9hd2] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.config-group[b-2mdjiz9hd2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.config-row[b-2mdjiz9hd2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.config-row label[b-2mdjiz9hd2] {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-secondary, #9ca3af);
}

.config-input[b-2mdjiz9hd2],
.config-select[b-2mdjiz9hd2],
.config-textarea[b-2mdjiz9hd2] {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    background: var(--bg-elevated, #252836);
    color: var(--text-primary, #fff);
    font-size: 14px;
    transition: all 0.15s ease;
}

.config-input:focus[b-2mdjiz9hd2],
.config-select:focus[b-2mdjiz9hd2],
.config-textarea:focus[b-2mdjiz9hd2] {
    outline: none;
    border-color: var(--accent-color, #6366f1);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.config-textarea[b-2mdjiz9hd2] {
    resize: vertical;
    min-height: 60px;
}

.config-select[b-2mdjiz9hd2] {
    cursor: pointer;
}

/* Button Group */
.button-group[b-2mdjiz9hd2] {
    display: flex;
    gap: 8px;
}

.option-btn[b-2mdjiz9hd2] {
    flex: 1;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    background: var(--bg-elevated, #252836);
    color: var(--text-secondary, #9ca3af);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.option-btn:hover[b-2mdjiz9hd2] {
    border-color: var(--accent-color, #6366f1);
}

.option-btn.active[b-2mdjiz9hd2] {
    border-color: var(--accent-color, #6366f1);
    background: rgba(99, 102, 241, 0.2);
    color: var(--text-primary, #fff);
}

/* Bull/Bear Bias Buttons */
.bias-group[b-2mdjiz9hd2] {
    display: flex;
    gap: 6px;
}

.bias-icon[b-2mdjiz9hd2] {
    font-size: 14px;
}

.bull-btn:hover[b-2mdjiz9hd2] {
    border-color: #22c55e;
    color: #22c55e;
}

.bear-btn:hover[b-2mdjiz9hd2] {
    border-color: #ef4444;
    color: #ef4444;
}

.option-btn.bullish-active[b-2mdjiz9hd2] {
    border-color: #22c55e !important;
    background: rgba(34, 197, 94, 0.2) !important;
    color: #22c55e !important;
}

.option-btn.bearish-active[b-2mdjiz9hd2] {
    border-color: #ef4444 !important;
    background: rgba(239, 68, 68, 0.2) !important;
    color: #ef4444 !important;
}

/* Checkbox Row */
.checkbox-row label[b-2mdjiz9hd2] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
    color: var(--text-primary, #fff);
}

.checkbox-row input[type="checkbox"][b-2mdjiz9hd2] {
    width: 16px;
    height: 16px;
    accent-color: var(--accent-color, #6366f1);
}

/* Info Badge */
.info-badge[b-2mdjiz9hd2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 8px;
    font-size: 13px;
    color: #93c5fd;
}

.info-icon[b-2mdjiz9hd2] {
    font-size: 16px;
}

/* Error Message */
.error-message[b-2mdjiz9hd2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: 8px;
    color: #f87171;
    font-size: 13px;
    margin-top: 12px;
}

.error-message svg[b-2mdjiz9hd2] {
    flex-shrink: 0;
}

/* Footer */
.play-creator-footer[b-2mdjiz9hd2] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    background: var(--bg-surface, #1a1d29);
}

.cancel-btn[b-2mdjiz9hd2] {
    padding: 10px 20px;
    border-radius: 8px;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    background: transparent;
    color: var(--text-secondary, #9ca3af);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

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

.generate-btn[b-2mdjiz9hd2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    border-radius: 8px;
    border: none;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.generate-btn:hover:not(:disabled)[b-2mdjiz9hd2] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

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

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

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

/* ========== Result View ========== */
.play-creator-result[b-2mdjiz9hd2] {
    padding: 20px 24px;
    overflow-y: auto;
    flex: 1;
}

.result-header[b-2mdjiz9hd2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

.result-confidence[b-2mdjiz9hd2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 20px;
    border-radius: 12px;
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.result-confidence.high[b-2mdjiz9hd2] {
    background: rgba(34, 197, 94, 0.15);
    border-color: rgba(34, 197, 94, 0.3);
}

.result-confidence.medium[b-2mdjiz9hd2] {
    background: rgba(234, 179, 8, 0.15);
    border-color: rgba(234, 179, 8, 0.3);
}

.result-confidence.low[b-2mdjiz9hd2] {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.3);
}

.confidence-value[b-2mdjiz9hd2] {
    font-size: 24px;
    font-weight: 700;
    color: #22c55e;
}

.result-confidence.medium .confidence-value[b-2mdjiz9hd2] {
    color: #eab308;
}

.result-confidence.low .confidence-value[b-2mdjiz9hd2] {
    color: #ef4444;
}

.confidence-label[b-2mdjiz9hd2] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-secondary, #9ca3af);
}

.result-meta[b-2mdjiz9hd2] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.result-direction[b-2mdjiz9hd2] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
}

.result-direction.bullish[b-2mdjiz9hd2] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.result-direction.bearish[b-2mdjiz9hd2] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.result-direction.neutral[b-2mdjiz9hd2] {
    background: rgba(234, 179, 8, 0.15);
    color: #eab308;
}

.result-timestamp[b-2mdjiz9hd2] {
    font-size: 11px;
    color: var(--text-muted, #6b7280);
}

/* Result Content */
.result-content[b-2mdjiz9hd2] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Entry/Target/Stop Section */
.result-levels[b-2mdjiz9hd2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.level-card[b-2mdjiz9hd2] {
    padding: 14px;
    border-radius: 10px;
    background: var(--bg-elevated, #252836);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

.level-card.entry[b-2mdjiz9hd2] {
    border-color: rgba(99, 102, 241, 0.3);
}

.level-card.target[b-2mdjiz9hd2] {
    border-color: rgba(34, 197, 94, 0.3);
}

.level-card.stop[b-2mdjiz9hd2] {
    border-color: rgba(239, 68, 68, 0.3);
}

.level-label[b-2mdjiz9hd2] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-secondary, #9ca3af);
    margin-bottom: 4px;
}

.level-value[b-2mdjiz9hd2] {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.level-card.entry .level-value[b-2mdjiz9hd2] {
    color: #818cf8;
}

.level-card.target .level-value[b-2mdjiz9hd2] {
    color: #22c55e;
}

.level-card.stop .level-value[b-2mdjiz9hd2] {
    color: #ef4444;
}

.level-note[b-2mdjiz9hd2] {
    font-size: 11px;
    color: var(--text-muted, #6b7280);
    margin-top: 4px;
}

/* Rationale Section */
.result-rationale[b-2mdjiz9hd2] {
    padding: 16px;
    border-radius: 10px;
    background: var(--bg-elevated, #252836);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

.rationale-title[b-2mdjiz9hd2] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary, #fff);
    margin-bottom: 10px;
}

.rationale-text[b-2mdjiz9hd2] {
    font-size: 13px;
    line-height: 1.6;
    color: var(--text-secondary, #9ca3af);
}

/* Key Factors */
.key-factors[b-2mdjiz9hd2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.factor-tag[b-2mdjiz9hd2] {
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
    background: rgba(99, 102, 241, 0.1);
    color: #a5b4fc;
    border: 1px solid rgba(99, 102, 241, 0.2);
}

/* Risk Warning */
.risk-warning[b-2mdjiz9hd2] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 8px;
    background: rgba(234, 179, 8, 0.1);
    border: 1px solid rgba(234, 179, 8, 0.2);
}

.risk-warning svg[b-2mdjiz9hd2] {
    flex-shrink: 0;
    color: #eab308;
    margin-top: 2px;
}

.risk-text[b-2mdjiz9hd2] {
    font-size: 12px;
    line-height: 1.5;
    color: #fef08a;
}

/* Options Legs */
.options-legs[b-2mdjiz9hd2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.option-leg[b-2mdjiz9hd2] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 12px;
    align-items: center;
    padding: 10px 14px;
    border-radius: 8px;
    background: var(--bg-elevated, #252836);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

.leg-action[b-2mdjiz9hd2] {
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.leg-action.buy[b-2mdjiz9hd2] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.leg-action.sell[b-2mdjiz9hd2] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.leg-details[b-2mdjiz9hd2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.leg-strike[b-2mdjiz9hd2] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.leg-expiry[b-2mdjiz9hd2] {
    font-size: 11px;
    color: var(--text-muted, #6b7280);
}

.leg-quantity[b-2mdjiz9hd2] {
    font-size: 14px;
    color: var(--text-secondary, #9ca3af);
}

.leg-price[b-2mdjiz9hd2] {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary, #fff);
}

/* Greeks Summary */
.greeks-summary[b-2mdjiz9hd2] {
    display: flex;
    gap: 16px;
    padding: 12px 16px;
    border-radius: 8px;
    background: rgba(99, 102, 241, 0.05);
    border: 1px solid rgba(99, 102, 241, 0.1);
}

.greek-item[b-2mdjiz9hd2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.greek-label[b-2mdjiz9hd2] {
    font-size: 10px;
    text-transform: uppercase;
    color: var(--text-muted, #6b7280);
}

.greek-value[b-2mdjiz9hd2] {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-primary, #fff);
}

/* Result Actions */
.result-actions[b-2mdjiz9hd2] {
    display: flex;
    gap: 12px;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

.action-btn[b-2mdjiz9hd2] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.action-btn.primary[b-2mdjiz9hd2] {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    border: none;
    color: #fff;
}

.action-btn.primary:hover[b-2mdjiz9hd2] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.action-btn.secondary[b-2mdjiz9hd2] {
    background: transparent;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    color: var(--text-secondary, #9ca3af);
}

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

/* Dividend/Earnings Specific */
.event-timing[b-2mdjiz9hd2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.timing-card[b-2mdjiz9hd2] {
    padding: 14px;
    border-radius: 10px;
    background: var(--bg-elevated, #252836);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

.timing-label[b-2mdjiz9hd2] {
    font-size: 11px;
    text-transform: uppercase;
    color: var(--text-muted, #6b7280);
    margin-bottom: 4px;
}

.timing-value[b-2mdjiz9hd2] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.timing-note[b-2mdjiz9hd2] {
    font-size: 11px;
    color: var(--text-secondary, #9ca3af);
    margin-top: 4px;
}

/* Historical Stats */
.historical-stats[b-2mdjiz9hd2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 14px;
    border-radius: 10px;
    background: rgba(99, 102, 241, 0.05);
    border: 1px solid rgba(99, 102, 241, 0.1);
}

.stat-item[b-2mdjiz9hd2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.stat-value[b-2mdjiz9hd2] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.stat-label[b-2mdjiz9hd2] {
    font-size: 10px;
    text-transform: uppercase;
    color: var(--text-muted, #6b7280);
    text-align: center;
}

/* Mobile Responsiveness */
@media (max-width: 640px) {
    .play-creator-modal[b-2mdjiz9hd2] {
        border-radius: 16px 16px 0 0;
        max-height: 95vh;
    }

    .play-type-tabs[b-2mdjiz9hd2] {
        grid-template-columns: repeat(2, 1fr);
    }

    .result-levels[b-2mdjiz9hd2] {
        grid-template-columns: 1fr;
    }

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

    .event-timing[b-2mdjiz9hd2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Dividends/DividendBehaviorProfile.razor.rz.scp.css */
/* Dividend Behavior Profile Component Styles - ULTRA COMPACT VERSION */

.behavior-profile-container[b-9oaa9ui7xu] {
    background: transparent;
    border-radius: 8px;
    padding: 0.25rem 0.5rem;
    border: none;
}

/* Loading & Empty States */
.profile-loading[b-9oaa9ui7xu],
.profile-empty[b-9oaa9ui7xu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    color: var(--text-muted, #6c757d);
    gap: 0.5rem;
}

.profile-empty i[b-9oaa9ui7xu] {
    font-size: 2rem;
    opacity: 0.5;
}

.profile-empty small[b-9oaa9ui7xu] {
    opacity: 0.7;
}

/* Classification Header - ULTRA COMPACT */
.classification-header[b-9oaa9ui7xu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0.6rem;
    border-radius: 6px;
    margin-bottom: 0.35rem;
}

.classification-header.classification-strong[b-9oaa9ui7xu] {
    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2), rgba(32, 201, 151, 0.1));
    border: 1px solid rgba(40, 167, 69, 0.3);
}

.classification-header.classification-trap[b-9oaa9ui7xu] {
    background: linear-gradient(135deg, rgba(220, 53, 69, 0.2), rgba(232, 62, 140, 0.1));
    border: 1px solid rgba(220, 53, 69, 0.3);
}

.classification-header.classification-neutral[b-9oaa9ui7xu] {
    background: linear-gradient(135deg, rgba(108, 117, 125, 0.2), rgba(173, 181, 189, 0.1));
    border: 1px solid rgba(108, 117, 125, 0.3);
}

.classification-badge[b-9oaa9ui7xu] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    font-weight: 600;
}

.classification-strong .classification-badge[b-9oaa9ui7xu] {
    color: #28a745;
}

.classification-trap .classification-badge[b-9oaa9ui7xu] {
    color: #dc3545;
}

.classification-neutral .classification-badge[b-9oaa9ui7xu] {
    color: #adb5bd;
}

.classification-badge i[b-9oaa9ui7xu] {
    font-size: 1rem;
}

.intelligence-score[b-9oaa9ui7xu] {
    text-align: right;
}

.intelligence-score .score-label[b-9oaa9ui7xu] {
    display: block;
    font-size: 0.6rem;
    color: var(--text-muted, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 0.1rem;
}

.intelligence-score .score-value[b-9oaa9ui7xu] {
    font-size: 1.25rem;
    font-weight: 700;
    font-family: 'Source Code Pro', monospace;
}

.intelligence-score .score-value.score-high[b-9oaa9ui7xu] {
    color: #28a745;
}

.intelligence-score .score-value.score-medium[b-9oaa9ui7xu] {
    color: #ffc107;
}

.intelligence-score .score-value.score-low[b-9oaa9ui7xu] {
    color: #dc3545;
}

/* Behavior Summary - ULTRA COMPACT */
.behavior-summary[b-9oaa9ui7xu] {
    margin-bottom: 0.35rem;
    padding: 0.35rem 0.5rem;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    border-left: 2px solid var(--accent-color, #7c4dff);
}

.behavior-summary p[b-9oaa9ui7xu] {
    margin: 0;
    color: var(--text-secondary, #adb5bd);
    font-size: 0.7rem;
    line-height: 1.3;
}

/* Metrics Grid - ULTRA COMPACT 2x2 */
.behavior-metrics-grid[b-9oaa9ui7xu] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.35rem;
    margin-bottom: 0.35rem;
}

/* Behavior Cards - ULTRA COMPACT */
.behavior-card[b-9oaa9ui7xu] {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.behavior-card.card-positive[b-9oaa9ui7xu] {
    border-left: 2px solid #28a745;
}

.behavior-card.card-negative[b-9oaa9ui7xu] {
    border-left: 2px solid #dc3545;
}

.behavior-card.card-neutral[b-9oaa9ui7xu] {
    border-left: 2px solid #6c757d;
}

.behavior-card .card-header[b-9oaa9ui7xu] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.4rem;
    background: rgba(0, 0, 0, 0.15);
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--text-primary, #e0e0e0);
}

.behavior-card .card-header i[b-9oaa9ui7xu] {
    color: var(--accent-color, #7c4dff);
    font-size: 0.7rem;
}

.behavior-card .card-body[b-9oaa9ui7xu] {
    padding: 0.2rem 0.4rem;
}

.metric-row[b-9oaa9ui7xu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.metric-row:last-child[b-9oaa9ui7xu] {
    border-bottom: none;
}

.metric-label[b-9oaa9ui7xu] {
    font-size: 0.6rem;
    color: var(--text-muted, #6c757d);
}

.metric-value[b-9oaa9ui7xu] {
    font-size: 0.7rem;
    font-weight: 600;
    font-family: 'Source Code Pro', monospace;
}

.metric-value.positive[b-9oaa9ui7xu] {
    color: #28a745;
}

.metric-value.negative[b-9oaa9ui7xu] {
    color: #dc3545;
}

.metric-value.neutral[b-9oaa9ui7xu] {
    color: var(--text-secondary, #adb5bd);
}

.metric-value.classification-badge[b-9oaa9ui7xu] {
    padding: 0.15rem 0.35rem;
    border-radius: 3px;
    background: rgba(124, 77, 255, 0.2);
    font-size: 0.6rem;
}

/* Consistency Badge - COMPACT */
.consistency-badge[b-9oaa9ui7xu] {
    padding: 0.15rem 0.35rem;
    border-radius: 3px;
    font-size: 0.65rem;
    font-family: 'Source Code Pro', monospace;
}

.consistency-badge.high[b-9oaa9ui7xu] {
    background: rgba(40, 167, 69, 0.2);
    color: #28a745;
}

.consistency-badge.medium[b-9oaa9ui7xu] {
    background: rgba(255, 193, 7, 0.2);
    color: #ffc107;
}

.consistency-badge.low[b-9oaa9ui7xu] {
    background: rgba(220, 53, 69, 0.2);
    color: #dc3545;
}

/* Score Bar - COMPACT */
.score-bar[b-9oaa9ui7xu] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex: 1;
    margin-left: 0.5rem;
}

.score-bar span[b-9oaa9ui7xu] {
    font-size: 0.6rem;
    font-family: 'Source Code Pro', monospace;
    color: var(--text-secondary, #adb5bd);
    min-width: 18px;
}

.score-fill[b-9oaa9ui7xu] {
    height: 4px;
    background: linear-gradient(90deg, var(--accent-color, #7c4dff), #a78bfa);
    border-radius: 2px;
    flex: 1;
    max-width: 60px;
}

/* Signals Section - ULTRA COMPACT */
.signals-section[b-9oaa9ui7xu] {
    margin-bottom: 0.35rem;
}

.signals-section h6[b-9oaa9ui7xu] {
    color: var(--text-secondary, #adb5bd);
    font-size: 0.6rem;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.signals-section h6 i[b-9oaa9ui7xu] {
    color: #ffc107;
    font-size: 0.7rem;
}

.signals-grid[b-9oaa9ui7xu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.signal-card[b-9oaa9ui7xu] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.15rem 0.35rem;
    border-radius: 4px;
    font-size: 0.6rem;
    font-weight: 500;
}

.signal-card.signal-buy[b-9oaa9ui7xu] {
    background: rgba(40, 167, 69, 0.15);
    color: #28a745;
    border: 1px solid rgba(40, 167, 69, 0.3);
}

.signal-card.signal-short[b-9oaa9ui7xu] {
    background: rgba(232, 62, 140, 0.15);
    color: #e83e8c;
    border: 1px solid rgba(232, 62, 140, 0.3);
}

.signal-card.signal-avoid[b-9oaa9ui7xu] {
    background: rgba(220, 53, 69, 0.15);
    color: #dc3545;
    border: 1px solid rgba(220, 53, 69, 0.3);
}

.signal-card.signal-neutral[b-9oaa9ui7xu] {
    background: rgba(173, 181, 189, 0.15);
    color: #adb5bd;
    border: 1px solid rgba(173, 181, 189, 0.3);
}

/* Score Breakdown Section - ULTRA COMPACT */
.score-breakdown-section[b-9oaa9ui7xu] {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 0.35rem;
}

.score-breakdown-section h6[b-9oaa9ui7xu] {
    color: var(--text-secondary, #adb5bd);
    font-size: 0.6rem;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.score-breakdown-section h6 i[b-9oaa9ui7xu] {
    color: var(--accent-color, #7c4dff);
    font-size: 0.7rem;
}

.score-breakdown-grid[b-9oaa9ui7xu] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 0.25rem;
}

.breakdown-item[b-9oaa9ui7xu] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.breakdown-label[b-9oaa9ui7xu] {
    flex: 0 0 70px;
    font-size: 0.55rem;
    color: var(--text-muted, #6c757d);
}

.breakdown-bar[b-9oaa9ui7xu] {
    flex: 1;
    height: 3px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    overflow: hidden;
}

.breakdown-fill[b-9oaa9ui7xu] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-color, #7c4dff), #a78bfa);
    border-radius: 2px;
    transition: width 0.3s ease;
}

.breakdown-value[b-9oaa9ui7xu] {
    flex: 0 0 18px;
    text-align: right;
    font-size: 0.55rem;
    font-family: 'Source Code Pro', monospace;
    color: var(--text-secondary, #adb5bd);
}

.total-score[b-9oaa9ui7xu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-weight: 600;
}

.total-score span:first-child[b-9oaa9ui7xu] {
    color: var(--text-secondary, #adb5bd);
    font-size: 0.6rem;
}

.total-score .score-high[b-9oaa9ui7xu] {
    color: #28a745;
    font-size: 0.8rem;
}

.total-score .score-medium[b-9oaa9ui7xu] {
    color: #ffc107;
    font-size: 1rem;
}

.total-score .score-low[b-9oaa9ui7xu] {
    color: #dc3545;
    font-size: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .classification-header[b-9oaa9ui7xu] {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
    
    .intelligence-score[b-9oaa9ui7xu] {
        text-align: center;
    }
    
    .behavior-metrics-grid[b-9oaa9ui7xu] {
        grid-template-columns: 1fr;
    }
    
    .breakdown-label[b-9oaa9ui7xu] {
        flex: 0 0 100px;
        font-size: 0.75rem;
    }
    
    .signals-grid[b-9oaa9ui7xu] {
        flex-direction: column;
    }
    
    .signal-card[b-9oaa9ui7xu] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Dividends/DividendDailyPick.razor.rz.scp.css */
/* Dividend Daily Pick - Compact Modern Design */

.daily-picks-compact[b-ddbh0n3492] {
    padding: 0;
}

/* Main Picks Row */
.picks-row[b-ddbh0n3492] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.loading-inline[b-ddbh0n3492] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--bs-secondary);
    font-size: 13px;
    flex: 1;
}

.loading-inline .spinner-border[b-ddbh0n3492] {
    width: 14px;
    height: 14px;
}

/* Pick Item */
.pick-item[b-ddbh0n3492] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

.pick-item.no-pick[b-ddbh0n3492] {
    opacity: 0.5;
}

.pick-label[b-ddbh0n3492] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.pick-item.ai .pick-label[b-ddbh0n3492] {
    color: #10b981;
}

.pick-item.engine .pick-label[b-ddbh0n3492] {
    color: #6366f1;
}

.pick-label i[b-ddbh0n3492] {
    font-size: 12px;
}

.pick-symbol[b-ddbh0n3492] {
    font-size: 15px;
    font-weight: 700;
    color: var(--bs-primary);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
}

.pick-symbol:hover[b-ddbh0n3492] {
    color: #818cf8;
    text-decoration: underline;
}

.pick-action[b-ddbh0n3492] {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    white-space: nowrap;
}

.pick-action.buy-before[b-ddbh0n3492] {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.pick-action.short-gap[b-ddbh0n3492] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.pick-action.buy-after[b-ddbh0n3492] {
    background: rgba(59, 130, 246, 0.15);
    color: #3b82f6;
}

.pick-action.hold[b-ddbh0n3492] {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
}

.pick-action.avoid[b-ddbh0n3492] {
    background: rgba(107, 114, 128, 0.15);
    color: #6b7280;
}

.pick-return[b-ddbh0n3492] {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.pick-return.positive[b-ddbh0n3492] {
    color: #10b981;
}

.pick-return.negative[b-ddbh0n3492] {
    color: #ef4444;
}

.pick-timing[b-ddbh0n3492] {
    font-size: 12px;
    color: var(--bs-secondary);
    white-space: nowrap;
}

.pick-confidence[b-ddbh0n3492] {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 10px;
    white-space: nowrap;
}

.pick-confidence.high[b-ddbh0n3492] {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.pick-confidence.med[b-ddbh0n3492] {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
}

.pick-confidence.low[b-ddbh0n3492] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.btn-info-icon[b-ddbh0n3492] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: rgba(99, 102, 241, 0.1);
    border: 1px solid rgba(99, 102, 241, 0.2);
    border-radius: 50%;
    color: #6366f1;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 12px;
    margin-left: 4px;
}

.btn-info-icon:hover[b-ddbh0n3492] {
    background: rgba(99, 102, 241, 0.2);
    border-color: rgba(99, 102, 241, 0.4);
    color: #818cf8;
}

.no-pick-text[b-ddbh0n3492] {
    font-size: 12px;
    color: var(--bs-secondary);
    font-style: italic;
}

.pick-divider[b-ddbh0n3492] {
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, 0.1);
}

/* Actions */
.picks-actions[b-ddbh0n3492] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.btn-history[b-ddbh0n3492],
.btn-run[b-ddbh0n3492] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: var(--bs-secondary);
    cursor: pointer;
    transition: all 0.2s;
    font-size: 13px;
}

.btn-history[b-ddbh0n3492] {
    width: auto;
    padding: 0 10px;
}

.btn-history:hover[b-ddbh0n3492],
.btn-run:hover[b-ddbh0n3492] {
    background: rgba(255, 255, 255, 0.1);
    color: var(--bs-body-color);
}

.btn-history.active[b-ddbh0n3492] {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: white;
}

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

.btn-run.running[b-ddbh0n3492] {
    background: rgba(245, 158, 11, 0.2);
    border-color: #f59e0b;
}

.history-stat[b-ddbh0n3492] {
    font-weight: 600;
    font-size: 12px;
}

/* History Panel */
.history-panel[b-ddbh0n3492] {
    margin-top: 12px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    overflow: hidden;
    animation: slideDown-b-ddbh0n3492 0.2s ease;
}

@keyframes slideDown-b-ddbh0n3492 {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.history-header[b-ddbh0n3492] {
    padding: 10px 14px;
    background: rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.history-stats[b-ddbh0n3492] {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 12px;
}

.history-stats .stat[b-ddbh0n3492] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--bs-secondary);
}

.history-stats .stat strong[b-ddbh0n3492] {
    color: var(--bs-body-color);
}

.history-stats .stat.win i[b-ddbh0n3492] {
    color: #10b981;
}

.history-stats .stat.loss i[b-ddbh0n3492] {
    color: #ef4444;
}

.history-stats .stat.rate[b-ddbh0n3492] {
    font-weight: 600;
}

.history-stats .stat.rate.good[b-ddbh0n3492] {
    color: #10b981;
}

.history-stats .stat.rate.ok[b-ddbh0n3492] {
    color: #f59e0b;
}

.history-stats .stat.rate.poor[b-ddbh0n3492] {
    color: #ef4444;
}

/* History Table */
.history-table-wrap[b-ddbh0n3492] {
    overflow-x: auto;
    max-height: 300px;
    overflow-y: auto;
}

.history-table[b-ddbh0n3492] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.history-table th[b-ddbh0n3492] {
    background: rgba(0, 0, 0, 0.1);
    padding: 8px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--bs-secondary);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    position: sticky;
    top: 0;
}

.history-table td[b-ddbh0n3492] {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    vertical-align: middle;
}

.history-table tbody tr:hover[b-ddbh0n3492] {
    background: rgba(255, 255, 255, 0.02);
}

.history-table tbody tr.row-win[b-ddbh0n3492] {
    background: rgba(16, 185, 129, 0.04);
}

.history-table tbody tr.row-loss[b-ddbh0n3492] {
    background: rgba(239, 68, 68, 0.04);
}

.link-symbol[b-ddbh0n3492] {
    font-weight: 600;
    color: var(--bs-primary);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 12px;
}

.link-symbol:hover[b-ddbh0n3492] {
    color: #818cf8;
    text-decoration: underline;
}

.badge-source[b-ddbh0n3492] {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 3px;
}

.badge-source.ai[b-ddbh0n3492] {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.badge-source.engine[b-ddbh0n3492] {
    background: rgba(99, 102, 241, 0.15);
    color: #6366f1;
}

.badge-action[b-ddbh0n3492] {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 3px;
}

.badge-action.buy-before[b-ddbh0n3492] {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.badge-action.short-gap[b-ddbh0n3492] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.badge-action.buy-after[b-ddbh0n3492] {
    background: rgba(59, 130, 246, 0.15);
    color: #3b82f6;
}

.badge-action.hold[b-ddbh0n3492] {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
}

.badge-action.avoid[b-ddbh0n3492] {
    background: rgba(107, 114, 128, 0.15);
    color: #6b7280;
}

.badge-result[b-ddbh0n3492] {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
}

.badge-result.win[b-ddbh0n3492] {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.badge-result.loss[b-ddbh0n3492] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.badge-result.pending[b-ddbh0n3492] {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
}

td.positive[b-ddbh0n3492] {
    color: #10b981;
}

td.negative[b-ddbh0n3492] {
    color: #ef4444;
}

/* Responsive */
@media (max-width: 900px) {
    .picks-row[b-ddbh0n3492] {
        flex-wrap: wrap;
    }
    
    .pick-item[b-ddbh0n3492] {
        flex-basis: 100%;
    }
    
    .pick-divider[b-ddbh0n3492] {
        display: none;
    }
    
    .picks-actions[b-ddbh0n3492] {
        flex-basis: 100%;
        justify-content: flex-end;
        margin-top: 8px;
        padding-top: 8px;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
    }
}

@media (max-width: 600px) {
    .pick-timing[b-ddbh0n3492] {
        display: none;
    }
}
/* /Components/Dividends/EventStudyChart.razor.rz.scp.css */
/* Event Study Chart Component Styles - Modern Two-Column Layout */

.event-study-chart-container[b-i7hasljj6d] {
    background: var(--card-bg, #1e1e2e);
    border-radius: 12px;
    padding: 0.75rem;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    height: 100%;
    display: flex;
    flex-direction: column;
}

.event-study-chart-container.enhanced[b-i7hasljj6d] {
    min-height: 380px;
}

/* Loading & Empty States */
.chart-loading[b-i7hasljj6d],
.chart-empty[b-i7hasljj6d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    color: var(--text-muted, #6c757d);
    gap: 1rem;
}

.chart-empty i[b-i7hasljj6d] {
    font-size: 2.5rem;
    opacity: 0.5;
}

.chart-empty small[b-i7hasljj6d] {
    opacity: 0.7;
}

/* Two-Column Grid Layout - Fill container height */
.chart-layout-grid[b-i7hasljj6d] {
    display: grid;
    grid-template-columns: 1fr 200px;
    gap: 0.75rem;
    flex: 1;
    min-height: 320px;
}

/* LEFT COLUMN - Chart Area */
.chart-column[b-i7hasljj6d] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
}

/* Top bar: Legend + Toggle Pills */
.chart-top-bar[b-i7hasljj6d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    gap: 0.5rem;
}

.legend-inline[b-i7hasljj6d] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.legend-inline .legend-item[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.65rem;
    color: var(--text-muted, #6c757d);
}

.legend-inline .legend-item.primary[b-i7hasljj6d] {
    color: #22c55e;
    font-weight: 500;
}

.toggle-pills[b-i7hasljj6d] {
    display: flex;
    gap: 0.35rem;
}

.toggle-pills .pill[b-i7hasljj6d] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 0.2rem 0.5rem;
    font-size: 0.6rem;
    color: var(--text-muted, #6c757d);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.toggle-pills .pill:hover[b-i7hasljj6d] {
    background: rgba(255, 255, 255, 0.1);
}

.toggle-pills .pill.active[b-i7hasljj6d] {
    background: rgba(124, 77, 255, 0.2);
    border-color: rgba(124, 77, 255, 0.4);
    color: var(--accent-color, #7c4dff);
}

.toggle-pills .pill i[b-i7hasljj6d] {
    font-size: 0.55rem;
}

/* Toggle controls container */
.toggle-controls[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.toggle-divider[b-i7hasljj6d] {
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.15);
}

/* Weight Mode Toggle - Phase 3 */
.weight-mode-toggle[b-i7hasljj6d] {
    display: flex;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    padding: 2px;
    gap: 2px;
}

.weight-mode-toggle .mode-btn[b-i7hasljj6d] {
    background: transparent;
    border: none;
    padding: 0.2rem 0.45rem;
    font-size: 0.58rem;
    color: var(--text-muted, #6c757d);
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.weight-mode-toggle .mode-btn:hover[b-i7hasljj6d] {
    background: rgba(255, 255, 255, 0.08);
    color: #adb5bd;
}

.weight-mode-toggle .mode-btn.active[b-i7hasljj6d] {
    background: rgba(124, 77, 255, 0.25);
    color: var(--accent-color, #7c4dff);
    font-weight: 500;
}

/* Recency mode active state - amber accent */
.weight-mode-toggle .mode-btn.active:last-child[b-i7hasljj6d] {
    background: rgba(245, 158, 11, 0.2);
    color: #f59e0b;
}

.weight-mode-toggle .mode-btn i[b-i7hasljj6d] {
    font-size: 0.55rem;
}

/* SVG Chart Wrapper - Fill available space */
.chart-svg-wrapper[b-i7hasljj6d] {
    width: 100%;
    flex: 1;
    min-height: 280px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    overflow: hidden;
}

.event-study-svg[b-i7hasljj6d] {
    width: 100%;
    height: 100%;
}

.event-study-svg[b-i7hasljj6d] {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

/* Grid lines */
[b-i7hasljj6d] .grid-line {
    stroke: rgba(255, 255, 255, 0.08);
    stroke-width: 1;
}

[b-i7hasljj6d] .zero-line {
    stroke: rgba(255, 255, 255, 0.3);
    stroke-width: 1.5;
    stroke-dasharray: 4, 4;
}

[b-i7hasljj6d] .ex-date-line {
    stroke: rgba(255, 107, 107, 0.6);
    stroke-width: 2;
    stroke-dasharray: 6, 3;
}

[b-i7hasljj6d] .ex-date-label {
    fill: rgba(255, 107, 107, 0.8);
    font-size: 12px;
    text-anchor: middle;
}

/* Curves */
[b-i7hasljj6d] .average-curve {
    fill: none;
    stroke: var(--accent-color, #7c4dff);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

[b-i7hasljj6d] .individual-curve {
    fill: none;
    stroke: rgba(124, 77, 255, 0.25);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

[b-i7hasljj6d] .confidence-band {
    fill: rgba(124, 77, 255, 0.15);
    stroke: none;
}

/* Invisible hit area for better hover/click detection */
[b-i7hasljj6d] .data-point-hit-area {
    fill: transparent;
    stroke: none;
    cursor: pointer;
}

[b-i7hasljj6d] .data-point {
    fill: var(--accent-color, #7c4dff);
    stroke: var(--card-bg, #1e1e2e);
    stroke-width: 2;
    transition: r 0.15s ease, fill 0.15s ease, filter 0.15s ease;
}

[b-i7hasljj6d] .data-point:hover,
[b-i7hasljj6d] .data-point.hovered {
    fill: #22c55e;
    filter: drop-shadow(0 0 6px rgba(34, 197, 94, 0.6));
}

/* Weighted mode data points - amber color */
[b-i7hasljj6d] .data-point.weighted {
    fill: #f59e0b;
}

[b-i7hasljj6d] .data-point.weighted:hover,
[b-i7hasljj6d] .data-point.weighted.hovered {
    fill: #fbbf24;
    filter: drop-shadow(0 0 6px rgba(245, 158, 11, 0.6));
}

/* Tooltip group inside SVG */
[b-i7hasljj6d] .tooltip-group rect {
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.5));
}

[b-i7hasljj6d] .tooltip-group text {
    user-select: none;
}

[b-i7hasljj6d] .tooltip-group.pinned rect {
    filter: drop-shadow(0 4px 16px rgba(124, 77, 255, 0.4));
}

/* Axis labels */
[b-i7hasljj6d] .axis-label {
    fill: var(--text-muted, #6c757d);
    font-size: 11px;
    text-anchor: middle;
}

[b-i7hasljj6d] .y-axis-label {
    fill: var(--text-muted, #6c757d);
    font-size: 10px;
    text-anchor: end;
}

/* Metrics Grid */
.chart-metrics[b-i7hasljj6d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.metric-group[b-i7hasljj6d] {
    background: rgba(0, 0, 0, 0.2);
    padding: 1rem;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.metric-label[b-i7hasljj6d] {
    font-size: 0.75rem;
    color: var(--text-muted, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.metric-value[b-i7hasljj6d] {
    font-size: 1.25rem;
    font-weight: 600;
    font-family: 'Source Code Pro', monospace;
}

.metric-value.positive[b-i7hasljj6d] {
    color: #28a745;
}

.metric-value.negative[b-i7hasljj6d] {
    color: #dc3545;
}

.metric-value.neutral[b-i7hasljj6d] {
    color: var(--text-secondary, #adb5bd);
}

/* Consistency Section */
.consistency-section[b-i7hasljj6d] {
    margin-bottom: 1.5rem;
}

.consistency-section h6[b-i7hasljj6d] {
    color: var(--text-secondary, #adb5bd);
    font-size: 0.9rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.consistency-grid[b-i7hasljj6d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    gap: 0.75rem;
}

.consistency-item[b-i7hasljj6d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.window-label[b-i7hasljj6d] {
    font-size: 0.7rem;
    color: var(--text-muted, #6c757d);
}

.consistency-bar[b-i7hasljj6d] {
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    overflow: hidden;
}

.consistency-fill[b-i7hasljj6d] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

.consistency-fill.high[b-i7hasljj6d] {
    background: linear-gradient(90deg, #28a745, #20c997);
}

.consistency-fill.medium[b-i7hasljj6d] {
    background: linear-gradient(90deg, #ffc107, #fd7e14);
}

.consistency-fill.low[b-i7hasljj6d] {
    background: linear-gradient(90deg, #dc3545, #e83e8c);
}

.consistency-value[b-i7hasljj6d] {
    font-size: 0.7rem;
    color: var(--text-secondary, #adb5bd);
    font-family: 'Source Code Pro', monospace;
}

/* Legend */
.chart-legend[b-i7hasljj6d] {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.legend-item[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--text-muted, #6c757d);
}

.legend-line[b-i7hasljj6d] {
    width: 24px;
    height: 3px;
    border-radius: 2px;
}

.legend-line.average[b-i7hasljj6d] {
    background: var(--accent-color, #7c4dff);
}

.legend-line.individual[b-i7hasljj6d] {
    background: rgba(124, 77, 255, 0.4);
}

.legend-band[b-i7hasljj6d] {
    width: 24px;
    height: 12px;
    background: rgba(124, 77, 255, 0.2);
    border-radius: 2px;
}

/* ============================================================ */
/* ENHANCED CHART STYLES - COMPACT VERSION                      */
/* ============================================================ */

/* Enhanced Container */
.event-study-chart-container.enhanced[b-i7hasljj6d] {
    padding: 0.5rem 0.75rem;
    background: transparent;
}

/* Premium Header - Compact */
.chart-header-premium[b-i7hasljj6d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.chart-title-section[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.chart-title-section h6[b-i7hasljj6d] {
    margin: 0;
    color: var(--text-primary, #e0e0e0);
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.chart-title-section h6 i[b-i7hasljj6d] {
    color: var(--accent-color, #7c4dff);
}

/* Verdict Badge */
.behavior-verdict[b-i7hasljj6d] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.verdict-favorable[b-i7hasljj6d] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.verdict-neutral[b-i7hasljj6d] {
    background: rgba(234, 179, 8, 0.15);
    color: #eab308;
    border: 1px solid rgba(234, 179, 8, 0.3);
}

.verdict-weak[b-i7hasljj6d] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.3);
}

/* Premium Controls */
.chart-controls-premium[b-i7hasljj6d] {
    display: flex;
    gap: 0.5rem;
}

.toggle-group[b-i7hasljj6d] {
    display: flex;
    gap: 0.35rem;
    background: rgba(0, 0, 0, 0.3);
    padding: 0.25rem;
    border-radius: 8px;
}

.toggle-group .toggle-option[b-i7hasljj6d] {
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    font-size: 0.7rem;
    transition: all 0.2s ease;
    background: transparent;
}

.toggle-group .toggle-option.active[b-i7hasljj6d] {
    background: rgba(124, 77, 255, 0.25);
    color: var(--accent-color, #7c4dff);
}

.toggle-group .toggle-option input[b-i7hasljj6d] {
    display: none;
}

.toggle-group .toggle-option span[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* Recovery Info */
.recovery-info[b-i7hasljj6d] {
    font-size: 0.8rem;
    color: var(--text-secondary, #adb5bd);
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.recovery-info strong[b-i7hasljj6d] {
    color: #22c55e;
}

/* Median Curve - PRIMARY with glow */
[b-i7hasljj6d] .median-curve {
    fill: none;
    stroke: #22c55e;
    stroke-width: 3;
    stroke-linecap: round;
    filter: drop-shadow(0 0 6px rgba(34, 197, 94, 0.6));
}

/* Average Curve - SECONDARY, faded */
[b-i7hasljj6d] .average-curve {
    fill: none;
    stroke: var(--accent-color, #7c4dff);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.6;
}

/* Percentile Band */
[b-i7hasljj6d] .percentile-band {
    stroke: none;
}

/* Annotation styles */
[b-i7hasljj6d] .annotation-label {
    font-size: 10px;
    text-anchor: middle;
    font-weight: 500;
}

[b-i7hasljj6d] .ex-label {
    fill: rgba(255, 107, 107, 0.9) !important;
    font-weight: 600;
}

/* Premium Metrics Grid - COMPACT */
.chart-metrics-premium[b-i7hasljj6d] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.metrics-row[b-i7hasljj6d] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.metrics-row.primary-metrics[b-i7hasljj6d] {
    justify-content: center;
}

.metrics-row.secondary-metrics[b-i7hasljj6d] {
    justify-content: center;
}

.metric-card[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(0, 0, 0, 0.2);
    padding: 0.35rem 0.6rem;
    border-radius: 6px;
    min-width: auto;
}

.metric-card.highlight-drop[b-i7hasljj6d] {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.15);
}

.metric-icon[b-i7hasljj6d] {
    font-size: 0.9rem;
    color: var(--text-muted, #6c757d);
    opacity: 0.7;
    display: none;  /* Hide icons for compactness */
}

.metric-content[b-i7hasljj6d] {
    display: flex;
    flex-direction: row;
    gap: 0.35rem;
    align-items: baseline;
}

.metric-content .metric-label[b-i7hasljj6d] {
    font-size: 0.6rem;
    color: var(--text-muted, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

.metric-content .metric-value[b-i7hasljj6d] {
    font-size: 0.85rem;
    font-weight: 600;
    font-family: 'JetBrains Mono', 'Source Code Pro', monospace;
}

.metric-subtext[b-i7hasljj6d] {
    font-size: 0.55rem;
    color: var(--text-muted, #6c757d);
    opacity: 0.8;
    display: none;  /* Hide subtext for compactness */
}

/* Stat Badges - COMPACT */
.stat-badge[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.5rem;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.stat-badge.positive[b-i7hasljj6d] {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.2);
}

.stat-badge.positive i[b-i7hasljj6d] {
    color: #22c55e;
}

.stat-badge.neutral[b-i7hasljj6d] {
    background: rgba(234, 179, 8, 0.1);
    border-color: rgba(234, 179, 8, 0.2);
}

.stat-badge.neutral i[b-i7hasljj6d] {
    color: #eab308;
}

.stat-badge.negative[b-i7hasljj6d] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.2);
}

.stat-badge.negative i[b-i7hasljj6d] {
    color: #ef4444;
}

.stat-badge i[b-i7hasljj6d] {
    font-size: 0.75rem;
    opacity: 0.9;
}

.stat-value[b-i7hasljj6d] {
    font-size: 0.75rem;
    font-weight: 600;
    font-family: 'JetBrains Mono', 'Source Code Pro', monospace;
    color: var(--text-primary, #e0e0e0);
}

.stat-label[b-i7hasljj6d] {
    font-size: 0.55rem;
    color: var(--text-muted, #6c757d);
    text-transform: lowercase;
}

/* Compact Legend */
.chart-legend-compact[b-i7hasljj6d] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    padding-top: 0.35rem;
    border-top: none;
}

.chart-legend-compact .legend-item[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.6rem;
    color: var(--text-muted, #6c757d);
}

.legend-hint[b-i7hasljj6d] {
    font-size: 0.5rem;
    color: var(--text-muted, #6c757d);
    opacity: 0.8;
}

.legend-line.median[b-i7hasljj6d] {
    background: #22c55e;
    height: 3px;
    box-shadow: 0 0 4px rgba(34, 197, 94, 0.6);
}

.legend-band.percentile[b-i7hasljj6d] {
    background: linear-gradient(180deg, rgba(99, 102, 241, 0.3) 0%, rgba(99, 102, 241, 0.1) 50%, rgba(99, 102, 241, 0.3) 100%);
}

/* Legend with tooltip */
.legend-item.with-tooltip[b-i7hasljj6d] {
    position: relative;
    cursor: help;
}

.legend-tooltip[b-i7hasljj6d] {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.25rem 0.5rem;
    background: rgba(0, 0, 0, 0.95);
    color: #fff;
    font-size: 0.55rem;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 10;
    margin-bottom: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.legend-item:hover .legend-tooltip[b-i7hasljj6d] {
    display: block;
}

/* ============================================================ */
/* PHASE 2 ENHANCEMENTS                                          */
/* ============================================================ */

/* Typical Play Card */
.typical-play-card[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.6rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.typical-play-card.positive[b-i7hasljj6d] {
    border-color: rgba(34, 197, 94, 0.3);
    background: rgba(34, 197, 94, 0.08);
}

.typical-play-card.negative[b-i7hasljj6d] {
    border-color: rgba(239, 68, 68, 0.3);
    background: rgba(239, 68, 68, 0.08);
}

.typical-play-card.neutral[b-i7hasljj6d] {
    border-color: rgba(234, 179, 8, 0.3);
    background: rgba(234, 179, 8, 0.08);
}

.play-icon[b-i7hasljj6d] {
    font-size: 1rem;
    opacity: 0.9;
}

.typical-play-card.positive .play-icon[b-i7hasljj6d] { color: #22c55e; }
.typical-play-card.negative .play-icon[b-i7hasljj6d] { color: #ef4444; }
.typical-play-card.neutral .play-icon[b-i7hasljj6d] { color: #eab308; }

.play-content[b-i7hasljj6d] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.play-label[b-i7hasljj6d] {
    font-size: 0.5rem;
    color: var(--text-muted, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.play-type[b-i7hasljj6d] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-primary, #e0e0e0);
}

.play-description[b-i7hasljj6d] {
    font-size: 0.55rem;
    color: var(--text-secondary, #adb5bd);
}

.play-timing[b-i7hasljj6d] {
    font-size: 0.55rem;
    font-weight: 500;
    color: #22c55e;
}

/* Verdict Details Expandable */
.verdict-badge-container[b-i7hasljj6d] {
    cursor: pointer;
    position: relative;
}

.verdict-expand[b-i7hasljj6d] {
    font-size: 0.6rem;
    opacity: 0.6;
    transition: transform 0.2s ease;
}

.verdict-badge-container.expanded .verdict-expand[b-i7hasljj6d] {
    transform: rotate(180deg);
}

.verdict-details[b-i7hasljj6d] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 20;
    background: rgba(0, 0, 0, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    padding: 0.5rem;
    margin-top: 0.25rem;
    min-width: 180px;
    backdrop-filter: blur(8px);
}

.reason[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.6rem;
    padding: 0.15rem 0;
}

.reason.positive[b-i7hasljj6d] { color: #22c55e; }
.reason.negative[b-i7hasljj6d] { color: #ef4444; }
.reason.neutral[b-i7hasljj6d] { color: #adb5bd; }

.reason i[b-i7hasljj6d] {
    font-size: 0.7rem;
}

/* Gap Efficiency Display */
.gap-efficiency[b-i7hasljj6d] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 0.5rem;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 0.5rem;
    margin-left: 0.35rem;
}

.efficiency-label[b-i7hasljj6d] {
    color: var(--text-muted, #6c757d);
}

.efficiency-value[b-i7hasljj6d] {
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.55rem;
}

.efficiency-value.high[b-i7hasljj6d] { color: #22c55e; }
.efficiency-value.medium[b-i7hasljj6d] { color: #eab308; }
.efficiency-value.low[b-i7hasljj6d] { color: #ef4444; }

/* Consistency Badge */
.consistency-badge[b-i7hasljj6d] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.5rem;
    border-radius: 12px;
    font-size: 0.6rem;
    font-weight: 500;
    background: rgba(99, 102, 241, 0.15);
    color: #818cf8;
    border: 1px solid rgba(99, 102, 241, 0.3);
}

.consistency-badge i[b-i7hasljj6d] {
    font-size: 0.65rem;
}

/* Chart Tooltip */
.chart-tooltip[b-i7hasljj6d] {
    position: absolute;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    padding: 0.5rem;
    min-width: 110px;
    z-index: 100;
    backdrop-filter: blur(8px);
    transform: translateX(-50%);
}

.tooltip-header[b-i7hasljj6d] {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--accent-color, #7c4dff);
    margin-bottom: 0.25rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.tooltip-row[b-i7hasljj6d] {
    display: flex;
    justify-content: space-between;
    font-size: 0.55rem;
    padding: 0.1rem 0;
    color: var(--text-secondary, #adb5bd);
}

.tooltip-row span:last-child[b-i7hasljj6d] {
    font-family: 'JetBrains Mono', monospace;
}

/* Entry Window Zone */
[b-i7hasljj6d] .entry-zone {
    fill: rgba(34, 197, 94, 0.12);
    stroke: rgba(34, 197, 94, 0.3);
    stroke-width: 1;
    rx: 4;
}

[b-i7hasljj6d] .entry-label {
    fill: #22c55e;
    font-size: 9px;
    font-weight: 500;
    text-anchor: middle;
}

/* Metric Number Badge */
.metric-number[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(124, 77, 255, 0.2);
    color: var(--accent-color, #7c4dff);
    font-size: 0.5rem;
    font-weight: 600;
    margin-right: 0.25rem;
}

/* Bottom Timing Metric */
.bottom-timing[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.bottom-timing .metric-value[b-i7hasljj6d] {
    color: #ef4444;
}

/* Responsive */
@media (max-width: 768px) {
    .chart-header[b-i7hasljj6d] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .chart-header-premium[b-i7hasljj6d] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .chart-title-section[b-i7hasljj6d] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .chart-description[b-i7hasljj6d] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .chart-metrics[b-i7hasljj6d] {
        grid-template-columns: 1fr;
    }
    
    .metric-card[b-i7hasljj6d] {
        min-width: 100%;
    }
    
    .stat-badge[b-i7hasljj6d] {
        flex: 1;
        min-width: 100px;
    }
    
    .consistency-grid[b-i7hasljj6d] {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .chart-legend[b-i7hasljj6d] {
        gap: 1rem;
    }
    
    .toggle-group[b-i7hasljj6d] {
        flex-wrap: wrap;
    }
    
    /* Mobile: Stack columns */
    .chart-layout-grid[b-i7hasljj6d] {
        grid-template-columns: 1fr;
    }
    
    .stats-column[b-i7hasljj6d] {
        order: -1;
    }
}

/* ===== RIGHT COLUMN - Stats Panel ===== */
.stats-column[b-i7hasljj6d] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 200px;
}

/* Chart Info Bar */
.chart-info-bar[b-i7hasljj6d] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-start;
    padding: 0.35rem 0;
}

.sample-badge[b-i7hasljj6d],
.recovery-badge[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.6rem;
    color: var(--text-muted, #6c757d);
    background: rgba(0, 0, 0, 0.2);
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
}

.sample-badge strong[b-i7hasljj6d],
.recovery-badge strong[b-i7hasljj6d] {
    color: var(--accent-color, #7c4dff);
}

.recovery-badge strong[b-i7hasljj6d] {
    color: #22c55e;
}

/* Verdict Card (always expanded) */
.verdict-card[b-i7hasljj6d] {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    padding: 0.5rem;
    border: 1px solid transparent;
}

.verdict-card.verdict-favorable[b-i7hasljj6d] {
    border-color: rgba(34, 197, 94, 0.3);
    background: rgba(34, 197, 94, 0.08);
}

.verdict-card.verdict-neutral[b-i7hasljj6d] {
    border-color: rgba(234, 179, 8, 0.3);
    background: rgba(234, 179, 8, 0.08);
}

.verdict-card.verdict-weak[b-i7hasljj6d] {
    border-color: rgba(239, 68, 68, 0.3);
    background: rgba(239, 68, 68, 0.08);
}

.verdict-header[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.3rem;
}

.verdict-icon[b-i7hasljj6d] {
    font-size: 0.85rem;
}

.verdict-text[b-i7hasljj6d] {
    font-size: 0.7rem;
    font-weight: 600;
    flex: 1;
    color: var(--text-primary, #e0e0e0);
}

.verdict-reasons[b-i7hasljj6d] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.verdict-reasons .reason[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.55rem;
    padding: 0.1rem 0;
    line-height: 1.2;
}

.verdict-reasons .reason.positive[b-i7hasljj6d] { color: #22c55e; }
.verdict-reasons .reason.negative[b-i7hasljj6d] { color: #ef4444; }
.verdict-reasons .reason.neutral[b-i7hasljj6d] { color: #adb5bd; }

.verdict-reasons .reason i[b-i7hasljj6d] {
    font-size: 0.5rem;
    flex-shrink: 0;
}

/* Play Card */
.play-card[b-i7hasljj6d] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 0.5rem 0.6rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.play-card.positive[b-i7hasljj6d] {
    border-color: rgba(34, 197, 94, 0.25);
}

.play-card.negative[b-i7hasljj6d] {
    border-color: rgba(239, 68, 68, 0.25);
}

.play-header[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.play-icon[b-i7hasljj6d] {
    font-size: 0.85rem;
    color: var(--accent-color, #7c4dff);
}

.play-card.positive .play-icon[b-i7hasljj6d] {
    color: #22c55e;
}

.play-card.negative .play-icon[b-i7hasljj6d] {
    color: #ef4444;
}

.play-type[b-i7hasljj6d] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-primary, #e0e0e0);
}

.play-timing[b-i7hasljj6d] {
    font-size: 0.55rem;
    color: #22c55e;
    margin-top: 0.2rem;
}

/* Stats Flow - Compact Vertical Stack */
.stats-flow.compact-grid[b-i7hasljj6d] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.stat-item-compact[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(0, 0, 0, 0.15);
    padding: 0.3rem 0.5rem;
    border-radius: 4px;
}

.stat-item-compact.highlight[b-i7hasljj6d] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.stat-item-compact .stat-badge[b-i7hasljj6d] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 50%;
    background: rgba(124, 77, 255, 0.3);
    color: var(--accent-color, #7c4dff);
    font-size: 0.55rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-item-compact.highlight .stat-badge[b-i7hasljj6d] {
    background: rgba(239, 68, 68, 0.3);
    color: #ef4444;
}

.stat-item-compact .stat-label[b-i7hasljj6d] {
    font-size: 0.55rem;
    color: var(--text-muted, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    min-width: 45px;
}

.stat-item-compact .stat-value[b-i7hasljj6d] {
    font-size: 0.75rem;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    margin-left: auto;
}

.stat-item-compact .stat-value.text-success[b-i7hasljj6d] { color: #22c55e; }
.stat-item-compact .stat-value.text-danger[b-i7hasljj6d] { color: #ef4444; }

.stat-item-compact .efficiency-tag[b-i7hasljj6d] {
    font-size: 0.5rem;
    padding: 0.1rem 0.25rem;
    border-radius: 3px;
    font-family: 'JetBrains Mono', monospace;
    margin-left: 0.3rem;
    background: rgba(234, 179, 8, 0.2);
    color: #eab308;
}

/* Legacy stats-flow styles kept for reference */
.stats-flow:not(.compact-grid)[b-i7hasljj6d] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.stat-item[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(0, 0, 0, 0.15);
    padding: 0.4rem 0.5rem;
    border-radius: 6px;
    border-left: 2px solid transparent;
}

.stat-item.highlight[b-i7hasljj6d] {
    background: rgba(239, 68, 68, 0.1);
    border-left-color: #ef4444;
}

.stat-item .stat-number[b-i7hasljj6d] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(124, 77, 255, 0.2);
    color: var(--accent-color, #7c4dff);
    font-size: 0.55rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-item .stat-content[b-i7hasljj6d] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.stat-item .stat-label[b-i7hasljj6d] {
    font-size: 0.55rem;
    color: var(--text-muted, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.stat-item .stat-value[b-i7hasljj6d] {
    font-size: 0.75rem;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
}

.stat-item .stat-value.positive[b-i7hasljj6d] { color: #22c55e; }
.stat-item .stat-value.negative[b-i7hasljj6d] { color: #ef4444; }
.stat-item .stat-value.neutral[b-i7hasljj6d] { color: var(--text-primary, #e0e0e0); }

.efficiency-tag[b-i7hasljj6d] {
    font-size: 0.5rem;
    padding: 0.1rem 0.3rem;
    border-radius: 4px;
    font-family: 'JetBrains Mono', monospace;
}

.efficiency-tag.high[b-i7hasljj6d] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.efficiency-tag.medium[b-i7hasljj6d] {
    background: rgba(234, 179, 8, 0.15);
    color: #eab308;
}

.efficiency-tag.low[b-i7hasljj6d] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

/* Behavior Badges */
.behavior-badges[b-i7hasljj6d] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.badge-item[b-i7hasljj6d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    padding: 0.35rem 0.5rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    flex: 1;
    min-width: 55px;
}

.badge-item.positive[b-i7hasljj6d] {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.badge-item.negative[b-i7hasljj6d] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.badge-item.neutral[b-i7hasljj6d] {
    background: rgba(99, 102, 241, 0.1);
    border: 1px solid rgba(99, 102, 241, 0.2);
}

.badge-item i[b-i7hasljj6d] {
    font-size: 0.7rem;
    color: var(--text-muted, #6c757d);
}

.badge-item.positive i[b-i7hasljj6d] { color: #22c55e; }
.badge-item.negative i[b-i7hasljj6d] { color: #ef4444; }
.badge-item.neutral i[b-i7hasljj6d] { color: #818cf8; }

.badge-item span[b-i7hasljj6d] {
    font-size: 0.75rem;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
}

.badge-item small[b-i7hasljj6d] {
    font-size: 0.5rem;
    color: var(--text-muted, #6c757d);
}

/* Entry Window Card */
.entry-window-card[b-i7hasljj6d] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0.6rem;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(34, 197, 94, 0.05));
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 8px;
}

.entry-window-card i[b-i7hasljj6d] {
    font-size: 0.85rem;
    color: #22c55e;
}

.entry-label[b-i7hasljj6d] {
    font-size: 0.55rem;
    color: var(--text-muted, #6c757d);
    text-transform: uppercase;
}

.entry-range[b-i7hasljj6d] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #22c55e;
    font-family: 'JetBrains Mono', monospace;
    margin-left: auto;
}
/* /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;
}

/* Version Badge - Next to Logo */
.version-badge[b-2872pg1ztg] {
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 500;
    padding: 2px 6px;
    background: rgba(0, 229, 204, 0.1);
    color: var(--primary);
    border: 1px solid rgba(0, 229, 204, 0.2);
    border-radius: var(--radius-sm);
    letter-spacing: 0.02em;
    opacity: 0.7;
    transition: opacity var(--transition-fast);
}

.brand-link:hover .version-badge[b-2872pg1ztg] {
    opacity: 1;
}

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

.item-badge.crypto[b-2872pg1ztg] {
    background: linear-gradient(135deg, #f7931a 0%, #ff9500 100%);
    color: white;
    box-shadow: 0 0 8px rgba(247, 147, 26, 0.3);
    animation: crypto-pulse-b-2872pg1ztg 2s infinite;
}

@keyframes crypto-pulse-b-2872pg1ztg {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(247, 147, 26, 0.4);
        opacity: 1;
    }
    50% {
        box-shadow: 0 0 0 4px rgba(247, 147, 26, 0);
        opacity: 0.9;
    }
}

@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/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/MarketOverview/ActiveSignalsPanel.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   ActiveSignalsPanel.razor.css
   Real-time active signals display with pulse animations
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── Main Card Container ────────────────────────────────────────────────────── */
.signals-card[b-7k1b1gjy1c] {
    background: rgba(15, 23, 42, 0.6);
    border-radius: 12px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* ── Section Header ─────────────────────────────────────────────────────────── */
.section-header[b-7k1b1gjy1c] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.section-icon[b-7k1b1gjy1c] {
    font-size: 1.25rem;
}

.section-title[b-7k1b1gjy1c] {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #94a3b8;
    text-transform: uppercase;
}

/* ── Signals List ───────────────────────────────────────────────────────────── */
.signals-list[b-7k1b1gjy1c] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* ── Signal Row ─────────────────────────────────────────────────────────────── */
.signal-row[b-7k1b1gjy1c] {
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.signal-row:last-child[b-7k1b1gjy1c] {
    border-bottom: none;
}

.signal-row.forming[b-7k1b1gjy1c] {
    opacity: 0.85;
}

.signal-main[b-7k1b1gjy1c] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── Signal Dot with Pulse Animation ────────────────────────────────────────── */
.signal-dot[b-7k1b1gjy1c] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.signal-dot.bullish[b-7k1b1gjy1c] {
    background: #22c55e;
    animation: signal-pulse-green-b-7k1b1gjy1c 2s ease-in-out infinite;
    box-shadow: 0 0 6px rgba(34, 197, 94, 0.5);
}

.signal-dot.bearish[b-7k1b1gjy1c] {
    background: #ef4444;
    animation: signal-pulse-red-b-7k1b1gjy1c 2s ease-in-out infinite;
    box-shadow: 0 0 6px rgba(239, 68, 68, 0.5);
}

.signal-dot.forming[b-7k1b1gjy1c] {
    background: #f59e0b;
    animation: signal-pulse-amber-b-7k1b1gjy1c 2s ease-in-out infinite;
    box-shadow: 0 0 6px rgba(245, 158, 11, 0.5);
}

@keyframes signal-pulse-green-b-7k1b1gjy1c {
    0%, 100% { 
        opacity: 1; 
        transform: scale(1);
        box-shadow: 0 0 6px rgba(34, 197, 94, 0.5);
    }
    50% { 
        opacity: 0.6; 
        transform: scale(1.1);
        box-shadow: 0 0 12px rgba(34, 197, 94, 0.7);
    }
}

@keyframes signal-pulse-red-b-7k1b1gjy1c {
    0%, 100% { 
        opacity: 1; 
        transform: scale(1);
        box-shadow: 0 0 6px rgba(239, 68, 68, 0.5);
    }
    50% { 
        opacity: 0.6; 
        transform: scale(1.1);
        box-shadow: 0 0 12px rgba(239, 68, 68, 0.7);
    }
}

@keyframes signal-pulse-amber-b-7k1b1gjy1c {
    0%, 100% { 
        opacity: 1; 
        transform: scale(1);
        box-shadow: 0 0 6px rgba(245, 158, 11, 0.5);
    }
    50% { 
        opacity: 0.6; 
        transform: scale(1.1);
        box-shadow: 0 0 12px rgba(245, 158, 11, 0.7);
    }
}

/* ── Signal Text ────────────────────────────────────────────────────────────── */
.signal-text[b-7k1b1gjy1c] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    font-size: 0.9rem;
    color: #e2e8f0;
}

.signal-symbol[b-7k1b1gjy1c] {
    font-weight: 700;
    color: #f8fafc;
}

.signal-timeframe[b-7k1b1gjy1c] {
    font-weight: 500;
    color: #94a3b8;
    font-size: 0.85rem;
}

.signal-description[b-7k1b1gjy1c] {
    color: #cbd5e1;
}

.signal-confidence[b-7k1b1gjy1c] {
    color: #3b82f6;
    font-weight: 600;
}

/* ── Signal Meta (Status) ───────────────────────────────────────────────────── */
.signal-meta[b-7k1b1gjy1c] {
    color: #64748b;
    font-size: 0.75rem;
    margin-left: 20px;
    margin-top: 4px;
}

/* ── No Signals State ───────────────────────────────────────────────────────── */
.no-signals[b-7k1b1gjy1c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    gap: 8px;
    flex: 1;
}

.no-signals-icon[b-7k1b1gjy1c] {
    font-size: 1.5rem;
    opacity: 0.5;
}

.no-signals span:not(.no-signals-icon):not(.no-signals-hint)[b-7k1b1gjy1c] {
    color: #64748b;
    font-size: 0.9rem;
}

.no-signals-hint[b-7k1b1gjy1c] {
    color: #475569;
    font-size: 0.75rem;
}

/* ── View All Link ──────────────────────────────────────────────────────────── */
.view-all-link[b-7k1b1gjy1c] {
    display: inline-block;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    color: #3b82f6;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    transition: color 0.2s ease;
}

.view-all-link:hover[b-7k1b1gjy1c] {
    color: #60a5fa;
    text-decoration: underline;
}

/* ── Responsive ─────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .signals-card[b-7k1b1gjy1c] {
        padding: 16px;
    }
    
    .signal-text[b-7k1b1gjy1c] {
        font-size: 0.85rem;
    }
    
    .signal-meta[b-7k1b1gjy1c] {
        margin-left: 16px;
    }
}
/* /Components/MarketOverview/CapitalAllocationPanel.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   CapitalAllocationPanel.razor.css
   Premium allocation card with visual bars showing capital distribution
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── Main Card Container ────────────────────────────────────────────────────── */
.allocation-card[b-gpgkyepr86] {
    background: rgba(15, 23, 42, 0.6);
    border-radius: 12px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* ── Section Header ─────────────────────────────────────────────────────────── */
.section-header[b-gpgkyepr86] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.section-icon[b-gpgkyepr86] {
    font-size: 1.25rem;
}

.section-title[b-gpgkyepr86] {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #94a3b8;
    text-transform: uppercase;
}

/* ── Best Opportunity Badge ─────────────────────────────────────────────────── */
.best-badge[b-gpgkyepr86] {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(34, 197, 94, 0.05));
    border: 1px solid rgba(34, 197, 94, 0.3);
    padding: 10px 14px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-weight: 600;
    color: #22c55e;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    animation: badge-glow-b-gpgkyepr86 3s ease-in-out infinite;
}

@keyframes badge-glow-b-gpgkyepr86 {
    0%, 100% {
        box-shadow: 0 0 10px rgba(34, 197, 94, 0.2);
    }
    50% {
        box-shadow: 0 0 20px rgba(34, 197, 94, 0.4);
    }
}

/* ── Allocation Row ─────────────────────────────────────────────────────────── */
.allocation-row[b-gpgkyepr86] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0 4px 0;
}

.allocation-row.best .allocation-symbol[b-gpgkyepr86] {
    color: #22c55e;
    font-weight: 700;
}

.allocation-symbol[b-gpgkyepr86] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #e2e8f0;
    min-width: 40px;
}

.allocation-arrow[b-gpgkyepr86] {
    color: #475569;
    font-size: 0.85rem;
}

.allocation-bar-container[b-gpgkyepr86] {
    flex: 1;
    height: 10px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 5px;
    overflow: hidden;
}

.allocation-bar[b-gpgkyepr86] {
    height: 100%;
    border-radius: 5px;
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.allocation-bar.best[b-gpgkyepr86] {
    background: linear-gradient(90deg, #22c55e, #16a34a);
    box-shadow: 0 0 10px rgba(34, 197, 94, 0.4);
}

.allocation-bar.good[b-gpgkyepr86] {
    background: linear-gradient(90deg, #3b82f6, #2563eb);
}

.allocation-bar.lagging[b-gpgkyepr86] {
    background: linear-gradient(90deg, #f59e0b, #d97706);
}

.allocation-percent[b-gpgkyepr86] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #e2e8f0;
    min-width: 40px;
    text-align: right;
}

/* ── Allocation Rationale ───────────────────────────────────────────────────── */
.allocation-rationale[b-gpgkyepr86] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 0 8px 52px;
    font-size: 0.75rem;
    color: #94a3b8;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.allocation-rationale:last-child[b-gpgkyepr86] {
    border-bottom: none;
}

.allocation-rationale .checkmark[b-gpgkyepr86] {
    color: #22c55e;
}

.allocation-rationale .warning[b-gpgkyepr86] {
    color: #f59e0b;
}

/* ── No Data State ──────────────────────────────────────────────────────────── */
.no-data[b-gpgkyepr86] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    color: #64748b;
    font-size: 0.85rem;
}

/* ── Responsive ─────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .allocation-card[b-gpgkyepr86] {
        padding: 16px;
    }
    
    .best-badge[b-gpgkyepr86] {
        font-size: 0.85rem;
        padding: 8px 12px;
    }
    
    .allocation-rationale[b-gpgkyepr86] {
        padding-left: 40px;
    }
}
/* /Components/MarketOverview/ContextTabs.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   ContextTabs.razor.css
   Supporting data organized by category with smooth tab transitions
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── Main Container ────────────────────────────────────────────────────────────── */
.context-tabs-container[b-gfqs8yldja] {
    border-radius: 12px;
    background: linear-gradient(145deg, #0f172a, #020617);
    border: 1px solid rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

/* ── Tabs Header ──────────────────────────────────────────────────────────────── */
.tabs-header[b-gfqs8yldja] {
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.2);
}

.tab-button[b-gfqs8yldja] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 16px;
    background: transparent;
    border: none;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    color: #64748b;
}

.tab-button:hover[b-gfqs8yldja] {
    background: rgba(255, 255, 255, 0.03);
    color: #94a3b8;
}

.tab-button.active[b-gfqs8yldja] {
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.02);
}

.tab-button.active[b-gfqs8yldja]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20%;
    right: 20%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #3b82f6, transparent);
    box-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
}

.tab-icon[b-gfqs8yldja] {
    font-size: 1rem;
}

.tab-label[b-gfqs8yldja] {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.05em;
}

/* ── Tabs Content ─────────────────────────────────────────────────────────────── */
.tabs-content[b-gfqs8yldja] {
    padding: 20px;
    min-height: 200px;
}

.tab-panel[b-gfqs8yldja] {
    display: none;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.tab-panel.active[b-gfqs8yldja] {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* ── Overview Tab ─────────────────────────────────────────────────────────────── */
.overview-grid[b-gfqs8yldja] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}

.overview-stat[b-gfqs8yldja] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    border-left: 2px solid rgba(255, 255, 255, 0.1);
}

.stat-label[b-gfqs8yldja] {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #64748b;
}

.stat-value[b-gfqs8yldja] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #e2e8f0;
}

.stat-value.bullish[b-gfqs8yldja] {
    color: #22c55e;
}

.stat-value.mixed[b-gfqs8yldja] {
    color: #f59e0b;
}

.stat-value.bearish[b-gfqs8yldja] {
    color: #ef4444;
}

.stat-value.caution[b-gfqs8yldja] {
    color: #f97316;
}

.market-read-box[b-gfqs8yldja] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(59, 130, 246, 0.1);
    border-radius: 8px;
    border-left: 3px solid #3b82f6;
}

.read-label[b-gfqs8yldja] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #60a5fa;
}

.read-text[b-gfqs8yldja] {
    font-size: 0.9rem;
    color: #e2e8f0;
    line-height: 1.5;
}

/* ── Internals Tab ────────────────────────────────────────────────────────────── */
.internals-grid[b-gfqs8yldja] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}

.internal-metric[b-gfqs8yldja] {
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
}

.metric-header[b-gfqs8yldja] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.metric-icon[b-gfqs8yldja] {
    font-size: 0.9rem;
}

.metric-name[b-gfqs8yldja] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #94a3b8;
}

.metric-bar[b-gfqs8yldja] {
    height: 6px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 8px;
}

.metric-fill[b-gfqs8yldja] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.5s ease;
}

.metric-fill.positive[b-gfqs8yldja] {
    background: linear-gradient(90deg, #22c55e, #4ade80);
}

.metric-fill.neutral[b-gfqs8yldja] {
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
}

.metric-fill.negative[b-gfqs8yldja] {
    background: linear-gradient(90deg, #ef4444, #f87171);
}

.metric-fill.strength.strong[b-gfqs8yldja] {
    background: linear-gradient(90deg, #22c55e, #4ade80);
}

.metric-fill.strength.moderate[b-gfqs8yldja] {
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
}

.metric-fill.strength.weak[b-gfqs8yldja] {
    background: linear-gradient(90deg, #6b7280, #9ca3af);
}

.metric-value[b-gfqs8yldja] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #e2e8f0;
    text-align: right;
}

.risk-override-alert[b-gfqs8yldja] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(239, 68, 68, 0.15);
    border-radius: 8px;
    border: 1px solid rgba(239, 68, 68, 0.3);
    margin-bottom: 16px;
    animation: pulse-risk-b-gfqs8yldja 2s ease-in-out infinite;
}

@keyframes pulse-risk-b-gfqs8yldja {
    0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.2); }
    50% { box-shadow: 0 0 15px 0 rgba(239, 68, 68, 0.3); }
}

.alert-icon[b-gfqs8yldja] {
    font-size: 1rem;
}

.alert-text[b-gfqs8yldja] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #fca5a5;
}

.sector-hints[b-gfqs8yldja] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
}

.hints-label[b-gfqs8yldja] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #64748b;
}

.hints-text[b-gfqs8yldja] {
    font-size: 0.85rem;
    color: #94a3b8;
}

/* ── Sentiment Tab ────────────────────────────────────────────────────────────── */
.sentiment-display[b-gfqs8yldja] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.greed-fear-gauge[b-gfqs8yldja] {
    padding: 16px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 10px;
}

.gauge-label[b-gfqs8yldja] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #64748b;
    margin-bottom: 12px;
}

.gauge-visual[b-gfqs8yldja] {
    margin-bottom: 12px;
}

.gauge-track[b-gfqs8yldja] {
    position: relative;
    height: 12px;
    background: linear-gradient(90deg, #ef4444, #f59e0b, #fbbf24, #22c55e, #16a34a);
    border-radius: 6px;
    overflow: hidden;
}

.gauge-fill[b-gfqs8yldja] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: transparent;
}

.gauge-marker[b-gfqs8yldja] {
    position: absolute;
    top: -4px;
    width: 4px;
    height: 20px;
    background: #ffffff;
    border-radius: 2px;
    transform: translateX(-50%);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

.gauge-labels[b-gfqs8yldja] {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}

.gauge-labels span[b-gfqs8yldja] {
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.extreme-fear[b-gfqs8yldja] {
    color: #ef4444;
}

.neutral[b-gfqs8yldja] {
    color: #fbbf24;
}

.extreme-greed[b-gfqs8yldja] {
    color: #22c55e;
}

.gauge-value[b-gfqs8yldja] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.value-number[b-gfqs8yldja] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #e2e8f0;
}

.value-label[b-gfqs8yldja] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #94a3b8;
}

.contrarian-signal[b-gfqs8yldja] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-radius: 8px;
}

.contrarian-signal.bullish-contrarian[b-gfqs8yldja] {
    background: rgba(34, 197, 94, 0.1);
    border-left: 3px solid #22c55e;
}

.contrarian-signal.bearish-contrarian[b-gfqs8yldja] {
    background: rgba(239, 68, 68, 0.1);
    border-left: 3px solid #ef4444;
}

.signal-icon[b-gfqs8yldja] {
    font-size: 1rem;
}

.signal-label[b-gfqs8yldja] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #64748b;
}

.signal-text[b-gfqs8yldja] {
    font-size: 0.85rem;
    color: #e2e8f0;
}

.divergence-alert[b-gfqs8yldja] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    background: rgba(245, 158, 11, 0.1);
    border-radius: 8px;
    border-left: 3px solid #f59e0b;
}

.divergence-icon[b-gfqs8yldja] {
    font-size: 1rem;
}

.divergence-label[b-gfqs8yldja] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #f59e0b;
}

.divergence-text[b-gfqs8yldja] {
    font-size: 0.85rem;
    color: #e2e8f0;
}

.sentiment-interpretation[b-gfqs8yldja] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    background: rgba(59, 130, 246, 0.08);
    border-radius: 8px;
}

.interp-icon[b-gfqs8yldja] {
    font-size: 1rem;
    margin-top: 2px;
}

.interp-text[b-gfqs8yldja] {
    font-size: 0.85rem;
    color: #94a3b8;
    line-height: 1.5;
}

/* ── Responsive ───────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .overview-grid[b-gfqs8yldja] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .internals-grid[b-gfqs8yldja] {
        grid-template-columns: 1fr;
    }
    
    .tab-label[b-gfqs8yldja] {
        display: none;
    }
    
    .tab-icon[b-gfqs8yldja] {
        font-size: 1.2rem;
    }
}
/* /Components/MarketOverview/HeroSection.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   HeroSection.razor.css
   Premium Hero component with 2-column layout (8fr + 4fr)
   Features: Pro trader language, confidence honesty layer, micro-pulse animations
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── Main Hero Container ────────────────────────────────────────────────────── */
.hero[b-15bo81jp0b] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 28px;
    align-items: center;
    border-radius: 16px;
    padding: 28px 32px;
    background: linear-gradient(135deg, #0f172a, #020617);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 calc(var(--intensity, 0.5) * 40px) rgba(var(--state-color-rgb, 34, 197, 94), 0.2);
    transition: box-shadow 0.5s ease;
}

/* ── Left Column: Score Ring ────────────────────────────────────────────────── */
.hero-score-column[b-15bo81jp0b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* ── Right Column: Content ──────────────────────────────────────────────────── */
.hero-content-column[b-15bo81jp0b] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Legacy support for old class names */
.hero-left[b-15bo81jp0b] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Market State Header */
.market-state[b-15bo81jp0b] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.state-emoji[b-15bo81jp0b] {
    font-size: 1.75rem;
}

.state-label[b-15bo81jp0b] {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--state-color, #facc15);
    text-shadow: 0 0 20px rgba(var(--state-color-rgb, 250, 204, 21), 0.3);
}

/* Trade Action Section */
.trade-action[b-15bo81jp0b] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    border-left: 3px solid #3b82f6;
}

.action-icon[b-15bo81jp0b] {
    font-size: 1.1rem;
}

.action-label[b-15bo81jp0b] {
    font-weight: 600;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    color: #94a3b8;
}

.action-text[b-15bo81jp0b] {
    font-size: 0.95rem;
    color: #e2e8f0;
    line-height: 1.5;
}

/* Invalidation Trigger Section */
.invalidation-trigger[b-15bo81jp0b] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 6px;
    border-left: 2px solid #f59e0b;
    transition: all 0.3s ease;
}

.invalidation-trigger.warning[b-15bo81jp0b] {
    animation: risk-flash-b-15bo81jp0b 1s ease-in-out infinite;
    background: rgba(239, 68, 68, 0.1);
    border-left-color: #ef4444;
}

@keyframes risk-flash-b-15bo81jp0b {
    0%, 100% {
        background: rgba(239, 68, 68, 0.1);
        box-shadow: none;
    }
    50% {
        background: rgba(239, 68, 68, 0.15);
        box-shadow: 0 0 15px rgba(239, 68, 68, 0.2);
    }
}

.risk-icon[b-15bo81jp0b] {
    font-size: 1rem;
}

.risk-label[b-15bo81jp0b] {
    font-weight: 600;
    font-size: 0.7rem;
    letter-spacing: 0.1em;
    color: #f59e0b;
}

.invalidation-trigger.warning .risk-label[b-15bo81jp0b] {
    color: #ef4444;
}

.risk-text[b-15bo81jp0b] {
    font-size: 0.875rem;
    color: #cbd5e1;
}

/* ── Confidence Honesty Layer (CRITICAL) ──────────────────────────────────── */
.confidence-display[b-15bo81jp0b] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 6px;
    transition: all 0.3s ease;
}

.confidence-display.confidence-high[b-15bo81jp0b] {
    border-left: 3px solid #22c55e;
}

.confidence-display.confidence-medium[b-15bo81jp0b] {
    border-left: 3px solid #f59e0b;
}

.confidence-display.confidence-low[b-15bo81jp0b] {
    border-left: 3px solid #ef4444;
    animation: low-confidence-pulse-b-15bo81jp0b 2s ease-in-out infinite;
}

@keyframes low-confidence-pulse-b-15bo81jp0b {
    0%, 100% {
        background: rgba(239, 68, 68, 0.05);
    }
    50% {
        background: rgba(239, 68, 68, 0.1);
    }
}

.confidence-label[b-15bo81jp0b] {
    font-weight: 600;
    font-size: 0.8rem;
    color: #94a3b8;
}

.confidence-value[b-15bo81jp0b] {
    font-weight: 700;
    font-size: 1rem;
    color: #f8fafc;
}

.confidence-qualifier[b-15bo81jp0b] {
    color: #64748b;
    font-size: 0.875rem;
    font-style: italic;
}

/* ── CTA Button ───────────────────────────────────────────────────────────── */
.cta-button[b-15bo81jp0b] {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: white;
    border: none;
    padding: 14px 28px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    margin-top: 8px;
    text-align: left;
}

.cta-button:hover[b-15bo81jp0b] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
}

.cta-button:active[b-15bo81jp0b] {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(59, 130, 246, 0.2);
}

/* ── Score Ring Styling ─────────────────────────────────────────────────────── */
.hero-right[b-15bo81jp0b] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.score-label[b-15bo81jp0b] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #64748b;
    text-align: center;
}

.score-ring[b-15bo81jp0b] {
    width: 120px;
    height: 120px;
    animation: micro-pulse-b-15bo81jp0b 2s ease-in-out infinite;
}

@keyframes micro-pulse-b-15bo81jp0b {
    0%, 100% {
        transform: scale(1);
        filter: drop-shadow(0 0 8px rgba(var(--state-color-rgb, 34, 197, 94), 0.3));
    }
    50% {
        transform: scale(1.02);
        filter: drop-shadow(0 0 16px rgba(var(--state-color-rgb, 34, 197, 94), 0.5));
    }
}

.score-ring svg[b-15bo81jp0b] {
    width: 100%;
    height: 100%;
}

.ring-fill[b-15bo81jp0b] {
    transition: stroke-dasharray 0.8s ease;
}

.score-text[b-15bo81jp0b] {
    font-size: 1.5rem;
    font-weight: 700;
    fill: #f8fafc;
}

/* State-specific ring colors for the pulse glow */
.score-ring.state-bullish[b-15bo81jp0b] {
    --state-color-rgb: 34, 197, 94;
}

.score-ring.state-bearish[b-15bo81jp0b] {
    --state-color-rgb: 239, 68, 68;
}

.score-ring.state-neutral[b-15bo81jp0b] {
    --state-color-rgb: 250, 204, 21;
}

/* ── What Changed Banner ────────────────────────────────────────────────────── */
.what-changed-banner[b-15bo81jp0b] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding: 12px 16px;
    background: rgba(59, 130, 246, 0.08);
    border-radius: 8px;
    border-left: 3px solid #3b82f6;
    font-size: 0.875rem;
    animation: banner-slide-in-b-15bo81jp0b 0.3s ease-out;
}

@keyframes banner-slide-in-b-15bo81jp0b {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.what-changed-icon[b-15bo81jp0b] {
    font-size: 1rem;
}

.what-changed-label[b-15bo81jp0b] {
    font-weight: 600;
    font-size: 0.7rem;
    letter-spacing: 0.1em;
    color: #3b82f6;
}

.what-changed-text[b-15bo81jp0b] {
    color: #cbd5e1;
}

/* ── Responsive Design ──────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .hero[b-15bo81jp0b] {
        grid-template-columns: 100px 1fr;
        gap: 16px;
        padding: 20px;
    }
    
    .hero-score-column[b-15bo81jp0b] {
        gap: 6px;
    }
    
    .hero-right[b-15bo81jp0b] {
        order: -1;
        justify-content: flex-start;
    }
    
    .score-ring[b-15bo81jp0b] {
        width: 90px;
        height: 90px;
    }
    
    .score-label[b-15bo81jp0b] {
        font-size: 0.55rem;
    }
    
    .market-state[b-15bo81jp0b] {
        flex-wrap: wrap;
    }
    
    .state-label[b-15bo81jp0b] {
        font-size: 1rem;
    }
    
    .cta-button[b-15bo81jp0b] {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .hero[b-15bo81jp0b] {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .hero-score-column[b-15bo81jp0b] {
        order: -1;
        flex-direction: row;
        gap: 16px;
    }
    
    .score-ring[b-15bo81jp0b] {
        width: 80px;
        height: 80px;
    }
}
/* /Components/MarketOverview/LiveMarketFeed.razor.rz.scp.css */
.market-shifts-feed[b-hbiuxit429] {
    background: rgba(15, 23, 42, 0.6);
    border-radius: 12px;
    padding: 16px 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    margin-bottom: 24px;
}

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

.live-indicator[b-hbiuxit429] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ef4444;
    animation: live-pulse-b-hbiuxit429 1.5s ease-in-out infinite;
}

@keyframes live-pulse-b-hbiuxit429 {
    0%, 100% { 
        opacity: 1; 
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); 
    }
    50% { 
        opacity: 0.8; 
        box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); 
    }
}

.feed-title[b-hbiuxit429] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ef4444;
}

.just-now-section[b-hbiuxit429] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(239, 68, 68, 0.05));
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 12px;
    border-left: 3px solid #ef4444;
}

.just-now-badge[b-hbiuxit429] {
    font-weight: 700;
    color: #ef4444;
    margin-right: 8px;
}

.just-now-text[b-hbiuxit429] {
    color: #f9fafb;
    font-weight: 500;
}

.shifts-list[b-hbiuxit429] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.shift-item[b-hbiuxit429] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    color: #d1d5db;
    font-size: 0.875rem;
    animation: slideFade-b-hbiuxit429 0.4s ease;
}

.shift-item.entering[b-hbiuxit429] {
    animation: slideIn-b-hbiuxit429 0.4s ease;
}

.shift-item.exiting[b-hbiuxit429] {
    animation: fadeOut-b-hbiuxit429 0.3s ease forwards;
}

@keyframes slideIn-b-hbiuxit429 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideFade-b-hbiuxit429 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut-b-hbiuxit429 {
    to {
        opacity: 0;
        transform: translateY(10px);
    }
}

.shift-time[b-hbiuxit429] {
    color: #6b7280;
    font-size: 0.75rem;
    min-width: 45px;
}

.shift-arrow[b-hbiuxit429] {
    color: #6b7280;
}

.shift-description[b-hbiuxit429] {
    flex: 1;
}

.no-shifts[b-hbiuxit429] {
    padding: 20px;
    text-align: center;
}

.waiting-text[b-hbiuxit429] {
    color: #6b7280;
    font-style: italic;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .market-shifts-feed[b-hbiuxit429] {
        padding: 12px 16px;
    }
    
    .just-now-section[b-hbiuxit429] {
        padding: 10px 12px;
    }
}
/* /Components/MarketOverview/OpportunityRow.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   OpportunityRow.razor.css
   Container layout for Capital Allocation + Active Signals (2 column grid)
   ═══════════════════════════════════════════════════════════════════════════════ */

.opportunity-row[b-7pjh3bkjbd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 24px;
}

/* ── Responsive ─────────────────────────────────────────────────────────────── */
@media (max-width: 992px) {
    .opportunity-row[b-7pjh3bkjbd] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}
/* /Components/MarketOverview/StrategyModeBox.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   StrategyModeBox.razor.css
   What strategy works RIGHT NOW - Premium dark card with dynamic glow
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── Main Container ────────────────────────────────────────────────────────────── */
.strategy-mode-box[b-5g0tba27zc] {
    border-radius: 12px;
    padding: 20px 24px;
    background: linear-gradient(145deg, #0f172a, #020617);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 0 30px rgba(var(--glow-rgb, 107, 114, 128), 0.15);
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
}

.strategy-mode-box.glow-favorable[b-5g0tba27zc] {
    border-color: rgba(34, 197, 94, 0.2);
    box-shadow: 0 0 35px rgba(34, 197, 94, 0.2);
}

.strategy-mode-box.glow-neutral[b-5g0tba27zc] {
    border-color: rgba(245, 158, 11, 0.15);
    box-shadow: 0 0 30px rgba(245, 158, 11, 0.15);
}

.strategy-mode-box.glow-caution[b-5g0tba27zc] {
    border-color: rgba(239, 68, 68, 0.2);
    box-shadow: 0 0 30px rgba(239, 68, 68, 0.2);
}

/* ── Mode Header ──────────────────────────────────────────────────────────────── */
.mode-header[b-5g0tba27zc] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.mode-icon[b-5g0tba27zc] {
    font-size: 1.5rem;
}

.mode-label[b-5g0tba27zc] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #64748b;
}

.mode-value[b-5g0tba27zc] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--glow-color, #e2e8f0);
    text-shadow: 0 0 20px rgba(var(--glow-rgb, 107, 114, 128), 0.4);
}

/* ── Edge Section ─────────────────────────────────────────────────────────────── */
.edge-section[b-5g0tba27zc] {
    margin-bottom: 20px;
}

.edge-title[b-5g0tba27zc] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #22c55e;
    margin-bottom: 12px;
}

.edge-list[b-5g0tba27zc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.edge-item[b-5g0tba27zc] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 8px 12px;
    background: rgba(34, 197, 94, 0.08);
    border-radius: 6px;
    border-left: 2px solid #22c55e;
    transition: background 0.2s ease;
}

.edge-item:hover[b-5g0tba27zc] {
    background: rgba(34, 197, 94, 0.12);
}

.edge-arrow[b-5g0tba27zc] {
    color: #22c55e;
    font-weight: 600;
}

.edge-text[b-5g0tba27zc] {
    font-size: 0.9rem;
    color: #e2e8f0;
}

/* ── Caution Section ──────────────────────────────────────────────────────────── */
.caution-section[b-5g0tba27zc] {
    margin-bottom: 16px;
}

.caution-title[b-5g0tba27zc] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #f59e0b;
    margin-bottom: 12px;
}

.caution-icon[b-5g0tba27zc] {
    font-size: 0.85rem;
}

.caution-list[b-5g0tba27zc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.caution-item[b-5g0tba27zc] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 6px 12px;
    background: rgba(245, 158, 11, 0.06);
    border-radius: 6px;
    border-left: 2px solid rgba(245, 158, 11, 0.5);
    transition: background 0.2s ease;
}

.caution-item:hover[b-5g0tba27zc] {
    background: rgba(245, 158, 11, 0.1);
}

.caution-arrow[b-5g0tba27zc] {
    color: #f59e0b;
    font-size: 0.85rem;
}

.caution-text[b-5g0tba27zc] {
    font-size: 0.85rem;
    color: #94a3b8;
}

/* ── Low Conviction Warning ───────────────────────────────────────────────────── */
.low-conviction-warning[b-5g0tba27zc] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(239, 68, 68, 0.1);
    border-radius: 8px;
    border: 1px solid rgba(239, 68, 68, 0.3);
    margin-top: 16px;
    animation: pulse-warning-b-5g0tba27zc 2s ease-in-out infinite;
}

@keyframes pulse-warning-b-5g0tba27zc {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.2);
    }
    50% {
        box-shadow: 0 0 15px 0 rgba(239, 68, 68, 0.3);
    }
}

.warning-icon[b-5g0tba27zc] {
    font-size: 1rem;
}

.warning-text[b-5g0tba27zc] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #fca5a5;
}

/* ── Responsive ───────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .strategy-mode-box[b-5g0tba27zc] {
        padding: 16px 18px;
    }
    
    .mode-header[b-5g0tba27zc] {
        flex-wrap: wrap;
    }
    
    .mode-value[b-5g0tba27zc] {
        font-size: 1rem;
    }
}
/* /Components/Pages/Admin/BlockedEntries.razor.rz.scp.css */
/* Blocked Entries Admin Page Styles */

.blocked-entries-container[b-uusugythut] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

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

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

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

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

.btn-refresh[b-uusugythut] {
    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-uusugythut] {
    background: var(--bg-tertiary, #334155);
}

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

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

.stat-card[b-uusugythut] {
    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-uusugythut] {
    border-left: 4px solid #3b82f6;
}

.stat-card.early-gate[b-uusugythut] {
    border-left: 4px solid #f59e0b;
}

.stat-card.technical[b-uusugythut] {
    border-left: 4px solid #8b5cf6;
}

.stat-card.safety[b-uusugythut] {
    border-left: 4px solid #10b981;
}

.stat-card.position[b-uusugythut] {
    border-left: 4px solid #06b6d4;
}

.stat-card.execution[b-uusugythut] {
    border-left: 4px solid #ec4899;
}

/* Diagnostics Panel */
.diagnostics-panel[b-uusugythut] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.diag-section[b-uusugythut] {
    background: var(--bg-secondary, #1e293b);
    border-radius: 12px;
    padding: 16px;
    border: 1px solid var(--border-color, #334155);
}

.diag-section.websocket[b-uusugythut] {
    border-left: 4px solid #3b82f6;
}

.diag-section.tracking[b-uusugythut] {
    border-left: 4px solid #8b5cf6;
}

.diag-header[b-uusugythut] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.diag-icon[b-uusugythut] {
    font-size: 1.1rem;
}

.diag-title[b-uusugythut] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary, #f8fafc);
}

.diag-status[b-uusugythut] {
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 12px;
    background: var(--bg-tertiary, #334155);
}

.diag-status.healthy[b-uusugythut] {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.diag-status.warning[b-uusugythut] {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
}

.diag-status.error[b-uusugythut] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.diag-details[b-uusugythut] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.diag-row[b-uusugythut] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
}

.diag-row.error-msg[b-uusugythut] {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.diag-label[b-uusugythut] {
    color: var(--text-secondary, #94a3b8);
}

.diag-value[b-uusugythut] {
    color: var(--text-primary, #f8fafc);
    font-family: 'JetBrains Mono', monospace;
}

.diag-value.success[b-uusugythut] {
    color: #10b981;
}

.diag-value.error[b-uusugythut] {
    color: #ef4444;
    word-break: break-word;
}

.stat-card.error[b-uusugythut] {
    border-left: 4px solid #ef4444;
}

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

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

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

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

/* Filter Section */
.filter-section[b-uusugythut] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 24px;
    padding: 20px;
    background: var(--bg-secondary, #1e293b);
    border-radius: 12px;
    border: 1px solid var(--border-color, #334155);
}

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

.filter-box[b-uusugythut] {
    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-uusugythut] {
    background: var(--bg-hover, #475569);
    color: var(--text-primary, #f8fafc);
}

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

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

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

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

.filter-box.position.active[b-uusugythut] {
    border-color: #06b6d4;
    background: rgba(6, 182, 212, 0.1);
}

.filter-box.execution.active[b-uusugythut] {
    border-color: #ec4899;
    background: rgba(236, 72, 153, 0.1);
}

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

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

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

/* Filter Controls Row */
.filter-controls[b-uusugythut] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid var(--border-color, #334155);
}

/* Filter Control (Input Container) */
.filter-control[b-uusugythut] {
    display: flex;
    align-items: center;
    background: rgba(30, 41, 59, 0.8);
    border: 1px solid var(--border-color, #475569);
    border-radius: 10px;
    padding: 0;
    transition: all 0.2s ease;
    overflow: hidden;
}

.filter-control:hover[b-uusugythut] {
    border-color: var(--text-muted, #64748b);
}

.filter-control:focus-within[b-uusugythut] {
    border-color: var(--accent-color, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.control-icon[b-uusugythut] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    color: var(--text-muted, #64748b);
    border-right: 1px solid var(--border-color, #334155);
    background: rgba(51, 65, 85, 0.3);
}

.filter-control input[type="text"][b-uusugythut],
.filter-control select[b-uusugythut],
.filter-control input[type="date"][b-uusugythut] {
    background: transparent;
    border: none;
    color: var(--text-primary, #f8fafc);
    padding: 10px 14px;
    font-size: 0.9rem;
    outline: none;
    min-width: 120px;
}

.filter-control input[type="text"][b-uusugythut]::placeholder {
    color: var(--text-muted, #64748b);
}

/* Search Control */
.search-control[b-uusugythut] {
    min-width: 200px;
}

.search-control input[type="text"][b-uusugythut] {
    width: 100%;
}

/* Method Control (Select) */
.method-control[b-uusugythut] {
    position: relative;
}

.method-control select[b-uusugythut] {
    appearance: none;
    padding-right: 36px;
    cursor: pointer;
    min-width: 160px;
}

.method-control .select-arrow[b-uusugythut] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--text-muted, #64748b);
}

/* Date Control */
.date-control[b-uusugythut] {
    gap: 0;
}

.date-control input[type="date"][b-uusugythut] {
    min-width: 130px;
    cursor: pointer;
    color-scheme: dark;
}

.date-control input[type="date"][b-uusugythut]::-webkit-calendar-picker-indicator {
    filter: invert(0.7);
    cursor: pointer;
}

.date-separator[b-uusugythut] {
    color: var(--text-muted, #64748b);
    padding: 0 8px;
    font-size: 0.9rem;
}

/* Toggle Switch */
.toggle-switch[b-uusugythut] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    padding: 8px 12px;
    border-radius: 8px;
    transition: background 0.2s ease;
}

.toggle-switch:hover[b-uusugythut] {
    background: rgba(51, 65, 85, 0.5);
}

.toggle-switch input[b-uusugythut] {
    display: none;
}

.toggle-slider[b-uusugythut] {
    position: relative;
    width: 44px;
    height: 24px;
    background: var(--bg-tertiary, #334155);
    border-radius: 12px;
    transition: all 0.3s ease;
    border: 2px solid var(--border-color, #475569);
}

.toggle-slider[b-uusugythut]::after {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 16px;
    height: 16px;
    background: var(--text-muted, #64748b);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.toggle-switch input:checked + .toggle-slider[b-uusugythut] {
    background: var(--accent-color, #3b82f6);
    border-color: var(--accent-color, #3b82f6);
}

.toggle-switch input:checked + .toggle-slider[b-uusugythut]::after {
    left: calc(100% - 18px);
    background: #ffffff;
}

.toggle-label[b-uusugythut] {
    font-size: 0.9rem;
    color: var(--text-secondary, #94a3b8);
    font-weight: 500;
}

.toggle-switch input:checked ~ .toggle-label[b-uusugythut] {
    color: var(--text-primary, #f8fafc);
}

/* Clear Filters Button */
.btn-clear[b-uusugythut] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #f87171;
    padding: 10px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.btn-clear:hover[b-uusugythut] {
    background: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.5);
}

/* Legacy Filter Group (keep for backwards compatibility) */
.filter-group[b-uusugythut] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filter-group label[b-uusugythut] {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--text-secondary, #94a3b8);
    font-weight: 600;
}

.filter-group input[b-uusugythut],
.filter-group select[b-uusugythut] {
    background: var(--bg-tertiary, #334155);
    border: 1px solid var(--border-color, #475569);
    color: var(--text-primary, #f8fafc);
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.btn-clear:hover[b-uusugythut] {
    border-color: var(--text-secondary, #94a3b8);
    color: var(--text-primary, #f8fafc);
}

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

.table-wrapper[b-uusugythut] {
    overflow-x: auto;
}

.blocked-entries-table[b-uusugythut] {
    width: 100%;
    border-collapse: collapse;
}

.blocked-entries-table th[b-uusugythut],
.blocked-entries-table td[b-uusugythut] {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--border-color, #334155);
}

.blocked-entries-table th[b-uusugythut] {
    background: var(--bg-tertiary, #334155);
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    color: var(--text-secondary, #94a3b8);
    white-space: nowrap;
}

.blocked-entries-table th.sortable[b-uusugythut] {
    cursor: pointer;
    user-select: none;
    transition: background 0.2s ease;
}

.blocked-entries-table th.sortable:hover[b-uusugythut] {
    background: var(--bg-hover, #475569);
}

.blocked-entries-table th.sortable.sorted[b-uusugythut] {
    color: var(--accent-color, #3b82f6);
}

.sort-indicator[b-uusugythut] {
    font-size: 0.75rem;
    margin-left: 4px;
}

.blocked-entries-table tbody tr[b-uusugythut] {
    transition: background 0.2s ease;
}

.blocked-entries-table tbody tr:hover[b-uusugythut] {
    background: var(--bg-tertiary, #334155);
}

.blocked-entries-table tbody tr:last-child td[b-uusugythut] {
    border-bottom: none;
}

/* Symbol Badge */
.symbol-badge[b-uusugythut] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--bg-tertiary, #334155);
    border-radius: 6px;
    padding: 4px 10px;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-primary, #f8fafc);
}

.symbol-direction[b-uusugythut] {
    font-size: 0.75rem;
}

.symbol-direction.long[b-uusugythut] {
    color: #10b981;
}

.symbol-direction.short[b-uusugythut] {
    color: #ef4444;
}

/* Category Badge */
.category-badge[b-uusugythut] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.category-badge.early-gate[b-uusugythut] {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
}

.category-badge.technical[b-uusugythut] {
    background: rgba(139, 92, 246, 0.15);
    color: #8b5cf6;
}

.category-badge.safety[b-uusugythut] {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.category-badge.position[b-uusugythut] {
    background: rgba(6, 182, 212, 0.15);
    color: #06b6d4;
}

.category-badge.execution[b-uusugythut] {
    background: rgba(236, 72, 153, 0.15);
    color: #ec4899;
}

.category-badge.error[b-uusugythut] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

/* Method Badge */
.method-badge[b-uusugythut] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-family: monospace;
    background: var(--bg-tertiary, #334155);
    color: var(--text-secondary, #94a3b8);
}

/* Error Indicator */
.error-indicator[b-uusugythut] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.error-icon[b-uusugythut] {
    color: #ef4444;
}

.error-yes[b-uusugythut] {
    color: #ef4444;
    font-weight: 600;
}

.error-no[b-uusugythut] {
    color: var(--text-muted, #64748b);
}

/* Reason Text */
.reason-text[b-uusugythut] {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    color: var(--text-secondary, #94a3b8);
}

.reason-text:hover[b-uusugythut] {
    color: var(--text-primary, #f8fafc);
}

/* Timestamp */
.timestamp[b-uusugythut] {
    font-size: 0.85rem;
    color: var(--text-secondary, #94a3b8);
    white-space: nowrap;
}

/* Empty State */
.empty-state[b-uusugythut] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    text-align: center;
}

.empty-icon[b-uusugythut] {
    font-size: 3rem;
    margin-bottom: 16px;
}

.empty-state h3[b-uusugythut] {
    color: var(--text-primary, #f8fafc);
    font-size: 1.25rem;
    margin: 0 0 8px 0;
}

.empty-state p[b-uusugythut] {
    color: var(--text-secondary, #94a3b8);
    margin: 0;
}

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

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

.pagination-controls[b-uusugythut] {
    display: flex;
    gap: 8px;
}

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

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

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

/* Detail Modal */
.modal-backdrop[b-uusugythut] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.detail-modal[b-uusugythut] {
    background: var(--bg-secondary, #1e293b);
    border-radius: 16px;
    border: 1px solid var(--border-color, #334155);
    width: 90%;
    max-width: 600px;
    max-height: 80vh;
    overflow-y: auto;
}

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

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

.btn-close[b-uusugythut] {
    background: transparent;
    border: none;
    color: var(--text-secondary, #94a3b8);
    font-size: 1.5rem;
    cursor: pointer;
    padding: 4px;
    line-height: 1;
    transition: color 0.2s ease;
}

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

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

.detail-grid[b-uusugythut] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

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

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

.detail-label[b-uusugythut] {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--text-muted, #64748b);
    font-weight: 600;
}

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

.detail-value.reason-full[b-uusugythut] {
    white-space: pre-wrap;
    word-break: break-word;
    background: var(--bg-tertiary, #334155);
    padding: 12px;
    border-radius: 8px;
    font-size: 0.9rem;
    line-height: 1.5;
}

.detail-value.exception-trace[b-uusugythut] {
    white-space: pre-wrap;
    word-break: break-word;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    padding: 12px;
    border-radius: 8px;
    font-size: 0.8rem;
    font-family: monospace;
    max-height: 200px;
    overflow-y: auto;
    color: #fca5a5;
}

/* Confirmation Breakdown Styles */
.confirmation-section[b-uusugythut] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(139, 92, 246, 0.08));
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 8px;
    padding: 16px;
    margin: 12px 0;
}

.confirmation-scores[b-uusugythut] {
    display: flex;
    gap: 16px;
    margin-top: 8px;
}

.score-badge[b-uusugythut] {
    padding: 6px 14px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.9rem;
}

.score-badge.pass[b-uusugythut] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.score-badge.fail[b-uusugythut] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.confirmation-breakdown[b-uusugythut] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.confirmation-breakdown .component[b-uusugythut] {
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 0.85rem;
    white-space: nowrap;
}

.confirmation-breakdown .component.pass[b-uusugythut] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.25);
}

.confirmation-breakdown .component.fail[b-uusugythut] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.25);
}

/* Loading State */
.loading-state[b-uusugythut] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    text-align: center;
}

.loading-spinner[b-uusugythut] {
    width: 48px;
    height: 48px;
    border: 3px solid var(--border-color, #334155);
    border-top-color: var(--accent-color, #3b82f6);
    border-radius: 50%;
    animation: spin-b-uusugythut 1s linear infinite;
    margin-bottom: 16px;
}

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

.loading-state p[b-uusugythut] {
    color: var(--text-secondary, #94a3b8);
    margin: 0;
}

/* Responsive */
@media (max-width: 1200px) {
    .blocked-entries-container[b-uusugythut] {
        padding: 16px;
    }

    .stats-overview[b-uusugythut] {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }

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

    .filter-boxes[b-uusugythut] {
        width: 100%;
        justify-content: center;
    }

    .filter-group[b-uusugythut] {
        width: 100%;
    }

    .filter-group input[b-uusugythut],
    .filter-group select[b-uusugythut] {
        width: 100%;
    }

    .detail-grid[b-uusugythut] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .page-header[b-uusugythut] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .blocked-entries-table th[b-uusugythut],
    .blocked-entries-table td[b-uusugythut] {
        padding: 10px 12px;
        font-size: 0.85rem;
    }

    .pagination[b-uusugythut] {
        flex-direction: column;
        gap: 12px;
    }

    .pagination-info[b-uusugythut] {
        text-align: center;
    }
}

/* ============================================ */
/* Modern Table Styles                          */
/* ============================================ */

.entries-table.modern[b-uusugythut] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.9rem;
}

.entries-table.modern thead[b-uusugythut] {
    background: var(--bg-tertiary, #1e293b);
    position: sticky;
    top: 0;
    z-index: 1;
}

.entries-table.modern th[b-uusugythut] {
    padding: 14px 16px;
    text-align: left;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted, #64748b);
    border-bottom: 2px solid var(--border-color, #334155);
    white-space: nowrap;
}

.entries-table.modern th.sortable[b-uusugythut] {
    cursor: pointer;
    user-select: none;
    transition: color 0.2s ease;
}

.entries-table.modern th.sortable:hover[b-uusugythut] {
    color: var(--text-primary, #f8fafc);
}

.entries-table.modern td[b-uusugythut] {
    padding: 16px;
    border-bottom: 1px solid var(--border-color, #1e293b);
    vertical-align: middle;
}

.entries-table.modern tbody tr[b-uusugythut] {
    background: var(--bg-secondary, #0f172a);
    transition: all 0.15s ease;
}

.entries-table.modern tbody tr:hover[b-uusugythut] {
    background: var(--bg-tertiary, #1e293b);
}

.entries-table.modern tbody tr:nth-child(even)[b-uusugythut] {
    background: rgba(30, 41, 59, 0.3);
}

.entries-table.modern tbody tr:nth-child(even):hover[b-uusugythut] {
    background: var(--bg-tertiary, #1e293b);
}

/* Column widths */
.entries-table.modern .col-time[b-uusugythut] {
    width: 110px;
}

.entries-table.modern .col-symbol[b-uusugythut] {
    width: 100px;
}

.entries-table.modern .col-signal[b-uusugythut] {
    width: 80px;
}

.entries-table.modern .col-blocktype[b-uusugythut] {
    width: 90px;
}

.entries-table.modern .col-weighted[b-uusugythut] {
    width: 80px;
    text-align: center;
}

.entries-table.modern .col-reversal[b-uusugythut] {
    width: 80px;
    text-align: center;
}

.entries-table.modern .col-reason[b-uusugythut] {
    min-width: 200px;
}

.entries-table.modern .col-actions[b-uusugythut] {
    width: 50px;
    text-align: center;
}

/* Time cell styling */
.entries-table.modern .col-time[b-uusugythut] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.time-value[b-uusugythut] {
    color: var(--text-primary, #f8fafc);
    font-weight: 500;
}

.time-detail[b-uusugythut] {
    color: var(--text-muted, #64748b);
    font-size: 0.8rem;
    font-family: 'JetBrains Mono', monospace;
}

/* Symbol link styling */
.symbol-link[b-uusugythut] {
    color: var(--accent-color, #3b82f6);
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 6px;
    background: rgba(59, 130, 246, 0.1);
    display: inline-block;
    transition: all 0.2s ease;
    cursor: pointer;
}

.symbol-link:hover[b-uusugythut] {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
    transform: translateY(-1px);
}

/* Signal badge styling */
.signal-badge[b-uusugythut] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    min-width: 60px;
}

.signal-badge.buy[b-uusugythut] {
    background: rgba(16, 185, 129, 0.15);
    color: #34d399;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.signal-badge.short[b-uusugythut] {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.3);
}

/* Block type badge */
.block-badge[b-uusugythut] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
}

.block-badge.reversalcount[b-uusugythut] {
    background: rgba(139, 92, 246, 0.15);
    color: #a78bfa;
    border: 1px solid rgba(139, 92, 246, 0.3);
}

.block-badge.weight[b-uusugythut] {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.block-badge.confirmation[b-uusugythut] {
    background: rgba(6, 182, 212, 0.15);
    color: #22d3ee;
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.block-badge.error[b-uusugythut] {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.3);
}

/* Score value styling */
.score-value[b-uusugythut] {
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    padding: 4px 8px;
    border-radius: 4px;
}

.score-value.high[b-uusugythut] {
    color: #34d399;
    background: rgba(16, 185, 129, 0.1);
}

.score-value.medium[b-uusugythut] {
    color: #fbbf24;
    background: rgba(245, 158, 11, 0.1);
}

.score-value.low[b-uusugythut] {
    color: #f87171;
    background: rgba(239, 68, 68, 0.1);
}

.score-empty[b-uusugythut] {
    color: var(--text-muted, #64748b);
}

/* Reversal value styling */
.reversal-value[b-uusugythut] {
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    padding: 4px 8px;
    border-radius: 4px;
}

.reversal-value.high[b-uusugythut] {
    color: #34d399;
    background: rgba(16, 185, 129, 0.1);
}

.reversal-value.medium[b-uusugythut] {
    color: #fbbf24;
    background: rgba(245, 158, 11, 0.1);
}

.reversal-value.low[b-uusugythut] {
    color: #f87171;
    background: rgba(239, 68, 68, 0.1);
}

/* Reason text */
.col-reason .reason-text[b-uusugythut] {
    display: block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-secondary, #94a3b8);
    font-size: 0.85rem;
}

/* Details button */
.btn-details[b-uusugythut] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    color: #60a5fa;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-details:hover[b-uusugythut] {
    background: rgba(59, 130, 246, 0.2);
    border-color: rgba(59, 130, 246, 0.4);
    transform: translateY(-1px);
}

.btn-details svg[b-uusugythut] {
    width: 16px;
    height: 16px;
}

/* Error row styling */
.entries-table.modern tbody tr.error-row[b-uusugythut] {
    background: rgba(239, 68, 68, 0.05);
    border-left: 3px solid #ef4444;
}

.entries-table.modern tbody tr.error-row:hover[b-uusugythut] {
    background: rgba(239, 68, 68, 0.1);
}

/* Block type row indicators */
.entries-table.modern tbody tr.blocktype-reversal[b-uusugythut] {
    border-left: 3px solid #8b5cf6;
}

.entries-table.modern tbody tr.blocktype-weight[b-uusugythut] {
    border-left: 3px solid #f59e0b;
}

.entries-table.modern tbody tr.blocktype-confirmation[b-uusugythut] {
    border-left: 3px solid #06b6d4;
}

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

/* Responsive adjustments for modern table */
@media (max-width: 1200px) {
    .entries-table.modern[b-uusugythut] {
        font-size: 0.85rem;
    }
    
    .entries-table.modern th[b-uusugythut],
    .entries-table.modern td[b-uusugythut] {
        padding: 12px;
    }
    
    .col-reason .reason-text[b-uusugythut] {
        max-width: 200px;
    }
}

@media (max-width: 768px) {
    .entries-table.modern[b-uusugythut] {
        font-size: 0.8rem;
    }
    
    .entries-table.modern th[b-uusugythut],
    .entries-table.modern td[b-uusugythut] {
        padding: 10px 8px;
    }
    
    .symbol-link[b-uusugythut] {
        padding: 4px 8px;
        font-size: 0.85rem;
    }
    
    .signal-badge[b-uusugythut] {
        padding: 4px 8px;
        min-width: 50px;
    }
    
    .col-reason .reason-text[b-uusugythut] {
        max-width: 150px;
    }
}
/* /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] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    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); }

.symbol-option .symbol-ticker[b-7ly5ecf7nx] {
    font-weight: 700;
    color: var(--accent-color, #00d4aa);
    min-width: 55px;
}

.symbol-option .symbol-name[b-7ly5ecf7nx] {
    flex: 1;
    font-weight: 400;
    color: var(--text-secondary, #8892b0);
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.symbol-option .crypto-badge[b-7ly5ecf7nx] {
    font-size: 10px;
    color: #f7931a;
    font-weight: bold;
    padding: 2px 4px;
    background: rgba(247, 147, 26, 0.15);
    border-radius: 3px;
}

.symbol-option.crypto .symbol-ticker[b-7ly5ecf7nx] {
    color: #f7931a;
}

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

/* ===== Drawing Tools Section ===== */
.draw-tools[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.draw-label[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 600;
    color: rgba(136, 146, 176, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 4px;
}

.draw-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 26px;
    padding: 0;
    background: rgba(30, 40, 55, 0.5);
    border: 1px solid rgba(100, 120, 150, 0.2);
    border-radius: 4px;
    color: rgba(136, 146, 176, 0.7);
    cursor: pointer;
    transition: all 0.15s;
}

.draw-btn:hover[b-7ly5ecf7nx] {
    background: rgba(50, 65, 85, 0.6);
    color: var(--text-primary, #e6f1ff);
}

.draw-btn.active[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.15);
    border-color: rgba(0, 212, 170, 0.5);
    color: var(--accent-primary, #00d4aa);
}

.draw-btn.danger[b-7ly5ecf7nx] {
    color: rgba(239, 68, 68, 0.7);
}

.draw-btn.danger:hover[b-7ly5ecf7nx] {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.4);
    color: #ef4444;
}

.draw-btn svg[b-7ly5ecf7nx] {
    width: 16px;
    height: 16px;
}

.annotation-count[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 600;
    color: var(--accent-primary, #00d4aa);
    background: rgba(0, 212, 170, 0.15);
    padding: 2px 6px;
    border-radius: 10px;
    margin-left: 2px;
}

/* Play Creator Button */
.play-creator-btn[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(139, 92, 246, 0.1));
    border: 1px solid rgba(99, 102, 241, 0.3);
    border-radius: 6px;
    color: #a5b4fc;
    cursor: pointer;
    transition: all 0.15s ease;
}

.play-creator-btn:hover[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.25), rgba(139, 92, 246, 0.15));
    border-color: rgba(99, 102, 241, 0.5);
    color: #c4b5fd;
    transform: translateY(-1px);
}

.play-creator-btn .play-icon[b-7ly5ecf7nx] {
    font-size: 12px;
}

.play-creator-btn .play-label[b-7ly5ecf7nx] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.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; }
.c-bb[b-7ly5ecf7nx] { color: #ff6b6b; }
.c-sr-zones[b-7ly5ecf7nx] { color: #feca57; }
.c-vwap[b-7ly5ecf7nx] { color: #54a0ff; }
.c-tickiq[b-7ly5ecf7nx] { color: #10b981; font-weight: 500; }

/* ===== Modern Pill Buttons ===== */
.ind-btn.pill[b-7ly5ecf7nx] {
    padding: 5px 10px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(30, 40, 55, 0.7), rgba(20, 28, 40, 0.8));
    border: 1px solid rgba(100, 120, 150, 0.25);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transition: all 0.2s ease;
}

.ind-btn.pill:hover[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(40, 55, 75, 0.8), rgba(30, 40, 55, 0.9));
    border-color: rgba(0, 212, 170, 0.4);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25), 0 0 12px rgba(0, 212, 170, 0.1);
    transform: translateY(-1px);
}

.ind-btn.pill.on[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.2), rgba(0, 180, 150, 0.15));
    border-color: rgba(0, 212, 170, 0.5);
    box-shadow: 0 2px 8px rgba(0, 212, 170, 0.2), inset 0 1px 0 rgba(0, 212, 170, 0.1);
}

.ind-btn.pill.open[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.25), rgba(0, 180, 150, 0.2));
    border-color: rgba(0, 212, 170, 0.6);
    box-shadow: 0 0 16px rgba(0, 212, 170, 0.25);
}

.pill-label[b-7ly5ecf7nx] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.pill-count[b-7ly5ecf7nx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    margin-left: 3px;
    background: rgba(0, 212, 170, 0.3);
    border-radius: 8px;
    font-size: 9px;
    font-weight: 800;
    color: #00d4aa;
    animation: pill-pulse-b-7ly5ecf7nx 2s ease-in-out infinite;
}

@keyframes pill-pulse-b-7ly5ecf7nx {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

/* Modern Dropdown Styles */
.ind-dropdown.modern[b-7ly5ecf7nx] {
    min-width: 160px;
    background: linear-gradient(180deg, rgba(18, 24, 38, 0.98), rgba(12, 16, 26, 0.99));
    border: 1px solid rgba(0, 212, 170, 0.25);
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 24px rgba(0, 212, 170, 0.1);
    padding: 6px 0;
    backdrop-filter: blur(8px);
}

.ind-dropdown.modern .ind-opt[b-7ly5ecf7nx] {
    padding: 8px 12px;
    justify-content: flex-start;
}

.ind-dropdown.modern .ind-opt:hover[b-7ly5ecf7nx] {
    background: linear-gradient(90deg, rgba(0, 212, 170, 0.15), transparent);
}

.dropdown-divider[b-7ly5ecf7nx] {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(100, 120, 150, 0.3), transparent);
    margin: 6px 12px;
}

.opt-badge[b-7ly5ecf7nx] {
    margin-left: auto;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    background: rgba(100, 120, 150, 0.2);
    color: rgba(136, 146, 176, 0.8);
}

.opt-badge.fast[b-7ly5ecf7nx] { background: rgba(0, 212, 170, 0.2); color: #00d4aa; }
.opt-badge.intra[b-7ly5ecf7nx] { background: rgba(54, 160, 255, 0.2); color: #54a0ff; }
.opt-badge.earn[b-7ly5ecf7nx] { background: transparent; font-size: 11px; }
.opt-badge.div[b-7ly5ecf7nx] { background: transparent; font-size: 11px; }
.opt-badge.news[b-7ly5ecf7nx] { background: transparent; font-size: 11px; }
.opt-badge.signal[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.3), rgba(239, 68, 68, 0.3));
    color: #10b981;
    font-size: 10px;
    text-shadow: 0 0 4px currentColor;
}

/* Glowing separator */
.tb-sep.glow[b-7ly5ecf7nx] {
    background: linear-gradient(180deg, transparent, rgba(0, 212, 170, 0.4), transparent);
    box-shadow: 0 0 8px rgba(0, 212, 170, 0.3);
}

/* 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 - Modern Interactive Link */
.lw-badge[b-7ly5ecf7nx] {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.1), rgba(0, 180, 150, 0.05));
    border: 1px solid rgba(0, 212, 170, 0.25);
    border-radius: 6px;
    color: rgba(0, 212, 170, 0.8);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
}

.lw-badge:hover[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.2), rgba(0, 180, 150, 0.15));
    border-color: rgba(0, 212, 170, 0.5);
    color: #00d4aa;
    box-shadow: 0 0 16px rgba(0, 212, 170, 0.3), 0 2px 8px rgba(0, 0, 0, 0.3);
    transform: translateY(-1px);
}

.lw-badge[b-7ly5ecf7nx]::after {
    content: "TradingView™";
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    padding: 3px 6px;
    background: rgba(18, 24, 38, 0.95);
    border: 1px solid rgba(0, 212, 170, 0.3);
    border-radius: 4px;
    font-size: 9px;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease;
    z-index: 1000;
}

.lw-badge:hover[b-7ly5ecf7nx]::after {
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

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

/* MTF Reversal Badge Styles */
.action-badge.mtf-bullish[b-7ly5ecf7nx] {
    background: rgba(0, 230, 118, 0.2);
    border: 1px solid rgba(0, 230, 118, 0.4);
    color: var(--color-bullish, #00e676);
}

.action-badge.mtf-lean-bullish[b-7ly5ecf7nx] {
    background: rgba(74, 222, 128, 0.15);
    border: 1px solid rgba(74, 222, 128, 0.3);
    color: var(--color-lean-bullish, #4ade80);
}

.action-badge.mtf-lean-bearish[b-7ly5ecf7nx] {
    background: rgba(248, 113, 113, 0.15);
    border: 1px solid rgba(248, 113, 113, 0.3);
    color: var(--color-lean-bearish, #f87171);
}

.action-badge.mtf-bearish[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.2);
    border: 1px solid rgba(255, 82, 82, 0.4);
    color: var(--color-bearish, #ff5252);
}

.action-badge.mtf-conflicting[b-7ly5ecf7nx] {
    background: rgba(255, 179, 0, 0.15);
    border: 1px solid rgba(255, 179, 0, 0.3);
    color: var(--color-warning, #ffb300);
}

.action-badge.mtf-weak[b-7ly5ecf7nx] {
    background: rgba(158, 158, 158, 0.15);
    border: 1px solid rgba(158, 158, 158, 0.3);
    color: var(--text-muted, #9e9e9e);
}

.action-badge.mtf-neutral[b-7ly5ecf7nx] {
    background: rgba(100, 120, 150, 0.15);
    border: 1px solid rgba(136, 146, 176, 0.25);
    color: var(--text-secondary, #8892b0);
}

/* ===== COMPACT CHART HEADER (3-Row Layout) ===== */
.chart-header-compact[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 12px;
    background: linear-gradient(135deg, rgba(18, 24, 38, 0.95) 0%, rgba(12, 16, 28, 0.98) 100%);
    border-bottom: 1px solid rgba(0, 212, 170, 0.12);
}

/* Row 1: Logo + Symbol + Price */
.header-row-main[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-logo-sm[b-7ly5ecf7nx] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(30, 40, 60, 0.8), rgba(20, 28, 45, 0.9));
    border: 1px solid rgba(0, 212, 170, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.header-logo-sm img[b-7ly5ecf7nx] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 4px;
}

.header-logo-sm .logo-fallback[b-7ly5ecf7nx] {
    font-size: 14px;
    font-weight: 700;
    color: var(--accent-primary, #00d4aa);
}

.header-symbol[b-7ly5ecf7nx] {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.5px;
}

.header-price[b-7ly5ecf7nx] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-secondary, #8892b0);
    font-variant-numeric: tabular-nums;
    margin-left: auto;
}

.header-price.price-up[b-7ly5ecf7nx] {
    color: var(--color-bullish, #00e676);
}

.header-price.price-down[b-7ly5ecf7nx] {
    color: var(--color-bearish, #ff5252);
}

/* Row 2: Company name */
.header-row-company[b-7ly5ecf7nx] {
    font-size: 10px;
    color: var(--text-muted, #5a6a8a);
    letter-spacing: 0.3px;
    padding-left: 40px; /* Align with text after logo */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Row 3: Pills side by side */
.header-row-pills[b-7ly5ecf7nx] {
    display: flex;
    gap: 6px;
    padding-top: 4px;
}

/* Small signal pills for header */
.signal-pill-sm[b-7ly5ecf7nx] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
    border: 1px solid transparent;
    flex: 1;
    justify-content: center;
}

.signal-icon-sm[b-7ly5ecf7nx] {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
}

.signal-pulse-sm[b-7ly5ecf7nx] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    position: relative;
    flex-shrink: 0;
}

.signal-pulse-sm[b-7ly5ecf7nx]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: currentColor;
    animation: signal-pulse-b-7ly5ecf7nx 1.5s ease-out infinite;
}

@keyframes signal-pulse-b-7ly5ecf7nx {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.7;
    }
    100% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
}

/* Signal Pill Color Variants */
.signal-pill-sm.bullish[b-7ly5ecf7nx] {
    background: rgba(0, 230, 118, 0.15);
    border-color: rgba(0, 230, 118, 0.35);
    color: var(--color-bullish, #00e676);
}

.signal-pill-sm.lean-bullish[b-7ly5ecf7nx] {
    background: rgba(74, 222, 128, 0.12);
    border-color: rgba(74, 222, 128, 0.3);
    color: var(--color-lean-bullish, #4ade80);
}

.signal-pill-sm.bearish[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.15);
    border-color: rgba(255, 82, 82, 0.35);
    color: var(--color-bearish, #ff5252);
}

.signal-pill-sm.lean-bearish[b-7ly5ecf7nx] {
    background: rgba(248, 113, 113, 0.12);
    border-color: rgba(248, 113, 113, 0.3);
    color: var(--color-lean-bearish, #f87171);
}

.signal-pill-sm.neutral[b-7ly5ecf7nx] {
    background: rgba(100, 120, 150, 0.1);
    border-color: rgba(136, 146, 176, 0.2);
    color: var(--text-secondary, #8892b0);
}

/* MTF Live variants */
.signal-pill-sm.mtf-bullish[b-7ly5ecf7nx] {
    background: rgba(0, 230, 118, 0.18);
    border-color: rgba(0, 230, 118, 0.4);
    color: var(--color-bullish, #00e676);
}

.signal-pill-sm.mtf-lean-bullish[b-7ly5ecf7nx] {
    background: rgba(74, 222, 128, 0.15);
    border-color: rgba(74, 222, 128, 0.35);
    color: var(--color-lean-bullish, #4ade80);
}

.signal-pill-sm.mtf-bearish[b-7ly5ecf7nx] {
    background: rgba(255, 82, 82, 0.18);
    border-color: rgba(255, 82, 82, 0.4);
    color: var(--color-bearish, #ff5252);
}

.signal-pill-sm.mtf-lean-bearish[b-7ly5ecf7nx] {
    background: rgba(248, 113, 113, 0.15);
    border-color: rgba(248, 113, 113, 0.35);
    color: var(--color-lean-bearish, #f87171);
}

.signal-pill-sm.mtf-conflicting[b-7ly5ecf7nx] {
    background: rgba(255, 179, 0, 0.15);
    border-color: rgba(255, 179, 0, 0.35);
    color: var(--color-warning, #ffb300);
}

.signal-pill-sm.mtf-weak[b-7ly5ecf7nx],
.signal-pill-sm.mtf-neutral[b-7ly5ecf7nx] {
    background: rgba(100, 120, 150, 0.1);
    border-color: rgba(136, 146, 176, 0.2);
    color: var(--text-secondary, #8892b0);
}

/* Live pill glow animation */
.signal-pill-sm.live[b-7ly5ecf7nx] {
    animation: pill-glow-b-7ly5ecf7nx 2s ease-in-out infinite;
}

.signal-pill-sm.live.mtf-bullish[b-7ly5ecf7nx],
.signal-pill-sm.live.mtf-lean-bullish[b-7ly5ecf7nx] {
    animation: pill-glow-bullish-b-7ly5ecf7nx 2s ease-in-out infinite;
}

.signal-pill-sm.live.mtf-bearish[b-7ly5ecf7nx],
.signal-pill-sm.live.mtf-lean-bearish[b-7ly5ecf7nx] {
    animation: pill-glow-bearish-b-7ly5ecf7nx 2s ease-in-out infinite;
}

@keyframes pill-glow-b-7ly5ecf7nx {
    0%, 100% { box-shadow: 0 0 4px rgba(0, 212, 170, 0.1); }
    50% { box-shadow: 0 0 10px rgba(0, 212, 170, 0.25); }
}

@keyframes pill-glow-bullish-b-7ly5ecf7nx {
    0%, 100% { box-shadow: 0 0 4px rgba(0, 230, 118, 0.15); }
    50% { box-shadow: 0 0 12px rgba(0, 230, 118, 0.35); }
}

@keyframes pill-glow-bearish-b-7ly5ecf7nx {
    0%, 100% { box-shadow: 0 0 4px rgba(255, 82, 82, 0.15); }
    50% { box-shadow: 0 0 12px rgba(255, 82, 82, 0.35); }
}

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

/* Reversal Score Badge in INDICATORS header */
.reversal-score-badge[b-7ly5ecf7nx] {
    margin-left: auto;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.3px;
    background: rgba(100, 120, 150, 0.2);
    color: var(--text-secondary, #8892b0);
    transition: all 0.2s ease;
}

.reversal-score-badge.bullish[b-7ly5ecf7nx] {
    background: rgba(0, 212, 170, 0.15);
    color: var(--accent-primary, #00d4aa);
    border: 1px solid rgba(0, 212, 170, 0.3);
}

.reversal-score-badge.bearish[b-7ly5ecf7nx] {
    background: rgba(255, 107, 107, 0.15);
    color: #ff6b6b;
    border: 1px solid rgba(255, 107, 107, 0.3);
}

.reversal-score-badge.neutral[b-7ly5ecf7nx] {
    background: rgba(100, 120, 150, 0.15);
    color: var(--text-secondary, #8892b0);
    border: 1px solid rgba(100, 120, 150, 0.2);
}

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

/* ===== EXTENDED INDICATORS TOGGLE ===== */
.extended-indicators-toggle[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 6px 8px;
    margin: 8px 0 4px 0;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    background: rgba(40, 50, 70, 0.4);
    border: 1px solid rgba(100, 120, 150, 0.2);
    border-radius: 4px;
    color: rgba(136, 146, 176, 0.8);
    cursor: pointer;
    transition: all 0.15s ease;
}

.extended-indicators-toggle:hover[b-7ly5ecf7nx] {
    background: rgba(50, 65, 90, 0.6);
    border-color: rgba(0, 150, 255, 0.3);
    color: rgba(0, 150, 255, 0.9);
}

.extended-indicators-toggle.expanded[b-7ly5ecf7nx] {
    background: rgba(0, 150, 255, 0.1);
    border-color: rgba(0, 150, 255, 0.4);
    color: rgba(0, 150, 255, 1);
}

.extended-indicators-toggle svg[b-7ly5ecf7nx] {
    width: 10px;
    height: 10px;
    transition: transform 0.2s ease;
}

.extended-indicators-section[b-7ly5ecf7nx] {
    margin-top: 4px;
    padding-top: 4px;
    border-top: 1px dashed rgba(100, 120, 150, 0.2);
}

.extended-indicators-section .mini-indicator-row[b-7ly5ecf7nx] {
    opacity: 0.85;
}

.extended-indicators-section .mini-indicator-row.extended[b-7ly5ecf7nx] {
    background: rgba(40, 50, 70, 0.2);
    border-radius: 3px;
    margin: 2px 0;
    padding: 5px 6px;
}

.loading-indicators[b-7ly5ecf7nx] {
    padding: 12px;
    text-align: center;
    font-size: 10px;
    color: rgba(136, 146, 176, 0.6);
    font-style: italic;
}

/* ===== 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);
    position: relative;
}

/* Modern Add Symbol Button - Glass morphism style */
.chart-cell-empty .add-symbol-btn[b-7ly5ecf7nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 28px 36px;
    background: linear-gradient(135deg, rgba(30, 40, 60, 0.4) 0%, rgba(20, 30, 50, 0.6) 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 212, 170, 0.15);
    border-radius: 16px;
    color: rgba(136, 146, 176, 0.85);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow:
        0 4px 24px rgba(0, 0, 0, 0.25),
        0 1px 2px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    position: relative;
    overflow: hidden;
}

/* Subtle glow effect behind button */
.chart-cell-empty .add-symbol-btn[b-7ly5ecf7nx]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: radial-gradient(circle, rgba(0, 212, 170, 0.15) 0%, transparent 70%);
    opacity: 0;
    transition: all 0.4s ease;
    pointer-events: none;
}

/* Icon wrapper */
.chart-cell-empty .add-symbol-btn svg[b-7ly5ecf7nx] {
    width: 28px;
    height: 28px;
    stroke-width: 1.5;
    color: rgba(0, 212, 170, 0.6);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    filter: drop-shadow(0 2px 4px rgba(0, 212, 170, 0.2));
}

/* Text styling */
.chart-cell-empty .add-symbol-btn span[b-7ly5ecf7nx] {
    transition: all 0.3s ease;
}

/* Hover state */
.chart-cell-empty .add-symbol-btn:hover[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.12) 0%, rgba(30, 45, 65, 0.7) 100%);
    border-color: rgba(0, 212, 170, 0.4);
    color: var(--accent-primary, #00d4aa);
    transform: translateY(-2px);
    box-shadow:
        0 8px 32px rgba(0, 212, 170, 0.15),
        0 4px 16px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.chart-cell-empty .add-symbol-btn:hover[b-7ly5ecf7nx]::before {
    opacity: 1;
    width: 120px;
    height: 120px;
}

.chart-cell-empty .add-symbol-btn:hover svg[b-7ly5ecf7nx] {
    color: var(--accent-primary, #00d4aa);
    transform: scale(1.1);
    filter: drop-shadow(0 4px 8px rgba(0, 212, 170, 0.35));
}

/* Active/pressed state */
.chart-cell-empty .add-symbol-btn:active[b-7ly5ecf7nx] {
    transform: translateY(0px);
    box-shadow:
        0 2px 12px rgba(0, 212, 170, 0.2),
        0 1px 4px rgba(0, 0, 0, 0.15);
}

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

.inline-ohlc .ohlc-i.vol[b-7ly5ecf7nx],
.inline-ohlc .ohlc-v.vol[b-7ly5ecf7nx] {
    color: #a78bfa;
}

/* 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;
    }
    
    /* Hide grid selector on mobile - focus on single chart */
    .tool-btn.grid-btn[b-7ly5ecf7nx],
    .grid-dropdown[b-7ly5ecf7nx] {
        display: none;
    }
}

/* ===== 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 - keep OHLC visible but compact */
    .overlay-indicators[b-7ly5ecf7nx] {
        display: none;
    }
    
    /* Keep OHLC visible on mobile but more compact */
    .inline-ohlc[b-7ly5ecf7nx] {
        display: inline-flex;
        font-size: 7px;
        gap: 1px;
        margin-left: 4px;
    }
    
    .inline-ohlc .ohlc-i[b-7ly5ecf7nx] {
        font-size: 7px;
    }
    
    .inline-ohlc .ohlc-v[b-7ly5ecf7nx] {
        margin-right: 2px;
    }
    
    /* Hide grid selector on mobile - force single chart */
    .tool-btn.grid-btn[b-7ly5ecf7nx],
    .grid-dropdown[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;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   REVERSAL MARKERS - Diamond markers with tiered styling
   Standard: subtle | Strong (≥70%): brighter | Elite (≥80% + 3 confirms): glow
   ═══════════════════════════════════════════════════════════════════════════════ */

.reversal-marker[b-7ly5ecf7nx] {
    position: absolute;
    pointer-events: auto;
    cursor: pointer;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10;
}

/* Bullish markers (vibrant emerald) */
.reversal-marker.bullish[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, #34d399 0%, #10b981 50%, #059669 100%);
    border: 1.5px solid rgba(52, 211, 153, 0.8);
}

/* Bearish markers (vibrant red) */
.reversal-marker.bearish[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, #f87171 0%, #ef4444 50%, #dc2626 100%);
    border: 1.5px solid rgba(252, 165, 165, 0.8);
}

/* ===== TIER: Standard (default) ===== */
.reversal-marker.tier-standard[b-7ly5ecf7nx] {
    width: 9px;
    height: 9px;
    opacity: 0.85;
}

.reversal-marker.tier-standard.bullish[b-7ly5ecf7nx] {
    box-shadow: 0 0 4px rgba(16, 185, 129, 0.5), 0 0 8px rgba(16, 185, 129, 0.2);
}

.reversal-marker.tier-standard.bearish[b-7ly5ecf7nx] {
    box-shadow: 0 0 4px rgba(239, 68, 68, 0.5), 0 0 8px rgba(239, 68, 68, 0.2);
}

.reversal-marker.tier-standard:hover[b-7ly5ecf7nx] {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(45deg) scale(1.4);
}

/* ===== TIER: Strong (≥70% confidence) ===== */
.reversal-marker.tier-strong[b-7ly5ecf7nx] {
    width: 11px;
    height: 11px;
    opacity: 0.95;
}

.reversal-marker.tier-strong.bullish[b-7ly5ecf7nx] {
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.6), 0 0 16px rgba(16, 185, 129, 0.3), 0 0 24px rgba(16, 185, 129, 0.1);
}

.reversal-marker.tier-strong.bearish[b-7ly5ecf7nx] {
    box-shadow: 0 0 8px rgba(239, 68, 68, 0.6), 0 0 16px rgba(239, 68, 68, 0.3), 0 0 24px rgba(239, 68, 68, 0.1);
}

.reversal-marker.tier-strong:hover[b-7ly5ecf7nx] {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(45deg) scale(1.5);
}

.reversal-marker.tier-strong.bullish:hover[b-7ly5ecf7nx] {
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.8), 0 0 24px rgba(16, 185, 129, 0.5), 0 0 36px rgba(16, 185, 129, 0.3);
}

.reversal-marker.tier-strong.bearish:hover[b-7ly5ecf7nx] {
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.8), 0 0 24px rgba(239, 68, 68, 0.5), 0 0 36px rgba(239, 68, 68, 0.3);
}

/* ===== TIER: Elite (≥80% + 3 confirmations) - Maximum WOW factor ===== */
.reversal-marker.tier-elite[b-7ly5ecf7nx] {
    width: 13px;
    height: 13px;
    opacity: 1;
    animation: reversal-elite-shimmer-b-7ly5ecf7nx 3s ease-in-out infinite;
}

.reversal-marker.tier-elite.bullish[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, #6ee7b7 0%, #34d399 30%, #10b981 60%, #059669 100%);
    border: 2px solid rgba(110, 231, 183, 0.9);
    box-shadow:
        0 0 12px rgba(16, 185, 129, 0.8),
        0 0 24px rgba(16, 185, 129, 0.5),
        0 0 36px rgba(16, 185, 129, 0.3),
        inset 0 0 4px rgba(255, 255, 255, 0.3);
}

.reversal-marker.tier-elite.bearish[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, #fca5a5 0%, #f87171 30%, #ef4444 60%, #dc2626 100%);
    border: 2px solid rgba(252, 165, 165, 0.9);
    box-shadow:
        0 0 12px rgba(239, 68, 68, 0.8),
        0 0 24px rgba(239, 68, 68, 0.5),
        0 0 36px rgba(239, 68, 68, 0.3),
        inset 0 0 4px rgba(255, 255, 255, 0.3);
}

.reversal-marker.tier-elite:hover[b-7ly5ecf7nx] {
    transform: translate(-50%, -50%) rotate(45deg) scale(1.6);
    animation: none;
}

.reversal-marker.tier-elite.bullish:hover[b-7ly5ecf7nx] {
    box-shadow:
        0 0 16px rgba(16, 185, 129, 1),
        0 0 32px rgba(16, 185, 129, 0.7),
        0 0 48px rgba(16, 185, 129, 0.4),
        0 0 64px rgba(16, 185, 129, 0.2),
        inset 0 0 6px rgba(255, 255, 255, 0.4);
}

.reversal-marker.tier-elite.bearish:hover[b-7ly5ecf7nx] {
    box-shadow:
        0 0 16px rgba(239, 68, 68, 1),
        0 0 32px rgba(239, 68, 68, 0.7),
        0 0 48px rgba(239, 68, 68, 0.4),
        0 0 64px rgba(239, 68, 68, 0.2),
        inset 0 0 6px rgba(255, 255, 255, 0.4);
}

/* ===== Elite shimmer animation ===== */
@keyframes reversal-elite-shimmer-b-7ly5ecf7nx {
    0%, 100% {
        transform: translate(-50%, -50%) rotate(45deg) scale(1);
        filter: brightness(1);
    }
    25% {
        filter: brightness(1.15);
    }
    50% {
        transform: translate(-50%, -50%) rotate(45deg) scale(1.1);
        filter: brightness(1.25);
    }
    75% {
        filter: brightness(1.15);
    }
}

/* ===== Latest marker pulse animation ===== */
.reversal-marker.latest[b-7ly5ecf7nx] {
    animation: reversal-pulse-b-7ly5ecf7nx 2s ease-in-out infinite;
}

@keyframes reversal-pulse-b-7ly5ecf7nx {
    0%, 100% {
        transform: translate(-50%, -50%) rotate(45deg) scale(1);
        filter: brightness(1);
    }
    50% {
        transform: translate(-50%, -50%) rotate(45deg) scale(1.25);
        filter: brightness(1.2);
    }
}

.reversal-marker.tier-elite.latest[b-7ly5ecf7nx] {
    animation: reversal-elite-pulse-b-7ly5ecf7nx 2s ease-in-out infinite;
}

@keyframes reversal-elite-pulse-b-7ly5ecf7nx {
    0%, 100% {
        transform: translate(-50%, -50%) rotate(45deg) scale(1);
        filter: brightness(1) drop-shadow(0 0 6px currentColor);
    }
    50% {
        transform: translate(-50%, -50%) rotate(45deg) scale(1.2);
        filter: brightness(1.3) drop-shadow(0 0 12px currentColor);
    }
}

/* ===== Reversal marker tooltip ===== */
.reversal-marker-tooltip[b-7ly5ecf7nx] {
    position: fixed;
    padding: 10px 14px;
    background: linear-gradient(135deg, rgba(20, 25, 35, 0.98), rgba(15, 20, 28, 0.98));
    border: 1px solid rgba(100, 116, 139, 0.3);
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    z-index: 1000;
    pointer-events: none;
    max-width: 280px;
    font-size: 12px;
}

.reversal-tooltip-header[b-7ly5ecf7nx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(100, 116, 139, 0.2);
}

.reversal-tooltip-direction[b-7ly5ecf7nx] {
    font-weight: 700;
    font-size: 13px;
}

.reversal-tooltip-direction.bullish[b-7ly5ecf7nx] {
    color: #10b981;
}

.reversal-tooltip-direction.bearish[b-7ly5ecf7nx] {
    color: #ef4444;
}

.reversal-tooltip-tier[b-7ly5ecf7nx] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.reversal-tooltip-tier.tier-standard[b-7ly5ecf7nx] {
    background: rgba(100, 116, 139, 0.3);
    color: #94a3b8;
}

.reversal-tooltip-tier.tier-strong[b-7ly5ecf7nx] {
    background: rgba(234, 179, 8, 0.2);
    color: #fbbf24;
}

.reversal-tooltip-tier.tier-elite[b-7ly5ecf7nx] {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.3), rgba(139, 92, 246, 0.3));
    color: #c4b5fd;
}

.reversal-tooltip-stats[b-7ly5ecf7nx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 12px;
}

.reversal-tooltip-stat[b-7ly5ecf7nx] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.reversal-tooltip-stat-label[b-7ly5ecf7nx] {
    color: #8892b0;
}

.reversal-tooltip-stat-value[b-7ly5ecf7nx] {
    color: #e6f1ff;
    font-weight: 500;
}

.reversal-tooltip-indicators[b-7ly5ecf7nx] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(100, 116, 139, 0.2);
}

.reversal-tooltip-indicators-title[b-7ly5ecf7nx] {
    font-size: 10px;
    color: #8892b0;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.reversal-tooltip-indicator-list[b-7ly5ecf7nx] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.reversal-tooltip-indicator[b-7ly5ecf7nx] {
    padding: 2px 6px;
    background: rgba(71, 85, 105, 0.3);
    border-radius: 3px;
    font-size: 10px;
    color: #cbd5e1;
}

.reversal-tooltip-outcome[b-7ly5ecf7nx] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(100, 116, 139, 0.2);
    text-align: center;
}

.reversal-tooltip-outcome.won[b-7ly5ecf7nx] {
    color: #10b981;
}

.reversal-tooltip-outcome.lost[b-7ly5ecf7nx] {
    color: #ef4444;
}

.reversal-tooltip-outcome.pending[b-7ly5ecf7nx] {
    color: #fbbf24;
}
/* /Components/Pages/CryptoIntelligence.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════ */
/* CRYPTO INTELLIGENCE PAGE STYLES                                         */
/* ═══════════════════════════════════════════════════════════════════════ */

.crypto-intelligence-container[b-wj4kz6j4qd] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* HEADER                                                                   */
/* ═══════════════════════════════════════════════════════════════════════ */

.crypto-header[b-wj4kz6j4qd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.crypto-header h1[b-wj4kz6j4qd] {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.crypto-header h1 i[b-wj4kz6j4qd] {
    color: #f7931a; /* Bitcoin orange */
}

.header-left[b-wj4kz6j4qd] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-right[b-wj4kz6j4qd] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.status-badge[b-wj4kz6j4qd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

.status-badge.running[b-wj4kz6j4qd] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.status-badge.stopped[b-wj4kz6j4qd] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.status-dot[b-wj4kz6j4qd] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    animation: pulse-b-wj4kz6j4qd 2s infinite;
}

@keyframes pulse-b-wj4kz6j4qd {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.universe-count[b-wj4kz6j4qd] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* BTC ANCHOR PANEL                                                         */
/* ═══════════════════════════════════════════════════════════════════════ */

.btc-anchor-panel[b-wj4kz6j4qd] {
    background: linear-gradient(135deg, rgba(247, 147, 26, 0.1) 0%, rgba(0, 0, 0, 0.3) 100%);
    border: 1px solid rgba(247, 147, 26, 0.3);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.panel-header[b-wj4kz6j4qd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.panel-header h2[b-wj4kz6j4qd] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btc-metrics[b-wj4kz6j4qd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
}

.metric-card[b-wj4kz6j4qd] {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
}

.metric-label[b-wj4kz6j4qd] {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0.5rem;
}

.metric-value[b-wj4kz6j4qd] {
    font-size: 1.25rem;
    font-weight: 700;
}

.metric-card.positive .metric-value[b-wj4kz6j4qd] { color: #22c55e; }
.metric-card.negative .metric-value[b-wj4kz6j4qd] { color: #ef4444; }
.metric-card.regime-up[b-wj4kz6j4qd] { border-left: 3px solid #22c55e; }
.metric-card.regime-down[b-wj4kz6j4qd] { border-left: 3px solid #ef4444; }
.metric-card.regime-choppy[b-wj4kz6j4qd] { border-left: 3px solid #f59e0b; }
.metric-card.regime-highvol[b-wj4kz6j4qd] { border-left: 3px solid #8b5cf6; }
.metric-card.regime-lowvol[b-wj4kz6j4qd] { border-left: 3px solid #6b7280; }

/* ═══════════════════════════════════════════════════════════════════════ */
/* SIGNALS SECTION                                                          */
/* ═══════════════════════════════════════════════════════════════════════ */

.signals-section[b-wj4kz6j4qd] {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.filter-controls[b-wj4kz6j4qd] {
    display: flex;
    gap: 0.5rem;
}

.filter-controls .form-select[b-wj4kz6j4qd] {
    width: auto;
    background-color: rgba(0, 0, 0, 0.3);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.loading-state[b-wj4kz6j4qd], .empty-state[b-wj4kz6j4qd] {
    text-align: center;
    padding: 3rem;
    color: rgba(255, 255, 255, 0.5);
}

.empty-state i[b-wj4kz6j4qd] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
}

.signals-grid[b-wj4kz6j4qd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.signal-card[b-wj4kz6j4qd] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.signal-card:hover[b-wj4kz6j4qd] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.signal-card.bullish[b-wj4kz6j4qd] {
    border-left: 4px solid #22c55e;
}

.signal-card.bearish[b-wj4kz6j4qd] {
    border-left: 4px solid #ef4444;
}

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

.signal-header .symbol[b-wj4kz6j4qd] {
    font-size: 1.1rem;
    font-weight: 700;
}

.strength-badge[b-wj4kz6j4qd] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

.strength-badge.triggered[b-wj4kz6j4qd] { background: #22c55e; color: white; }
.strength-badge.building[b-wj4kz6j4qd] { background: #f59e0b; color: black; }
.strength-badge.early[b-wj4kz6j4qd] { background: #6b7280; color: white; }

.signal-body[b-wj4kz6j4qd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.direction[b-wj4kz6j4qd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
}

.direction i[b-wj4kz6j4qd] {
    font-size: 1.25rem;
}

.bullish .direction[b-wj4kz6j4qd] { color: #22c55e; }
.bearish .direction[b-wj4kz6j4qd] { color: #ef4444; }

.confidence[b-wj4kz6j4qd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.conf-label[b-wj4kz6j4qd] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    width: 70px;
}

.conf-bar[b-wj4kz6j4qd] {
    flex: 1;
    height: 6px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    overflow: hidden;
}

.conf-fill[b-wj4kz6j4qd] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

.conf-fill.high[b-wj4kz6j4qd] { background: #22c55e; }
.conf-fill.medium[b-wj4kz6j4qd] { background: #f59e0b; }
.conf-fill.low[b-wj4kz6j4qd] { background: #ef4444; }

.conf-value[b-wj4kz6j4qd] {
    font-size: 0.85rem;
    font-weight: 600;
    width: 40px;
    text-align: right;
}

.regime-info[b-wj4kz6j4qd] {
    display: flex;
    gap: 0.5rem;
}

.regime-badge[b-wj4kz6j4qd] {
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    background: rgba(255, 255, 255, 0.1);
}

.signal-footer[b-wj4kz6j4qd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.status[b-wj4kz6j4qd] {
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
}

.status.confirmed[b-wj4kz6j4qd] { background: rgba(34, 197, 94, 0.2); color: #22c55e; }
.status.triggered[b-wj4kz6j4qd] { background: rgba(245, 158, 11, 0.2); color: #f59e0b; }
.status.building[b-wj4kz6j4qd] { background: rgba(107, 114, 128, 0.2); color: #9ca3af; }

.tradeable-badge[b-wj4kz6j4qd] {
    font-size: 0.75rem;
    color: #22c55e;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* UNIVERSE SECTION                                                         */
/* ═══════════════════════════════════════════════════════════════════════ */

.universe-section[b-wj4kz6j4qd] {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.25rem;
}

.tier-tabs[b-wj4kz6j4qd] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.tier-tab[b-wj4kz6j4qd] {
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: all 0.2s ease;
}

.tier-tab:hover[b-wj4kz6j4qd] {
    background: rgba(255, 255, 255, 0.1);
}

.tier-tab.active[b-wj4kz6j4qd] {
    background: rgba(59, 130, 246, 0.2);
    border-color: #3b82f6;
    color: white;
}

.tier-tab .count[b-wj4kz6j4qd] {
    background: rgba(255, 255, 255, 0.1);
    padding: 0.1rem 0.4rem;
    border-radius: 10px;
    font-size: 0.75rem;
    margin-left: 0.5rem;
}

.symbols-list[b-wj4kz6j4qd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.symbol-chip[b-wj4kz6j4qd] {
    padding: 0.4rem 0.75rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    font-size: 0.85rem;
}

.symbol-chip.bullish[b-wj4kz6j4qd] {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.3);
}

.symbol-chip.bearish[b-wj4kz6j4qd] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
}

.manual-controls[b-wj4kz6j4qd] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
    max-width: 400px;
}

.manual-controls .form-control[b-wj4kz6j4qd] {
    flex: 1;
    background-color: rgba(0, 0, 0, 0.3);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* SIGNAL DETAIL MODAL                                                      */
/* ═══════════════════════════════════════════════════════════════════════ */

.signal-detail-modal[b-wj4kz6j4qd] {
    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: 1000;
    backdrop-filter: blur(4px);
}

.signal-detail-content[b-wj4kz6j4qd] {
    background: #1a1a2e;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    width: 90%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
}

.detail-header[b-wj4kz6j4qd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.detail-header h3[b-wj4kz6j4qd] {
    margin: 0;
    font-size: 1.5rem;
}

.close-btn[b-wj4kz6j4qd] {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    padding: 0.5rem;
    font-size: 1.25rem;
}

.close-btn:hover[b-wj4kz6j4qd] {
    color: white;
}

.detail-body[b-wj4kz6j4qd] {
    padding: 1.25rem;
}

.detail-row[b-wj4kz6j4qd] {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.detail-row:last-child[b-wj4kz6j4qd] {
    border-bottom: none;
}

.detail-row .label[b-wj4kz6j4qd] {
    color: rgba(255, 255, 255, 0.6);
}

.detail-row .value[b-wj4kz6j4qd] {
    font-weight: 600;
}

.detail-row .value.bullish[b-wj4kz6j4qd] { color: #22c55e; }
.detail-row .value.bearish[b-wj4kz6j4qd] { color: #ef4444; }

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

@media (max-width: 768px) {
    .crypto-header[b-wj4kz6j4qd] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

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

    .signals-grid[b-wj4kz6j4qd] {
        grid-template-columns: 1fr;
    }

    .btc-metrics[b-wj4kz6j4qd] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /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;
}

.refresh-job-btn[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.75rem;
    font-size: 0.8rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.refresh-job-btn:hover:not(:disabled)[b-igl17ynkxg] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

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

.refresh-job-btn .spinner-border[b-igl17ynkxg] {
    width: 0.9rem;
    height: 0.9rem;
}

.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;
    user-select: none;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.tag-checkbox input[b-igl17ynkxg] {
    display: none;
}

/* Unselected state - dimmed appearance */
.tag-checkbox.unselected[b-igl17ynkxg] {
    opacity: 0.4;
    background: rgba(0, 0, 0, 0.3);
    color: rgba(255, 255, 255, 0.5);
}

.tag-checkbox.unselected:hover[b-igl17ynkxg] {
    opacity: 0.7;
}

/* Selected state - uses class-based styling for reliable Blazor updates */
.tag-checkbox.selected[b-igl17ynkxg] {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
    opacity: 1;
}

/* Legacy :has selector support for non-Blazor scenarios */
.tag-checkbox:has(input:checked)[b-igl17ynkxg] {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
}

/* Signal-specific colors for SELECTED state */
.tag-checkbox.tag-strong-play.selected[b-igl17ynkxg] { background: rgba(34, 197, 94, 0.25); color: #22c55e; border: 1px solid rgba(34, 197, 94, 0.4); }
.tag-checkbox.tag-buy-before.selected[b-igl17ynkxg] { background: rgba(59, 130, 246, 0.25); color: #60a5fa; border: 1px solid rgba(59, 130, 246, 0.4); }
.tag-checkbox.tag-short-gap.selected[b-igl17ynkxg] { background: rgba(234, 179, 8, 0.25); color: #fbbf24; border: 1px solid rgba(234, 179, 8, 0.4); }
.tag-checkbox.tag-quick-recovery.selected[b-igl17ynkxg] { background: rgba(139, 92, 246, 0.25); color: #a78bfa; border: 1px solid rgba(139, 92, 246, 0.4); }
.tag-checkbox.tag-trap-warning.selected[b-igl17ynkxg] { background: rgba(239, 68, 68, 0.25); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.4); }
.tag-checkbox.tag-hold.selected[b-igl17ynkxg] { background: rgba(148, 163, 184, 0.25); color: #94a3b8; border: 1px solid rgba(148, 163, 184, 0.4); }
.tag-checkbox.tag-neutral.selected[b-igl17ynkxg] { background: rgba(100, 116, 139, 0.2); color: #64748b; border: 1px solid rgba(100, 116, 139, 0.3); }
.tag-checkbox.tag-no-data.selected[b-igl17ynkxg] { background: rgba(71, 85, 105, 0.2); color: #64748b; border: 1px solid rgba(71, 85, 105, 0.3); }

/* Legacy :has() selector support */
.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; }
.tag-checkbox.tag-strong-play:has(input:checked)[b-igl17ynkxg] { background: rgba(34, 197, 94, 0.2); color: #22c55e; }
.tag-checkbox.tag-buy-before:has(input:checked)[b-igl17ynkxg] { background: rgba(59, 130, 246, 0.2); color: #60a5fa; }
.tag-checkbox.tag-short-gap:has(input:checked)[b-igl17ynkxg] { background: rgba(234, 179, 8, 0.2); color: #fbbf24; }
.tag-checkbox.tag-quick-recovery:has(input:checked)[b-igl17ynkxg] { background: rgba(139, 92, 246, 0.2); color: #a78bfa; }
.tag-checkbox.tag-trap-warning:has(input:checked)[b-igl17ynkxg] { background: rgba(239, 68, 68, 0.2); color: #ef4444; }
.tag-checkbox.tag-hold:has(input:checked)[b-igl17ynkxg] { background: rgba(148, 163, 184, 0.2); color: #94a3b8; }
.tag-checkbox.tag-neutral:has(input:checked)[b-igl17ynkxg] { background: rgba(100, 116, 139, 0.15); color: #64748b; }

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

/* Signal-based KPI tile colors */
.kpi-tile.actionable[b-igl17ynkxg] { border-left: 3px solid #10b981; }
.kpi-tile.warnings[b-igl17ynkxg] { border-left: 3px solid #f59e0b; }
.kpi-tile.score[b-igl17ynkxg] { border-left: 3px solid #3b82f6; }
.kpi-tile.upcoming[b-igl17ynkxg] { border-left: 3px solid #8b5cf6; }

/* Legacy tile colors (kept for backward compatibility) */
.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-icon[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    font-size: 1.25rem;
}

/* Signal-based icon colors */
.kpi-tile.actionable .kpi-icon[b-igl17ynkxg] { background: rgba(16, 185, 129, 0.15); color: #10b981; }
.kpi-tile.warnings .kpi-icon[b-igl17ynkxg] { background: rgba(245, 158, 11, 0.15); color: #f59e0b; }
.kpi-tile.score .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; }

/* Legacy icon colors (kept for backward compatibility) */
.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-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);
}

.kpi-detail[b-igl17ynkxg] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.45);
    margin-top: 0.1rem;
}

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

/* Sortable header styles */
.dividend-table th.sortable[b-igl17ynkxg] {
    cursor: pointer;
    user-select: none;
    transition: color 0.15s, background-color 0.15s;
}

.dividend-table th.sortable:hover[b-igl17ynkxg] {
    color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.05);
}

.dividend-table th.sortable.active-sort[b-igl17ynkxg] {
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.1);
}

.sort-icon[b-igl17ynkxg] {
    margin-left: 4px;
    font-size: 0.65rem;
}

.sort-icon.inactive[b-igl17ynkxg] {
    opacity: 0.3;
}

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

/* Event Study Row Classifications */
.dividend-row.row-strong-play[b-igl17ynkxg] { border-left: 3px solid #22c55e; background: rgba(34, 197, 94, 0.03); }
.dividend-row.row-runup[b-igl17ynkxg] { border-left: 3px solid #3b82f6; }
.dividend-row.row-recovery[b-igl17ynkxg] { border-left: 3px solid #8b5cf6; }
.dividend-row.row-shortable[b-igl17ynkxg] { border-left: 3px solid #f59e0b; }
.dividend-row.row-neutral[b-igl17ynkxg] { border-left: 3px solid #64748b; }
.dividend-row.row-trap[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;
}

.symbol-with-price[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.symbol-link[b-igl17ynkxg] {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--bs-primary);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
    text-decoration: none;
}

.symbol-link:hover[b-igl17ynkxg] {
    color: #818cf8;
    text-decoration: underline;
}

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

/* ═══════════════════════════════════════════════════════════════════════ */
/* EVENT STUDY TABLE ELEMENTS */
/* ═══════════════════════════════════════════════════════════════════════ */

/* Pattern Cell (Pre-Dividend Run-Up) */
.pattern-cell[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.pattern-value[b-igl17ynkxg] {
    font-weight: 600;
    font-size: 0.8rem;
}

.pattern-value.runup-strong[b-igl17ynkxg] { color: #22c55e; }
.pattern-value.runup-moderate[b-igl17ynkxg] { color: #4ade80; }
.pattern-value.runup-flat[b-igl17ynkxg] { color: #94a3b8; }
.pattern-value.runup-negative[b-igl17ynkxg] { color: #f87171; }

/* Drop Efficiency */
.drop-efficiency[b-igl17ynkxg] {
    font-weight: 600;
    font-size: 0.8rem;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
}

.drop-efficiency.drop-under[b-igl17ynkxg] { background: rgba(34, 197, 94, 0.15); color: #22c55e; }
.drop-efficiency.drop-normal[b-igl17ynkxg] { background: rgba(148, 163, 184, 0.15); color: #94a3b8; }
.drop-efficiency.drop-over[b-igl17ynkxg] { background: rgba(234, 179, 8, 0.15); color: #eab308; }
.drop-efficiency.drop-severe[b-igl17ynkxg] { background: rgba(239, 68, 68, 0.15); color: #ef4444; }

/* Recovery Cell */
.recovery-cell[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.recovery-days.recovery-fast[b-igl17ynkxg] { color: #22c55e; font-weight: 600; }
.recovery-days.recovery-normal[b-igl17ynkxg] { color: #94a3b8; }
.recovery-days.recovery-slow[b-igl17ynkxg] { color: #eab308; }
.recovery-days.recovery-very-slow[b-igl17ynkxg] { color: #ef4444; }

/* Signal Icons */
.signal-icon[b-igl17ynkxg] {
    font-size: 0.75rem;
}

.signal-icon.bullish[b-igl17ynkxg] { color: #22c55e; }
.signal-icon.fast[b-igl17ynkxg] { color: #8b5cf6; }

/* Consistency Cell */
.consistency-cell[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 70px;
}

.consistency-bar.mini[b-igl17ynkxg] {
    flex: 1;
    height: 4px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    overflow: hidden;
    max-width: 40px;
}

.consistency-cell .consistency-fill[b-igl17ynkxg] {
    height: 100%;
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
    border-radius: 2px;
}

.consistency-value[b-igl17ynkxg] {
    font-size: 0.75rem;
    min-width: 32px;
}

.consistency-value.consistency-high[b-igl17ynkxg] { color: #22c55e; font-weight: 600; }
.consistency-value.consistency-medium[b-igl17ynkxg] { color: #94a3b8; }
.consistency-value.consistency-low[b-igl17ynkxg] { color: #ef4444; }

/* No Data Placeholder */
.no-data[b-igl17ynkxg] {
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.9rem;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* SIGNAL BADGES */
/* ═══════════════════════════════════════════════════════════════════════ */

.signal-badges[b-igl17ynkxg] {
    display: flex;
    gap: 0.35rem;
}

.signal-badge[b-igl17ynkxg] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: default;
}

.signal-badge i[b-igl17ynkxg] {
    font-size: 0.7rem;
}

/* Strong Play */
.signal-badge.signal-strong-play[b-igl17ynkxg] {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.25), rgba(16, 185, 129, 0.25));
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

/* Buy Before */
.signal-badge.signal-buy-before[b-igl17ynkxg] {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

/* Short Gap */
.signal-badge.signal-short-gap[b-igl17ynkxg] {
    background: rgba(234, 179, 8, 0.2);
    color: #fbbf24;
    border: 1px solid rgba(234, 179, 8, 0.3);
}

/* Quick Recovery */
.signal-badge.signal-quick-recovery[b-igl17ynkxg] {
    background: rgba(139, 92, 246, 0.2);
    color: #a78bfa;
    border: 1px solid rgba(139, 92, 246, 0.3);
}

/* Trap Warning */
.signal-badge.signal-trap[b-igl17ynkxg] {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.3);
}

/* Hold */
.signal-badge.signal-hold[b-igl17ynkxg] {
    background: rgba(148, 163, 184, 0.15);
    color: #94a3b8;
    border: 1px solid rgba(148, 163, 184, 0.3);
}

/* Neutral */
.signal-badge.signal-neutral[b-igl17ynkxg] {
    background: rgba(100, 116, 139, 0.15);
    color: #64748b;
    border: 1px solid rgba(100, 116, 139, 0.2);
}

/* No Data */
.signal-badge.signal-no-data[b-igl17ynkxg] {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

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

/* ═══════════════════════════════════════════════════════════════════════ */
/* PREMIUM GLASSMORPHISM MODAL - Modern Design with Wow Factor */
/* ═══════════════════════════════════════════════════════════════════════ */

/* Backdrop with Blur */
.dividend-modal-backdrop[b-igl17ynkxg] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    animation: backdropFadeIn-b-igl17ynkxg 0.3s ease;
}

@keyframes backdropFadeIn-b-igl17ynkxg {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Main Modal Container - Wide and Centered */
.dividend-modal-container[b-igl17ynkxg] {
    width: 90vw;
    max-width: 1200px;
    max-height: 90vh;
    background: linear-gradient(145deg, rgba(26, 26, 46, 0.95), rgba(22, 33, 62, 0.98));
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow:
        0 25px 50px -12px rgba(0, 0, 0, 0.5),
        0 0 100px rgba(99, 102, 241, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: modalSlideIn-b-igl17ynkxg 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes modalSlideIn-b-igl17ynkxg {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Premium Header with Animated Gradient */
.modal-premium-header[b-igl17ynkxg] {
    position: relative;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(139, 92, 246, 0.1), rgba(59, 130, 246, 0.1));
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.modal-premium-header[b-igl17ynkxg]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #6366f1, #8b5cf6, #3b82f6, #6366f1);
    background-size: 200% 100%;
    animation: gradientFlow-b-igl17ynkxg 3s linear infinite;
}

@keyframes gradientFlow-b-igl17ynkxg {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

.header-content[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding-right: 3rem; /* Space for close button */
}

.symbol-section[b-igl17ynkxg] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
}

.premium-symbol[b-igl17ynkxg] {
    font-size: 1.5rem;
    font-weight: 800;
    background: linear-gradient(135deg, #fff, #c7d2fe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.02em;
}

.premium-company[b-igl17ynkxg] {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
}

/* Premium Signal Badge with Glow */
.premium-signal-badge[b-igl17ynkxg] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    transition: all 0.3s ease;
}

.premium-signal-badge:hover[b-igl17ynkxg] {
    transform: translateY(-1px);
}

.premium-signal-badge.tag-strong-play[b-igl17ynkxg] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.25), rgba(16, 185, 129, 0.1));
    color: #34d399;
    border: 1px solid rgba(16, 185, 129, 0.4);
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.2);
}

.premium-signal-badge.tag-buy-before[b-igl17ynkxg] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.25), rgba(59, 130, 246, 0.1));
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.4);
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.2);
}

.premium-signal-badge.tag-short-gap[b-igl17ynkxg] {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.25), rgba(249, 115, 22, 0.1));
    color: #fb923c;
    border: 1px solid rgba(249, 115, 22, 0.4);
    box-shadow: 0 0 20px rgba(249, 115, 22, 0.2);
}

.premium-signal-badge.tag-quick-recovery[b-igl17ynkxg] {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.25), rgba(34, 197, 94, 0.1));
    color: #4ade80;
    border: 1px solid rgba(34, 197, 94, 0.4);
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.2);
}

.premium-signal-badge.tag-trap-warning[b-igl17ynkxg] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.25), rgba(239, 68, 68, 0.1));
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.4);
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.2);
}

.premium-signal-badge.tag-hold[b-igl17ynkxg] {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(139, 92, 246, 0.1));
    color: #a78bfa;
    border: 1px solid rgba(139, 92, 246, 0.4);
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.2);
}

.premium-signal-badge.tag-neutral[b-igl17ynkxg] {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.premium-signal-badge.tag-no-data[b-igl17ynkxg] {
    background: rgba(107, 114, 128, 0.15);
    color: #9ca3af;
    border: 1px solid rgba(107, 114, 128, 0.3);
}

/* Signal + Score Section Container */
.signal-score-section[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Intelligence Score Badge */
.intelligence-score-badge[b-igl17ynkxg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.15));
    border: 1px solid rgba(59, 130, 246, 0.4);
    border-radius: 12px;
    padding: 0.4rem 0.75rem;
    min-width: 50px;
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.15);
    transition: all 0.3s ease;
}

.intelligence-score-badge:hover[b-igl17ynkxg] {
    transform: translateY(-1px);
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.25);
}

.intelligence-score-badge .score-value[b-igl17ynkxg] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #60a5fa;
    line-height: 1.1;
}

.intelligence-score-badge .score-label[b-igl17ynkxg] {
    font-size: 0.6rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Stats Ribbon with Glass Effect */
.stats-ribbon[b-igl17ynkxg] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.stat-chip[b-igl17ynkxg] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.75rem;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.2s ease;
}

.stat-chip:hover[b-igl17ynkxg] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.15);
}

.stat-chip i[b-igl17ynkxg] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
}

.stat-chip.highlight[b-igl17ynkxg] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(16, 185, 129, 0.05));
    border-color: rgba(16, 185, 129, 0.25);
    color: #34d399;
}

.stat-chip.highlight i[b-igl17ynkxg] {
    color: #34d399;
}

.stat-chip.accent[b-igl17ynkxg] {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(99, 102, 241, 0.05));
    border-color: rgba(99, 102, 241, 0.25);
    color: #818cf8;
}

.stat-chip.accent i[b-igl17ynkxg] {
    color: #818cf8;
}

/* Weight Mode Toggle in Header */
.weight-mode-toggle[b-igl17ynkxg] {
    display: flex;
    gap: 0;
    border-radius: 8px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-left: auto;
}

.weight-mode-toggle .mode-btn[b-igl17ynkxg] {
    padding: 0.35rem 0.65rem;
    font-size: 0.75rem;
    font-weight: 500;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.weight-mode-toggle .mode-btn:hover:not(.active)[b-igl17ynkxg] {
    color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.05);
}

.weight-mode-toggle .mode-btn.active[b-igl17ynkxg] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.3), rgba(245, 158, 11, 0.15));
    color: #f59e0b;
    box-shadow: inset 0 0 8px rgba(245, 158, 11, 0.15);
}

.weight-mode-toggle .mode-btn.active:first-child[b-igl17ynkxg] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.15));
    color: #60a5fa;
    box-shadow: inset 0 0 8px rgba(59, 130, 246, 0.15);
}

.weight-mode-toggle .mode-btn i[b-igl17ynkxg] {
    font-size: 0.7rem;
}

/* Premium Close Button */
.premium-close-btn[b-igl17ynkxg] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.premium-close-btn:hover[b-igl17ynkxg] {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
    transform: rotate(90deg);
}

/* Premium Tab Navigation */
.premium-tabs[b-igl17ynkxg] {
    display: flex;
    padding: 0 1.5rem;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.premium-tab[b-igl17ynkxg] {
    position: relative;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    padding: 1rem 1.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
}

.premium-tab i[b-igl17ynkxg] {
    font-size: 1rem;
}

.premium-tab:hover[b-igl17ynkxg] {
    color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.03);
}

.premium-tab.active[b-igl17ynkxg] {
    color: #818cf8;
}

.premium-tab.active[b-igl17ynkxg]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
    border-radius: 3px 3px 0 0;
    animation: tabIndicator-b-igl17ynkxg 0.3s ease;
}

@keyframes tabIndicator-b-igl17ynkxg {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

/* Premium Content Area */
.premium-content[b-igl17ynkxg] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
    background: transparent;
}

.content-pane[b-igl17ynkxg] {
    animation: contentFadeIn-b-igl17ynkxg 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

@keyframes contentFadeIn-b-igl17ynkxg {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-in[b-igl17ynkxg] {
    animation: contentFadeIn-b-igl17ynkxg 0.3s ease;
}

/* Premium History Grid */
.premium-history-grid[b-igl17ynkxg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
}

.history-card[b-igl17ynkxg] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    transition: all 0.2s ease;
}

.history-card:hover[b-igl17ynkxg] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(99, 102, 241, 0.3);
    transform: translateY(-2px);
}

.history-date[b-igl17ynkxg] {
    font-size: 0.85rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
}

.history-amount[b-igl17ynkxg] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #34d399;
    text-align: right;
}

.history-payment[b-igl17ynkxg] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
}

.history-recovery[b-igl17ynkxg] {
    font-size: 0.75rem;
    text-align: right;
    font-weight: 500;
}

.history-recovery.recovery-fast[b-igl17ynkxg] { color: #34d399; }
.history-recovery.recovery-medium[b-igl17ynkxg] { color: #fbbf24; }
.history-recovery.recovery-slow[b-igl17ynkxg] { color: #f87171; }

.empty-history[b-igl17ynkxg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: rgba(255, 255, 255, 0.4);
}

.empty-history i[b-igl17ynkxg] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

/* Legacy Signal Badges (keep for table compatibility) */
.signal-action-badge[b-igl17ynkxg] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    white-space: nowrap;
}

.signal-action-badge.tag-strong-play[b-igl17ynkxg] {
    background: rgba(16, 185, 129, 0.2);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.4);
}

.signal-action-badge.tag-buy-before[b-igl17ynkxg] {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.4);
}

.signal-action-badge.tag-short-gap[b-igl17ynkxg] {
    background: rgba(249, 115, 22, 0.2);
    color: #f97316;
    border: 1px solid rgba(249, 115, 22, 0.4);
}

.signal-action-badge.tag-quick-recovery[b-igl17ynkxg] {
    background: rgba(34, 197, 94, 0.2);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.4);
}

.signal-action-badge.tag-trap-warning[b-igl17ynkxg] {
    background: rgba(239, 68, 68, 0.2);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.4);
}

.signal-action-badge.tag-hold[b-igl17ynkxg] {
    background: rgba(139, 92, 246, 0.2);
    color: #a78bfa;
    border: 1px solid rgba(139, 92, 246, 0.4);
}

.signal-action-badge.tag-neutral[b-igl17ynkxg] {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.signal-action-badge.tag-no-data[b-igl17ynkxg] {
    background: rgba(107, 114, 128, 0.2);
    color: #9ca3af;
    border: 1px solid rgba(107, 114, 128, 0.4);
}

/* Legacy styles (kept for backward compatibility) */
.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; }

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

/* ═══════════════════════════════════════════════════════════════════════ */
/* RESPONSIVE MODAL ADJUSTMENTS */
/* ═══════════════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {
    .dividend-modal-container[b-igl17ynkxg] {
        width: 95vw;
        max-height: 95vh;
    }
    
    .premium-tabs[b-igl17ynkxg] {
        padding: 0 1rem;
    }
    
    .premium-tab[b-igl17ynkxg] {
        padding: 0.75rem 1rem;
        font-size: 0.85rem;
    }
    
    .premium-tab span[b-igl17ynkxg] {
        display: none;
    }
    
    .premium-tab i[b-igl17ynkxg] {
        font-size: 1.2rem;
    }
    
    .premium-history-grid[b-igl17ynkxg] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .modal-premium-header[b-igl17ynkxg] {
        padding: 1rem;
    }
    
    .premium-symbol[b-igl17ynkxg] {
        font-size: 1.25rem;
    }
    
    .stats-ribbon[b-igl17ynkxg] {
        gap: 0.4rem;
    }
    
    .stat-chip[b-igl17ynkxg] {
        padding: 0.3rem 0.6rem;
        font-size: 0.75rem;
    }
    
    .premium-content[b-igl17ynkxg] {
        padding: 1rem;
    }
}

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

/* Premium Modal Light Theme */
:global([data-theme="light"]) .dividend-modal-backdrop[b-igl17ynkxg] {
    background: rgba(0, 0, 0, 0.5);
}

:global([data-theme="light"]) .dividend-modal-container[b-igl17ynkxg] {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow:
        0 25px 50px -12px rgba(0, 0, 0, 0.25),
        0 0 100px rgba(99, 102, 241, 0.08);
}

:global([data-theme="light"]) .modal-premium-header[b-igl17ynkxg] {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(139, 92, 246, 0.05), rgba(59, 130, 246, 0.05));
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

:global([data-theme="light"]) .premium-symbol[b-igl17ynkxg] {
    background: linear-gradient(135deg, #1e293b, #334155);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

:global([data-theme="light"]) .premium-company[b-igl17ynkxg] {
    color: var(--text-secondary);
}

:global([data-theme="light"]) .stat-chip[b-igl17ynkxg] {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
    color: var(--text-primary);
}

:global([data-theme="light"]) .stat-chip i[b-igl17ynkxg] {
    color: var(--text-muted);
}

:global([data-theme="light"]) .stat-chip.highlight[b-igl17ynkxg] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0.03));
    border-color: rgba(16, 185, 129, 0.2);
    color: #059669;
}

:global([data-theme="light"]) .stat-chip.accent[b-igl17ynkxg] {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(99, 102, 241, 0.03));
    border-color: rgba(99, 102, 241, 0.2);
    color: #4f46e5;
}

:global([data-theme="light"]) .premium-close-btn[b-igl17ynkxg] {
    background: rgba(0, 0, 0, 0.05);
    color: var(--text-muted);
}

:global([data-theme="light"]) .premium-close-btn:hover[b-igl17ynkxg] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
}

:global([data-theme="light"]) .premium-tabs[b-igl17ynkxg] {
    background: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

:global([data-theme="light"]) .premium-tab[b-igl17ynkxg] {
    color: var(--text-muted);
}

:global([data-theme="light"]) .premium-tab:hover[b-igl17ynkxg] {
    color: var(--text-primary);
    background: rgba(0, 0, 0, 0.02);
}

:global([data-theme="light"]) .premium-tab.active[b-igl17ynkxg] {
    color: #4f46e5;
}

:global([data-theme="light"]) .history-card[b-igl17ynkxg] {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.06);
}

:global([data-theme="light"]) .history-card:hover[b-igl17ynkxg] {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(99, 102, 241, 0.2);
}

:global([data-theme="light"]) .history-date[b-igl17ynkxg] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .history-amount[b-igl17ynkxg] {
    color: #059669;
}

:global([data-theme="light"]) .history-payment[b-igl17ynkxg] {
    color: var(--text-muted);
}

:global([data-theme="light"]) .empty-history[b-igl17ynkxg] {
    color: var(--text-muted);
}

/* Legacy Light Theme (for table badges etc) */
: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"]) .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);
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* DAILY PICKS SECTION (Collapsible) */
/* ═══════════════════════════════════════════════════════════════════════ */

.daily-picks-section[b-igl17ynkxg] {
    margin-bottom: 2rem;
    background: var(--bg-secondary, #1a1a2e);
    border-radius: 12px;
    border: 1px solid var(--border, rgba(255, 255, 255, 0.1));
    overflow: hidden;
}

.daily-picks-section .section-toggle[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 1.5rem;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.2s;
}

.daily-picks-section .section-toggle:hover[b-igl17ynkxg] {
    background: rgba(255, 255, 255, 0.05);
}

.daily-picks-section .toggle-left[b-igl17ynkxg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.daily-picks-section .toggle-left > i[b-igl17ynkxg] {
    color: var(--text-secondary, rgba(255, 255, 255, 0.6));
    font-size: 1rem;
    transition: transform 0.2s;
}

.daily-picks-section .toggle-left h2[b-igl17ynkxg] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary, white);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
}

.daily-picks-section .toggle-left h2 i[b-igl17ynkxg] {
    color: #6366f1;
}

.daily-picks-section .toggle-left h2 .badge-new[b-igl17ynkxg] {
    font-size: 0.6rem;
    font-weight: 700;
    padding: 2px 8px;
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.daily-picks-section .section-subtitle[b-igl17ynkxg] {
    font-size: 0.8rem;
    color: var(--text-secondary, rgba(255, 255, 255, 0.6));
    margin: 0;
}

.daily-picks-section .section-content[b-igl17ynkxg] {
    padding: 0 1.5rem 1.5rem 1.5rem;
    border-top: 1px solid var(--border, rgba(255, 255, 255, 0.1));
}

.daily-picks-section.expanded .toggle-left > i[b-igl17ynkxg] {
    transform: rotate(0deg);
}

.daily-picks-section.collapsed .toggle-left > i[b-igl17ynkxg] {
    transform: rotate(0deg);
}

/* Light theme overrides for daily picks section */
:global([data-theme="light"]) .daily-picks-section[b-igl17ynkxg] {
    background: var(--bg-secondary);
    border-color: var(--border);
}

:global([data-theme="light"]) .daily-picks-section .section-toggle:hover[b-igl17ynkxg] {
    background: rgba(0, 0, 0, 0.03);
}

:global([data-theme="light"]) .daily-picks-section .toggle-left h2[b-igl17ynkxg] {
    color: var(--text-primary);
}

:global([data-theme="light"]) .daily-picks-section .section-subtitle[b-igl17ynkxg] {
    color: var(--text-secondary);
}
/* /Components/Pages/FullAnalyse.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════ */
/* TECH SCREENER PAGE STYLES */
/* Modern, Clean, "Stockmarket Terminal" aesthetic - Matching Dividend Intelligence */
/* ═══════════════════════════════════════════════════════════════════════ */

.screener-container[b-rikc99zwsi] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* HEADER / HERO */
/* ═══════════════════════════════════════════════════════════════════════ */

.page-header[b-rikc99zwsi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-content[b-rikc99zwsi] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.page-title[b-rikc99zwsi] {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.page-subtitle[b-rikc99zwsi] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

.symbol-count[b-rikc99zwsi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
    border: 1px solid rgba(59, 130, 246, 0.3);
    border-radius: 10px;
    min-width: 80px;
}

.count-value[b-rikc99zwsi] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #60a5fa;
    line-height: 1;
}

.count-label[b-rikc99zwsi] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.25rem;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* DEMO BANNER */
/* ═══════════════════════════════════════════════════════════════════════ */

.demo-banner[b-rikc99zwsi] {
    background: linear-gradient(135deg, rgba(234, 179, 8, 0.15), rgba(245, 158, 11, 0.1));
    border: 1px solid rgba(234, 179, 8, 0.3);
    border-radius: 10px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.demo-banner-content[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.demo-banner-icon[b-rikc99zwsi] {
    font-size: 1.25rem;
}

.demo-banner-text[b-rikc99zwsi] {
    flex: 1;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.85rem;
}

.demo-banner-text strong[b-rikc99zwsi] {
    color: #fbbf24;
}

.demo-stock[b-rikc99zwsi] {
    background: rgba(234, 179, 8, 0.2);
    color: #fbbf24;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    font-weight: 600;
}

.upgrade-link[b-rikc99zwsi] {
    color: #10b981;
    text-decoration: none;
    font-weight: 600;
    margin-left: 0.75rem;
    transition: color 0.2s ease;
}

.upgrade-link:hover[b-rikc99zwsi] {
    color: #4ade80;
    text-decoration: underline;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* SEARCH & FILTER BAR */
/* ═══════════════════════════════════════════════════════════════════════ */

.search-filter-bar[b-rikc99zwsi] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.9), rgba(15, 23, 42, 0.95));
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 1rem;
    position: sticky;
    top: 0;
    z-index: 100;
    backdrop-filter: blur(10px);
}

.search-container[b-rikc99zwsi] {
    position: relative;
    flex: 1;
    max-width: 280px;
}

.search-icon[b-rikc99zwsi] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.4);
    pointer-events: none;
}

.symbol-search-input[b-rikc99zwsi] {
    width: 100%;
    padding: 0.5rem 0.75rem 0.5rem 2.5rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: white;
    font-size: 0.85rem;
    transition: all 0.2s ease;
}

.symbol-search-input[b-rikc99zwsi]::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.symbol-search-input:focus[b-rikc99zwsi] {
    outline: none;
    border-color: rgba(59, 130, 246, 0.5);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.search-clear[b-rikc99zwsi] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: all 0.15s ease;
}

.search-clear:hover[b-rikc99zwsi] {
    background: rgba(239, 68, 68, 0.3);
    color: #f87171;
}

.filter-controls[b-rikc99zwsi] {
    display: flex;
    gap: 0.5rem;
}

.filter-toggle-btn[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0.75rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.filter-toggle-btn:hover[b-rikc99zwsi] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.filter-toggle-btn.active[b-rikc99zwsi] {
    background: rgba(59, 130, 246, 0.2);
    border-color: rgba(59, 130, 246, 0.4);
    color: #60a5fa;
}

.filter-badge[b-rikc99zwsi] {
    background: #3b82f6;
    color: white;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.1rem 0.35rem;
    border-radius: 6px;
    min-width: 16px;
    text-align: center;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* QUICK FILTER CHIPS */
/* ═══════════════════════════════════════════════════════════════════════ */

.quick-filters[b-rikc99zwsi] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.quick-filter-chip[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0.9rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.quick-filter-chip:hover[b-rikc99zwsi] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

.quick-filter-chip.active[b-rikc99zwsi] {
    background: rgba(59, 130, 246, 0.2);
    border-color: rgba(59, 130, 246, 0.4);
    color: #60a5fa;
}

.quick-filter-chip.active.golden[b-rikc99zwsi] {
    background: rgba(234, 179, 8, 0.2);
    border-color: rgba(234, 179, 8, 0.4);
    color: #fbbf24;
}

.quick-filter-chip.active.bullish[b-rikc99zwsi] {
    background: rgba(16, 185, 129, 0.2);
    border-color: rgba(16, 185, 129, 0.4);
    color: #10b981;
}

.quick-filter-chip.active.bearish[b-rikc99zwsi] {
    background: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.4);
    color: #f87171;
}

.chip-icon[b-rikc99zwsi] {
    font-size: 0.9rem;
}

.chip-text[b-rikc99zwsi] {
    font-weight: 500;
}

.chip-count[b-rikc99zwsi] {
    font-size: 0.7rem;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.15);
    padding: 0.1rem 0.4rem;
    border-radius: 10px;
    min-width: 28px;
    text-align: center;
}

.quick-filter-chip.active .chip-count[b-rikc99zwsi] {
    background: rgba(255, 255, 255, 0.2);
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* RESULTS SUMMARY */
/* ═══════════════════════════════════════════════════════════════════════ */

.results-summary[b-rikc99zwsi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding: 0 0.25rem;
}

.results-text[b-rikc99zwsi] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
}

.results-text strong[b-rikc99zwsi] {
    color: white;
}

.clear-all-btn[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: 6px;
    padding: 0.35rem 0.6rem;
    color: #f87171;
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.clear-all-btn:hover[b-rikc99zwsi] {
    background: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.4);
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* DATA TABLE */
/* ═══════════════════════════════════════════════════════════════════════ */

.table-container[b-rikc99zwsi] {
    background: rgba(30, 41, 59, 0.5);
    border-radius: 12px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.screener-table[b-rikc99zwsi] {
    width: 100%;
    border-collapse: collapse;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.85rem;
}

.screener-table th[b-rikc99zwsi] {
    background: rgba(15, 23, 42, 0.6);
    border-bottom: 1px solid 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.75rem 0.6rem;
    white-space: nowrap;
    font-weight: 600;
    position: sticky;
    top: 0;
}

.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 rgba(255, 255, 255, 0.05);
    transition: background-color 0.15s ease;
}

.screener-table tbody tr:hover[b-rikc99zwsi] {
    background: rgba(255, 255, 255, 0.05);
}

.screener-table td[b-rikc99zwsi] {
    padding: 0.6rem 0.6rem;
    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] {
    font-weight: 700;
    font-size: 0.9rem;
    color: #60a5fa;
    text-decoration: none;
    transition: color 0.2s ease;
}

.symbol-link:hover[b-rikc99zwsi] {
    color: #818cf8;
    text-decoration: underline;
}

/* Price Column */
.price-cell[b-rikc99zwsi] {
    font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
    font-size: 0.85rem;
    color: white;
}

/* Change Column */
.change-cell[b-rikc99zwsi] {
    font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
    font-weight: 600;
    font-size: 0.8rem;
}

.change-cell.positive[b-rikc99zwsi] {
    color: #10b981;
}

.change-cell.negative[b-rikc99zwsi] {
    color: #ef4444;
}

/* Percentile Column */
.percentile-cell[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.percentile-bar[b-rikc99zwsi] {
    width: 40px;
    height: 5px;
    background: rgba(255, 255, 255, 0.1);
    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: linear-gradient(90deg, #10b981, #4ade80); }
.percentile-fill.mid[b-rikc99zwsi] { background: linear-gradient(90deg, #eab308, #facc15); }
.percentile-fill.high[b-rikc99zwsi] { background: linear-gradient(90deg, #ef4444, #f87171); }

.percentile-value[b-rikc99zwsi] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
    min-width: 35px;
}

/* Score Badge */
.score-badge[b-rikc99zwsi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
    min-width: 32px;
}

.score-badge.high[b-rikc99zwsi] {
    background: rgba(16, 185, 129, 0.2);
    color: #10b981;
}

.score-badge.medium[b-rikc99zwsi] {
    background: rgba(234, 179, 8, 0.2);
    color: #eab308;
}

.score-badge.low[b-rikc99zwsi] {
    background: rgba(148, 163, 184, 0.15);
    color: #94a3b8;
}

/* Weight Badge */
.weight-badge[b-rikc99zwsi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
    min-width: 40px;
}

.weight-badge.high[b-rikc99zwsi] {
    background: rgba(16, 185, 129, 0.2);
    color: #10b981;
}

.weight-badge.medium[b-rikc99zwsi] {
    background: rgba(234, 179, 8, 0.2);
    color: #eab308;
}

.weight-badge.low[b-rikc99zwsi] {
    background: rgba(148, 163, 184, 0.15);
    color: #94a3b8;
}

/* Regime Badge */
.regime-badge[b-rikc99zwsi] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.45rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: capitalize;
}

.regime-badge.uptrend[b-rikc99zwsi] {
    background: rgba(16, 185, 129, 0.2);
    color: #10b981;
}

.regime-badge.downtrend[b-rikc99zwsi] {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
}

.regime-badge.weak[b-rikc99zwsi] {
    background: rgba(234, 179, 8, 0.2);
    color: #eab308;
}

.regime-badge.range[b-rikc99zwsi] {
    background: rgba(148, 163, 184, 0.15);
    color: #94a3b8;
}

.regime-badge.transition[b-rikc99zwsi] {
    background: rgba(139, 92, 246, 0.2);
    color: #a78bfa;
}

/* Zone Badge */
.zone-badge[b-rikc99zwsi] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.45rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
}

.zone-badge.buy[b-rikc99zwsi],
.zone-badge.os[b-rikc99zwsi] {
    background: rgba(16, 185, 129, 0.2);
    color: #10b981;
}

.zone-badge.sell[b-rikc99zwsi],
.zone-badge.ob[b-rikc99zwsi] {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
}

.zone-badge.hpr[b-rikc99zwsi] {
    background: rgba(139, 92, 246, 0.2);
    color: #a78bfa;
}

.zone-badge.neutral[b-rikc99zwsi],
.zone-badge.nz[b-rikc99zwsi] {
    background: rgba(148, 163, 184, 0.15);
    color: #94a3b8;
}

/* Stance Badge */
.stance-badge[b-rikc99zwsi] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: capitalize;
}

.stance-badge.bullish[b-rikc99zwsi] {
    background: rgba(16, 185, 129, 0.2);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.stance-badge.bearish[b-rikc99zwsi] {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.stance-badge.neutral[b-rikc99zwsi] {
    background: rgba(148, 163, 184, 0.1);
    color: #94a3b8;
}

/* Indicators Button */
.indicators-btn[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 6px;
    color: #60a5fa;
    cursor: pointer;
    transition: all 0.15s ease;
}

.indicators-btn:hover[b-rikc99zwsi] {
    background: rgba(59, 130, 246, 0.2);
    border-color: rgba(59, 130, 246, 0.4);
}

.indicators-btn svg[b-rikc99zwsi] {
    width: 14px;
    height: 14px;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* LOADING STATE */
/* ═══════════════════════════════════════════════════════════════════════ */

.loading-state[b-rikc99zwsi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    background: rgba(30, 41, 59, 0.5);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.6);
}

.loading-state h3[b-rikc99zwsi] {
    color: white;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}

.loading-state p[b-rikc99zwsi] {
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 1rem;
    font-size: 0.85rem;
}

.loading-spinner[b-rikc99zwsi] {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-top-color: #3b82f6;
    border-radius: 50%;
    margin-bottom: 1rem;
    animation: spin-b-rikc99zwsi 1s linear infinite;
}

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

/* ═══════════════════════════════════════════════════════════════════════ */
/* EMPTY STATE */
/* ═══════════════════════════════════════════════════════════════════════ */

.empty-state[b-rikc99zwsi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    background: rgba(30, 41, 59, 0.5);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.6);
}

.empty-icon[b-rikc99zwsi] {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state h3[b-rikc99zwsi] {
    color: white;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}

.empty-state p[b-rikc99zwsi] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.85rem;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* 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: 300px;
    max-width: 90vw;
    height: 100vh;
    background: linear-gradient(135deg, #1e293b, #0f172a);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 999;
    display: flex;
    flex-direction: column;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.3);
}

.filter-drawer-header[b-rikc99zwsi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.filter-drawer-header h3[b-rikc99zwsi] {
    margin: 0;
    font-size: 1rem;
    color: white;
}

.filter-drawer-actions[b-rikc99zwsi] {
    display: flex;
    gap: 0.5rem;
}

.filter-drawer-actions button[b-rikc99zwsi] {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    padding: 0.35rem 0.6rem;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.filter-drawer-actions button:hover[b-rikc99zwsi] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.filter-drawer-body[b-rikc99zwsi] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

/* Filter Sections */
.filter-section[b-rikc99zwsi] {
    margin-bottom: 0.5rem;
    border-radius: 8px;
    overflow: hidden;
}

.filter-section-header[b-rikc99zwsi] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0.75rem;
    background: rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.filter-section-header:hover[b-rikc99zwsi] {
    background: rgba(0, 0, 0, 0.3);
    color: white;
}

.filter-section-content[b-rikc99zwsi] {
    padding: 0.75rem;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0 0 8px 8px;
    margin-top: 2px;
}

.filter-range[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
}

.filter-range input[type="number"][b-rikc99zwsi] {
    width: 60px;
    padding: 0.35rem 0.5rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    color: white;
    font-size: 0.75rem;
}

.filter-range input[type="number"]:focus[b-rikc99zwsi] {
    outline: none;
    border-color: rgba(59, 130, 246, 0.5);
}

.filter-checkbox[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: color 0.15s;
}

.filter-checkbox:hover[b-rikc99zwsi] {
    color: white;
}

.filter-checkbox input[type="checkbox"][b-rikc99zwsi] {
    accent-color: #3b82f6;
}

.filter-group[b-rikc99zwsi] {
    margin-bottom: 1rem;
}

.filter-label[b-rikc99zwsi] {
    display: block;
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.5rem;
}

.indicator-filter-count[b-rikc99zwsi] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.count-badge[b-rikc99zwsi] {
    background: #3b82f6;
    color: white;
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.1rem 0.35rem;
    border-radius: 6px;
    min-width: 16px;
    text-align: center;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* INDICATOR DRAWER (Sidebar) */
/* ═══════════════════════════════════════════════════════════════════════ */

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

.indicator-drawer[b-rikc99zwsi] {
    position: fixed;
    top: 0;
    right: 0;
    width: 360px;
    max-width: 90vw;
    height: 100vh;
    background: linear-gradient(135deg, #1e293b, #0f172a);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 999;
    display: flex;
    flex-direction: column;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.3);
    overflow-y: auto;
}

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

@media (max-width: 992px) {
    .quick-filters[b-rikc99zwsi] {
        flex-wrap: wrap;
    }
    
    .search-filter-bar[b-rikc99zwsi] {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .search-container[b-rikc99zwsi] {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .screener-container[b-rikc99zwsi] {
        padding: 0.75rem;
    }
    
    .page-header[b-rikc99zwsi] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .symbol-count[b-rikc99zwsi] {
        align-self: flex-end;
    }
    
    .screener-table[b-rikc99zwsi] {
        font-size: 0.8rem;
    }
    
    .screener-table th[b-rikc99zwsi],
    .screener-table td[b-rikc99zwsi] {
        padding: 0.5rem 0.4rem;
    }
    
    .symbol-link[b-rikc99zwsi] {
        font-size: 0.85rem;
    }
}

@media (max-width: 576px) {
    .quick-filter-chip[b-rikc99zwsi] {
        padding: 0.4rem 0.6rem;
        font-size: 0.75rem;
    }
    
    .chip-count[b-rikc99zwsi] {
        display: none;
    }
    
    .percentile-bar[b-rikc99zwsi] {
        display: none;
    }
}
/* /Components/Pages/MarketOverview.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════
   Market Overview V4 - Premium Decision-Focused Design
   Visual Polish v2 — Bloomberg-lite + TradingView premium aesthetic
   ═══════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────────── */
/* CSS VARIABLES & COLOR SYSTEM */
/* ─────────────────────────────────────────────────────────────────────── */

:root[b-ybe0x4ltl6] {
    /* Dark Theme Foundation */
    --bg-primary: #0a0f1a;
    --bg-surface: #0f1419;
    --bg-card: #1a1f2e;
    --bg-elevated: #1f2937;

    /* Borders */
    --border-subtle: rgba(255, 255, 255, 0.04);
    --border: rgba(255, 255, 255, 0.08);
    --border-medium: rgba(255, 255, 255, 0.15);

    /* Text */
    --text-primary: #f9fafb;
    --text-secondary: #d1d5db;
    --text-muted: #9ca3af;
    --text-subtle: #6b7280;

    /* Status Colors */
    --success: #10b981;
    --success-hover: #059669;
    --success-bg: rgba(16, 185, 129, 0.12);
    --success-rgb: 16, 185, 129;

    --error: #ef4444;
    --error-hover: #dc2626;
    --error-bg: rgba(239, 68, 68, 0.12);
    --error-rgb: 239, 68, 68;

    --warning: #f59e0b;
    --warning-bg: rgba(245, 158, 11, 0.12);
    --warning-rgb: 245, 158, 11;

    --info: #3b82f6;
    --info-bg: rgba(59, 130, 246, 0.12);
    --info-rgb: 59, 130, 246;

    /* Pillar Colors */
    --trend-color: #3b82f6;
    --breadth-color: #8b5cf6;
    --risk-color: #f59e0b;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.45);
    --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.55);

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;

    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;

    /* Fonts */
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;
}

/* ─────────────────────────────────────────────────────────────────────── */
/* BASE CONTAINER & GLOBAL STYLES */
/* ─────────────────────────────────────────────────────────────────────── */

.market-overview-v4-container[b-ybe0x4ltl6] {
    max-width: 1600px;
    margin: 0 auto;
    padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl);
    font-family: var(--font-sans);
    color: var(--text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.loading-state[b-ybe0x4ltl6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    color: var(--text-muted);
}

/* ─────────────────────────────────────────────────────────────────────── */
/* SECTION 1: HERO COMMAND CENTER */
/* ─────────────────────────────────────────────────────────────────────── */

.hero-command-center[b-ybe0x4ltl6] {
    background: linear-gradient(135deg, rgba(26, 31, 46, 0.95) 0%, rgba(15, 20, 25, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--radius-xl);
    padding: 2.5rem 3rem;
    margin-bottom: var(--spacing-2xl);
    box-shadow: var(--shadow-xl), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    position: relative;
    overflow: hidden;
    animation: fade-in-up-b-ybe0x4ltl6 0.6s ease-out;
}

.hero-command-center[b-ybe0x4ltl6]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg,
        transparent 0%,
        var(--regime-color) 30%,
        var(--regime-color-end) 70%,
        transparent 100%
    );
    opacity: 0.8;
}

.hero-command-center[b-ybe0x4ltl6]::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(var(--regime-rgb), 0.06) 0%, transparent 70%);
    pointer-events: none;
}

.hero-header[b-ybe0x4ltl6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-xl);
    position: relative;
    z-index: 1;
}

.hero-title[b-ybe0x4ltl6] {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin: 0;
}

.live-badge[b-ybe0x4ltl6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 1rem;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid transparent;
}

.live-badge.live[b-ybe0x4ltl6] {
    background: rgba(16, 185, 129, 0.12);
    color: var(--success);
    border-color: rgba(16, 185, 129, 0.25);
}

.live-badge.eod[b-ybe0x4ltl6] {
    background: rgba(107, 114, 128, 0.12);
    color: var(--text-muted);
    border-color: rgba(107, 114, 128, 0.2);
}

.live-dot[b-ybe0x4ltl6] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.live-badge.live .live-dot[b-ybe0x4ltl6] {
    animation: pulse-dot-b-ybe0x4ltl6 1.5s ease-in-out infinite;
    box-shadow: 0 0 6px currentColor;
}

@keyframes pulse-dot-b-ybe0x4ltl6 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.85); }
}

.hero-content[b-ybe0x4ltl6] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 2.5rem;
    align-items: start;
    position: relative;
    z-index: 1;
}

/* Regime Gauge */
.regime-gauge-container[b-ybe0x4ltl6] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.regime-ring[b-ybe0x4ltl6] {
    width: 210px;
    height: 210px;
    filter: drop-shadow(0 0 30px rgba(var(--regime-rgb), 0.35));
    animation: pulse-glow-b-ybe0x4ltl6 3s ease-in-out infinite;
}

@keyframes pulse-glow-b-ybe0x4ltl6 {
    0%, 100% { filter: drop-shadow(0 0 30px rgba(var(--regime-rgb), 0.35)); }
    50% { filter: drop-shadow(0 0 50px rgba(var(--regime-rgb), 0.5)); }
}

.regime-ring-fill[b-ybe0x4ltl6] {
    transition: stroke-dasharray 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.regime-center-score[b-ybe0x4ltl6] {
    font-size: 2rem;
    font-weight: 800;
    font-family: var(--font-mono);
    fill: var(--text-primary);
}

/* Regime Info */
.regime-info[b-ybe0x4ltl6] {
    flex: 1;
}

.regime-label-large[b-ybe0x4ltl6] {
    font-size: 2.25rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--text-primary);
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
    margin-bottom: 0.75rem;
    line-height: 1.15;
    background: linear-gradient(135deg, #ffffff 0%, #d1d5db 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.confidence-display[b-ybe0x4ltl6] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
}

.confidence-text[b-ybe0x4ltl6] {
    font-size: 0.813rem;
    font-weight: 600;
    color: var(--text-muted);
    letter-spacing: 0.02em;
}

.confidence-bar[b-ybe0x4ltl6] {
    width: 160px !important;
    flex: 0 0 160px !important;
    height: 6px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 3px;
    overflow: hidden;
}

.confidence-fill[b-ybe0x4ltl6] {
    height: 100% !important;
    border-radius: 3px;
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    background: #6b7280 !important;
}

.confidence-fill.confidence-high[b-ybe0x4ltl6] {
    background: #10b981 !important;
}

.confidence-fill.confidence-medium[b-ybe0x4ltl6] {
    background: #f59e0b !important;
}

.confidence-fill.confidence-low[b-ybe0x4ltl6] {
    background: #ef4444 !important;
}

.confidence-percent[b-ybe0x4ltl6] {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: var(--font-mono);
    color: var(--text-secondary);
}

.playbook-section[b-ybe0x4ltl6],
.market-read-section[b-ybe0x4ltl6] {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: var(--radius-lg);
    padding: 1.25rem 1.5rem;
    margin: var(--spacing-md) 0;
    backdrop-filter: blur(8px);
}

.playbook-label[b-ybe0x4ltl6],
.market-read-label[b-ybe0x4ltl6] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--text-subtle);
    margin-bottom: 0.5rem;
}

.playbook-text[b-ybe0x4ltl6],
.market-read-text[b-ybe0x4ltl6] {
    font-size: 0.938rem;
    line-height: 1.65;
    color: var(--text-secondary);
    font-weight: 400;
}

.what-changed-micro[b-ybe0x4ltl6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.15);
    border-radius: 9999px;
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-top: var(--spacing-md);
}

.what-changed-micro i[b-ybe0x4ltl6] {
    color: var(--info);
}

/* ─────────────────────────────────────────────────────────────────────── */
/* SECTION HEADERS */
/* ─────────────────────────────────────────────────────────────────────── */

.section-header[b-ybe0x4ltl6] {
    margin: var(--spacing-2xl) 0 var(--spacing-lg);
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.section-title[b-ybe0x4ltl6] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--text-subtle);
    margin: 0;
}

/* ─────────────────────────────────────────────────────────────────────── */
/* SECTION 2: KEY DRIVERS STRIP — Redesigned with colored accents */
/* ─────────────────────────────────────────────────────────────────────── */

.key-drivers-strip[b-ybe0x4ltl6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
}

.driver-card[b-ybe0x4ltl6] {
    background: linear-gradient(160deg, rgba(31, 41, 55, 0.8) 0%, rgba(17, 24, 39, 0.95) 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: var(--radius-lg);
    padding: 1.25rem 1.5rem;
    transition: all var(--transition-base);
    position: relative;
    overflow: hidden;
    animation: fade-in-up-b-ybe0x4ltl6 0.5s ease-out backwards;
}

.driver-card:nth-child(1)[b-ybe0x4ltl6] { animation-delay: 0.1s; }
.driver-card:nth-child(2)[b-ybe0x4ltl6] { animation-delay: 0.2s; }
.driver-card:nth-child(3)[b-ybe0x4ltl6] { animation-delay: 0.3s; }
.driver-card:nth-child(4)[b-ybe0x4ltl6] { animation-delay: 0.4s; }

.driver-card[b-ybe0x4ltl6]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.driver-card.trend[b-ybe0x4ltl6]::before { background: linear-gradient(90deg, var(--trend-color), transparent); }
.driver-card.breadth[b-ybe0x4ltl6]::before { background: linear-gradient(90deg, var(--breadth-color), transparent); }
.driver-card.risk[b-ybe0x4ltl6]::before { background: linear-gradient(90deg, var(--risk-color), transparent); }
.driver-card.key-issue[b-ybe0x4ltl6]::before { background: linear-gradient(90deg, #ef4444, #f59e0b); }

.driver-card:hover[b-ybe0x4ltl6] {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
    border-color: rgba(255, 255, 255, 0.1);
}

.driver-card.key-issue[b-ybe0x4ltl6] {
    background: linear-gradient(160deg, rgba(245, 158, 11, 0.08) 0%, rgba(239, 68, 68, 0.06) 100%);
    border-color: rgba(245, 158, 11, 0.15);
}

.driver-header[b-ybe0x4ltl6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.driver-icon[b-ybe0x4ltl6] {
    font-size: 1.125rem;
    line-height: 1;
}

.driver-name[b-ybe0x4ltl6] {
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-subtle);
}

.driver-score[b-ybe0x4ltl6] {
    font-size: 2.25rem;
    font-weight: 800;
    font-family: var(--font-mono);
    line-height: 1;
    margin: 0.25rem 0 0.5rem;
    letter-spacing: -0.02em;
}

.driver-score.positive[b-ybe0x4ltl6] { color: var(--success); }
.driver-score.negative[b-ybe0x4ltl6] { color: var(--error); }

.driver-progress-bar[b-ybe0x4ltl6] {
    height: 3px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 2px;
    overflow: hidden;
    margin: 0.5rem 0 0.75rem;
}

.driver-progress-fill[b-ybe0x4ltl6] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.driver-status[b-ybe0x4ltl6] {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.3rem 0.75rem;
    border-radius: 9999px;
    display: inline-block;
}

.driver-status.supportive[b-ybe0x4ltl6] {
    background: rgba(16, 185, 129, 0.12);
    color: #34d399;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.driver-status.moderate[b-ybe0x4ltl6] {
    background: rgba(59, 130, 246, 0.12);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.driver-status.neutral[b-ybe0x4ltl6] {
    background: rgba(245, 158, 11, 0.12);
    color: #fbbf24;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

.driver-status.headwind[b-ybe0x4ltl6] {
    background: rgba(239, 68, 68, 0.12);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.driver-metric[b-ybe0x4ltl6] {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-top: 0.75rem;
    line-height: 1.5;
    opacity: 0.85;
}

.key-issue-content[b-ybe0x4ltl6] {
    padding-top: 0.5rem;
}

.key-issue-content p[b-ybe0x4ltl6] {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--text-secondary);
    margin: 0;
}

/* ─────────────────────────────────────────────────────────────────────── */
/* SECTION 3: STRATEGY PLAYBOOK — With refined meters */
/* ─────────────────────────────────────────────────────────────────────── */

.strategy-playbook[b-ybe0x4ltl6] {
    background: linear-gradient(160deg, rgba(31, 41, 55, 0.7) 0%, rgba(17, 24, 39, 0.9) 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: var(--radius-xl);
    padding: 1.75rem 2rem;
    margin-bottom: var(--spacing-xl);
    animation: fade-in-up-b-ybe0x4ltl6 0.5s ease-out 0.2s backwards;
}

.strategy-row[b-ybe0x4ltl6] {
    display: grid;
    grid-template-columns: 200px 1fr 120px;
    align-items: center;
    gap: var(--spacing-lg);
    padding: 0.875rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.strategy-row:last-child[b-ybe0x4ltl6] {
    border-bottom: none;
}

.strategy-label[b-ybe0x4ltl6] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-secondary);
}

.strategy-meter[b-ybe0x4ltl6] {
    height: 6px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.strategy-fill[b-ybe0x4ltl6] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.1);
}

.strategy-status[b-ybe0x4ltl6] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-align: right;
}

.strategy-status.preferred[b-ybe0x4ltl6] { color: #34d399; }
.strategy-status.suitable[b-ybe0x4ltl6] { color: #60a5fa; }
.strategy-status.selective[b-ybe0x4ltl6] { color: #fbbf24; }
.strategy-status.weak[b-ybe0x4ltl6] { color: #fb923c; }
.strategy-status.avoid[b-ybe0x4ltl6] { color: #f87171; }

/* ─────────────────────────────────────────────────────────────────────── */
/* SECTION 4: SYMBOL BIAS CARDS — Premium glass cards */
/* ─────────────────────────────────────────────────────────────────────── */

.symbol-bias-grid[b-ybe0x4ltl6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-xl);
}

.symbol-card[b-ybe0x4ltl6] {
    background: linear-gradient(160deg, rgba(31, 41, 55, 0.7) 0%, rgba(17, 24, 39, 0.9) 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    transition: all var(--transition-base);
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.symbol-card[b-ybe0x4ltl6]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.02), transparent);
    pointer-events: none;
}

.symbol-card:hover[b-ybe0x4ltl6] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: rgba(255, 255, 255, 0.12);
}

.symbol-card.best-opportunity[b-ybe0x4ltl6] {
    border: 1px solid rgba(16, 185, 129, 0.35);
    box-shadow: 0 0 40px rgba(16, 185, 129, 0.12), var(--shadow-lg);
    transform: translateY(-4px);
}

.symbol-card.best-opportunity[b-ybe0x4ltl6]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--success), transparent);
}

.best-badge[b-ybe0x4ltl6] {
    position: absolute;
    top: -1px;
    right: var(--spacing-md);
    padding: 0.3rem 0.75rem;
    background: linear-gradient(135deg, var(--success), var(--success-hover));
    color: white;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);
    z-index: 1;
}

.symbol-header[b-ybe0x4ltl6] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.25rem;
}

.symbol-ticker[b-ybe0x4ltl6] {
    font-size: 1.375rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: var(--text-primary);
}

.symbol-change[b-ybe0x4ltl6] {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: var(--font-mono);
}

.symbol-change.positive[b-ybe0x4ltl6] { color: var(--success); }
.symbol-change.negative[b-ybe0x4ltl6] { color: var(--error); }

.symbol-price[b-ybe0x4ltl6] {
    font-size: 1.625rem;
    font-weight: 700;
    font-family: var(--font-mono);
    color: var(--text-primary);
    margin: 0.25rem 0 0.75rem;
    letter-spacing: -0.01em;
}

.symbol-sparkline[b-ybe0x4ltl6] {
    height: 60px;
    margin: 0.75rem 0;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: rgba(0, 0, 0, 0.15);
    padding: 0.5rem;
}

.symbol-sparkline svg[b-ybe0x4ltl6] {
    width: 100%;
    height: 100%;
}

.bias-label[b-ybe0x4ltl6] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin: 0.75rem 0 0.5rem;
    line-height: 1.4;
}

.symbol-metrics[b-ybe0x4ltl6] {
    margin: 0.75rem 0;
    padding: 0.75rem;
    background: rgba(0, 0, 0, 0.15);
    border-radius: var(--radius-md);
}

.metric-row[b-ybe0x4ltl6] {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0;
    font-size: 0.813rem;
}

.metric-label[b-ybe0x4ltl6] { color: var(--text-subtle); }
.metric-value[b-ybe0x4ltl6] { color: var(--text-secondary); font-weight: 600; font-family: var(--font-mono); }

.takeaway-line[b-ybe0x4ltl6] {
    font-size: 0.813rem;
    color: var(--text-muted);
    font-style: italic;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    line-height: 1.5;
}

/* ─────────────────────────────────────────────────────────────────────── */
/* SECTION 5: MARKET HEALTH PANEL — Enhanced radial meters */
/* ─────────────────────────────────────────────────────────────────────── */

.market-health-panel[b-ybe0x4ltl6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-xl);
}

.health-card[b-ybe0x4ltl6] {
    background: linear-gradient(160deg, rgba(31, 41, 55, 0.7) 0%, rgba(17, 24, 39, 0.9) 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: var(--radius-lg);
    padding: 2rem 1.5rem;
    text-align: center;
    transition: all var(--transition-base);
}

.health-card:hover[b-ybe0x4ltl6] {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: var(--shadow-md);
}

.health-title[b-ybe0x4ltl6] {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--text-subtle);
    margin-bottom: var(--spacing-lg);
}

.radial-meter[b-ybe0x4ltl6] {
    width: 130px;
    height: 130px;
    margin: 0 auto var(--spacing-md);
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        var(--health-color) 0%,
        var(--health-color) calc(var(--health-percent) * 1%),
        rgba(255, 255, 255, 0.04) calc(var(--health-percent) * 1%)
    );
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.radial-meter[b-ybe0x4ltl6]::before {
    content: '';
    position: absolute;
    width: 102px;
    height: 102px;
    background: linear-gradient(135deg, #151b2b, #0f1419);
    border-radius: 50%;
}

.radial-value[b-ybe0x4ltl6] {
    position: relative;
    z-index: 1;
    font-size: 1.75rem;
    font-weight: 800;
    font-family: var(--font-mono);
    color: var(--text-primary);
}

.health-status-label[b-ybe0x4ltl6] {
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-top: 0.5rem;
}

/* Participation Visual — Fixed green bar visibility */
.participation-visual[b-ybe0x4ltl6] {
    padding: var(--spacing-md) 0;
}

.participation-bar[b-ybe0x4ltl6] {
    height: 20px;
    background: rgba(239, 68, 68, 0.2);
    border-radius: var(--radius-md);
    overflow: hidden;
    margin-bottom: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.participation-bullish[b-ybe0x4ltl6] {
    height: 100%;
    background: linear-gradient(90deg, #059669, #10b981, #34d399);
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: var(--radius-md) 0 0 var(--radius-md);
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.35);
}

.participation-labels[b-ybe0x4ltl6] {
    display: flex;
    justify-content: space-between;
    font-size: 0.813rem;
    font-weight: 600;
}

.bullish-label[b-ybe0x4ltl6] { color: #34d399; }
.bearish-label[b-ybe0x4ltl6] { color: #f87171; }

/* Risk Appetite */
.risk-appetite-visual[b-ybe0x4ltl6] {
    padding: var(--spacing-md) 0;
}

.appetite-icon[b-ybe0x4ltl6] {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
}

.appetite-label[b-ybe0x4ltl6] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-secondary);
    margin-bottom: var(--spacing-md);
    letter-spacing: 0.04em;
}

.appetite-bar[b-ybe0x4ltl6] {
    height: 6px;
    border-radius: 3px;
    margin: var(--spacing-md) auto 0;
    max-width: 180px;
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.1);
}

/* ─────────────────────────────────────────────────────────────────────── */
/* SECTION 6: SENTIMENT GAUGE — Fixed text overlap */
/* ─────────────────────────────────────────────────────────────────────── */

.sentiment-gauge-card[b-ybe0x4ltl6] {
    background: linear-gradient(160deg, rgba(31, 41, 55, 0.7) 0%, rgba(17, 24, 39, 0.9) 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: var(--radius-xl);
    padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);
    margin-bottom: var(--spacing-xl);
}

.gauge-container[b-ybe0x4ltl6] {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-lg);
}

.gauge-svg[b-ybe0x4ltl6] {
    width: 300px;
    height: 200px;
}

.gauge-needle[b-ybe0x4ltl6] {
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.gauge-value-text[b-ybe0x4ltl6] {
    font-size: 2.25rem;
    font-weight: 800;
    font-family: var(--font-mono);
    fill: var(--text-primary);
}

.gauge-label-text[b-ybe0x4ltl6] {
    font-size: 0.813rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.sentiment-context[b-ybe0x4ltl6] {
    background: rgba(0, 0, 0, 0.2);
    border-left: 3px solid var(--info);
    padding: var(--spacing-md) var(--spacing-lg);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.context-label[b-ybe0x4ltl6] {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--text-subtle);
    margin-bottom: 0.4rem;
}

.context-text[b-ybe0x4ltl6] {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--text-muted);
}

/* ─────────────────────────────────────────────────────────────────────── */
/* SECTION 7: PILLAR BREAKDOWN — Refined compact cards */
/* ─────────────────────────────────────────────────────────────────────── */

.pillar-breakdown[b-ybe0x4ltl6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-xl);
}

.pillar-card-compact[b-ybe0x4ltl6] {
    background: linear-gradient(160deg, rgba(31, 41, 55, 0.7) 0%, rgba(17, 24, 39, 0.9) 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: var(--radius-lg);
    padding: 1.25rem 1.5rem;
    border-top: 3px solid var(--pillar-color);
    transition: all var(--transition-base);
}

.pillar-card-compact:hover[b-ybe0x4ltl6] {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: var(--shadow-md);
}

.pillar-card-compact.trend[b-ybe0x4ltl6] { border-top-color: var(--trend-color); }
.pillar-card-compact.breadth[b-ybe0x4ltl6] { border-top-color: var(--breadth-color); }
.pillar-card-compact.risk[b-ybe0x4ltl6] { border-top-color: var(--risk-color); }

.pillar-header-compact[b-ybe0x4ltl6] {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--text-subtle);
    margin-bottom: 0.75rem;
}

.pillar-score-compact[b-ybe0x4ltl6] {
    font-size: 2.25rem;
    font-weight: 800;
    font-family: var(--font-mono);
    line-height: 1;
    margin: 0.25rem 0 0.5rem;
    letter-spacing: -0.02em;
}

.pillar-score-compact.positive[b-ybe0x4ltl6] { color: var(--success); }
.pillar-score-compact.negative[b-ybe0x4ltl6] { color: var(--error); }

.pillar-progress-bar[b-ybe0x4ltl6] {
    height: 4px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 2px;
    overflow: hidden;
    margin: 0.5rem 0 0.75rem;
}

.pillar-progress-fill[b-ybe0x4ltl6] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.pillar-status-compact[b-ybe0x4ltl6] {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.3rem 0.75rem;
    border-radius: 9999px;
    display: inline-block;
}

/* ─────────────────────────────────────────────────────────────────────── */
/* SECTION 8: EXPANDABLE DETAILS */
/* ─────────────────────────────────────────────────────────────────────── */

.expandable-section[b-ybe0x4ltl6] {
    margin: var(--spacing-md) 0;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: border-color var(--transition-base);
}

.expandable-section:hover[b-ybe0x4ltl6] {
    border-color: rgba(255, 255, 255, 0.08);
}

.expandable-header[b-ybe0x4ltl6] {
    background: rgba(255, 255, 255, 0.02);
    padding: 0.875rem var(--spacing-lg);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.expandable-header:hover[b-ybe0x4ltl6] {
    background: rgba(255, 255, 255, 0.04);
}

.expandable-title[b-ybe0x4ltl6] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.expandable-subtitle[b-ybe0x4ltl6] {
    display: block;
    font-size: 0.7rem;
    font-weight: 400;
    color: var(--text-subtle);
    margin-top: 0.2rem;
}

.expandable-icon[b-ybe0x4ltl6] {
    font-size: 1rem;
    color: var(--text-subtle);
    transition: transform var(--transition-base);
}

.expandable-section.open .expandable-icon[b-ybe0x4ltl6] {
    transform: rotate(180deg);
}

.expandable-content[b-ybe0x4ltl6] {
    padding: var(--spacing-lg);
    background: rgba(0, 0, 0, 0.15);
    display: none;
}

.expandable-section.open .expandable-content[b-ybe0x4ltl6] {
    display: block;
    animation: fade-in-up-b-ybe0x4ltl6 0.3s ease-out;
}

.ai-text[b-ybe0x4ltl6] {
    font-size: 0.875rem;
    line-height: 1.7;
    color: var(--text-muted);
    margin-bottom: var(--spacing-md);
}

.ai-timestamp[b-ybe0x4ltl6] {
    font-size: 0.7rem;
    color: var(--text-subtle);
    font-style: italic;
}

.rules-list[b-ybe0x4ltl6] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rules-list li[b-ybe0x4ltl6] {
    padding: 0.5rem 0;
    font-size: 0.875rem;
    color: var(--text-muted);
    line-height: 1.5;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.rules-list li:last-child[b-ybe0x4ltl6] { border-bottom: none; }

.rules-list li[b-ybe0x4ltl6]::before {
    content: '•';
    color: var(--info);
    font-weight: 700;
    flex-shrink: 0;
}

/* ─────────────────────────────────────────────────────────────────────── */
/* ETF MODAL */
/* ─────────────────────────────────────────────────────────────────────── */

.modal-backdrop[b-ybe0x4ltl6] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(6px);
    z-index: 1000;
    animation: fade-in-b-ybe0x4ltl6 0.2s ease;
}

@keyframes fade-in-b-ybe0x4ltl6 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.etf-modal[b-ybe0x4ltl6] {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90vw; max-height: 90vh;
    width: 1200px;
    background: linear-gradient(135deg, #1a1f2e 0%, #0f1419 100%);
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-xl);
    z-index: 1001;
    overflow: hidden;
    animation: modal-in-b-ybe0x4ltl6 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes modal-in-b-ybe0x4ltl6 {
    from { opacity: 0; transform: translate(-50%, -48%); }
    to { opacity: 1; transform: translate(-50%, -50%); }
}

.etf-modal-header[b-ybe0x4ltl6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-lg) var(--spacing-xl);
    border-bottom: 1px solid var(--border);
}

.etf-modal-header h3[b-ybe0x4ltl6] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
}

.modal-close-btn[b-ybe0x4ltl6] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--text-muted);
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
    line-height: 1;
}

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

.etf-modal-body[b-ybe0x4ltl6] {
    padding: var(--spacing-xl);
    max-height: calc(90vh - 100px);
    overflow-y: auto;
}

.modal-loading[b-ybe0x4ltl6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    color: var(--text-muted);
}

/* ─────────────────────────────────────────────────────────────────────── */
/* UPDATE INFO & ANIMATIONS */
/* ─────────────────────────────────────────────────────────────────────── */

.update-info[b-ybe0x4ltl6] {
    text-align: center;
    padding: var(--spacing-xl) 0 var(--spacing-md);
    font-size: 0.75rem;
    color: var(--text-subtle);
    letter-spacing: 0.02em;
}

@keyframes fade-in-up-b-ybe0x4ltl6 {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ─────────────────────────────────────────────────────────────────────── */
/* RESPONSIVE DESIGN */
/* ─────────────────────────────────────────────────────────────────────── */

@media (max-width: 1280px) {
    .key-drivers-strip[b-ybe0x4ltl6] {
        grid-template-columns: repeat(2, 1fr);
    }

    .strategy-row[b-ybe0x4ltl6] {
        grid-template-columns: 180px 1fr 100px;
        gap: var(--spacing-md);
    }
}

@media (max-width: 1024px) {
    .hero-content[b-ybe0x4ltl6] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .regime-gauge-container[b-ybe0x4ltl6] {
        margin: 0 auto var(--spacing-xl);
    }

    .market-health-panel[b-ybe0x4ltl6],
    .pillar-breakdown[b-ybe0x4ltl6] {
        grid-template-columns: 1fr;
    }

    .symbol-bias-grid[b-ybe0x4ltl6] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .market-overview-v4-container[b-ybe0x4ltl6] {
        padding: var(--spacing-md);
    }

    .hero-command-center[b-ybe0x4ltl6] {
        padding: var(--spacing-lg);
    }

    .regime-label-large[b-ybe0x4ltl6] {
        font-size: 1.5rem;
    }

    .key-drivers-strip[b-ybe0x4ltl6],
    .symbol-bias-grid[b-ybe0x4ltl6] {
        grid-template-columns: 1fr;
    }

    .strategy-row[b-ybe0x4ltl6] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .strategy-label[b-ybe0x4ltl6] { margin-bottom: 0.25rem; }
    .strategy-status[b-ybe0x4ltl6] { text-align: left; }

    .etf-modal[b-ybe0x4ltl6] {
        width: 95vw;
        max-height: 95vh;
    }
}

@media (max-width: 640px) {
    .hero-title[b-ybe0x4ltl6] { font-size: 0.7rem; }

    .regime-ring[b-ybe0x4ltl6] {
        width: 150px;
        height: 150px;
    }

    .regime-label-large[b-ybe0x4ltl6] { font-size: 1.25rem; }
    .driver-score[b-ybe0x4ltl6] { font-size: 1.75rem; }
    .section-title[b-ybe0x4ltl6] { font-size: 0.65rem; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   LIVING DASHBOARD GRID SYSTEM
   12-column grid, max-width 1440px
   ═══════════════════════════════════════════════════════════════════════════ */

.dashboard-grid-container[b-ybe0x4ltl6] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--spacing-lg);
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 var(--spacing-lg);
}

/* Span utilities */
.span-full[b-ybe0x4ltl6] { grid-column: span 12; }
.span-8[b-ybe0x4ltl6] { grid-column: span 8; }
.span-6[b-ybe0x4ltl6] { grid-column: span 6; }
.span-4[b-ybe0x4ltl6] { grid-column: span 4; }
.span-3[b-ybe0x4ltl6] { grid-column: span 3; }

/* Hero layout: 8+4 */
.hero-grid[b-ybe0x4ltl6] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--spacing-lg);
    align-items: center;
}

/* Opportunity row: equal thirds */
.opportunity-row[b-ybe0x4ltl6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
}

/* Two-column layout */
.two-column-row[b-ybe0x4ltl6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-lg);
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE BREAKPOINTS - GRID SYSTEM
   ═══════════════════════════════════════════════════════════════════════════ */

/* Tablet */
@media (max-width: 1024px) {
    .dashboard-grid-container[b-ybe0x4ltl6] {
        gap: var(--spacing-md);
        padding: 0 var(--spacing-md);
    }
    
    .hero-grid[b-ybe0x4ltl6] {
        grid-template-columns: 1fr;
    }
    
    .opportunity-row[b-ybe0x4ltl6] {
        grid-template-columns: 1fr 1fr;
    }
    
    .span-8[b-ybe0x4ltl6], .span-6[b-ybe0x4ltl6] { grid-column: span 12; }
    .span-4[b-ybe0x4ltl6], .span-3[b-ybe0x4ltl6] { grid-column: span 6; }
}

/* Mobile */
@media (max-width: 640px) {
    .dashboard-grid-container[b-ybe0x4ltl6] {
        gap: 0.75rem;
        padding: 0 0.75rem;
    }
    
    .opportunity-row[b-ybe0x4ltl6],
    .two-column-row[b-ybe0x4ltl6] {
        grid-template-columns: 1fr;
    }
    
    .span-6[b-ybe0x4ltl6], .span-4[b-ybe0x4ltl6], .span-3[b-ybe0x4ltl6] { grid-column: span 12; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ANIMATION LIBRARY
   Living dashboard micro-animations
   ═══════════════════════════════════════════════════════════════════════════ */

/* Pulse animation for scores and live elements */
@keyframes pulse-score-b-ybe0x4ltl6 {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.02); opacity: 0.9; }
}

/* Glow pulse for borders */
@keyframes glow-pulse-b-ybe0x4ltl6 {
    0%, 100% { box-shadow: 0 0 10px rgba(34, 197, 94, 0.3); }
    50% { box-shadow: 0 0 20px rgba(34, 197, 94, 0.5); }
}

/* Slide in from left for feed items */
@keyframes slide-in-left-b-ybe0x4ltl6 {
    from {
        transform: translateX(-20px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Live indicator blink */
@keyframes live-blink-b-ybe0x4ltl6 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Number ticker shimmer */
@keyframes shimmer-b-ybe0x4ltl6 {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* Glow pulse for specific colors - green */
@keyframes glow-pulse-green-b-ybe0x4ltl6 {
    0%, 100% { box-shadow: 0 0 10px rgba(34, 197, 94, 0.3); }
    50% { box-shadow: 0 0 20px rgba(34, 197, 94, 0.5); }
}

/* Glow pulse for specific colors - amber */
@keyframes glow-pulse-amber-b-ybe0x4ltl6 {
    0%, 100% { box-shadow: 0 0 10px rgba(251, 191, 36, 0.3); }
    50% { box-shadow: 0 0 20px rgba(251, 191, 36, 0.5); }
}

/* Glow pulse for specific colors - red */
@keyframes glow-pulse-red-b-ybe0x4ltl6 {
    0%, 100% { box-shadow: 0 0 10px rgba(239, 68, 68, 0.3); }
    50% { box-shadow: 0 0 20px rgba(239, 68, 68, 0.5); }
}

/* Utility classes */
.animate-pulse-score[b-ybe0x4ltl6] {
    animation: pulse-score-b-ybe0x4ltl6 2s ease-in-out infinite;
}

.animate-glow[b-ybe0x4ltl6] {
    animation: glow-pulse-b-ybe0x4ltl6 2s ease-in-out infinite;
}

.animate-glow-green[b-ybe0x4ltl6] {
    animation: glow-pulse-green-b-ybe0x4ltl6 2s ease-in-out infinite;
}

.animate-glow-amber[b-ybe0x4ltl6] {
    animation: glow-pulse-amber-b-ybe0x4ltl6 2s ease-in-out infinite;
}

.animate-glow-red[b-ybe0x4ltl6] {
    animation: glow-pulse-red-b-ybe0x4ltl6 2s ease-in-out infinite;
}

.animate-slide-in[b-ybe0x4ltl6] {
    animation: slide-in-left-b-ybe0x4ltl6 0.3s ease-out;
}

.animate-fade-up[b-ybe0x4ltl6] {
    animation: fade-in-up-b-ybe0x4ltl6 0.4s ease-out;
}

.animate-live[b-ybe0x4ltl6] {
    animation: live-blink-b-ybe0x4ltl6 1.5s ease-in-out infinite;
}

.animate-shimmer[b-ybe0x4ltl6] {
    animation: shimmer-b-ybe0x4ltl6 2s linear infinite;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.1) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    background-size: 200% 100%;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CARD BASE STYLES
   Consistent dark theme cards
   ═══════════════════════════════════════════════════════════════════════════ */

.dashboard-card[b-ybe0x4ltl6] {
    background: linear-gradient(145deg, rgba(30, 30, 35, 0.95), rgba(20, 20, 25, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    backdrop-filter: blur(10px);
    transition: all var(--transition-base);
}

.dashboard-card:hover[b-ybe0x4ltl6] {
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: var(--shadow-md);
}

.dashboard-card-glow-green[b-ybe0x4ltl6] {
    border-color: rgba(34, 197, 94, 0.3);
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.1);
}

.dashboard-card-glow-amber[b-ybe0x4ltl6] {
    border-color: rgba(251, 191, 36, 0.3);
    box-shadow: 0 0 20px rgba(251, 191, 36, 0.1);
}

.dashboard-card-glow-red[b-ybe0x4ltl6] {
    border-color: rgba(239, 68, 68, 0.3);
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.1);
}

/* Section headers - enhanced */
.dashboard-section-header[b-ybe0x4ltl6] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 1rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ACCESSIBILITY: REDUCED MOTION
   Respect user preferences for reduced motion
   ═══════════════════════════════════════════════════════════════════════════ */

@media (prefers-reduced-motion: reduce) {
    *[b-ybe0x4ltl6],
    *[b-ybe0x4ltl6]::before,
    *[b-ybe0x4ltl6]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .animate-pulse-score[b-ybe0x4ltl6],
    .animate-glow[b-ybe0x4ltl6],
    .animate-glow-green[b-ybe0x4ltl6],
    .animate-glow-amber[b-ybe0x4ltl6],
    .animate-glow-red[b-ybe0x4ltl6],
    .animate-slide-in[b-ybe0x4ltl6],
    .animate-fade-up[b-ybe0x4ltl6],
    .animate-live[b-ybe0x4ltl6],
    .animate-shimmer[b-ybe0x4ltl6] {
        animation: none !important;
    }
    
    .live-badge.live .live-dot[b-ybe0x4ltl6] {
        animation: none !important;
    }
    
    .regime-ring[b-ybe0x4ltl6] {
        animation: none !important;
        filter: drop-shadow(0 0 30px rgba(var(--regime-rgb), 0.35));
    }
}
/* /Components/Pages/Pricing.razor.rz.scp.css */
/* ============================================
   Pricing.razor.css - Modern Premium Design
   A stunning, clean pricing page with WOW factor
   ============================================ */

/* Base Container */
.pricing-page[b-cdwh1xw5nq] {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem 2rem 4rem;
    overflow: hidden;
}

/* Animated Background */
.pricing-bg[b-cdwh1xw5nq] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: -1;
}

.gradient-orb[b-cdwh1xw5nq] {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.4;
    animation: float-b-cdwh1xw5nq 20s ease-in-out infinite;
}

.orb-1[b-cdwh1xw5nq] {
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(34, 197, 94, 0.3) 0%, transparent 70%);
    top: -200px;
    left: -100px;
    animation-delay: 0s;
}

.orb-2[b-cdwh1xw5nq] {
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.25) 0%, transparent 70%);
    top: 50%;
    right: -150px;
    animation-delay: -7s;
}

.orb-3[b-cdwh1xw5nq] {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(168, 85, 247, 0.2) 0%, transparent 70%);
    bottom: -100px;
    left: 30%;
    animation-delay: -14s;
}

@keyframes float-b-cdwh1xw5nq {
    0%, 100% { transform: translate(0, 0) scale(1); }
    25% { transform: translate(30px, -30px) scale(1.05); }
    50% { transform: translate(-20px, 20px) scale(0.95); }
    75% { transform: translate(20px, 10px) scale(1.02); }
}

/* Header Section */
.pricing-header[b-cdwh1xw5nq] {
    text-align: center;
    margin-bottom: 1rem;
}

.header-badge[b-cdwh1xw5nq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(34, 197, 94, 0.05) 100%);
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 100px;
    color: #22c55e;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1.5rem;
}

.header-badge svg[b-cdwh1xw5nq] {
    color: #22c55e;
}

.pricing-header h1[b-cdwh1xw5nq] {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: var(--text-primary, #f8fafc);
    margin: 0 0 1rem 0;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

.gradient-text[b-cdwh1xw5nq] {
    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 50%, #a855f7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pricing-header p[b-cdwh1xw5nq] {
    font-size: 1.1rem;
    color: var(--text-muted, #94a3b8);
    margin: 0;
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Current Plan Indicator */
.current-plan-indicator[b-cdwh1xw5nq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 100px;
    color: #22c55e;
    font-size: 0.9rem;
    margin: 0 auto 2rem;
    display: flex;
    width: fit-content;
}

.current-plan-indicator .indicator-glow[b-cdwh1xw5nq] {
    position: absolute;
    inset: -1px;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.5) 0%, transparent 50%);
    border-radius: inherit;
    opacity: 0;
    animation: pulse-glow-b-cdwh1xw5nq 2s ease-in-out infinite;
    z-index: -1;
}

@keyframes pulse-glow-b-cdwh1xw5nq {
    0%, 100% { opacity: 0; }
    50% { opacity: 0.5; }
}

.current-plan-indicator strong[b-cdwh1xw5nq] {
    color: #4ade80;
    font-weight: 600;
}

/* Billing Toggle */
.billing-toggle[b-cdwh1xw5nq] {
    display: flex;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.25rem;
    background: var(--bg-elevated, rgba(30, 41, 59, 0.5));
    border: 1px solid var(--border-subtle, rgba(148, 163, 184, 0.1));
    border-radius: 100px;
    margin: 0 auto 3rem;
    width: fit-content;
}

.toggle-btn[b-cdwh1xw5nq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: transparent;
    border: none;
    border-radius: 100px;
    color: var(--text-muted, #94a3b8);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.toggle-btn:hover[b-cdwh1xw5nq] {
    color: var(--text-primary, #f8fafc);
}

.toggle-btn.active[b-cdwh1xw5nq] {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(34, 197, 94, 0.1) 100%);
    color: #22c55e;
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.15);
}

.save-badge[b-cdwh1xw5nq] {
    padding: 0.2rem 0.5rem;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: white;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 100px;
}

/* Pricing Grid */
.pricing-grid[b-cdwh1xw5nq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 3rem;
    align-items: start;
}

/* Plan Cards */
.plan-card[b-cdwh1xw5nq] {
    position: relative;
    background: linear-gradient(180deg, 
        rgba(30, 41, 59, 0.8) 0%, 
        rgba(15, 23, 42, 0.9) 100%);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 1.5rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.plan-card[b-cdwh1xw5nq]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.1) 50%, 
        transparent 100%);
}

.plan-card:hover[b-cdwh1xw5nq] {
    transform: translateY(-8px);
    border-color: rgba(148, 163, 184, 0.2);
    box-shadow: 
        0 25px 50px -12px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.05);
}

.plan-card.current[b-cdwh1xw5nq] {
    border-color: rgba(34, 197, 94, 0.5);
    box-shadow: 0 0 40px rgba(34, 197, 94, 0.1);
}

/* Signal Plan Specific */
.plan-signal .plan-icon svg[b-cdwh1xw5nq] {
    color: #94a3b8;
}

/* Edge Plan - Featured */
.plan-card.featured[b-cdwh1xw5nq] {
    background: linear-gradient(180deg, 
        rgba(34, 197, 94, 0.1) 0%, 
        rgba(15, 23, 42, 0.95) 30%);
    border-color: rgba(34, 197, 94, 0.3);
    transform: scale(1.02);
    z-index: 1;
}

.plan-card.featured:hover[b-cdwh1xw5nq] {
    transform: scale(1.02) translateY(-8px);
    border-color: rgba(34, 197, 94, 0.5);
    box-shadow: 
        0 25px 50px -12px rgba(0, 0, 0, 0.4),
        0 0 60px rgba(34, 197, 94, 0.15);
}

.plan-edge .plan-icon svg[b-cdwh1xw5nq] {
    color: #22c55e;
}

/* Apex Plan */
.plan-apex[b-cdwh1xw5nq] {
    background: linear-gradient(180deg, 
        rgba(168, 85, 247, 0.08) 0%, 
        rgba(15, 23, 42, 0.95) 30%);
}

.plan-apex:hover[b-cdwh1xw5nq] {
    border-color: rgba(168, 85, 247, 0.3);
    box-shadow: 
        0 25px 50px -12px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(168, 85, 247, 0.1);
}

.plan-apex .plan-icon svg[b-cdwh1xw5nq] {
    color: #a855f7;
}

/* Featured Badge */
.featured-badge[b-cdwh1xw5nq] {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.5rem 1.5rem;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: white;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-radius: 0 0 1rem 1rem;
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.4);
}

/* Apex Badge */
.apex-badge[b-cdwh1xw5nq] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.3) 0%, rgba(168, 85, 247, 0.1) 100%);
    border: 1px solid rgba(168, 85, 247, 0.4);
    border-radius: 100px;
    color: #c084fc;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Plan Icon */
.plan-icon[b-cdwh1xw5nq] {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    margin-bottom: 1.25rem;
}

/* Plan Name & Tagline */
.plan-name[b-cdwh1xw5nq] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #f8fafc);
    margin: 0 0 0.35rem 0;
    letter-spacing: -0.02em;
}

.plan-tagline[b-cdwh1xw5nq] {
    font-size: 0.9rem;
    color: var(--text-muted, #94a3b8);
    margin: 0 0 1.5rem 0;
}

/* Plan Pricing */
.plan-pricing[b-cdwh1xw5nq] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem;
    margin-bottom: 1.5rem;
}

.price-original[b-cdwh1xw5nq] {
    font-size: 1rem;
    color: var(--text-muted, #94a3b8);
    text-decoration: line-through;
    margin-right: 0.5rem;
}

.price-amount[b-cdwh1xw5nq] {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--text-primary, #f8fafc);
    letter-spacing: -0.03em;
    line-height: 1;
}

.price-period[b-cdwh1xw5nq] {
    font-size: 1rem;
    color: var(--text-muted, #94a3b8);
}

.price-note[b-cdwh1xw5nq] {
    flex-basis: 100%;
    font-size: 0.75rem;
    color: var(--text-40, #64748b);
    margin-top: 0.25rem;
}

/* Plan Highlight (Trial) */
.plan-highlight[b-cdwh1xw5nq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(245, 158, 11, 0.05) 100%);
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: 0.75rem;
    color: #fbbf24;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.plan-highlight svg[b-cdwh1xw5nq] {
    flex-shrink: 0;
    color: #fbbf24;
}

/* Plan Features */
.plan-features[b-cdwh1xw5nq] {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.plan-features li[b-cdwh1xw5nq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.9rem;
    color: var(--text-secondary, #cbd5e1);
    padding: 0.25rem 0;
}

.plan-features .section-label[b-cdwh1xw5nq] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--text-muted, #64748b);
    padding-top: 0.5rem;
    padding-bottom: 0.25rem;
    margin-top: 0.25rem;
    border-top: 1px dashed rgba(148, 163, 184, 0.15);
}

.plan-features .section-label:first-child[b-cdwh1xw5nq] {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.plan-features .section-label.highlight[b-cdwh1xw5nq] {
    color: #22c55e;
    border-top-color: rgba(34, 197, 94, 0.2);
}

.feature-check[b-cdwh1xw5nq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 50%;
    flex-shrink: 0;
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.feature-check.accent[b-cdwh1xw5nq] {
    background: rgba(34, 197, 94, 0.2);
    color: #4ade80;
    box-shadow: 0 0 10px rgba(34, 197, 94, 0.2);
}

.feature-check.gold[b-cdwh1xw5nq] {
    background: rgba(168, 85, 247, 0.2);
    color: #c084fc;
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.2);
}

.feature-x[b-cdwh1xw5nq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-size: 0.65rem;
    border-radius: 50%;
    flex-shrink: 0;
    background: rgba(100, 116, 139, 0.1);
    color: #64748b;
}

.plan-features .feature-disabled[b-cdwh1xw5nq] {
    color: var(--text-40, #475569);
}

/* Plan Action */
.plan-action[b-cdwh1xw5nq] {
    margin-top: auto;
}

.btn-plan[b-cdwh1xw5nq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.875rem 1.5rem;
    border-radius: 0.75rem;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: none;
}

.btn-outline[b-cdwh1xw5nq] {
    background: transparent;
    border: 1px solid rgba(148, 163, 184, 0.3);
    color: var(--text-secondary, #cbd5e1);
}

.btn-outline:hover[b-cdwh1xw5nq] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(148, 163, 184, 0.5);
    color: var(--text-primary, #f8fafc);
}

.btn-primary[b-cdwh1xw5nq] {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.3);
}

.btn-primary:hover[b-cdwh1xw5nq] {
    background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.4);
}

.btn-accent[b-cdwh1xw5nq] {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(168, 85, 247, 0.3);
}

.btn-accent:hover[b-cdwh1xw5nq] {
    background: linear-gradient(135deg, #c084fc 0%, #a855f7 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(168, 85, 247, 0.4);
}

.btn-lg[b-cdwh1xw5nq] {
    padding: 1rem 2rem;
    font-size: 1rem;
}

.current-badge[b-cdwh1xw5nq] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 0.75rem;
    color: #22c55e;
    font-size: 0.85rem;
    font-weight: 500;
}

.downgrade-text[b-cdwh1xw5nq] {
    display: block;
    text-align: center;
    color: var(--text-40, #64748b);
    font-size: 0.9rem;
}

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

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

/* Error Toast */
.error-toast[b-cdwh1xw5nq] {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: rgba(239, 68, 68, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(239, 68, 68, 0.4);
    border-radius: 0.75rem;
    color: #fca5a5;
    font-size: 0.9rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    z-index: 100;
    animation: slideUp-b-cdwh1xw5nq 0.3s ease;
}

.error-toast svg[b-cdwh1xw5nq] {
    flex-shrink: 0;
    color: #f87171;
}

.toast-close[b-cdwh1xw5nq] {
    background: none;
    border: none;
    color: #f87171;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    margin-left: 0.5rem;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.toast-close:hover[b-cdwh1xw5nq] {
    opacity: 1;
}

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

/* Trust Section */
.trust-section[b-cdwh1xw5nq] {
    display: flex;
    justify-content: center;
    gap: 3rem;
    padding: 2rem 0;
    margin-bottom: 4rem;
}

.trust-item[b-cdwh1xw5nq] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.trust-icon[b-cdwh1xw5nq] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.75rem;
    color: #94a3b8;
}

.trust-text[b-cdwh1xw5nq] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.trust-text strong[b-cdwh1xw5nq] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary, #f8fafc);
}

.trust-text span[b-cdwh1xw5nq] {
    font-size: 0.8rem;
    color: var(--text-muted, #64748b);
}

/* Comparison Section */
.comparison-section[b-cdwh1xw5nq] {
    margin-bottom: 4rem;
}

.comparison-section h2[b-cdwh1xw5nq] {
    text-align: center;
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary, #f8fafc);
    margin-bottom: 2rem;
    letter-spacing: -0.02em;
}

.comparison-table-wrapper[b-cdwh1xw5nq] {
    overflow-x: auto;
    border-radius: 1rem;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(148, 163, 184, 0.1);
}

.comparison-table[b-cdwh1xw5nq] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.comparison-table th[b-cdwh1xw5nq],
.comparison-table td[b-cdwh1xw5nq] {
    padding: 1rem 1.25rem;
    text-align: center;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.comparison-table th[b-cdwh1xw5nq] {
    font-weight: 600;
    color: var(--text-primary, #f8fafc);
    background: rgba(15, 23, 42, 0.6);
    position: sticky;
    top: 0;
}

.comparison-table th:first-child[b-cdwh1xw5nq],
.comparison-table td:first-child[b-cdwh1xw5nq] {
    text-align: left;
    font-weight: 500;
}

.comparison-table td[b-cdwh1xw5nq] {
    color: var(--text-secondary, #94a3b8);
}

.comparison-table td.highlight[b-cdwh1xw5nq] {
    color: var(--text-primary, #f8fafc);
    font-weight: 500;
}

.comparison-table tr.category td[b-cdwh1xw5nq] {
    background: rgba(15, 23, 42, 0.4);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #64748b;
    padding: 0.75rem 1.25rem;
}

.comparison-table .col-signal[b-cdwh1xw5nq] {
    background: rgba(148, 163, 184, 0.03);
}

.comparison-table .col-edge[b-cdwh1xw5nq] {
    background: rgba(34, 197, 94, 0.05);
    color: #22c55e;
}

.comparison-table .col-apex[b-cdwh1xw5nq] {
    background: rgba(168, 85, 247, 0.05);
    color: #a855f7;
}

.comparison-table .check[b-cdwh1xw5nq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border-radius: 50%;
    font-size: 0.7rem;
    font-weight: 700;
}

.comparison-table .x[b-cdwh1xw5nq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: rgba(100, 116, 139, 0.1);
    color: #475569;
    border-radius: 50%;
    font-size: 0.65rem;
}

/* FAQ Section */
.faq-section[b-cdwh1xw5nq] {
    margin-bottom: 4rem;
}

.faq-section h2[b-cdwh1xw5nq] {
    text-align: center;
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary, #f8fafc);
    margin-bottom: 2rem;
    letter-spacing: -0.02em;
}

.faq-grid[b-cdwh1xw5nq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.faq-item[b-cdwh1xw5nq] {
    padding: 1.5rem;
    background: rgba(30, 41, 59, 0.4);
    border: 1px solid rgba(148, 163, 184, 0.08);
    border-radius: 1rem;
    transition: all 0.3s ease;
}

.faq-item:hover[b-cdwh1xw5nq] {
    background: rgba(30, 41, 59, 0.6);
    border-color: rgba(148, 163, 184, 0.15);
}

.faq-item h4[b-cdwh1xw5nq] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #f8fafc);
    margin: 0 0 0.75rem 0;
}

.faq-item p[b-cdwh1xw5nq] {
    font-size: 0.9rem;
    color: var(--text-muted, #94a3b8);
    margin: 0;
    line-height: 1.6;
}

/* Final CTA */
.final-cta[b-cdwh1xw5nq] {
    text-align: center;
    padding: 3rem 2rem;
    background: linear-gradient(135deg, 
        rgba(34, 197, 94, 0.1) 0%, 
        rgba(59, 130, 246, 0.05) 50%,
        rgba(168, 85, 247, 0.1) 100%);
    border-radius: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.1);
}

.final-cta h3[b-cdwh1xw5nq] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #f8fafc);
    margin: 0 0 0.5rem 0;
}

.final-cta p[b-cdwh1xw5nq] {
    font-size: 1rem;
    color: var(--text-muted, #94a3b8);
    margin: 0 0 1.5rem 0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .pricing-grid[b-cdwh1xw5nq] {
        grid-template-columns: 1fr;
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .plan-card.featured[b-cdwh1xw5nq] {
        transform: none;
        order: -1;
    }
    
    .plan-card.featured:hover[b-cdwh1xw5nq] {
        transform: translateY(-8px);
    }
    
    .trust-section[b-cdwh1xw5nq] {
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
    }
    
    .faq-grid[b-cdwh1xw5nq] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .pricing-page[b-cdwh1xw5nq] {
        padding: 2rem 1rem 3rem;
    }
    
    .pricing-header h1[b-cdwh1xw5nq] {
        font-size: 1.75rem;
    }
    
    .billing-toggle[b-cdwh1xw5nq] {
        flex-direction: column;
        width: 100%;
        max-width: 280px;
    }
    
    .toggle-btn[b-cdwh1xw5nq] {
        width: 100%;
        justify-content: center;
    }
    
    .plan-card[b-cdwh1xw5nq] {
        padding: 1.5rem;
    }
    
    .price-amount[b-cdwh1xw5nq] {
        font-size: 2rem;
    }
    
    .comparison-table th[b-cdwh1xw5nq],
    .comparison-table td[b-cdwh1xw5nq] {
        padding: 0.75rem 0.5rem;
        font-size: 0.75rem;
    }
    
    .trust-item[b-cdwh1xw5nq] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
    
    .trust-text[b-cdwh1xw5nq] {
        align-items: center;
    }
}

/* Light Theme Support */
:global([data-theme="light"]) .pricing-page[b-cdwh1xw5nq] {
    color: #1e293b;
}

:global([data-theme="light"]) .plan-card[b-cdwh1xw5nq] {
    background: linear-gradient(180deg,
        rgba(255, 255, 255, 0.9) 0%,
        rgba(248, 250, 252, 0.95) 100%);
    border-color: rgba(148, 163, 184, 0.2);
}

:global([data-theme="light"]) .plan-card:hover[b-cdwh1xw5nq] {
    border-color: rgba(148, 163, 184, 0.4);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}

:global([data-theme="light"]) .plan-card.featured[b-cdwh1xw5nq] {
    background: linear-gradient(180deg,
        rgba(34, 197, 94, 0.08) 0%,
        rgba(255, 255, 255, 0.95) 30%);
}

:global([data-theme="light"]) .plan-name[b-cdwh1xw5nq],
:global([data-theme="light"]) .price-amount[b-cdwh1xw5nq],
:global([data-theme="light"]) .pricing-header h1[b-cdwh1xw5nq] {
    color: #0f172a;
}

:global([data-theme="light"]) .plan-tagline[b-cdwh1xw5nq],
:global([data-theme="light"]) .pricing-header p[b-cdwh1xw5nq],
:global([data-theme="light"]) .price-period[b-cdwh1xw5nq] {
    color: #64748b;
}

:global([data-theme="light"]) .comparison-table-wrapper[b-cdwh1xw5nq] {
    background: rgba(255, 255, 255, 0.8);
}

:global([data-theme="light"]) .comparison-table th[b-cdwh1xw5nq] {
    background: rgba(248, 250, 252, 0.95);
}

:global([data-theme="light"]) .faq-item[b-cdwh1xw5nq] {
    background: rgba(248, 250, 252, 0.8);
}

:global([data-theme="light"]) .gradient-orb[b-cdwh1xw5nq] {
    opacity: 0.2;
}
/* /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/SymbolPillPricing.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   SYMBOL PILL PRICING - Ultra-Compact Live Price Indicator
   Lightweight pill that blinks green/red on price movement
   ═══════════════════════════════════════════════════════════ */

[b-ixhcw17q7t] .pill-pricing {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'JetBrains Mono', 'SF Mono', 'Consolas', monospace;
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0.15rem 0.45rem;
    border-radius: 10px;
    background: rgba(30, 35, 45, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.15s ease-out;
    white-space: nowrap;
    line-height: 1.2;
    vertical-align: middle;
    margin-left: 0.4rem;
}

/* Neutral/default state - white text */
[b-ixhcw17q7t] .pill-pricing.pill-neutral {
    color: rgba(255, 255, 255, 0.9);
}

/* Price went UP - green blink */
[b-ixhcw17q7t] .pill-pricing.pill-up {
    color: #00e5a0;
    background: rgba(0, 229, 160, 0.12);
    border-color: rgba(0, 229, 160, 0.3);
    box-shadow: 0 0 8px rgba(0, 229, 160, 0.25);
    animation: pillFlashUp-b-ixhcw17q7t 0.3s ease-out;
}

/* Price went DOWN - red blink */
[b-ixhcw17q7t] .pill-pricing.pill-down {
    color: #ff5a5a;
    background: rgba(255, 90, 90, 0.12);
    border-color: rgba(255, 90, 90, 0.3);
    box-shadow: 0 0 8px rgba(255, 90, 90, 0.25);
    animation: pillFlashDown-b-ixhcw17q7t 0.3s ease-out;
}

/* Live indicator subtle glow */
[b-ixhcw17q7t] .pill-pricing.is-live {
    box-shadow: 0 0 4px rgba(0, 229, 204, 0.15);
}

[b-ixhcw17q7t] .pill-pricing.is-live.pill-up {
    box-shadow: 0 0 10px rgba(0, 229, 160, 0.35);
}

[b-ixhcw17q7t] .pill-pricing.is-live.pill-down {
    box-shadow: 0 0 10px rgba(255, 90, 90, 0.35);
}

/* Price text */
[b-ixhcw17q7t] .pill-price {
    letter-spacing: -0.02em;
}

/* Loading state */
[b-ixhcw17q7t] .pill-loading {
    color: rgba(255, 255, 255, 0.4);
    animation: pillPulse-b-ixhcw17q7t 1.2s ease-in-out infinite;
}

/* Flash animation for price UP */
@keyframes pillFlashUp-b-ixhcw17q7t {
    0% {
        transform: scale(1.08);
        background: rgba(0, 229, 160, 0.25);
        box-shadow: 0 0 16px rgba(0, 229, 160, 0.5);
    }
    100% {
        transform: scale(1);
        background: rgba(0, 229, 160, 0.12);
        box-shadow: 0 0 8px rgba(0, 229, 160, 0.25);
    }
}

/* Flash animation for price DOWN */
@keyframes pillFlashDown-b-ixhcw17q7t {
    0% {
        transform: scale(1.08);
        background: rgba(255, 90, 90, 0.25);
        box-shadow: 0 0 16px rgba(255, 90, 90, 0.5);
    }
    100% {
        transform: scale(1);
        background: rgba(255, 90, 90, 0.12);
        box-shadow: 0 0 8px rgba(255, 90, 90, 0.25);
    }
}

/* Loading pulse animation */
@keyframes pillPulse-b-ixhcw17q7t {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 0.8; }
}

/* Hover state */
[b-ixhcw17q7t] .pill-pricing:hover {
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-1px);
}
/* /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 Component Styles */

.upgrade-prompt[b-cj2iv89vk9] {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.1));
    border: 1px solid rgba(99, 102, 241, 0.3);
    border-radius: 12px;
    padding: 1.25rem;
    margin: 1rem 0;
}

.upgrade-prompt.theme-warning[b-cj2iv89vk9] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(251, 191, 36, 0.1));
    border-color: rgba(245, 158, 11, 0.3);
}

.upgrade-prompt.theme-info[b-cj2iv89vk9] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(96, 165, 250, 0.1));
    border-color: rgba(59, 130, 246, 0.3);
}

.upgrade-header[b-cj2iv89vk9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.upgrade-header h4[b-cj2iv89vk9] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-color, #1f2937);
    flex: 1;
}

.upgrade-icon[b-cj2iv89vk9] {
    font-size: 1.25rem;
}

.dismiss-btn[b-cj2iv89vk9] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: var(--text-muted, #6b7280);
    cursor: pointer;
    padding: 0.25rem;
    line-height: 1;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.dismiss-btn:hover[b-cj2iv89vk9] {
    color: var(--text-color, #1f2937);
    background: rgba(0, 0, 0, 0.05);
}

.upgrade-message[b-cj2iv89vk9] {
    margin: 0 0 1rem 0;
    color: var(--text-secondary, #4b5563);
    font-size: 0.9rem;
    line-height: 1.5;
}

.upgrade-actions[b-cj2iv89vk9] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.btn-upgrade[b-cj2iv89vk9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: white;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
}

.btn-upgrade:hover[b-cj2iv89vk9] {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.btn-upgrade svg[b-cj2iv89vk9] {
    transition: transform 0.2s ease;
}

.btn-upgrade:hover svg[b-cj2iv89vk9] {
    transform: translateX(3px);
}

.btn-learn-more[b-cj2iv89vk9] {
    display: inline-flex;
    align-items: center;
    padding: 0.625rem 1rem;
    background: transparent;
    color: var(--text-secondary, #6b7280);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.875rem;
    text-decoration: none;
    transition: all 0.2s ease;
}

.btn-learn-more:hover[b-cj2iv89vk9] {
    color: var(--text-color, #1f2937);
    border-color: var(--text-secondary, #9ca3af);
    background: rgba(0, 0, 0, 0.02);
}

/* Compact Style */
.upgrade-prompt-compact[b-cj2iv89vk9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid rgba(99, 102, 241, 0.2);
    border-radius: 6px;
    font-size: 0.8rem;
}

.upgrade-prompt-compact.theme-warning[b-cj2iv89vk9] {
    background: rgba(245, 158, 11, 0.08);
    border-color: rgba(245, 158, 11, 0.2);
}

.upgrade-prompt-compact .upgrade-icon[b-cj2iv89vk9] {
    font-size: 0.9rem;
}

.upgrade-prompt-compact .upgrade-text[b-cj2iv89vk9] {
    color: var(--text-secondary, #4b5563);
}

.upgrade-prompt-compact .upgrade-link[b-cj2iv89vk9] {
    color: #6366f1;
    font-weight: 600;
    text-decoration: none;
}

.upgrade-prompt-compact .upgrade-link:hover[b-cj2iv89vk9] {
    text-decoration: underline;
}

/* Dark mode support */
:global([data-theme="dark"]) .upgrade-prompt[b-cj2iv89vk9] {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(168, 85, 247, 0.15));
    border-color: rgba(99, 102, 241, 0.4);
}

:global([data-theme="dark"]) .upgrade-prompt.theme-warning[b-cj2iv89vk9] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(251, 191, 36, 0.15));
    border-color: rgba(245, 158, 11, 0.4);
}

:global([data-theme="dark"]) .upgrade-header h4[b-cj2iv89vk9] {
    color: #f3f4f6;
}

:global([data-theme="dark"]) .dismiss-btn[b-cj2iv89vk9] {
    color: #9ca3af;
}

:global([data-theme="dark"]) .dismiss-btn:hover[b-cj2iv89vk9] {
    color: #f3f4f6;
    background: rgba(255, 255, 255, 0.1);
}

:global([data-theme="dark"]) .upgrade-message[b-cj2iv89vk9] {
    color: #d1d5db;
}

:global([data-theme="dark"]) .btn-learn-more[b-cj2iv89vk9] {
    color: #9ca3af;
    border-color: #4b5563;
}

:global([data-theme="dark"]) .btn-learn-more:hover[b-cj2iv89vk9] {
    color: #f3f4f6;
    border-color: #6b7280;
    background: rgba(255, 255, 255, 0.05);
}

:global([data-theme="dark"]) .upgrade-prompt-compact[b-cj2iv89vk9] {
    background: rgba(99, 102, 241, 0.12);
    border-color: rgba(99, 102, 241, 0.25);
}

:global([data-theme="dark"]) .upgrade-prompt-compact .upgrade-text[b-cj2iv89vk9] {
    color: #d1d5db;
}

/* Responsive adjustments */
@media (max-width: 480px) {
    .upgrade-prompt[b-cj2iv89vk9] {
        padding: 1rem;
    }
    
    .upgrade-actions[b-cj2iv89vk9] {
        flex-direction: column;
    }
    
    .btn-upgrade[b-cj2iv89vk9],
    .btn-learn-more[b-cj2iv89vk9] {
        width: 100%;
        justify-content: center;
    }
}