/* Only the actions on the account page: keep the approved shared buttons intact. */
html body[data-client-theme] #app#app#app#app .mockup[data-page="compte"] .account-page-body :is(.account-tabs, .actions) > button.pb-action-pill {
  position: relative !important;
  border: 1px solid rgba(255, 255, 255, .8) !important;
  border-image: none !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .12) 22%, rgba(255, 255, 255, 0) 48%), linear-gradient(100deg, #9200e6, #cb00cc 50%, #f71991) !important;
  box-shadow: inset 0 2px 2px rgba(255, 255, 255, .75), inset 0 -4px 5px rgba(75, 0, 95, .5), 0 3px 5px rgba(45, 0, 60, .25) !important;
}

html body[data-client-theme] #app#app#app#app .mockup[data-page="compte"] .account-page-body :is(.account-tabs, .actions) > button.pb-action-pill::before {
  content: none !important;
  display: none !important;
}

/* Global audit: only non-product dialogs and legal-body reference links. */
html body[data-client-theme] #modalBackdrop#modalBackdrop#modalBackdrop#modalBackdrop:not([data-kind="product"]) .modal {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
html body[data-client-theme] #modalBackdrop#modalBackdrop#modalBackdrop#modalBackdrop:not([data-kind="product"]) .modal-inner {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: inherit !important;
  overflow: hidden !important;
}
html body[data-client-theme] #modalBackdrop#modalBackdrop#modalBackdrop#modalBackdrop:not([data-kind="product"]) .modal-head {
  position: relative !important;
  top: auto !important;
  flex: 0 0 auto !important;
}
html body[data-client-theme] #modalBackdrop#modalBackdrop#modalBackdrop#modalBackdrop:not([data-kind="product"]) #modalBody {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  overscroll-behavior: contain;
}
html body[data-client-theme] #modalBackdrop#modalBackdrop#modalBackdrop#modalBackdrop:not([data-kind="product"]) :is(.pb-action-pill, .pb-action-icon)::before {
  border: 1px solid rgba(255,255,255,.8) !important;
  border-image: none !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.12)22%,rgba(255,255,255,0)48%),linear-gradient(100deg,#9200e6,#cb00cc 50%,#f71991) !important;
  box-shadow: inset 0 2px 2px rgba(255,255,255,.75),inset 0 -4px 5px rgba(75,0,95,.5),0 3px 5px rgba(45,0,60,.25) !important;
}
html body[data-client-theme] #app#app#app#app .mockup[data-page="conditions"] .client-legal-card a.pb-action-pill {
  white-space: normal !important;
  overflow-wrap: anywhere;
  line-height: 1.2 !important;
  height: auto !important;
  min-height: 44px;
  max-width: 100% !important;
  text-align: center;
}

/* Approved follow-up: restore only the composition-builder capsule skin. */
html body[data-client-theme] #app#app#app#app .mockup[data-page="personnalisables"] [data-pb-component="client-composition-builder"] .pb-action-pill::before {
  border: 1px solid rgba(255,255,255,.8) !important;
  border-image: none !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.12)22%,rgba(255,255,255,0)48%),linear-gradient(100deg,#9200e6,#cb00cc 50%,#f71991) !important;
  box-shadow: inset 0 2px 2px rgba(255,255,255,.75),inset 0 -4px 5px rgba(75,0,95,.5),0 3px 5px rgba(45,0,60,.25) !important;
}