/* --- DYNAMICZNIE GENEROWANE STYLE GRADIENTÓW --- */

.server-list-row[class*="gradient-"] {
    border-width: 2px;
}


/* Styl dla koloru: Czerwony */
.server-list-row.gradient-red { 
    background: linear-gradient(90deg, rgba(255, 13, 19, 0.3) 0%, #ffffff 85%); 
    border-color: #ff0d13;
        color: var(--text-color) !important;
    text-shadow: none;
    }
.server-list-row.gradient-red a {
        color: var(--text-color) !important;
    }


/* Styl dla koloru: Niebieski */
.server-list-row.gradient-blue { 
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.3) 0%, #ffffff 85%); 
    border-color: #3b82f6;
        color: var(--text-color) !important;
    text-shadow: none;
    }
.server-list-row.gradient-blue a {
        color: var(--text-color) !important;
    }


/* Styl dla koloru: Zielony */
.server-list-row.gradient-green { 
    background: linear-gradient(90deg, rgba(72, 214, 12, 0.3) 0%, #ffffff 85%); 
    border-color: #48d60c;
        color: var(--text-color) !important;
    text-shadow: none;
    }
.server-list-row.gradient-green a {
        color: var(--text-color) !important;
    }


/* Styl dla koloru: Fioletowy */
.server-list-row.gradient-purple { 
    background: linear-gradient(90deg, rgba(139, 92, 246, 0.3) 0%, #ffffff 85%); 
    border-color: #8b5cf6;
        color: var(--text-color) !important;
    text-shadow: none;
    }
.server-list-row.gradient-purple a {
        color: var(--text-color) !important;
    }


/* Styl dla koloru: Złoty */
.server-list-row.gradient-gold { 
    background: linear-gradient(90deg, rgba(236, 203, 13, 0.3) 0%, #ffffff 85%); 
    border-color: #eccb0d;
        color: var(--text-color) !important;
    text-shadow: none;
    }
.server-list-row.gradient-gold a {
        color: var(--text-color) !important;
    }


/* Styl dla koloru: Pomarańczowy */
.server-list-row.gradient-orange { 
    background: linear-gradient(90deg, rgba(249, 115, 22, 0.3) 0%, #ffffff 85%); 
    border-color: #f97316;
        color: var(--text-color) !important;
    text-shadow: none;
    }
.server-list-row.gradient-orange a {
        color: var(--text-color) !important;
    }


/* Styl dla koloru: Cyjan */
.server-list-row.gradient-cyan { 
    background: linear-gradient(90deg, rgba(34, 211, 238, 0.3) 0%, #ffffff 85%); 
    border-color: #22d3ee;
        color: var(--text-color) !important;
    text-shadow: none;
    }
.server-list-row.gradient-cyan a {
        color: var(--text-color) !important;
    }


/* Styl dla koloru: Różowy */
.server-list-row.gradient-pink { 
    background: linear-gradient(90deg, rgba(248, 3, 241, 0.3) 0%, #ffffff 85%); 
    border-color: #f803f1;
        color: var(--text-color) !important;
    text-shadow: none;
    }
.server-list-row.gradient-pink a {
        color: var(--text-color) !important;
    }


/* Styl dla koloru: Limonkowy */
.server-list-row.gradient-lime { 
    background: linear-gradient(90deg, rgba(163, 230, 53, 0.3) 0%, #ffffff 85%); 
    border-color: #a3e635;
        color: var(--text-color) !important;
    text-shadow: none;
    }
.server-list-row.gradient-lime a {
        color: var(--text-color) !important;
    }


/* Styl dla koloru: Srebrny */
.server-list-row.gradient-gray { 
    background: linear-gradient(90deg, rgba(156, 163, 175, 0.3) 0%, #ffffff 85%); 
    border-color: #9ca3af;
        color: var(--text-color) !important;
    text-shadow: none;
    }
.server-list-row.gradient-gray a {
        color: var(--text-color) !important;
    }