/* Customers (Components/Customers/Customers.razor) — a single server-paged GridCard, same treatment as Units
   of Measure (css/units-of-measure.css) and Commodities (css/commodities.css): status toggle, search,
   AutoFitColumns and the wrapping card header from css/dashboard-header.css (.lh-grid-search). A customer has
   ~20 fields, too many for in-row editing, so rows expand into Components/Customers/CustomerDetailPanel.razor
   (the Ports/Vessels list+edit pattern, css/ports.css) and Add is a modal. */

/* Wraps CustomerDetailPanel (the grid's DetailTemplate) — the panel has no card chrome of its own, so this is
   the only container around it, supplying the vertical margin from Kendo's own detail-row cell edges. No
   horizontal padding: Kendo's .k-detail-cell already carries a fixed 16px left/right padding. */
.lh-customer-detail-panel {
    padding: var(--kendo-spacing-6) 0;
}

/* The expanded row's form shouldn't shift color on hover like a real (clickable) master row does. */
.lh-customer-grid .k-detail-row:hover {
    background-color: transparent !important;
}

/* Equal-share squash fix (same as .lh-uom-row-actions): without it the row's buttons split the
   column's width evenly instead of sizing to their own content. */
.lh-customer-row-actions>* {
    flex: 0 0 auto;
}

/* A stacked cell (Name over Code, Phone over Email): same equal-share squash fix as the other stacks, so the
   two lines size to their own content instead of splitting the cell's height evenly. */
.lh-customer-stack-cell>* {
    flex: 0 0 auto;
}