/* ─────────────────────────────────────────────────────────────────────────────
   workitem-filters.css — overrides for inline filter dropdowns on
   /work-management/work-items (WorkItemsListPage.razor).

   AC-61-v2.1+ companion. MudBlazor 8 ships ~36px list-item height even in
   `dense` mode because of vertical padding (4px+4px), checkbox icon button
   gutter (`min-width:56px`), text margin (`4px+4px`), and a ~1.5 line-height
   on `.mud-typography-body2`. The visible cumulative result is ~40px per
   row — far too tall for a short label like "Задача".

   Scope: the rules below intentionally apply to *any* MudSelect popover
   rendered in dense mode (Dense="true"), not just the work-items page.
   Component-scoped CSS (`PopoverClass`) cannot reach popovers rendered
   into document.body via portal, so a global stylesheet is required.
   The rules are narrow enough — they only affect dense multi-select
   popovers — that they will not regress non-MudSelect lists.
   ───────────────────────────────────────────────────────────────────────── */

.mud-popover.mud-popover-open .mud-list-item.mud-list-item-dense,
.mud-popover-provider .mud-popover .mud-list-item.mud-list-item-dense {
    min-height: 26px !important;
    /* No fixed `height` — long labels like "Support тикет: Чека верификација"
       wrap onto a second line and need to grow the row instead of overflowing
       into the row below. */
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 6px !important;
    padding-right: 12px !important;
    line-height: 1.3 !important;
}

.mud-popover .mud-list-item.mud-list-item-dense .mud-list-item-icon {
    min-width: 0 !important;
    width: auto !important;
    margin-right: 4px !important;
    padding: 0 !important;
}

.mud-popover .mud-list-item.mud-list-item-dense .mud-list-item-icon .mud-checkbox {
    padding: 0 !important;
    margin: 0 !important;
}

.mud-popover .mud-list-item.mud-list-item-dense .mud-list-item-icon .mud-checkbox .mud-icon-button {
    padding: 0 !important;
    height: 20px !important;
    width: 20px !important;
    min-width: 20px !important;
}

.mud-popover .mud-list-item.mud-list-item-dense .mud-list-item-icon .mud-checkbox .mud-icon-button svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
}

.mud-popover .mud-list-item.mud-list-item-dense .mud-list-item-text {
    margin: 0 !important;
    padding: 0 !important;
}

.mud-popover .mud-list-item.mud-list-item-dense .mud-list-item-text > p,
.mud-popover .mud-list-item.mud-list-item-dense .mud-list-item-text .mud-typography {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
    font-size: 14px !important;
}

.mud-popover .mud-list,
.mud-popover-provider .mud-popover .mud-list {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   WBS Owner autocomplete popover — input cell е 60px (initials only) но
   dropdown треба full names + email/JobTitle visible. PopoverClass="wbs-owner-popover"
   е set на MudAutocomplete во WbsTreeEditor.razor.

   MudPopover renders to document body (надвор од Blazor component tree), затоа
   ова мора да биде global CSS — scoped CSS со ::deep не доstига.
   ───────────────────────────────────────────────────────────────────────────── */
.mud-popover.wbs-owner-popover {
    min-width: 320px !important;
    max-width: 480px !important;
    width: auto !important;
}