/* Agency Charges — a GridCard/DetailTemplate row-expand page (same pattern as css/ports.css and
   css/terminals.css, whose rules below are copied with the class names swapped): each charge's row expands
   to its parameters and formula (Components/AgencyCharges/AgencyChargeDetailPanel.razor). */

/* Wraps AgencyChargeDetailPanel (AgencyCharges.razor's DetailTemplate) — same purpose as
   .lh-port-detail-panel/.lh-terminal-detail-panel. */
.lh-charge-detail-panel {
    padding: var(--kendo-spacing-6) 0;
}

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

/* Section heading inside the expanded panel ("Parameters", "Formula"): title on the left, its action on the
   right, same shape as .lh-card-header-row but without that rule's bottom margin. */
.lh-charge-section-header {
    justify-content: space-between;
    width: 100%;
}

/* Same equal-share squash fix as the other action rows: without it Kendo's stack stretch splits the row's
   width evenly instead of sizing the title and button to their own content. */
.lh-charge-section-header>* {
    flex: 0 0 auto;
}

.lh-charge-section-title {
    font-family: var(--lh-font-body);
    font-size: var(--lh-text-lg);
    font-weight: var(--lh-weight-semibold);
    color: var(--kendo-color-secondary);
}