/* 11A-8.13.4 — lignes de conversation inspirées de Gmail. */
.mailbox-commandbar{overflow:visible}
.mailbox-metrics{min-width:max-content;flex-wrap:nowrap}
.mailbox-metrics article{flex:0 0 auto;min-width:max-content;white-space:nowrap}
.mailbox-metrics article small,.mailbox-metrics article strong{display:inline;white-space:nowrap}

.mailbox-thread{
  min-height:42px;
  display:grid;
  grid-template-columns:30px minmax(120px,180px) minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:7px 12px;
}
.mailbox-thread-icon{width:28px;height:28px;border-radius:8px}
.mailbox-thread-icon svg{width:15px;height:15px}
.mailbox-thread-sender,.mailbox-thread-summary,.mailbox-thread-summary b,.mailbox-thread-summary small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mailbox-thread-sender{display:block;font-size:.78rem;font-weight:620}
.mailbox-thread-summary{display:block;color:var(--muted);font-size:.76rem}
.mailbox-thread-summary b{display:inline;color:var(--text);font-size:inherit;font-weight:620}
.mailbox-thread-summary small{display:inline;color:var(--muted);font-size:inherit}
.mailbox-thread-date{justify-self:end;color:var(--muted);font-size:.68rem;white-space:nowrap}
.mailbox-thread.is-unread .mailbox-thread-sender,.mailbox-thread.is-unread .mailbox-thread-summary b,.mailbox-thread.is-unread .mailbox-thread-date{font-weight:800;color:var(--text)}

@media(max-width:760px){
  .mailbox-metrics{padding-bottom:1px;overflow-x:auto}
  .mailbox-thread{grid-template-columns:28px minmax(78px,26vw) minmax(0,1fr) auto;gap:7px;padding:8px 9px}
  .mailbox-thread-icon{width:26px;height:26px}
  .mailbox-thread-sender,.mailbox-thread-summary{font-size:.71rem}
  .mailbox-thread-date{font-size:.61rem}
}

@media(max-width:420px){
  .mailbox-thread{grid-template-columns:26px minmax(68px,24vw) minmax(0,1fr) auto;gap:6px;padding-inline:7px}
  .mailbox-thread-icon{width:24px;height:24px}
}