/* Kolorowe ikony w przyciskach z szarym obramowaniem */
.colored-icon-success svg {
    color: rgb(34, 197, 94) !important; /* green-500 */
}

.colored-icon-info svg {
    color: rgb(59, 130, 246) !important; /* blue-500 */
}

.colored-icon-warning svg {
    color: rgb(251, 191, 36) !important; /* amber-400 */
}

/* Hover effects */
.colored-icon-success:hover svg {
    color: rgb(22, 163, 74) !important; /* green-600 */
}

.colored-icon-info:hover svg {
    color: rgb(37, 99, 235) !important; /* blue-600 */
}

.colored-icon-warning:hover svg {
    color: rgb(245, 158, 11) !important; /* amber-500 */
}