/* HexaVox Mail enterprise closeout.
   This file is intentionally last: it establishes one pane, one interaction
   model, and one responsive shell after the legacy score-10 layers. */

html,
body.mail-body,
body.mail-embedded {
  max-width: 100%;
  overflow-x: hidden !important;
}

body.mail-body .mail-pane-stack,
body.mail-embedded .mail-pane-stack {
  display: block !important;
  min-width: 0 !important;
}

body.mail-body .mail-pane.hidden,
body.mail-embedded .mail-pane.hidden,
body.mail-body .mail-pane:not(.is-active):not(.is-split-companion),
body.mail-embedded .mail-pane:not(.is-active):not(.is-split-companion) {
  display: none !important;
}

body.mail-body .mail-shell.mail-pane.is-active,
body.mail-embedded .mail-shell.mail-pane.is-active {
  display: grid !important;
}

body.mail-body .mail-reader-shell.mail-pane.is-active,
body.mail-embedded .mail-reader-shell.mail-pane.is-active,
body.mail-body .mail-ai-shell.mail-pane.is-active,
body.mail-embedded .mail-ai-shell.mail-pane.is-active,
body.mail-body .mail-settings-shell.mail-pane.is-active,
body.mail-embedded .mail-settings-shell.mail-pane.is-active,
body.mail-body .mail-insights-shell.mail-pane.is-active,
body.mail-embedded .mail-insights-shell.mail-pane.is-active {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.mail-body .mail-search-shell,
body.mail-embedded .mail-search-shell {
  isolation: isolate;
  z-index: 80 !important;
}

body.mail-body .mail-search-suggestions,
body.mail-embedded .mail-search-suggestions,
body.mail-body .mail-search-filter-popover,
body.mail-embedded .mail-search-filter-popover {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 120 !important;
  width: min(720px, calc(100vw - 32px)) !important;
  max-height: min(620px, calc(100vh - 104px)) !important;
  overflow: auto !important;
  border: 1px solid #d6dee8 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 18px 52px rgba(24, 39, 75, .2) !important;
}

body.mail-body .mail-search-suggestions.hidden,
body.mail-embedded .mail-search-suggestions.hidden,
body.mail-body .mail-search-filter-popover.hidden,
body.mail-embedded .mail-search-filter-popover.hidden {
  display: none !important;
  pointer-events: none !important;
}

body.mail-body .mail-search-filter-grid,
body.mail-embedded .mail-search-filter-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 18px !important;
}

body.mail-body .mail-search-filter-actions,
body.mail-embedded .mail-search-filter-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 2 !important;
  padding: 12px 18px !important;
  border-top: 1px solid #e5e9ef !important;
  background: #fff !important;
}

body.mail-body[data-mail-view="gmail"] .mail-gmail-row,
body.mail-embedded[data-mail-view="gmail"] .mail-gmail-row {
  min-width: 0 !important;
  border-bottom: 1px solid #edf0f3 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.mail-body[data-mail-view="gmail"] .mail-gmail-row-actions,
body.mail-embedded[data-mail-view="gmail"] .mail-gmail-row-actions {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  display: flex !important;
  gap: 3px !important;
  padding: 3px !important;
  border-radius: 8px !important;
  background: inherit !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
  transition: opacity .12s ease !important;
}

body.mail-body[data-mail-view="gmail"] .mail-gmail-row:hover .mail-gmail-row-actions,
body.mail-embedded[data-mail-view="gmail"] .mail-gmail-row:hover .mail-gmail-row-actions,
body.mail-body[data-mail-view="gmail"] .mail-gmail-row:focus-within .mail-gmail-row-actions,
body.mail-embedded[data-mail-view="gmail"] .mail-gmail-row:focus-within .mail-gmail-row-actions {
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.mail-body[data-mail-view="gmail"] .mail-gmail-row:hover .mail-gmail-row-time,
body.mail-embedded[data-mail-view="gmail"] .mail-gmail-row:hover .mail-gmail-row-time,
body.mail-body[data-mail-view="gmail"] .mail-gmail-row:focus-within .mail-gmail-row-time,
body.mail-embedded[data-mail-view="gmail"] .mail-gmail-row:focus-within .mail-gmail-row-time {
  visibility: hidden !important;
}

body.mail-body .mail-gmail-folder-strip,
body.mail-embedded .mail-gmail-folder-strip,
body.mail-body .mail-workspace-categories,
body.mail-embedded .mail-workspace-categories {
  scrollbar-width: none !important;
}

body.mail-body .mail-gmail-folder-strip::-webkit-scrollbar,
body.mail-embedded .mail-gmail-folder-strip::-webkit-scrollbar,
body.mail-body .mail-workspace-categories::-webkit-scrollbar,
body.mail-embedded .mail-workspace-categories::-webkit-scrollbar {
  display: none !important;
}

body.mail-body[data-mail-view="gmail"] .mail-team-only-section,
body.mail-embedded[data-mail-view="gmail"] .mail-team-only-section,
body.mail-body[data-mail-view="gmail"] .mail-thread-case-header,
body.mail-embedded[data-mail-view="gmail"] .mail-thread-case-header,
body.mail-body[data-mail-view="gmail"] .mail-thread-next-step,
body.mail-embedded[data-mail-view="gmail"] .mail-thread-next-step,
body.mail-body[data-mail-view="gmail"] .mail-thread-collaboration,
body.mail-embedded[data-mail-view="gmail"] .mail-thread-collaboration {
  display: none !important;
}

body.mail-body[data-mail-view="gmail"] .mail-view-layout,
body.mail-embedded[data-mail-view="gmail"] .mail-view-layout {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.mail-body[data-mail-view="gmail"] .mail-thread-rail,
body.mail-embedded[data-mail-view="gmail"] .mail-thread-rail {
  display: none !important;
}

body.mail-body .mail-ai-workbench,
body.mail-embedded .mail-ai-workbench,
body.mail-body .mail-settings-card,
body.mail-embedded .mail-settings-card,
body.mail-body .mail-view-panel,
body.mail-embedded .mail-view-panel {
  width: 100% !important;
  max-width: 1480px !important;
  min-height: calc(100vh - 104px) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

body.mail-body .mail-ai-panel-workbench,
body.mail-embedded .mail-ai-panel-workbench {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr) !important;
  align-items: start !important;
}

body.mail-body .mail-pane.is-active .mail-settings-card > .mail-panel-header,
body.mail-embedded .mail-pane.is-active .mail-settings-card > .mail-panel-header,
body.mail-body .mail-pane.is-active .mail-ai-workbench > .mail-panel-header,
body.mail-embedded .mail-pane.is-active .mail-ai-workbench > .mail-panel-header,
body.mail-body .mail-pane.is-active .mail-view-sticky-chrome > .mail-panel-header,
body.mail-embedded .mail-pane.is-active .mail-view-sticky-chrome > .mail-panel-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
}

body.mail-body #mail-compose-modal .mail-compose-card,
body.mail-embedded #mail-compose-modal .mail-compose-card {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

body.mail-body #mail-compose-modal,
body.mail-embedded #mail-compose-modal {
  width: 100vw !important;
  max-width: none !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: none !important;
}

body.mail-body #mail-compose-modal .mail-modal-hero,
body.mail-embedded #mail-compose-modal .mail-modal-hero {
  flex: 0 0 auto !important;
  min-height: 46px !important;
  padding: 8px 12px !important;
}

body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-quickbar,
body.mail-embedded.mail-simple-mode #mail-compose-modal .mail-compose-quickbar,
body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-field-group-label,
body.mail-embedded.mail-simple-mode #mail-compose-modal .mail-compose-field-group-label,
body.mail-body.mail-simple-mode #mail-compose-modal #compose-send-blocker-banner,
body.mail-embedded.mail-simple-mode #mail-compose-modal #compose-send-blocker-banner,
body.mail-body.mail-simple-mode #mail-compose-modal #compose-pre-send-assurance,
body.mail-embedded.mail-simple-mode #mail-compose-modal #compose-pre-send-assurance,
body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-editor-hint,
body.mail-embedded.mail-simple-mode #mail-compose-modal .mail-compose-editor-hint {
  display: none !important;
}

body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-section,
body.mail-embedded.mail-simple-mode #mail-compose-modal .mail-compose-section {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-section-head,
body.mail-embedded.mail-simple-mode #mail-compose-modal .mail-compose-section-head,
body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-field-validation,
body.mail-embedded.mail-simple-mode #mail-compose-modal .mail-compose-field-validation {
  display: none !important;
}

body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid,
body.mail-embedded.mail-simple-mode #mail-compose-modal .mail-compose-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid > div,
body.mail-embedded.mail-simple-mode #mail-compose-modal .mail-compose-grid > div {
  padding: 8px 12px !important;
  border-bottom: 1px solid #eceff3 !important;
}

body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid > div:has(#compose-mailbox),
body.mail-embedded.mail-simple-mode #mail-compose-modal .mail-compose-grid > div:has(#compose-mailbox) {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
}

body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid label,
body.mail-embedded.mail-simple-mode #mail-compose-modal .mail-compose-grid label {
  margin: 0 !important;
  color: #5f6368 !important;
  font-size: 12px !important;
}

body.mail-body.mail-simple-mode #mail-compose-modal input,
body.mail-embedded.mail-simple-mode #mail-compose-modal input,
body.mail-body.mail-simple-mode #mail-compose-modal select,
body.mail-embedded.mail-simple-mode #mail-compose-modal select,
body.mail-body.mail-simple-mode #mail-compose-modal .mail-recipient-field,
body.mail-embedded.mail-simple-mode #mail-compose-modal .mail-recipient-field {
  min-height: 34px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.mail-body.mail-simple-mode #mail-compose-modal .mail-rich-editor,
