/*
 * Svi puni gumbi u panelima: tamnija nijansa boje i bijeli tekst (odluka
 * korisnika 28.09.2026.: nikad crni tekst na gumbu). Filament bi za svijetle
 * nijanse sam izabrao tamni tekst; ovdje je nijansa uvijek dovoljno tamna.
 */
.fi-btn.fi-color:not(.fi-outlined):not(.fi-color-gray) {
    background-color: var(--color-600) !important;
    color: #fff !important;
}
.fi-btn.fi-color:not(.fi-outlined):not(.fi-color-gray) .fi-icon,
.fi-btn.fi-color:not(.fi-outlined):not(.fi-color-gray) .fi-btn-label { color: #fff !important; }
.fi-btn.fi-color:not(.fi-outlined):not(.fi-color-gray):not([disabled]):hover { background-color: var(--color-700) !important; }
.fi-btn.fi-color.fi-color-warning:not(.fi-outlined) { background-color: var(--color-700) !important; }

/* Gumbi za odabir (ToggleButtons): neodabrani su obrubljeni, odabrani puni,
   da se jasno vidi što je odabrano (pravilo iznad bi ih inače sve obojilo). */
.fi-fo-toggle-buttons-input:not(:checked) + .fi-btn.fi-color {
    background-color: transparent !important;
    color: var(--gray-700) !important;
    box-shadow: inset 0 0 0 1px var(--gray-300) !important;
}
.fi-fo-toggle-buttons-input:not(:checked) + .fi-btn.fi-color .fi-btn-label,
.fi-fo-toggle-buttons-input:not(:checked) + .fi-btn.fi-color .fi-icon { color: var(--gray-700) !important; }
.fi-fo-toggle-buttons-input:not(:checked) + .fi-btn.fi-color:hover { background-color: var(--gray-50) !important; }
.dark .fi-fo-toggle-buttons-input:not(:checked) + .fi-btn.fi-color { color: var(--gray-200) !important; box-shadow: inset 0 0 0 1px var(--gray-600) !important; }
.dark .fi-fo-toggle-buttons-input:not(:checked) + .fi-btn.fi-color .fi-btn-label,
.dark .fi-fo-toggle-buttons-input:not(:checked) + .fi-btn.fi-color .fi-icon { color: var(--gray-200) !important; }
.dark .fi-fo-toggle-buttons-input:not(:checked) + .fi-btn.fi-color:hover { background-color: rgb(255 255 255 / 0.05) !important; }
.fi-fo-toggle-buttons-input:checked + .fi-btn.fi-color { box-shadow: 0 0 0 2px var(--color-600) !important; }