/**
 * Fixes for field_group horizontal tabs under the Gin admin theme.
 *
 * Gin's details.html.twig renders <span class="required-mark"> on EVERY
 * summary (Claro only renders it when the details is required), and
 * field_group's horizontal-tabs JS clones the summary into every tab button.
 * Result: all tabs show a required star. Hide the mark unless the summary or
 * tab is actually flagged required; js/tab-required-marks.js adds
 * .form-required to tab buttons whose pane contains a required field.
 *
 * !important: module CSS loads before theme CSS.
 */
.claro-details__summary:not(.form-required) .required-mark,
.horizontal-tab-button:not(.form-required) .required-mark {
  display: none !important;
}

/**
 * Tab pane inner spacing.
 *
 * Gin's tabs.css sets `.horizontal-tabs .horizontal-tabs-pane >
 * .details-wrapper { margin: 0 }`, wiping Claro's `margin: var(--space-m)`
 * without any replacement, so field-group tab content sits flush against
 * the pane border.
 */
.horizontal-tabs .horizontal-tabs-pane > .details-wrapper {
  padding: var(--gin-spacing-m) !important;
}