/**
 * MIP — MAIN ↔ tenant action consistency (contrat commun, pas un clone).
 * Aligne : min-height, focus, footers, search/filter/reset, close.
 * N’écrase PAS les couleurs de marque (POS, logins maquette, Hospital).
 */

:root {
    --mip-ux-action-min-h: var(--mip-action-min-h, 42px);
    --mip-ux-action-gap: var(--mip-action-gap, 10px);
    --mip-ux-action-focus: var(--mip-action-focus, var(--primary, #0d9488));
}

/* Alias login / cabinets — contrat taille + focus uniquement */
.ph-login-btn-primary,
.ph-login-btn-secondary,
.lab-login-btn-primary,
.lab-login-btn-secondary,
.kindi-btn-primary,
.kindi-btn-secondary,
.ibn-sina-btn-primary,
.ibn-sina-btn-secondary {
    min-height: var(--mip-ux-action-min-h);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    gap: 0.4rem;
}

.ph-login-btn-primary:focus-visible,
.ph-login-btn-secondary:focus-visible,
.lab-login-btn-primary:focus-visible,
.lab-login-btn-secondary:focus-visible,
.kindi-btn-primary:focus-visible,
.kindi-btn-secondary:focus-visible,
.ibn-sina-btn-primary:focus-visible,
.ibn-sina-btn-secondary:focus-visible,
.submit-btn:focus-visible {
    outline: 2px solid var(--mip-ux-action-focus);
    outline-offset: 2px;
}

/* Add / Create listes : même gabarit que MAIN (sans cloner le chrome métier) */
.mip-list-toolbar__add,
.cds-page-tool-btn--primary,
.img-users-add,
button.btn-primary[id^="btnAdd"],
button.btn-primary[id^="btnNew"] {
    min-height: var(--mip-ux-action-min-h);
}
.list-filters .btn-secondary,
.filters-bar .btn-secondary,
.search-bar .btn-secondary,
[id*="ResetFilter"],
[id*="ResetFilters"],
[id$="Reset"],
.pf-rx-filter-icon-btn,
.mip-list-ux-clear {
    min-height: var(--mip-ux-action-min-h);
    box-sizing: border-box;
}

/* Confirm (alert MIP) déjà tokenisé — gabarit boutons */
.mip-alert-dialog__actions,
.mip-dialog-footer,
.babel-support-modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--mip-ux-action-gap);
}

/* Close icon-only : cible tactile + focus, sans changer le glyphe */
button.modal-close:focus-visible,
button.mip-dialog-close:focus-visible,
.mip-crud-dialog__close:focus-visible {
    outline: 2px solid var(--mip-ux-action-focus);
    outline-offset: 2px;
}

/* Back / Next pagination : pas de row-reverse (ordre logique conservé) */
.pagination,
.mip-pagination,
.products-page-arrow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

@media (max-width: 720px) {
    .babel-support-modal-footer {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
