/* Canonical Mail UI 2.0 */
.mail-toolbar-title{font-size:14px;font-weight:800;color:#303044}.toolbar-link.disabled{opacity:.3;pointer-events:none}.message-snippet{font-weight:400;color:#787889}.sync-banner{margin:12px 16px;padding:12px 15px;border:1px solid #d8dcea;background:#f8f9fd;border-radius:12px;display:flex;gap:8px;flex-wrap:wrap;color:#5e6072}.sync-banner strong{color:#000033}.category-count{margin-left:5px;padding:1px 7px;border-radius:999px;background:#f0f1f5;font-size:10px;color:#6f7080}.canonical-label-list{display:grid;gap:2px}.ws-label-row.active{background:#ececf6;color:#000033;font-weight:800}.ws-sidebar-section button{font-size:11px;color:#000033;font-weight:800}.message{grid-template-columns:38px minmax(180px,240px) minmax(0,1fr) auto auto}.message time{font-size:12px;color:#777889;white-space:nowrap}.mail-toolbar form{display:flex;gap:2px}.mail-toolbar form button{min-width:38px;min-height:38px;border:0;border-radius:999px;background:transparent;cursor:pointer}.mail-toolbar form button:hover{background:#eef0f6}.sidebar{scrollbar-width:thin}.workspace{min-width:0}.mail-main{min-width:0}.search-options{min-width:62px}.real-empty{min-height:360px}.ws-settings{z-index:170}.ws-advanced-search{z-index:175}.compose-window{z-index:180}
@media(max-width:1180px){.message{grid-template-columns:36px minmax(150px,210px) minmax(0,1fr) auto}.message .ws-row-actions{display:none}}
@media(max-width:900px){.message{grid-template-columns:34px minmax(150px,1fr) auto;grid-template-areas:'star sender time' 'star subject subject';min-height:66px;padding:8px 10px}.message>form{grid-area:star}.message .sender{grid-area:sender}.message .subject{grid-area:subject}.message time{grid-area:time;align-self:center}.message .ws-row-actions{display:none}.sync-banner{margin:8px 10px}.canonical-label-list{padding-bottom:8px}}
@media(max-width:640px){.brand-word{display:none}.search-options{min-width:40px;width:40px;font-size:0}.search-options:after{content:'☷';font-size:18px}.message{grid-template-columns:30px minmax(0,1fr) auto;min-height:72px}.message .sender{font-size:13px}.message .subject{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-snippet{display:none}.message time{font-size:11px}.ws-category-tab{min-width:118px}.ws-sidebar-section{position:sticky;top:0;background:#fff;z-index:2}.tagline{padding-bottom:24px}.mail-toolbar-title{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* Canonical row isolation hotfix 2.1.
   These classes deliberately do not inherit the legacy .message row system. */
.canonical-message-list{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:1px!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:1;
}
.canonical-message-row{
  display:grid!important;
  grid-template-columns:38px minmax(180px,240px) minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  height:auto!important;
  padding:5px 16px 5px 12px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #eceef3!important;
  background:#fff!important;
  color:#171725!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  position:relative!important;
  cursor:pointer;
}
.canonical-message-row.read{background:#fafbfc!important;color:#555565!important;font-weight:400}
.canonical-message-row.unread{background:#fff!important;color:#171725!important;font-weight:700}
.canonical-message-row:hover{z-index:2;box-shadow:0 2px 10px rgba(15,23,42,.10)}
.canonical-star-form{margin:0!important;display:block!important}
.canonical-star{
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  border:0!important;border-radius:999px!important;background:transparent!important;
  color:#8d8da0!important;font-size:17px!important;cursor:pointer!important;
}
.canonical-star:hover{background:#eef0f6!important}
.canonical-sender,.canonical-subject{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.canonical-sender{font-size:14px!important}
.canonical-subject{font-size:13px!important;line-height:1.4!important}
.canonical-subject strong{font-weight:inherit!important}
.canonical-snippet{font-weight:400!important;color:#787889!important}
.canonical-time{
  color:#777889!important;font-size:12px!important;white-space:nowrap!important;
}
.canonical-row-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important}
.canonical-row-actions form{display:flex!important;gap:2px!important;margin:0!important}
.canonical-row-actions button{
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  border:0!important;border-radius:999px!important;background:transparent!important;cursor:pointer!important;
}
.canonical-row-actions button:hover{background:#eef0f6!important}

/* The top search says "Search all mail", so searches are globally scoped. */
.search-wrap{isolation:isolate}

/* Gmail-style Inbox means Primary category, while the sidebar count remains unread Inbox. */
.ws-category-tabs{position:relative;z-index:3}

@media(max-width:1180px){
  .canonical-message-row{
    grid-template-columns:36px minmax(150px,210px) minmax(0,1fr) auto!important;
  }
  .canonical-row-actions{display:none!important}
}
@media(max-width:900px){
  .canonical-message-row{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    grid-template-areas:"star sender time" "star subject subject"!important;
    min-height:66px!important;
    padding:8px 10px!important;
  }
  .canonical-star-form{grid-area:star!important;align-self:center!important}
  .canonical-sender{grid-area:sender!important}
  .canonical-subject{grid-area:subject!important}
  .canonical-time{grid-area:time!important;align-self:center!important}
  .canonical-row-actions{display:none!important}
}
@media(max-width:640px){
  .canonical-message-row{
    grid-template-columns:30px minmax(0,1fr) auto!important;
    min-height:72px!important;
  }
  .canonical-sender{font-size:13px!important}
  .canonical-subject{font-size:12px!important}
  .canonical-snippet{display:none!important}
  .canonical-time{font-size:11px!important}
}

/* DSDILLON-MIME-ATTACHMENTS-V1 */
.message-attachments{
    margin:24px 0 6px;
    padding-top:18px;
    border-top:1px solid rgba(0,0,0,.10);
}
.message-attachments-title{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
    font-weight:700;
}
.message-attachments-title span{
    min-width:22px;
    padding:2px 7px;
    border-radius:999px;
    background:rgba(0,0,0,.07);
    text-align:center;
    font-size:12px;
}
.message-attachment-grid{
    display:grid;
    gap:10px;
}
.message-attachment-card{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 14px;
    border:1px solid rgba(0,0,0,.12);
    border-radius:12px;
    background:#fff;
}
.message-attachment-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:10px;
    background:rgba(0,0,51,.07);
    font-size:18px;
}
.message-attachment-info{
    min-width:0;
    flex:1;
}
.message-attachment-info strong,
.message-attachment-info span{
    display:block;
}
.message-attachment-info strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.message-attachment-info span{
    margin-top:3px;
    font-size:12px;
    opacity:.66;
}
.message-attachment-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.message-attachment-actions a{
    text-decoration:none;
    font-weight:600;
    font-size:13px;
}
.message-body img{
    max-width:100%;
    height:auto;
}
@media(max-width:700px){
    .message-attachment-card{
        align-items:flex-start;
        flex-wrap:wrap;
    }
    .message-attachment-actions{
        width:100%;
        padding-left:50px;
    }
}