/* UNPLI V3.3 — rondeur sociale, rigueur postale suisse.
   Surcouche commune aux trois écrans. Aucun vert, aucune fonte propriétaire.
   Les barres de navigation, les lignes de structure et les grilles restent droites. */
:root {
  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --shadow-soft: 0 10px 26px rgba(38, 63, 89, .065);
}

/* Signature : douceur, mais pas imitation d'une identité institutionnelle. */
.brand-icon,
.brand-square {
  border-radius: var(--radius-sm);
}

/* Accueil : grand guichet et appels à l'action très lisibles. */
.primary-service {
  border-radius: var(--radius-xl);
}
.primary-illustration {
  border-radius: var(--radius-md);
}
.button-white,
.header-login,
.help-link {
  border-radius: var(--radius-md);
}
.shortcut {
  border-radius: var(--radius-lg);
  transition: border-color .15s ease, background .15s ease,
              box-shadow .15s ease, transform .15s ease;
}
.shortcut:hover {
  box-shadow: var(--shadow-soft);
}
.shortcut-icon,
.route-end-icon {
  border-radius: var(--radius-md);
}
.routing-demo {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
}
.route-end {
  border-radius: var(--radius-sm);
}
.route-stamp,
.route-dot {
  border-radius: 50%;
}

/* Connexion : le formulaire doit paraître accueillant et rassurant. */
.login-panel,
.portal-side {
  border-radius: var(--radius-lg);
}
.portal-input,
.portal-submit,
.demo-action {
  border-radius: var(--radius-md);
}
.login-mark,
.side-envelope {
  border-radius: var(--radius-md);
}
.security-note {
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
.portal-return {
  border-radius: var(--radius-sm);
}

/* Webmail fictif : adoucir les éléments de contact,
   sans arrondir les grands panneaux fonctionnels. */
.compose-btn,
.domain-pill,
.folder-list button {
  border-radius: var(--radius-sm);
}
.sender-avatar {
  border-radius: var(--radius-md);
}
.mail-item {
  width: calc(100% - 16px);
  margin: 4px 8px;
  border-radius: var(--radius-sm);
}
.mail-reader,
.message-list,
.inbox-header,
.inbox-sidebar,
.site-header,
.microbar {
  border-radius: 0;
}
.sender-line {
  border-radius: var(--radius-sm);
}
@media (max-width: 520px) {
  .shortcut {
    border-radius: var(--radius-md);
  }
  .primary-service {
    border-radius: var(--radius-lg);
  }
  .login-panel,
  .portal-side {
    border-radius: var(--radius-md);
  }
}
@media (prefers-reduced-motion: reduce) {
  .shortcut {
    transition: none;
  }
}