/* Control */
.css-color-picker-toggle {
    cursor: pointer;
    padding: 0 !important; /* Para que el input color llene el espacio */
    overflow: hidden;
    width: 45px;
}

.css-color-picker-toggle input[type="color"] {
    border: none;
    width: 38px;
    height: 42px;
    cursor: pointer;
    background: none;
}

/* Menú */
.css-color-picker-menu {
    display: none;
    z-index: 9999;
    position: absolute;
    width: 250px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 8px 25px rgba(0,0,0,0.30);
    border-radius: 4px;
    backdrop-filter: blur(6px);
    animation: fadeSlide 0.2s ease-out;
}

.css-color-picker-list-wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    padding: 12px;
    height: 245px;
    overflow-y: auto;
}

.css-color-picker-item {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.1s;
    border: 1px solid rgba(0,0,0,0.1);
}

.css-color-picker-item:hover {
    transform: scale(1.2);
}