/* Tema compartilhado do painel — variáveis de MARCA (branding).
   Estes são os valores PADRÃO (verde PharmaBot), idênticos aos que estavam
   duplicados no :root de cada página. Em runtime, brand.js sobrescreve estas
   variáveis (setProperty no :root) quando a farmácia define uma cor própria.
   NÃO duplicar estas variáveis no :root das páginas — elas vêm daqui. */
:root {
  --green:          #1a5c38;
  --green-dark:     #0d3d24;
  --green-light:    #f0fdf4;
  --green-mid:      #155f2e;
  --green-gradient: #2e8b57;
  --green-contrast: #ffffff; /* texto sobre verde (branco no padrão; derivado em runtime) */
}

/* Sidebar com COR SÓLIDA do tema (var(--green)); o texto/ícones seguem o
   contraste do tema (branco nos temas escuros; escuro se a cor for clara),
   garantindo legibilidade sobre a cor sólida em qualquer tema. */
.sidebar { background: var(--green); color: var(--green-contrast); }

/* Logo da sidebar SEMPRE centralizada horizontalmente. brand.js exibe a imagem
   como display:block (para controlar a altura), então é preciso margin auto —
   text-align do container não centraliza um bloco. */
#brand-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Fallback do logo da sidebar: nome da farmácia estilizado (white-label,
   nunca o logo do PharmaBot) quando a farmácia não enviou um logo próprio. */
.brand-logo-fallback {
  font-weight: 800;
  font-size: 20px;
  line-height: 1.2;
  color: var(--green-contrast);
  text-align: center;
  padding: 6px 10px;
  word-break: break-word;
}