body.mail-embedded.mail-simple-mode #mail-compose-modal .mail-rich-editor {
  min-height: 210px !important;
  max-height: 300px !important;
  padding: 12px !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-actions,
body.mail-embedded.mail-simple-mode #mail-compose-modal .mail-compose-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 8 !important;
  flex: 0 0 auto !important;
  background: #fff !important;
}

/* The host supplies product navigation; mail supplies mail navigation. */
body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] .tenant-workspace-compose-panel,
body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] #app-mail-rail,
body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] #app-mail-rail-divider,
body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] #app-inbox-health-strip,
body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] .tenant-app-header,
body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] .tenant-workspace-tabs {
  display: none !important;
}

body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] #app-stage-inbox,
body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] #app-mail-shell {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] #app-mail-frame {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: calc(100dvh - 64px) !important;
  min-height: 720px !important;
  border: 0 !important;
}

@media (max-width: 900px) {
  body.mail-body .mail-topbar,
  body.mail-embedded .mail-topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding: 8px 10px !important;
  }

  body.mail-body .mail-brand,
  body.mail-embedded .mail-brand {
    display: none !important;
  }

  body.mail-body .mail-search-shell,
  body.mail-embedded .mail-search-shell {
    grid-column: 1 !important;
    min-width: 0 !important;
  }

  body.mail-body .mail-topbar-actions,
  body.mail-embedded .mail-topbar-actions {
    grid-column: 2 !important;
  }

  body.mail-body .mail-search-filter-btn span,
  body.mail-embedded .mail-search-filter-btn span {
    display: none !important;
  }

  body.mail-body .mail-search-filter-popover,
  body.mail-embedded .mail-search-filter-popover,
  body.mail-body .mail-search-suggestions,
  body.mail-embedded .mail-search-suggestions {
    position: fixed !important;
    top: 58px !important;
    right: 8px !important;
    left: 8px !important;
    width: auto !important;
    max-height: calc(100dvh - 76px) !important;
  }

  body.mail-body .mail-search-filter-grid,
  body.mail-embedded .mail-search-filter-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mail-body .mail-shell.mail-pane.is-active,
  body.mail-embedded .mail-shell.mail-pane.is-active {
    display: block !important;
  }

  body.mail-body .mail-sidebar-panel,
  body.mail-embedded .mail-sidebar-panel,
  body.mail-body .mail-simple-account-chip,
  body.mail-embedded .mail-simple-account-chip,
  body.mail-body .mail-simple-advanced-search-btn,
  body.mail-embedded .mail-simple-advanced-search-btn,
  body.mail-body .mail-simple-compose-btn,
  body.mail-embedded .mail-simple-compose-btn,
  body.mail-body .mail-simple-list-controls > label,
  body.mail-embedded .mail-simple-list-controls > label {
    display: none !important;
  }

  body.mail-body .mail-thread-panel,
  body.mail-embedded .mail-thread-panel {
    width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  body.mail-body .mail-simple-consensus-toolbar,
  body.mail-embedded .mail-simple-consensus-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    min-height: 44px !important;
    padding: 5px 8px !important;
    overflow: hidden !important;
  }

  body.mail-body .mail-simple-list-controls,
  body.mail-embedded .mail-simple-list-controls {
    display: flex !important;
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    overflow: hidden !important;
  }

  body.mail-body .mail-simple-list-controls > button:nth-of-type(n+5),
  body.mail-embedded .mail-simple-list-controls > button:nth-of-type(n+5) {
    display: none !important;
  }

  body.mail-body .mail-gmail-folder-strip,
  body.mail-embedded .mail-gmail-folder-strip,
  body.mail-body .mail-workspace-categories,
  body.mail-embedded .mail-workspace-categories {
    display: flex !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    scroll-snap-type: x proximity !important;
  }

  body.mail-body .mail-gmail-folder-strip > *,
  body.mail-embedded .mail-gmail-folder-strip > *,
  body.mail-body .mail-workspace-categories > *,
  body.mail-embedded .mail-workspace-categories > * {
    flex: 0 0 auto !important;
    scroll-snap-align: start !important;
  }

  body.mail-body[data-mail-view="gmail"] .mail-gmail-row,
  body.mail-embedded[data-mail-view="gmail"] .mail-gmail-row {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    min-height: 68px !important;
  }

  body.mail-body[data-mail-view="gmail"] .mail-gmail-row-select,
  body.mail-embedded[data-mail-view="gmail"] .mail-gmail-row-select {
    width: 48px !important;
    min-width: 48px !important;
  }

  body.mail-body[data-mail-view="gmail"] .mail-gmail-row-select .mail-gmail-row-important,
  body.mail-embedded[data-mail-view="gmail"] .mail-gmail-row-select .mail-gmail-row-important,
  body.mail-body[data-mail-view="gmail"] .mail-gmail-row-avatar,
  body.mail-embedded[data-mail-view="gmail"] .mail-gmail-row-avatar,
  body.mail-body[data-mail-view="gmail"] .mail-gmail-row-actions,
  body.mail-embedded[data-mail-view="gmail"] .mail-gmail-row-actions {
    display: none !important;
  }

  body.mail-body[data-mail-view="gmail"] .mail-gmail-row-open,
  body.mail-embedded[data-mail-view="gmail"] .mail-gmail-row-open {
    grid-template-columns: minmax(76px, .32fr) minmax(0, 1fr) auto !important;
    min-width: 0 !important;
  }

  body.mail-body .mail-mobile-bottom-nav,
  body.mail-embedded .mail-mobile-bottom-nav {
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.mail-body .thread-items,
  body.mail-embedded .thread-items {
    padding-bottom: 76px !important;
  }

  body.mail-body .mail-ai-panel-workbench,
  body.mail-embedded .mail-ai-panel-workbench,
  body.mail-body .mail-settings-management-grid,
  body.mail-embedded .mail-settings-management-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mail-body #mail-compose-modal,
  body.mail-embedded #mail-compose-modal {
    inset: 0 !important;
    padding: 0 !important;
  }

  body.mail-body #mail-compose-modal .mail-compose-card,
  body.mail-embedded #mail-compose-modal .mail-compose-card {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  body.mail-body #mail-compose-modal .mail-modal-main,
  body.mail-embedded #mail-compose-modal .mail-modal-main {
    flex: 1 1 auto !important;
    max-height: none !important;
    overflow: auto !important;
  }

  body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] .tenant-app-sidebar,
  body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] #app-mobile-nav {
    display: none !important;
  }

  body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] .tenant-workspace-frame,
  body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] .tenant-stage-grid,
  body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] .tenant-app-main,
  body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] .tenant-workspace-surface {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.tenant-app-body[data-app-surface="workspace"][data-active-tab="inbox"] #app-mail-frame {
    height: calc(100dvh - 52px) !important;
    min-height: 0 !important;
  }
}

@media (min-width: 980px) {
  body.mail-body[data-mail-reading-pane="split"] .mail-pane-stack,
  body.mail-embedded[data-mail-reading-pane="split"] .mail-pane-stack {
    display: grid !important;
  }

  body.mail-body[data-mail-reading-pane="split"] .mail-reader-shell.is-split-companion,
  body.mail-embedded[data-mail-reading-pane="split"] .mail-reader-shell.is-split-companion {
    display: block !important;
  }
}

/* Quick settings remain in context; the full settings page is reserved for deeper configuration. */
body.mail-body .mail-quick-settings-scrim,
body.mail-embedded .mail-quick-settings-scrim {
  position: fixed;
  inset: 0;
  z-index: 298;
  background: rgba(15, 23, 42, .24);
  backdrop-filter: blur(1px);
}

body.mail-body .mail-quick-settings,
body.mail-embedded .mail-quick-settings {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 300;
  display: flex;
  flex-direction: column;
  width: min(390px, 100vw);
  height: 100dvh;
  border-left: 1px solid #dce3ec;
  background: #fff;
  box-shadow: -18px 0 48px rgba(15, 23, 42, .18);
}

body.mail-body .mail-quick-settings.hidden,
body.mail-embedded .mail-quick-settings.hidden,
body.mail-body .mail-quick-settings-scrim.hidden,
body.mail-embedded .mail-quick-settings-scrim.hidden {
  display: none !important;
}

.mail-quick-settings-head,
.mail-quick-settings-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px;
  border-bottom: 1px solid #e7ebf0;
}

