/* Small overrides on top of Tailwind. Keep this file minimal — prefer utility classes. */

/* Smooth scroll for in-page anchors */
html { scroll-behavior: smooth; }

/* Slightly tighter focus rings for keyboard nav */
:focus-visible {
  outline: 2px solid #7c3aed;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Tabular numbers in KPI values render nicer */
.tabular-nums { font-variant-numeric: tabular-nums; }

/* Scrollbar polish on long tables (WebKit) */
.scroll-pretty::-webkit-scrollbar { height: 10px; width: 10px; }
.scroll-pretty::-webkit-scrollbar-thumb { background: #334155; border-radius: 8px; }
.scroll-pretty::-webkit-scrollbar-thumb:hover { background: #475569; }
.scroll-pretty::-webkit-scrollbar-track { background: transparent; }

/* ---- Custom checkbox (used as class="cb") ---- */
input[type="checkbox"].cb {
  appearance: none;
  -webkit-appearance: none;
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 0.3rem;
  border: 1px solid #3f3f46;
  background: #09090b;
  cursor: pointer;
  position: relative;
  transition: border-color .15s, background .15s;
  flex-shrink: 0;
}
input[type="checkbox"].cb:hover { border-color: #8b5cf6; }
input[type="checkbox"].cb:checked { background: #7c3aed; border-color: #7c3aed; }
input[type="checkbox"].cb:checked::after {
  content: "";
  position: absolute;
  left: 0.32rem; top: 0.12rem;
  width: 0.3rem; height: 0.55rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
input[type="checkbox"].cb:focus-visible { outline: 2px solid #8b5cf680; outline-offset: 1px; }