/* =========================================================
   BLESSED — TEMA CLARO
   Dark continua a ser o tema original/fallback.
   ========================================================= */

html[data-theme="light"] {
    color-scheme: light;
}

html[data-theme="dark"] {
    color-scheme: dark;
}

/* Base */
html[data-theme="light"] body,
html[data-theme="light"] .app,
html[data-theme="light"] .app-semana,
html[data-theme="light"] .estrutura-semana,
html[data-theme="light"] .main-semana {
    background-color: #f4f6f8 !important;
    color: #18202a !important;
}

/* Barra lateral */
html[data-theme="light"] .lateral-marca {
    background: #ffffff !important;
    border-color: #d9dee5 !important;
}

html[data-theme="light"] .menu-item {
    background: #ffffff !important;
    border-color: #d9dee5 !important;
    color: #46515f !important;
}

html[data-theme="light"] .menu-item:hover,
html[data-theme="light"] .menu-item:focus-visible {
    background: #edf3f9 !important;
    border-color: #b9c9da !important;
    color: #18283a !important;
}

html[data-theme="light"] .menu-item.ativo {
    background: #dceaf8 !important;
    border-color: #8eb2d5 !important;
    color: #173a5e !important;
}

/* Elementos principais */
html[data-theme="light"] .agenda-semanal,
html[data-theme="light"] .agenda-cabecalho,
html[data-theme="light"] .agenda-corpo,
html[data-theme="light"] .def-card {
    background-color: #ffffff !important;
    color: #18202a !important;
    border-color: #d9dee5 !important;
}

/* Textos secundários */
html[data-theme="light"] .definicoes-topo p,
html[data-theme="light"] .def-nota {
    color: #66717e !important;
}

/* Inputs */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
    background: #ffffff !important;
    color: #18202a !important;
    border-color: #bcc5cf !important;
}

/* Seletor de tema */
.tema-seletor {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    border: 1px solid #303030;
    border-radius: 10px;
    background: #111;
}

.tema-opcao {
    border: 0;
    border-radius: 7px;
    padding: 8px 14px;
    cursor: pointer;
    background: transparent;
    color: #aaa;
    font: inherit;
    font-weight: 600;
}

.tema-opcao.ativo {
    background: #18283a;
    color: #fff;
}

html[data-theme="light"] .tema-seletor {
    background: #e9edf2;
    border-color: #cbd3dc;
}

html[data-theme="light"] .tema-opcao {
    color: #596573;
}

html[data-theme="light"] .tema-opcao.ativo {
    background: #ffffff;
    color: #173a5e;
    box-shadow: 0 1px 4px rgba(0,0,0,.12);
}

/* =========================================================
   PAJO 20260921 — afinação visual LIGHT
   Apenas cores. Não altera geometria/layout.
   ========================================================= */

/* Ícones do menu — mais contraste */
html[data-theme="light"] .menu-item .menu-icone {
    background-color: #526579 !important;
}

html[data-theme="light"] .menu-item:hover .menu-icone,
html[data-theme="light"] .menu-item:focus-visible .menu-icone {
    background-color: #234f7a !important;
}

html[data-theme="light"] .menu-item.ativo .menu-icone {
    background-color: #1769b0 !important;
}

/* Menu ativo mais evidente */
html[data-theme="light"] .menu-item.ativo {
    background: #e1effc !important;
    border-color: #8bb9e3 !important;
    color: #174d7d !important;
}

/* Cabeçalho dos dias */
html[data-theme="light"] .agenda-dia strong {
    color: #26384a !important;
}

html[data-theme="light"] .agenda-dia span {
    color: #60758a !important;
}

/* Horas da grelha */
html[data-theme="light"] .hora-agenda {
    color: #526579 !important;
}

/* Linhas da agenda — visíveis sem ficarem pesadas */
html[data-theme="light"] .agenda-dia,
html[data-theme="light"] .cabecalho-hora,
html[data-theme="light"] .linha-agenda,
html[data-theme="light"] .hora-agenda {
    border-color: #cbd3dc !important;
}

/* Meses da barra lateral */
html[data-theme="light"] .meses-rapidos {
    border-color: #d9dee5 !important;
}

html[data-theme="light"] .meses-rapidos-titulo {
    color: #66788a !important;
}

/* =========================================================
   PAJO 20260921 — catálogo LIGHT
   Serviços e Produtos
   ========================================================= */

html[data-theme="light"] .catalogo-main {
    color: #18283a !important;
}

