/**
 * OptionFinder - Scanner Styles: GREEKS
 * 
 * Diese Datei enthält NUR Styles für Greeks-Filter:
 * - Delta Filter (Strike-Auswahl)
 * - Theta absolut Filter (täglicher Verdienst)
 * - Gamma Filter (Risikomanagement)
 * 
 * @package OptionFinder_Member_Area
 * @version 1.0.2
 * @since 1.0.2 - FIX: Deaktiviere globales ::before für Greeks-Legenden
 * @since 1.0.1 - FIX: Basis .legend-swatch Klasse hinzugefügt, Hint-Box mehrzeilig
 * @since 1.0.0 - NEU: Greeks-Filter implementiert
 */

/* =====================================================
   GEMEINSAME STYLES FÜR ALLE GREEKS-FILTER
   ===================================================== */

.filter-delta,
.filter-theta-abs,
.filter-gamma {
    padding: 8px 0;
}

.filter-delta__label,
.filter-theta-abs__label,
.filter-gamma__label {
    font-size: 0.8rem;
    color: #64748b;
    margin-bottom: 8px;
    font-weight: 500;
}

.filter-delta__quickselect,
.filter-theta-abs__quickselect,
.filter-gamma__quickselect {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
}

.filter-delta__quickselect-label,
.filter-theta-abs__quickselect-label,
.filter-gamma__quickselect-label {
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 8px;
    display: block;
}

.filter-delta__quickselect-options,
.filter-theta-abs__quickselect-options,
.filter-gamma__quickselect-options {
    display: grid;
    gap: 6px;
}

/* Delta: 4 Spalten */
.filter-delta__quickselect-options {
    grid-template-columns: repeat(4, 1fr);
}

/* Theta absolut: 4 Spalten */
.filter-theta-abs__quickselect-options {
    grid-template-columns: repeat(4, 1fr);
}

/* Gamma: 3 Spalten */
.filter-gamma__quickselect-options {
    grid-template-columns: repeat(3, 1fr);
}

/* =====================================================
   RADIO BUTTON STYLES
   ===================================================== */

