/* Dedicated presentation for the unclassified-mail category. */
#inboxModuleView.inbox-category-general .module-hero{
  min-height:150px;
  padding:26px 30px;
  border:1px solid rgba(226,190,118,.28);
  border-radius:19px;
  background:
    radial-gradient(520px 220px at 92% -34%,rgba(226,190,118,.18),transparent 64%),
    linear-gradient(125deg,#081d32 0%,#0f3151 58%,#174a73 100%);
  box-shadow:0 18px 42px rgba(8,28,49,.17);
}
#inboxModuleView.inbox-category-general #inboxModuleTitle{
  font-family:Georgia,"Noto Serif SC",serif;
  font-size:30px;
  font-weight:500;
  letter-spacing:-.45px;
}
#inboxModuleView.inbox-category-general .inbox-subtabs,
#inboxModuleView.inbox-category-general #inboxCategoryToolbar{
  display:none!important;
}
#inboxModuleView.inbox-category-general #inboxEmailPane{
  margin-top:18px;
}
#inboxModuleView.inbox-category-general .inbox-grid{
  grid-template-columns:minmax(0,1fr);
  gap:0;
}
#inboxModuleView.inbox-category-general:not(.inbox-reader-mode) .inbox-detail-panel{
  display:none!important;
}
#inboxModuleView.inbox-category-general .inbox-list-panel{
  border:1px solid #dce5ed;
  border-radius:17px;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,35,57,.04),0 13px 32px rgba(16,35,57,.055);
}
#inboxModuleView.inbox-category-general .inbox-list-panel .panel-head{
  min-height:78px;
  padding:19px 22px 17px;
  border-bottom:1px solid #e8edf2;
  background:linear-gradient(180deg,#fff,#fbfcfd);
}
#inboxModuleView.inbox-category-general .inbox-list-panel .panel-head h3{
  font-size:18px;
}
#inboxModuleView.inbox-category-general #inboxCount{
  min-width:56px;
  padding:5px 9px;
  border:1px solid #d9e3eb;
  border-radius:999px;
  background:#f4f7fa;
  color:#526b82;
  font-size:10.5px;
  font-weight:800;
  text-align:center;
}
#inboxModuleView.inbox-category-general .inbox-list{
  max-height:min(70vh,760px);
  overflow:auto;
}
#inboxModuleView.inbox-category-general .inbox-row{
  display:grid;
  grid-template-columns:minmax(210px,.58fr) minmax(0,1.42fr) auto;
  align-items:start;
  gap:16px 22px;
  min-height:82px;
  padding:16px 20px;
  border-color:#e5ebf1;
  background:#fff;
  transition:background .16s ease,box-shadow .16s ease;
}
#inboxModuleView.inbox-category-general .inbox-row:hover{
  background:#f7fafc;
}
#inboxModuleView.inbox-category-general .inbox-row.active{
  background:#f1f7fb;
  box-shadow:inset 3px 0 #c99a45;
}
#inboxModuleView.inbox-category-general .inbox-row.unread{
  background:linear-gradient(90deg,rgba(201,54,64,.065),#fff 32%);
}
#inboxModuleView.inbox-category-general .inbox-row.unread:hover,
#inboxModuleView.inbox-category-general .inbox-row.unread.active{
  background:#fdf6f6;
}
#inboxModuleView.inbox-category-general .inbox-row-top{
  display:grid;
  justify-content:start;
  gap:5px;
  min-width:0;
}
#inboxModuleView.inbox-category-general .inbox-row-top b{
  max-width:100%;
  color:#24445f;
  font-size:12px;
  font-weight:800;
}
#inboxModuleView.inbox-category-general .inbox-row-top small{
  color:#8796a7;
  font-size:10px;
}
#inboxModuleView.inbox-category-general .inbox-row>strong{
  align-self:center;
  overflow:visible;
  color:#152f49;
  font-size:14px;
  font-weight:750;
  line-height:1.55;
  text-overflow:clip;
  white-space:normal;
}
#inboxModuleView.inbox-category-general .inbox-row.unread>strong{
  padding-left:16px;
}
#inboxModuleView.inbox-category-general .inbox-row>strong::before{
  top:8px;
}
#inboxModuleView.inbox-category-general .inbox-row-meta{
  align-self:center;
  justify-content:flex-end;
  max-width:290px;
}
#inboxModuleView.inbox-category-general .inbox-row-meta em{
  padding:4px 7px;
  font-size:9.5px;
}
#inboxModuleView.inbox-category-general .inbox-row-meta .inbox-state.general{
  border:1px solid #d7e2eb;
  background:#f1f5f8;
  color:#516d84;
}
#inboxModuleView.inbox-category-general .empty{
  min-height:300px;
  display:grid;
  place-items:center;
  color:#8a99aa;
}

@media(max-width:980px){
  #inboxModuleView.inbox-category-general .inbox-row{
    grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);
  }
  #inboxModuleView.inbox-category-general .inbox-row-meta{
    grid-column:1/-1;
    justify-content:flex-start;
    max-width:none;
  }
}
@media(max-width:680px){
  #inboxModuleView.inbox-category-general .module-hero{
    display:grid;
    padding:23px 20px;
  }
  #inboxModuleView.inbox-category-general #inboxModuleTitle{
    font-size:26px;
  }
  #inboxModuleView.inbox-category-general .inbox-row{
    grid-template-columns:1fr;
    gap:9px;
    padding:15px 16px;
  }
  #inboxModuleView.inbox-category-general .inbox-row>strong{
    grid-column:auto;
  }
  #inboxModuleView.inbox-category-general .inbox-row-meta{
    grid-column:auto;
  }
}