/* ========================================
   Wear Gradient Slider
   ======================================== */

input[type="range"].wear-gradient-slider::-webkit-slider-runnable-track {
    height: 8px;
    border-radius: 4px;
    background: linear-gradient(
        to right,
        #19ee19 0%,
        #22c55e 7%,
        #84cc16 7%,
        #84cc16 15%,
        #eab308 15%,
        #eab308 38%,
        #f97316 38%,
        #f97316 45%,
        #ef4444 45%,
        #ef4444 100%
    );
}

input[type="range"].wear-gradient-slider::-webkit-slider-thumb {
    background: white !important;
    border: none !important;
}

.custom-range-tooltip {
    position: absolute;
    top: -32px;
    min-width: 60px;
    text-align: center;
    background: rgba(30,30,30,0.95);
    color: #fff;
    border-radius: 6px;
    padding: 2px 10px;
    font-size: 0.95rem;
    pointer-events: none;
    z-index: 10;
    white-space: nowrap;
}

/* ========================================
   Skin Wear Conditions
   ======================================== */

.factory-new {
    color: #22c55e !important;
}

.minimal-wear {
    color: #84cc16 !important;
}

.field-tested {
    color: #eab308 !important;
}

.well-worn {
    color: #f97316 !important;
}

.battle-scared {
    color: #ef4444 !important;
}