/* Nova Mail — barre d'actions du message (lecteur).
   Une seule action en toutes lettres (Répondre, ou Modifier pour un brouillon),
   les autres en icônes regroupées, la corbeille à part, à droite.
   Le libellé de chaque icône apparaît en info-bulle au survol et au clavier. */

.reader .toolbar.nm-tools{display:flex;align-items:center;flex-wrap:wrap;gap:4px;row-gap:10px}

/* ------------------------------------------------ boutons icônes */
.reader .nm-tools .msgactionbtn{
  position:relative;width:36px;height:36px;min-height:36px;padding:0;gap:0;justify-content:center;
  border-radius:11px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);
  background:color-mix(in srgb,var(--panel2) 55%,transparent);color:color-mix(in srgb,var(--text) 82%,var(--muted));
  box-shadow:none;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .12s ease}
.reader .nm-tools .msgactionbtn .msgactionicon{width:19px;height:19px;border-radius:0;background:none!important;color:inherit;font-size:15px}
.reader .nm-tools .msgactionbtn svg{width:19px;height:19px;display:block}
.reader .nm-tools .msgactionbtn:hover{transform:none;background:color-mix(in srgb,var(--purple) 16%,var(--panel2));border-color:color-mix(in srgb,var(--purple) 45%,var(--line));color:var(--text);box-shadow:none}
.reader .nm-tools .msgactionbtn:active{transform:scale(.94)}
.reader .nm-tools .msgactionbtn:focus-visible{outline:2px solid color-mix(in srgb,var(--purple) 80%,white);outline-offset:2px}
.reader .nm-tools .msgactionbtn[disabled]{opacity:.55;cursor:default}

/* Libellé = info-bulle */
.reader .nm-tools .msgactionbtn .msgactionlabel{
  position:absolute;left:50%;top:calc(100% + 8px);z-index:20;transform:translate(-50%,-3px);
  padding:5px 9px;border-radius:8px;background:rgba(8,11,22,.94);color:#eef1ff;
  font-size:12px;font-weight:650;letter-spacing:0;white-space:nowrap;pointer-events:none;opacity:0;
  box-shadow:0 8px 20px rgba(0,0,0,.35);transition:opacity .15s ease,transform .15s ease}
.reader .nm-tools .msgactionbtn:hover .msgactionlabel,.reader .nm-tools .msgactionbtn:focus-visible .msgactionlabel{opacity:1;transform:translate(-50%,0);transition-delay:.25s}

/* ------------------------------------------------ action principale, en toutes lettres */
.reader .nm-tools .msgactionbtn:is(.action-primary,.action-accent,.action-warning,.action-alias){
  width:auto;padding:0 14px 0 11px;gap:7px;border-color:transparent;color:#fff;font-weight:750;
  background:var(--th-accent,linear-gradient(135deg,#7b75ff,#8f59ff));box-shadow:0 10px 24px color-mix(in srgb,var(--purple) 28%,transparent)}
.reader .nm-tools .msgactionbtn.action-warning{background:linear-gradient(135deg,#ff9b6b,#ff6ea3)}
.reader .nm-tools .msgactionbtn:is(.action-primary,.action-accent,.action-warning,.action-alias):hover{filter:brightness(1.08);border-color:transparent;color:#fff}
.reader .nm-tools .msgactionbtn:is(.action-primary,.action-accent,.action-warning,.action-alias) .msgactionlabel{
  position:static;transform:none;opacity:1;padding:0;background:none;box-shadow:none;color:inherit;font-size:14px;font-weight:750;transition:none}
.reader .nm-tools .msgactionbtn.action-primary{margin-right:4px}

/* ------------------------------------------------ corbeille : à part, à droite, couvercle qui se soulève */
.reader .nm-tools .msgactionbtn.action-danger{order:99;margin-left:auto;color:#ff7d98;
  background:color-mix(in srgb,#ff5c80 8%,transparent);border-color:color-mix(in srgb,#ff6b8e 30%,transparent)}
.reader .nm-tools .msgactionbtn.action-danger:hover,.reader .nm-tools .msgactionbtn.action-danger:focus-visible{color:#ffb3c3;background:color-mix(in srgb,#ff4d6d 22%,transparent);border-color:color-mix(in srgb,#ff6b8e 60%,transparent)}
.reader .nm-tools .msgactionbtn.action-danger .msgactionicon{color:inherit!important}
.reader .nm-tools .msgactionbtn.action-danger .nm-lid{transform-box:fill-box;transform-origin:100% 100%;transition:transform .22s cubic-bezier(.3,1.6,.5,1)}
.reader .nm-tools .msgactionbtn.action-danger:hover .nm-lid,.reader .nm-tools .msgactionbtn.action-danger:focus-visible .nm-lid{transform:translate(1px,-2px) rotate(16deg)}
.reader .nm-tools .msgactionbtn.action-danger:hover svg{animation:nm-trash-wiggle .5s ease .1s}
@keyframes nm-trash-wiggle{0%,100%{transform:rotate(0)}30%{transform:rotate(-7deg)}60%{transform:rotate(5deg)}}
.reader .nm-tools .msgactionbtn.action-danger .msgactionlabel{left:auto;right:0;transform:translate(0,-3px)}
.reader .nm-tools .msgactionbtn.action-danger:hover .msgactionlabel{transform:translate(0,0)}

/* « Nova protégé » : simple pastille verte */
.reader .nm-tools .msgactionbtn.action-safe{color:var(--green,#55e8b9);border-color:color-mix(in srgb,var(--green,#55e8b9) 35%,transparent)}

/* Bouton retour mobile et menu « Plus » des adresses masquées : inchangés */
.reader .nm-tools .mobileback{order:-1}

@media (prefers-reduced-motion:reduce){
  .reader .nm-tools .msgactionbtn,.reader .nm-tools .msgactionbtn *{transition:none!important;animation:none!important}
}