@import url('/fonts/fonts.css');
/* SmartGoSys brand overrides (yellow #FBBF24 / black). Loaded last. */
:root{--sg-yellow:#FBBF24;--sg-black:#000;--navy:#000!important;--gold:#FBBF24!important;--admin-navy:#000!important;--admin-gold:#FBBF24!important;--admin-gold-light:#FCD34D!important}
.grafana-embed-panel,.migration-mode{display:none!important}
.login-art{background:linear-gradient(145deg,#000 0%,#141414 100%),radial-gradient(circle at 80% 15%,#FBBF24,transparent 35%)!important}
.login-card .primary,#login-form .primary,.primary{background:#FBBF24!important;color:#000!important;border-color:#000!important}
.primary,.primary *{-webkit-text-fill-color:#000!important;color:#000!important}
main>header h1,#page-title{color:#000!important;-webkit-text-fill-color:#000!important}
html body #login-form button.primary,html body button.primary,html body .primary{background:#FBBF24!important;color:#000!important;-webkit-text-fill-color:#000!important;border-color:#000!important}
html body main>header h1#page-title{color:#000!important;-webkit-text-fill-color:#000!important}
/* ===== Official brand guide (Filipe 2026-10-08): #FBBF24 / #000 / #2D2D2D / #F5F5F5, Montserrat + Poppins ===== */
:root{--sg-yellow:#FBBF24;--sg-black:#000;--sg-gray-dark:#2D2D2D;--sg-gray-light:#F5F5F5;--gold:#FBBF24!important;--admin-gold:#FBBF24!important;--admin-gold-light:#FCD34D!important}
html body,html body input,html body select,html body textarea,html body button{font-family:'Poppins',system-ui,-apple-system,"Segoe UI",sans-serif}
html body h1,html body h2,html body h3,html body .login-art h1,html body .login-card h2{font-family:'Montserrat',system-ui,sans-serif!important;font-weight:800}
html body .login-page{background:#F5F5F5}
html body .login-card{background:#F5F5F5}
html body .login-art{background:linear-gradient(145deg,#000 0%,#2D2D2D 100%)!important}
html body #login-form button.primary,html body button.primary,html body .primary{background:#FBBF24!important;border-color:#000!important}
html body aside{background:#000!important}

/* sg-mobile-menu (2026-10-11): no celular (Safari/iPhone) o menu lateral mostrava so ~5 itens numa caixa
   com rolagem interna; "Clientes" e o resto ficavam escondidos. Agora o menu inteiro rola. */
@media (max-width:900px){
  aside{height:100vh!important;height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  aside #nav{flex:0 0 auto!important;overflow:visible!important;max-height:none!important}
  aside .user-box{margin-top:16px!important}
}