/* Campo somente-leitura ("travado"): fundo cinza claro para o usuário entender
   que o valor não se altera ali. `->readOnly()` do Filament não muda nada
   visualmente, e o painel não tem tema Tailwind próprio (utilitárias avulsas
   não compilam) — por isso o tom mora aqui, atrás do gancho `fi-locked-input`,
   posto no wrapper do campo via `->extraAttributes()`. Uso: "Meu perfil"
   (App\Filament\Pages\Auth\EditProfile::lockedFormComponent). */
.fi-input-wrp.fi-locked-input {
  background-color: rgb(243 244 246); /* gray-100 */
}

.fi-input-wrp.fi-locked-input .fi-input {
  color: rgb(75 85 99); /* gray-600 */
  cursor: default;
}

.dark .fi-input-wrp.fi-locked-input {
  background-color: rgb(255 255 255 / 0.05);
}

.dark .fi-input-wrp.fi-locked-input .fi-input {
  color: rgb(156 163 175); /* gray-400 */
}