/* ── Typography ──────────────────────────────────────────── */
body { font-family: 'Segoe UI', system-ui, sans-serif; }

/* ── Sidebar nav ─────────────────────────────────────────── */
.app-nav { color: #495057; transition: background .15s, color .15s; }
.app-nav:hover { background: #f0f4ff; color: #0d6efd; }
.app-nav.active { background: #e8f0fe; color: #0d6efd; font-weight: 500; }

/* ── Page header pattern ─────────────────────────────────── */
.page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
  gap: .5rem;
}
.page-title { font-size: 1.25rem; font-weight: 700; margin: 0; }

/* ── Sticky table header ─────────────────────────────────── */
.table-sticky thead th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
  box-shadow: 0 1px 0 #dee2e6;
}

/* ── Sub-resource tab tables ─────────────────────────────── */
.sub-table-wrap { max-height: 380px; overflow-y: auto; }

/* ── Employee status badge ───────────────────────────────── */
.badge-active   { --bs-badge-padding-x: .55em; }

/* ── Audit log action badges ─────────────────────────────── */
.action-create { background: #d1fae5; color: #065f46; }
.action-update { background: #dbeafe; color: #1e40af; }
.action-delete { background: #fee2e2; color: #991b1b; }

/* ── Seniority display ───────────────────────────────────── */
.seniority-card {
  background: #f0f4ff;
  border-radius: .75rem;
  padding: 1rem 1.25rem;
}
.seniority-num { font-size: 2rem; font-weight: 700; color: #0d6efd; }

/* ── Loading placeholder ─────────────────────────────────── */
.skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.4s infinite;
  border-radius: .35rem;
}
@keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

/* ── Department tree ─────────────────────────────────────── */
.dept-tree .accordion-button { font-size: .9rem; padding: .5rem .75rem; }
.dept-tree .dept-item {
  padding: .3rem .75rem .3rem 2rem;
  font-size: .875rem;
  border-bottom: 1px solid #f0f0f0;
}
.dept-item:last-child { border-bottom: none; }
.dept-type-badge { font-size: .65rem; }

/* ── Misc ────────────────────────────────────────────────── */
.cursor-pointer { cursor: pointer; }
.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}