/* 20260630 reviewer 10/10 closeout: tenant clarity, enterprise density, mobile action hierarchy. */

html body.mail-body .mail-triage-strip.hvx100-conversation-toolbar,
html body.mail-embedded .mail-triage-strip.hvx100-conversation-toolbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 6 !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 0.42fr) minmax(560px, 1fr) !important;
  gap: 8px 12px !important;
  align-items: end !important;
  min-height: 0 !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #dbe5f0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.mail-body .mail-triage-strip .mail-triage-filter-actions,
html body.mail-embedded .mail-triage-strip .mail-triage-filter-actions {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  gap: 2px 10px !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body.mail-body .mail-triage-strip [data-mail-triage-filter],
html body.mail-embedded .mail-triage-strip [data-mail-triage-filter],
html body.mail-body .mail-workspace-categories .mail-workspace-tab,
html body.mail-embedded .mail-workspace-categories .mail-workspace-tab {
  flex: 0 1 auto !important;
  min-width: 120px !important;
  min-height: 32px !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #334155 !important;
}

html body.mail-body .mail-triage-strip [data-mail-triage-filter].is-active,
html body.mail-embedded .mail-triage-strip [data-mail-triage-filter].is-active,
html body.mail-body .mail-workspace-categories .mail-workspace-tab.active,
html body.mail-embedded .mail-workspace-categories .mail-workspace-tab.active {
  border-bottom-color: #123b73 !important;
  color: #123b73 !important;
}

html body.tenant-app-body.tenant-app-body.tenant-app-body.tenant-app-body[data-app-surface="workspace"][data-active-tab="timeline"] #app-stage-timeline#app-stage-timeline#app-stage-timeline#app-stage-timeline .tenant-timeline-filter-chip-row span,
html body.tenant-app-body.tenant-app-body.tenant-app-body.tenant-app-body[data-app-surface="workspace"][data-active-tab="timeline"] #app-stage-timeline#app-stage-timeline#app-stage-timeline#app-stage-timeline .tenant-timeline-filter-mobile-chip {
  min-height: 36px !important;
  height: auto !important;
  padding: 7px 8px !important;
  align-items: center !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.15 !important;
}

html body.mail-body .mail-triage-strip [data-mail-triage-filter] small,
html body.mail-embedded .mail-triage-strip [data-mail-triage-filter] small {
  display: inline !important;
  margin-left: 4px !important;
  color: #64748b !important;
  font-size: 10px !important;
}

html body.mail-body .hvx-review-sort-control,
html body.mail-embedded .hvx-review-sort-control {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
  padding-left: 14px !important;
  border-left: 1px solid #dbe5f0 !important;
  color: #17324d !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

html body.mail-body .hvx-review-sort-control select,
html body.mail-embedded .hvx-review-sort-control select {
  min-width: 142px !important;
  min-height: 34px !important;
  padding: 0 30px 0 10px !important;
  border: 1px solid #cbd8e6 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #123b73 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body.mail-body.mail-body #mail-threads .mail-triage-strip.hvx10-mail-toolbar.hvx20-mail-toolbar.hvx60-conversation-command.hvx100-conversation-toolbar,
html body.mail-embedded.mail-embedded #mail-threads .mail-triage-strip.hvx10-mail-toolbar.hvx20-mail-toolbar.hvx60-conversation-command.hvx100-conversation-toolbar {
  grid-template-columns: minmax(0, 1fr) !important;
  overflow: visible !important;
}

html body.mail-body.mail-body #mail-threads .mail-triage-strip.hvx100-conversation-toolbar .mail-triage-filter-actions.hvx10-mail-filter-row.hvx500-applied-filter-bar,
html body.mail-embedded.mail-embedded #mail-threads .mail-triage-strip.hvx100-conversation-toolbar .mail-triage-filter-actions.hvx10-mail-filter-row.hvx500-applied-filter-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  overflow: visible !important;
  opacity: 1 !important;
}

html body.mail-body.mail-body #mail-threads .mail-triage-strip.hvx100-conversation-toolbar .mail-triage-filter-actions.hvx10-mail-filter-row > .hvx-review-sort-control,
html body.mail-embedded.mail-embedded #mail-threads .mail-triage-strip.hvx100-conversation-toolbar .mail-triage-filter-actions.hvx10-mail-filter-row > .hvx-review-sort-control {
  display: inline-flex !important;
}

html body.mail-body .mail-triage-strip [data-mail-sort],
html body.mail-embedded .mail-triage-strip [data-mail-sort] {
  min-height: 30px !important;
  padding: 0 8px !important;
  border: 1px solid #cbd8e6 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  color: #17324d !important;
  box-shadow: none !important;
}

html body.mail-body .mail-triage-strip [data-mail-sort].is-active,
html body.mail-embedded .mail-triage-strip [data-mail-sort].is-active {
  border-color: #123b73 !important;
  background: #f3f7fc !important;
  color: #123b73 !important;
}

