/**
 * OptionFinder - Scanner Styles: RISK
 * 
 * Diese Datei enthält NUR Styles für Spalten der Kategorie "Risiko":
 * - Break-Even
 * - Max Loss (mit ∞-Symbol für CALLs)
 * - Risk/Reward Ratio (mit ∞-Symbol für CALLs)
 * - Probability of Touch (mit Filter-Buttons)
 * - Margin Required
 * 
 * NICHT hier: Probability ITM (siehe scores.css), Max Profit (entfernt in v3.1.0)
 * 
 * @package OptionFinder_Member_Area
 * @version 3.5.4
 * @since 3.5.4 - NEU: Expected Move Filter CSS (Grid 3 Spalten, Farben: grün/blau/orange)
 * @since 3.5.3 - Theta Decay: Grid 3 Spalten, gleiche Breite, grauer Hover, Checked-States
 * @since 3.5.2 - Moneyness: Checkbox→Radio, OTM blau, kein Default-Check
 * @since 3.5.1 - FIX: Moneyness + P(Touch) Buttons gleiche Breite (Grid 3x), grauer Hover für alle
 * @since 3.5.0 - Moneyness Filter komplett neu - Design wie ROC mit Grid-Layout
 * @since 3.4.0 - NEU: Moneyness % Filter CSS mit Kategorie-Checkboxen
 * @since 3.3.0 - NEU: Theta Decay % Filter mit Schnellauswahl-Buttons
 * @since 3.2.0 - NEU: P(Touch) Filter mit Schnellauswahl-Buttons
 * @since 3.1.0 - NEU: infinity-value Styling für CALL-Optionen (unbegrenztes Risiko)
 * @since 3.0.0 - Aufgeteilt aus dashboard-starter.css
 * 
 * @see dashboard-starter-base.css für Grundstruktur
 * 
 * HINWEIS: Diese Spalten nutzen aktuell Standard-Tabellenzellen.
 * Spezielle Formatierungen können hier hinzugefügt werden.
 */

/* =====================================================
   BREAK-EVEN SPALTE
   ===================================================== */

/* Aktuell keine spezielle Formatierung */

/* =====================================================
   MAX LOSS & RISK/REWARD - UNENDLICH-SYMBOL FÜR CALLS
   ===================================================== */

/* Unendlich-Symbol für CALL-Optionen (unbegrenztes Risiko) */
/* Gleiche Formatierung wie normale Tabellenwerte */
.infinity-value {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    cursor: help;
}

/* =====================================================
   PROBABILITY OF TOUCH FILTER MIT SCHNELLAUSWAHL
   ===================================================== */

.filter-ptouch {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.filter-ptouch__label {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--ofma-color-slate-700);
    margin-bottom: 0.25rem;
}

.filter-ptouch__quickselect {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-ptouch__quickselect-label {
    font-size: 0.75rem;
    color: var(--ofma-color-slate-500);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

/* Grid Layout - 3 Buttons nebeneinander */
.filter-ptouch__quickselect-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.375rem;
}

/* Kachel-Design - alle gleiche Breite */
.filter-ptouch__radio {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.25rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    border: 1px solid var(--ofma-color-slate-200);
    background: var(--ofma-color-slate-50);
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    min-height: 36px;
}

/* EINHEITLICHER Hover - grau für ALLE */
.filter-ptouch__radio:hover {
    background: var(--ofma-color-slate-200) !important;
    border-color: var(--ofma-color-slate-400) !important;
}

.filter-ptouch__radio input[type="radio"] {
    display: none;
}

.filter-ptouch__radio-label {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--ofma-color-slate-700);
    white-space: nowrap;
}

/* Konservativ (grün) - ≤ 40% */
.filter-ptouch__radio--excellent {
    border-color: #059669;
    background: rgba(5, 150, 105, 0.08);
}

.filter-ptouch__radio--excellent .filter-ptouch__radio-label {
    color: #059669;
}

/* Standard (blau) - ≤ 60% */
.filter-ptouch__radio--good {
    border-color: #2563eb;
    background: rgba(37, 99, 235, 0.08);
}

.filter-ptouch__radio--good .filter-ptouch__radio-label {
    color: #2563eb;
}

/* Aggressiv (orange) - ≤ 80% */
.filter-ptouch__radio--fair {
    border-color: #ea580c;
    background: rgba(234, 88, 12, 0.08);
}

