:root{--brand:#0b4f6c;}
.bg-brand{background:var(--brand)!important;}
.text-brand{color:var(--brand)!important;}
.card{border-radius:1rem;}
.btn{border-radius:.75rem;}
.navbar-brand{font-weight:700;letter-spacing:.2px;}
.table thead th{white-space:nowrap;}
.small-muted{color:#6c757d;font-size:.875rem;}
.footer{border-top:1px solid #e9ecef;padding:1rem 0;margin-top:2rem;color:#6c757d;font-size:.9rem;}
.badge-status{font-weight:600;}

/* -------------------------------------------------
   Chart container fix (prevents auto height stretch)
   ------------------------------------------------- */
.chart-box{
  position: relative;
  height: 260px;      /* Desktop fixed height */
  min-height: 220px;
}

@media (max-width: 768px){
  .chart-box{
    height: 220px;    /* Mobile height */
    min-height: 200px;
  }
}