/* Bandeau conteneur (facultatif) */
.custom-tabs .tab-container {
    border-bottom: 1px solid var(--tab-border, var(--border-color));
  }
  
  /* Onglets (style normal) */
  .custom-tabs .tab.custom-tab {
    height: 36px;
    line-height: 36px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    background: var(--tab-bg, var(--bg-subtle));
    color: var(--tab-fg, var(--text-secondary));
    border: 1px solid var(--tab-border, var(--border-color));
    border-bottom: none;
    border-top-left-radius: var(--radius-md, 8px);
    border-top-right-radius: var(--radius-md, 8px);
    margin-right: 4px;
    transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
  }
  
  /* Onglet actif */
  .custom-tabs .tab.custom-tab--selected {
    background: var(--tab-bg-active, var(--bg-surface));
    color: var(--tab-fg-active, var(--primary));
    border: 1px solid var(--tab-border, var(--border-color));
    border-bottom: 3px solid var(--tab-border-active, var(--primary));
    font-weight: 600;
  }
  
  /* Optionnel : au survol */
  .custom-tabs .tab.custom-tab:hover {
    background: var(--tab-bg-hover, var(--primary-light));
    color: var(--tab-fg-active, var(--primary));
  }