/* PRIMUM INSIGHT — tiny utilities (pairs with Tailwind CDN) */

.nav-link{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.75rem .9rem;
  border-radius:1rem;
  font-weight:600;
  font-size:.9rem;
  border:1px solid transparent;
  color:rgb(51 65 85);
}
.dark .nav-link{ color:rgb(226 232 240); }

.nav-link:hover{
  background:rgba(15,23,42,.04);
  border-color:rgba(15,23,42,.08);
}
.dark .nav-link:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
}

.nav-link.active{
  background:rgba(15,23,42,.06);
  border-color:rgba(15,23,42,.12);
}
.dark .nav-link.active{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
}

.card{
  border-radius:1.25rem;
  border:1px solid rgba(226,232,240,.9);
  background:#fff;
  padding:1rem;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}
.dark .card{
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
}

.kpi-label{ font-size:.75rem; font-weight:700; color:rgb(100 116 139); }
.dark .kpi-label{ color:rgb(148 163 184); }
.kpi-value{ font-size:1.5rem; font-weight:700; }
.kpi-delta{ font-size:.75rem; font-weight:800; color:rgb(100 116 139); }
.dark .kpi-delta{ color:rgb(148 163 184); }

.panel{
  border-radius:1.25rem;
  border:1px solid rgba(226,232,240,.9);
  background:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}
.dark .panel{
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
}

.panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:1rem 1rem .75rem;
  border-bottom:1px solid rgba(226,232,240,.7);
}
.dark .panel-head{ border-bottom-color:rgba(255,255,255,.10); }

.panel-title{ font-size:.9rem; font-weight:800; }
.panel-sub{ font-size:.75rem; color:rgb(100 116 139); }
.dark .panel-sub{ color:rgb(148 163 184); }

.btn-primary{
  border-radius:1rem;
  background:rgb(15 23 42);
  color:#fff;
  padding:.6rem .9rem;
  font-weight:800;
  font-size:.75rem;
  box-shadow:0 1px 0 rgba(0,0,0,.12);
}
.dark .btn-primary{ background:#fff; color:rgb(15 23 42); }

.btn-ghost{
  border-radius:1rem;
  border:1px solid rgba(226,232,240,.9);
  background:#fff;
  padding:.6rem .9rem;
  font-weight:800;
  font-size:.75rem;
}
.btn-ghost:hover{ background:rgba(15,23,42,.04); }
.dark .btn-ghost{
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
}
.dark .btn-ghost:hover{ background:rgba(255,255,255,.10); }