:root {
  --beeplus-background: #f17c22;
  --beeplus-hover: #ee901b;
  --beeplus-border: #d57600;
  --beeplus-border-hover: #e28109;
  --beeplus-background-disabled: #f9f9f9;
  --beeplus-border-disabled: #d9d9d9;
  --beeplus-text-disabled: #999;
}

/* Login / páginas light (template_light com viewport). App autenticado
   NÃO usa viewport — overrides de dashboard/breadcrumb ficam fora daqui. */
html {
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 480px) {
  body,
  .scrumhalf,
  #principal {
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  #navigation {
    max-width: 100%;
    box-sizing: border-box;
  }
  /* Footer desktop exige min-width 550px — estoura a tela no login mobile. */
  .linksCentroRodape,
  .linksDireitaRodape,
  .linksEsquerdaRodape {
    min-width: 0 !important;
    width: auto !important;
  }
}