.mail-quick-settings-head h2 { margin: 2px 0 0; font-size: 22px; }
.mail-quick-settings-body { display: grid; gap: 18px; padding: 20px; overflow: auto; }
.mail-quick-settings-body > label { display: grid; gap: 7px; color: #344054; font-weight: 700; }
.mail-quick-settings-body select { width: 100%; min-height: 42px; }
.mail-quick-settings-body fieldset { display: grid; gap: 10px; margin: 0; padding: 14px; border: 1px solid #dce3ec; border-radius: 12px; }
.mail-quick-settings-check { grid-template-columns: auto minmax(0, 1fr) !important; align-items: center; }
.mail-quick-settings-footer { margin-top: auto; border-top: 1px solid #e7ebf0; border-bottom: 0; }
.mail-quick-settings-footer button { width: 100%; }

.mail-settings-navigation-shell {
  position: sticky;
  top: 0;
  z-index: 12;
  display: grid;
  grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
  gap: 10px 16px;
  padding: 14px 18px;
  border-block: 1px solid #e7ebf0;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(10px);
}

.mail-settings-search-label { align-self: center; font-weight: 800; }
.mail-settings-navigation-shell #mail-settings-search { min-height: 40px; }
.mail-settings-navigation { grid-column: 1 / -1; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: thin; }
.mail-settings-navigation button { flex: 0 0 auto; }
.mail-settings-section.is-search-hidden { display: none !important; }
.mail-settings-management-note { margin: 18px; padding: 18px; border: 1px solid #f2c94c; border-radius: 12px; background: #fff9df; }
.mail-settings-management-note p { margin: 6px 0 0; color: #5f4b00; }
.mail-settings-actions { position: sticky !important; bottom: 0 !important; z-index: 10 !important; background: rgba(255,255,255,.96) !important; backdrop-filter: blur(10px); }

.mail-thread-ai-context {
  margin: 12px 0;
  border: 1px solid #cddbf4;
  border-radius: 14px;
  background: linear-gradient(135deg, #f7f9ff 0%, #fff 72%);
  overflow: clip;
  scroll-margin-top: 120px;
}

.mail-thread-ai-context > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 15px;
  cursor: pointer;
  list-style: none;
}

.mail-thread-ai-context > summary::-webkit-details-marker { display: none; }
.mail-thread-ai-context > summary > span:first-child { display: grid; gap: 2px; }
.mail-thread-ai-context > summary small { color: #667085; font-weight: 500; }
.mail-thread-ai-context-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 0 14px 14px; }
.mail-thread-ai-context-body > section { min-width: 0; padding: 13px; border: 1px solid #e1e7f0; border-radius: 11px; background: #fff; }
.mail-thread-ai-section-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.mail-thread-ai-replies { display: grid; gap: 7px; }
.mail-thread-ai-replies button { width: 100%; text-align: left; white-space: normal; }

body.mail-body.mail-simple-mode #mail-thread-toolbar .mail-thread-toolbar-group[aria-label="Response actions"],
body.mail-embedded.mail-simple-mode #mail-thread-toolbar .mail-thread-toolbar-group[aria-label="Response actions"],
body.mail-body.mail-simple-mode .mail-thread-inline-back,
body.mail-embedded.mail-simple-mode .mail-thread-inline-back {
  display: none !important;
}

@media (max-width: 700px) {
  html body.mail-body.mail-simple-mode .mail-simple-compose-btn,
  html body.mail-embedded.mail-simple-mode .mail-simple-compose-btn {
    display: none !important;
  }
  .mail-settings-navigation-shell { grid-template-columns: minmax(0, 1fr); }
  .mail-settings-navigation-shell #mail-settings-search,
  .mail-settings-navigation { grid-column: 1; }
  .mail-thread-ai-context-body { grid-template-columns: minmax(0, 1fr); }
}

/* Standalone Mail is the canonical enterprise surface. Keep the embedded rules
   above as the explicit rollback path for /app?embeddedMail=1. */
html body.mail-body:not(.mail-embedded) {
  min-height: 100dvh !important;
  margin: 0 !important;
  background: #f6f8fc !important;
}

html body.mail-body:not(.mail-embedded) .mail-page {
  display: grid !important;
  grid-template-rows: 64px minmax(0, 1fr) !important;
  width: 100% !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: padding-right .16s ease !important;
}

html body.mail-body:not(.mail-embedded) .mail-topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 90 !important;
  display: grid !important;
  grid-template-columns: 220px minmax(320px, 720px) minmax(132px, 1fr) !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 64px !important;
  padding: 8px 18px !important;
  border: 0 !important;
  background: #f6f8fc !important;
  box-shadow: none !important;
}

html body.mail-body:not(.mail-embedded) .mail-search-shell {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 !important;
}

html body.mail-body:not(.mail-embedded) .mail-search-token-strip {
  display: none !important;
}

html body.mail-body:not(.mail-embedded) .mail-pane-stack {
  min-height: 0 !important;
  padding: 0 14px 14px 0 !important;
  transition: margin-right .16s ease !important;
}

html body.mail-body:not(.mail-embedded) .mail-shell.mail-pane.is-active {
  display: grid !important;
  grid-template-columns: 232px minmax(0, 1fr) !important;
  gap: 0 !important;
  min-height: calc(100dvh - 78px) !important;
  align-items: stretch !important;
}

html body.mail-body:not(.mail-embedded) .mail-sidebar-panel {
  position: relative !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: calc(100dvh - 78px) !important;
  padding: 4px 12px 20px 8px !important;
  overflow: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.mail-body:not(.mail-embedded) .mail-compose-cta {
  min-height: 52px !important;
  margin: 4px 0 14px !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .18), 0 1px 3px rgba(60, 64, 67, .1) !important;
}

html body.mail-body:not(.mail-embedded) .mail-workspace-nav-item {
  min-height: 32px !important;
  padding-block: 4px !important;
  border-radius: 0 18px 18px 0 !important;
  box-shadow: none !important;
}

html body.mail-body:not(.mail-embedded) .mail-thread-panel {
  min-width: 0 !important;
  height: calc(100dvh - 78px) !important;
  overflow: auto !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body:not(.mail-embedded) .mail-workspace-toolbar {
  display: flex !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 6px 12px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  overflow: visible !important;
  border-bottom: 1px solid #e9edf3 !important;
  background: #fff !important;
}

html body.mail-body:not(.mail-embedded) .mail-workspace-toolbar-actions,
html body.mail-body:not(.mail-embedded) .mail-workspace-toolbar-meta {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 4px !important;
}

html body.mail-body:not(.mail-embedded).mail-simple-mode .mail-workspace-bulk-label,
html body.mail-body:not(.mail-embedded).mail-simple-mode .mail-workspace-secondary-bulk,
html body.mail-body:not(.mail-embedded).mail-simple-mode #mail-archive-selected-btn,
html body.mail-body:not(.mail-embedded).mail-simple-mode #mail-spam-selected-btn,
html body.mail-body:not(.mail-embedded).mail-simple-mode #mail-delete-selected-btn,
html body.mail-body:not(.mail-embedded).mail-simple-mode #mail-system-status,
html body.mail-body:not(.mail-embedded).mail-simple-mode #mail-sort-state,
html body.mail-body:not(.mail-embedded).mail-simple-mode .mail-density-menu,
html body.mail-body:not(.mail-embedded).mail-simple-mode .mail-bulk-triage-actions {
  display: none !important;
}

/* Selection replaces the idle list toolbar with one contained action row. */
html body.mail-body #mail-threads .mail-triage-strip.has-selection {
  position: sticky !important;
  inset: 48px 0 auto !important;
  z-index: 6 !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  align-items: center !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom: 1px solid #e3e7ee !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body #mail-threads .mail-triage-strip.has-selection > :not(.mail-gmail-selection-toolbar) {
  display: none !important;
}

html body.mail-body #mail-threads .mail-gmail-selection-toolbar,
html body.mail-embedded #mail-threads .mail-gmail-selection-toolbar {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}

html body.mail-body #mail-threads .mail-gmail-selection-summary {
  min-width: 110px !important;
  color: #3c4043 !important;
  font-size: 12px !important;
}

html body.mail-body #mail-threads .mail-gmail-selection-actions,
html body.mail-body #mail-threads .mail-gmail-action-group {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 4px !important;
  flex-wrap: wrap !important;
}

html body.mail-body #mail-threads .mail-gmail-selection-toolbar button,
html body.mail-body #mail-threads .mail-gmail-selection-toolbar select {
  min-height: 30px !important;
  padding: 4px 9px !important;
  border: 1px solid #dadce0 !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #3c4043 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

/* Keep the composer as calm as Gmail until the author explicitly expands it. */
html body #mail-compose-modal:not(.is-options-open) .mail-compose-format-toolbar > select,
html body #mail-compose-modal:not(.is-options-open) .mail-compose-format-toolbar > input,
html body #mail-compose-modal:not(.is-options-open) [data-compose-format="underline"],
html body #mail-compose-modal:not(.is-options-open) [data-compose-format="insertUnorderedList"],
html body #mail-compose-modal:not(.is-options-open) [data-compose-format="insertOrderedList"],
html body #mail-compose-modal:not(.is-options-open) [data-compose-format="outdent"],
html body #mail-compose-modal:not(.is-options-open) [data-compose-format="indent"],
html body #mail-compose-modal:not(.is-options-open) [data-compose-format="justifyLeft"],
html body #mail-compose-modal:not(.is-options-open) [data-compose-format="justifyCenter"],
html body #mail-compose-modal:not(.is-options-open) [data-compose-format="removeFormat"],
html body #mail-compose-modal:not(.is-options-open) [data-compose-format-value],
html body #mail-compose-modal:not(.is-options-open) [data-compose-inline-image],
html body #mail-compose-modal:not(.is-options-open) [data-compose-cloud-link],
html body #mail-compose-modal:not(.is-options-open) [data-compose-confidential-toggle],
html body #mail-compose-modal:not(.is-options-open) .mail-compose-secondary-option,
html body #mail-compose-modal:not(.is-options-open) .mail-compose-attachment-dropzone,
html body #mail-compose-modal:not(.is-options-open) .mail-compose-attachment-toolbar > div:first-child {
  display: none !important;
}

html body #mail-compose-modal.is-options-open .mail-compose-format-toolbar > button,
html body #mail-compose-modal.is-options-open .mail-compose-format-toolbar > select,
html body #mail-compose-modal.is-options-open .mail-compose-format-toolbar > input,
html body #mail-compose-modal.is-options-open .mail-compose-secondary-option {
  display: inline-flex !important;
  visibility: visible !important;
}

html body #mail-compose-modal .mail-compose-more-options {
  display: inline-flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 30px !important;
  height: 30px !important;
}

