/* =====================================================================
   COTIC/PMCE: identidade visual do sistema de chamados
   - Cores do Padrão Visual PMCE (Z:\PMCE\05-Sistemas\design-system-pmce)
   - Logo da COTIC no lugar do logo original (menu e tela de carregamento)
   - Remove o rodapé "Powered by" das telas de login, senha e cadastro
   Só troca cores e esconde marcas; não mexe em layout nem em funções.
   Para desfazer: voltar este arquivo à versão anterior e recarregar a página.
   ===================================================================== */

/* ---------- Tema claro (padrão) ---------- */
:root:not([data-theme="dark"]) {
  /* Menu lateral escuro -> verde PMCE */
  --background-tertiary:   #276749;
  --background-quaternary: #22543D;
  --background-active:     #1C4532;
  --menu-background-active: #1C4532;
  --menu-background-primary-hover: rgba(0, 0, 0, .18);
  --menu-switch-background: #1C4532;
  --menu-text:  rgba(255, 255, 255, .85);
  --menu-icon:  rgba(255, 255, 255, .72);
  --menu-icon-secondary: rgba(255, 255, 255, .55);
  --fullscreen-text-muted: #9AE6B4;

  /* Botões e destaques azuis -> verde PMCE (links continuam azuis) */
  --button-primary-background:        #276749;
  --button-primary-background-active: #22543D;
  --highlight:          #25855A;
  --text-nav:           #276749;
  --text-link:          #3182CE;
  --border-highlight:   #38A169;
  --shadow-highlight:   #C6F6D5;
  --background-highlight: #F0FFF4;
  --text-muted-highlight: #C6F6D5;
  --backdrop-clue-start: rgba(39, 103, 73, .10);
  --backdrop-clue-end:   rgba(39, 103, 73, .90);

  /* Fundo e títulos */
  --background-primary: #F8F9FA;
  --header-primary:     #2D3748;
}

/* ---------- Tema escuro: só a cor de marca ---------- */
[data-theme="dark"] {
  --button-primary-background:        #276749;
  --button-primary-background-active: #22543D;
  --highlight:        #48BB78;
  --text-nav:         #68D391;
  --border-highlight: #38A169;
  --menu-background-active: #276749;
}

/* ---------- Botões de criar/salvar (verde próprio do sistema) -> verde PMCE ---------- */
.btn--positive, .btn--create, .btn--success { background: #276749; }
.btn--positive:active, .btn--create:active, .btn--success:active { background: #1C4532; }
.btn--positive.btn--secondary, .btn--create.btn--secondary, .btn--success.btn--secondary { background: var(--background-secondary); color: #276749; }
.btn--positive.btn--secondary:active, .btn--create.btn--secondary:active, .btn--success.btn--secondary:active { background: var(--button-background-active); }

/* ---------- Logo da COTIC no lugar do logo original ---------- */
.navigation .logo .icon-logo,
.splash .icon-logo { visibility: hidden; }
.navigation .logo { background: url("/assets/cotic/cotic-logo.png") center / 30px 30px no-repeat; }
.splash { background: url("/assets/cotic/cotic-logo.png") center calc(50% - 40px) / 96px 96px no-repeat; }

/* Outros lugares que usam desenhos do produto original:
   - avatar do usuário "Sistema" (fluxo de atividades, ações automáticas) -> logo da COTIC
   - ícone do canal "web", que é um pássaro -> globo */
svg.icon-logo use,
svg.icon-web use { display: none; }
.avatar > svg.icon-logo { background: url("/assets/cotic/cotic-logo.png") center / contain no-repeat; border-radius: 50%; }
svg.icon-web {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238D9399%22%20stroke-width%3D%221.8%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229.5%22%2F%3E%3Cpath%20d%3D%22M2.5%2012h19M12%202.5c2.8%203%202.8%2016%200%2019M12%202.5c-2.8%203-2.8%2016%200%2019%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

/* ---------- Marca da PMCE (brasão + "Polícia Militar do Ceará") no topo do menu ---------- */
.navigation.vertical::before {
  content: "";
  flex: none;
  display: block;
  height: 96px;
  margin: 0 16px;
  background: url("/assets/cotic/pmce-marca.png") center / 172px 68px no-repeat;
  border-bottom: 1px solid rgba(255, 255, 255, .18);
}

/* ---------- Sem "Powered by" no login, recuperação de senha e cadastro ---------- */
.poweredBy { display: none !important; }