/* ===============================
   FORM/CONTAINER TRANSPARENTE
   =============================== */
/* ==== FORM LOGIN – efeito vidro leitoso ==== */
.frmLogin .x-window-body {
  background: rgba(255, 255, 255, 0.20) !important; /* leve camada branca */
  border-radius: 20px !important;
  backdrop-filter: blur(10px) !important;           /* efeito vidro */
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 0 25px rgba(0,0,0,0.3) !important; /* leve sombra */
  border: 1px solid rgba(255,255,255,0.15) !important;
}


/* ===============================
   CAMPOS REALMENTE TRANSPARENTES
   (o que já estava bom)
   =============================== */
.frmLogin .fld-transparent .x-form-item-body,
.frmLogin .fld-transparent .x-form-text-wrap,
.frmLogin .fld-transparent .x-form-trigger-wrap,
.frmLogin .fld-transparent .x-form-trigger-input-cell,
.frmLogin .fld-transparent .x-form-trigger-cell {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* input em si */
.frmLogin .fld-transparent input.x-form-text {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.4) !important;  /* borda sempre visível */
  border-radius: 8px !important;                       /* cantos arredondados */
  color: #fff !important;
  height: 40px !important;
  padding-left: 40px !important;                       /* espaço p/ ícone */
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* placeholder claro */
.frmLogin .fld-transparent input.x-form-text::placeholder {
  color: rgba(255,255,255,0.65) !important;
}

/* foco com leve brilho */
.frmLogin .fld-transparent input.x-form-text:focus,
.frmLogin .fld-transparent .x-form-trigger-wrap:focus-within {
  border-color: #ffffff !important;
  box-shadow: 0 0 6px rgba(255,255,255,0.5) !important;
  outline: none !important;
}

/* ===============================
   ÍCONES (SVG inline) NO WRAPPER
   — sem JS e sem arquivos externos —
   =============================== */
.frmLogin .ico-user .x-form-text-wrap,
.frmLogin .ico-password .x-form-text-wrap,
.frmLogin .ico-device .x-form-text-wrap {
  position: relative !important;
  background-repeat: no-repeat !important;
  background-position: 12px center !important;
  background-size: 18px 18px !important;
}

.frmLogin .ico-user input.x-form-text {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23cccccc'><path d='M12 12c-2.67 0-8 1.34-8 4v2c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-2c0-2.66-5.33-4-8-4zm0-10c-2.76 0-5 2.24-5 5 0 2.93 2.24 5 5 5s5-2.07 5-5c0-2.76-2.24-5-5-5z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: 12px center !important;
  background-size: 18px 18px !important;
}

.frmLogin .ico-password input.x-form-text {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23cccccc'><path d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-.83 0-1.5-.67-1.5-1.5S11.17 14 12 14s1.5.67 1.5 1.5S12.83 17 12 17zm3-9H9V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: 12px center !important;
  background-size: 18px 18px !important;
}

.frmLogin .ico-device input.x-form-text {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23cccccc'><path d='M21 4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h6v2h6v-2h6c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H3V6h18v12z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: 12px center !important;
  background-size: 18px 18px !important;
}
/* 🏢 ÍCONE DE CNPJ (Predio / Empresa) */
.frmLogin .ico-cnpj input.x-form-text {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23cccccc'><path d='M3 3v18h18V3H3zm2 2h14v14H5V5zm3 2v2h2V7H8zm4 0v2h2V7h-2zm4 0v2h2V7h-2zM8 11v2h2v-2H8zm4 0v2h2v-2h-2zm4 0v2h2v-2h-2zM8 15v2h8v-2H8z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: 12px center !important;
  background-size: 18px 18px !important;
}

/* ===============================
   BOTÕES (se quiser manter)
   =============================== */
.frmLogin .x-btn {
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  height: 38px !important;
}

.frmLogin .btn-primary {
  background: linear-gradient(90deg, #9b2fff, #6027ff) !important;
  color: #fff !important;
  transition: background .3s ease, transform .1s ease;
}
.frmLogin .btn-primary:hover { background: linear-gradient(90deg, #b561ff, #7c4aff) !important; transform: scale(1.03); }

.frmLogin .btn-secondary {
  background: rgba(255,255,255,0.25) !important; color:#eee !important;
}
.frmLogin .btn-secondary:hover { background: rgba(255,255,255,0.4) !important; transform: scale(1.03); }

/* =========================================
   COMBO TRANSPARENTE — FINAL (corrigido)
   ========================================= */

.frmLogin .combo-transparent .x-form-trigger-wrap {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: border-color .3s ease, box-shadow .3s ease;
}

.frmLogin .combo-transparent .x-form-trigger-wrap:focus-within {
  border-color: #fff !important;
  box-shadow: 0 0 8px rgba(255,255,255,.5) !important;
}

/* campo que mostra o texto selecionado */
.frmLogin .combo-transparent .x-form-display-field,
.frmLogin .combo-transparent input.x-form-text {
  background: transparent !important;
  color: #fff !important;
  border: none !important;
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 32px 0 12px !important;
}

/* seta branca */
.frmLogin .combo-transparent .x-form-arrow-trigger {
  background: transparent !important;
  border: none !important;
  width: 28px !important;
  opacity: .85 !important;
  filter: invert(1) !important;
}
.frmLogin .combo-transparent .x-form-arrow-trigger:hover { opacity: 1 !important; }

/* popup do combo */
.x-boundlist {
  background: rgba(30,30,30,.85) !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  color: #fff !important;
  backdrop-filter: blur(6px) !important;
}

.x-boundlist-item {
  color: #fff !important;
  background: transparent !important;
  border: none !important;
}

.x-boundlist-item-over {
  background: rgba(255,255,255,.2) !important;
}

.x-boundlist-item.x-boundlist-selected,
.x-boundlist-item.x-boundlist-item-selected,
.x-boundlist-item.x-item-selected {
  background: rgba(155,47,255,.45) !important;
  color: #fff !important;
}
/* =========================================
   PATCH – DBLookupCombo (valor exibido) anti-branco
   ========================================= */

/* wrappers internos do combo (onde o tema injeta branco) */
.frmLogin .combo-transparent .x-form-item-body,
.frmLogin .combo-transparent .x-form-text-wrap,
.frmLogin .combo-transparent .x-form-trigger-wrap,
.frmLogin .combo-transparent .x-form-trigger-input-cell,
.frmLogin .combo-transparent .x-form-trigger-cell {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* elemento que exibe o valor selecionado (editável ou não) */
.frmLogin .combo-transparent .x-form-display-field,
.frmLogin .combo-transparent .x-form-field,
.frmLogin .combo-transparent .x-form-field-default,
.frmLogin .combo-transparent .x-form-text,
.frmLogin .combo-transparent .x-form-text-default,
.frmLogin .combo-transparent input.x-form-text {
  background: transparent !important;
  color: #fff !important;
  border: none !important;
}

/* caso o combo esteja readonly, alguns temas ainda forçam branco */
.frmLogin .combo-transparent .x-form-readonly {
  background: transparent !important;
}

/* =========================================
   FIXAR BORDA DO COMBO (igual aos edits)
   ========================================= */

/* garante que a borda esteja sempre visível */
.frmLogin .combo-transparent .x-form-trigger-wrap {
  border: 1px solid rgba(255,255,255,0.4) !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* mantém o brilho no foco */
.frmLogin .combo-transparent .x-form-trigger-wrap:focus-within {
  border-color: #fff !important;
  box-shadow: 0 0 6px rgba(255,255,255,0.5) !important;
}

/* impede o tema de remover a borda quando perde foco */
.frmLogin .combo-transparent .x-form-trigger-wrap.x-form-trigger-wrap-default {
  border-color: rgba(255,255,255,0.4) !important;
}

/* também evita que o hover mude a cor da borda */
.frmLogin .combo-transparent .x-form-trigger-wrap:hover {
  border-color: rgba(255,255,255,0.6) !important;
}