/*
 * settings.css — Settings modal overrides.
 * Core rules live in styles.css (see "STYLE FIX" section at bottom).
 * This file provides any additional settings-specific refinements.
 */

/* Settings modal content wrapper — ensure full-width inputs */
#settings-modal .settings-content input[type="text"],
#settings-modal .settings-content input[type="number"],
#settings-modal .settings-content select,
#settings-modal .settings-content .settings-select {
    width: 100%;
    box-sizing: border-box;
}

/* Range + value on same row inside settings */
#settings-modal .property-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
}

#settings-modal .property-group .range-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

#settings-modal .property-group .range-row input[type="range"] {
    flex: 1;
}

#settings-modal .property-group .range-row .range-value {
    min-width: 36px;
    text-align: right;
    font-size: 11px;
    color: var(--accent-primary);
    font-family: 'Courier New', monospace;
}

/* Give each settings property-group a bit of breathing room */
#settings-modal .property-group + .property-group {
    margin-top: 4px;
}