/* ========================================================================== */
/* PALETA FINAL — SOMENTE GRIMÓRIO / MASTER                                   */
/* Preto carvão + bege envelhecido + vermelho escuro apagado                  */
/* Não altera layout, posição, tamanho, grid, imagens, logo ou estrutura.      */
/* ========================================================================== */
#masterIgnea {
  --grim-preto: #080807;
  --grim-carvao: #12100e;
  --grim-carvao-2: #1a1714;
  --grim-bege: #d8c8aa;
  --grim-bege-2: #b9a98c;
  --grim-bege-fraco: rgba(216, 200, 170, 0.64);
  --grim-vermelho: #5f1717;
  --grim-vermelho-2: #3f1010;
  --grim-vermelho-3: #2a0b0b;
  --grim-borda: rgba(216, 200, 170, 0.16);
  --grim-borda-vermelha: rgba(95, 23, 23, 0.42);

  color: var(--grim-bege) !important;
  background:
    linear-gradient(180deg, var(--grim-preto) 0%, var(--grim-carvao) 54%, #050505 100%) !important;
}

#masterIgnea::before {
  background: transparent !important;
  opacity: 0 !important;
}

/* Textos principais do Grimório */
#masterIgnea .grimorio-branco,
#masterIgnea .master-form-box h3,
#masterIgnea #tituloFormMonstro,
#masterIgnea .titulo-secao,
#masterIgnea .compendio-info strong,
#masterIgnea .monstro-nome,
#masterIgnea h3,
#masterIgnea h4 {
  color: var(--grim-bege) !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.85) !important;
}

#masterIgnea .grimorio-vermelho,
#masterIgnea .compendio-info span,
#masterIgnea .monstro-meta,
#masterIgnea .sheet-meta,
#masterIgnea .sheet-hp-ca,
#masterIgnea .mod-monstro,
#falaAleatoriaTexto {
  color: #8a2a2a !important;
  text-shadow: none !important;
}

#masterIgnea .master-desc,
#masterIgnea .master-header p,
#masterIgnea .sheet-bloco p,
#masterIgnea .combate-card p,
#masterIgnea .modal-bloco,
#masterIgnea label,
#masterIgnea .status-monstro-box span,
#masterIgnea .combate-status-box span,
#masterIgnea .status-box span {
  color: var(--grim-bege-2) !important;
  text-shadow: none !important;
}

/* Logo e ornamentos: remove brilho colorido, mantém tamanho/posição/imagem */
#masterIgnea .logo-grimorio-nova,
#masterIgnea .master-logo-img,
#masterIgnea .grimorio-header .logo-grimorio {
  filter: none !important;
}

#masterIgnea .linha-ornamento,
#masterIgnea .grimorio-linha {
  background: linear-gradient(to right, transparent, var(--grim-vermelho), transparent) !important;
}

#masterIgnea .linha-ornamento::after {
  color: var(--grim-vermelho) !important;
  text-shadow: none !important;
}

/* Barra inferior do Master */
#masterIgnea .master-tabs {
  background: linear-gradient(180deg, rgba(18, 16, 14, 0.98), rgba(6, 6, 5, 0.98)) !important;
  border-top: 1px solid var(--grim-borda) !important;
  box-shadow: 0 -8px 18px rgba(0, 0, 0, 0.55) !important;
}

#masterIgnea .master-tab-btn {
  background: linear-gradient(180deg, #1d1a17, #0d0c0b) !important;
  color: var(--grim-bege-2) !important;
  border-color: var(--grim-borda) !important;
  box-shadow: inset 0 1px 0 rgba(216, 200, 170, 0.04) !important;
}

#masterIgnea .master-tab-btn:hover {
  background: linear-gradient(180deg, #26211d, #12100e) !important;
  color: var(--grim-bege) !important;
}

#masterIgnea .master-tab-btn.active {
  background: linear-gradient(180deg, var(--grim-vermelho), var(--grim-vermelho-3)) !important;
  color: var(--grim-bege) !important;
  border-color: var(--grim-borda-vermelha) !important;
  box-shadow: inset 0 1px 0 rgba(216, 200, 170, 0.08) !important;
}

