/* ============================================================
   BOITE NEXUS — compléments visuels
   Le gros du style vient de .msg-* (messagerie interne), hérité via
   data-view="messagerie" sur la racine du composant boite-nexus.
   Ici : badge bounce + pièces jointes typées + iframe de lecture.
   ============================================================ */

.bn-bounce {
  display:inline-block; font-size:9px; font-weight:800; color:#dc3545;
  border:1px solid #dc3545; border-radius:3px; padding:0 4px; margin-right:4px;
  vertical-align:middle; font-family:'Montserrat',sans-serif;
}
.bn-receipt {
  display:inline-block; font-size:9px; font-weight:800; color:#2b8a9a;
  border:1px solid #2b8a9a; border-radius:3px; padding:0 4px; margin-right:4px;
  vertical-align:middle; font-family:'Montserrat',sans-serif;
}

/* Pièces jointes EN HAUT du lecteur */
.bn-attachments {
  padding:10px 20px; border-bottom:1px solid var(--bdr);
  display:flex; flex-wrap:wrap; gap:8px; align-items:center;
}
.bn-att-chip {
  display:inline-flex; align-items:center; gap:8px; padding:6px 10px;
  background:var(--s1); border:1px solid var(--bdr); border-radius:6px;
  font-size:12px; color:var(--txt); font-family:'Montserrat',sans-serif;
}
.bn-att-chip:hover { border-color:var(--teal); }
.bn-att-type { font-size:9px; font-weight:800; letter-spacing:.4px; color:#fff; padding:2px 5px; border-radius:3px; text-transform:uppercase; }
.bn-att-type.pdf { background:#e2483d; }
.bn-att-type.word { background:#2b579a; }
.bn-att-type.excel { background:#217346; }
.bn-att-type.ppt { background:#d24726; }
.bn-att-type.image { background:#8b5cf6; }
.bn-att-type.archive { background:#b7791f; }
.bn-att-type.file { background:#6b7280; }
.bn-att-name { max-width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bn-att-size { color:var(--txd); }
.bn-att-dl { background:none; border:none; color:var(--teal); cursor:pointer; padding:2px; display:flex; }
.bn-att-dl:hover { opacity:.7; }
.bn-att-dl:disabled { opacity:.4; cursor:default; }

/* Corps du mail (HTML externe) en iframe isolee */
.bn-reader-frame { width:100%; height:100%; min-height:420px; border:none; background:#fff; }

/* Compose PLEIN PANNEAU (style Outlook — remplit tout le cadran de droite) */
/* NB : selecteurs prefixes [data-view="messagerie"] pour surcharger le style .msg-* injecte. */
[data-view="messagerie"] .bn-compose-full { display:flex; flex-direction:column; height:100%; overflow:hidden; }
[data-view="messagerie"] .bn-compose-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 24px; border-bottom:1px solid var(--bdr);
}
[data-view="messagerie"] .bn-compose-head .msg-compose-title span { font-size:17px; font-weight:600; }
[data-view="messagerie"] .bn-compose-full .msg-compose-field {
  border-bottom:1px solid var(--bdr); padding:16px 24px;
}
[data-view="messagerie"] .bn-compose-full .msg-compose-field label { font-size:14px; min-width:48px; color:var(--txm); }
[data-view="messagerie"] .bn-compose-full .msg-compose-field input { font-size:15px; }
[data-view="messagerie"] .bn-compose-fulltext {
  flex:1; width:100%; resize:none; border:none; outline:none; background:transparent;
  padding:20px 24px; color:var(--txt); font-size:15px; font-family:'Montserrat',sans-serif; line-height:1.7;
}
[data-view="messagerie"] .bn-compose-atts { display:flex; flex-wrap:wrap; gap:8px; padding:12px 24px; border-top:1px solid var(--bdr); }
[data-view="messagerie"] .bn-compose-footer { display:flex; gap:8px; align-items:center; padding:14px 24px; border-top:1px solid var(--bdr); }