/* Services — a rail + grid page (Components/Services/Services.razor): the rail lists Rollup Names with their
   service counts and filters the grid; the grid edits services in place. Shared rail chrome is rail-nav.css
   and the grid chrome dashboard-grid.css; only what those don't cover lives here. */

/* Header controls above the rail list: the filter box and the compact status toggle, stacked. The list
   itself isn't height-capped — the rail card simply grows with it, like every other rail. */
.lh-service-rail-controls {
    margin-bottom: var(--kendo-spacing-2);
}

.lh-service-rail-controls>* {
    flex: 0 0 auto;
}

/* Same equal-share squash fix as the other row-action groups: without it Kendo's stack stretch splits the
   Actions column's width evenly between the buttons. */
.lh-service-row-actions>* {
    flex: 0 0 auto;
}

/* A service's Name cell: the name over its description. Description is secondary text, one line, and may
   be long, so it wraps rather than widening the column past what auto-fit measured. */
.lh-service-name-cell>* {
    flex: 0 0 auto;
}

/* In the rollup modal's footer, Deactivate/Reactivate sits at the left edge (the rename's Cancel/Save stay
   right-aligned by the footer band's own flex-end). */
.lh-service-rollup-toggle {
    margin-right: auto;
}