/* crud_components — the only CSS the gem needs the host to load: it makes the
 * column picker float as a dropdown overlay instead of pushing the layout.
 * Everything else is plain Bootstrap 5 classes (see Config::DEFAULT_CSS).
 *
 * Load it whichever way fits your asset setup:
 *   - asset pipeline (propshaft / sprockets):  <%= stylesheet_link_tag "crud_components" %>
 *   - pipeline-agnostic (cssbundling / importmap / none): <%= crud_components_styles %>
 *     (inlines this file as a <style> tag — no compilation, works everywhere)
 */
.crud-column-picker { position: relative; display: inline-block; }
.crud-column-picker-toggle {
  list-style: none; cursor: pointer; color: var(--bs-secondary);
  padding: .15rem .3rem; border-radius: .25rem;
}
.crud-column-picker-toggle::-webkit-details-marker { display: none; }
.crud-column-picker-toggle:hover { color: var(--bs-body-color); background: var(--bs-secondary-bg); }
.crud-column-picker[open] .crud-column-picker-toggle { color: var(--bs-body-color); }
.crud-column-picker-menu {
  position: absolute; right: 0; z-index: 1050; margin-top: .25rem; min-width: 14rem;
  background: var(--bs-body-bg, #fff); border: 1px solid var(--bs-border-color);
  border-radius: .375rem; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); padding: .75rem;
}
.crud-column-picker-list { margin: .25rem 0 .5rem; max-height: 28rem; overflow-y: auto; }
.crud-column-picker-item {
  display: flex; align-items: center; gap: .5rem; padding: .15rem .25rem; border-radius: .25rem;
}
.crud-column-picker-item.is-dragging { opacity: .5; background: var(--bs-secondary-bg); }
.crud-column-picker-handle { cursor: grab; color: var(--bs-secondary); }
.crud-column-picker-group {
  margin: .5rem 0 .15rem; padding: 0 .25rem; font-size: .7rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: .03em; color: var(--bs-secondary);
}
.crud-column-picker-group:first-child { margin-top: 0; }
/* the model tag at the right of each picker row (Pipedrive-style) */
.crud-column-picker-model { margin-left: auto; font-size: .7rem; white-space: nowrap; }