.filter-delta__radio,
.filter-theta-abs__radio,
.filter-gamma__radio {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.filter-delta__radio input,
.filter-theta-abs__radio input,
.filter-gamma__radio input {
    display: none;
}

.filter-delta__radio-label,
.filter-theta-abs__radio-label,
.filter-gamma__radio-label {
    display: block;
    width: 100%;
    padding: 6px 8px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    text-align: center;
    transition: all 0.15s ease;
    border: 1px solid transparent;
}

/* =====================================================
   DELTA FILTER - FARBEN
   ===================================================== */

/* 10-20: Sehr Konservativ - Dunkelgrün */
.filter-delta__radio--conservative .filter-delta__radio-label {
    background: rgba(5, 150, 105, 0.1);
    color: #059669;
    border-color: rgba(5, 150, 105, 0.3);
}

.filter-delta__radio--conservative:hover .filter-delta__radio-label,
.filter-delta__radio--conservative input:checked + .filter-delta__radio-label {
    background: #059669;
    color: white;
    border-color: #059669;
}

/* 20-30: Konservativ - Grün */
.filter-delta__radio--safe .filter-delta__radio-label {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border-color: rgba(16, 185, 129, 0.3);
}

.filter-delta__radio--safe:hover .filter-delta__radio-label,
.filter-delta__radio--safe input:checked + .filter-delta__radio-label {
    background: #10b981;
    color: white;
    border-color: #10b981;
}

/* 30-40: Standard - Gelb/Orange */
.filter-delta__radio--standard .filter-delta__radio-label {
    background: rgba(245, 158, 11, 0.1);
    color: #d97706;
    border-color: rgba(245, 158, 11, 0.3);
}

.filter-delta__radio--standard:hover .filter-delta__radio-label,
.filter-delta__radio--standard input:checked + .filter-delta__radio-label {
    background: #f59e0b;
    color: white;
    border-color: #f59e0b;
}

/* 40-50: Aggressiv - Rot */
.filter-delta__radio--aggressive .filter-delta__radio-label {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border-color: rgba(239, 68, 68, 0.3);
}

.filter-delta__radio--aggressive:hover .filter-delta__radio-label,
.filter-delta__radio--aggressive input:checked + .filter-delta__radio-label {
    background: #ef4444;
    color: white;
    border-color: #ef4444;
}

/* =====================================================
   THETA ABSOLUT FILTER - FARBEN
   ===================================================== */

/* >= $20: Excellent - Dunkelgrün */
.filter-theta-abs__radio--excellent .filter-theta-abs__radio-label {
    background: rgba(5, 150, 105, 0.1);
    color: #059669;
    border-color: rgba(5, 150, 105, 0.3);
}

.filter-theta-abs__radio--excellent:hover .filter-theta-abs__radio-label,
.filter-theta-abs__radio--excellent input:checked + .filter-theta-abs__radio-label {
    background: #059669;
    color: white;
    border-color: #059669;
}

/* $10-20: Good - Grün */
.filter-theta-abs__radio--good .filter-theta-abs__radio-label {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border-color: rgba(16, 185, 129, 0.3);
}

.filter-theta-abs__radio--good:hover .filter-theta-abs__radio-label,
.filter-theta-abs__radio--good input:checked + .filter-theta-abs__radio-label {
    background: #10b981;
    color: white;
    border-color: #10b981;
}

/* $5-10: Moderate - Gelb */
.filter-theta-abs__radio--moderate .filter-theta-abs__radio-label {
    background: rgba(245, 158, 11, 0.1);
    color: #d97706;
    border-color: rgba(245, 158, 11, 0.3);
}

.filter-theta-abs__radio--moderate:hover .filter-theta-abs__radio-label,
.filter-theta-abs__radio--moderate input:checked + .filter-theta-abs__radio-label {
    background: #f59e0b;
    color: white;
    border-color: #f59e0b;
}

/* < $5: Low - Grau */
.filter-theta-abs__radio--low .filter-theta-abs__radio-label {
    background: rgba(100, 116, 139, 0.1);
    color: #64748b;
    border-color: rgba(100, 116, 139, 0.3);
}

.filter-theta-abs__radio--low:hover .filter-theta-abs__radio-label,
.filter-theta-abs__radio--low input:checked + .filter-theta-abs__radio-label {
    background: #64748b;
    color: white;
    border-color: #64748b;
}

/* =====================================================
   GAMMA FILTER - FARBEN
   ===================================================== */

/* < 0.02: Safe - Gr&uuml;n */
.filter-gamma__radio--safe .filter-gamma__radio-label {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border-color: rgba(16, 185, 129, 0.3);
}

.filter-gamma__radio--safe:hover .filter-gamma__radio-label,
.filter-gamma__radio--safe input:checked + .filter-gamma__radio-label {
    background: #10b981;
    color: white;
    border-color: #10b981;
}

/* 0.02-0.05: Moderate - Gelb */
.filter-gamma__radio--moderate .filter-gamma__radio-label {
    background: rgba(245, 158, 11, 0.1);
    color: #d97706;
    border-color: rgba(245, 158, 11, 0.3);
}

.filter-gamma__radio--moderate:hover .filter-gamma__radio-label,
.filter-gamma__radio--moderate input:checked + .filter-gamma__radio-label {
    background: #f59e0b;
    color: white;
    border-color: #f59e0b;
}

/* > 0.05: Risky - Rot */
.filter-gamma__radio--risky .filter-gamma__radio-label {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border-color: rgba(239, 68, 68, 0.3);
}

.filter-gamma__radio--risky:hover .filter-gamma__radio-label,
.filter-gamma__radio--risky input:checked + .filter-gamma__radio-label {
    background: #ef4444;
    color: white;
    border-color: #ef4444;
}

/* =====================================================
   LEGENDEN
   ===================================================== */

.filter-quickselect__legend--delta,
.filter-quickselect__legend--theta-abs,
.filter-quickselect__legend--gamma {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px dashed #e2e8f0;
}

/* Basis Legend Swatch - farbiges Quadrat */
.legend-swatch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin-right: 4px;
    vertical-align: middle;
}