.filter-ptouch__radio--fair .filter-ptouch__radio-label {
    color: #ea580c;
}

/* Hint-Box */
.filter-ptouch__hint {
    font-size: 0.6875rem;
    color: var(--ofma-color-info, #3b82f6);
    margin-top: 0.75rem;
    padding: 0.375rem 0.5rem;
    background: rgba(59, 130, 246, 0.08);
    border-radius: var(--ofma-radius-sm);
    line-height: 1.4;
    word-break: break-word;
    white-space: normal;
    max-width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.filter-ptouch__hint-icon {
    font-size: 0.75rem;
    margin-right: 0.25rem;
}

/* Checked State */
.filter-ptouch__radio:has(input:checked) {
    box-shadow: inset 0 0 0 2px currentColor;
}

.filter-ptouch__radio:has(input:checked) .filter-ptouch__radio-label {
    font-weight: 700;
}

/* Checked Farben */
.filter-ptouch__radio--excellent:has(input:checked) {
    background: rgba(5, 150, 105, 0.2);
    box-shadow: inset 0 0 0 2px #059669;
}

.filter-ptouch__radio--good:has(input:checked) {
    background: rgba(37, 99, 235, 0.2);
    box-shadow: inset 0 0 0 2px #2563eb;
}

.filter-ptouch__radio--fair:has(input:checked) {
    background: rgba(234, 88, 12, 0.2);
    box-shadow: inset 0 0 0 2px #ea580c;
}

/* =====================================================
   DARK MODE - P(TOUCH) FILTER
   ===================================================== */

[data-theme="dark"] .filter-ptouch__label {
    color: var(--ofma-color-slate-200);
}

[data-theme="dark"] .filter-ptouch__quickselect {
    background: transparent;
}

[data-theme="dark"] .filter-ptouch__quickselect-label {
    color: var(--ofma-color-slate-400);
}

[data-theme="dark"] .filter-ptouch__radio {
    background: var(--ofma-color-slate-800);
    border-color: var(--ofma-color-slate-600);
}

[data-theme="dark"] .filter-ptouch__radio:hover {
    background: var(--ofma-color-slate-600) !important;
    border-color: var(--ofma-color-slate-500) !important;
}

[data-theme="dark"] .filter-ptouch__radio-label {
    color: var(--ofma-color-slate-300);
}

[data-theme="dark"] .filter-ptouch__radio--excellent {
    background: rgba(5, 150, 105, 0.15);
    border-color: #10b981;
}

[data-theme="dark"] .filter-ptouch__radio--excellent .filter-ptouch__radio-label {
    color: #34d399;
}

[data-theme="dark"] .filter-ptouch__radio--good {
    background: rgba(37, 99, 235, 0.15);
    border-color: #3b82f6;
}

[data-theme="dark"] .filter-ptouch__radio--good .filter-ptouch__radio-label {
    color: #60a5fa;
}

[data-theme="dark"] .filter-ptouch__radio--fair {
    background: rgba(234, 88, 12, 0.15);
    border-color: #f97316;
}

[data-theme="dark"] .filter-ptouch__radio--fair .filter-ptouch__radio-label {
    color: #fb923c;
}

[data-theme="dark"] .filter-ptouch__hint {
    background: rgba(59, 130, 246, 0.15);
    color: var(--ofma-color-info-light, #60a5fa);
}

/* =====================================================
   THETA DECAY % FILTER MIT SCHNELLAUSWAHL
   ===================================================== */

.filter-theta {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.filter-theta__label {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--ofma-color-slate-700);
    margin-bottom: 0.25rem;
}

.filter-theta__quickselect {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-theta__quickselect-label {
    font-size: 0.75rem;
    color: var(--ofma-color-slate-500);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

/* Grid Layout - 3 Buttons nebeneinander */
.filter-theta__quickselect-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.375rem;
}

/* Kachel-Design - alle gleiche Breite */
.filter-theta__radio {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.25rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    border: 1px solid var(--ofma-color-slate-200);
    background: var(--ofma-color-slate-50);
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    min-height: 36px;
}

/* EINHEITLICHER Hover - grau für ALLE */
.filter-theta__radio:hover {
    background: var(--ofma-color-slate-200) !important;
    border-color: var(--ofma-color-slate-400) !important;
}

.filter-theta__radio input[type="radio"] {
    display: none;
}

.filter-theta__radio-label {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--ofma-color-slate-700);
    white-space: nowrap;
}

/* Schnell/Hoch (grün) - ≥ 2% */
.filter-theta__radio--excellent {
    border-color: #059669;
    background: rgba(5, 150, 105, 0.08);
}

.filter-theta__radio--excellent .filter-theta__radio-label {
    color: #059669;
}

/* Moderat (blau) - ≥ 1% */
.filter-theta__radio--good {
    border-color: #2563eb;
    background: rgba(37, 99, 235, 0.08);
}

.filter-theta__radio--good .filter-theta__radio-label {
    color: #2563eb;
}

/* Langsam (orange) - ≥ 0.5% */
.filter-theta__radio--fair {
    border-color: #ea580c;
    background: rgba(234, 88, 12, 0.08);
}

.filter-theta__radio--fair .filter-theta__radio-label {
    color: #ea580c;
}

/* Hint-Box */
.filter-theta__hint {
    font-size: 0.6875rem;
    color: var(--ofma-color-success, #10b981);
    margin-top: 0.75rem;
    padding: 0.375rem 0.5rem;
    background: rgba(16, 185, 129, 0.08);
    border-radius: var(--ofma-radius-sm);
    line-height: 1.4;
    word-break: break-word;
    white-space: normal;
    max-width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.filter-theta__hint-icon {
    font-size: 0.75rem;
    margin-right: 0.25rem;
}

/* Checked State */
.filter-theta__radio:has(input:checked) {
    box-shadow: inset 0 0 0 2px currentColor;
}

.filter-theta__radio:has(input:checked) .filter-theta__radio-label {
    font-weight: 700;
}

/* Checked Farben */
.filter-theta__radio--excellent:has(input:checked) {
    background: rgba(5, 150, 105, 0.2);
    box-shadow: inset 0 0 0 2px #059669;
}

.filter-theta__radio--good:has(input:checked) {
    background: rgba(37, 99, 235, 0.2);
    box-shadow: inset 0 0 0 2px #2563eb;
}

.filter-theta__radio--fair:has(input:checked) {
    background: rgba(234, 88, 12, 0.2);
    box-shadow: inset 0 0 0 2px #ea580c;
}

/* =====================================================
   DARK MODE - THETA DECAY FILTER
   ===================================================== */

[data-theme="dark"] .filter-theta__label {
    color: var(--ofma-color-slate-200);
}

[data-theme="dark"] .filter-theta__quickselect-label {
    color: var(--ofma-color-slate-400);
}

[data-theme="dark"] .filter-theta__radio {
    background: var(--ofma-color-slate-800);
    border-color: var(--ofma-color-slate-600);
}

[data-theme="dark"] .filter-theta__radio:hover {
    background: var(--ofma-color-slate-600) !important;
    border-color: var(--ofma-color-slate-500) !important;
}

[data-theme="dark"] .filter-theta__radio-label {
    color: var(--ofma-color-slate-300);
}

[data-theme="dark"] .filter-theta__radio--excellent {
    background: rgba(5, 150, 105, 0.15);
    border-color: #10b981;
}

[data-theme="dark"] .filter-theta__radio--excellent .filter-theta__radio-label {
    color: #34d399;
}

[data-theme="dark"] .filter-theta__radio--good {
    background: rgba(37, 99, 235, 0.15);
    border-color: #3b82f6;
}

[data-theme="dark"] .filter-theta__radio--good .filter-theta__radio-label {
    color: #60a5fa;
}

[data-theme="dark"] .filter-theta__radio--fair {
    background: rgba(234, 88, 12, 0.15);
    border-color: #f97316;
}

[data-theme="dark"] .filter-theta__radio--fair .filter-theta__radio-label {
    color: #fb923c;
}

/* Dark Mode Checked States */
[data-theme="dark"] .filter-theta__radio--excellent:has(input:checked) {
    background: rgba(5, 150, 105, 0.3);
    box-shadow: inset 0 0 0 2px #34d399;
}

[data-theme="dark"] .filter-theta__radio--good:has(input:checked) {
    background: rgba(37, 99, 235, 0.3);
    box-shadow: inset 0 0 0 2px #60a5fa;
}

[data-theme="dark"] .filter-theta__radio--fair:has(input:checked) {
    background: rgba(234, 88, 12, 0.3);
    box-shadow: inset 0 0 0 2px #fb923c;
}

[data-theme="dark"] .filter-theta__hint {
    background: rgba(16, 185, 129, 0.15);
    color: var(--ofma-color-success-light, #34d399);
}

/* =====================================================
   MAX PROFIT / MAX LOSS SPALTEN (Platzhalter)
   ===================================================== */

/* Aktuell keine spezielle Formatierung */
/* Kann später hinzugefügt werden, z.B.: */
/*
.profit-cell {
    color: var(--ofma-color-success);
    font-weight: 600;
}

.loss-cell {
    color: var(--ofma-color-danger);
    font-weight: 600;
}
*/

/* =====================================================
   MARGIN REQUIRED SPALTE
   ===================================================== */

/* Aktuell keine spezielle Formatierung */
/* Kann später hinzugefügt werden */

/* =====================================================
   RISK/REWARD RATIO
   ===================================================== */

/* Aktuell keine spezielle Formatierung */
/* Kann später hinzugefügt werden, z.B.: */
/*
.rr-cell--favorable {
    color: var(--ofma-color-success);
}

.rr-cell--unfavorable {
    color: var(--ofma-color-danger);
}
*/

/* =====================================================
   DARK MODE - RISK
   ===================================================== */
/* Wird hinzugefügt wenn spezielle Formatierungen existieren */

/* =====================================================
   MONEYNESS % FILTER - Radio-Buttons (v3.5.2)
   ===================================================== */

.filter-moneyness {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.filter-moneyness__label {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--ofma-color-slate-700);
    margin-bottom: 0.25rem;
}

/* Quickselect Container */
.filter-moneyness__quickselect {
    margin-top: 0.5rem;
}

.filter-moneyness__quickselect-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ofma-color-slate-500);
    text-transform: uppercase;
    letter-spacing: 0.025em;
    margin-bottom: 0.5rem;
}

/* Grid Layout - 3 Buttons pro Reihe */
.filter-moneyness__quickselect-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.375rem;
}

/* Radio-Button Design - alle gleiche Breite */
.filter-moneyness__radio {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.25rem;
    border: 1px solid var(--ofma-color-slate-200);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    background: var(--ofma-color-slate-50);
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    min-height: 36px;
}

/* EINHEITLICHER Hover - grau für ALLE */
.filter-moneyness__radio:hover {
    background: var(--ofma-color-slate-200) !important;
    border-color: var(--ofma-color-slate-400) !important;
}

.filter-moneyness__radio input[type="radio"] {
    display: none;
}

.filter-moneyness__radio-label {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--ofma-color-slate-700);
    white-space: nowrap;
}

/* Deep OTM - dunkelgrün (sehr sicher) */
.filter-moneyness__radio--deep-otm {
    border-color: #059669;
    background: rgba(5, 150, 105, 0.08);
}

.filter-moneyness__radio--deep-otm .filter-moneyness__radio-label {
    color: #059669;
}

/* OTM - BLAU (sicher) - geändert von grün! */
.filter-moneyness__radio--otm {
    border-color: #2563eb;
    background: rgba(37, 99, 235, 0.08);
}

.filter-moneyness__radio--otm .filter-moneyness__radio-label {
    color: #2563eb;
}

/* ATM - gelb (riskant) */
.filter-moneyness__radio--atm {
    border-color: #f59e0b;
    background: rgba(245, 158, 11, 0.08);
}

.filter-moneyness__radio--atm .filter-moneyness__radio-label {
    color: #f59e0b;
}

/* ITM - orange (ungünstig) */
.filter-moneyness__radio--itm {
    border-color: #f97316;
    background: rgba(249, 115, 22, 0.08);
}

.filter-moneyness__radio--itm .filter-moneyness__radio-label {
    color: #f97316;
}

/* Deep ITM - rot (sehr ungünstig) */
.filter-moneyness__radio--deep-itm {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.08);
}

.filter-moneyness__radio--deep-itm .filter-moneyness__radio-label {
    color: #ef4444;
}

/* Checked State - Rahmen verstärken */
.filter-moneyness__radio:has(input:checked) {
    box-shadow: inset 0 0 0 2px currentColor;
}

.filter-moneyness__radio:has(input:checked) .filter-moneyness__radio-label {
    font-weight: 700;
}

/* Checked Farben pro Kategorie */
.filter-moneyness__radio--deep-otm:has(input:checked) {
    background: rgba(5, 150, 105, 0.2);
    box-shadow: inset 0 0 0 2px #059669;
}

.filter-moneyness__radio--otm:has(input:checked) {
    background: rgba(37, 99, 235, 0.2);
    box-shadow: inset 0 0 0 2px #2563eb;
}

.filter-moneyness__radio--atm:has(input:checked) {
    background: rgba(245, 158, 11, 0.2);
    box-shadow: inset 0 0 0 2px #f59e0b;
}

.filter-moneyness__radio--itm:has(input:checked) {
    background: rgba(249, 115, 22, 0.2);
    box-shadow: inset 0 0 0 2px #f97316;
}

.filter-moneyness__radio--deep-itm:has(input:checked) {
    background: rgba(239, 68, 68, 0.2);
    box-shadow: inset 0 0 0 2px #ef4444;
}

/* Checkbox-Variante (OTM / ATM / ITM) */
.filter-moneyness__checkboxes {
    display: flex;
    gap: 6px;
}

.filter-moneyness__checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--ofma-color-slate-200);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    background: var(--ofma-color-slate-50);
    flex: 1;
    min-height: 36px;
}