html body.mail-body .hvx-review-owner-banner,
html body.mail-embedded .hvx-review-owner-banner {
  position: sticky !important;
  top: 58px !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 42px !important;
  margin: 0 0 6px !important;
  padding: 7px 10px !important;
  border: 1px solid #d7e2ef !important;
  border-left: 4px solid #123b73 !important;
  border-radius: 3px !important;
  background: #f8fafc !important;
  color: #17324d !important;
}

html body.mail-body .hvx-review-owner-banner span,
html body.mail-embedded .hvx-review-owner-banner span {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html body.mail-body .hvx-review-owner-banner b,
html body.mail-embedded .hvx-review-owner-banner b {
  font-size: 12px !important;
  font-weight: 940 !important;
  line-height: 1.1 !important;
}

html body.mail-body .hvx-review-owner-banner small,
html body.mail-embedded .hvx-review-owner-banner small {
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 760 !important;
}

html body.mail-body .hvx-review-owner-banner button,
html body.mail-embedded .hvx-review-owner-banner button {
  flex: 0 0 auto !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border: 1px solid #123b73 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  color: #123b73 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

html body.mail-body .mail-workspace-row.hvx11-mail-row .mail-conversation-owner.is-missing strong,
html body.mail-embedded .mail-workspace-row.hvx11-mail-row .mail-conversation-owner.is-missing strong,
html body.mail-body #mail-threads .hvx100-conversation-owner.is-missing strong,
html body.mail-embedded #mail-threads .hvx100-conversation-owner.is-missing strong {
  color: #334155 !important;
}

html body.mail-body #mail-threads .hvx100-conversation-row.is-owner-required .hvx100-conversation-row-action,
html body.mail-embedded #mail-threads .hvx100-conversation-row.is-owner-required .hvx100-conversation-row-action {
  border-color: #d7e2ef !important;
  border-left-color: #94a3b8 !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-weight: 850 !important;
}

html body.mail-body #mail-compose-modal #compose-send-disabled-reason,
html body.mail-embedded #mail-compose-modal #compose-send-disabled-reason {
  border-left-color: #123b73 !important;
  background: #f3f7fc !important;
  color: #17324d !important;
}

html body.mail-body #mail-compose-modal #compose-send-btn:disabled,
html body.mail-embedded #mail-compose-modal #compose-send-btn:disabled,
html body.mail-body #mail-compose-modal #compose-send-btn[aria-disabled="true"],
html body.mail-embedded #mail-compose-modal #compose-send-btn[aria-disabled="true"] {
  border-color: #94a3b8 !important;
  background: #e2e8f0 !important;
  color: #334155 !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  box-shadow: inset 3px 0 0 #64748b !important;
}

html body.mail-body #mail-compose-modal [data-compose-safety-chip] b,
html body.mail-embedded #mail-compose-modal [data-compose-safety-chip] b,
html body.mail-body #mail-compose-modal [data-compose-safety-chip] strong,
html body.mail-embedded #mail-compose-modal [data-compose-safety-chip] strong {
  text-transform: none !important;
}

html body.tenant-app-body #app-command-palette .tenant-command-results {
  gap: 8px !important;
}

html body.tenant-app-body #app-command-palette .tenant-command-more-section {
  display: none !important;
}

html body.tenant-app-body #app-command-palette .tenant-command-result:hover,
html body.tenant-app-body #app-command-palette .tenant-command-result:focus-visible,
html body.tenant-app-body #app-command-palette .tenant-command-result.is-selected {
  border-left-color: #123b73 !important;
  background: #eaf2ff !important;
  outline: 2px solid #7aa7dd !important;
  outline-offset: -2px !important;
}

html body.tenant-app-body #app-command-palette .tenant-command-enter-hint kbd {
  min-width: 36px !important;
  border-color: #b8c7d9 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  color: #123b73 !important;
  font-weight: 920 !important;
}

html body.tenant-app-body #app-command-palette .tenant-command-hints,
html body.tenant-app-body #app-command-palette .tenant-command-enter-hint {
  border-top: 1px solid #dbe5f0 !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-weight: 760 !important;
}

html body.tenant-app-body #app-command-palette .tenant-command-hints span,
html body.tenant-app-body #app-command-palette .tenant-command-enter-hint span {
  color: #334155 !important;
}

html body.tenant-app-body #app-stage-calendar .tenant-calendar-surface,
html body.tenant-app-body #app-stage-calendar .tenant-calendar-agenda-surface,
html body.tenant-app-body #app-stage-calendar .tenant-calendar-form-surface {
  border-radius: 6px !important;
}

html body.tenant-app-body #app-stage-calendar .tenant-calendar-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px 12px !important;
  min-height: 0 !important;
  margin-bottom: 6px !important;
  padding-bottom: 6px !important;
}

html body.tenant-app-body #app-stage-calendar .tenant-calendar-mode-help {
  display: none !important;
}