/* Legend Items - Deaktiviere globales ::before (nutzen eigene .legend-swatch) */
.filter-quickselect__legend--delta .filter-quickselect__legend-item::before,
.filter-quickselect__legend--theta-abs .filter-quickselect__legend-item::before,
.filter-quickselect__legend--gamma .filter-quickselect__legend-item::before {
    display: none;
}

/* Legend Items */
.filter-quickselect__legend--delta .filter-quickselect__legend-item,
.filter-quickselect__legend--theta-abs .filter-quickselect__legend-item,
.filter-quickselect__legend--gamma .filter-quickselect__legend-item {
    display: flex;
    align-items: center;
    font-size: 0.65rem;
    color: #64748b;
    gap: 2px;
}

/* Legend Swatches - Farben */
.legend-swatch--delta-conservative {
    background: #059669;
}

.legend-swatch--delta-safe {
    background: #10b981;
}

.legend-swatch--delta-standard {
    background: #f59e0b;
}

.legend-swatch--delta-aggressive {
    background: #ef4444;
}

.legend-swatch--theta-excellent {
    background: #059669;
}

.legend-swatch--theta-good {
    background: #10b981;
}

.legend-swatch--theta-moderate {
    background: #f59e0b;
}

.legend-swatch--theta-low {
    background: #64748b;
}

.legend-swatch--gamma-safe {
    background: #10b981;
}

.legend-swatch--gamma-moderate {
    background: #f59e0b;
}

.legend-swatch--gamma-risky {
    background: #ef4444;
}

/* =====================================================
   HINT BOXES
   ===================================================== */

.filter-delta__hint,
.filter-theta-abs__hint,
.filter-gamma__hint {
    margin-top: 12px;
    padding: 8px 10px;
    background: rgba(59, 130, 246, 0.08);
    border-radius: 6px;
    font-size: 0.7rem;
    color: #3b82f6;
    line-height: 1.4;
}

.filter-delta__hint-icon,
.filter-theta-abs__hint-icon,
.filter-gamma__hint-icon {
    font-size: 0.9rem;
    margin-right: 4px;
}

/* Gamma Hint - Warnung (rot/orange) */
.filter-gamma__hint {
    background: rgba(245, 158, 11, 0.1);
    color: #d97706;
}

/* =====================================================
   DARK MODE
   ===================================================== */

[data-theme="dark"] .filter-delta__label,
[data-theme="dark"] .filter-theta-abs__label,
[data-theme="dark"] .filter-gamma__label,
.dark .filter-delta__label,
.dark .filter-theta-abs__label,
.dark .filter-gamma__label {
    color: #94a3b8;
}

[data-theme="dark"] .filter-delta__quickselect,
[data-theme="dark"] .filter-theta-abs__quickselect,
[data-theme="dark"] .filter-gamma__quickselect,
.dark .filter-delta__quickselect,
.dark .filter-theta-abs__quickselect,
.dark .filter-gamma__quickselect {
    border-top-color: #334155;
}

[data-theme="dark"] .filter-delta__quickselect-label,
[data-theme="dark"] .filter-theta-abs__quickselect-label,
[data-theme="dark"] .filter-gamma__quickselect-label,
.dark .filter-delta__quickselect-label,
.dark .filter-theta-abs__quickselect-label,
.dark .filter-gamma__quickselect-label {
    color: #94a3b8;
}

[data-theme="dark"] .filter-quickselect__legend--delta,
[data-theme="dark"] .filter-quickselect__legend--theta-abs,
[data-theme="dark"] .filter-quickselect__legend--gamma,
.dark .filter-quickselect__legend--delta,
.dark .filter-quickselect__legend--theta-abs,
.dark .filter-quickselect__legend--gamma {
    border-top-color: #334155;
}

[data-theme="dark"] .filter-delta__hint,
[data-theme="dark"] .filter-theta-abs__hint,
.dark .filter-delta__hint,
.dark .filter-theta-abs__hint {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
}

[data-theme="dark"] .filter-gamma__hint,
.dark .filter-gamma__hint {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
}