.filter-moneyness__checkbox:hover {
    background: var(--ofma-color-slate-200);
    border-color: var(--ofma-color-slate-400);
}

.filter-moneyness__checkbox input[type="checkbox"] {
    display: none;
}

.filter-moneyness__checkbox-label {
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
}

.filter-moneyness__checkbox--otm { border-color: #2563eb; background: rgba(37, 99, 235, 0.08); }
.filter-moneyness__checkbox--otm .filter-moneyness__checkbox-label { color: #2563eb; }
.filter-moneyness__checkbox--atm { border-color: #f59e0b; background: rgba(245, 158, 11, 0.08); }
.filter-moneyness__checkbox--atm .filter-moneyness__checkbox-label { color: #f59e0b; }
.filter-moneyness__checkbox--itm { border-color: #f97316; background: rgba(249, 115, 22, 0.08); }
.filter-moneyness__checkbox--itm .filter-moneyness__checkbox-label { color: #f97316; }

.filter-moneyness__checkbox:has(input:checked) { box-shadow: inset 0 0 0 2px currentColor; }
.filter-moneyness__checkbox:has(input:checked) .filter-moneyness__checkbox-label { font-weight: 700; }
.filter-moneyness__checkbox--otm:has(input:checked) { background: rgba(37, 99, 235, 0.2); box-shadow: inset 0 0 0 2px #2563eb; }
.filter-moneyness__checkbox--atm:has(input:checked) { background: rgba(245, 158, 11, 0.2); box-shadow: inset 0 0 0 2px #f59e0b; }
.filter-moneyness__checkbox--itm:has(input:checked) { background: rgba(249, 115, 22, 0.2); box-shadow: inset 0 0 0 2px #f97316; }

/* Hint Box */
.filter-moneyness__hint {
    font-size: 0.6875rem;
    color: var(--ofma-color-success, #10b981);
    margin-top: 0.5rem;
    padding: 0.375rem 0.5rem;
    background: rgba(16, 185, 129, 0.08);
    border-radius: var(--ofma-radius-sm);
    line-height: 1.4;
    word-break: break-word;
    white-space: normal;
    max-width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.filter-moneyness__hint-icon {
    font-size: 0.75rem;
    margin-right: 0.25rem;
}

/* =====================================================
   DARK MODE - MONEYNESS FILTER
   ===================================================== */

[data-theme="dark"] .filter-moneyness__label {
    color: var(--ofma-color-slate-200);
}

[data-theme="dark"] .filter-moneyness__quickselect-label {
    color: var(--ofma-color-slate-400);
}

[data-theme="dark"] .filter-moneyness__radio {
    background: var(--ofma-color-slate-800);
    border-color: var(--ofma-color-slate-600);
}

[data-theme="dark"] .filter-moneyness__radio:hover {
    background: var(--ofma-color-slate-600) !important;
    border-color: var(--ofma-color-slate-500) !important;
}

[data-theme="dark"] .filter-moneyness__radio-label {
    color: var(--ofma-color-slate-300);
}

[data-theme="dark"] .filter-moneyness__radio--deep-otm {
    background: rgba(5, 150, 105, 0.15);
    border-color: #10b981;
}

[data-theme="dark"] .filter-moneyness__radio--deep-otm .filter-moneyness__radio-label {
    color: #34d399;
}

[data-theme="dark"] .filter-moneyness__radio--otm {
    background: rgba(37, 99, 235, 0.15);
    border-color: #3b82f6;
}

[data-theme="dark"] .filter-moneyness__radio--otm .filter-moneyness__radio-label {
    color: #60a5fa;
}

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

[data-theme="dark"] .filter-moneyness__radio--atm .filter-moneyness__radio-label {
    color: #fcd34d;
}

[data-theme="dark"] .filter-moneyness__radio--itm {
    background: rgba(249, 115, 22, 0.15);
    border-color: #fb923c;
}

[data-theme="dark"] .filter-moneyness__radio--itm .filter-moneyness__radio-label {
    color: #fdba74;
}

[data-theme="dark"] .filter-moneyness__radio--deep-itm {
    background: rgba(239, 68, 68, 0.15);
    border-color: #f87171;
}

[data-theme="dark"] .filter-moneyness__radio--deep-itm .filter-moneyness__radio-label {
    color: #fca5a5;
}

/* Dark Mode Checked States */
[data-theme="dark"] .filter-moneyness__radio--deep-otm:has(input:checked) {
    background: rgba(5, 150, 105, 0.3);
    box-shadow: inset 0 0 0 2px #34d399;
}

[data-theme="dark"] .filter-moneyness__radio--otm:has(input:checked) {
    background: rgba(37, 99, 235, 0.3);
    box-shadow: inset 0 0 0 2px #60a5fa;
}

[data-theme="dark"] .filter-moneyness__radio--atm:has(input:checked) {
    background: rgba(245, 158, 11, 0.3);
    box-shadow: inset 0 0 0 2px #fcd34d;
}

[data-theme="dark"] .filter-moneyness__radio--itm:has(input:checked) {
    background: rgba(249, 115, 22, 0.3);
    box-shadow: inset 0 0 0 2px #fdba74;
}

[data-theme="dark"] .filter-moneyness__radio--deep-itm:has(input:checked) {
    background: rgba(239, 68, 68, 0.3);
    box-shadow: inset 0 0 0 2px #fca5a5;
}

[data-theme="dark"] .filter-moneyness__hint {
    background: rgba(16, 185, 129, 0.15);
    color: var(--ofma-color-success-light, #34d399);
}

/* =====================================================
   MONEYNESS LEGENDEN-FARBEN
   ===================================================== */

.filter-quickselect__legend-item--deep-otm::before {
    background-color: #059669;
}

.filter-quickselect__legend-item--otm::before {
    background-color: #2563eb;
}

.filter-quickselect__legend-item--atm::before {
    background-color: #f59e0b;
}

.filter-quickselect__legend-item--itm::before {
    background-color: #f97316;
}

/* =====================================================
   EXPECTED MOVE FILTER - Schnellauswahl (v3.5.4)
   ===================================================== */

.filter-expmove {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.filter-expmove__label {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--ofma-color-slate-700);
    margin-bottom: 0.25rem;
}

.filter-expmove__quickselect {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-expmove__quickselect-label {
    font-size: 0.75rem;
    color: var(--ofma-color-slate-500);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

/* Grid Layout - 3 Buttons nebeneinander */
.filter-expmove__quickselect-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.375rem;
}

/* Kachel-Design - alle gleiche Breite */
.filter-expmove__radio {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.25rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    border: 1px solid var(--ofma-color-slate-200);
    background: var(--ofma-color-slate-50);
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    min-height: 36px;
}

/* EINHEITLICHER Hover - grau für ALLE */
.filter-expmove__radio:hover {
    background: var(--ofma-color-slate-200) !important;
    border-color: var(--ofma-color-slate-400) !important;
}

.filter-expmove__radio input[type="radio"] {
    display: none;
}

.filter-expmove__radio-label {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--ofma-color-slate-700);
    white-space: nowrap;
}

/* Ruhig (grün) - ≤ 5% */
.filter-expmove__radio--calm {
    border-color: #059669;
    background: rgba(5, 150, 105, 0.08);
}

.filter-expmove__radio--calm .filter-expmove__radio-label {
    color: #059669;
}

/* Normal (blau) - ≤ 10% */
.filter-expmove__radio--normal {
    border-color: #2563eb;
    background: rgba(37, 99, 235, 0.08);
}

.filter-expmove__radio--normal .filter-expmove__radio-label {
    color: #2563eb;
}

/* Volatil (orange) - ≤ 15% */
.filter-expmove__radio--volatile {
    border-color: #ea580c;
    background: rgba(234, 88, 12, 0.08);
}

.filter-expmove__radio--volatile .filter-expmove__radio-label {
    color: #ea580c;
}

/* Hint-Box */
.filter-expmove__hint {
    font-size: 0.6875rem;
    color: var(--ofma-color-success, #10b981);
    margin-top: 0.75rem;
    padding: 0.375rem 0.5rem;
    background: rgba(16, 185, 129, 0.08);
    border-radius: var(--ofma-radius-sm);
    line-height: 1.4;
    word-break: break-word;
    white-space: normal;
    max-width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.filter-expmove__hint-icon {
    font-size: 0.75rem;
    margin-right: 0.25rem;
}

/* Checked State */
.filter-expmove__radio:has(input:checked) {
    box-shadow: inset 0 0 0 2px currentColor;
}

.filter-expmove__radio:has(input:checked) .filter-expmove__radio-label {
    font-weight: 700;
}

/* Checked Farben */
.filter-expmove__radio--calm:has(input:checked) {
    background: rgba(5, 150, 105, 0.2);
    box-shadow: inset 0 0 0 2px #059669;
}

.filter-expmove__radio--normal:has(input:checked) {
    background: rgba(37, 99, 235, 0.2);
    box-shadow: inset 0 0 0 2px #2563eb;
}

.filter-expmove__radio--volatile:has(input:checked) {
    background: rgba(234, 88, 12, 0.2);
    box-shadow: inset 0 0 0 2px #ea580c;
}

/* =====================================================
   DARK MODE - EXPECTED MOVE FILTER
   ===================================================== */

[data-theme="dark"] .filter-expmove__label {
    color: var(--ofma-color-slate-200);
}

[data-theme="dark"] .filter-expmove__quickselect-label {
    color: var(--ofma-color-slate-400);
}

[data-theme="dark"] .filter-expmove__radio {
    background: var(--ofma-color-slate-800);
    border-color: var(--ofma-color-slate-600);
}

[data-theme="dark"] .filter-expmove__radio:hover {
    background: var(--ofma-color-slate-600) !important;
    border-color: var(--ofma-color-slate-500) !important;
}

[data-theme="dark"] .filter-expmove__radio-label {
    color: var(--ofma-color-slate-300);
}

[data-theme="dark"] .filter-expmove__radio--calm {
    background: rgba(5, 150, 105, 0.15);
    border-color: #10b981;
}

[data-theme="dark"] .filter-expmove__radio--calm .filter-expmove__radio-label {
    color: #34d399;
}

[data-theme="dark"] .filter-expmove__radio--normal {
    background: rgba(37, 99, 235, 0.15);
    border-color: #3b82f6;
}

[data-theme="dark"] .filter-expmove__radio--normal .filter-expmove__radio-label {
    color: #60a5fa;
}

[data-theme="dark"] .filter-expmove__radio--volatile {
    background: rgba(234, 88, 12, 0.15);
    border-color: #f97316;
}

[data-theme="dark"] .filter-expmove__radio--volatile .filter-expmove__radio-label {
    color: #fb923c;
}

/* Dark Mode Checked States */
[data-theme="dark"] .filter-expmove__radio--calm:has(input:checked) {
    background: rgba(5, 150, 105, 0.3);
    box-shadow: inset 0 0 0 2px #34d399;
}

[data-theme="dark"] .filter-expmove__radio--normal:has(input:checked) {
    background: rgba(37, 99, 235, 0.3);
    box-shadow: inset 0 0 0 2px #60a5fa;
}

[data-theme="dark"] .filter-expmove__radio--volatile:has(input:checked) {
    background: rgba(234, 88, 12, 0.3);
    box-shadow: inset 0 0 0 2px #fb923c;
}

[data-theme="dark"] .filter-expmove__hint {
    background: rgba(16, 185, 129, 0.15);
    color: var(--ofma-color-success-light, #34d399);
}