html body #mail-compose-modal:not(.hidden) .mail-compose-window-btn,
html body #mail-compose-modal:not(.hidden) .mail-compose-close-btn {
  display: inline-flex !important;
  visibility: visible !important;
  min-width: 32px !important;
  height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
}

html body #mail-compose-modal:not(.hidden) .mail-compose-window-actions {
  display: flex !important;
  visibility: visible !important;
  align-items: center !important;
  gap: 4px !important;
}

/* Secondary compose dialogs must sit above the modeless composer. */
html body .mail-compose-modal:not(#mail-compose-modal) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1200 !important;
  display: grid !important;
  width: 100vw !important;
  height: 100dvh !important;
  padding: 24px !important;
  place-items: center !important;
  overflow: auto !important;
  background: rgba(32, 33, 36, .42) !important;
  pointer-events: auto !important;
}

html body .mail-compose-modal:not(#mail-compose-modal).hidden,
html body .mail-compose-modal:not(#mail-compose-modal)[hidden] {
  display: none !important;
}

html body .mail-compose-modal:not(#mail-compose-modal) > .panel {
  position: relative !important;
  z-index: 1 !important;
  width: min(640px, calc(100vw - 32px)) !important;
  max-height: min(760px, calc(100dvh - 32px)) !important;
  margin: 0 !important;
  overflow: auto !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 12px 38px rgba(32, 33, 36, .24) !important;
}

html body.mail-body:not(.mail-embedded).mail-load-failed .mail-workspace-categories,
html body.mail-body:not(.mail-embedded).mail-load-failed .mail-panel-header {
  display: none !important;
}

html body.mail-body:not(.mail-embedded).mail-load-failed .mail-thread-list {
  min-height: 0 !important;
}

.mail-recovery-state {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  min-height: min(520px, calc(100dvh - 180px));
  padding: 44px 24px;
  text-align: center;
}

.mail-recovery-state h2,
.mail-recovery-state p {
  margin: 0;
}

.mail-recovery-state p {
  max-width: 480px;
  color: #5f6368;
  line-height: 1.55;
}

.mail-recovery-state small { color: #7b8491; }

.mail-recovery-icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 50%;
  background: #fce8e6;
  color: #b3261e;
  font-size: 22px;
  font-weight: 800;
}

.mail-recovery-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 6px;
}

.mail-recovery-primary,
.mail-recovery-secondary {
  min-height: 40px;
  padding: 9px 18px;
  border: 1px solid #d8e0ea;
  border-radius: 20px;
  background: #fff;
  color: #174ea6;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
}

.mail-recovery-primary {
  border-color: #0b57d0;
  background: #0b57d0;
  color: #fff;
}

html body.mail-body:not(.mail-embedded) .mail-simple-consensus-toolbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-height: 48px !important;
  padding: 6px 12px !important;
  border-bottom: 1px solid #e9edf3 !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: none !important;
}

html body.mail-body:not(.mail-embedded) .mail-simple-list-controls {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
}

html body.mail-body:not(.mail-embedded) .mail-simple-list-controls button,
html body.mail-body:not(.mail-embedded) .mail-visible-view-mode-toggle button {
  min-height: 34px !important;
  padding: 5px 9px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html body.mail-body:not(.mail-embedded) .mail-workspace-categories {
  min-height: 48px !important;
  padding-inline: 12px !important;
  border-bottom: 1px solid #edf0f3 !important;
  background: #fff !important;
}

html body.mail-body:not(.mail-embedded) .mail-workspace-categories .mail-workspace-tab {
  min-height: 47px !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.mail-body:not(.mail-embedded) .mail-workspace-categories .mail-workspace-tab.active,
html body.mail-body:not(.mail-embedded) .mail-workspace-categories .mail-workspace-tab[aria-pressed="true"] {
  border-bottom-color: #0b57d0 !important;
  background: #f8fbff !important;
  color: #0b57d0 !important;
}

html body.mail-body:not(.mail-embedded) .mail-quick-settings-scrim {
  display: none !important;
}

html body.mail-body:not(.mail-embedded) .mail-quick-settings {
  top: 64px !important;
  width: min(340px, 100vw) !important;
  height: calc(100dvh - 64px) !important;
  border: 0 !important;
  border-left: 1px solid #e2e7ee !important;
  box-shadow: -8px 0 24px rgba(15, 23, 42, .08) !important;
}

html body.mail-body:not(.mail-embedded).mail-quick-settings-open .mail-pane-stack,
html body.mail-body:not(.mail-embedded).mail-outbox-open .mail-pane-stack {
  margin-right: 340px !important;
}

html body.mail-body:not(.mail-embedded).mail-quick-settings-open .mail-context-rail,
html body.mail-body:not(.mail-embedded).mail-outbox-open .mail-context-rail {
  display: none !important;
}

.mail-outbox-summary {
  display: grid;
  gap: 5px;
  padding: 16px 18px;
  border-bottom: 1px solid #e7ebf0;
}

.mail-outbox-summary span,
.mail-outbox-empty span,
.mail-outbox-item span,
.mail-outbox-item small {
  color: #667085;
  font-size: 12px;
}

.mail-outbox-list {
  display: grid;
  align-content: start;
  gap: 0;
  overflow: auto;
}

.mail-outbox-empty {
  display: grid;
  gap: 6px;
  padding: 28px 18px;
}

.mail-outbox-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid #edf0f3;
}

.mail-outbox-item > div:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.mail-outbox-item-actions {
  display: flex;
  align-items: center;
  gap: 5px;
}

.mail-inline-attachment-list {
  display: grid;
  gap: 6px;
  margin: 0 12px 8px;
}

.mail-inline-attachment {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid #e1e7ef;
  border-radius: 9px;
  background: #f8fafc;
}

.mail-inline-attachment > span {
  display: grid;
  flex: 1 1 auto;
  min-width: 0;
}

.mail-inline-attachment small { color: #667085; }
.mail-inline-attachment.is-error { border-color: #f2b8b5; background: #fff8f7; }

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body:not(.mail-embedded) #mail-compose-modal#mail-compose-modal#mail-compose-modal.mail-compose-modal:not(.is-fullscreen) {
  position: fixed !important;
  inset: auto 24px 18px auto !important;
  top: auto !important;
  right: 24px !important;
  bottom: 18px !important;
  left: auto !important;
  z-index: 400 !important;
  width: min(560px, calc(100vw - 32px)) !important;
  min-width: 0 !important;
  max-width: min(560px, calc(100vw - 32px)) !important;
  height: min(590px, calc(100dvh - 32px)) !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 32px) !important;
  padding: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: 0 12px 42px rgba(15, 23, 42, .24) !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body:not(.mail-embedded) #mail-compose-modal#mail-compose-modal#mail-compose-modal.mail-compose-modal:not(.is-fullscreen) .mail-compose-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 !important;
  inset: 0 !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 12px !important;
}

html body.mail-body:not(.mail-embedded).mail-simple-mode #mail-compose-modal .mail-rich-editor {
  min-height: 150px !important;
  max-height: 230px !important;
}

html body.mail-body:not(.mail-embedded).mail-simple-mode #mail-compose-session-dock {
  display: none !important;
}

@media (max-width: 900px) {
  html body.mail-body:not(.mail-embedded) .mail-page {
    grid-template-rows: 56px minmax(0, 1fr) !important;
  }

  html body.mail-body:not(.mail-embedded) .mail-pane-stack {
    padding: 0 !important;
  }

  html body.mail-body:not(.mail-embedded) .mail-shell.mail-pane.is-active {
    display: block !important;
    min-height: calc(100dvh - 56px) !important;
  }

  html body.mail-body:not(.mail-embedded) .mail-thread-panel {
    height: calc(100dvh - 56px) !important;
    border-radius: 0 !important;
  }

  html body.mail-body:not(.mail-embedded).mail-quick-settings-open .mail-pane-stack,
  html body.mail-body:not(.mail-embedded).mail-outbox-open .mail-pane-stack {
    margin-right: 0 !important;
  }

  html body.mail-body:not(.mail-embedded) .mail-quick-settings {
    top: 56px !important;
    height: calc(100dvh - 56px) !important;
  }

  html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body:not(.mail-embedded) #mail-compose-modal#mail-compose-modal#mail-compose-modal.mail-compose-modal:not(.is-fullscreen) {
    inset: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: none !important;
    border-radius: 0 !important;
  }

  html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body:not(.mail-embedded) #mail-compose-modal#mail-compose-modal#mail-compose-modal.mail-compose-modal:not(.is-fullscreen) .mail-compose-card {
    border-radius: 0 !important;
  }
}

/* Gmail-clean interaction model.
   These narrowly scoped rules intentionally terminate legacy global button
   styling without changing the queue/team-work surface. */

html body.mail-body.mail-simple-mode {
  --mail-clean-blue: #0b57d0;
  --mail-clean-blue-soft: #c2e7ff;
  --mail-clean-ink: #202124;
  --mail-clean-muted: #5f6368;
  --mail-clean-line: #e7eaee;
  --mail-clean-read: #f2f6fc;
  --mail-clean-hover: #f5f7fa;
}

html body.mail-body.mail-simple-mode:not(.mail-embedded) .mail-workspace-toolbar,
html body.mail-body.mail-simple-mode:not(.mail-embedded) .mail-workspace-categories,
html body.mail-body.mail-simple-mode:not(.mail-embedded) .mail-thread-panel > .mail-panel-header {
  display: none !important;
}

