/* Sélecteur d'installation à onglets (A5) — macOS (DMG) / npm headless / Linux.
   Design aligné sur seo.css : tokens --tm-semantic-*, radius, surfaces. */
.tm-install{
  border:1px solid var(--tm-semantic-border-default);
  border-radius:var(--tm-semantic-radius-dialog);
  background:var(--tm-semantic-surface-panel);
  box-shadow:0 12px 36px color-mix(in srgb,var(--tm-semantic-text-primary) 5%,transparent);
  overflow:hidden;
}
.tm-install__tabs{
  display:flex;
  gap:calc(var(--tm-semantic-spacing-inline-xs) * 1);
  padding:calc(var(--tm-semantic-spacing-inline-xs) * 2.5);
  border-bottom:1px solid var(--tm-semantic-border-default);
  background:var(--tm-semantic-surface-subtle);
}
.tm-install__tab{
  display:inline-flex;align-items:center;gap:calc(var(--tm-semantic-spacing-inline-xs) * 2);
  flex:1 1 0;justify-content:center;
  min-height:48px;padding:0 calc(var(--tm-semantic-spacing-inline-xs) * 4);
  border:1px solid transparent;border-radius:var(--tm-semantic-radius-control);
  color:var(--tm-semantic-text-secondary);background:transparent;
  font-size:var(--tm-semantic-size-text-body);font-weight:700;
  cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.tm-install__tab i{font-size:var(--tm-semantic-size-text-title)}
.tm-install__tab:hover{color:var(--tm-semantic-text-primary)}
.tm-install__tab[aria-selected="true"]{
  color:var(--tm-semantic-text-primary);
  border-color:var(--tm-semantic-border-default);
  background:var(--tm-semantic-surface-panel);
  box-shadow:0 2px 8px color-mix(in srgb,var(--tm-semantic-text-primary) 8%,transparent);
}
.tm-install__panel{padding:calc(var(--tm-semantic-spacing-inline-xs) * 7.5)}
.tm-install__lead{
  margin:0 0 calc(var(--tm-semantic-spacing-inline-xs) * 5);
  color:var(--tm-semantic-text-secondary);
  font-size:var(--tm-runtime-body-lg);line-height:var(--tm-runtime-leading-body);
}
.tm-install__lead strong{color:var(--tm-semantic-text-primary)}
.tm-install__cmd{
  display:flex;align-items:center;gap:calc(var(--tm-semantic-spacing-inline-xs) * 3);
  padding:calc(var(--tm-semantic-spacing-inline-xs) * 4) calc(var(--tm-semantic-spacing-inline-xs) * 4.5);
  border:1px solid var(--tm-semantic-border-default);
  border-radius:var(--tm-semantic-radius-control);
  background:var(--tm-semantic-surface-inverse);
}
.tm-install__cmd code{
  flex:1 1 auto;min-width:0;overflow-x:auto;white-space:nowrap;
  color:var(--tm-semantic-text-inverse);
  font:600 var(--tm-semantic-size-text-code) ui-monospace,SFMono-Regular,Menlo,monospace;
}
.tm-install__cmd code::before{content:"$ ";color:color-mix(in srgb,var(--tm-semantic-text-inverse) 55%,transparent)}
.tm-install__copy{
  display:inline-flex;align-items:center;gap:calc(var(--tm-semantic-spacing-inline-xs) * 1.5);
  flex-shrink:0;min-height:38px;padding:0 calc(var(--tm-semantic-spacing-inline-xs) * 3.5);
  border:1px solid color-mix(in srgb,var(--tm-semantic-text-inverse) 30%,transparent);
  border-radius:var(--tm-semantic-radius-control);
  color:var(--tm-semantic-text-inverse);background:transparent;
  font-size:var(--tm-semantic-size-text-meta);font-weight:700;cursor:pointer;
  transition:background .18s ease,border-color .18s ease;
}
.tm-install__copy:hover{background:color-mix(in srgb,var(--tm-semantic-text-inverse) 12%,transparent)}
.tm-install__copy.is-copied{
  color:var(--tm-semantic-action-primary-fg);
  border-color:var(--tm-semantic-action-primary-bg);
  background:var(--tm-semantic-action-primary-bg);
}
.tm-install__note{
  margin:calc(var(--tm-semantic-spacing-inline-xs) * 4.5) 0 0;
  color:var(--tm-semantic-text-tertiary);
  font-size:var(--tm-semantic-size-text-meta);line-height:1.6;
}
.tm-install__actions{
  display:flex;flex-wrap:wrap;gap:calc(var(--tm-semantic-spacing-inline-xs) * 3);
  margin-top:calc(var(--tm-semantic-spacing-inline-xs) * 5.5);
}
@media(max-width:640px){
  .tm-install__tabs{flex-direction:column}
  .tm-install__cmd{flex-direction:column;align-items:stretch;gap:calc(var(--tm-semantic-spacing-inline-xs) * 2.5)}
  .tm-install__copy{justify-content:center}
}