
:root{
  --topbar-bg:#0B5ED7;
  --sidebar-bg:#0F172A;
  --sidebar-link:#c9d4ee;
  --sidebar-active:#fff;
  --sidebar-hover:#e6eeff;
}
html,body{height:100%;}
.letter-wide{letter-spacing:.06em;}
.topbar{background:var(--topbar-bg); min-height:56px;}
.app-wrapper{display:flex; min-height:calc(100vh - 56px);}
.sidebar{position:relative; width:260px; background:var(--sidebar-bg); color:#fff;}
.sidebar-inner{position:sticky; top:0; padding:16px;}
.sidebar .sidebar-section{font-size:.75rem; letter-spacing:.12em; color:#8ea3d9; margin:10px 0 6px;}
.sidebar .nav-link{display:flex; align-items:center; color:var(--sidebar-link); padding:8px 10px; border-radius:8px; text-decoration:none;}
.sidebar .nav-link:hover{background:rgba(255,255,255,.06); color:var(--sidebar-hover);}
.sidebar .nav-link.active{background:rgba(255,255,255,.12); color:var(--sidebar-active);}
.sidebar-backdrop{display:none;}
.app-main{flex:1; background:#f5f7fb;}
.card-kpi{min-height:120px; display:flex; align-items:center; justify-content:center; border-radius:12px;}
.btn-icon{width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; padding:0;}
.chart-block{position:relative; height:320px;}
.chart-block canvas{position:absolute; inset:0; width:100% !important; height:100% !important;}
@media (max-width: 991.9px){
  .sidebar{position:fixed; left:-280px; top:56px; height:calc(100vh - 56px); z-index:1040; transition:left .25s ease;}
  .sidebar.open{left:0;}
  .sidebar-backdrop{display:block; position:fixed; inset:56px 0 0 0; background:rgba(0,0,0,.35); opacity:0; pointer-events:none; transition:opacity .2s;}
  .sidebar.open + .sidebar-backdrop{opacity:1; pointer-events:auto;}
}
/* Calendário */
.calendar-table td { min-width: 28px; height: 26px; padding: .2rem; }

/* Superadmin logo size */
.sa-logo {
  height: 56px;         /* ajuste aqui: 40, 48, 56, 64… */
  width: auto;
  vertical-align: middle;
}

/* Se em alguma página a navbar/base impuser um height pequeno, garanta o override */
.superadmin .sa-logo,
.sa-logo.img-fluid {
  height: 56px !important;
  width: auto !important;
}
