/* =========================
   MODAL (iframe) button centering
   - Create modal:  .actions  (button directly inside)
   - Details/Edit:  .row.form-custom-actions (two columns)
   ========================= */

/* CREATE modal layout: center buttons inside .actions */
.actions{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px;
}

/* DETAILS/EDIT layout: center buttons in form-custom-actions row */
.row.form-custom-actions{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px;
}

.row.form-custom-actions > .col-md-6{
  float: none !important;
  width: auto !important;
  flex: 0 0 auto !important;
}


/* Make sure left container doesn't force left alignment */
.row.form-custom-actions .form-action-container-left{
  display: flex !important;
  justify-content: center !important;
}
/* Center Lagre/Send in modal form (inside iframe) */
.actions {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

/*  remove any left-float behavior */
.actions .form-action-container-left
 {
  float: none !important;
}
/* safer */
.row.form-custom-actions .form-action-container-right:empty{
  display: none !important;
}


/* Inputs behave nicely in flex */
.actions input[type="button"],
.actions input[type="submit"],
.actions button,
.actions a.btn {
  float: none !important;
  margin: 0 !important;
}