/* Painéis, cards, formulários e popups do Master */
#masterIgnea .master-form-box,
#masterIgnea .combate-card,
#masterIgnea .monstro-card,
#masterIgnea .sheet-bloco,
#masterIgnea .modal-bloco,
#masterIgnea .master-modal-content,
.sheet-monstro {
  background: linear-gradient(180deg, rgba(26, 23, 20, 0.96), rgba(10, 9, 8, 0.98)) !important;
  border-color: var(--grim-borda) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.42) !important;
  color: var(--grim-bege) !important;
}

#masterIgnea input,
#masterIgnea textarea,
#masterIgnea select,
#masterIgnea .compendio-controles input,
#masterIgnea .compendio-controles select {
  background: linear-gradient(180deg, #11100e, #080807) !important;
  color: var(--grim-bege) !important;
  border-color: var(--grim-borda) !important;
  box-shadow: inset 0 2px 7px rgba(0, 0, 0, 0.55) !important;
}

#masterIgnea input::placeholder,
#masterIgnea textarea::placeholder,
#masterIgnea .compendio-controles input::placeholder {
  color: rgba(216, 200, 170, 0.48) !important;
}

#masterIgnea .status-monstro-box,
#masterIgnea .combate-status-box,
#masterIgnea .status-box,
.sheet-status-grid div {
  background: linear-gradient(180deg, #1d1a17, #0d0c0b) !important;
  border-color: var(--grim-borda) !important;
  box-shadow: inset 0 1px 0 rgba(216, 200, 170, 0.04) !important;
  color: var(--grim-bege) !important;
}

/* Botões do Master */
#masterIgnea .btn-master-principal,
#masterIgnea .master-upload,
#masterIgnea .btn-aplicar-dano,
#masterIgnea .btn-aplicar-cura,
#masterIgnea .btn-hp-dano,
#masterIgnea .btn-master-perigo {
  background: linear-gradient(180deg, var(--grim-vermelho), var(--grim-vermelho-3)) !important;
  color: var(--grim-bege) !important;
  border: 1px solid var(--grim-borda-vermelha) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#masterIgnea .btn-master-secundario,
#masterIgnea .btn-hp-cura,
#masterIgnea .voltar,
#masterIgnea .btn-voltar-modos {
  background: linear-gradient(180deg, #23201c, #11100e) !important;
  color: var(--grim-bege) !important;
  border: 1px solid var(--grim-borda) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#masterIgnea button:hover,
#masterIgnea .master-upload:hover {
  filter: none !important;
  box-shadow: none !important;
}

/* Compêndio: mantém imagens aparecendo; só troca cores da camada e borda */
#masterIgnea .compendio-card,
#masterIgnea .monstro-card {
  background-color: var(--grim-carvao) !important;
  border-color: var(--grim-borda) !important;
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.42) !important;
}

#masterIgnea .compendio-card::before,
#masterIgnea .monstro-card::before {
  background: linear-gradient(
    to top,
    rgba(5, 5, 5, 0.94),
    rgba(18, 16, 14, 0.42),
    rgba(18, 16, 14, 0.08)
  ) !important;
}

/* Sheet de monstro fica na raiz do HTML, por isso não pode depender só do #masterIgnea */
.sheet-monstro-overlay {
  background: rgba(0, 0, 0, 0.68) !important;
}

.sheet-monstro .sheet-titulo,
.sheet-monstro h2,
.sheet-monstro strong {
  color: var(--grim-bege, #d8c8aa) !important;
  text-shadow: none !important;
}

.sheet-monstro .sheet-meta,
.sheet-monstro .sheet-hp-ca,
.sheet-monstro small {
  color: #8a2a2a !important;
  text-shadow: none !important;
}

.sheet-handle {
  background: rgba(216, 200, 170, 0.35) !important;
}