/* Simulateur facturation : section « Vos dates, par profil » (onglets et pastilles). */
.profil__nom { margin-top: 12px; font-size: 1.35rem; line-height: 1.2; }
.profil__nom + .profil__h { margin-top: 4px; color: var(--texte-2); font-size: var(--fs-small); }

.pp__onglets { display: flex; gap: 6px; padding-bottom: 16px; margin-bottom: 24px; border-bottom: 1px solid var(--filet); overflow-x: auto; scrollbar-width: none; }
.pp__onglets button { flex: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--filet); border-radius: 6px; background: #fff; cursor: pointer; font-weight: 600; font-size: var(--fs-small); }
.pp__onglets button small { font: 500 var(--fs-label) var(--font-mono); color: var(--texte-2); }
.pp__onglets button[aria-selected="true"] { background: var(--encre); color: #fff; border-color: var(--encre); }
.pp__onglets button[aria-selected="true"] small { color: var(--lilas); }
.pp__pastilles { display: flex; flex-wrap: wrap; gap: 8px; }
.pp__pastilles button { padding: 10px 14px; border: 1px solid var(--filet); border-radius: 6px; background: #fff; cursor: pointer; font-size: var(--fs-small); line-height: 1.3; text-align: left; transition: border-color var(--dur-rapide), background var(--dur-rapide); }
.pp__pastilles button:hover { border-color: var(--violet-filet); }
.pp__pastilles button[aria-checked="true"] { background: var(--violet-fond); border-color: var(--violet); color: var(--violet); font-weight: 600; }

@media (max-width: 560px) {
  #profils .profil__dates { grid-template-columns: 1fr; }
  #profils .pd { display: grid; grid-template-columns: 1fr auto; align-items: baseline; column-gap: 12px; }
  #profils .pd__l { grid-column: 1 / -1; }
  #profils .pd__an { font-size: 1.4rem; }
}