/* =====================================================================
   PAP_TEMA_CLARO_FIXES_V1

   Camada complementar EXCLUSIVA do modo claro.

   Regra principal:
   nenhuma regra deste arquivo pode atingir o modo escuro.
   ===================================================================== */


/* =====================================================================
   1. ALIASES ESPERADOS POR MODULOS MAIS NOVOS

   O tema principal usa --tom*, --panel, --line e --text.
   Alguns modulos usam outros nomes e possuem fallback escuro.
   ===================================================================== */

:root[data-tema="claro"] {
  --surface: var(--tom4);
  --surface-2: var(--tom5);

  --card: var(--tom4);
  --card-bg: var(--tom4);

  --border: var(--tom7);

  --input: var(--tom6);
  --input-bg: var(--tom6);
}


/* =====================================================================
   2. CAMPOS DE TEXTO

   Corrige principalmente:
   - fundo claro + texto branco;
   - fundo escuro herdado de CSS antigo;
   - borda invisivel;
   - estilos inline escuros.
   ===================================================================== */

:root[data-tema="claro"]
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),

:root[data-tema="claro"]
select,

:root[data-tema="claro"]
textarea {
  background-color: var(--tom6) !important;
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important;

  border-color: var(--tom7) !important;

  color-scheme: light;
}


/* =====================================================================
   3. OPTIONS DOS SELECTS

   O popup nativo do navegador precisa receber cor explicitamente.
   ===================================================================== */

:root[data-tema="claro"] select option,
:root[data-tema="claro"] select optgroup {
  background-color: #ffffff !important;
  color: #16161a !important;
  -webkit-text-fill-color: #16161a !important;
}


/* =====================================================================
   4. PLACEHOLDERS
   ===================================================================== */

:root[data-tema="claro"] input::placeholder,
:root[data-tema="claro"] textarea::placeholder {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  opacity: 1 !important;
}


/* =====================================================================
   5. CAMPOS DESABILITADOS / READONLY
   ===================================================================== */

:root[data-tema="claro"] input:disabled,
:root[data-tema="claro"] select:disabled,
:root[data-tema="claro"] textarea:disabled,
:root[data-tema="claro"] input[readonly],
:root[data-tema="claro"] textarea[readonly] {
  background-color: var(--tom5) !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  border-color: var(--tom7) !important;
  opacity: 1 !important;
}


/* =====================================================================
   6. AUTOFILL DO CHROME / EDGE

   Evita o navegador voltar a aplicar fundo/texto inadequados.
   ===================================================================== */

:root[data-tema="claro"] input:-webkit-autofill,
:root[data-tema="claro"] input:-webkit-autofill:hover,
:root[data-tema="claro"] input:-webkit-autofill:focus,
:root[data-tema="claro"] textarea:-webkit-autofill,
:root[data-tema="claro"] select:-webkit-autofill {
  -webkit-text-fill-color: var(--text) !important;

  -webkit-box-shadow:
    0 0 0 1000px var(--tom6) inset !important;

  box-shadow:
    0 0 0 1000px var(--tom6) inset !important;

  border-color: var(--tom7) !important;
}


/* =====================================================================
   7. CAMPOS CONHECIDOS COM ESTILO INLINE ESCURO

   A regra geral acima ja corrige estes elementos porque usa !important.
   Aqui ficam seletores explicitos para documentar os casos.
   ===================================================================== */

:root[data-tema="claro"] #libSearch,
:root[data-tema="claro"] .calendar-toolbar select,
:root[data-tema="claro"] .dash-filter select {
  background-color: var(--tom6) !important;
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important;
  border-color: var(--tom7) !important;
}


/* =====================================================================
   8. AVISOS / COMUNICADOS

   avisos.css e carregado depois do tema.css e possui uma camada propria
   escura com !important. Como este arquivo sera o ultimo CSS, o claro
   volta a comandar essas superficies.
   ===================================================================== */

:root[data-tema="claro"] .pap-modal-comunicado {
  background: var(--tom4) !important;
  color: var(--text) !important;
  border-color: var(--tom7) !important;
}

:root[data-tema="claro"] .pap-modal-comunicado input,
:root[data-tema="claro"] .pap-modal-comunicado textarea,
:root[data-tema="claro"] .pap-modal-comunicado select,

:root[data-tema="claro"] .pap-form-comunicado input,
:root[data-tema="claro"] .pap-form-comunicado textarea,
:root[data-tema="claro"] .pap-form-comunicado select {
  background-color: var(--tom6) !important;
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important;
  border-color: var(--tom7) !important;
}

:root[data-tema="claro"] .pap-modal-comunicado input::placeholder,
:root[data-tema="claro"] .pap-modal-comunicado textarea::placeholder,
:root[data-tema="claro"] .pap-form-comunicado input::placeholder,
:root[data-tema="claro"] .pap-form-comunicado textarea::placeholder {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}


/* =====================================================================
   9. FOCUS

   Mantem o padrao visual do app, mas com fundo/texto legiveis.
   ===================================================================== */

:root[data-tema="claro"]
input:not([type="checkbox"]):not([type="radio"]):focus,

:root[data-tema="claro"]
select:focus,

:root[data-tema="claro"]
textarea:focus {
  background-color: var(--tom6) !important;
  color: var(--text) !important;
  border-color: var(--red) !important;
}