/* =============================================================================
   material-override.css
   Material Design (Material UI) skin over Bootstrap 5
   Covers all base BS5 components + DataTables Bootstrap 5 plugin.
   Load this file AFTER bootstrap.min.css and datatables.bs.min.css.
   ============================================================================= */

/*

/* ── Scrollbar (thin Material style) ── */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.2) transparent;
}
::-webkit-scrollbar        { width: 6px; height: 6px; }
::-webkit-scrollbar-track  { background: transparent; }
::-webkit-scrollbar-thumb  { background: rgba(0,0,0,.2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.38); }

#appNavMenu.show {
    margin-bottom: 1rem;
}

div.dt-container div.dt-length select {
    width: 4.5rem;
}

.icon-sm {
  width: 14px;
  height: 14px;
}

/* ── Rounded input-groups ── */
.input-group.rounded-5 > :first-child,
.input-group.rounded-5 > :first-child.form-control,
.input-group.rounded-5 > :first-child.form-select,
.input-group.rounded-5 > :first-child.input-group-text {
  border-radius: var(--bs-border-radius-pill) 0 0 var(--bs-border-radius-pill) !important;
}
.input-group.rounded-5 > :last-child,
.input-group.rounded-5 > :last-child.form-control,
.input-group.rounded-5 > :last-child.form-select,
.input-group.rounded-5 > :last-child.input-group-text {
  border-radius: 0 var(--bs-border-radius-pill) var(--bs-border-radius-pill) 0 !important;
}
.input-group.rounded-5 > :only-child {
  border-radius: var(--bs-border-radius-pill) !important;
}

body[data-bs-theme="dark"] .lucide.text-dark {
  color: var(--bs-body-color) !important;
}