/* Users — the fourth page (after Vessel Edit, Ports, then Terminals) to use the GridCard/DetailTemplate
   row-expand-to-edit pattern (see css/terminals.css for that pattern's own history and every refinement
   made to it, including AutoFitColumns and its min-width:100%/overflow-x:auto pair below). Client ask was
   "hit the Users page with the same grid component treatment," so every rule here is Terminals' own, just
   renamed from .lh-terminal-* to .lh-user-*. */

/* Wraps UserDetailPanel (Components/Users/Users.razor's DetailTemplate) — same purpose as
   .lh-terminal-detail-panel/.lh-port-detail-panel/.lh-vessel-detail-panel. */
.lh-user-detail-panel {
    padding: var(--kendo-spacing-6) 0;
}

/* Same hover-background removal as .lh-terminal-grid/.lh-port-grid/.lh-vessel-grid's own detail row. */
.lh-user-grid .k-detail-row:hover {
    background-color: transparent !important;
}

/* Same equal-share squash as .lh-terminal-row-actions (see that rule's own comment for the full
   confirmed-live story: without this, this StackLayout's default stretch alignment splits the Actions
   column's width evenly between the Edit and Deactivate/Reactivate buttons instead of sizing each to its
   own content). */
.lh-user-row-actions>* {
    flex: 0 0 auto;
}

/* The Office(s) cell is a list of names, so it wraps onto further lines instead of truncating —
   dashboard-grid.css's .lh-grid-line-primary forces one line with an ellipsis, which suits every other cell
   but would hide most of a long list. Added alongside that class, so it keeps the same type. */
.lh-grid-line-primary.lh-user-list-cell {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}