/* HER-24 — per-group unified caption band */
.xaf-cap-w-4  { min-width: 4ch; }
.xaf-cap-w-6  { min-width: 6ch; }
.xaf-cap-w-8  { min-width: 8ch; }
.xaf-cap-w-10 { min-width: 10ch; }
.xaf-cap-w-12 { min-width: 12ch; }
.xaf-cap-w-14 { min-width: 14ch; }
.xaf-cap-w-16 { min-width: 16ch; }
.xaf-cap-w-18 { min-width: 18ch; }
.xaf-cap-w-20 { min-width: 20ch; }
.xaf-cap-w-22 { min-width: 22ch; }
.xaf-cap-w-24 { min-width: 24ch; }
.xaf-cap-w-26 { min-width: 26ch; }
.xaf-cap-w-28 { min-width: 28ch; }
.xaf-cap-w-30 { min-width: 30ch; }
.xaf-cap-w-32 { min-width: 32ch; }
.xaf-cap-w-34 { min-width: 34ch; }
.xaf-cap-w-36 { min-width: 36ch; }
.xaf-cap-w-38 { min-width: 38ch; }
.xaf-cap-w-40 { min-width: 40ch; }

/* DX default padding-left: 8px on .dxbl-checkbox pushes the visible square
   off HER-24's unified caption band; zero it for Form Layout editor slots. */
.dxbl-fl-ctrl > .dxbl-checkbox {
    padding-left: 0;
}

/* xaf-cols-min-N — opt-in container-min-width wrap for a Horizontal LayoutGroup.
   Set via CustomCSSClassName="xaf-cols-min-{N}". Targets the inner flex items
   (one level deeper than the marked element, inside the DX-rendered .dxbl-row).
   max-width: 100% is load-bearing — releases DX's Bootstrap col-md-6 cap of 50%
   that would otherwise prevent min-width from triggering wrap.
   min() clamps the floor to parent width so narrow parents can't be overflowed. */
[class*="xaf-cols-min-"] > .dxbl-row > * {
    min-width: min(var(--xaf-col-min, 360px), 100%) !important;
    max-width: 100% !important;
    flex-grow: 1 !important;
}
.xaf-cols-min-320 { --xaf-col-min: 320px; }
.xaf-cols-min-400 { --xaf-col-min: 400px; }
.xaf-cols-min-480 { --xaf-col-min: 480px; }
.xaf-cols-min-560 { --xaf-col-min: 560px; }
.xaf-cols-min-640 { --xaf-col-min: 640px; }
.xaf-cols-min-720 { --xaf-col-min: 720px; }
.xaf-cols-min-800 { --xaf-col-min: 800px; }

/* Totals group tinted with the active theme accent. The tint is mixed from the --vl-accent role,
   so the chain stays resolved in exactly one place. */
.xaf-totals-band .dxbl-group {
    background-color: color-mix(in srgb, var(--vl-accent) 8%, transparent);
    border-color:     color-mix(in srgb, var(--vl-accent) 25%, transparent);
}
.xaf-totals-band .dxbl-group .dxbl-group-header {
    background-color: color-mix(in srgb, var(--vl-accent) 15%, transparent);
}

/* Hide the inherited class icon on the Company "Notification Users" tab.
   The tab is XAF-auto-generated from Company.NotificationUsers (ApplicationUser), so it
   inherits ApplicationUser's BO_User icon; no Application Model switch clears it for the
   Blazor tab renderer. Scope via XAF's per-member tab class so only this tab is affected. */
.dxbl-tabs-item:has(.xaf-item-notificationusers) .xaf-layout-tab-icon {
    display: none;
}