/* Botões rosé-douradinho sólido + texto preto (pedido do Lincoln, 07/08/2026 — troca do
   azul/branco anterior). Hex fixo em vez de var(--gold-*): o gerador de paleta do
   Filament (Color::hex) empurra o dourado pra um tom laranja/âmbar saturado demais
   (ex.: --gold-400 vira #EB9B2C) — perde o tom suave "rosé" pedido. Usando aqui os
   mesmos tons extraídos por pixel da peça de referência do Lincoln (label
   "INVESTIMENTO & CONDIÇÕES" / centavos ",06"), só um pouco mais claros pro texto
   preto ler bem em cima. */
.fi-btn.fi-color-primary,
.dark .fi-btn.fi-color-primary {
    background-color: #D4B98A !important;
    color: #000 !important;
}
.fi-btn.fi-color-primary:hover,
.dark .fi-btn.fi-color-primary:hover {
    background-color: #C4A575 !important;
    color: #000 !important;
}
.fi-btn.fi-color-primary:focus-visible,
.dark .fi-btn.fi-color-primary:focus-visible {
    color: #000 !important;
}

/* ---------------------------------------------------------------------------
   ToggleButtons (Sim/Não, Em obras/Pronto/Outro, ...) — pedido do Lincoln 16/08.
   O Filament renderiza CADA opção como <x-filament::button color="primary">, então
   a regra dourada acima pintava TODAS de âmbar e não dava para saber qual estava
   escolhida. Aqui: opção não escolhida fica BRANCA com borda, e só a escolhida
   (input[type=radio|checkbox]:checked irmão) recebe o dourado.
   Escopo restrito a .fi-fo-toggle-buttons — não afeta os botões normais do sistema.
   --------------------------------------------------------------------------- */
.fi-fo-toggle-buttons .fi-fo-toggle-buttons-btn-ctn .fi-btn.fi-color-primary {
    background-color: #fff !important;
    color: #374151 !important;
    box-shadow: inset 0 0 0 1px #d1d5db;
}

.fi-fo-toggle-buttons .fi-fo-toggle-buttons-btn-ctn .fi-btn.fi-color-primary:hover {
    background-color: #f9fafb !important;
    color: #111827 !important;
}

.fi-fo-toggle-buttons .fi-fo-toggle-buttons-btn-ctn input:checked + .fi-btn.fi-color-primary,
.fi-fo-toggle-buttons .fi-fo-toggle-buttons-btn-ctn input:checked + .fi-btn.fi-color-primary:hover {
    background-color: #D4B98A !important;
    color: #000 !important;
    box-shadow: inset 0 0 0 1px #C4A575;
}

.dark .fi-fo-toggle-buttons .fi-fo-toggle-buttons-btn-ctn .fi-btn.fi-color-primary {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #e5e7eb !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}

.dark .fi-fo-toggle-buttons .fi-fo-toggle-buttons-btn-ctn .fi-btn.fi-color-primary:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.dark .fi-fo-toggle-buttons .fi-fo-toggle-buttons-btn-ctn input:checked + .fi-btn.fi-color-primary,
.dark .fi-fo-toggle-buttons .fi-fo-toggle-buttons-btn-ctn input:checked + .fi-btn.fi-color-primary:hover {
    background-color: #D4B98A !important;
    color: #000 !important;
    box-shadow: inset 0 0 0 1px #C4A575;
}