.ph-scale-container { background: linear-gradient(90deg, #ff4d4d, #ff9966, #ffcc66, #ffff99, #ccffcc, #99ff99, #66ff99, #33cc99); border-radius: 30px; height: 24px; margin: 0.8rem 0; position: relative; width: 100%; }
        .ph-marker { position: absolute; width: 12px; height: 32px; background: black; top: -4px; border-radius: 4px; transform: translateX(-50%); box-shadow: 0 0 0 2px white; }
        .ph-value-badge { font-weight: bold; font-size: 1.2rem; margin-left: 1rem; }
        .form-switch .form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color); }
        .nav-tabs .nav-tabs .disabled-input { background-color: #e9ecef; opacity: 0.7; }