/* KAMPA overrides for Tabler dark theme */


/* ── Shared utility classes ──────────────────────────────────────────────── */

/* details/summary dropdown toggle */
.details-toggle { cursor: pointer; list-style: none; user-select: none; }
.details-toggle-plain { cursor: pointer; list-style: none; }
.clickable { cursor: pointer; }

/* Scrollable checkbox/option lists inside dropdown details */
.dropdown-scroll    { max-height: 200px; overflow-y: auto; }
.dropdown-scroll-md { max-height: 250px; overflow-y: auto; }
.dropdown-scroll-lg { max-height: 300px; overflow-y: auto; }

/* Tag search widget (chip-based filter inputs) */
.tag-box   { min-height: 2.4rem; cursor: text; padding: 4px 8px; }
.tag-chip  { font-size: 0.8rem; padding: 4px 8px; }
.tag-chip .btn-close { font-size: 0.55rem; }
/* Ensure badge chips inside form-control inputs keep white text */
.form-control .badge.bg-blue { color: #fff !important; }
.tag-input { min-width: 80px; outline: none; font-size: 0.875rem; color: var(--tblr-body-color, #182433); }

/* ── Tom Select — fixes ────────────────────────────────────────────────── */
.ts-wrapper .ts-dropdown { z-index: 1050; background: #fff; }

/* ── Page body — ensure content clears the footer ───────────────────────── */
.page-body { padding-bottom: 2rem; }

/* ── Card polish ─────────────────────────────────────────────────────────── */
.card { border-radius: 12px; box-shadow: 0 1px 4px rgba(0,0,0,.04); }
.card:hover { box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.card-header:first-child { border-radius: 12px 12px 0 0; }
.pagination .page-link { border-radius: 6px; margin: 0 2px; }

/* ── Header notifications ────────────────────────────────────────────────── */
.notification-badge  { font-size: 10px; z-index: 1051; }
.notification-panel  { min-width: 360px; max-width: 420px; overflow: hidden; }
.notification-scroll { max-height: 340px; overflow-y: auto; overflow-x: hidden; }