html body.tenant-app-body #app-stage-calendar .tenant-calendar-legend-primary {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 6px 0 0 !important;
  border-top: 1px solid #e2e8f0 !important;
}

html body.tenant-app-body #app-stage-calendar .tenant-calendar-toolbar {
  margin: 0 !important;
  padding: 8px 0 !important;
  border-top: 0 !important;
}

html body.tenant-app-body #app-stage-calendar .tenant-calendar-month-shell {
  margin-top: 0 !important;
}

html body.tenant-app-body #app-stage-calendar .tenant-calendar-grid-legend {
  margin-top: 4px !important;
  padding-top: 6px !important;
}

html body.tenant-app-body #app-stage-calendar .tenant-calendar-lower {
  margin-top: 8px !important;
}

html body.tenant-app-body #app-stage-timeline .hvx-review-mobile-queue-status {
  display: block !important;
  min-height: 0 !important;
  margin: 6px 0 !important;
  padding: 0 !important;
  border: 1px solid #d7e2ef !important;
  border-left: 3px solid #123b73 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.tenant-app-body #app-stage-timeline .hvx-review-mobile-queue-status summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 0 10px !important;
  cursor: pointer !important;
  list-style: none !important;
}

html body.tenant-app-body #app-stage-timeline .hvx-review-mobile-queue-status summary::-webkit-details-marker {
  display: none !important;
}

html body.tenant-app-body #app-stage-timeline .hvx-review-mobile-queue-status summary::after {
  content: ">" !important;
  color: #64748b !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

html body.tenant-app-body #app-stage-timeline .hvx-review-mobile-queue-status[open] summary::after {
  content: "v" !important;
}

html body.tenant-app-body #app-stage-timeline .hvx-review-mobile-queue-status summary strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 930 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.tenant-app-body #app-stage-timeline .hvx-review-mobile-queue-status summary small {
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 760 !important;
}

html body.tenant-app-body #app-stage-timeline .hvx-review-mobile-queue-status .hvx365-mobile-status-summary,
html body.tenant-app-body #app-stage-timeline .hvx-review-mobile-queue-status .hvx365-mobile-governance,
html body.tenant-app-body #app-stage-timeline .hvx-review-mobile-queue-status .hvx365-mobile-status-actions {
  display: grid !important;
  gap: 6px !important;
  padding: 7px 10px !important;
  border-top: 1px solid #e2e8f0 !important;
}

html body.tenant-app-body #app-stage-timeline .hvx-review-mobile-queue-status:not([open]) .hvx365-mobile-status-summary,
html body.tenant-app-body #app-stage-timeline .hvx-review-mobile-queue-status:not([open]) .hvx365-mobile-governance,
html body.tenant-app-body #app-stage-timeline .hvx-review-mobile-queue-status:not([open]) .hvx365-mobile-status-actions {
  display: none !important;
}

html body.tenant-app-body #app-stage-timeline .hvx100-mobile-continuation-head {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
}

html body.tenant-app-body #app-stage-timeline .hvx-review-continuation-action {
  align-self: center !important;
  color: #123b73 !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  html body.mail-body .mail-triage-strip.hvx100-conversation-toolbar,
  html body.mail-embedded .mail-triage-strip.hvx100-conversation-toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
    top: 0 !important;
  }

  html body.mail-body .mail-triage-strip .mail-triage-filter-actions,
  html body.mail-embedded .mail-triage-strip .mail-triage-filter-actions {
    align-items: center !important;
  }

  html body.mail-body .hvx-review-owner-banner,
  html body.mail-embedded .hvx-review-owner-banner {
    top: 0 !important;
  }

  html body.tenant-app-body #app-stage-timeline .hvx50-workqueue-mobile {
    gap: 6px !important;
  }

  html body.tenant-app-body #app-stage-timeline .hvx100-mobile-timeline-row {
    margin-bottom: 5px !important;
  }
}

html body.tenant-app-body.tenant-app-body.tenant-app-body.tenant-app-body.tenant-app-body.tenant-app-body.tenant-app-body.tenant-app-body[data-app-surface="workspace"][data-active-tab="timeline"] #app-stage-timeline#app-stage-timeline#app-stage-timeline#app-stage-timeline#app-stage-timeline#app-stage-timeline .tenant-timeline-filter-chip-row span,
html body.tenant-app-body.tenant-app-body.tenant-app-body.tenant-app-body.tenant-app-body.tenant-app-body.tenant-app-body.tenant-app-body[data-app-surface="workspace"][data-active-tab="timeline"] #app-stage-timeline#app-stage-timeline#app-stage-timeline#app-stage-timeline#app-stage-timeline#app-stage-timeline .tenant-timeline-filter-mobile-chip {
  min-height: 36px !important;
  height: 36px !important;
  padding: 7px 8px !important;
  box-sizing: border-box !important;
}