/* ===================================================================
   THEME BOUTONS — style "segmented control" à la Apple
   Pour : .page-header .header-buttons.btn-group
          .detail-button-container .actions-btn-group
   =================================================================== */

/* Conteneur des boutons */
.page-header .header-buttons.btn-group,
.detail-button-container .actions-btn-group{
  display:inline-flex !important;
  align-items:center;
  flex-wrap:nowrap;
  gap:2px;
  padding:3px;
  border-radius:999px;
  background:#f3f3f7; /* fond clair pill */
  border:1px solid rgba(0,0,0,.04);
  box-shadow:0 4px 12px rgba(15,23,42,.08);
  overflow:visible; /* pour les menus déroulants */
}

/* Retirer les styles bootstrap d'origine */
.page-header .header-buttons.btn-group > .btn,
.detail-button-container .actions-btn-group > .btn{
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
  border-right:none !important;
}

/* Boutons "non sélectionnés" */
.page-header .header-buttons.btn-group > .btn,
.detail-button-container .actions-btn-group > .btn{
  padding:6px 20px !important;
  min-width:auto;
  font-weight:500;
  font-size:13px;
  color:#1d1d1f !important;
  line-height:1.3;
  white-space:nowrap;
  transition:
    background-color .18s ease,
    color .18s ease,
    box-shadow .18s ease,
    transform .15s ease;
}

.page-header .header-buttons.btn-group > .btn:hover,
.detail-button-container .actions-btn-group > .btn:hover{
  background:rgba(0,0,0,.05) !important;
}

/* Bouton "..." (dropdown) un peu plus compact */
.detail-button-container .actions-btn-group > .dropdown-item-list-button{
  padding:6px 12px !important;
  min-width:auto;
}

/* État sélectionné / principal
   (success, primary, active, bouton Edit, etc.)
*/
.page-header .header-buttons.btn-group > .btn.btn-success,
.page-header .header-buttons.btn-group > .btn.btn-primary,
.page-header .header-buttons.btn-group > .btn.active,
.detail-button-container .actions-btn-group > .btn.btn-success,
.detail-button-container .actions-btn-group > .btn.btn-primary,
.detail-button-container .actions-btn-group > .btn.active,
.detail-button-container .actions-btn-group > .btn[data-action="edit"]{
  background:#111111 !important;      /* pastille noire */
  color:#ffffff !important;
  box-shadow:0 4px 10px rgba(0,0,0,.25);
  transform:translateY(-0.5px);
}

/* Quand le groupe est ouvert pour le menu, on garde le style pill */
.detail-button-container .btn-group.open{
  overflow:visible;
}