/* MODO ESCURO ELEGANTE - v1.4.7
   Esta folha fica por ultimo para eliminar texturas antigas. */

body.tema-escuro {
    --fundo-site: #07090d !important;
    --painel: #11151b !important;
    --campo: #0b0e13 !important;
    --texto: #f7f8fa !important;
    --texto-secundario: #aeb6c2 !important;
    --borda: #2a303a !important;
    --sombra: rgba(0, 0, 0, .52) !important;
    color: #f7f8fa !important;
    background-color: #07090d !important;
    background-image:
        radial-gradient(circle at 12% -10%, rgba(37, 99, 235, .14), transparent 34rem),
        radial-gradient(circle at 92% 8%, rgba(14, 165, 233, .07), transparent 30rem),
        linear-gradient(145deg, #050609 0%, #0a0d12 48%, #06080c 100%) !important;
    background-size: auto !important;
    background-attachment: fixed !important;
}

/*
 * Correção definitiva do fundo antigo de varejo.
 * O body recebe simultaneamente as classes tema-escuro e tema-site-bodart;
 * por isso esta combinação precisa ser sobrescrita de forma explícita.
 */
html body.tema-escuro.tema-site-bodart {
    background-color: #07090d !important;
    background-image: linear-gradient(110deg, #05070a 0%, #0a0f16 55%, #06080c 100%) !important;
    background-size: auto !important;
    background-attachment: fixed !important;
}

html body.tema-escuro.tema-site-bodart::before,
html body.tema-escuro.tema-site-bodart::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    background: none !important;
    background-image: none !important;
}

html body.tema-escuro.tema-site-bodart > main,
html body.tema-escuro.tema-site-bodart > .sistema,
html body.tema-escuro.tema-site-bodart .sistema {
    background-color: transparent !important;
    background-image: none !important;
}

body.tema-escuro::before,
body.tema-escuro::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
}

body.tema-escuro .sistema,
body.tema-escuro main,
body.tema-escuro .conteudo,
body.tema-escuro .area-principal,
body.tema-escuro .envoltorio-etapas {
    background-color: transparent !important;
    background-image: none !important;
}

body.tema-escuro .cabecalho {
    background-color: #080b10 !important;
    background-image: linear-gradient(110deg, #06080c 0%, #0d141e 58%, #080b10 100%) !important;
    border-bottom-color: #222a35 !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .38) !important;
}

body.tema-escuro .etapas,
body.tema-escuro .progresso-producao,
body.tema-escuro .painel,
body.tema-escuro .secao-edicao,
body.tema-escuro .secao-cartazes,
body.tema-escuro .secao-impressao,
body.tema-escuro .painel-aparencia,
body.tema-escuro .cartao-dashboard,
body.tema-escuro .modal-conteudo {
    color: #f7f8fa !important;
    background-color: rgba(17, 21, 27, .98) !important;
    background-image: none !important;
    border-color: #2a303a !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .34) !important;
}

body.tema-escuro .seletor-formato,
body.tema-escuro .configuracoes-a4,
body.tema-escuro .linha-editor,
body.tema-escuro .grupo-aparencia,
body.tema-escuro .campo-controle,
body.tema-escuro .bloco-aparencia,
body.tema-escuro .abas-aparencia,
body.tema-escuro .numero-cartaz,
body.tema-escuro .opcao-formato,
body.tema-escuro fieldset {
    color: #eef1f5 !important;
    background-color: #0d1117 !important;
    background-image: none !important;
    border-color: #2a303a !important;
}

body.tema-escuro input,
body.tema-escuro select,
body.tema-escuro textarea {
    color: #f8fafc !important;
    background-color: #080b10 !important;
    background-image: none !important;
    border-color: #343c48 !important;
    box-shadow: none !important;
}

body.tema-escuro input:focus,
body.tema-escuro select:focus,
body.tema-escuro textarea:focus {
    border-color: #4d8dff !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .16) !important;
}

body.tema-escuro .titulo-painel h1,
body.tema-escuro .titulo-painel h2,
body.tema-escuro .cabecalho-secao h2,
body.tema-escuro label,
body.tema-escuro legend,
body.tema-escuro .opcao-formato strong {
    color: #f8fafc !important;
}

body.tema-escuro p,
body.tema-escuro small,
body.tema-escuro .texto-secundario,
body.tema-escuro .titulo-painel p,
body.tema-escuro .cabecalho-secao p {
    color: #aeb6c2 !important;
}

body.tema-escuro .etapa {
    color: #c2c8d1 !important;
    background: #0d1117 !important;
    border-color: #2a303a !important;
}

body.tema-escuro .etapa:hover {
    color: #fff !important;
    background: #171d26 !important;
    border-color: #465161 !important;
}

body.tema-escuro .etapa.ativa {
    color: #fff !important;
    background: #202733 !important;
    border-color: #5b6675 !important;
}

body.tema-escuro .etapa.ativa strong,
body.tema-escuro .etapa.ativa small {
    color: #fff !important;
}

body.tema-escuro .linha-etapa,
body.tema-escuro .trilho-progresso {
    background: #303744 !important;
}

body.tema-escuro .rodape-site {
    color: #d9dee6 !important;
    background-color: #05070a !important;
    background-image: none !important;
    border-top-color: #252b34 !important;
}

/* As folhas dos cartazes continuam brancas e não recebem o tema do site. */
body.tema-escuro .cartaz,
body.tema-escuro .folha-a4,
body.tema-escuro .placa-gondola,
body.tema-escuro [class*="cartaz-a"] {
    color-scheme: light !important;
}