/* Sélecteur d'apparence : clair, sombre, automatique.
   Calqué sur le sélecteur de langue pour rester cohérent dans l'en-tête. */

.appearance-picker{position:relative;flex-shrink:0}

.signature-header .appearance-picker>button{
  gap:8px;min-height:44px;padding:0 12px;white-space:nowrap;font-size:12px;
}
.appearance-icon{display:flex;align-items:center;justify-content:center;width:19px;height:19px;flex:none;color:var(--ink-2)}
.appearance-label{font-weight:600}

.appearance-menu{
  position:absolute;inset-inline-end:0;top:calc(100% + 9px);
  width:232px;max-width:calc(100vw - 32px);
  max-height:min(480px,calc(100dvh - 150px));overflow-y:auto;overscroll-behavior:contain;
  padding:6px;background:var(--surface);border:1px solid var(--line);
  border-radius:12px;box-shadow:var(--shadow);z-index:130;
}
.appearance-menu[hidden]{display:none}

.appearance-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-3);margin:6px 8px 7px;
}

.signature-header .appearance-menu button{
  display:flex;align-items:center;gap:12px;width:100%;min-height:52px;
  margin:0;padding:10px 12px;border:0;border-radius:7px;background:transparent;
  color:var(--ink);font:inherit;font-size:13px;font-weight:500;
  text-align:start;white-space:normal;cursor:pointer;
}
.signature-header .appearance-menu button:hover{background:var(--muted-block);border-color:transparent}
.signature-header .appearance-menu button[aria-pressed="true"]{background:var(--muted-block)}
.signature-header .appearance-menu button[aria-pressed="true"]::after{
  content:'✓';margin-inline-start:auto;color:var(--accent);font-weight:700;
}
.appearance-menu #themeAuto{border-bottom:1px solid var(--line);border-radius:7px;margin-bottom:5px}

.appearance-row-icon{display:flex;align-items:center;justify-content:center;width:22px;flex:none;color:var(--ink-2)}
.signature-header .appearance-menu button[aria-pressed="true"] .appearance-row-icon{color:var(--accent)}
.appearance-row-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.35}
.appearance-row-copy small{color:var(--ink-3);font-size:11px;font-weight:400}

.appearance-menu button:focus-visible,
.signature-header .appearance-picker>button:focus-visible{
  outline:2px solid var(--accent);outline-offset:-2px;
}

[dir="rtl"] .appearance-menu{inset-inline-end:0}

/* Mobile : le bouton se réduit à son icône pour ne pas charger l'en-tête. */
@media(max-width:760px){
  .appearance-picker{order:1}
  .signature-header .appearance-picker>button{
    width:44px;min-width:44px;padding:0;justify-content:center;gap:0;
  }
  .appearance-label,.appearance-picker .language-chevron{display:none}
  .appearance-menu{top:calc(100% + 7px);width:208px;max-height:calc(100dvh - 90px)}
}
@media(max-width:420px){
  .signature-header .appearance-picker>button{width:42px;min-width:42px}
}

@media print{.appearance-picker{display:none!important}}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) {
    animation: none !important;
  }
}