/* E-Mail as a portal workspace: navigation, message list and reading pane. */
.kai-mail-open .portal-context,
.kai-mail-open .portal-filterbar,
.kai-mail-open .portal-dashboard,
.kai-mail-open #portalLoadNotice { display: none !important; }
.kai-mail-open .portal-main-nav [data-view].active { color: #667085; }
.kai-mail-open .portal-main-nav [data-view].active::after { display: none; }
.portal-main-nav #mailInboxBtn[aria-current="page"] { color: #16375d; }
.kai-mail-open .portal-main-nav .main-nav-item { flex-shrink: 0; }
.portal-main-nav #mailInboxBtn[aria-current="page"]::after {
  content: ""; position: absolute; left: 14px; right: 14px; bottom: 0;
  height: 3px; border-radius: 3px; background: #16375d;
}
#mailWorkspaceHost[hidden], .kai-mail-v2[hidden] { display: none !important; }
#mailWorkspaceHost { min-width: 0; background: #fff; }
.kai-mail-v2 {
  display: grid; grid-template-columns: 170px minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr);
  width: 100%; height: calc(100dvh - var(--kai-mail-header-height, 80px)); min-height: 580px; max-height: none;
  margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none;
}
.kai-mail-v2 .km2-header { grid-column: 1 / -1; padding: 18px 26px; }
.kai-mail-v2 .km2-header h2 { font-size: 24px; }
.kai-mail-v2 .km2-nav {
  grid-column: 1; grid-row: 2 / 4; flex-direction: column; flex-wrap: nowrap;
  align-items: stretch; gap: 7px; padding: 18px 12px; border-bottom: 0;
  border-right: 1px solid #e3e9f1; background: #f7f9fc;
}
.kai-mail-v2 .km2-nav button { text-align: left; border-color: transparent; background: transparent; }
.kai-mail-v2 .km2-nav [aria-current="page"] { background: #e6eef9; border-color: #c4d5ed; color: #16375d; }
.kai-mail-v2 .km2-notice { grid-column: 2; grid-row: 2; padding: 12px 24px; border-bottom: 1px solid #edf0f5; }
.kai-mail-v2 .km2-content { grid-column: 2; grid-row: 3; min-width: 0; min-height: 0; overflow: auto; }
.kai-mail-v2[data-mail-view="inbox"] .km2-content,
.kai-mail-v2[data-mail-view="correspondence"] .km2-content {
  display: flex; flex-direction: column; padding: 14px 20px 20px; overflow: hidden;
}
.kai-mail-v2 .km2-content > .km2-hint { margin: 0 0 8px; }
.kai-mail-v2 .km2-filters { flex-shrink: 0; }
.kai-mail-v2 .km2-content > .km2-actions { flex-shrink: 0; margin: 6px 0 12px; }
.kai-mail-v2 .km2-split {
  flex: 1; min-height: 220px; margin-top: 0;
  grid-template-columns: minmax(270px, 35%) minmax(0, 1fr); border-radius: 8px;
}
.kai-mail-v2 .km2-list, .kai-mail-v2 .km2-detail { min-height: 0; max-height: none; overflow: auto; }
.kai-mail-v2 .km2-message-row { border-radius: 5px; border-bottom: 1px solid #edf0f5; }
.kai-mail-v2 .km2-message-row[aria-current="true"] { background: #eaf1fb; }
.kai-mail-v2 .km2-detail { padding: 22px 26px; }
.kai-mail-v2 .km2-detail h3 { line-height: 1.35; }
.kai-mail-v2 #km2ComposeForm { max-width: 1120px; }
.kai-mail-v2 #km2Body { min-height: 260px; }
.kai-mail-v2 .kai-dictation-tools { font-weight: 400; }
.kai-mail-v2 .kai-dictation-button { padding: 5px 9px; font-size: 13px; }
@media (max-width: 1000px) {
  .kai-mail-v2 { grid-template-columns: 145px minmax(0, 1fr); }
  .kai-mail-v2 .km2-split { grid-template-columns: minmax(215px, 37%) minmax(0, 1fr); }
  .kai-mail-v2 .km2-detail { padding: 18px; }
}
@media (max-width: 760px) {
  .kai-mail-v2 { display: flex; flex-direction: column; height: auto; min-height: calc(100dvh - 132px); }
  .kai-mail-v2 .km2-header { padding: 14px 16px; }
  .kai-mail-v2 .km2-nav { flex-direction: row; flex-wrap: wrap; padding: 10px 12px; border-right: 0; border-bottom: 1px solid #e3e9f1; }
  .kai-mail-v2 .km2-nav button { flex: 1 0 auto; text-align: center; }
  .kai-mail-v2 .km2-content,
  .kai-mail-v2[data-mail-view="inbox"] .km2-content,
  .kai-mail-v2[data-mail-view="correspondence"] .km2-content { padding: 14px 12px; overflow: visible; }
  .kai-mail-v2 .km2-filters { grid-template-columns: 1fr; gap: 0; }
  .kai-mail-v2 .km2-field { margin: 6px 0; }
  .kai-mail-v2 .km2-split { flex: auto; grid-template-columns: 1fr; min-height: 480px; }
  .kai-mail-v2 .km2-list { max-height: 260px; border-right: 0; border-bottom: 1px solid #dce5ef; }
  .kai-mail-v2 .km2-detail { min-height: 260px; overflow: visible; }
}