html body.mail-body.mail-simple-mode:not(.mail-embedded) .mail-thread-panel {
  overflow-x: hidden !important;
}

html body.mail-body.mail-simple-mode #mail-threads {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: #fff !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-simple-consensus-toolbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  display: flex !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 6px 12px !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mail-clean-line) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-simple-list-controls {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  overflow: visible !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-simple-list-controls button,
html body.mail-body.mail-simple-mode #mail-threads .mail-visible-view-mode-toggle button {
  display: inline-flex !important;
  min-width: 34px !important;
  width: auto !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 9px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: transparent !important;
  color: #3c4043 !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-simple-list-controls button:hover,
html body.mail-body.mail-simple-mode #mail-threads .mail-simple-list-controls button:focus-visible,
html body.mail-body.mail-simple-mode #mail-threads .mail-visible-view-mode-toggle button:hover,
html body.mail-body.mail-simple-mode #mail-threads .mail-visible-view-mode-toggle button:focus-visible {
  background: #edf2f7 !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-simple-list-controls button[disabled] {
  color: #b7bec8 !important;
  opacity: 1 !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-simple-page-range {
  min-width: max-content !important;
  margin-left: auto !important;
  padding: 0 6px !important;
  color: var(--mail-clean-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-visible-view-mode-toggle {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  padding: 2px !important;
  gap: 0 !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 18px !important;
  background: #f8fafd !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-visible-view-mode-toggle button {
  min-height: 28px !important;
  height: 28px !important;
  padding-inline: 12px !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-visible-view-mode-toggle button.is-active,
html body.mail-body.mail-simple-mode #mail-threads .mail-visible-view-mode-toggle button[aria-pressed="true"] {
  background: #fff !important;
  color: var(--mail-clean-blue) !important;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .16) !important;
}

html body.mail-body.mail-simple-mode .mail-mobile-bottom-nav,
html body.mail-body.mail-simple-mode .mail-mobile-folder-drawer {
  display: none !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-smart-category-strip {
  display: flex !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: 48px !important;
  gap: 0 !important;
  overflow-x: auto !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mail-clean-line) !important;
  background: #fff !important;
  scrollbar-width: none !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-smart-category-strip::-webkit-scrollbar {
  display: none !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-smart-category-strip button {
  display: inline-flex !important;
  flex: 1 0 118px !important;
  min-width: 118px !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 14px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--mail-clean-muted) !important;
  font-family: inherit !important;
  font-size: 12.5px !important;
  font-style: normal !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  text-align: left !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-smart-category-strip button:hover {
  background: #f7f9fc !important;
  color: var(--mail-clean-ink) !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-smart-category-strip button.is-active,
html body.mail-body.mail-simple-mode #mail-threads .mail-smart-category-strip button[aria-pressed="true"] {
  border-bottom-color: var(--mail-clean-blue) !important;
  background: transparent !important;
  color: var(--mail-clean-blue) !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-smart-category-strip button span {
  margin: 0 !important;
  color: inherit !important;
  font-size: 10.5px !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-happening-soon {
  margin: 0 !important;
  padding: 9px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mail-clean-line) !important;
  border-radius: 0 !important;
  background: #f1f5f9 !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-workspace,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-list {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 78px minmax(0, 1fr) !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  height: 42px !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 1px solid #e6e9ed !important;
  border-radius: 0 !important;
  background: var(--mail-clean-read) !important;
  color: var(--mail-clean-ink) !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row.is-unread {
  background: #fff !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row:hover,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row:focus-within {
  z-index: 2 !important;
  background: var(--mail-clean-hover) !important;
  box-shadow: 0 1px 3px rgba(60, 64, 67, .22) !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row.is-selected {
  background: #dbeafe !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-select {
  display: grid !important;
  grid-template-columns: 20px 24px 22px !important;
  width: 78px !important;
  min-width: 78px !important;
  height: 42px !important;
  padding-left: 10px !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 1px !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-select button,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-actions button,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-open {
  position: static !important;
  inset: auto !important;
  grid-area: auto !important;
  justify-self: auto !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-family: inherit !important;
  font-style: normal !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-workspace-checkbox {
  display: inline-grid !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 2px !important;
  color: #5f6368 !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-workspace-checkbox svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-star,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-important {
  display: inline-flex !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  color: #9aa0a6 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-important {
  font-size: 23px !important;
  transform: rotate(90deg) !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-star:hover,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-important:hover {
  background: #e8eaed !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-star.is-starred,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-important.is-important {
  color: #f4b400 !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-open {
  display: grid !important;
  grid-template-columns: minmax(126px, .72fr) minmax(280px, 3fr) minmax(0, auto) 76px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 12px 0 0 !important;
  align-items: center !important;
  gap: 10px !important;
  color: var(--mail-clean-ink) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-avatar {
  display: none !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-sender,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-copy,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-copy strong,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-copy-line,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-copy-line em {
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--mail-clean-ink) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-sender {
  font-weight: 500 !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-copy {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-copy strong {
  display: inline-flex !important;
  flex: 0 1 auto !important;
  max-width: 52% !important;
  align-items: center !important;
  gap: 5px !important;
  font-weight: 500 !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-copy-line {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: baseline !important;
  gap: 5px !important;
  color: var(--mail-clean-muted) !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-copy-line em {
  color: var(--mail-clean-muted) !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row.is-unread .mail-gmail-row-sender,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row.is-unread .mail-gmail-row-copy strong,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row.is-unread .mail-gmail-row-time {
  font-weight: 750 !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-unread-dot {
  display: none !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-labels {
  display: inline-flex !important;
  flex: 0 1 auto !important;
  max-width: 150px !important;
  gap: 3px !important;
  overflow: hidden !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-label {
  display: inline-flex !important;
  max-width: 76px !important;
  height: 18px !important;
  padding: 0 6px !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #e8eaed !important;
  color: #3c4043 !important;
  font-size: 9.5px !important;
  font-style: normal !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-label.is-warn,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-label.is-risk {
  background: #fce8e6 !important;
  color: #b3261e !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-label.is-file {
  background: #e6f4ea !important;
  color: #137333 !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-chips {
  display: inline-flex !important;
  min-width: 0 !important;
  max-width: 118px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  overflow: hidden !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-chips:empty {
  display: none !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-chips b {
  display: inline-flex !important;
  max-width: 112px !important;
  height: 22px !important;
  padding: 0 8px !important;
  align-items: center !important;
  overflow: hidden !important;
  border: 1px solid #dadce0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #3c4043 !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 550 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-time {
  color: var(--mail-clean-muted) !important;
  font-size: 11.5px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-actions {
  position: absolute !important;
  top: 50% !important;
  right: 7px !important;
  z-index: 4 !important;
  display: flex !important;
  height: 34px !important;
  padding: 1px 4px !important;
  align-items: center !important;
  gap: 1px !important;
  border-radius: 18px !important;
  background: inherit !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row:hover .mail-gmail-row-actions,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row:focus-within .mail-gmail-row-actions {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row:hover .mail-gmail-row-time,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row:focus-within .mail-gmail-row-time {
  visibility: hidden !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-actions button {
  display: inline-flex !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  color: #3c4043 !important;
  font-size: 0 !important;
  text-align: center !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-actions button:hover,
html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-actions button:focus-visible {
  background: #e8eaed !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-actions button::before {
  color: #3c4043 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

html body.mail-body.mail-simple-mode #mail-threads [data-row-action-glyph="Open"]::before { content: "↗" !important; }
html body.mail-body.mail-simple-mode #mail-threads [data-row-action-glyph="Label"]::before { content: "◇" !important; }
html body.mail-body.mail-simple-mode #mail-threads [data-row-action-glyph="Snooze"]::before { content: "◷" !important; }
html body.mail-body.mail-simple-mode #mail-threads [data-row-action-glyph="Inbox"]::before { content: "⌂" !important; }
html body.mail-body.mail-simple-mode #mail-threads [data-row-action-glyph="Archive"]::before { content: "⇩" !important; }
html body.mail-body.mail-simple-mode #mail-threads [data-row-action-glyph="Delete"]::before { content: "⌫" !important; }

html body.mail-body.mail-simple-mode #mail-threads .hvx300-conversation-footer {
  min-height: 46px !important;
  margin: 0 !important;
  padding: 7px 14px !important;
  border: 0 !important;
  border-top: 1px solid var(--mail-clean-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode:not(.mail-embedded) .mail-topbar {
  grid-template-columns: 232px minmax(320px, 720px) minmax(96px, 1fr) !important;
  gap: 14px !important;
}

html body.mail-body.mail-simple-mode .mail-search-input {
  height: 46px !important;
  min-height: 46px !important;
  padding-inline: 46px 56px !important;
  border: 0 !important;
  border-radius: 24px !important;
  background: #eaf1fb !important;
  color: var(--mail-clean-ink) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode .mail-search-input:focus {
  background: #fff !important;
  box-shadow: 0 1px 3px rgba(60, 64, 67, .2), 0 4px 8px rgba(60, 64, 67, .12) !important;
}

html body.mail-body.mail-simple-mode .mail-search-filter-btn {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  display: inline-flex !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #3c4043 !important;
  box-shadow: none !important;
  transform: translateY(-50%) !important;
}

html body.mail-body.mail-simple-mode .mail-search-filter-btn span {
  display: none !important;
}

html body.mail-body.mail-simple-mode .mail-search-filter-btn svg {
  width: 18px !important;
  height: 18px !important;
}

html body.mail-body.mail-simple-mode .mail-compose-cta {
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: var(--mail-clean-blue-soft) !important;
  color: #001d35 !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .18) !important;
}

html body.mail-body.mail-body.mail-simple-mode #mail-compose-btn.mail-compose-cta {
  border: 0 !important;
  background: var(--mail-clean-blue-soft) !important;
  color: #001d35 !important;
}

html body.mail-body.mail-simple-mode .mail-workspace-nav-item {
  min-height: 32px !important;
  border: 0 !important;
  background: transparent !important;
  color: #3c4043 !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  text-align: left !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode .mail-workspace-nav-item.active,
html body.mail-body.mail-simple-mode .mail-workspace-nav-item[aria-pressed="true"] {
  background: #d3e3fd !important;
  color: #001d35 !important;
  font-weight: 750 !important;
}

/* Thread reader: message content first, contextual AI second, workflow last. */
html body.mail-body.mail-simple-mode .mail-view-panel {
  max-width: none !important;
  min-height: calc(100dvh - 78px) !important;
  background: #fff !important;
}

html body.mail-body.mail-simple-mode .mail-view-sticky-chrome {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  background: rgba(255, 255, 255, .98) !important;
}

html body.mail-body.mail-simple-mode .mail-view-sticky-chrome > .mail-panel-header {
  display: flex !important;
  min-height: 66px !important;
  padding: 12px 24px !important;
  align-items: center !important;
  border-bottom: 1px solid var(--mail-clean-line) !important;
}

html body.mail-body.mail-simple-mode .mail-view-title-row {
  align-items: center !important;
  gap: 12px !important;
}

html body.mail-body.mail-simple-mode .mail-view-back-btn {
  display: inline-grid !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #3c4043 !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode .mail-view-back-btn:hover {
  background: #edf2f7 !important;
}

html body.mail-body.mail-simple-mode #mail-view-subject {
  margin: 0 !important;
  color: var(--mail-clean-ink) !important;
  font-size: 20px !important;
  font-weight: 550 !important;
  line-height: 1.3 !important;
}

html body.mail-body.mail-simple-mode #mail-view-meta {
  margin: 2px 0 0 48px !important;
  color: var(--mail-clean-muted) !important;
  font-size: 12px !important;
}

html body.mail-body.mail-simple-mode #mail-thread-toolbar,
html body.mail-body.mail-simple-mode .mail-thread-inline-back {
  display: none !important;
}

html body.mail-body.mail-simple-mode .mail-thread-detail {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 36px 36px !important;
  overflow: visible !important;
}

html body.mail-body.mail-simple-mode .mail-thread-detail-shell-simple,
html body.mail-body.mail-simple-mode .mail-thread-main-simple {
  display: block !important;
  width: 100% !important;
  max-width: 1120px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  gap: 0 !important;
}

html body.mail-body.mail-simple-mode #mail-thread-detail .mail-thread-detail-shell-simple,
html body.mail-body.mail-simple-mode #mail-thread-detail .mail-thread-main-simple {
  width: 100% !important;
  max-width: none !important;
}

html body.mail-body.mail-simple-mode .mail-reader-primary-actions {
  display: flex !important;
  position: sticky !important;
  top: 66px !important;
  z-index: 24 !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 6px 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  border-bottom: 1px solid var(--mail-clean-line) !important;
  background: rgba(255, 255, 255, .98) !important;
}

html body.mail-body.mail-simple-mode .mail-reader-action-group,
html body.mail-body.mail-simple-mode .mail-reader-navigation {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 2px !important;
}

html body.mail-body.mail-simple-mode .mail-reader-action-group {
  overflow-x: auto !important;
}

html body.mail-body.mail-simple-mode .mail-reader-navigation {
  flex: 0 0 auto !important;
  gap: 4px !important;
}

html body.mail-body.mail-simple-mode .mail-reader-navigation select {
  width: 104px !important;
  min-height: 32px !important;
  padding: 0 24px 0 10px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background-color: transparent !important;
  color: #3c4043 !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html body.mail-body.mail-simple-mode .mail-reader-navigation select:hover,
html body.mail-body.mail-simple-mode .mail-reader-navigation select:focus-visible {
  background-color: #edf2f7 !important;
}

html body.mail-body.mail-simple-mode .mail-reader-position {
  min-width: 58px !important;
  color: var(--mail-clean-muted) !important;
  font-size: 11px !important;
  text-align: center !important;
}

html body.mail-body.mail-simple-mode .mail-reader-primary-actions button {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 10px !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  color: #3c4043 !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode .mail-reader-primary-actions button:hover,
html body.mail-body.mail-simple-mode .mail-reader-primary-actions button:focus-visible {
  background: #edf2f7 !important;
}

html body.mail-body.mail-simple-mode .mail-reader-primary-actions button.danger {
  color: #b3261e !important;
}

html body.mail-body.mail-simple-mode .mail-reader-primary-actions .mail-reader-nav-button {
  display: inline-grid !important;
  width: 30px !important;
  min-width: 30px !important;
  padding: 0 !important;
  place-items: center !important;
  font-size: 21px !important;
  font-weight: 400 !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-command {
  display: grid !important;
  grid-template-columns: 32px minmax(160px, 1fr) auto auto !important;
  min-height: 46px !important;
  margin: 8px 0 !important;
  padding: 6px 10px !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid #dfe5ee !important;
  border-radius: 12px !important;
  background: #f8fafd !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-command-icon {
  display: grid !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
  border-radius: 9px !important;
  background: #e8def8 !important;
  color: #6b3fa0 !important;
  font-size: 16px !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-command-copy {
  display: grid !important;
  min-width: 0 !important;
  gap: 1px !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-command-copy strong {
  color: var(--mail-clean-ink) !important;
  font-size: 13px !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-command-copy small {
  color: var(--mail-clean-muted) !important;
  font-size: 11px !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-command-actions {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-command button {
  min-height: 32px !important;
  padding: 0 11px !important;
  border: 1px solid #dadce0 !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: var(--mail-clean-blue) !important;
  font-family: inherit !important;
  font-size: 11.5px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-context.hidden {
  display: none !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-context {
  margin: 0 0 12px !important;
  border: 1px solid #dfe5ee !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-context > summary {
  min-height: 44px !important;
  padding: 8px 12px !important;
  background: #f8fafd !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-context-body {
  padding: 12px !important;
  gap: 10px !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-context-body > section {
  padding: 12px !important;
  border: 1px solid var(--mail-clean-line) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode .mail-reader-thread-structure,
html body.mail-body.mail-simple-mode [aria-label="Conversation thread structure"] {
  display: flex !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 6px 0 !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mail-clean-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

html body.mail-body.mail-simple-mode .mail-thread-structure > div:first-child {
  display: grid !important;
  min-width: 0 !important;
  gap: 0 !important;
}

html body.mail-body.mail-simple-mode .mail-thread-structure-actions {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 2px !important;
}

html body.mail-body.mail-simple-mode .mail-thread-structure-actions button {
  min-height: 30px !important;
  padding: 0 9px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: transparent !important;
  color: #3c4043 !important;
  font-size: 11px !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode .mail-thread-structure-actions button:hover,
html body.mail-body.mail-simple-mode .mail-thread-structure-actions button:focus-visible {
  background: #edf2f7 !important;
}

html body.mail-body.mail-simple-mode .mail-message-card {
  margin: 0 !important;
  padding: 10px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mail-clean-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode .mail-message-head {
  min-height: 54px !important;
  padding: 4px 0 8px !important;
  align-items: center !important;
  gap: 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #f1f3f4 !important;
}

html body.mail-body.mail-simple-mode .mail-message-persona {
  align-items: center !important;
}

html body.mail-body.mail-simple-mode .mail-message-primary-row {
  margin-bottom: 2px !important;
  gap: 5px 8px !important;
}

html body.mail-body.mail-simple-mode .mail-message-copy .meta {
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

html body.mail-body.mail-simple-mode .mail-message-status {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px 7px !important;
}

html body.mail-body.mail-simple-mode .mail-message-status .pill {
  display: none !important;
}

html body.mail-body.mail-simple-mode .mail-message-collapse {
  display: inline-grid !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  font-size: 0 !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode .mail-message-collapse::before {
  content: "▴" !important;
  font-size: 12px !important;
}

html body.mail-body.mail-simple-mode .mail-message-collapse[aria-expanded="false"]::before {
  content: "▾" !important;
}

html body.mail-body.mail-simple-mode .mail-message-collapse:hover,
html body.mail-body.mail-simple-mode .mail-message-collapse:focus-visible {
  background: #edf2f7 !important;
}

html body.mail-body.mail-simple-mode .mail-message-body {
  margin-top: 6px !important;
  padding: 8px 0 !important;
}

html body.mail-body.mail-simple-mode .mail-structured-card {
  margin: 8px 0 !important;
  padding: 10px 12px !important;
  gap: 12px !important;
  border-radius: 8px !important;
}

html body.mail-body.mail-simple-mode .mail-message-text {
  max-width: 920px !important;
  color: var(--mail-clean-ink) !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
}

html body.mail-body.mail-simple-mode .mail-reader-advanced-workflow {
  margin-top: 18px !important;
  border: 1px solid var(--mail-clean-line) !important;
  border-radius: 10px !important;
  background: #f8fafd !important;
}

html body.mail-body.mail-simple-mode .mail-reader-advanced-workflow > summary {
  min-height: 44px !important;
  padding: 10px 14px !important;
  color: #3c4043 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

/* Compose: compact by default, advanced options and AI on demand. */
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-card {
  border: 1px solid #dfe3e8 !important;
  background: #fff !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-modal-hero {
  min-height: 44px !important;
  padding: 7px 10px 7px 14px !important;
  border: 0 !important;
  background: #f2f6fc !important;
  color: var(--mail-clean-ink) !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-modal-hero h2 {
  font-size: 14px !important;
  font-weight: 650 !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-window-btn,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-close-btn {
  min-width: 30px !important;
  width: auto !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 7px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #3c4043 !important;
  font-size: 11px !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-window-btn:hover,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-close-btn:hover {
  background: #e3e8ef !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-modal-main {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: auto !important;
  background: #fff !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-modal-layout {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-content-layout,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-main-column {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-readiness-aside,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-quickbar,
html body.mail-body.mail-simple-mode #mail-compose-modal #compose-send-blocker-banner,
html body.mail-body.mail-simple-mode #mail-compose-modal #compose-pre-send-assurance,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-field-group-label,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-field-validation,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-required-legend {
  display: none !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-section,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid > div,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-editor-shell,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-attachment-shell {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid > div {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  min-height: 44px !important;
  padding: 4px 12px !important;
  align-items: center !important;
  gap: 6px !important;
  border-bottom: 1px solid var(--mail-clean-line) !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid > div.mail-compose-wide {
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid label {
  margin: 0 !important;
  color: var(--mail-clean-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal input,
html body.mail-body.mail-simple-mode #mail-compose-modal select,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-recipient-field {
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--mail-clean-ink) !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-top-recipient-actions {
  position: absolute !important;
  top: 4px !important;
  right: 12px !important;
  margin: 0 !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-cc-bcc-toggle {
  min-height: 30px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: transparent !important;
  color: var(--mail-clean-muted) !important;
  font-size: 11px !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid > div:has(#compose-to) {
  position: relative !important;
  padding-right: 90px !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid > div:has(#compose-subject),
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid > div:has(#compose-body) {
  padding: 0 12px !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid > div:has(#compose-body) {
  flex: 1 1 190px !important;
  min-height: 190px !important;
  align-items: stretch !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid > div:has(#compose-subject) label,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid > div:has(#compose-body) > label {
  display: none !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal #compose-subject {
  height: 42px !important;
  padding: 0 !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-format-toolbar {
  display: flex !important;
  min-height: 38px !important;
  padding: 4px 0 !important;
  align-items: center !important;
  gap: 1px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mail-clean-line) !important;
  background: #fff !important;
  overflow-x: auto !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-format-toolbar button {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #3c4043 !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-format-toolbar button:hover {
  background: #edf2f7 !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) .mail-compose-format-toolbar > select,
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) .mail-compose-format-toolbar > input,
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) [data-compose-format="underline"],
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) [data-compose-format="insertUnorderedList"],
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) [data-compose-format="insertOrderedList"],
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) [data-compose-format="outdent"],
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) [data-compose-format="indent"],
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) [data-compose-format="justifyLeft"],
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) [data-compose-format="justifyCenter"],
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) [data-compose-format="removeFormat"],
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) [data-compose-format-value],
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) [data-compose-inline-image],
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) [data-compose-cloud-link],
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) [data-compose-confidential-toggle],
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) .mail-compose-secondary-option,
html body.mail-body.mail-simple-mode #mail-compose-modal:not(.is-options-open) .mail-compose-attachment-dropzone {
  display: none !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-format-toolbar button[data-compose-ai-open] {
  margin-left: auto !important;
  color: #6b3fa0 !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-rich-editor {
  min-height: 190px !important;
  max-height: none !important;
  padding: 14px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--mail-clean-ink) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-attachment-shell {
  padding: 6px 12px !important;
  border-top: 1px solid var(--mail-clean-line) !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-attachment-toolbar {
  min-height: 34px !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal #compose-attachment-btn {
  min-height: 30px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: transparent !important;
  color: var(--mail-clean-blue) !important;
  font-size: 11.5px !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-ai-strip {
  display: none !important;
  padding: 12px !important;
  border-top: 1px solid var(--mail-clean-line) !important;
  background: #f8fafd !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal.is-ai-open .mail-compose-ai-strip {
  display: block !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-ai-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 120px auto !important;
  gap: 8px !important;
  align-items: end !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-ai-grid > div {
  display: grid !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  gap: 4px !important;
  background: transparent !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-ai-grid button {
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: #e8def8 !important;
  color: #4f2877 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 10 !important;
  display: flex !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  align-items: center !important;
  gap: 6px !important;
  border: 0 !important;
  border-top: 1px solid var(--mail-clean-line) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-actions button,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-actions summary {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: transparent !important;
  color: #3c4043 !important;
  font-family: inherit !important;
  font-size: 11.5px !important;
  font-style: normal !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal #compose-send-btn {
  order: -10 !important;
  min-width: 96px !important;
  background: var(--mail-clean-blue) !important;
  color: #fff !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal #compose-decision-safety {
  position: absolute !important;
  width: 1px !important;
  min-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

html body.mail-body.mail-body.mail-simple-mode #mail-compose-modal#mail-compose-modal .mail-compose-actions.mail-modal-actions {
  display: flex !important;
  grid-template-columns: none !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal #compose-send-btn[disabled] {
  background: #d7dce2 !important;
  color: #7c838d !important;
  opacity: 1 !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-send-rationale,
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-footer-readiness {
  display: none !important;
}

@media (max-width: 1080px) {
  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-open {
    grid-template-columns: minmax(110px, .65fr) minmax(220px, 2.5fr) 74px !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-chips {
    display: none !important;
  }
}

@media (max-width: 900px) {
  html body.mail-body.mail-simple-mode,
  html body.mail-body.mail-simple-mode .mail-page,
  html body.mail-body.mail-simple-mode .mail-pane-stack,
  html body.mail-body.mail-simple-mode .mail-shell,
  html body.mail-body.mail-simple-mode .mail-thread-panel,
  html body.mail-body.mail-simple-mode #mail-threads {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body.mail-body.mail-simple-mode .mail-topbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-width: 0 !important;
  }

  html body.mail-body.mail-simple-mode .mail-search-shell {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-simple-consensus-toolbar {
    padding-inline: 8px !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-simple-list-controls button[data-mail-simple-ai],
  html body.mail-body.mail-simple-mode #mail-threads .mail-simple-list-controls button[data-mail-simple-settings],
  html body.mail-body.mail-simple-mode #mail-threads .mail-visible-view-mode-toggle {
    display: none !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-smart-category-strip button {
    flex: 0 0 112px !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 72px !important;
    height: 72px !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-select {
    display: none !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-select .mail-gmail-row-star,
  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-select .mail-gmail-row-important {
    display: none !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-open {
    grid-template-columns: 32px minmax(0, 1fr) 58px !important;
    grid-template-areas:
      "avatar sender time"
      "avatar copy copy" !important;
    min-height: 72px !important;
    height: 72px !important;
    padding: 7px 10px 7px 12px !important;
    align-content: center !important;
    gap: 3px 8px !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-avatar {
    display: grid !important;
    grid-area: avatar !important;
    width: 30px !important;
    height: 30px !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: hsl(var(--mail-avatar-hue, 212) 48% 42%) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-sender { grid-area: sender !important; }
  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-copy { grid-area: copy !important; }
  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-time { grid-area: time !important; }

  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-copy {
    display: block !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-copy strong {
    display: block !important;
    max-width: 100% !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-labels {
    display: none !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-gmail-row-actions {
    display: none !important;
  }

  html body.mail-body.mail-simple-mode .mail-mobile-bottom-nav {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 100 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 62px !important;
    padding: 4px 6px !important;
    gap: 2px !important;
    border-top: 1px solid #dfe3e8 !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 -2px 8px rgba(60, 64, 67, .1) !important;
  }

  html body.mail-body.mail-simple-mode .mail-mobile-bottom-nav button {
    display: grid !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 4px !important;
    place-items: center !important;
    gap: 2px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: transparent !important;
    color: #5f6368 !important;
    font-family: inherit !important;
    font-size: 10.5px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    box-shadow: none !important;
  }

  html body.mail-body.mail-simple-mode .mail-mobile-nav-icon {
    display: grid !important;
    width: 22px !important;
    height: 22px !important;
    place-items: center !important;
  }

  html body.mail-body.mail-simple-mode .mail-mobile-nav-icon svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  html body.mail-body.mail-simple-mode .mail-mobile-bottom-nav button.is-active,
  html body.mail-body.mail-simple-mode .mail-mobile-bottom-nav button[aria-pressed="true"] {
    background: #d3e3fd !important;
    color: #001d35 !important;
  }

  html body.mail-body.mail-simple-mode .mail-mobile-folder-drawer {
    position: fixed !important;
    right: 8px !important;
    bottom: 68px !important;
    left: 8px !important;
    z-index: 110 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 8px !important;
    gap: 4px !important;
    border: 1px solid #dfe3e8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(60, 64, 67, .22) !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads {
    padding-bottom: 66px !important;
  }

  html body.mail-body.mail-simple-mode .mail-view-sticky-chrome > .mail-panel-header {
    padding: 10px 12px !important;
  }

  html body.mail-body.mail-simple-mode #mail-view-subject {
    font-size: 17px !important;
  }

  html body.mail-body.mail-simple-mode #mail-view-meta {
    margin-left: 48px !important;
  }

  html body.mail-body.mail-simple-mode .mail-thread-detail {
    padding: 0 14px 24px !important;
  }

  html body.mail-body.mail-simple-mode .mail-thread-ai-command {
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
  }

  html body.mail-body.mail-simple-mode .mail-thread-ai-command-actions {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  html body.mail-body.mail-simple-mode .mail-thread-ai-command-actions button {
    flex: 1 1 0 !important;
  }

  html body.mail-body.mail-simple-mode .mail-thread-ai-context-body {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-ai-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 520px) {
  html body.mail-body.mail-simple-mode #mail-threads .mail-smart-category-strip {
    min-height: 44px !important;
    height: 44px !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-smart-category-strip button {
    min-height: 44px !important;
    height: 44px !important;
    flex-basis: 104px !important;
    padding-inline: 10px !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-simple-page-range {
    font-size: 11px !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-simple-list-controls button {
    min-width: 32px !important;
    width: 32px !important;
    padding: 0 !important;
    font-size: 0 !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-simple-list-controls button[data-mail-select-visible-page]::before {
    content: "□" !important;
    font-size: 18px !important;
  }

  html body.mail-body.mail-simple-mode #mail-threads .mail-simple-list-controls button[data-mail-simple-refresh]::before {
    content: "↻" !important;
    font-size: 18px !important;
  }

  html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-actions {
    overflow-x: auto !important;
  }

  html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-actions button,
  html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-actions summary {
    flex: 0 0 auto !important;
  }
}

/* Final clean-shell specificity guards against legacy absolute-layer rules. */
html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode #mail-compose-btn.mail-compose-cta.mail-compose-cta-workspace {
  min-height: 52px !important;
  margin: 4px 0 14px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #c2e7ff !important;
  color: #001d35 !important;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .18) !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode #mail-compose-btn.mail-compose-cta.mail-compose-cta-workspace span,
html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode #mail-compose-btn.mail-compose-cta.mail-compose-cta-workspace strong {
  color: #001d35 !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-workspace-checkbox-box {
  fill: transparent !important;
  stroke: #6f7479 !important;
  stroke-width: 1.4 !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-workspace-checkbox-check {
  display: none !important;
  fill: none !important;
  stroke: #fff !important;
  stroke-width: 1.8 !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-workspace-checkbox.is-checked .mail-workspace-checkbox-box {
  fill: var(--mail-clean-blue) !important;
  stroke: var(--mail-clean-blue) !important;
}

html body.mail-body.mail-simple-mode #mail-threads .mail-workspace-checkbox.is-checked .mail-workspace-checkbox-check {
  display: block !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode #mail-compose-modal#mail-compose-modal .mail-modal-main > .mail-compose-section:first-of-type {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode #mail-compose-modal#mail-compose-modal .mail-compose-grid > div:has(#compose-body) {
  display: flex !important;
  flex: 1 1 190px !important;
  flex-direction: column !important;
  min-height: 190px !important;
  align-items: stretch !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode #mail-compose-modal#mail-compose-modal .mail-compose-editor-shell {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 190px !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode #mail-compose-modal#mail-compose-modal #compose-body.mail-rich-editor {
  flex: 1 1 auto !important;
  min-height: 145px !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode #mail-compose-modal#mail-compose-modal .mail-compose-actions.mail-modal-actions {
  margin-top: auto !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode #mail-compose-modal#mail-compose-modal #compose-send-btn {
  order: 1 !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode #mail-compose-modal#mail-compose-modal #compose-schedule-menu {
  order: 2 !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode #mail-compose-modal#mail-compose-modal #compose-save-draft-btn {
  order: 3 !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode #mail-compose-modal#mail-compose-modal #compose-reset-btn {
  order: 99 !important;
  margin-left: auto !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal #compose-send-disabled-reason {
  display: none !important;
}

/*
 * Final compose parity pass.
 * Legacy score styles intentionally use unusually high specificity, so these
 * rules are scoped to the standalone simple-mode composer and terminate that
 * cascade without changing the embedded workspace or team-work surfaces.
 */
html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode
#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal
.mail-compose-grid > [hidden],
html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode
#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal
.mail-compose-grid > .hidden {
  display: none !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode
#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal
.mail-compose-grid > div:has(#compose-mailbox) {
  display: grid !important;
  visibility: visible !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  min-height: 40px !important;
  height: auto !important;
  padding: 3px 12px !important;
  overflow: visible !important;
  order: -20 !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode
#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal
.mail-compose-grid > div:has(.mail-compose-attachment-shell):has(#compose-attachment-list:empty) {
  display: none !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode
#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal
.mail-compose-window-btn {
  width: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode
#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal
.mail-compose-actions.mail-modal-actions {
  display: flex !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  flex-direction: row !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode
#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal
.mail-compose-actions.mail-modal-actions #compose-send-btn#compose-send-btn {
  order: 1 !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode
#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal
.mail-compose-actions.mail-modal-actions #compose-schedule-menu#compose-schedule-menu {
  order: 2 !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode
#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal
.mail-compose-actions.mail-modal-actions #compose-save-draft-btn#compose-save-draft-btn {
  order: 3 !important;
}

html body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-body.mail-simple-mode
#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal#mail-compose-modal
.mail-compose-actions.mail-modal-actions #compose-reset-btn#compose-reset-btn {
  order: 99 !important;
  margin-left: auto !important;
}

/* Mail release 112: trust-first reader, durable labels, and compact compose. */
html body.mail-body.mail-simple-mode .mail-labels-sidebar-section {
  display: block !important;
  margin-top: 8px !important;
  padding-top: 10px !important;
  border-top: 1px solid #e5e9ef !important;
}

html body.mail-body.mail-simple-mode .mail-labels-sidebar-section .mail-team-only-label,
html body.mail-body.mail-simple-mode .mail-labels-sidebar-section .mail-team-only-label-help {
  display: none !important;
}

html body.mail-body.mail-simple-mode .mail-labels-sidebar-section .mail-sidebar-section-head {
  min-height: 32px !important;
  padding: 0 8px 4px 16px !important;
}

html body.mail-body.mail-simple-mode .mail-labels-sidebar-section .mail-sidebar-section-head strong {
  color: #3c4043 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

html body.mail-body.mail-simple-mode .mail-label-manager-btn {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #5f6368 !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode .mail-label-manager-btn:hover,
html body.mail-body.mail-simple-mode .mail-label-manager-btn:focus-visible {
  background: #e8eaed !important;
}

html body.mail-body.mail-simple-mode .mail-custom-labels:empty::after {
  content: "Create a label with +" !important;
  display: block !important;
  padding: 4px 16px 8px !important;
  color: #80868b !important;
  font-size: 11px !important;
}

html body.mail-body.mail-simple-mode .mail-message-trust-warning {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) auto !important;
  margin: 8px 0 4px !important;
  padding: 11px 12px !important;
  align-items: start !important;
  gap: 10px !important;
  border: 1px solid #f3b8b3 !important;
  border-radius: 10px !important;
  background: #fce8e6 !important;
  color: #5f2120 !important;
}

html body.mail-body.mail-simple-mode .mail-message-trust-icon {
  display: grid !important;
  width: 28px !important;
  height: 28px !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: #b3261e !important;
  color: #fff !important;
  font-weight: 800 !important;
}

html body.mail-body.mail-simple-mode .mail-message-trust-copy {
  display: grid !important;
  gap: 3px !important;
}

html body.mail-body.mail-simple-mode .mail-message-trust-copy strong {
  font-size: 13px !important;
}

html body.mail-body.mail-simple-mode .mail-message-trust-copy p {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body.mail-body.mail-simple-mode .mail-message-trust-copy span {
  color: #7a3430 !important;
  font-size: 10.5px !important;
}

html body.mail-body.mail-simple-mode .mail-message-trust-warning button {
  min-height: 32px !important;
  padding: 0 11px !important;
  border: 1px solid #b3261e !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #b3261e !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

html body.mail-body.mail-simple-mode .mail-message-security.is-safe {
  display: none !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-command {
  grid-template-columns: 30px minmax(150px, 1fr) auto !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-options {
  position: relative !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-options > summary {
  min-height: 32px !important;
  padding: 0 11px !important;
  border-radius: 16px !important;
  color: #5f6368 !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  line-height: 32px !important;
  cursor: pointer !important;
  list-style: none !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-options > summary::-webkit-details-marker {
  display: none !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-options[open] > button {
  position: absolute !important;
  top: 36px !important;
  right: 0 !important;
  z-index: 20 !important;
  width: max-content !important;
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(60, 64, 67, .2) !important;
}

html body.mail-body.mail-simple-mode .mail-gmail-row-chips .is-file {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

html body.mail-body.mail-simple-mode:not(.mail-embedded) #mail-compose-modal:not(.is-fullscreen) {
  height: min(590px, calc(100dvh - 32px)) !important;
  max-height: min(590px, calc(100dvh - 32px)) !important;
}

html body.mail-body.mail-simple-mode:not(.mail-embedded) #mail-compose-modal:not(.is-fullscreen) .mail-compose-card {
  height: 100% !important;
  max-height: 100% !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-modal-main {
  overflow: hidden !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid {
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid > div:has(#compose-send-blocker-banner),
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid > div:has(#compose-pre-send-assurance),
html body.mail-body.mail-simple-mode #mail-compose-modal .mail-compose-grid > div:has(#compose-recipient-warning.hidden) {
  display: none !important;
}

html body.mail-body.mail-simple-mode .mail-thread-ai-context-body > section:only-child {
  grid-column: 1 / -1 !important;
}

@media (max-width: 680px) {
  html body.mail-body.mail-simple-mode .mail-message-trust-warning {
    grid-template-columns: 28px minmax(0, 1fr) !important;
  }

  html body.mail-body.mail-simple-mode .mail-message-trust-warning button {
    grid-column: 2 !important;
    justify-self: start !important;
  }
}