/* === ICON PICKER === */

/* Individual icon cell in the picker grid — square aspect ratio with centered icon */
.icon-grid-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 8px;
    color: var(--cwh-open-blue);
    font-size: 1.3rem;
    transition: background .12s, color .12s;
}

/* Highlight icon cell on hover */
.icon-grid-item:hover {
    background: var(--cwh-light-blue, #e8f1fb);
    color: var(--cwh-dark-blue);
}

/* Darken the trigger button border on hover */
#iconPickerBtn:hover {
    border-color: var(--cwh-dark-blue) !important;
}