/* --- Shared layout for email pages --- */
.email-page-container{ max-width:1100px; margin:0 auto; }
#email-toolbar{ z-index:1030; } /* sticky-top je z Bootstrapu */

/* Message content constraints */
.email-html{ overflow-x:auto; }
.email-html img{ max-width:100%; height:auto; }
.email-html table{ width:auto; max-width:100%; }
.email-plain{ white-space:pre-wrap; word-break:break-word; }

/* Header rows */
.one-line{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.msg-header .label{ opacity:.7; }
.subject-line{ word-break:break-word; }

/* Compact square action buttons on desktop */
@media (min-width: 992px){
  .btn-action{
    width:1cm; height:1cm; padding:0;
    display:inline-flex; align-items:center; justify-content:center; border-radius:10px;
  }
  .btn-action i{ font-size:1.1rem; line-height:1; }
}

/* --- Address chips (compose) --- */
.email-chips{ position:relative; }
.email-chips .chips{ display:flex; flex-wrap:wrap; gap:.25rem; margin-bottom:.25rem; }
.email-chips .chip{
  display:inline-flex; align-items:center; gap:.35rem; padding:.2rem .45rem;
  background:#f1f3f5; border:1px solid #dee2e6; border-radius:999px; font-size:.875rem;
}
.email-chips .chip .chip-x{ border:0; background:transparent; line-height:1; cursor:pointer; opacity:.6; }
.email-chips .chip .chip-x:hover{ opacity:1; }
.email-chips .suggest-box{
  position:absolute; left:0; right:0; top:100%; z-index:1050;
  background:#fff; border:1px solid #dee2e6; border-radius:.5rem; margin-top:.25rem;
  max-height:220px; overflow:auto;
}
.email-chips .suggest-box .item{ padding:.4rem .6rem; cursor:pointer; }
.email-chips .suggest-box .item[aria-selected="true"],
.email-chips .suggest-box .item:hover{ background:#f1f3f5; }