/* ── Color picker button (виж ColorPickerButton.js) ──────────────────────── */
/* Мирор на .icon-picker-btn/.icon-picker-preview (select.css) — само тук
   background-color-ът Е самата стойност, не икона. */
.color-picker-btn {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--field-border);
    border-radius: var(--field-radius);
    cursor: pointer;
    transition: border-color 150ms ease;
}

.color-picker-btn:hover {
    border-color: var(--field-border-hover);
}

/* Preview на текущия избор в горния панел на Modal.group() (виж ColorPickerButton#open) */
.color-picker-preview {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border: 1px solid var(--field-border);
    border-radius: 4px;
}

/* Голям, центриран preview в body-то на топ панела (не header leftAction) —
   виж потребителски feedback "квадрата с избрания цвят... в топ модала всредата". */
.color-picker-preview--lg {
    width: 72px;
    height: 72px;
    margin: 8px auto;
    border-radius: 12px;
}