:root{
  --tergas-blue: #0020C0; /* dal logo */
  --tergas-blue-2: #0030C0;
  --tergas-red:  #F00000;
  --tergas-ink:  #0b1220;
  --tergas-bg:   #f6f8fb;
}

body{ background: var(--tergas-bg); color: var(--tergas-ink); }

.navbar-tergas{
  background: var(--tergas-blue);
}

.navbar-tergas .navbar-brand,
.navbar-tergas .nav-link{ color: #fff !important; }

.navbar-tergas .nav-link.active{
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 6px;
}

.badge-tergas{
  background: var(--tergas-blue);
}

.btn-tergas{
  background: var(--tergas-blue);
  color:#fff;
  border-color: var(--tergas-blue);
}
.btn-tergas:hover{
  background: var(--tergas-blue-2);
  color:#fff;
  border-color: var(--tergas-blue-2);
}
.btn-tergas-outline{
  border-color: var(--tergas-blue);
  color: var(--tergas-blue);
}
.btn-tergas-outline:hover{
  background: var(--tergas-blue);
  color:#fff;
}

.card-kpi{
  border:0;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}
.kpi-num{ font-size: 1.6rem; font-weight: 800; }
.kpi-label{ color: rgba(11,18,32,.70); font-size: .9rem; }

.table thead th{
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}

.status-pill{
  padding: .25rem .5rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: .78rem;
  background: rgba(0,32,192,.10);
  color: var(--tergas-blue);
  border: 1px solid rgba(0,32,192,.18);
}

.due-overdue{ color: var(--tergas-red); font-weight: 800; }
.due-today{ color: var(--tergas-blue); font-weight: 800; }

.footer-small{
  font-size: .85rem;
  color: rgba(11,18,32,.6);
}