/* PATCH MODAL OPAQUE PRO — Mariays Store
   Objetivo: deixar qualquer modal/janela de cadastro 100% legível,
   impedindo que o conteúdo do fundo "vaze" visualmente.
   Aplica em TODAS as telas (produtos, clientes, estoque, etc).
*/

.modal-backdrop{
  background: rgba(0,0,0,.72) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  z-index: 9999 !important;
}

:root[data-theme="light"] .modal-backdrop{
  background: rgba(17,24,39,.30) !important;
}

/* Caixa do modal */
.modal{
  background: var(--panel) !important;
  color: var(--text) !important;
  border: 1px solid var(--stroke) !important;
  box-shadow: var(--shadow) !important;
}

/* Se algum modal usar variações (ex: .dialog) */
.dialog, .dialog-card, .modal-card{
  background: var(--panel) !important;
  color: var(--text) !important;
  border: 1px solid var(--stroke) !important;
  box-shadow: var(--shadow) !important;
}

/* Campos dentro do modal */
.modal input, .modal select, .modal textarea{
  background: var(--panel2) !important;
  color: var(--text) !important;
  border: 1px solid var(--stroke) !important;
}

.modal input::placeholder, .modal textarea::placeholder{
  color: var(--muted) !important;
}

/* Evita que elementos do fundo fiquem acima por z-index */
.topbar, header.topbar{ z-index: 50 !important; }
.sidebar, nav.sidebar{ z-index: 40 !important; }