:root{
  --sr-primary:#0070F3;
  --sr-secondary:#00D1B2;
  --sr-dark:#0A2342;
  --sr-light:#F5F7FA;
  --sr-action:#F48C06;
  --sr-danger:#E63946;
  --sr-sidebar-width-expanded:16rem;
  --sr-sidebar-width-collapsed:5rem;
}
html{scroll-behavior:smooth;}
/* Sidebar offset fallback: uses attribute selector to avoid CSS escape issues.
   Ensures the content wrapper gets margin-left:16rem on lg+ screens regardless
   of whether the Tailwind CDN has processed the responsive class yet. */
@media (min-width:1024px){
  [class~="lg:ml-64"]{margin-left:16rem;}
  body.sr-sidebar-collapsed [class~="lg:ml-64"]{margin-left:var(--sr-sidebar-width-collapsed)!important;}
  [data-console-sidebar]{width:var(--sr-sidebar-width-expanded);}
  body.sr-sidebar-collapsed [data-console-sidebar]{width:var(--sr-sidebar-width-collapsed);}
  [data-sidebar-link]{transition:padding .25s ease, gap .25s ease;}
  body.sr-sidebar-collapsed [data-sidebar-link]{justify-content:center; padding-left:.6rem; padding-right:.6rem; gap:0;}
  body.sr-sidebar-collapsed [data-sidebar-label]{opacity:0; width:0; overflow:hidden; white-space:nowrap; pointer-events:none;}
  body.sr-sidebar-collapsed .sr-sidebar-user-meta{display:none;}
  body.sr-sidebar-collapsed [data-sidebar-toggle-icon]{transform:rotate(180deg);}
}
.sr-login-submit{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;}
.sr-login-submit:empty::before{content:"Entrar";}
/* subtle background grid */
.sr-grid{
  background-image: radial-gradient(rgba(10,35,66,0.08) 1px, transparent 1px);
  background-size: 24px 24px;
}
.sr-glow{
  box-shadow: 0 10px 30px rgba(0,112,243,0.12);
}