/* Dark Mode - Delta Buttons */
[data-theme="dark"] .filter-delta__radio--conservative .filter-delta__radio-label,
.dark .filter-delta__radio--conservative .filter-delta__radio-label {
    background: rgba(5, 150, 105, 0.2);
    color: #34d399;
    border-color: rgba(5, 150, 105, 0.4);
}

[data-theme="dark"] .filter-delta__radio--safe .filter-delta__radio-label,
.dark .filter-delta__radio--safe .filter-delta__radio-label {
    background: rgba(16, 185, 129, 0.2);
    color: #34d399;
    border-color: rgba(16, 185, 129, 0.4);
}

[data-theme="dark"] .filter-delta__radio--standard .filter-delta__radio-label,
.dark .filter-delta__radio--standard .filter-delta__radio-label {
    background: rgba(245, 158, 11, 0.2);
    color: #fbbf24;
    border-color: rgba(245, 158, 11, 0.4);
}

[data-theme="dark"] .filter-delta__radio--aggressive .filter-delta__radio-label,
.dark .filter-delta__radio--aggressive .filter-delta__radio-label {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
    border-color: rgba(239, 68, 68, 0.4);
}

/* Dark Mode - Theta Buttons */
[data-theme="dark"] .filter-theta-abs__radio--excellent .filter-theta-abs__radio-label,
.dark .filter-theta-abs__radio--excellent .filter-theta-abs__radio-label {
    background: rgba(5, 150, 105, 0.2);
    color: #34d399;
    border-color: rgba(5, 150, 105, 0.4);
}

[data-theme="dark"] .filter-theta-abs__radio--good .filter-theta-abs__radio-label,
.dark .filter-theta-abs__radio--good .filter-theta-abs__radio-label {
    background: rgba(16, 185, 129, 0.2);
    color: #34d399;
    border-color: rgba(16, 185, 129, 0.4);
}

[data-theme="dark"] .filter-theta-abs__radio--moderate .filter-theta-abs__radio-label,
.dark .filter-theta-abs__radio--moderate .filter-theta-abs__radio-label {
    background: rgba(245, 158, 11, 0.2);
    color: #fbbf24;
    border-color: rgba(245, 158, 11, 0.4);
}

[data-theme="dark"] .filter-theta-abs__radio--low .filter-theta-abs__radio-label,
.dark .filter-theta-abs__radio--low .filter-theta-abs__radio-label {
    background: rgba(100, 116, 139, 0.2);
    color: #94a3b8;
    border-color: rgba(100, 116, 139, 0.4);
}

/* Dark Mode - Gamma Buttons */
[data-theme="dark"] .filter-gamma__radio--safe .filter-gamma__radio-label,
.dark .filter-gamma__radio--safe .filter-gamma__radio-label {
    background: rgba(16, 185, 129, 0.2);
    color: #34d399;
    border-color: rgba(16, 185, 129, 0.4);
}

[data-theme="dark"] .filter-gamma__radio--moderate .filter-gamma__radio-label,
.dark .filter-gamma__radio--moderate .filter-gamma__radio-label {
    background: rgba(245, 158, 11, 0.2);
    color: #fbbf24;
    border-color: rgba(245, 158, 11, 0.4);
}

[data-theme="dark"] .filter-gamma__radio--risky .filter-gamma__radio-label,
.dark .filter-gamma__radio--risky .filter-gamma__radio-label {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
    border-color: rgba(239, 68, 68, 0.4);
}

/* Dark Mode - Legend Items Text */
[data-theme="dark"] .filter-quickselect__legend--delta .filter-quickselect__legend-item,
[data-theme="dark"] .filter-quickselect__legend--theta-abs .filter-quickselect__legend-item,
[data-theme="dark"] .filter-quickselect__legend--gamma .filter-quickselect__legend-item,
.dark .filter-quickselect__legend--delta .filter-quickselect__legend-item,
.dark .filter-quickselect__legend--theta-abs .filter-quickselect__legend-item,
.dark .filter-quickselect__legend--gamma .filter-quickselect__legend-item {
    color: #94a3b8;
}