/* BuildTrack Pro — small styling layer on top of Tailwind CDN utility classes. */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; }

.nav-link { color: #475569; }
.nav-link:hover { background: #f1f5f9; color: #0f172a; }
.nav-link.active { background: #eff6ff; color: #2563eb; border-left: 3px solid #2563eb; padding-left: calc(1rem - 3px); }
.nav-link.active .material-symbols-outlined { color: #2563eb; }

.cat-pill.active-pill { background: #2563eb !important; color: #fff !important; }

input[type="range"] { -webkit-appearance: none; appearance: none; height: 6px; background: #e2e8f0; border-radius: 3px; }
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 50%;
  background: #059669; border: 3px solid #fff; box-shadow: 0 0 0 1px #059669; cursor: pointer; margin-top: -6px;
}
input[type="range"]::-moz-range-thumb {
  width: 18px; height: 18px; border-radius: 50%; background: #059669; border: 3px solid #fff; box-shadow: 0 0 0 1px #059669; cursor: pointer;
}

.kpi-card { transition: border-color .15s ease; }
.kpi-card:hover { border-color: #cbd5e1; }

.boq-row.dimmed { display: none; }
.wbs-node.active-node { background: #e0f2fe; border-left: 4px solid #0284c7; }

@media print {
  aside, header, #toast, .no-print { display: none !important; }
  main { padding: 0 !important; }
  .pl-72 { padding-left: 0 !important; }
  body { background: #fff !important; }
}