/* Vessels (Vessel Edit) — no Figma mock exists for this page; styling is composed from the app's
   existing tokens/card language (see docs/ui-conventions.md) rather than introducing a new look. The
   reusable pieces (InlineEditPanel, GridCard's DetailTemplate passthrough) live in Shared/ and have no
   opinion on their own outer container — this file supplies just this page's container treatment. */

/* Wraps VesselDetailPanel (Components/Vessels/Vessels.razor's DetailTemplate). VesselDetailPanel has no
   card chrome of its own (client feedback, 2026-09-28: dropped the card look in favor of just using the
   expanded row's own space) — this is the only container around it, so it also supplies the panel's
   margin from Kendo's own detail-row cell edges.

   No horizontal padding of our own (client feedback: minimal side margin) — Kendo's own .k-detail-cell
   already carries a fixed 16px left/right padding that isn't overridden here, and since it's applied
   equally on both sides the content sits centered in the row automatically; adding any padding here would
   only be additional margin on top of that, symmetric either way. Vertical padding stays, so the content
   doesn't sit flush against the row above/below it. */
.lh-vessel-detail-panel {
    padding: var(--kendo-spacing-6) 0;
}

/* Kendo's own theme puts a hover background on every .k-table-row, including the expanded detail row
   itself (client feedback: didn't want the form's own background shifting color) — the master rows'
   hover stays untouched (it's a real click target, via Vessels.razor's own OnRowClick), this only
   overrides .k-detail-row specifically. No explicit background is set for it anywhere else (Kendo's own
   base .k-detail-row rule doesn't set one either), so transparent exactly matches its normal resting
   look rather than introducing a new color. */
.lh-vessel-grid .k-detail-row:hover {
    background-color: transparent !important;
}

/* The hierarchy-chevron swap (Kendo's own +/- icon -> a chevron matching the rest of the app) used to
   live here scoped to .lh-vessel-grid, back when this was the only grid in the app using DetailTemplate.
   Now that Ports.razor uses the same GridCard/DetailTemplate pattern, it's been generalized to plain
   .lh-grid and moved to css/dashboard-grid.css (GridCard's own shared stylesheet) so every such grid gets
   it for free — see that file for the rule and its full history/reasoning. */