/* ════════════════════════════════════════════════════════════
   Shared Component Utilities
   Used by tab components (ContactTab, AddressTab, etc.)
   that cannot rely on parent scoped CSS
   ════════════════════════════════════════════════════════════ */

/* Tab panel content padding — lives here (not scoped) so MudBlazor's
   dynamically-rendered panel wrapper picks it up */
.tab-panel-content {
    padding: 28px 28px 16px;
    min-height: 380px;
}

/* Section header inside a tab form panel */
.tab-section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-inline-start: 3px solid var(--mud-palette-primary);
    border-radius: 0 8px 8px 0;
    background-color: var(--mud-palette-background-grey);
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

/* Save button footer at the bottom of each tab */
.tab-save-footer {
    display: flex;
    justify-content: flex-end;
    padding: 16px 0 4px;
    border-top: 1px solid var(--mud-palette-divider);
    margin-top: 24px;
}