html[data-theme="light"] .catalogo-topo h1 {
    color: #18283a !important;
}

html[data-theme="light"] .catalogo-topo p {
    color: #6b7785 !important;
}

/* Serviços */
html[data-theme="light"] .servico-simples {
    background: #ffffff !important;
    border-color: #d5dde6 !important;
    color: #18283a !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}

html[data-theme="light"] .servico-simples strong {
    color: #18283a !important;
}

html[data-theme="light"] .servico-tesoura {
    background: #e1effc !important;
    color: #1769b0 !important;
}

/* Nota inferior */
html[data-theme="light"] .nota-demo {
    background: #edf6ff !important;
    border-color: #bdd9f2 !important;
    color: #315273 !important;
}

/* Botão voltar */
html[data-theme="light"] .botao-voltar-catalogo {
    background: #18283a !important;
    border-color: #18283a !important;
    color: #d9ecff !important;
}

/* Produtos */
html[data-theme="light"] .produto-card {
    background: #ffffff !important;
    border-color: #d5dde6 !important;
    color: #18283a !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}

html[data-theme="light"] .produto-imagem {
    background: #f5f7f9 !important;
}

html[data-theme="light"] .produto-info strong,
html[data-theme="light"] .produto-preco {
    color: #18283a !important;
}

html[data-theme="light"] .produto-info p {
    color: #667585 !important;
}

html[data-theme="light"] .produtos-pesquisa {
    background: #ffffff !important;
    border-color: #d5dde6 !important;
}

html[data-theme="light"] .produtos-pesquisa input {
    color: #18283a !important;
}

html[data-theme="light"] .produtos-pesquisa input::placeholder,
html[data-theme="light"] #produtos-encontrados,
html[data-theme="light"] .pesquisa-icone {
    color: #68798a !important;
}

/* PAJO 20260921 — números Estatísticas e SMS no LIGHT */
html[data-theme="light"] .estatisticas-resumo strong,
html[data-theme="light"] .historico-cortes-lista strong,
html[data-theme="light"] .sms-resumo strong,
html[data-theme="light"] .historico-sms-lista strong {
    color: #18202a !important;
}

/* Mantém os números de faltas destacados a vermelho */
html[data-theme="light"] .estatisticas-resumo strong[style*="d32f2f"] {
    color: #d32f2f !important;
}

/* Textos auxiliares dos cartões */
html[data-theme="light"] .estatisticas-resumo span,
html[data-theme="light"] .sms-resumo span {
    color: #60758a !important;
}

/* PAJO 20260921 — Estatísticas e Comunicações completas no LIGHT */

/* Cartões principais */
html[data-theme="light"] .estatisticas-resumo article,
html[data-theme="light"] .sms-resumo article {
    background: #ffffff !important;
    border-color: #d5dde6 !important;
}

/* Números principais */
html[data-theme="light"] .estatisticas-resumo strong,
html[data-theme="light"] .sms-resumo strong {
    color: #18202a !important;
}

/* Histórico */
html[data-theme="light"] .historico-cortes-lista article,
html[data-theme="light"] .historico-sms-lista article {
    background: #ffffff !important;
    border-color: #d5dde6 !important;
}

html[data-theme="light"] .historico-cortes-lista span,
html[data-theme="light"] .historico-cortes-lista strong,
html[data-theme="light"] .historico-sms-lista span,
html[data-theme="light"] .historico-sms-lista strong {
    color: #26384a !important;
}

/* Alertas SMS */
html[data-theme="light"] .sms-alerta {
    background: #ffffff !important;
    border-color: #d5dde6 !important;
    color: #526579 !important;
}

html[data-theme="light"] .sms-alerta-erro {
    background: #fff4f4 !important;
    border-color: #e3aaaa !important;
    color: #b42323 !important;
}

/* Faltas continuam vermelhas */
html[data-theme="light"] .estatisticas-resumo strong[style*="d32f2f"] {
    color: #d32f2f !important;
}


/* PAJO 20260923 — ícone Estatísticas visível no LIGHT */
html[data-theme="light"] .menu-item .icone-estatisticas {
    background-color: #526579 !important;
    -webkit-mask-mode: alpha;
    mask-mode: alpha;
}

html[data-theme="light"] .menu-item.ativo .icone-estatisticas {
    background-color: #1769b0 !important;
}


/* PAJO 20260923 — contraste dos ícones dos cartões de Definições no LIGHT */
html[data-theme="light"] .def-cabecalho > span {
    background: #e1effc !important;
    color: #174d7d !important;
}