/* NLBgest — Custom styles */

:root {
  --tblr-primary: #206bc4;
}

/* Clickable rows */
tr.cursor-pointer { cursor: pointer; }
tr.cursor-pointer:hover { background-color: rgba(32, 107, 196, .04); }

/* Timeline component */
.timeline { list-style: none; padding: 0; position: relative; }
.timeline::before { content:''; position:absolute; left:16px; top:0; bottom:0; width:2px; background:#e9ecef; }
.timeline-event { display:flex; gap:16px; padding:8px 0; position:relative; }
.timeline-event-icon { width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; flex-shrink:0; z-index:1; }
.timeline-event-card { flex:1; min-width:0; }
.timeline-event-header { display:flex; align-items:baseline; gap:8px; margin-bottom:2px; font-size:13px; }
.timeline-event-body { font-size:12px; }

/* Notification badge */
.badge-notification { position:absolute; top:-4px; right:-4px; min-width:18px; height:18px; border-radius:9px; font-size:10px; display:flex; align-items:center; justify-content:center; padding:0 4px; }

/* Nav active on sidebar */
.navbar-vertical .navbar-nav .nav-link.active {
  background: rgba(32, 107, 196, .1);
  color: var(--tblr-primary);
  font-weight: 600;
}