/* 10/11/2026 : fenêtre de connexion « Télécharger l'application Windows » (écran de connexion). */
.dl-login {
  width: min(440px, calc(100vw - 32px));
  border: 1px solid var(--border, rgba(0,0,0,.08));
  border-radius: 18px;
  padding: 0;
  background: var(--card, var(--surface, #fff));
  color: var(--text, inherit);
  box-shadow: 0 24px 60px -20px color-mix(in srgb, var(--text, #000) 40%, transparent);
}
.dl-login::backdrop { background: color-mix(in srgb, var(--text, #000) 45%, transparent); }
.dl-login-form { display: flex; flex-direction: column; gap: 14px; padding: 22px 22px 20px; }
.dl-login-head { display: flex; gap: 12px; align-items: flex-start; }
.dl-login-head h2 { font-size: 18px; margin: 0 0 4px; }
.dl-login-head p { margin: 0; color: var(--muted, inherit); font-size: 14px; }
.dl-login .form-group { margin: 0; }
.dl-login-actions { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; margin-top: 4px; }
.dl-login-actions button { min-height: 44px; }
.dl-login-cancel {
  background: transparent;
  border: 1px solid var(--border, rgba(0,0,0,.12));
  color: var(--text, inherit);
  border-radius: 10px;
  padding: 0 16px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.dl-login-cancel:focus-visible, .dl-login-submit:focus-visible { outline: 3px solid var(--accent, currentColor); outline-offset: 2px; }
.dl-login .dl-login-submit { width: auto; margin: 0; }
@media (max-width: 420px) {
  .dl-login-actions { flex-direction: column-reverse; }
  .dl-login-actions button, .dl-login .dl-login-submit { width: 100%; }
}