/*
 * Self-contained styles for the saved-views manager list. Scoped under the
 * package's own class names (fi-fm-sv-*) so the component does not depend on
 * Filament's internal table column-manager CSS (which is scoped under
 * `.fi-ta-col-manager` and therefore would not apply here). The spacing values
 * are copied verbatim from that component (var(--spacing) = .25rem) so the list
 * matches the column manager exactly; the CSS custom properties are provided by
 * the Filament theme and resolve globally.
 */

/*
 * No padding on the panel itself: inside a modal/slide-over the
 * `.fi-modal-content` already provides the inline inset (matching how Filament's
 * own column manager carries no padding in a modal). Only the dropdown layout
 * needs its own padding, mirroring `.fi-ta-col-manager-dropdown .fi-ta-col-manager`.
 */
.fi-fm-saved-view-manager-dropdown .fi-fm-sv {
    padding: calc(var(--spacing) * 6);
}

.fi-fm-sv-items {
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--spacing) * 6);
}

.fi-fm-sv-item {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
}

.fi-fm-sv-label {
    display: flex;
    flex: 1;
    min-width: 0;
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
}

.fi-fm-sv-label .fi-checkbox-input {
    flex-shrink: 0;
}

.fi-fm-sv-link {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fi-fm-sv-handle {
    display: inline-flex;
    cursor: move;
    color: var(--gray-400);
}

/*
 * The "unsaved changes" badge on the manager trigger is a dot and nothing else.
 *
 * Filament refuses to render a badge whose content is blank (`@if (filled($badge))`), so the action
 * supplies a single character and it is hidden here. Scoped to the manager's own wrapper class so
 * no other badge in the panel is touched.
 */
.fi-fm-saved-view-manager-dropdown .fi-btn-badge-ctn .fi-badge,
.fi-fm-saved-view-manager-modal .fi-btn-badge-ctn .fi-badge {
    min-width: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    padding: 0;
    border-radius: 9999px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

.fi-fm-sv-update {
    padding-bottom: calc(var(--spacing) * 4);
}

.fi-fm-saved-view-manager-dropdown .fi-fm-sv-update {
    padding: calc(var(--spacing) * 6) calc(var(--spacing) * 6) 0;
}