:root {
  --hvx10-ink: #111827;
  --hvx10-strong: #334155;
  --hvx10-muted: #64748b;
  --hvx10-line: #d8dee7;
  --hvx10-line-strong: #aeb8c6;
  --hvx10-surface: #ffffff;
  --hvx10-soft: #f8fafc;
  --hvx10-band: #e8edf3;
  --hvx10-rail: #334155;
  --hvx10-risk: #7f1d1d;
  --hvx10-risk-soft: #fff7ed;
  --hvx10-policy: #92400e;
  --hvx10-primary: #2563eb;
}

html body.tenant-app-body[data-app-surface="workspace"],
html body.mail-body {
  color: var(--hvx10-ink) !important;
  letter-spacing: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] button,
html body.tenant-app-body[data-app-surface="workspace"] .button,
html body.mail-body button,
html body.mail-body .button,
html body.mail-body input,
html body.mail-body select,
html body.mail-body textarea {
  border-radius: 2px !important;
  letter-spacing: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-toolbar,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-shell {
  background: #f6f8fb !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-surface,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-stage-panel,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-stage-stack,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-surface,
html body.tenant-app-body[data-app-surface="workspace"] .panel,
html body.mail-body .panel,
html body.mail-body .mail-panel,
html body.mail-body .mail-surface,
html body.mail-body .mail-list-panel {
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-search {
  max-width: 720px !important;
  min-height: 42px !important;
  border: 1px solid var(--hvx10-line-strong) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-search {
  height: 40px !important;
  font-size: 13px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-search-filter,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-toolbar-menu,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-toolbar-menu-btn {
  border: 1px solid var(--hvx10-line-strong) !important;
  border-radius: 2px !important;
  background: #fff !important;
  color: var(--hvx10-rail) !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-toolbar-menu::before,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-toolbar-menu::after {
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-header {
  min-height: 42px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hvx10-line-strong) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-header-main {
  min-height: 42px !important;
  padding: 6px 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-title {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-subtitle,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-header-utility {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-sidebar,
html body.mail-body .mail-sidebar {
  background: #f8fafc !important;
  border-right: 1px solid var(--hvx10-line) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-nav-btn,
html body.mail-body .mail-nav-btn {
  min-height: 36px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-nav-btn.is-active,
html body.mail-body .mail-nav-btn.active {
  background: #eef2f7 !important;
  box-shadow: inset 5px 0 0 var(--hvx10-rail) !important;
}

/* Enterprise overlays */
html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-box,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter,
html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu,
html body.mail-body #mail-compose-modal .mail-compose-card {
  border: 1px solid var(--hvx10-line-strong) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-box {
  max-width: 780px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-head,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-prod-banner,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-scopes,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-preview,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-head,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-item {
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-result {
  min-height: 46px !important;
  border: 1px solid var(--hvx10-line) !important;
  border-left: 4px solid var(--hvx10-rail) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-result p,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-preview span,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-item small {
  color: var(--hvx10-muted) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-section {
  display: block !important;
  margin: 8px 0 4px !important;
  padding-top: 8px !important;
  border-top: 1px solid var(--hvx10-line) !important;
  color: var(--hvx10-rail) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* Work Queue ledger */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-customer-profile {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-operational-heat,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-queue-control-strip,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-case-command-center {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-shell {
  border: 1px solid var(--hvx10-line-strong) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-toolbar {
  display: grid !important;
  grid-template-columns: minmax(190px, 1fr) auto auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 6px 10px !important;
  border-bottom: 1px solid var(--hvx10-line-strong) !important;
  background: #f8fafc !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx42-queue-title {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx42-queue-title span {
  color: var(--hvx10-muted) !important;
  font-size: 10px !important;
  font-weight: 780 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx42-queue-title p {
  position: static !important;
  margin: 0 !important;
  color: var(--hvx10-ink) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx91-queue-kpis,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-toolbar-actions {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-filter-dock {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-state-model {
  gap: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-state-model > * {
  min-width: 82px !important;
  min-height: 32px !important;
  border: 1px solid var(--hvx10-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-col-select { width: 34px !important; }
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-col-sla { width: 178px !important; }
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-col-owner { width: 144px !important; }
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-col-next { width: 136px !important; }
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-col-touch { width: 132px !important; }

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table th {
  height: 24px !important;
  padding: 0 8px !important;
  border-bottom: 1px solid var(--hvx10-line-strong) !important;
  background: #f1f5f9 !important;
  color: var(--hvx10-rail) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row th {
  height: 28px !important;
  padding: 5px 9px !important;
  border-top: 4px solid rgba(51, 65, 85, .34) !important;
  border-bottom: 2px solid rgba(51, 65, 85, .22) !important;
  background: var(--hvx10-band) !important;
  color: var(--hvx10-ink) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  text-align: left !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-overdue th {
  background: var(--hvx10-band) !important;
  color: var(--hvx10-ink) !important;
  border-top-color: rgba(127, 29, 29, .55) !important;
  box-shadow: inset 8px 0 0 rgba(127, 29, 29, .72) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-due-soon th {
  box-shadow: inset 8px 0 0 var(--hvx10-rail) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row small {
  color: var(--hvx10-strong) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row td {
  height: 31px !important;
  padding: 3px 8px !important;
  border-bottom: 1px solid rgba(100, 116, 139, .32) !important;
  background: #fff !important;
  vertical-align: middle !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row,
html body.mail-body .hvx100-conversation-row {
  cursor: pointer !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row:hover td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row:focus-within td,
html body.mail-body .hvx100-conversation-row:hover td,
html body.mail-body .hvx100-conversation-row:focus-within td {
  background: #eef2f7 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-selected td,
html body.mail-body .hvx100-conversation-row.is-selected td,
html body.mail-body .hvx100-conversation-row.active td {
  background: #e8edf4 !important;
  border-top-color: rgba(51, 65, 85, .42) !important;
  border-bottom-color: rgba(51, 65, 85, .42) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 td {
  background: #fff !important;
  border-top: 1px solid rgba(127, 29, 29, .16) !important;
  border-bottom: 1px solid rgba(127, 29, 29, .16) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 td:first-child {
  background: #fff !important;
  box-shadow: inset 8px 0 0 rgba(127, 29, 29, .72) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 .hvx50-sla-cell,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 .hvx50-owner-cell,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 .hvx50-next-cell {
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 .hvx155-primary-next-action {
  border-color: rgba(51, 65, 85, .34) !important;
  border-left-width: 5px !important;
  border-left-color: rgba(127, 29, 29, .72) !important;
  background: #fff !important;
  color: var(--hvx10-ink) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p2 td:first-child {
  box-shadow: inset 8px 0 0 var(--hvx10-rail) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-sla-cell em {
  display: inline-block !important;
  min-width: 24px !important;
  color: var(--hvx10-rail) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 950 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .is-p1 .hvx50-sla-cell em,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .is-p1 .hvx50-sla-cell strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .is-p1 .hvx50-owner-cell strong {
  color: var(--hvx10-risk) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-severity-word {
  display: inline-flex !important;
  margin-right: 6px !important;
  padding: 0 4px !important;
  border-left: 4px solid var(--hvx10-rail) !important;
  color: var(--hvx10-rail) !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .is-p1 .hvx100-severity-word {
  border-left-color: rgba(127, 29, 29, .72) !important;
  color: var(--hvx10-ink) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .is-p1 .hvx100-severity-word::before {
  content: "" !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-sla-cell strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-work-cell strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-owner-cell strong {
  display: inline-block !important;
  color: var(--hvx10-ink) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-sla-cell small,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-work-cell small,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-owner-cell small {
  display: block !important;
  color: var(--hvx10-muted) !important;
  font-size: 7px !important;
  font-weight: 760 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action {
  min-height: 24px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(51, 65, 85, .36) !important;
  border-left: 5px solid var(--hvx10-rail) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--hvx10-ink) !important;
  color: var(--hvx10-ink) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .is-p1 .hvx155-primary-next-action {
  border-left-color: var(--hvx10-risk) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action small {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-row-select,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-table-select-all {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  padding: 0 !important;
  border: 1px solid rgba(51, 65, 85, .42) !important;
  background: #fff !important;
  color: transparent !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-mobile,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-timeline-row,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-energy-compression {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-continuity-state,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-continuity-state-inline,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-continuity-state-footer,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-density-control,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-live-presence-strip,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-status {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-lite,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-state {
  display: grid !important;
  grid-template-columns: 134px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 7px 10px !important;
  border-top: 2px solid var(--hvx10-line-strong) !important;
  border-bottom: 2px solid var(--hvx10-line-strong) !important;
  border-left: 8px solid var(--hvx10-rail) !important;
  background: #f1f5f9 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-token {
  padding-left: 0 !important;
  border-left: 0 !important;
  color: var(--hvx10-rail) !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-lite strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-state strong {
  display: block !important;
  color: var(--hvx10-ink) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-lite span:not(.hvx100-queue-recovery-token),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-state span {
  color: var(--hvx10-muted) !important;
  font-size: 10px !important;
  font-weight: 780 !important;
  line-height: 1.15 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-mini-actions,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-actions {
  display: flex !important;
  gap: 6px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-mini-actions button,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-actions button {
  min-height: 28px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Filter drawer */
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter {
  display: grid !important;
  position: fixed !important;
  top: 76px !important;
  left: 270px !important;
  right: auto !important;
  transform: none !important;
  grid-template-columns: minmax(420px, 1fr) 232px !important;
  gap: 0 !important;
  width: min(760px, calc(100vw - 310px)) !important;
  max-width: min(760px, calc(100vw - 32px)) !important;
  max-height: min(640px, calc(100vh - 90px)) !important;
  overflow: auto !important;
  border: 1px solid var(--hvx10-line-strong) !important;
  border-top: 3px solid #1e293b !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.hidden {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-head,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-facet-state {
  grid-column: 1 / -1 !important;
  border-bottom: 1px solid var(--hvx10-line) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 12px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-head-actions button,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-actions button {
  min-height: 32px !important;
  padding: 0 12px !important;
  border: 1px solid var(--hvx10-line-strong) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--hvx10-ink) !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-head-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter #app-filter-save {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-head-actions [data-workspace-filter-proxy="cancel"] {
  color: var(--hvx10-muted) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-head-actions [data-workspace-filter-proxy="clear"],
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter #app-filter-clear {
  border-color: rgba(51, 65, 85, .24) !important;
  border-left: 4px solid rgba(51, 65, 85, .34) !important;
  color: var(--hvx10-ink) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter #app-filter-apply {
  border-color: #1e293b !important;
  background: #1e293b !important;
  color: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-head-actions [data-workspace-filter-proxy="apply"] {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 112px !important;
  justify-content: center !important;
  border-color: #1e293b !important;
  background: #1e293b !important;
  color: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-facet-state,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-live-summary,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter #app-filter-draft-state {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-section-primary {
  padding: 10px !important;
  border-right: 2px solid var(--hvx10-line-strong) !important;
  background: #f8fafc !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-section-title {
  min-height: 30px !important;
  padding: 0 8px !important;
  border: 1px solid var(--hvx10-line) !important;
  background: var(--hvx10-band) !important;
  color: var(--hvx10-rail) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding-top: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-builder-row,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-check-row {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  min-height: 40px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px !important;
  border: 1px solid var(--hvx10-line-strong) !important;
  border-left: 4px solid rgba(51, 65, 85, .24) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-builder-row:focus-within,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-check-row:focus-within {
  border-left-color: var(--hvx10-rail) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-builder-row > span:first-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-check-row > span:first-child {
  display: grid !important;
  gap: 2px !important;
  color: var(--hvx10-rail) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-builder-row > span:first-child::after,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-check-row > span:first-child::after {
  content: "Optional" !important;
  color: var(--hvx10-muted) !important;
  font-size: 7px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter input,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter select {
  min-height: 30px !important;
  border: 1px solid rgba(51, 65, 85, .38) !important;
  background: #fff !important;
  color: var(--hvx10-ink) !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  border: 2px solid rgba(51, 65, 85, .46) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-check-copy {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 1px 8px !important;
  color: var(--hvx10-ink) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-check-copy small {
  grid-column: 2 !important;
  color: var(--hvx10-muted) !important;
  font-size: 9px !important;
  font-weight: 780 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-preview-rows {
  display: grid !important;
  gap: 6px !important;
  padding: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-result-line,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-impact-ledger {
  padding: 8px !important;
  border: 1px solid var(--hvx10-line) !important;
  border-left: 8px solid #1e293b !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-result-line strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-impact-ledger strong {
  color: var(--hvx10-ink) !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-impact-ledger {
  display: grid !important;
  gap: 0 !important;
  border-color: rgba(30, 41, 59, .42) !important;
  background: #eef2f7 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-impact-ledger span {
  display: flex !important;
  justify-content: space-between !important;
  min-height: 27px !important;
  border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-impact-ledger span:last-child {
  border-bottom: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-result-details {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-actions {
  grid-column: 1 / -1 !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border-top: 1px solid var(--hvx10-line-strong) !important;
  background: #fff !important;
}

/* Conversations queue */
html body.mail-body .mail-workspace-shell,
html body.mail-body .mail-workspace-panel,
html body.mail-body .mail-list-panel {
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.mail-body .mail-triage-strip,
html body.mail-body .hvx100-conversation-toolbar {
  min-height: 56px !important;
  padding: 10px !important;
  border: 1px solid var(--hvx10-line) !important;
  background: #fff !important;
}

html body.mail-body .hvx100-assignment-workflow {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 132px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  min-height: 30px !important;
  margin-top: 6px !important;
  padding: 5px 8px !important;
  border: 1px solid rgba(51, 65, 85, .28) !important;
  border-left: 6px solid rgba(127, 29, 29, .62) !important;
  background: #fff !important;
}

html body.mail-body .hvx100-assignment-workflow strong {
  color: var(--hvx10-ink) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

html body.mail-body .hvx100-assignment-workflow span {
  color: var(--hvx10-strong) !important;
  font-size: 10px !important;
  font-weight: 860 !important;
  line-height: 1.2 !important;
}

html body.mail-body .mail-workspace-tab,
html body.mail-body .mail-triage-filter-actions button {
  min-height: 34px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.mail-body .mail-workspace-tab.active,
html body.mail-body .mail-workspace-tab[aria-pressed="true"] {
  background: var(--hvx10-rail) !important;
  color: #fff !important;
}

html body.mail-body .hvx100-conversation-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(7),
html body.mail-body .hvx100-conversation-table td:nth-child(7) {
  display: none !important;
}

html body.mail-body .hvx100-conversation-table th {
  height: 28px !important;
  padding: 0 8px !important;
  border-bottom: 1px solid var(--hvx10-line-strong) !important;
  background: #f1f5f9 !important;
  color: var(--hvx10-rail) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

html body.mail-body .hvx100-conversation-group-row th {
  position: relative !important;
  display: table-cell !important;
  height: 34px !important;
  padding: 7px 190px 7px 10px !important;
  border-top: 3px solid var(--hvx10-line-strong) !important;
  border-bottom: 1px solid var(--hvx10-line-strong) !important;
  background: var(--hvx10-band) !important;
  color: var(--hvx10-ink) !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-conversation-group-row.is-owner-required th {
  border-top: 3px solid rgba(127, 29, 29, .55) !important;
  border-bottom: 1px solid rgba(127, 29, 29, .18) !important;
  background: #f8fafc !important;
  color: var(--hvx10-ink) !important;
  box-shadow: inset 8px 0 0 rgba(127, 29, 29, .72) !important;
}

html body.mail-body .hvx100-conversation-group-title {
  display: inline-block !important;
  margin-right: 8px !important;
  color: var(--hvx10-ink) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

html body.mail-body .hvx100-conversation-group-row small {
  color: var(--hvx10-strong) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}

html body.mail-body .hvx100-conversation-group-command {
  position: absolute !important;
  top: 5px !important;
  right: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body.mail-body .hvx100-conversation-group-action {
  min-height: 28px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(51, 65, 85, .36) !important;
  border-left: 6px solid rgba(127, 29, 29, .72) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--hvx10-ink) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}

html body.mail-body .hvx100-conversation-group-command em {
  max-width: 138px !important;
  color: var(--hvx10-ink) !important;
  font-size: 9px !important;
  font-style: normal !important;
  line-height: 1.1 !important;
}

html body.mail-body .hvx100-conversation-row td {
  height: 38px !important;
  padding: 4px 8px !important;
  border-bottom: 1px solid var(--hvx10-line) !important;
  background: #fff !important;
  vertical-align: middle !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required td {
  background: #fff !important;
  border-top: 1px solid rgba(127, 29, 29, .18) !important;
  border-bottom: 1px solid rgba(127, 29, 29, .18) !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required td:first-child {
  background: #fff !important;
  box-shadow: inset 8px 0 0 rgba(127, 29, 29, .7) !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-risk,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-routing,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-action {
  background: #fff !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-routing {
  box-shadow: inset 3px 0 0 rgba(127, 29, 29, .42) !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action {
  border-left-width: 8px !important;
  background: #fff !important;
}

html body.mail-body .hvx100-conversation-primary-action.is-blocked,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action {
  border-color: rgba(127, 29, 29, .42) !important;
  border-left-color: var(--hvx10-risk) !important;
  color: var(--hvx10-risk) !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-action {
  background: #fff !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action {
  display: none !important;
}

html body.mail-body .mail-conversation-triage,
html body.mail-body .hvx18-sla-badge {
  display: grid !important;
  gap: 1px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.mail-body .mail-priority-indicator {
  display: block !important;
  padding-left: 5px !important;
  border-left: 5px solid var(--hvx10-rail) !important;
  color: var(--hvx10-rail) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 950 !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .mail-priority-indicator {
  border-left-color: var(--hvx10-risk) !important;
  color: var(--hvx10-risk) !important;
}

html body.mail-body .mail-conversation-triage strong,
html body.mail-body .hvx100-conversation-open strong,
html body.mail-body .hvx100-conversation-routing strong,
html body.mail-body .hvx100-conversation-touch strong {
  display: block !important;
  color: var(--hvx10-ink) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-conversation-open small,
html body.mail-body .hvx100-conversation-routing small,
html body.mail-body .hvx100-conversation-touch small {
  display: block !important;
  color: var(--hvx10-muted) !important;
  font-size: 8px !important;
  font-weight: 780 !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-owner-gap-token {
  display: inline-block !important;
  padding-left: 6px !important;
  border-left: 4px solid rgba(127, 29, 29, .72) !important;
  color: var(--hvx10-risk) !important;
  font-size: 9px !important;
  font-weight: 950 !important;
}

html body.mail-body .hvx100-conversation-staged-action {
  display: none !important;
  min-width: 48px !important;
  min-height: 22px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 7px !important;
  border: 1px solid rgba(51, 65, 85, .24) !important;
  border-left: 3px solid rgba(127, 29, 29, .5) !important;
  background: #fff !important;
  color: var(--hvx10-ink) !important;
  font-size: 9px !important;
  font-weight: 950 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-primary-row-action::before,
html body.mail-body .hvx100-conversation-group-action::before,
html body.mail-body .hvx100-conversation-staged-action::before {
  content: "> " !important;
}

html body.mail-body .hvx100-conversation-primary-action {
  min-width: 56px !important;
  min-height: 26px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(51, 65, 85, .38) !important;
  border-left: 5px solid var(--hvx10-rail) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--hvx10-ink) !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  box-shadow: none !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action {
  border-left-color: var(--hvx10-risk) !important;
}

html body.mail-body .hvx100-conversation-primary-action small,
html body.mail-body .hvx100-conversation-row-menu,
html body.mail-body .hvx155-conversation-preview,
html body.mail-body .hvx100-conversation-context-details,
html body.mail-body .hvx100-row-action-menu,
html body.mail-body .thread-item-badge-row,
html body.mail-body .hvx100-conversation-table th:nth-child(7),
html body.mail-body .hvx100-conversation-table td:nth-child(7) {
  display: none !important;
}

html body.mail-body .hvx100-conversation-open,
html body.mail-body .hvx100-conversation-routing,
html body.mail-body .hvx100-conversation-touch {
  display: grid !important;
  gap: 1px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body.mail-body .hvx100-conversation-table td:nth-child(3) {
  width: auto !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(1),
html body.mail-body .hvx100-conversation-table td:nth-child(1) {
  width: 42px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(2),
html body.mail-body .hvx100-conversation-table td:nth-child(2) {
  width: 118px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(4),
html body.mail-body .hvx100-conversation-table td:nth-child(4) {
  width: 210px !important;
  border-left: 2px solid rgba(51, 65, 85, .22) !important;
  background: #f8fafc !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(5),
html body.mail-body .hvx100-conversation-table td:nth-child(5) {
  width: 116px !important;
  border-left: 2px solid rgba(51, 65, 85, .26) !important;
  background: #fff !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(6),
html body.mail-body .hvx100-conversation-table td:nth-child(6) {
  width: 146px !important;
}

html body.mail-body .mail-workspace-checkbox {
  width: 22px !important;
  height: 22px !important;
  border: 1px solid rgba(51, 65, 85, .42) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

html body.mail-body .mail-workspace-checkbox.is-checked {
  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 10px var(--hvx10-rail) !important;
}

/* Compose */
html body #mail-compose-modal .mail-compose-identity-strip,
html body #mail-compose-modal .hvx11-compose-identity,
html body #mail-compose-modal .hvx11-compose-deliverability,
html body #mail-compose-modal .mail-compose-checks-top,
html body #mail-compose-modal .mail-compose-policy-stack,
html body #mail-compose-modal .hvx100-compose-preflight,
html body #mail-compose-modal .hvx100-compose-assurance,
html body #mail-compose-modal .mail-compose-policy-details,
html body #mail-compose-modal .mail-compose-delivery-footnote,
html body #mail-compose-modal .mail-compose-delivery-checks,
html body.mail-body #mail-compose-modal #compose-send-blocker-banner,
html body.mail-body #mail-compose-modal #compose-footer-blocker {
  display: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-card {
  width: min(680px, calc(100vw - 48px)) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-panel {
  margin: 6px 0 12px !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-panel.is-blocked {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 32px !important;
  padding: 5px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(51, 65, 85, .18) !important;
  border-bottom: 1px solid rgba(51, 65, 85, .18) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-panel.is-blocked strong {
  display: block !important;
  margin-bottom: 2px !important;
  color: var(--hvx10-ink) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-panel.is-blocked strong::before {
  content: "" !important;
}

html body.mail-body #mail-compose-modal .hvx155-compose-send-contract {
  display: flex !important;
  flex: 0 0 auto !important;
  grid-template-columns: none !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.mail-body #mail-compose-modal .hvx155-compose-send-contract li {
  display: inline-flex !important;
  gap: 6px !important;
  min-height: 20px !important;
  align-items: center !important;
  padding: 2px 6px !important;
  border: 1px solid rgba(51, 65, 85, .18) !important;
  background: #f8fafc !important;
}

html body.mail-body #mail-compose-modal .hvx155-compose-send-contract b {
  color: var(--hvx10-rail) !important;
  font-size: 9px !important;
  font-weight: 950 !important;
}

html body.mail-body #mail-compose-modal .hvx155-compose-send-contract span {
  color: var(--hvx10-muted) !important;
  font-size: 9px !important;
  font-weight: 780 !important;
  line-height: 1.1 !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-copy,
html body.mail-body #mail-compose-modal .hvx100-compose-policy-line {
  color: var(--hvx10-strong) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

html body.mail-body #mail-compose-modal .hvx100-compose-policy-line {
  display: none !important;
}

/* Mobile IA contract: mirror desktop primary sections; no separate top-tab taxonomy. */
@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] {
    padding-bottom: 58px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 80 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    min-height: 54px !important;
    padding: 4px 6px calc(4px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid rgba(148, 163, 184, .34) !important;
    background: rgba(248, 250, 252, .98) !important;
    box-shadow: 0 -1px 2px rgba(15, 23, 42, .04) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn {
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 2px !important;
    min-height: 46px !important;
    padding: 4px 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #475569 !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn.is-active {
    color: #0f172a !important;
    box-shadow: inset 0 3px 0 #334155 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-icon {
    color: inherit !important;
    font-size: .62rem !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-label {
    max-width: 74px !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: .64rem !important;
    font-weight: 680 !important;
    line-height: 1.05 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn[data-app-tab="numbers"],
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn[data-app-tab="guide"],
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn[data-app-tab="settings"] {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tabs {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-stage {
    padding-bottom: 70px !important;
  }
}

/* True final authority v3: restore table legibility and make mobile fields readable. */
html body.mail-body .hvx100-conversation-table {
  table-layout: auto !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(1),
html body.mail-body .hvx100-conversation-table td:nth-child(1) {
  width: 36px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(2),
html body.mail-body .hvx100-conversation-table td:nth-child(2) {
  width: 92px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(3),
html body.mail-body .hvx100-conversation-table td:nth-child(3) {
  width: auto !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(4),
html body.mail-body .hvx100-conversation-table td:nth-child(4) {
  width: 190px !important;
  min-width: 190px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(5),
html body.mail-body .hvx100-conversation-table td:nth-child(5) {
  width: 170px !important;
  min-width: 170px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(6),
html body.mail-body .hvx100-conversation-table td:nth-child(6) {
  width: 150px !important;
  min-width: 150px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(7),
html body.mail-body .hvx100-conversation-table td:nth-child(7) {
  display: none !important;
}

html body.mail-body .hvx100-conversation-routing strong,
html body.mail-body .hvx100-conversation-routing small,
html body.mail-body .hvx100-conversation-action b,
html body.mail-body .hvx100-conversation-action small,
html body.mail-body .hvx100-conversation-touch strong,
html body.mail-body .hvx100-conversation-touch small {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

html body.mail-body .hvx100-conversation-next-state b,
html body.mail-body .hvx100-conversation-next-state small {
  color: #334155 !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-next-state b {
  color: #7f1d1d !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    margin-top: 10px !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span:nth-child(2n),
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span:nth-last-child(-n+2) {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    align-items: baseline !important;
    gap: 8px !important;
    min-height: 24px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    white-space: normal !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid small {
    color: #64748b !important;
    font-size: .58rem !important;
    font-weight: 840 !important;
    letter-spacing: .02em !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid b {
    color: #1f2937 !important;
    font-size: .72rem !important;
    font-weight: 780 !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
}

/* Final scoring pass: lighten grids and make operational hierarchy do the work. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-table,
html body.mail-body .hvx100-conversation-table-shell {
  border-color: rgba(226, 232, 240, .9) !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-table th,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-table td,
html body.mail-body .hvx100-conversation-table th,
html body.mail-body .hvx100-conversation-row td {
  border-right: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p2 td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p3 td {
  height: 58px !important;
  padding: 8px 10px !important;
  border-bottom: 1px solid rgba(226, 232, 240, .92) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-selected td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row:hover td,
html body.mail-body .hvx100-conversation-row.active td,
html body.mail-body .hvx100-conversation-row.is-selected td,
html body.mail-body .hvx100-conversation-row:hover td {
  background: #f8fafc !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 td:first-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p2 td:first-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-selected td:first-child,
html body.mail-body .hvx100-conversation-row.is-owner-required td:first-child,
html body.mail-body .hvx100-conversation-row.active td:first-child,
html body.mail-body .hvx100-conversation-row.is-selected td:first-child {
  box-shadow: inset 2px 0 0 rgba(51, 65, 85, .55) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 .hvx155-primary-next-action {
  min-height: 28px !important;
  border-color: rgba(148, 163, 184, .42) !important;
  background: #fff !important;
  color: #334155 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action small,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 .hvx155-primary-next-action small {
  color: #64748b !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-sla-cell em,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-sla-cell strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-sla-state strong,
html body.mail-body .mail-conversation-triage strong {
  color: #1f2937 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-lower-grid {
  padding: 7px !important;
  gap: 7px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-ledger,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-selected-row-card,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-control-card {
  border-color: rgba(226, 232, 240, .86) !important;
  background: #fff !important;
}

html body.mail-body .mail-triage-strip.hvx100-conversation-toolbar {
  min-height: 0 !important;
  padding: 16px 20px 12px !important;
  border-color: rgba(226, 232, 240, .9) !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body .mail-triage-strip-title strong {
  color: #0f172a !important;
  font-size: 1.02rem !important;
  font-weight: 820 !important;
}

html body.mail-body .mail-triage-strip-title span,
html body.mail-body .mail-triage-strip-title small {
  color: #64748b !important;
  font-size: .72rem !important;
}

html body.mail-body .mail-triage-filter-actions {
  margin-top: 12px !important;
  gap: 0 !important;
}

html body.mail-body .mail-triage-filter-actions button {
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #334155 !important;
  box-shadow: none !important;
}

html body.mail-body .mail-triage-filter-actions button.is-active {
  background: #f8fafc !important;
  color: #0f172a !important;
  box-shadow: inset 0 -2px 0 #334155 !important;
}

html body.mail-body .hvx100-conversation-row td {
  height: 58px !important;
  padding: 8px 10px !important;
}

html body.mail-body .hvx100-conversation-subject strong {
  font-size: .86rem !important;
  font-weight: 820 !important;
}

html body.mail-body .hvx100-conversation-subject small,
html body.mail-body .hvx100-conversation-routing small,
html body.mail-body .hvx100-conversation-touch small {
  color: #64748b !important;
  font-size: .66rem !important;
}

html body.mail-body .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-primary-action.is-owner,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action {
  min-width: 118px !important;
  min-height: 30px !important;
  border-color: rgba(148, 163, 184, .42) !important;
  background: #fff !important;
  color: #334155 !important;
}

html body.mail-body .hvx100-conversation-primary-action.is-owner,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action.is-owner {
  border-color: rgba(153, 27, 27, .26) !important;
  background: #fff !important;
  color: #991b1b !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-builder-row {
  grid-template-columns: 96px minmax(0, 1fr) !important;
  min-height: 48px !important;
  padding: 8px 10px !important;
  border-color: rgba(226, 232, 240, .92) !important;
  background: #fbfcfe !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter input,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter select {
  min-height: 30px !important;
  border-color: rgba(148, 163, 184, .48) !important;
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-state-line {
  margin-top: 8px !important;
  border: 1px solid rgba(226, 232, 240, .92) !important;
  border-left: 3px solid rgba(51, 65, 85, .46) !important;
  background: #fbfcfe !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-footer button:last-child {
  border-color: rgba(30, 64, 175, .24) !important;
  background: #1e40af !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-ops-status {
    min-height: 34px !important;
    padding: 8px 10px !important;
    border-left: 2px solid rgba(16, 185, 129, .78) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk {
    padding: 11px 12px !important;
    border: 1px solid rgba(226, 232, 240, .96) !important;
    border-left: 2px solid rgba(71, 85, 105, .62) !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk {
    border-left-color: rgba(153, 27, 27, .58) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(226, 232, 240, .94) !important;
    border-radius: 4px !important;
    background: #fbfcfe !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span {
    min-height: 34px !important;
    padding: 6px 8px !important;
    border: 0 !important;
    border-right: 1px solid rgba(226, 232, 240, .9) !important;
    border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span:nth-child(2n) {
    border-right: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span:nth-last-child(-n+2) {
    border-bottom: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid small {
    color: #64748b !important;
    font-size: .58rem !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid b {
    color: #1f2937 !important;
    font-size: .7rem !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav {
    min-height: 50px !important;
    padding: 0 6px !important;
    border-top: 1px solid rgba(203, 213, 225, .92) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn {
    min-height: 48px !important;
    border: 0 !important;
    border-top: 2px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #475569 !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn.is-active {
    border-top-color: #334155 !important;
    background: transparent !important;
    color: #0f172a !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-label {
    font-size: .64rem !important;
    font-weight: 760 !important;
  }
}

/* Calls readiness: status plus target-specific action, not generic review links. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-state {
  display: inline-grid !important;
  justify-items: end !important;
  gap: 5px !important;
  min-width: 122px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-action {
  min-height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(148, 163, 184, .34) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: .66rem !important;
  font-weight: 780 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-action:hover {
  background: #f8fafc !important;
  color: #0f172a !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-pill {
  min-width: 64px !important;
  text-align: center !important;
}

/* Timeline lower operations model: split ledger + selected-row control. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-lower-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(250px, .75fr) !important;
  gap: 8px !important;
  padding: 8px !important;
  border-top: 1px solid rgba(226, 232, 240, .96) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-ledger,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-selected-row-card,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-control-card {
  min-height: 0 !important;
  border: 1px solid rgba(226, 232, 240, .96) !important;
  border-radius: 4px !important;
  background: #fbfcfe !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-ledger {
  overflow: hidden !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-lower-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 31px !important;
  padding: 7px 10px !important;
  border-bottom: 1px solid rgba(226, 232, 240, .96) !important;
  background: #f8fafc !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-lower-head span,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-selected-row-card > span,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-control-card > span {
  color: #64748b !important;
  font-size: .62rem !important;
  font-weight: 840 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-lower-head small {
  color: #64748b !important;
  font-size: .66rem !important;
  font-weight: 700 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-ledger table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-ledger th {
  height: 27px !important;
  padding: 5px 9px !important;
  border-bottom: 1px solid rgba(226, 232, 240, .96) !important;
  background: #fff !important;
  color: #64748b !important;
  font-size: .61rem !important;
  font-weight: 820 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-ledger td {
  height: 36px !important;
  padding: 6px 9px !important;
  border-bottom: 1px solid rgba(226, 232, 240, .86) !important;
  color: #475569 !important;
  font-size: .68rem !important;
  vertical-align: middle !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-ledger tr:last-child td {
  border-bottom: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-ledger td:first-child {
  width: 86px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-ledger td b {
  display: block !important;
  color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 820 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-ledger td strong {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: .72rem !important;
  font-weight: 780 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-ledger td small {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: .63rem !important;
  font-weight: 650 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-side {
  display: grid !important;
  gap: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-selected-row-card,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-control-card {
  display: grid !important;
  gap: 5px !important;
  padding: 9px 10px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-selected-row-card strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-control-card strong {
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: .78rem !important;
  font-weight: 820 !important;
  line-height: 1.18 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-selected-row-card small,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-control-card small {
  color: #64748b !important;
  font-size: .66rem !important;
  font-weight: 680 !important;
  line-height: 1.24 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-selected-row-card div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 6px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-selected-row-card b,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-selected-row-card em {
  min-height: 25px !important;
  padding: 6px 7px !important;
  border: 1px solid rgba(226, 232, 240, .96) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: .66rem !important;
  font-style: normal !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-selected-row-card button {
  justify-self: end !important;
  min-height: 30px !important;
  min-width: 104px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(30, 64, 175, .26) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #1e3a8a !important;
  font-size: .68rem !important;
  font-weight: 820 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-selected-row-card button:hover {
  background: #f8fafc !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-ops-band {
  display: none !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx170-workqueue-lower-grid {
    display: none !important;
  }
}

/* Calls workspace accessibility contract: no ghosted operational headings. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-launch-grid {
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-surface {
  border-color: rgba(148, 163, 184, .3) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-eyebrow {
  color: #0f766e !important;
  font-size: .68rem !important;
  font-weight: 820 !important;
  letter-spacing: .04em !important;
  opacity: 1 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .card-title,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls h2,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls h3 {
  color: #0f172a !important;
  opacity: 1 !important;
  font-weight: 820 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-launch-hero .card-title {
  font-size: 1.05rem !important;
  line-height: 1.25 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-launch-readiness .card-title,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-launch-metrics .card-title {
  font-size: .98rem !important;
  line-height: 1.2 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .meta {
  color: #334155 !important;
  opacity: 1 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 12px !important;
  padding: 12px 0 !important;
  border-top: 1px solid rgba(226, 232, 240, .95) !important;
  background: transparent !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-item strong {
  color: #0f172a !important;
  font-size: .88rem !important;
  font-weight: 760 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-pill {
  min-width: 64px !important;
  padding: 2px 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #475569 !important;
  font-size: .66rem !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
  text-transform: none !important;
  opacity: 1 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-item.is-pending .tenant-call-readiness-pill {
  color: #92400e !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-item.is-ready .tenant-call-readiness-pill {
  color: #0f766e !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-item.is-optional .tenant-call-readiness-pill {
  color: #64748b !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-metric-card p,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-metric-card strong {
  color: #0f172a !important;
  opacity: 1 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls #app-open-calls-link {
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(37, 99, 235, .2) !important;
  border-radius: 2px !important;
  background: #2563eb !important;
  color: #fff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .06) !important;
  font-size: .78rem !important;
  font-weight: 720 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls #app-open-calls-tab-link {
  display: none !important;
}

/* Conversation table final grid contract: fixed meaning per column. */
html body.mail-body .hvx100-conversation-table th:nth-child(1),
html body.mail-body .hvx100-conversation-table td:nth-child(1) {
  width: 42px !important;
  padding-inline: 10px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(2),
html body.mail-body .hvx100-conversation-table td:nth-child(2) {
  width: 92px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(3),
html body.mail-body .hvx100-conversation-table td:nth-child(3) {
  width: auto !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(4),
html body.mail-body .hvx100-conversation-table td:nth-child(4) {
  width: 220px !important;
  border-left: 1px solid rgba(226, 232, 240, .95) !important;
  background: #fff !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(5),
html body.mail-body .hvx100-conversation-table td:nth-child(5) {
  width: 116px !important;
  border-left: 1px solid rgba(226, 232, 240, .95) !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(6),
html body.mail-body .hvx100-conversation-table td:nth-child(6) {
  width: 150px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(7),
html body.mail-body .hvx100-conversation-table td:nth-child(7) {
  width: 72px !important;
}

html body.mail-body .hvx100-conversation-table th[aria-label="Select"] {
  color: transparent !important;
}

html body.mail-body .hvx100-conversation-table .hvx100-conversation-group-row th {
  padding: 5px 10px !important;
  border-left: 0 !important;
  background: #f8fafc !important;
}

/* Filter modal final contract: stable modal, locked background, one action footer. */
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-workspace-filter,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-filter-enterprise-reset {
  position: fixed !important;
  top: 72px !important;
  left: 50% !important;
  right: auto !important;
  z-index: 140 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  width: min(820px, calc(100vw - 40px)) !important;
  max-width: min(820px, calc(100vw - 40px)) !important;
  max-height: calc(100vh - 104px) !important;
  overflow: hidden auto !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(30, 41, 59, .44) !important;
  border-top: 4px solid #1e293b !important;
  background: #fff !important;
  box-shadow: 0 0 0 9999px rgba(15, 23, 42, .38), 0 12px 32px rgba(15, 23, 42, .16) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.hidden {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(148, 163, 184, .28) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-head strong {
  color: #0f172a !important;
  font-size: .94rem !important;
  font-weight: 820 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-head span {
  color: #64748b !important;
  font-size: .76rem !important;
  font-weight: 560 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-head-actions {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-section-primary {
  padding: 14px 16px !important;
  border-right: 0 !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-section-title {
  min-height: 28px !important;
  padding: 0 0 8px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(226, 232, 240, .95) !important;
  background: transparent !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-builder-row,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-check-row {
  min-height: 52px !important;
  padding: 8px !important;
  border: 1px solid rgba(148, 163, 184, .3) !important;
  border-left: 3px solid rgba(71, 85, 105, .28) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-live-summary,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter #app-filter-draft-state,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-preview-rows,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-section:not(.tenant-filter-section-primary) {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 12px 16px !important;
  border-top: 1px solid rgba(148, 163, 184, .28) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-actions button {
  min-height: 34px !important;
  border-radius: 2px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter #app-filter-apply {
  min-width: 132px !important;
  background: #1e293b !important;
  color: #fff !important;
}

/* Compose field chrome: one border per input component. */
html body.mail-body #mail-compose-modal .mail-recipient-field {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  min-height: 38px !important;
  padding: 3px 6px !important;
  border: 1px solid rgba(100, 116, 139, .55) !important;
  border-left: 3px solid rgba(100, 116, 139, .42) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal .mail-recipient-field:focus-within {
  border-color: rgba(51, 65, 85, .8) !important;
  border-left-color: #334155 !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal .mail-recipient-field.is-required-missing {
  border-left-color: #7f1d1d !important;
}

html body.mail-body #mail-compose-modal .mail-recipient-field input,
html body.mail-body #mail-compose-modal .mail-recipient-field input:focus,
html body.mail-body #mail-compose-modal .mail-recipient-field input:focus-visible {
  flex: 1 1 180px !important;
  min-width: 160px !important;
  min-height: 30px !important;
  padding: 0 4px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal #compose-cc,
html body.mail-body #mail-compose-modal #compose-bcc,
html body.mail-body #mail-compose-modal #compose-subject {
  min-height: 38px !important;
  border: 1px solid rgba(100, 116, 139, .55) !important;
  outline: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal #compose-cc:focus,
html body.mail-body #mail-compose-modal #compose-bcc:focus,
html body.mail-body #mail-compose-modal #compose-subject:focus,
html body.mail-body #mail-compose-modal #compose-cc:focus-visible,
html body.mail-body #mail-compose-modal #compose-bcc:focus-visible,
html body.mail-body #mail-compose-modal #compose-subject:focus-visible {
  border-color: rgba(51, 65, 85, .8) !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-editor-shell {
  border: 1px solid rgba(100, 116, 139, .55) !important;
  border-left: 3px solid rgba(100, 116, 139, .42) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-editor-shell:focus-within {
  border-color: rgba(51, 65, 85, .8) !important;
  border-left-color: #334155 !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal #compose-body,
html body.mail-body #mail-compose-modal #compose-body:focus,
html body.mail-body #mail-compose-modal #compose-body:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Filter modal corrective narrowing: remove unfinished right-pane impression. */
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-workspace-filter.tenant-filter-enterprise-reset,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-filter-enterprise-reset {
  width: min(640px, calc(100vw - 32px)) !important;
  max-width: min(640px, calc(100vw - 32px)) !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-filter-enterprise-reset .tenant-filter-section-primary {
  grid-column: 1 / -1 !important;
  width: auto !important;
  max-width: none !important;
  border-right: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-filter-enterprise-reset .tenant-workspace-filter-grid,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-filter-enterprise-reset .tenant-workspace-filter-row {
  width: 100% !important;
  max-width: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-filter-enterprise-reset .tenant-filter-section-title {
  width: 100% !important;
  max-width: none !important;
}

/* Absolute final mobile IA override: canonical nav is the bottom workspace nav. */
@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tabs,
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-stage .tenant-workspace-tabs {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav {
    display: grid !important;
    visibility: visible !important;
  }
}

html body.mail-body #mail-compose-modal input,
html body.mail-body #mail-compose-modal select,
html body.mail-body #mail-compose-modal textarea,
html body.mail-body #mail-compose-modal .mail-recipient-field,
html body.mail-body #mail-compose-modal .mail-compose-editor-shell {
  border: 1px solid rgba(51, 65, 85, .44) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal label[for="compose-to"],
html body.mail-body #mail-compose-modal label[for="compose-subject"],
html body.mail-body #mail-compose-modal label[for="compose-body"] {
  color: var(--hvx10-risk) !important;
  font-weight: 950 !important;
}

/* Calendar */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-empty-state,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar #app-calendar-day-list article {
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-empty-state {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--hvx10-line-strong) !important;
  border-left: 8px solid var(--hvx10-rail) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-empty-state strong {
  color: var(--hvx10-ink) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-empty-state span {
  color: var(--hvx10-muted) !important;
  font-size: 11px !important;
  font-weight: 780 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-empty-actions {
  display: flex !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-empty-actions button {
  min-height: 30px !important;
  border: 1px solid rgba(51, 65, 85, .38) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

/* Mobile */
@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-sidebar {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-stage-header,
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-stage-title-card {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-stage {
    padding-top: 34px !important;
    padding-bottom: 12px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 0 0 8px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--hvx10-line-strong) !important;
    border-radius: 0 !important;
    background: #fff !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tab {
    display: flex !important;
    min-height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: var(--hvx10-rail) !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tab.is-active {
    background: #fff !important;
    box-shadow: inset 0 -3px 0 var(--hvx10-rail) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tab:nth-child(n+4),
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tab::before,
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tab::after {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tab-copy strong {
    font-size: 9px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tab .tenant-nav-badge {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tab {
    min-height: 44px !important;
    border-radius: 0 !important;
    border-bottom: 0 !important;
    background: #fff !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tab.is-active {
    box-shadow: inset 0 -4px 0 var(--hvx10-rail) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-toolbar,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-lite,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-energy-compression {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-mobile {
    display: grid !important;
    gap: 0 !important;
    border-top: 1px solid var(--hvx10-line-strong) !important;
    background: #fff !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-timeline-row {
    display: block !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row {
    display: block !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    padding: 6px 9px !important;
    border-top: 3px solid rgba(30, 41, 59, .44) !important;
    border-bottom: 1px solid rgba(30, 41, 59, .26) !important;
    background: #e2e8f0 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row.is-overdue,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row.is-critical {
    border-top-color: rgba(127, 29, 29, .48) !important;
    box-shadow: inset 5px 0 0 rgba(127, 29, 29, .72) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    gap: 4px 6px !important;
    min-height: 46px !important;
    padding: 4px 6px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--hvx10-line) !important;
    border-left: 5px solid var(--hvx10-rail) !important;
    background: #fff !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk {
    background: #fff !important;
    border-left: 6px solid rgba(127, 29, 29, .72) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk {
    border-left: 6px solid rgba(127, 29, 29, .72) !important;
    background: #fff !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-head {
    display: grid !important;
    align-content: start !important;
    gap: 2px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status {
    grid-column: 2 !important;
    min-width: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-actions {
    grid-column: 3 !important;
    grid-row: 1 / span 3 !important;
    align-self: center !important;
    min-width: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-severity {
    color: var(--hvx10-rail) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 950 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx60-mobile-severity,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx60-mobile-main strong,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx60-mobile-status span {
    color: var(--hvx10-ink) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-severity-word {
    display: inline-flex !important;
    padding-left: 4px !important;
    border-left: 4px solid var(--hvx10-rail) !important;
    color: var(--hvx10-rail) !important;
    font-size: 8px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx100-mobile-severity-word {
    border-left-color: rgba(127, 29, 29, .72) !important;
    color: var(--hvx10-ink) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main strong {
    color: var(--hvx10-ink) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main small,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status span,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status small {
    color: var(--hvx10-muted) !important;
    font-size: 9px !important;
    font-weight: 820 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action {
    min-width: 68px !important;
    min-height: 22px !important;
    padding: 0 6px !important;
    border: 1px solid rgba(51, 65, 85, .46) !important;
    border-left: 3px solid rgba(127, 29, 29, .58) !important;
    border-radius: 0 !important;
    background: #f8fafc !important;
    color: var(--hvx10-ink) !important;
    font-size: 8px !important;
    font-weight: 950 !important;
    box-shadow: none !important;
  }
}

/* Conversations enterprise severity normalization: one accent, one badge, calmer rows. */
html body.mail-body .hvx100-conversation-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

html body.mail-body .hvx100-conversation-table th {
  padding: 7px 10px !important;
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: .68rem !important;
  line-height: 1.2 !important;
}

html body.mail-body .hvx100-conversation-row td {
  padding: 9px 10px !important;
  border-color: rgba(148, 163, 184, .16) !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: .78rem !important;
  line-height: 1.34 !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required td,
html body.mail-body .hvx100-conversation-row.is-owner-required:nth-of-type(even) td {
  background: #fff !important;
  border-color: rgba(148, 163, 184, .16) !important;
  color: #0f172a !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required td:first-child {
  box-shadow: inset 3px 0 0 rgba(37, 99, 235, .52) !important;
  background: #fff !important;
}

html body.mail-body .hvx100-conversation-group-row.is-owner-required th {
  background: #f8fafc !important;
  color: #334155 !important;
  border-left: 3px solid rgba(37, 99, 235, .52) !important;
}

html body.mail-body .mail-conversation-triage,
html body.mail-body .mail-conversation-triage.is-review,
html body.mail-body .mail-conversation-triage.is-blocked,
html body.mail-body .mail-conversation-triage.is-owner {
  display: inline-grid !important;
  gap: 2px !important;
  min-width: 58px !important;
  padding: 5px 6px !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
  border-left: 3px solid rgba(37, 99, 235, .52) !important;
  background: #f8fafc !important;
  color: #334155 !important;
}

html body.mail-body .mail-conversation-triage.is-review,
html body.mail-body .mail-conversation-triage.is-blocked {
  border-left-color: rgba(180, 83, 9, .58) !important;
  background: #fff7ed !important;
  color: #92400e !important;
}

html body.mail-body .mail-priority-indicator,
html body.mail-body .mail-conversation-triage strong {
  color: inherit !important;
}

html body.mail-body .hvx100-conversation-open {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html body.mail-body .hvx100-conversation-open strong {
  display: -webkit-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  font-size: .82rem !important;
}

html body.mail-body .hvx100-conversation-open small,
html body.mail-body .hvx155-conversation-preview {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #64748b !important;
}

html body.mail-body .hvx100-conversation-routing.is-missing,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-risk,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-routing,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-action {
  background: #fff !important;
  border-color: rgba(148, 163, 184, .16) !important;
}

html body.mail-body .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-primary-action.is-owner,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action {
  min-width: 82px !important;
  min-height: 30px !important;
  padding: 5px 8px !important;
  border: 1px solid rgba(37, 99, 235, .22) !important;
  border-left: 3px solid rgba(37, 99, 235, .52) !important;
  background: #fff !important;
  color: #1e3a8a !important;
  text-align: left !important;
}

html body.mail-body .hvx100-conversation-primary-action.is-blocked,
html body.mail-body .hvx100-conversation-primary-action.is-review {
  border-color: rgba(180, 83, 9, .26) !important;
  border-left-color: rgba(180, 83, 9, .58) !important;
  background: #fff !important;
  color: #92400e !important;
}

html body.mail-body .hvx100-conversation-primary-action b,
html body.mail-body .hvx100-conversation-primary-action small {
  color: inherit !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-risk::before,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-routing::before,
html body.mail-body .hvx100-conversation-group-action::before,
html body.mail-body .hvx100-conversation-staged-action::before {
  content: none !important;
  display: none !important;
}

/* Pass 78 final 9->10 deltas from calibrated OpenAI review. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row td {
  height: 30px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row th {
  height: 24px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-section-primary {
  padding: 7px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-grid {
  gap: 5px !important;
  padding-top: 5px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-builder-row,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-check-row {
  min-height: 34px !important;
  padding: 4px !important;
}

html body.mail-body .hvx100-conversation-row:nth-of-type(even) td {
  background: #fbfdff !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required:nth-of-type(even) td {
  background: #fffefe !important;
}

html body.mail-body .hvx100-conversation-routing {
  text-align: left !important;
}

html body.mail-body .hvx100-conversation-routing strong,
html body.mail-body .hvx100-conversation-routing small {
  padding-left: 1px !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action {
    min-height: 28px !important;
    min-width: 62px !important;
    padding: 0 7px !important;
  }
}

/* Pass 77 targeted fixes: mobile context, hardened modals, clearer primary filter action. */
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter [data-workspace-filter-proxy="apply"],
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter #app-filter-apply {
  min-width: 138px !important;
  border: 1px solid #1e293b !important;
  border-left: 6px solid #111827 !important;
  background: #1e293b !important;
  color: #fff !important;
  font-weight: 950 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-palette,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-palette * {
  border-radius: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-palette .tenant-command-box {
  padding: 0 !important;
  border: 1px solid rgba(30, 41, 59, .48) !important;
  border-top: 4px solid #1e293b !important;
  background: #fff !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-ops-status {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 34px !important;
    padding: 5px 8px !important;
    border-top: 2px solid #1e293b !important;
    border-bottom: 1px solid rgba(30, 41, 59, .32) !important;
    background: #f8fafc !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-ops-status strong {
    padding-left: 7px !important;
    border-left: 4px solid #10b981 !important;
    color: var(--hvx10-ink) !important;
    font-size: 9px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-ops-status span {
    color: var(--hvx10-muted) !important;
    font-size: 9px !important;
    font-weight: 820 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Pass 76 balance: serious but not harsh; reduce repetition and recover density. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row th {
  border-top: 3px solid rgba(30, 41, 59, .58) !important;
  border-bottom: 1px solid rgba(30, 41, 59, .34) !important;
  background: #e2e8f0 !important;
  color: var(--hvx10-ink) !important;
  box-shadow: inset 6px 0 0 rgba(30, 41, 59, .62) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-overdue th {
  border-top-color: rgba(127, 29, 29, .58) !important;
  background: #f1f5f9 !important;
  color: var(--hvx10-ink) !important;
  box-shadow: inset 6px 0 0 rgba(127, 29, 29, .68) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row small {
  color: var(--hvx10-strong) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action {
  min-height: 23px !important;
  border: 1px solid rgba(30, 41, 59, .42) !important;
  border-left: 5px solid var(--hvx10-rail) !important;
  background: #fff !important;
  color: var(--hvx10-ink) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .is-p1 .hvx155-primary-next-action {
  border-color: rgba(127, 29, 29, .46) !important;
  border-left-color: rgba(127, 29, 29, .72) !important;
  background: #fff !important;
  color: #7f1d1d !important;
}

html body.mail-body .hvx100-conversation-row td {
  height: 37px !important;
  padding: 4px 8px !important;
}

html body.mail-body .hvx100-conversation-routing strong {
  font-size: 11px !important;
}

html body.mail-body .hvx100-conversation-staged-action {
  min-width: 42px !important;
  min-height: 18px !important;
  padding-left: 6px !important;
  border-left: 4px solid rgba(127, 29, 29, .46) !important;
  color: #7f1d1d !important;
  font-size: 7px !important;
  letter-spacing: 0 !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-panel.is-blocked {
  border-color: rgba(127, 29, 29, .38) !important;
  border-left-width: 6px !important;
  background: #fff !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-panel.is-blocked::before {
  display: none !important;
  content: "" !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item-danger b::before {
  content: "" !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tab.is-active {
    background: #fff !important;
    color: var(--hvx10-ink) !important;
    box-shadow: inset 0 -4px 0 #1e293b !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row.is-overdue,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row.is-critical {
    padding: 6px 8px !important;
    border-top: 3px solid rgba(30, 41, 59, .56) !important;
    border-bottom: 1px solid rgba(30, 41, 59, .28) !important;
    background: #f1f5f9 !important;
    color: var(--hvx10-ink) !important;
    box-shadow: inset 5px 0 0 rgba(30, 41, 59, .58) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row.is-overdue,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row.is-critical {
    box-shadow: inset 5px 0 0 rgba(127, 29, 29, .68) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
    min-height: 52px !important;
    padding: 5px 7px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action {
    min-width: 54px !important;
    min-height: 22px !important;
    background: #fff !important;
    color: var(--hvx10-ink) !important;
  }
}

/* Final scoring-surface hardening: keep late legacy selectors from re-softening core IA. */
html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-box,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-box *,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter *,
html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu,
html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu *,
html body.mail-body #mail-compose-modal .mail-compose-card,
html body.mail-body #mail-compose-modal .mail-compose-card * {
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-overlay,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-filter-scrim,
html body.mail-body #mail-compose-modal {
  backdrop-filter: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-result p {
  max-width: 520px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Score-10 interaction model consolidation: table semantics, owner workflow, send-state, mobile IA. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-primary-row-action::before,
html body.mail-body .hvx100-conversation-group-action::before,
html body.mail-body .hvx100-conversation-staged-action::before {
  content: "" !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table th:nth-child(2),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table td:nth-child(2),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table th:nth-child(5),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table td:nth-child(5),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table th:nth-child(6),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table td:nth-child(6) {
  border-left: 2px solid rgba(51, 65, 85, .22) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table th:nth-child(2),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table td:nth-child(2),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table th:nth-child(6),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table td:nth-child(6) {
  background: #f8fafc !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row td {
  height: 36px !important;
  padding: 5px 9px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-sla-cell em {
  min-width: 30px !important;
  padding-left: 6px !important;
  border-left: 5px solid var(--hvx10-rail) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .is-p1 .hvx50-sla-cell em {
  border-left-color: var(--hvx10-risk) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-sla-cell strong {
  font-size: 11px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action {
  display: inline-grid !important;
  min-width: 92px !important;
  min-height: 24px !important;
  align-content: center !important;
  justify-content: start !important;
  padding: 0 10px !important;
  border: 1px solid rgba(30, 41, 59, .48) !important;
  border-left: 5px solid var(--hvx10-rail) !important;
  background: #fff !important;
  text-align: left !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .is-p1 .hvx155-primary-next-action {
  border-color: rgba(127, 29, 29, .52) !important;
  border-left-color: var(--hvx10-risk) !important;
  background: #fff8f8 !important;
  color: #7f1d1d !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action:hover,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action:focus-visible {
  background: rgba(15, 23, 42, .04) !important;
  color: var(--hvx10-ink) !important;
  outline: 1px solid rgba(51, 65, 85, .28) !important;
  outline-offset: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action small {
  display: block !important;
  color: rgba(30, 41, 59, .72) !important;
  font-size: 7px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .is-p1 .hvx155-primary-next-action small {
  color: #7f1d1d !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 .hvx50-sla-cell::before,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-owner-cell.is-missing::before,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-risk::before,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-routing::before {
  content: "!" !important;
  display: inline-grid !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 5px !important;
  place-items: center !important;
  border: 1px solid rgba(127, 29, 29, .46) !important;
  background: #fff8f8 !important;
  color: #7f1d1d !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-risk::before,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-routing::before {
  display: none !important;
  content: "" !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-result-line {
  border-left-width: 10px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-result-line.is-empty-risk {
  border-color: rgba(127, 29, 29, .48) !important;
  border-left-color: var(--hvx10-risk) !important;
  background: #fff7f7 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-result-line.is-apply-safe {
  border-color: rgba(30, 41, 59, .42) !important;
  border-left-color: #1e293b !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-result-line span {
  display: block !important;
  margin-top: 4px !important;
  color: var(--hvx10-strong) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

html body.mail-body .hvx100-assignment-workflow {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 26px !important;
  margin-top: 4px !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(51, 65, 85, .16) !important;
  border-bottom: 1px solid rgba(51, 65, 85, .08) !important;
  background: transparent !important;
}

html body.mail-body .hvx100-assignment-workflow strong {
  padding-left: 7px !important;
  border-left: 4px solid var(--hvx10-risk) !important;
  color: var(--hvx10-ink) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

html body.mail-body .hvx100-assignment-workflow span {
  color: var(--hvx10-muted) !important;
  font-size: 10px !important;
  font-weight: 780 !important;
}

html body.mail-body .hvx100-assignment-batch-action {
  min-height: 26px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(51, 65, 85, .34) !important;
  border-left: 4px solid rgba(127, 29, 29, .46) !important;
  background: #fff !important;
  color: var(--hvx10-ink) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}

html body.mail-body .hvx100-conversation-group-command {
  display: none !important;
}

html body.mail-body .hvx100-conversation-group-row th {
  height: 30px !important;
  padding: 6px 10px !important;
}

html body.mail-body .hvx100-conversation-row td {
  height: 34px !important;
  padding: 3px 8px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(2),
html body.mail-body .hvx100-conversation-table td:nth-child(2),
html body.mail-body .hvx100-conversation-table th:nth-child(4),
html body.mail-body .hvx100-conversation-table td:nth-child(4),
html body.mail-body .hvx100-conversation-table th:nth-child(5),
html body.mail-body .hvx100-conversation-table td:nth-child(5) {
  border-left: 2px solid rgba(51, 65, 85, .22) !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(4),
html body.mail-body .hvx100-conversation-table td:nth-child(4),
html body.mail-body .hvx100-conversation-table th:nth-child(5),
html body.mail-body .hvx100-conversation-table td:nth-child(5) {
  background: #f8fafc !important;
}

html body.mail-body .hvx100-conversation-staged-action {
  display: inline-grid !important;
  min-width: 60px !important;
  min-height: 18px !important;
  align-content: center !important;
  overflow: visible !important;
  padding: 0 0 0 7px !important;
  border: 0 !important;
  border-left: 4px solid rgba(127, 29, 29, .55) !important;
  background: transparent !important;
  color: #7f1d1d !important;
  font-size: 7px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

html body.mail-body .mail-workspace-checkbox svg rect,
html body.mail-body .mail-workspace-checkbox-box {
  rx: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-row-select,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-table-select-all,
html body.mail-body .mail-workspace-checkbox {
  border-radius: 0 !important;
  clip-path: inset(0 round 0) !important;
}

html body.mail-body .hvx100-conversation-primary-action {
  display: inline-grid !important;
  min-width: 78px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(30, 41, 59, .42) !important;
  border-left: 4px solid var(--hvx10-rail) !important;
  background: #fff !important;
  color: var(--hvx10-ink) !important;
  text-align: left !important;
}

html body.mail-body .hvx100-conversation-primary-action:hover,
html body.mail-body .hvx100-conversation-primary-action:focus-visible {
  background: rgba(15, 23, 42, .04) !important;
  outline: 1px solid rgba(30, 41, 59, .28) !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-panel.is-blocked {
  padding: 8px 10px !important;
  border: 1px solid rgba(127, 29, 29, .40) !important;
  border-left: 7px solid var(--hvx10-risk) !important;
  background: #fff8f8 !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-panel.is-blocked::before {
  content: "!" !important;
  display: inline-grid !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  place-items: center !important;
  border: 1px solid rgba(127, 29, 29, .72) !important;
  background: #fff8f8 !important;
  color: #7f1d1d !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

html body.mail-body #mail-compose-modal input,
html body.mail-body #mail-compose-modal select,
html body.mail-body #mail-compose-modal textarea,
html body.mail-body #mail-compose-modal .mail-recipient-field,
html body.mail-body #mail-compose-modal .mail-compose-editor-shell {
  border: 1px solid rgba(30, 41, 59, .52) !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(30, 41, 59, .06) !important;
}

html body.mail-body #mail-compose-modal input:focus,
html body.mail-body #mail-compose-modal select:focus,
html body.mail-body #mail-compose-modal textarea:focus,
html body.mail-body #mail-compose-modal .mail-recipient-field:focus-within,
html body.mail-body #mail-compose-modal .mail-compose-editor-shell:focus-within {
  border-color: rgba(30, 41, 59, .82) !important;
  outline: 2px solid rgba(30, 41, 59, .10) !important;
}

html body.mail-body #mail-compose-modal label[for="compose-to"],
html body.mail-body #mail-compose-modal label[for="compose-subject"],
html body.mail-body #mail-compose-modal label[for="compose-body"] {
  padding-left: 7px !important;
  border-left: 4px solid var(--hvx10-risk) !important;
  color: var(--hvx10-ink) !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row {
    position: static !important;
    padding: 8px 10px !important;
    border-top: 4px solid rgba(30, 41, 59, .50) !important;
    background: #f8fafc !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
    grid-template-columns: 38px minmax(0, 1fr) minmax(72px, auto) !important;
    gap: 4px 7px !important;
    min-height: 54px !important;
    padding: 5px 8px !important;
    border-bottom: 1px solid rgba(51, 65, 85, .24) !important;
    border-left-width: 4px !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main strong {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main small,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status span,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status small {
    font-size: 9px !important;
    line-height: 1.25 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action {
    min-width: 54px !important;
    min-height: 22px !important;
    padding: 0 6px !important;
    border: 1px solid rgba(30, 41, 59, .36) !important;
    border-left: 4px solid var(--hvx10-rail) !important;
    background: #fff !important;
    color: var(--hvx10-ink) !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action::after {
    content: "Audit" !important;
    display: block !important;
    color: currentColor !important;
    font-size: 7px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx100-mobile-primary-action {
    border-color: rgba(127, 29, 29, .52) !important;
    border-left-color: var(--hvx10-risk) !important;
    background: #fff8f8 !important;
    color: #7f1d1d !important;
  }
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-palette .tenant-command-box {
  border: 1px solid rgba(30, 41, 59, .42) !important;
  border-top: 4px solid #1e293b !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: inset(0 round 0) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-palette .tenant-command-head,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-palette .tenant-command-prod-banner,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-palette .tenant-command-scopes,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-palette .tenant-command-preview,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-palette .tenant-command-input-wrap,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-palette .tenant-command-result,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-palette button {
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-result strong {
  font-size: 12px !important;
  font-weight: 950 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-result-time {
  color: var(--hvx10-rail) !important;
  font-weight: 950 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar button,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-empty-state,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar #app-calendar-day-list article {
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-workspace-filter,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-workspace-filter *,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-filter-enterprise-reset,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-filter-enterprise-reset * {
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-workspace-filter {
  grid-template-columns: minmax(460px, 1fr) 300px !important;
  width: min(900px, calc(100vw - 310px)) !important;
  max-width: min(900px, calc(100vw - 32px)) !important;
  border: 1px solid rgba(30, 41, 59, .46) !important;
  border-top: 4px solid #1e293b !important;
  clip-path: inset(0 round 0) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-preview-rows {
  padding: 10px 14px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-result-line,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-impact-ledger {
  min-height: 86px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-impact-ledger span {
  min-height: 34px !important;
  padding: 0 8px !important;
  align-items: center !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter [data-workspace-filter-proxy="apply"],
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter #app-filter-apply {
  min-width: 150px !important;
  border-color: #111827 !important;
  background: #111827 !important;
  color: #fff !important;
  font-weight: 950 !important;
  text-transform: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item-danger {
  border: 1px solid rgba(51, 65, 85, .24) !important;
  border-left: 4px solid rgba(127, 29, 29, .42) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item-danger b::before {
  content: "! " !important;
  color: var(--hvx10-risk) !important;
}

/* Pass 75 hard reset for remaining scoring surfaces. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row th {
  border-top: 4px solid #1e293b !important;
  border-bottom: 2px solid #1e293b !important;
  background: #1e293b !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-overdue th {
  border-color: #7f1d1d !important;
  background: #7f1d1d !important;
  color: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row small {
  color: rgba(255, 255, 255, .76) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row td {
  border-bottom: 1px solid rgba(51, 65, 85, .38) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action,
html body.mail-body .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-staged-action,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action {
  border-radius: 0 !important;
  clip-path: inset(0 round 0) !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-section-primary {
  border-right: 4px solid #1e293b !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-preview-rows {
  border-left: 4px solid rgba(30, 41, 59, .24) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter [data-workspace-filter-proxy="apply"],
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter #app-filter-apply {
  min-width: 132px !important;
  border: 1px solid rgba(30, 41, 59, .56) !important;
  border-left: 5px solid #1e293b !important;
  background: #fff !important;
  color: #1e293b !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-panel.is-blocked {
  padding: 6px 10px !important;
  border: 1px solid rgba(127, 29, 29, .55) !important;
  border-left: 8px solid var(--hvx10-risk) !important;
  background: #fff !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-panel.is-blocked::before {
  background: #fff !important;
  color: #7f1d1d !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tab.is-active {
    background: #1e293b !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row {
    padding: 5px 8px !important;
    border-top: 3px solid #1e293b !important;
    border-bottom: 1px solid #1e293b !important;
    background: #1e293b !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row.is-overdue,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row.is-critical {
    background: #7f1d1d !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
    grid-template-columns: 34px minmax(0, 1fr) minmax(54px, auto) !important;
    gap: 3px 6px !important;
    min-height: 46px !important;
    padding: 3px 6px !important;
    border-bottom: 1px solid rgba(51, 65, 85, .34) !important;
    border-left-width: 3px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action {
    min-width: 48px !important;
    min-height: 19px !important;
    padding: 0 5px !important;
    font-size: 8px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action::after {
    content: "" !important;
    display: none !important;
  }
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-section {
  display: block !important;
  margin-top: 4px !important;
  padding-top: 7px !important;
  border-top: 1px solid rgba(100, 116, 139, .28) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-item-danger {
  border-top: 2px solid rgba(127, 29, 29, .32) !important;
  border-left: 5px solid rgba(127, 29, 29, .6) !important;
  color: var(--hvx10-ink) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-item-danger[data-confirm-logout="true"] {
  border-left-color: var(--hvx10-risk) !important;
  background: #fff !important;
  color: var(--hvx10-risk) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table th,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table td,
html body.mail-body .hvx100-conversation-table th,
html body.mail-body .hvx100-conversation-table td {
  border-right: 1px solid rgba(100, 116, 139, .36) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table th:last-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table td:last-child,
html body.mail-body .hvx100-conversation-table th:last-child,
html body.mail-body .hvx100-conversation-table td:last-child {
  border-right: 0 !important;
}

html body.mail-body .hvx100-conversation-row:nth-of-type(2n) td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row:nth-of-type(2n) td {
  background-color: #fcfdff !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required:nth-of-type(2n) td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1:nth-of-type(2n) td {
  background-color: #fff !important;
}

html body.mail-body .hvx100-conversation-select .mail-workspace-checkbox,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-row-select {
  outline: 1px solid rgba(51, 65, 85, .28) !important;
  outline-offset: 1px !important;
}

html body.mail-body .hvx100-conversation-row.is-selected .mail-workspace-checkbox,
html body.mail-body .hvx100-conversation-row.active .mail-workspace-checkbox,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-selected .hvx100-row-select {
  background: #1e293b !important;
  border-color: #1e293b !important;
  outline-color: rgba(30, 41, 59, .72) !important;
  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 10px #1e293b !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-grid,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-month-grid,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day {
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

/* 20260607 enterprise scoring closeout: operational Numbers, quiet sync, and calmer mobile queue semantics. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-hero {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 12px !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-hero-art {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-hero .card-title {
  font-size: 1.05rem !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-governance-row,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-empty-checklist,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-gated-steps {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-governance-row span,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-empty-checklist span,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-gated-steps span,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-governance-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 8px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
  background: rgba(248, 250, 252, .92) !important;
  color: #475569 !important;
  font-size: .74rem !important;
  font-weight: 650 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-gated,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-empty-operational {
  background: #fff !important;
  border-color: rgba(148, 163, 184, .24) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-wizard-card .tenant-inline-actions .hidden,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers #app-number-wizard-back.hidden,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers #app-number-wizard-next.hidden {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-reports .tenant-report-summary-grid .tenant-stage-summary-card strong {
  text-transform: none !important;
}

html body.mail-body #mail-toast-stack .mail-toast[aria-label*="Realtime disconnected"],
html body.mail-body #mail-toast-stack .mail-toast[aria-label*="Realtime issue"] {
  display: none !important;
}

html body #mail-compose-modal #compose-send-state-panel.is-quiet,
html body.tenant-app-body #mail-compose-modal #compose-send-state-panel.is-quiet,
html body.mail-body #mail-compose-modal #compose-send-state-panel.is-quiet {
  background: #f8fafc !important;
  border: 1px solid rgba(148, 163, 184, .28) !important;
  border-left: 3px solid rgba(71, 85, 105, .42) !important;
  box-shadow: none !important;
  color: #334155 !important;
}

html body #mail-compose-modal #compose-send-state-panel.is-quiet strong,
html body #mail-compose-modal #compose-send-state-panel.is-quiet span,
html body.tenant-app-body #mail-compose-modal #compose-send-state-panel.is-quiet strong,
html body.tenant-app-body #mail-compose-modal #compose-send-state-panel.is-quiet span,
html body.mail-body #mail-compose-modal #compose-send-state-panel.is-quiet strong,
html body.mail-body #mail-compose-modal #compose-send-state-panel.is-quiet span {
  color: #334155 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row.is-overdue,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-overdue th {
  background: #fff7ed !important;
  border-color: rgba(180, 83, 9, .18) !important;
  color: #92400e !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row.is-overdue strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row.is-overdue span,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-overdue th span,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-overdue th small {
  color: #92400e !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-secondary-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-secondary-card {
  display: grid !important;
  align-content: start !important;
  gap: 5px !important;
  min-height: 92px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(148, 163, 184, .24) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-secondary-kicker {
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 750 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-secondary-card strong {
  color: #0f172a !important;
  font-size: .9rem !important;
  line-height: 1.25 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-secondary-card p,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-recent-evidence-list span {
  color: #475569 !important;
  font-size: .76rem !important;
  line-height: 1.35 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-recent-evidence-list {
  display: grid !important;
  gap: 4px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-recent-evidence-list span {
  display: flex !important;
  gap: 6px !important;
  min-width: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-recent-evidence-list b {
  flex: 0 0 auto !important;
  color: #334155 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table th,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table td,
html body.mail-body .hvx100-conversation-table th,
html body.mail-body .hvx100-conversation-table td {
  border-color: rgba(148, 163, 184, .2) !important;
}

html body.mail-body .mail-triage-strip.hvx100-conversation-toolbar {
  gap: 8px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body .mail-triage-strip-title strong {
  font-size: .92rem !important;
}

html body.mail-body .mail-triage-strip-title span,
html body.mail-body .mail-triage-strip-title small,
html body.mail-body .mail-triage-filter-actions > span small {
  color: #64748b !important;
}

html body.mail-body .hvx100-conversation-primary-action {
  min-width: 112px !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 4px !important;
}

html body.mail-body .hvx100-conversation-primary-action b {
  font-size: .72rem !important;
  font-weight: 780 !important;
  line-height: 1 !important;
}

html body.mail-body .hvx100-conversation-primary-action small {
  display: none !important;
}

/* Conversations blocker fix: state/action separation and scan-first rows. */
html body.mail-body .hvx100-conversation-table {
  border-collapse: collapse !important;
}

html body.mail-body .hvx100-conversation-table th,
html body.mail-body .hvx100-conversation-row td {
  border-color: rgba(226, 232, 240, .68) !important;
}

html body.mail-body .hvx100-conversation-row {
  border-left: 0 !important;
}

html body.mail-body .hvx100-conversation-row td {
  min-height: 56px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  vertical-align: middle !important;
}

html body.mail-body .hvx100-conversation-select {
  width: 34px !important;
  padding-left: 8px !important;
  padding-right: 6px !important;
}

html body.mail-body .mail-workspace-checkbox {
  opacity: .42 !important;
  transform: scale(.86) !important;
}

html body.mail-body .hvx100-conversation-row:hover .mail-workspace-checkbox,
html body.mail-body .mail-workspace-checkbox.is-checked {
  opacity: 1 !important;
}

html body.mail-body .hvx100-conversation-risk {
  width: 92px !important;
}

html body.mail-body .hvx100-conversation-risk .mail-conversation-triage {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 6px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.mail-body .hvx100-conversation-risk .mail-priority-indicator {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 22px !important;
  border: 1px solid rgba(148, 163, 184, .42) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: .62rem !important;
  font-style: normal !important;
  font-weight: 820 !important;
}

html body.mail-body .hvx100-conversation-risk .mail-conversation-triage strong {
  color: #475569 !important;
  font-size: .67rem !important;
  font-weight: 730 !important;
  line-height: 1.08 !important;
  white-space: normal !important;
}

html body.mail-body .hvx155-conversation-preview {
  display: none !important;
}

html body.mail-body .hvx100-conversation-open {
  gap: 3px !important;
}

html body.mail-body .hvx100-conversation-action {
  width: 118px !important;
}

html body.mail-body .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-primary-action.is-owner,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action.is-owner,
html body.mail-body .hvx100-conversation-primary-action.is-open,
html body.mail-body .hvx100-conversation-primary-action.is-review {
  min-width: 104px !important;
  min-height: 30px !important;
  border-color: rgba(148, 163, 184, .32) !important;
  background: #fff !important;
  color: #1e3a8a !important;
  box-shadow: none !important;
}

html body.mail-body .hvx100-conversation-primary-action:hover {
  background: #f8fafc !important;
  color: #1e3a8a !important;
}

/* Work Queue blocker fix: remove empty legacy rail between title and queue. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline {
  padding-top: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-stage-stack,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-productization-stack,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-productization-grid,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-productization-grid-wide {
  gap: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-customer-profile,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-customer-timeline-list {
  margin-top: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-density-control,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-live-presence-strip,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-continuity-state-inline,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-continuity-state-footer,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-status {
  display: none !important;
}

/* Final cascade guardrails after legacy scoring layers. */
html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 2px !important;
  justify-items: start !important;
  text-align: left !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item b {
  width: 100% !important;
  text-align: left !important;
  color: #0f172a !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item small {
  width: 100% !important;
  text-align: left !important;
  color: #64748b !important;
  font-size: .68rem !important;
  line-height: 1.2 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item-danger {
  border-left: 1px solid rgba(203, 213, 225, .9) !important;
  background: #fff !important;
  color: #334155 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row {
  display: grid !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row {
  display: table-row !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx100-mobile-primary-action {
    width: auto !important;
    min-width: 124px !important;
    min-height: 34px !important;
    border: 1px solid rgba(30, 64, 175, .26) !important;
    background: #fff !important;
    color: #1e3a8a !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action:hover,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx100-mobile-primary-action:hover {
    background: #eff6ff !important;
    color: #1e3a8a !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row {
    display: none !important;
  }
}

html body.mail-body .mail-triage-filter-actions {
  gap: 4px !important;
}

html body.mail-body .mail-triage-filter-actions button,
html body.mail-body .hvx100-assignment-batch-action {
  min-height: 28px !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  background: #fff !important;
  border: 1px solid rgba(148, 163, 184, .26) !important;
  color: #334155 !important;
  box-shadow: none !important;
}

html body.mail-body .mail-triage-filter-actions button.is-active {
  background: #f8fafc !important;
  border-color: rgba(30, 41, 59, .32) !important;
  color: #0f172a !important;
}

html body.mail-body .hvx100-assignment-workflow {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-height: 32px !important;
  padding: 6px 8px !important;
  border-left: 2px solid rgba(180, 83, 9, .42) !important;
  background: #fff7ed !important;
  color: #7c2d12 !important;
}

html body.mail-body .hvx100-assignment-workflow span {
  color: #92400e !important;
  font-size: .72rem !important;
}

html body.mail-body .hvx100-conversation-group-row th {
  padding: 6px 10px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  border-color: rgba(148, 163, 184, .2) !important;
}

html body.mail-body .hvx100-conversation-group-row.is-owner-required th {
  background: #fff7ed !important;
  color: #92400e !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required td {
  background: #fff !important;
}

html body.mail-body .mail-workspace-row-pill,
html body.mail-body .mail-conversation-triage,
html body.mail-body .hvx100-conversation-primary-action,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action {
  border-radius: 4px !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-launch-actions {
  align-items: center !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-link-action {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #475569 !important;
  padding-inline: 6px !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tabs {
    gap: 0 !important;
    border: 1px solid rgba(148, 163, 184, .24) !important;
    background: #fff !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tab {
    min-height: 42px !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    background: #fff !important;
    color: #475569 !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tab.is-active {
    background: #fff !important;
    color: #0f172a !important;
    border-bottom-color: #2563eb !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tab-copy strong {
    font-size: .7rem !important;
    letter-spacing: .02em !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-secondary-grid {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
    display: grid !important;
    gap: 8px !important;
    padding: 10px !important;
    border-left-width: 3px !important;
    background: #fff !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-head {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main strong {
    display: block !important;
    font-size: .88rem !important;
    line-height: 1.2 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status {
    display: flex !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-actions {
    justify-content: flex-end !important;
  }
}

/* Final mobile work-queue contract: one-column cards, no overlapping metadata. */
@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card.hvx100-mobile-work-row,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: 7px !important;
    min-height: 0 !important;
    padding: 10px 12px !important;
    overflow: hidden !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-head,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-actions {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    align-self: stretch !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-head {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 5px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-time {
    margin-left: auto !important;
    white-space: nowrap !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main {
    display: grid !important;
    gap: 2px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main strong {
    display: -webkit-box !important;
    max-width: 100% !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    font-size: .92rem !important;
    line-height: 1.24 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status span,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status small {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-actions {
    display: flex !important;
    justify-content: flex-end !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action {
    min-width: 92px !important;
    min-height: 28px !important;
    text-align: center !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action::after {
    content: none !important;
  }
}

/* Final compose action contract: primary send controls are always visible. */
html body.mail-body #mail-compose-modal .mail-compose-card,
html body.mail-body #mail-compose-modal .mail-compose-card.panel {
  position: relative !important;
  overflow: hidden !important;
}

html body.mail-body #mail-compose-modal .mail-modal-layout,
html body.mail-body #mail-compose-modal .mail-modal-main {
  min-height: 0 !important;
}

html body.mail-body #mail-compose-modal .mail-modal-main {
  padding-bottom: 104px !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 12 !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto auto auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 12px 28px !important;
  border-top: 1px solid rgba(148, 163, 184, .22) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 -1px 2px rgba(15, 23, 42, .04) !important;
  backdrop-filter: blur(10px) !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions::before {
  content: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-footer-blocker,
html body.mail-body #mail-compose-modal #compose-footer-blocker {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker strong {
  color: #0f172a !important;
  font-size: .78rem !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker span {
  display: block !important;
  max-width: 520px !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: .72rem !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker .hvx110-compose-prereqs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin-top: 3px !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker .hvx110-compose-prereqs i {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  max-width: 150px !important;
  padding: 2px 6px !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-style: normal !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker .hvx110-compose-prereqs i.is-missing {
  border-color: rgba(180, 83, 9, .24) !important;
  background: #fffbeb !important;
  color: #92400e !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker .hvx110-compose-prereqs i.is-pass {
  border-color: rgba(37, 99, 235, .18) !important;
  background: #f8fafc !important;
  color: #334155 !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker .hvx110-compose-prereqs b {
  font-size: .66rem !important;
  font-weight: 650 !important;
  text-transform: none !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker .hvx110-compose-prereqs span {
  color: inherit !important;
  font-size: .64rem !important;
  line-height: 1 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions button {
  min-height: 34px !important;
  border-radius: 8px !important;
  font-size: .75rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions button.secondary {
  border-color: rgba(148, 163, 184, .28) !important;
  background: #fff !important;
  color: #334155 !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions #compose-send-btn {
  min-width: 92px !important;
  border-color: rgba(37, 99, 235, .24) !important;
  background: #2563eb !important;
  color: #fff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .08) !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions #compose-send-btn:disabled,
html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions #compose-send-archive-btn:disabled {
  cursor: not-allowed !important;
  border-color: rgba(148, 163, 184, .26) !important;
  background: #f1f5f9 !important;
  color: #94a3b8 !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions #compose-reset-btn {
  color: #64748b !important;
}

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

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

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions #compose-send-archive-btn {
  order: 4 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions #compose-reset-btn {
  order: 2 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions #compose-footer-blocker {
  order: 1 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-section {
  border-bottom: 0 !important;
}

@media (max-width: 760px) {
  html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions {
    grid-template-columns: 1fr 1fr !important;
    padding: 10px 14px !important;
    min-height: 120px !important;
  }

  html body.mail-body #mail-compose-modal .mail-modal-main {
    padding-bottom: 140px !important;
  }

  html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions #compose-footer-blocker {
    grid-column: 1 / -1 !important;
  }

  html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions button {
    width: 100% !important;
  }
}

/* Compose reset after action-contract pass: body first, visible top rail, non-covering footer. */
html body.mail-body #mail-compose-modal .mail-compose-card,
html body.mail-body #mail-compose-modal .mail-compose-card.panel {
  display: flex !important;
  flex-direction: column !important;
  width: min(1060px, calc(100vw - 64px)) !important;
  height: min(760px, calc(100vh - 52px)) !important;
  max-height: calc(100vh - 52px) !important;
  overflow: hidden !important;
}

html body.mail-body #mail-compose-modal .mail-modal-hero {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 58px !important;
}

html body.mail-body #mail-compose-modal .mail-modal-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body.mail-body #mail-compose-modal .mail-modal-main {
  display: block !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  padding: 0 2px 8px 0 !important;
}

html body.mail-body #mail-compose-modal .hvx155-compose-visible-action-rail {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  grid-column: 1 / -1 !important;
  order: 3 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-top-action-rail,
html body.mail-body #mail-compose-modal #compose-top-action-rail {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  margin: 4px 0 8px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(148, 163, 184, .24) !important;
  border-left: 3px solid rgba(71, 85, 105, .46) !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal .hvx155-compose-visible-action-rail {
  display: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-top-action-rail.is-ready,
html body.mail-body #mail-compose-modal #compose-top-action-rail.is-ready {
  border-left-color: #2563eb !important;
  background: #f8fafc !important;
}

html body.mail-body #mail-compose-modal .mail-compose-top-action-rail.is-blocked,
html body.mail-body #mail-compose-modal #compose-top-action-rail.is-blocked {
  border-left-color: rgba(180, 83, 9, .42) !important;
  background: #fff !important;
}

html body.mail-body #mail-compose-modal #compose-top-action-state {
  display: block !important;
  color: #0f172a !important;
  font-size: .78rem !important;
  font-weight: 720 !important;
  line-height: 1.2 !important;
}

html body.mail-body #mail-compose-modal #compose-top-action-copy {
  display: block !important;
  max-width: 620px !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: .72rem !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body #mail-compose-modal .mail-compose-top-action-rail button,
html body.mail-body #mail-compose-modal #compose-top-action-rail button {
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 7px !important;
  font-size: .74rem !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html body.mail-body #mail-compose-modal #compose-top-send-btn {
  min-width: 86px !important;
  border: 1px solid rgba(37, 99, 235, .22) !important;
  background: #2563eb !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal #compose-top-send-btn:disabled {
  cursor: not-allowed !important;
  border-color: rgba(148, 163, 184, .26) !important;
  background: #f1f5f9 !important;
  color: #94a3b8 !important;
  opacity: 1 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions {
  position: sticky !important;
  left: auto !important;
  right: auto !important;
  bottom: 0 !important;
  z-index: 4 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 50px !important;
  margin: 10px 0 0 !important;
  padding: 8px 0 0 !important;
  border-top: 1px solid rgba(203, 213, 225, .82) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px) !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions::before {
  content: "Send readiness is enforced by required fields, DLP, retention, and audit." !important;
  flex: 1 1 auto !important;
  min-width: 220px !important;
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 650 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-footer-blocker,
html body.mail-body #mail-compose-modal #compose-footer-blocker {
  display: none !important;
}

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

html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-to) {
  order: 4 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-subject) {
  order: 5 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-body) {
  order: 6 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-attachment-dropzone) {
  order: 7 !important;
}

@media (max-width: 760px) {
  html body.mail-body #mail-compose-modal .mail-compose-card,
  html body.mail-body #mail-compose-modal .mail-compose-card.panel {
    width: calc(100vw - 20px) !important;
    height: calc(100vh - 20px) !important;
  }

  html body.mail-body #mail-compose-modal .mail-compose-top-action-rail,
  html body.mail-body #mail-compose-modal #compose-top-action-rail {
    grid-template-columns: 1fr !important;
  }

  html body.mail-body #mail-compose-modal .mail-compose-top-action-rail button,
  html body.mail-body #mail-compose-modal #compose-top-action-rail button {
    width: 100% !important;
  }

  html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions {
    flex-wrap: wrap !important;
  }

  html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions::before {
    flex-basis: 100% !important;
  }
}

/* Command center production polish: text help row, no debug-like key boxes. */
html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-prod-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 34px !important;
  padding: 7px 0 !important;
  border-top: 1px solid rgba(148, 163, 184, .2) !important;
  border-bottom: 1px solid rgba(148, 163, 184, .2) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-prod-banner strong {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 21px !important;
  padding: 3px 8px !important;
  border: 1px solid rgba(37, 99, 235, .18) !important;
  border-radius: 4px !important;
  background: rgba(37, 99, 235, .06) !important;
  color: #1e3a8a !important;
  font-size: .68rem !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-prod-banner span {
  color: #64748b !important;
  font-size: .72rem !important;
  font-weight: 620 !important;
  line-height: 1.2 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-hints {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  min-height: 30px !important;
  padding: 8px 0 0 !important;
  border-top: 1px solid rgba(148, 163, 184, .18) !important;
  background: #fff !important;
  color: #64748b !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-hints::before {
  content: "Keyboard" !important;
  margin-right: 10px !important;
  color: #475569 !important;
  font-size: .68rem !important;
  font-weight: 720 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-hints span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 560 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-hints span + span::before {
  content: "•" !important;
  margin: 0 8px !important;
  color: #cbd5e1 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-hints kbd {
  display: none !important;
}

/* Timeline density reset: use the lower viewport as an operational workbench. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-workbench,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-shell {
  display: flex !important;
  flex-direction: column !important;
  min-height: calc(100vh - 176px) !important;
  border-color: rgba(148, 163, 184, .22) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table {
  flex: 0 0 auto !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-secondary-grid.hvx155-timeline-lower-workbench {
  display: grid !important;
  grid-template-columns: minmax(300px, 1.1fr) minmax(300px, .9fr) !important;
  grid-template-rows: minmax(164px, auto) minmax(164px, 1fr) !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  min-height: 390px !important;
  margin-top: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-secondary-card {
  min-height: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-timeline-selected-card {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-facts {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 2px 0 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-facts div {
  min-width: 0 !important;
  padding: 7px 8px !important;
  border: 1px solid rgba(148, 163, 184, .2) !important;
  border-radius: 5px !important;
  background: #f8fafc !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-facts dt {
  margin: 0 0 2px !important;
  color: #64748b !important;
  font-size: .64rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-facts dd {
  margin: 0 !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-action {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-top: 2px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(148, 163, 184, .18) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-action span {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #475569 !important;
  font-size: .74rem !important;
  font-weight: 620 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-action button {
  min-height: 30px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-queue-ledger {
  display: grid !important;
  gap: 6px !important;
  margin-top: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-queue-ledger span {
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 30px !important;
  padding: 5px 7px !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  border-radius: 5px !important;
  background: #f8fafc !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-queue-ledger b {
  color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 760 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-queue-ledger em {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: .74rem !important;
  font-style: normal !important;
  font-weight: 680 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-queue-ledger small {
  color: #64748b !important;
  font-size: .66rem !important;
  font-weight: 620 !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-timeline-evidence-card .hvx100-recent-evidence-list {
  display: grid !important;
  gap: 6px !important;
  margin-top: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-timeline-evidence-card .hvx100-recent-evidence-list span {
  min-height: 29px !important;
  padding: 5px 7px !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  border-radius: 5px !important;
  background: #f8fafc !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-guardrail-list {
  display: grid !important;
  gap: 7px !important;
  margin-top: 10px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-guardrail-list span {
  position: relative !important;
  padding-left: 14px !important;
  color: #475569 !important;
  font-size: .74rem !important;
  font-weight: 620 !important;
  line-height: 1.3 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-guardrail-list span::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .45em !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #2563eb !important;
}

@media (max-width: 900px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-secondary-grid.hvx155-timeline-lower-workbench {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Settings affordance: cards navigate/open; they do not create new objects. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-summary::after {
  content: "Open" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 58px !important;
  height: 30px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(148, 163, 184, .28) !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-details[open] > .tenant-settings-summary::after {
  content: "Expanded" !important;
  border-color: rgba(37, 99, 235, .22) !important;
  background: #f8fafc !important;
  color: #1d4ed8 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut-state {
  min-width: 58px !important;
  border-radius: 999px !important;
  color: #475569 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Conversations table final contract: one status stack, visible row action, cleaner grid rhythm. */
html body.mail-body .hvx100-conversation-row td {
  height: 54px !important;
  padding: 7px 10px !important;
  border-color: rgba(148, 163, 184, .16) !important;
  vertical-align: middle !important;
}

html body.mail-body .hvx100-conversation-group-row th {
  height: 28px !important;
  padding: 5px 10px !important;
  border-top: 1px solid rgba(148, 163, 184, .22) !important;
  border-bottom: 1px solid rgba(148, 163, 184, .18) !important;
  background: #f8fafc !important;
  color: #334155 !important;
}

html body.mail-body .hvx100-conversation-group-row.is-owner-required th {
  border-left: 3px solid rgba(37, 99, 235, .48) !important;
  background: #f8fafc !important;
  color: #334155 !important;
}

html body.mail-body .hvx100-conversation-group-title {
  font-size: .72rem !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body.mail-body .hvx100-conversation-group-row small {
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 560 !important;
  text-transform: none !important;
}

html body.mail-body .mail-conversation-triage.hvx18-sla-badge {
  display: grid !important;
  gap: 1px !important;
  min-width: 72px !important;
  padding: 5px 7px !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
  border-left: 3px solid rgba(37, 99, 235, .44) !important;
  border-radius: 5px !important;
  background: #fff !important;
  color: #334155 !important;
  box-shadow: none !important;
}

html body.mail-body .mail-conversation-triage .mail-priority-indicator {
  display: none !important;
}

html body.mail-body .mail-conversation-triage strong {
  max-width: 76px !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: .7rem !important;
  font-weight: 720 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .mail-conversation-triage.hvx18-sla-badge {
  border-left-color: rgba(37, 99, 235, .58) !important;
  color: #334155 !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-risk,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-routing,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-action {
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body .hvx100-conversation-action {
  min-width: 116px !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-primary-action {
  display: inline-grid !important;
  align-content: center !important;
  gap: 0 !important;
  min-width: 96px !important;
  min-height: 32px !important;
  padding: 4px 9px !important;
  border: 1px solid rgba(148, 163, 184, .28) !important;
  border-left: 3px solid rgba(37, 99, 235, .55) !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #1e3a8a !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body.mail-body .hvx100-conversation-primary-action b {
  color: inherit !important;
  font-size: .7rem !important;
  font-weight: 740 !important;
  line-height: 1.1 !important;
}

html body.mail-body .hvx100-conversation-primary-action small {
  display: block !important;
  max-width: 92px !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: .62rem !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action.is-owner,
html body.mail-body .hvx100-conversation-primary-action.is-owner {
  border-left-color: rgba(37, 99, 235, .58) !important;
  color: #1e3a8a !important;
}

html body.mail-body .hvx100-conversation-routing strong {
  color: #0f172a !important;
  font-size: .74rem !important;
  font-weight: 720 !important;
}

html body.mail-body .hvx100-conversation-routing small,
html body.mail-body .hvx100-conversation-subject small,
html body.mail-body .hvx155-conversation-preview {
  color: #64748b !important;
  font-size: .67rem !important;
  line-height: 1.2 !important;
}

html body.mail-body .hvx100-conversation-subject strong {
  font-size: .84rem !important;
  line-height: 1.22 !important;
}

html body.mail-body .hvx100-assignment-workflow {
  justify-content: flex-start !important;
  min-height: 30px !important;
  padding: 5px 8px !important;
  border-left: 3px solid rgba(37, 99, 235, .5) !important;
  background: #f8fafc !important;
  color: #334155 !important;
}

html body.mail-body .hvx100-assignment-workflow strong {
  min-width: 98px !important;
  color: #0f172a !important;
  font-size: .72rem !important;
  font-weight: 760 !important;
}

html body.mail-body .hvx100-assignment-workflow span {
  color: #64748b !important;
  font-size: .7rem !important;
  font-weight: 560 !important;
}

/* Score 10 interaction-model pass: conversation ledger and compose readiness. */
html body.mail-body .hvx100-conversation-table-shell {
  border: 1px solid rgba(148, 163, 184, .28) !important;
  background: #fff !important;
}

html body.mail-body .hvx100-conversation-table {
  border-collapse: collapse !important;
  table-layout: fixed !important;
  width: 100% !important;
}

html body.mail-body .hvx100-conversation-table th {
  height: 28px !important;
  padding: 6px 10px !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, .28) !important;
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: .66rem !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body.mail-body .hvx100-conversation-table td {
  height: 64px !important;
  padding: 8px 10px !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
  background: #fff !important;
  vertical-align: middle !important;
}

html body.mail-body .hvx100-conversation-table .hvx100-conversation-group-row th {
  height: 25px !important;
  padding: 5px 10px !important;
  border-top: 1px solid rgba(148, 163, 184, .22) !important;
  border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
  background: #fbfcfe !important;
  color: #334155 !important;
}

html body.mail-body .hvx100-conversation-group-title {
  color: #111827 !important;
  font-size: .69rem !important;
  font-weight: 760 !important;
}

html body.mail-body .hvx100-conversation-group-row small {
  margin-left: 8px !important;
  color: #64748b !important;
  font-size: .66rem !important;
  font-weight: 560 !important;
  text-transform: none !important;
}

html body.mail-body .hvx100-conversation-risk,
html body.mail-body .hvx100-conversation-routing,
html body.mail-body .hvx100-conversation-action,
html body.mail-body .hvx100-conversation-touch {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.mail-body .mail-conversation-triage.hvx18-sla-badge,
html body.mail-body .hvx100-conversation-row.is-owner-required .mail-conversation-triage.hvx18-sla-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: 0 !important;
  background: transparent !important;
  color: #334155 !important;
}

html body.mail-body .mail-conversation-triage.hvx18-sla-badge strong {
  max-width: none !important;
  color: #334155 !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .mail-conversation-triage.hvx18-sla-badge strong {
  color: #475569 !important;
}

html body.mail-body .hvx100-conversation-subject strong {
  color: #0f172a !important;
  font-size: .86rem !important;
  font-weight: 780 !important;
  line-height: 1.2 !important;
}

html body.mail-body .hvx100-conversation-subject small,
html body.mail-body .hvx155-conversation-preview,
html body.mail-body .hvx100-conversation-routing small,
html body.mail-body .hvx100-conversation-touch small {
  color: #64748b !important;
  font-size: .68rem !important;
  line-height: 1.22 !important;
}

html body.mail-body .hvx100-conversation-routing strong,
html body.mail-body .hvx100-conversation-touch strong {
  color: #0f172a !important;
  font-size: .75rem !important;
  font-weight: 720 !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-routing strong {
  color: #334155 !important;
}

html body.mail-body .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-primary-action.is-owner {
  display: inline-grid !important;
  align-content: center !important;
  gap: 1px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1e3a8a !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body.mail-body .hvx100-conversation-primary-action b {
  font-size: .73rem !important;
  font-weight: 720 !important;
  line-height: 1.1 !important;
}

html body.mail-body .hvx100-conversation-primary-action small {
  max-width: none !important;
  color: #64748b !important;
  font-size: .65rem !important;
  line-height: 1.1 !important;
}

html body.mail-body .hvx100-conversation-primary-action:hover b {
  text-decoration: underline !important;
}

html body.mail-body .hvx100-conversation-row-menu {
  min-height: 26px !important;
  padding: 3px 8px !important;
  border: 1px solid rgba(148, 163, 184, .24) !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 650 !important;
}

html body.mail-body .hvx100-assignment-workflow {
  min-height: 28px !important;
  padding: 4px 0 4px 8px !important;
  border: 0 !important;
  border-left: 3px solid rgba(71, 85, 105, .42) !important;
  background: transparent !important;
}

html body.mail-body .hvx100-assignment-workflow strong {
  color: #334155 !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 38px !important;
  margin: 0 0 8px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(148, 163, 184, .26) !important;
  border-left: 3px solid rgba(71, 85, 105, .48) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-panel.is-ready {
  border-left-color: rgba(37, 99, 235, .62) !important;
  background: #fbfdff !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-title {
  display: block !important;
  color: #0f172a !important;
  font-size: .84rem !important;
  font-weight: 780 !important;
  line-height: 1.15 !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-copy {
  display: block !important;
  margin-top: 2px !important;
  color: #64748b !important;
  font-size: .72rem !important;
  font-weight: 560 !important;
  line-height: 1.2 !important;
}

html body.mail-body #mail-compose-modal .hvx155-compose-send-contract {
  justify-self: end !important;
  max-width: 230px !important;
  color: #475569 !important;
  font-size: .68rem !important;
  line-height: 1.2 !important;
}

html body.mail-body #mail-compose-modal .hvx155-compose-send-contract summary {
  cursor: pointer !important;
  color: #334155 !important;
  font-weight: 680 !important;
  list-style: none !important;
}

html body.mail-body #mail-compose-modal .hvx155-compose-send-contract summary::-webkit-details-marker {
  display: none !important;
}

html body.mail-body #mail-compose-modal .hvx155-compose-send-contract span {
  display: block !important;
  margin-top: 4px !important;
  color: #64748b !important;
}

html body.mail-body #mail-compose-modal .hvx100-compose-preflight,
html body.mail-body #mail-compose-modal .hvx100-compose-policy-line {
  display: none !important;
}

/* Enterprise shell confidence pass: one governed account/environment control. */
html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-toolbar-right {
  align-items: center !important;
  gap: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-environment-badge,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-toolbar-help-btn {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-btn,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-btn.tenant-shell-identity-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 236px !important;
  min-height: 40px !important;
  padding: 6px 8px 6px 12px !important;
  border: 1px solid rgba(148, 163, 184, .34) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-btn:hover,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-btn:focus-visible {
  border-color: rgba(37, 99, 235, .38) !important;
  background: #f8fafc !important;
  color: #0f172a !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-copy {
  display: grid !important;
  min-width: 0 !important;
  gap: 2px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-copy strong {
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: .76rem !important;
  font-weight: 820 !important;
  line-height: 1.05 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Mobile Timeline row semantics: one SLA stack, one status line. */
@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: start !important;
    margin-bottom: 8px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-priority-stack {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-priority-stack b {
    color: #334155 !important;
    font-size: .68rem !important;
    font-weight: 820 !important;
    text-transform: uppercase !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-severity-word {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin-top: 8px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status span {
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 4px 6px !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    border-radius: 4px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: .66rem !important;
    font-weight: 720 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Calendar queue-first layout: month is signal context, not the primary work surface. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-surface {
  padding: 14px 20px 12px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-head {
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(226, 232, 240, .95) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-toolbar {
  margin: 8px 0 !important;
  padding: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-toolbar-copy .tenant-call-eyebrow {
  font-size: .64rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-month-label {
  font-size: 1.2rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-month-shell {
  max-height: 174px !important;
  overflow: hidden !important;
  border-radius: 4px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-weekdays {
  min-height: 24px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-weekdays span {
  min-height: 24px !important;
  padding: 5px 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-grid,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-month-grid {
  max-height: 150px !important;
  overflow: hidden !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar button.tenant-calendar-day,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-grid button.tenant-calendar-day:not(.secondary) {
  min-height: 28px !important;
  padding: 3px 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day-body,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day-meta {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day.is-today .tenant-calendar-day-number {
  width: 20px !important;
  height: 20px !important;
  font-size: .68rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-lower {
  margin-top: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-agenda-surface {
  padding: 12px 20px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-agenda-head {
  margin-bottom: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-empty-state {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day-ops {
  border: 1px solid rgba(203, 213, 225, .9) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day-ops .tenant-calendar-ops-row {
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-bottom: 1px solid rgba(226, 232, 240, .95) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day-ops .tenant-calendar-ops-row:last-child {
  border-bottom: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-copy small {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: .66rem !important;
  font-weight: 620 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-copy small b {
  padding: 0 5px !important;
  border: 1px solid rgba(37, 99, 235, .22) !important;
  background: rgba(37, 99, 235, .06) !important;
  color: #1e40af !important;
  font-size: .62rem !important;
  font-weight: 760 !important;
  line-height: 17px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-avatar {
  display: inline-grid !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  place-items: center !important;
  border: 1px solid rgba(71, 85, 105, .24) !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 820 !important;
  line-height: 1 !important;
}

/* Final mobile work-row authority: compact triage tokens win over legacy blocks. */
@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin-top: 8px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 4px 6px !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    border-radius: 4px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: .66rem !important;
    font-weight: 720 !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status small {
    display: none !important;
  }
}

/* Final authority: scoring-surface interaction model. Keep this block last. */
html body.mail-body .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-primary-action.is-open,
html body.mail-body .hvx100-conversation-primary-action.is-owner,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action.is-owner {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 138px !important;
  max-width: 172px !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(30, 64, 175, .32) !important;
  border-radius: 4px !important;
  background: #1e40af !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body.mail-body .hvx100-conversation-primary-action:hover,
html body.mail-body .hvx100-conversation-primary-action:focus-visible {
  background: #1d4ed8 !important;
  border-color: rgba(30, 64, 175, .42) !important;
}

html body.mail-body .hvx100-conversation-primary-action b {
  color: inherit !important;
  font-size: .7rem !important;
  font-weight: 820 !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-conversation-action {
  max-width: 128px !important;
  padding-right: 12px !important;
}

html body.mail-body .hvx100-conversation-next-state {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #334155 !important;
}

html body.mail-body .hvx100-conversation-next-state b {
  display: block !important;
  max-width: 118px !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: .72rem !important;
  font-weight: 780 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-conversation-next-state small {
  color: #64748b !important;
  font-size: .64rem !important;
  font-weight: 620 !important;
}

html body.mail-body .hvx100-conversation-row:hover td,
html body.mail-body .hvx100-conversation-row:focus-within td {
  background: #f8fafc !important;
}

html body.mail-body .mail-triage-filter-actions,
html body.mail-body .hvx10-mail-filter-row {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid rgba(203, 213, 225, .95) !important;
  border-radius: 4px !important;
  background: #fff !important;
}

html body.mail-body .mail-triage-filter-actions > span,
html body.mail-body .hvx10-mail-filter-row > span {
  min-height: 32px !important;
  padding: 6px 10px !important;
  border-right: 1px solid rgba(226, 232, 240, .96) !important;
  background: #f8fafc !important;
}

html body.mail-body .mail-triage-filter-actions > span b,
html body.mail-body .hvx10-mail-filter-row > span b {
  color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 820 !important;
}

html body.mail-body .mail-triage-filter-actions > span small,
html body.mail-body .hvx10-mail-filter-row > span small {
  color: #64748b !important;
  font-size: .62rem !important;
  font-weight: 620 !important;
}

html body.mail-body .mail-triage-filter-actions button,
html body.mail-body .hvx10-mail-filter-row button {
  min-height: 32px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-right: 1px solid rgba(226, 232, 240, .96) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #334155 !important;
  box-shadow: none !important;
}

html body.mail-body .mail-triage-filter-actions button:last-child,
html body.mail-body .hvx10-mail-filter-row button:last-child {
  border-right: 0 !important;
}

html body.mail-body .mail-triage-filter-actions button.is-active,
html body.mail-body .hvx10-mail-filter-row button.is-active {
  background: #f1f5f9 !important;
  box-shadow: inset 0 -2px 0 #334155 !important;
}

html body.mail-body .hvx100-conversation-row.active td,
html body.mail-body .hvx100-conversation-row.is-selected td {
  background: #f1f5f9 !important;
  box-shadow: inset 3px 0 0 #334155 !important;
}

html body.mail-body .hvx100-conversation-table th,
html body.mail-body .hvx100-conversation-row td {
  border-color: rgba(226, 232, 240, .96) !important;
}

html body.mail-body .hvx100-conversation-inspector {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) minmax(360px, 1.4fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 86px !important;
  margin: 10px 0 0 !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(203, 213, 225, .95) !important;
  border-radius: 4px !important;
  background: #fff !important;
}

html body.mail-body .hvx100-conversation-inspector-copy {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html body.mail-body .hvx100-conversation-inspector-copy span {
  color: #64748b !important;
  font-size: .62rem !important;
  font-weight: 820 !important;
  text-transform: uppercase !important;
}

html body.mail-body .hvx100-conversation-inspector-copy strong {
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: .86rem !important;
  font-weight: 820 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-conversation-inspector-copy small {
  overflow: hidden !important;
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 620 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-conversation-inspector-facts {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

html body.mail-body .hvx100-conversation-inspector-facts span {
  display: grid !important;
  gap: 2px !important;
  min-height: 44px !important;
  padding: 7px 8px !important;
  border: 1px solid rgba(226, 232, 240, .96) !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
}

html body.mail-body .hvx100-conversation-inspector-facts b {
  color: #64748b !important;
  font-size: .6rem !important;
  font-weight: 820 !important;
  text-transform: uppercase !important;
}

html body.mail-body .hvx100-conversation-inspector-facts strong {
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: .74rem !important;
  font-weight: 780 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-conversation-inspector > button {
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 4px !important;
  background: #1e40af !important;
  color: #fff !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-avatar {
  width: 42px !important;
  min-width: 42px !important;
  padding: 0 6px !important;
  border-radius: 4px !important;
  font-size: .62rem !important;
  font-weight: 820 !important;
  text-transform: uppercase !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  max-width: 360px !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(203, 213, 225, .95) !important;
  border-left: 3px solid rgba(51, 65, 85, .5) !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker .hvx110-compose-prereqs {
  display: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) auto auto auto !important;
  align-items: center !important;
  gap: 8px !important;
}

html body.mail-body #mail-compose-modal .mail-compose-discard-action,
html body.mail-body #mail-compose-modal #compose-reset-btn {
  border-color: rgba(153, 27, 27, .2) !important;
  color: #7f1d1d !important;
  background: #fff !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-avatar {
    width: 42px !important;
    min-width: 42px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-stage-panel,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-stage-stack,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-shell,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-workbench {
    min-height: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-workspace-surface {
    padding-bottom: 12px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-mobile::after {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
    padding: 12px 14px !important;
    border: 1px solid rgba(226, 232, 240, .98) !important;
    border-left: 3px solid #334155 !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk {
    border-left-color: #991b1b !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx100-mobile-primary-action {
    width: auto !important;
    min-width: 116px !important;
    min-height: 32px !important;
    margin-left: auto !important;
    padding: 0 12px !important;
    border: 1px solid rgba(148, 163, 184, .44) !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #334155 !important;
    box-shadow: none !important;
  }
}

/* Absolute EOF authority: mobile-first Timeline facts and restored Conversations table readability. */
html body.mail-body .hvx100-conversation-table {
  table-layout: auto !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(1),
html body.mail-body .hvx100-conversation-table td:nth-child(1) {
  width: 36px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(2),
html body.mail-body .hvx100-conversation-table td:nth-child(2) {
  width: 92px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(3),
html body.mail-body .hvx100-conversation-table td:nth-child(3) {
  width: auto !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(4),
html body.mail-body .hvx100-conversation-table td:nth-child(4) {
  width: 190px !important;
  min-width: 190px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(5),
html body.mail-body .hvx100-conversation-table td:nth-child(5) {
  width: 170px !important;
  min-width: 170px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(6),
html body.mail-body .hvx100-conversation-table td:nth-child(6) {
  width: 150px !important;
  min-width: 150px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(7),
html body.mail-body .hvx100-conversation-table td:nth-child(7) {
  display: none !important;
}

html body.mail-body .hvx100-conversation-routing strong,
html body.mail-body .hvx100-conversation-routing small,
html body.mail-body .hvx100-conversation-action b,
html body.mail-body .hvx100-conversation-action small,
html body.mail-body .hvx100-conversation-touch strong,
html body.mail-body .hvx100-conversation-touch small {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card.hvx100-mobile-work-row {
    padding: 11px 12px !important;
    border: 1px solid rgba(226, 232, 240, .96) !important;
    border-left: 2px solid rgba(71, 85, 105, .58) !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card.hvx100-mobile-work-row.risk {
    border-left-color: rgba(153, 27, 27, .52) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    margin-top: 10px !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span:nth-child(2n),
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span:nth-last-child(-n+2) {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    align-items: baseline !important;
    gap: 8px !important;
    min-height: 24px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    white-space: normal !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid small,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid b {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
}

/* True final authority: remove remaining consumer rails and blue action resets. */
html body.mail-body .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-primary-action.is-open,
html body.mail-body .hvx100-conversation-primary-action.is-owner,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action.is-owner {
  width: auto !important;
  min-width: 116px !important;
  max-width: 154px !important;
  min-height: 30px !important;
  border: 1px solid rgba(148, 163, 184, .42) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #334155 !important;
  box-shadow: none !important;
}

html body.mail-body .hvx100-conversation-primary-action.is-owner,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action.is-owner {
  border-color: rgba(153, 27, 27, .28) !important;
  color: #991b1b !important;
}

html body.mail-body .hvx100-conversation-primary-action:hover,
html body.mail-body .hvx100-conversation-primary-action:focus-visible {
  background: #f8fafc !important;
  border-color: rgba(100, 116, 139, .48) !important;
  color: #0f172a !important;
}

html body.mail-body .hvx100-conversation-primary-action b {
  color: inherit !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-date-context {
  margin: 2px 0 0 !important;
  color: #64748b !important;
  font-size: .7rem !important;
  font-weight: 720 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar #app-calendar-today-btn {
  border-color: rgba(51, 65, 85, .32) !important;
  background: #fff !important;
  color: #0f172a !important;
  font-weight: 820 !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card.hvx100-mobile-work-row {
    padding: 11px 12px !important;
    border: 1px solid rgba(226, 232, 240, .96) !important;
    border-left: 2px solid rgba(71, 85, 105, .58) !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card.hvx100-mobile-work-row.risk {
    border-left-color: rgba(153, 27, 27, .52) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(226, 232, 240, .94) !important;
    border-radius: 4px !important;
    background: #fbfcfe !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span {
    min-height: 34px !important;
    padding: 6px 8px !important;
    border: 0 !important;
    border-right: 1px solid rgba(226, 232, 240, .9) !important;
    border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span:nth-child(2n) {
    border-right: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span:nth-last-child(-n+2) {
    border-bottom: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav {
    min-height: 50px !important;
    padding: 0 6px !important;
    border-top: 1px solid rgba(203, 213, 225, .92) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn,
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn.is-active {
    min-height: 48px !important;
    border: 0 !important;
    border-top: 2px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #475569 !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn.is-active {
    border-top-color: #334155 !important;
    color: #0f172a !important;
  }
}

/* True final authority v2: column priority and mobile state rail. */
html body.mail-body .hvx100-conversation-table th:nth-child(1),
html body.mail-body .hvx100-conversation-table td:nth-child(1) {
  width: 34px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(2),
html body.mail-body .hvx100-conversation-table td:nth-child(2) {
  width: 86px !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(3),
html body.mail-body .hvx100-conversation-table td:nth-child(3) {
  width: 50% !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(4),
html body.mail-body .hvx100-conversation-table td:nth-child(4) {
  width: 18% !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(5),
html body.mail-body .hvx100-conversation-table td:nth-child(5) {
  width: 13% !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(6),
html body.mail-body .hvx100-conversation-table td:nth-child(6) {
  width: 12% !important;
}

html body.mail-body .hvx100-conversation-table th:nth-child(7),
html body.mail-body .hvx100-conversation-table td:nth-child(7) {
  display: none !important;
}

html body.mail-body .mail-triage-strip.hvx100-conversation-toolbar {
  padding: 14px 18px 10px !important;
}

html body.mail-body .mail-triage-filter-actions {
  margin-top: 10px !important;
}

html body.mail-body .hvx100-conversation-subject strong {
  white-space: nowrap !important;
}

html body.mail-body .hvx155-conversation-preview {
  max-width: 720px !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
    margin-top: 10px !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span:nth-child(2n),
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span:nth-last-child(-n+2) {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 4px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    white-space: nowrap !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid small {
    color: #64748b !important;
    font-size: .58rem !important;
    font-weight: 840 !important;
    letter-spacing: .02em !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid b {
    color: #1f2937 !important;
    font-size: .68rem !important;
    font-weight: 760 !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx100-mobile-primary-action {
    min-width: 104px !important;
    min-height: 30px !important;
  }
}

/* Final authority: Timeline queue should read like an operations table, not a color-coded board. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(226, 232, 240, .96) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table th {
  height: 28px !important;
  padding: 6px 9px !important;
  border-right: 1px solid rgba(226, 232, 240, .72) !important;
  border-bottom: 1px solid rgba(203, 213, 225, .8) !important;
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: .64rem !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table th:last-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row td:last-child {
  border-right: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row th,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-overdue th,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-due-soon th,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-active-work th,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-recorded th {
  height: 26px !important;
  padding: 5px 9px !important;
  border: 0 !important;
  border-top: 1px solid rgba(226, 232, 240, .96) !important;
  border-bottom: 1px solid rgba(226, 232, 240, .78) !important;
  background: #fbfcfe !important;
  color: #475569 !important;
  box-shadow: inset 3px 0 0 rgba(100, 116, 139, .32) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-overdue th {
  background: #fff !important;
  color: #475569 !important;
  box-shadow: inset 3px 0 0 rgba(153, 27, 27, .42) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row span {
  color: inherit !important;
  font-size: .64rem !important;
  font-weight: 820 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row small {
  color: #64748b !important;
  font-size: .62rem !important;
  font-weight: 650 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p2 td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p3 td {
  padding: 8px 9px !important;
  border: 0 !important;
  border-right: 1px solid rgba(226, 232, 240, .72) !important;
  border-bottom: 1px solid rgba(226, 232, 240, .92) !important;
  background: #fff !important;
  color: #334155 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row:hover td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row:focus-within td {
  background: #f8fafc !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-selected td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-selected:hover td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-selected:focus-within td {
  background: #f1f5f9 !important;
  color: #1e293b !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row td:first-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 td:first-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p2 td:first-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p3 td:first-child {
  box-shadow: inset 3px 0 0 rgba(100, 116, 139, .34) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 td:first-child {
  box-shadow: inset 3px 0 0 rgba(153, 27, 27, .5) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-selected td:first-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-selected.is-p1 td:first-child {
  box-shadow: inset 3px 0 0 #334155 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-row-select {
  width: 15px !important;
  height: 15px !important;
  border: 1px solid rgba(100, 116, 139, .44) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-selected .hvx100-row-select {
  border-color: #334155 !important;
  background: #334155 !important;
  box-shadow: inset 0 0 0 3px #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-sla-state,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-sla-state.is-blocked,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-sla-state.is-waiting,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-sla-state.is-open,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-sla-state.is-done {
  display: grid !important;
  gap: 2px !important;
  min-width: 86px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #334155 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-sla-state strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-sla-state.is-blocked strong {
  color: #334155 !important;
  font-size: .76rem !important;
  font-weight: 820 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 .hvx100-sla-state strong {
  color: #7f1d1d !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-sla-state small {
  color: #64748b !important;
  font-size: .62rem !important;
  font-weight: 650 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-owner-cell.is-missing strong {
  color: #7f1d1d !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-owner-cell.is-missing::before,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 .hvx50-sla-cell::before,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 .hvx50-owner-cell::before,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 .hvx50-next-cell::before {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 .hvx155-primary-next-action,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .is-p1 .hvx155-primary-next-action {
  min-height: 31px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(148, 163, 184, .42) !important;
  border-left-width: 1px !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #334155 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action:hover,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action:focus-visible {
  border-color: rgba(51, 65, 85, .36) !important;
  background: #f8fafc !important;
  color: #1e293b !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action b,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action small {
  color: inherit !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action small {
  color: #64748b !important;
  font-size: .61rem !important;
}

/* Final authority: cross-surface IA consistency after the queue-table reset. */
html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-label {
  max-width: 100% !important;
  overflow: hidden !important;
  color: #475569 !important;
  font-size: .66rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn.is-active .tenant-mobile-nav-label {
  color: #0f172a !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-command-title {
  font-size: 1.18rem !important;
  letter-spacing: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-command-kicker {
  color: #475569 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcuts {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut-group {
  display: grid !important;
  gap: 6px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut-group-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 24px !important;
  padding: 0 2px !important;
  color: #475569 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut-group-head strong {
  color: #334155 !important;
  font-size: .66rem !important;
  font-weight: 820 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut-group-head span {
  min-width: 22px !important;
  padding: 2px 6px !important;
  border: 1px solid rgba(203, 213, 225, .86) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #64748b !important;
  font-size: .62rem !important;
  font-weight: 760 !important;
  text-align: center !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut-group-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut {
  min-height: 48px !important;
  padding: 8px 10px !important;
  border-color: rgba(226, 232, 240, .98) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut-copy {
  gap: 2px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut-copy strong {
  color: #0f172a !important;
  font-size: .76rem !important;
  font-weight: 820 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut-copy small {
  color: #64748b !important;
  font-size: .66rem !important;
  line-height: 1.12 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut-state {
  border-color: rgba(203, 213, 225, .9) !important;
  background: #f8fafc !important;
  color: #475569 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-category-divider {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 26px !important;
  margin: 3px 0 -2px !important;
  padding: 0 2px !important;
  border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
  color: #475569 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-category-divider strong {
  color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 840 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-category-divider span {
  color: #64748b !important;
  font-size: .66rem !important;
  font-weight: 700 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-details {
  min-height: 48px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-summary {
  min-height: 48px !important;
  padding: 8px 14px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-summary-copy > span {
  max-width: 620px !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: .68rem !important;
  line-height: 1.14 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-conversation-risk {
  width: 96px !important;
}

html body.mail-body .mail-conversation-triage.hvx18-sla-badge {
  align-items: flex-start !important;
  gap: 3px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.mail-body .mail-conversation-triage.hvx18-sla-badge .mail-priority-indicator {
  min-width: 26px !important;
  height: 18px !important;
  border: 1px solid rgba(148, 163, 184, .42) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: .6rem !important;
  font-style: normal !important;
  font-weight: 820 !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .mail-conversation-triage.hvx18-sla-badge .mail-priority-indicator {
  border-color: rgba(153, 27, 27, .32) !important;
  color: #7f1d1d !important;
}

html body.mail-body .mail-conversation-triage.hvx18-sla-badge strong {
  color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 780 !important;
}

html body.mail-body .hvx100-conversation-routing.is-missing strong,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-next-state b {
  color: #7f1d1d !important;
}

html body.mail-body .hvx100-conversation-routing small {
  color: #64748b !important;
}

html body.mail-body .hvx100-conversation-next-state {
  display: inline-grid !important;
  gap: 2px !important;
  min-width: 104px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  cursor: pointer !important;
}

html body.mail-body .hvx100-conversation-next-state b {
  color: #334155 !important;
  font-size: .74rem !important;
  font-weight: 820 !important;
}

html body.mail-body .hvx100-conversation-next-state small {
  color: #64748b !important;
  font-size: .62rem !important;
}

html body.mail-body .hvx100-conversation-next-state:hover b,
html body.mail-body .hvx100-conversation-next-state:focus-visible b {
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

html body.mail-body #mail-compose-modal .mail-compose-quickbar {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-bottom: 9px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(226, 232, 240, .96) !important;
}

html body.mail-body #mail-compose-modal .mail-compose-quickbar > span,
html body.mail-body #mail-compose-modal .mail-compose-quickbar > label,
html body.mail-body #mail-compose-modal .mail-compose-quickbar .mail-compose-quick-label {
  margin-right: 2px !important;
  color: #64748b !important;
  font-size: .64rem !important;
  font-weight: 820 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html body.mail-body #mail-compose-modal .mail-compose-quick-chip {
  min-height: 28px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(148, 163, 184, .36) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #334155 !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-quick-chip:hover,
html body.mail-body #mail-compose-modal .mail-compose-quick-chip:focus-visible {
  border-color: rgba(51, 65, 85, .3) !important;
  background: #f8fafc !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker {
  min-height: 30px !important;
  max-width: 520px !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: 0 !important;
  background: transparent !important;
  color: #64748b !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker strong {
  color: #334155 !important;
  font-size: .72rem !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker small,
html body.mail-body #mail-compose-modal #compose-footer-blocker span {
  color: #64748b !important;
  font-size: .66rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-section-title strong {
  color: #64748b !important;
  font-size: .64rem !important;
  font-weight: 760 !important;
  letter-spacing: .04em !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-workspace-filter {
  width: min(680px, calc(100vw - 48px)) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-head {
  padding: 14px 18px 10px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter #app-filter-preview-count {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  margin: 0 18px 8px !important;
  color: #0f172a !important;
  font-size: .86rem !important;
  font-weight: 820 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-facet-state {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 34px !important;
  margin: 0 18px 8px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(226, 232, 240, .95) !important;
  border-radius: 4px !important;
  background: #fbfcfe !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-facet-state strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-facet-state span {
  font-size: .68rem !important;
  line-height: 1.1 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-facet-tokens {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-grid {
  gap: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-builder-row {
  min-height: 48px !important;
  padding: 8px 10px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-actions {
  min-height: 52px !important;
  padding: 10px 18px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu {
  width: 300px !important;
  padding: 12px 14px !important;
  border-radius: 4px !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .12) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-head {
  padding-bottom: 10px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-section {
  margin: 10px 0 4px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(226, 232, 240, .95) !important;
  color: #64748b !important;
  font-size: .62rem !important;
  font-weight: 840 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-list .tenant-session-menu-section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-item {
  min-height: 42px !important;
  padding: 6px 8px !important;
  border-radius: 4px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-item b {
  font-size: .74rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-item small {
  color: #64748b !important;
  font-size: .66rem !important;
  line-height: 1.1 !important;
}

/* Final authority: Conversations control bar and mobile fact-stack model. */
html body.mail-body .mail-triage-strip.hvx100-conversation-toolbar {
  display: grid !important;
  grid-template-columns: minmax(240px, .9fr) auto minmax(360px, 1.25fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 64px !important;
  padding: 10px 14px !important;
}

html body.mail-body .mail-triage-strip-title.hvx10-mail-view {
  gap: 2px !important;
}

html body.mail-body .mail-triage-strip-title.hvx10-mail-view span {
  color: #64748b !important;
  font-size: .62rem !important;
  font-weight: 820 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

html body.mail-body .mail-triage-strip-title.hvx10-mail-view strong {
  color: #0f172a !important;
  font-size: .95rem !important;
  font-weight: 860 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body.mail-body .mail-triage-strip-title.hvx10-mail-view small {
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 680 !important;
}

html body.mail-body .hvx100-assignment-workflow {
  min-height: 34px !important;
  padding: 0 14px !important;
  border-left: 3px solid rgba(153, 27, 27, .46) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.mail-body .hvx100-assignment-workflow strong {
  color: #334155 !important;
  font-size: .76rem !important;
}

html body.mail-body .hvx100-assignment-workflow span {
  color: #64748b !important;
  font-size: .68rem !important;
}

html body.mail-body .mail-triage-filter-actions.hvx10-mail-filter-row {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body.mail-body .mail-triage-filter-actions.hvx10-mail-filter-row > span {
  min-height: 32px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(203, 213, 225, .9) !important;
  border-right: 0 !important;
  border-radius: 4px 0 0 4px !important;
  background: #f8fafc !important;
}

html body.mail-body .mail-triage-filter-actions.hvx10-mail-filter-row button {
  min-width: 64px !important;
  min-height: 32px !important;
  padding: 0 10px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.mail-body .mail-triage-filter-actions.hvx10-mail-filter-row button:last-child {
  border-radius: 0 4px 4px 0 !important;
}

html body.mail-body .mail-triage-filter-actions.hvx10-mail-filter-row button.is-active {
  border-color: rgba(51, 65, 85, .54) !important;
  background: #fff !important;
  box-shadow: inset 0 -2px 0 #334155 !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin-top: 2px !important;
    border: 1px solid rgba(226, 232, 240, .96) !important;
    border-radius: 4px !important;
    background: #fbfcfe !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 27px !important;
    padding: 4px 8px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span:last-child {
    border-bottom: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid small {
    color: #64748b !important;
    font-size: .58rem !important;
    font-weight: 820 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid b {
    color: #334155 !important;
    font-size: .7rem !important;
    font-weight: 820 !important;
    text-align: right !important;
    white-space: normal !important;
  }
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut-group-grid {
    grid-template-columns: 1fr !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
    padding: 10px 12px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span {
    min-height: 38px !important;
  }
}

/* Final authority: mobile queue and Numbers admin density. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-hero {
  align-items: center !important;
  min-height: 0 !important;
  padding: 16px 22px !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-hero-copy {
  gap: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-hero .card-title {
  max-width: 720px !important;
  font-size: 1.05rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-governance-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-governance-row span {
  min-height: 24px !important;
  padding: 3px 8px !important;
  border: 1px solid rgba(203, 213, 225, .9) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #475569 !important;
  font-size: .66rem !important;
  font-weight: 760 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-inline-actions-tight {
  gap: 8px !important;
  margin-top: 2px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers #app-number-buy-open {
  min-height: 36px !important;
  padding: 0 16px !important;
  border-color: rgba(30, 64, 175, .22) !important;
  border-radius: 4px !important;
  background: #1e40af !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers #app-number-port-open {
  min-height: 36px !important;
  padding: 0 16px !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-empty,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-gated {
  padding: 12px 14px !important;
  border-radius: 4px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-empty h3,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-gated h3 {
  font-size: .9rem !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-stage-stack {
    gap: 8px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-mobile-section-header {
    margin-bottom: 6px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card.hvx100-mobile-work-row {
    gap: 8px !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(203, 213, 225, .94) !important;
    border-left: 3px solid rgba(71, 85, 105, .58) !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card.hvx100-mobile-work-row.risk {
    border-left-color: rgba(153, 27, 27, .5) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-head {
    min-height: 22px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-priority-stack {
    gap: 6px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-severity {
    min-width: 26px !important;
    height: 20px !important;
    border-color: rgba(148, 163, 184, .45) !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #334155 !important;
    font-size: .62rem !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx60-mobile-severity {
    border-color: rgba(153, 27, 27, .34) !important;
    color: #7f1d1d !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-priority-stack b {
    color: #334155 !important;
    font-size: .74rem !important;
    font-weight: 820 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main {
    gap: 2px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main strong {
    font-size: .9rem !important;
    line-height: 1.16 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main small {
    color: #64748b !important;
    font-size: .68rem !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin-top: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span {
    overflow: visible !important;
    min-height: 34px !important;
    padding: 5px 6px !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    border-radius: 4px !important;
    background: #f8fafc !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid small {
    color: #64748b !important;
    font-size: .56rem !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid b {
    color: #334155 !important;
    overflow: visible !important;
    font-size: .68rem !important;
    line-height: 1.08 !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-actions {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx100-mobile-primary-action {
    min-width: 108px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(148, 163, 184, .42) !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #334155 !important;
    font-size: .68rem !important;
    box-shadow: none !important;
  }
}

/* Final authority: native ops model for Timeline, Conversations, and mobile scoring surfaces. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-footer {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-top: 1px solid rgba(226, 232, 240, .96) !important;
  background: #fbfcfe !important;
  color: #475569 !important;
  font-size: .7rem !important;
  font-weight: 720 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-footer span {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-footer b {
  color: #0f172a !important;
  font-size: .78rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-footer small {
  margin-left: auto !important;
  color: #64748b !important;
  font-size: .66rem !important;
  font-weight: 680 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-ops-band {
  display: grid !important;
  grid-template-columns: .9fr .9fr 1.2fr !important;
  gap: 8px !important;
  padding: 8px !important;
  border-top: 1px solid rgba(226, 232, 240, .96) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-ops-band article {
  display: grid !important;
  align-content: start !important;
  gap: 4px !important;
  min-height: 86px !important;
  padding: 8px 9px !important;
  border: 1px solid rgba(226, 232, 240, .96) !important;
  border-radius: 0 !important;
  background: #fbfcfe !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-ops-band span {
  color: #64748b !important;
  font-size: .62rem !important;
  font-weight: 820 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-ops-band strong {
  color: #0f172a !important;
  font-size: .82rem !important;
  line-height: 1.18 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-ops-band small {
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 680 !important;
  line-height: 1.32 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-mini-ledger small {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) 76px !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 22px !important;
  border-top: 1px solid rgba(226, 232, 240, .9) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-mini-ledger small:first-of-type {
  border-top: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-mini-ledger b {
  color: #0f172a !important;
  font-size: .66rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-mini-ledger em {
  color: #64748b !important;
  font-style: normal !important;
  text-align: right !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-footer::after {
  content: none !important;
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-overdue th,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-due-soon th {
  border-top: 1px solid rgba(226, 232, 240, .95) !important;
  border-bottom: 1px solid rgba(226, 232, 240, .95) !important;
  background: #fbfcfe !important;
  color: #475569 !important;
  box-shadow: inset 3px 0 0 rgba(51, 65, 85, .42) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-overdue th {
  box-shadow: inset 3px 0 0 rgba(153, 27, 27, .62) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 td:first-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p2 td:first-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-selected td:first-child,
html body.mail-body .hvx100-conversation-row.active td:first-child,
html body.mail-body .hvx100-conversation-row.is-selected td:first-child {
  box-shadow: inset 3px 0 0 rgba(51, 65, 85, .52) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 td:first-child {
  box-shadow: inset 3px 0 0 rgba(153, 27, 27, .62) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-selected td,
html body.mail-body .hvx100-conversation-row.active td,
html body.mail-body .hvx100-conversation-row.is-selected td {
  background: #f8fafc !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row td,
html body.mail-body .hvx100-conversation-row td {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

html body.mail-body .hvx100-conversation-table-shell {
  border-bottom: 1px solid rgba(226, 232, 240, .96) !important;
}

html body.mail-body .hvx100-conversation-next-state {
  align-items: flex-start !important;
  min-height: 30px !important;
}

html body.mail-body .hvx100-conversation-next-state b {
  font-size: .72rem !important;
}

html body.mail-body .hvx100-conversation-inspector {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-productization-grid,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-customer-profile,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-shell,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-workbench,
html body.mail-body .hvx100-conversation-table-shell,
html body.mail-body #mail-thread-list {
  min-height: 0 !important;
  height: auto !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-productization-grid-wide {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 318px !important;
  gap: 10px !important;
  align-items: start !important;
  min-height: 0 !important;
  height: auto !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel {
  display: grid !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(203, 213, 225, .95) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .tenant-section-head,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .tenant-operational-inspector-summary,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .tenant-operational-inspector-reason,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .tenant-next-action-card {
  margin: 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(226, 232, 240, .95) !important;
  border-radius: 0 !important;
  background: #fbfcfe !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .tenant-ai-capsule,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .tenant-operational-memory,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .tenant-timeline-secondary-context,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .tenant-ai-suggestion-list article:not(.tenant-next-action-card),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .tenant-operational-reasons,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .tenant-simulation-window,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .tenant-strategic-escalation,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .tenant-context-note {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .tenant-section-head {
  border-left: 3px solid #334155 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .card-title {
  color: #0f172a !important;
  font-size: .9rem !important;
  line-height: 1.18 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel .meta {
  color: #64748b !important;
  font-size: .7rem !important;
  line-height: 1.35 !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] {
    background: #f8fafc !important;
    padding-bottom: 70px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-shell,
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-frame {
    display: block !important;
    width: 100% !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-sidebar {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-main,
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-surface,
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-stage-grid,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-stage-stack,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-productization-grid,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-productization-grid-wide,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-surface.tenant-customer-profile {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-main {
    display: block !important;
    min-height: 0 !important;
    padding-top: 10px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-surface {
    padding: 0 12px 78px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-header {
    min-height: 0 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-header-main,
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-header-main-compact {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-stage-copy {
    min-height: 0 !important;
    padding: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-app-title {
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #1f2937 !important;
    font-size: 1.24rem !important;
    line-height: 1.15 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-tabs,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-toolbar,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-applied-filter-bar,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-footer,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx160-workqueue-ops-band {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-shell,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-workbench {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-mobile {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-ops-status {
    min-height: 30px !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(203, 213, 225, .92) !important;
    border-left: 3px solid #059669 !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-timeline-row {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card.hvx100-mobile-work-row {
    width: 100% !important;
    margin: 0 !important;
    padding: 13px 14px !important;
    border: 1px solid rgba(203, 213, 225, .95) !important;
    border-left: 3px solid #334155 !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card.hvx100-mobile-work-row.risk {
    border-left-color: #991b1b !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav {
    display: grid !important;
    position: fixed !important;
    z-index: 80 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    min-height: 54px !important;
    padding: 4px 6px calc(4px + env(safe-area-inset-bottom, 0px)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(203, 213, 225, .95) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 -1px 2px rgba(15, 23, 42, .05) !important;
    backdrop-filter: blur(10px) !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn[data-app-tab="numbers"],
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn[data-app-tab="guide"],
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn[data-app-tab="settings"] {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #475569 !important;
    box-shadow: none !important;
    font-size: .72rem !important;
    font-weight: 760 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn.is-active {
    background: transparent !important;
    color: #0f172a !important;
    box-shadow: inset 0 2px 0 #334155 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn::before,
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-btn::after {
    content: none !important;
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-icon {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-label {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    font-size: .72rem !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Absolute final mobile guardrail: desktop inspector/grid must never leak into mobile. */
@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-productization-grid,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-productization-grid-wide {
    display: block !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-context-panel,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-ai-assist-panel.tenant-context-panel {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-customer-profile,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-shell,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-mobile,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-timeline-row,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-mobile-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
}

/* Final admin/report/compose enterprise normalization. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 6px !important;
  padding: 14px 18px !important;
  min-height: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcuts-wrap {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-hero-copy {
  max-width: 720px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-hero h2 {
  font-size: 1.08rem !important;
  line-height: 1.15 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-hero-text {
  max-width: 680px !important;
  margin-top: 6px !important;
  font-size: .78rem !important;
  line-height: 1.4 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-stage-stack {
  gap: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-details {
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-summary {
  min-height: 54px !important;
  padding: 10px 16px !important;
  border-left: 3px solid transparent !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-details:hover .tenant-settings-summary,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-details[open] .tenant-settings-summary {
  border-left-color: #334155 !important;
  background: #fbfcfe !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-summary-copy strong {
  font-size: .86rem !important;
  line-height: 1.15 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-summary-copy span {
  color: #64748b !important;
  font-size: .72rem !important;
  line-height: 1.3 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-reports .tenant-report-summary-grid {
  gap: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-reports .tenant-stage-summary-card {
  min-height: 104px !important;
  padding: 12px 14px !important;
  border-left: 3px solid #334155 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-reports .tenant-stage-summary-card > span,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-reports .tenant-stage-summary-card .meta:first-child {
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 820 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-reports .tenant-stage-summary-card strong {
  color: #0f172a !important;
  font-size: 1.35rem !important;
  line-height: 1.05 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-reports .tenant-report-pulse {
  gap: 6px !important;
  margin: 8px 0 12px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-reports .tenant-report-card {
  padding: 14px !important;
}

html body.mail-body #mail-compose-modal .mail-compose-quickbar {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body.mail-body #mail-compose-modal .mail-compose-quickbar::before {
  content: "Templates" !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  margin-right: 2px !important;
  color: #64748b !important;
  font-size: .66rem !important;
  font-weight: 820 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

html body.mail-body #mail-compose-modal .mail-compose-quick-chip {
  min-height: 28px !important;
  padding: 0 9px !important;
  border-color: rgba(203, 213, 225, .95) !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: .68rem !important;
}

html body.mail-body #mail-compose-modal #compose-body {
  min-height: 92px !important;
  max-height: 128px !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions {
  min-height: 48px !important;
  padding: 8px 16px !important;
  align-items: center !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker {
  max-width: 360px !important;
  min-height: 32px !important;
  padding: 5px 9px !important;
  border-left-width: 3px !important;
  background: #fff !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker strong,
html body.mail-body #mail-compose-modal #compose-footer-blocker span {
  font-size: .68rem !important;
  line-height: 1.15 !important;
}

/* Final authority: scoring-surface interaction model. Keep this block last. */
html body.mail-body .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-primary-action.is-open,
html body.mail-body .hvx100-conversation-primary-action.is-owner,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action.is-owner {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 138px !important;
  max-width: 172px !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(30, 64, 175, .32) !important;
  border-radius: 4px !important;
  background: #1e40af !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body.mail-body .hvx100-conversation-primary-action:hover,
html body.mail-body .hvx100-conversation-primary-action:focus-visible {
  background: #1d4ed8 !important;
  border-color: rgba(30, 64, 175, .42) !important;
}

html body.mail-body .hvx100-conversation-primary-action b {
  color: inherit !important;
  font-size: .7rem !important;
  font-weight: 820 !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-conversation-action {
  padding-right: 12px !important;
}

html body.mail-body .hvx100-conversation-row {
  outline: 0 !important;
}

html body.mail-body .hvx100-conversation-row:hover td,
html body.mail-body .hvx100-conversation-row:focus-within td {
  background: #f8fafc !important;
}

html body.mail-body .hvx100-conversation-row.active td,
html body.mail-body .hvx100-conversation-row.is-selected td {
  background: #f1f5f9 !important;
  box-shadow: inset 3px 0 0 #334155 !important;
}

html body.mail-body .hvx100-conversation-table th,
html body.mail-body .hvx100-conversation-row td {
  border-color: rgba(226, 232, 240, .96) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-avatar {
  width: 42px !important;
  min-width: 42px !important;
  padding: 0 6px !important;
  border-radius: 4px !important;
  font-size: .62rem !important;
  font-weight: 820 !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row td {
  border-color: rgba(226, 232, 240, .96) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row td + td {
  border-left-color: rgba(226, 232, 240, .74) !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  max-width: 460px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(203, 213, 225, .95) !important;
  border-left: 3px solid rgba(51, 65, 85, .5) !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker strong {
  margin-left: 0 !important;
  color: #334155 !important;
  font-size: .7rem !important;
  font-weight: 820 !important;
  white-space: nowrap !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker span {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 620 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker .hvx110-compose-prereqs {
  display: none !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-avatar {
    width: 42px !important;
    min-width: 42px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-mobile::after {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
    padding: 12px 14px !important;
    border: 1px solid rgba(226, 232, 240, .98) !important;
    border-left: 3px solid #334155 !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk {
    border-left-color: #991b1b !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 10px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span {
    min-height: 44px !important;
    padding: 7px 6px !important;
    border-radius: 4px !important;
    background: #f8fafc !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid b {
    overflow: visible !important;
    white-space: normal !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx100-mobile-primary-action {
    width: auto !important;
    min-width: 116px !important;
    min-height: 32px !important;
    margin-left: auto !important;
    padding: 0 12px !important;
    border: 1px solid rgba(148, 163, 184, .44) !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #334155 !important;
    box-shadow: none !important;
  }
}

/* Score-10 component reset: authoritative row/action model for the scoring surfaces. */
html body.tenant-app-body[data-app-surface="workspace"] .tenant-nav-icon-settings,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-mobile-nav-icon {
  min-width: 34px !important;
  padding: 0 7px !important;
  border-radius: 4px !important;
  font-size: .58rem !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu {
  width: min(286px, calc(100vw - 24px)) !important;
  padding: 10px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-head {
  padding: 9px 10px 10px !important;
  border-bottom: 1px solid rgba(203, 213, 225, .86) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-section {
  margin: 9px 0 5px !important;
  padding-top: 9px !important;
  color: #64748b !important;
  font-size: .62rem !important;
  font-weight: 820 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item {
  min-height: 42px !important;
  padding: 7px 8px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item:hover,
html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item:focus-visible {
  background: #f1f5f9 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item b {
  color: #0f172a !important;
  font-size: .78rem !important;
  font-weight: 760 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item small {
  margin-top: 2px !important;
  color: #64748b !important;
  font-size: .66rem !important;
  font-weight: 620 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-table {
  border-collapse: collapse !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row th {
  height: 24px !important;
  padding: 5px 10px !important;
  border-top: 1px solid rgba(203, 213, 225, .92) !important;
  border-bottom: 1px solid rgba(203, 213, 225, .92) !important;
  background: #f8fafc !important;
  box-shadow: none !important;
  color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-overdue th,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-due-soon th,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-active-work th,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-recorded th {
  background: #f8fafc !important;
  box-shadow: none !important;
  border-top-color: rgba(203, 213, 225, .92) !important;
  color: #334155 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row span {
  display: inline !important;
  color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 820 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row small {
  margin-left: 7px !important;
  color: #64748b !important;
  font-size: .64rem !important;
  font-weight: 620 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row td {
  height: 40px !important;
  padding: 6px 10px !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(226, 232, 240, .96) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p2 td,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p3 td {
  background: #fff !important;
  border-top: 0 !important;
  border-bottom-color: rgba(226, 232, 240, .96) !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 td:first-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p2 td:first-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-selected td:first-child {
  box-shadow: inset 3px 0 0 #334155 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 td:first-child {
  box-shadow: inset 3px 0 0 #991b1b !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-sla-state {
  display: grid !important;
  gap: 2px !important;
  align-content: center !important;
  min-width: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-sla-state strong {
  color: #0f172a !important;
  font-size: .72rem !important;
  font-weight: 820 !important;
  line-height: 1.05 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-sla-state small {
  color: #64748b !important;
  font-size: .62rem !important;
  font-weight: 620 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-severity-word,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-sla-cell em {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-work-cell strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-customer-cell strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-owner-cell strong {
  color: #0f172a !important;
  font-size: .74rem !important;
  font-weight: 760 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-work-cell small,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-customer-cell small,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-owner-cell small {
  color: #64748b !important;
  font-size: .64rem !important;
  font-weight: 620 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-owner-cell.is-missing strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .is-p1 .hvx50-owner-cell strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .is-p1 .hvx100-sla-state strong {
  color: #0f172a !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-p1 .hvx155-primary-next-action {
  min-width: 92px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(148, 163, 184, .42) !important;
  border-left-width: 1px !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: .7rem !important;
  font-weight: 760 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action:hover,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action:focus-visible {
  background: #f8fafc !important;
  border-color: rgba(51, 65, 85, .34) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-avatar {
  width: 42px !important;
  min-width: 42px !important;
  padding: 0 6px !important;
  border-radius: 4px !important;
  font-size: .62rem !important;
  text-transform: uppercase !important;
}

html body.mail-body .hvx100-conversation-routing small {
  color: #64748b !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-routing strong {
  color: #0f172a !important;
}

html body.mail-body .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-primary-action.is-owner,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action.is-owner {
  min-width: 96px !important;
  min-height: 30px !important;
  border: 1px solid rgba(148, 163, 184, .42) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #334155 !important;
}

html body.mail-body .hvx100-conversation-primary-action:hover,
html body.mail-body .hvx100-conversation-primary-action:focus-visible {
  background: #f8fafc !important;
  border-color: rgba(51, 65, 85, .34) !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  max-width: 410px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(203, 213, 225, .95) !important;
  border-left: 3px solid rgba(51, 65, 85, .5) !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker strong {
  margin-left: 0 !important;
  color: #334155 !important;
  font-size: .7rem !important;
  font-weight: 820 !important;
  white-space: nowrap !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker span {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 620 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker .hvx110-compose-prereqs {
  display: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions {
  grid-template-columns: minmax(260px, 1fr) auto auto auto !important;
  min-height: 50px !important;
  padding: 8px 16px !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-mobile::after {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
    padding: 12px 14px !important;
    border: 1px solid rgba(226, 232, 240, .98) !important;
    border-left: 3px solid #334155 !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk {
    border-left-color: #991b1b !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-head {
    align-items: center !important;
    min-height: 24px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-priority-stack {
    gap: 6px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-severity {
    min-width: 26px !important;
    height: 22px !important;
    border-radius: 4px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: .68rem !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin-top: 10px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span {
    min-height: 44px !important;
    padding: 7px 6px !important;
    border-radius: 4px !important;
    background: #f8fafc !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action {
    width: auto !important;
    min-width: 112px !important;
    min-height: 32px !important;
    margin-left: auto !important;
    padding: 0 12px !important;
    border: 1px solid rgba(148, 163, 184, .44) !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #334155 !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-avatar {
    width: 42px !important;
    min-width: 42px !important;
  }
}

/* Enterprise scoring surfaces: component-level authority for triage and readiness. */
html body.mail-body .hvx100-conversation-group-row {
  display: none !important;
}

html body.mail-body .hvx100-conversation-table-shell {
  border-color: rgba(203, 213, 225, .95) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

html body.mail-body .hvx100-conversation-table th {
  height: 30px !important;
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: .67rem !important;
  font-weight: 780 !important;
  letter-spacing: .01em !important;
}

html body.mail-body .hvx100-conversation-row td {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

html body.mail-body .hvx100-conversation-subject strong {
  font-size: .86rem !important;
  letter-spacing: 0 !important;
}

html body.mail-body .hvx100-conversation-subject small,
html body.mail-body .hvx100-conversation-routing small,
html body.mail-body .hvx100-conversation-touch small {
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 650 !important;
}

html body.mail-body .hvx100-conversation-routing strong,
html body.mail-body .hvx100-conversation-touch strong {
  color: #1e293b !important;
  font-size: .79rem !important;
  font-weight: 760 !important;
}

html body.mail-body .hvx100-conversation-context-details {
  display: none !important;
}

html body.mail-body .hvx100-conversation-details {
  width: 84px !important;
}

html body.mail-body .hvx100-conversation-row-menu {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 4px !important;
  font-size: .7rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-launch-grid {
  gap: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-launch-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 18px !important;
  padding: 18px 22px !important;
  border-radius: 4px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-launch-hero .card-title {
  margin-bottom: 6px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 14px !important;
  max-width: 720px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-strip span {
  display: grid !important;
  gap: 3px !important;
  min-height: 44px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(203, 213, 225, .9) !important;
  border-radius: 4px !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-strip b {
  color: #0f172a !important;
  font-size: .72rem !important;
  font-weight: 780 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-strip small {
  color: #64748b !important;
  font-size: .66rem !important;
  font-weight: 700 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-launch-actions .button {
  background: #fff !important;
  color: #334155 !important;
  border-color: rgba(148, 163, 184, .34) !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-hero-art {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-side .tenant-surface {
  border-radius: 4px !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-governance-row span {
  border-radius: 4px !important;
  background: #fff !important;
  color: #475569 !important;
  border-color: rgba(203, 213, 225, .9) !important;
  font-size: .68rem !important;
  font-weight: 720 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-wizard-card .tenant-section-head,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-detail-card .tenant-section-head {
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(226, 232, 240, .95) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-empty {
  padding: 14px 16px !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-mobile::after {
    content: none !important;
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
    padding: 12px !important;
    border-left-width: 3px !important;
    border-radius: 4px !important;
    background: #fff !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-priority-stack {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-priority-stack i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 28px !important;
    height: 24px !important;
    border: 1px solid rgba(30, 64, 175, .22) !important;
    border-radius: 4px !important;
    background: #f8fafc !important;
    color: #1e3a8a !important;
    font-size: .68rem !important;
    font-weight: 820 !important;
    font-style: normal !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-priority-stack b {
    color: #334155 !important;
    font-size: .72rem !important;
    font-weight: 760 !important;
    text-transform: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main {
    display: grid !important;
    gap: 3px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main strong {
    color: #0f172a !important;
    font-size: .95rem !important;
    font-weight: 820 !important;
    line-height: 1.2 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-main small {
    color: #64748b !important;
    font-size: .72rem !important;
    font-weight: 680 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 12px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span {
    display: grid !important;
    gap: 2px !important;
    min-height: 42px !important;
    padding: 7px 8px !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    border-radius: 4px !important;
    background: #f8fafc !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid small {
    color: #64748b !important;
    font-size: .61rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid b {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #1e293b !important;
    font-size: .73rem !important;
    font-weight: 760 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-actions {
    margin-top: 12px !important;
    display: flex !important;
    justify-content: flex-end !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action {
    width: auto !important;
    min-width: 128px !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(30, 64, 175, .26) !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #1e3a8a !important;
    box-shadow: none !important;
    font-size: .72rem !important;
    font-weight: 780 !important;
  }
}

html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-section + .tenant-command-section {
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(226, 232, 240, .95) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-section > p {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  margin-bottom: 6px !important;
  color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 820 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-result-time {
  min-width: 56px !important;
  text-align: right !important;
  color: #64748b !important;
  font-weight: 720 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-item .tenant-inline-actions {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-call-readiness-item {
  min-height: 72px !important;
  padding: 14px 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-wizard-card .card-title {
  font-size: 1rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-gated {
  padding: 12px 0 0 !important;
  gap: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-gated p.meta {
  max-width: 220px !important;
}

html body.mail-body .hvx100-conversation-subject {
  max-width: 410px !important;
}

html body.mail-body .hvx100-conversation-subject strong {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-details {
  min-height: 72px !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-summary {
  min-height: 72px !important;
  padding: 14px 18px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item small {
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 640 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item-danger {
  margin-top: 8px !important;
  border-color: rgba(203, 213, 225, .9) !important;
  background: #fff !important;
  color: #334155 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item-danger b,
html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item-danger small {
  color: #334155 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu .tenant-session-menu-item-danger b::before {
  content: none !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-workspace-toolbar-right {
    flex-wrap: nowrap !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-btn,
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-session-menu-btn.tenant-shell-identity-btn {
    min-width: 0 !important;
    max-width: 178px !important;
    padding: 6px 7px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-copy strong {
    font-size: .7rem !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-copy small {
    font-size: .6rem !important;
  }

html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-copy small b {
    display: none !important;
  }
}

/* Score 10 IA/action-model consolidation: queue, filter, compose, settings. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-lite,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-health-lite {
  min-height: 42px !important;
  padding: 8px 12px !important;
  border: 0 !important;
  border-top: 1px solid rgba(148, 163, 184, .28) !important;
  border-bottom: 1px solid rgba(148, 163, 184, .28) !important;
  background: #f8fafc !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-token {
  color: #475569 !important;
  font-size: .66rem !important;
  font-weight: 760 !important;
  letter-spacing: .02em !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-lite strong {
  color: #0f172a !important;
  font-size: .78rem !important;
  font-weight: 780 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-queue-recovery-lite span:not(.hvx100-queue-recovery-token) {
  color: #64748b !important;
  font-size: .68rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row strong {
  text-transform: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-group-row span {
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 650 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-ops-status {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 32px !important;
  margin: 8px 0 !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(148, 163, 184, .28) !important;
  border-left: 3px solid rgba(22, 163, 74, .68) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-ops-status strong {
  color: #0f172a !important;
  font-size: .64rem !important;
  font-weight: 820 !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-ops-status span {
  overflow: hidden !important;
  color: #64748b !important;
  font-size: .62rem !important;
  font-weight: 650 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-workspace-filter,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-filter-enterprise-reset {
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(660px, calc(100vw - 32px)) !important;
  max-width: min(660px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 88px) !important;
  overflow: auto !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-head {
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-facet-state {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, .24) !important;
  background: #fbfcfe !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-facet-state strong {
  color: #0f172a !important;
  font-size: .78rem !important;
  font-weight: 760 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-facet-state span {
  color: #64748b !important;
  font-size: .7rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-facet-tokens {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-facet-tokens span {
  padding: 3px 7px !important;
  border: 1px solid rgba(148, 163, 184, .24) !important;
  background: #fff !important;
  color: #475569 !important;
  font-size: .64rem !important;
  font-weight: 680 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-actions {
  position: sticky !important;
  bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-height: 56px !important;
  padding: 10px 16px !important;
  border-top: 1px solid rgba(148, 163, 184, .28) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-actions::before {
  content: "Applies to current Work Queue view" !important;
  margin-right: auto !important;
  color: #64748b !important;
  font-size: .7rem !important;
  font-weight: 620 !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-panel {
  display: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-top-action-rail,
html body.mail-body #mail-compose-modal #compose-top-action-rail {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  margin: 0 0 10px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(148, 163, 184, .28) !important;
  border-left: 3px solid rgba(71, 85, 105, .48) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-top-action-rail.is-ready,
html body.mail-body #mail-compose-modal #compose-top-action-rail.is-ready {
  border-left-color: rgba(37, 99, 235, .62) !important;
  background: #fbfdff !important;
}

html body.mail-body #mail-compose-modal .mail-compose-top-action-rail strong {
  color: #0f172a !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-top-action-rail span {
  color: #64748b !important;
  font-size: .7rem !important;
  font-weight: 560 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-top-action-rail button {
  min-height: 32px !important;
  border-radius: 0 !important;
  font-weight: 760 !important;
}

html body.mail-body #mail-compose-modal #compose-top-send-btn {
  min-width: 86px !important;
  border: 1px solid rgba(37, 99, 235, .2) !important;
  background: #2563eb !important;
  color: #fff !important;
}

html body.mail-body #mail-compose-modal #compose-top-send-btn:disabled {
  border-color: rgba(148, 163, 184, .3) !important;
  background: #eef2f7 !important;
  color: #94a3b8 !important;
}

html body.mail-body #mail-compose-modal [data-compose-top-action="draft"] {
  border: 1px solid rgba(148, 163, 184, .3) !important;
  background: #fff !important;
  color: #334155 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-summary {
  cursor: pointer !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-summary::after {
  content: "›" !important;
  min-width: 28px !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 1px solid rgba(148, 163, 184, .24) !important;
  background: #fff !important;
  color: #475569 !important;
  font-size: 1.05rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-details[open] > .tenant-settings-summary::after {
  content: "⌄" !important;
  border-color: rgba(37, 99, 235, .22) !important;
  background: #f8fafc !important;
  color: #1d4ed8 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-summary-copy strong {
  font-size: .9rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-summary-copy span {
  font-size: .76rem !important;
  line-height: 1.2 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-marketplace-hero,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-workspace > .tenant-stage-panel:first-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-overview-hero {
  min-height: 0 !important;
  padding: 22px 24px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers button:not(.secondary) {
  background: #1e40af !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-actions {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-timeline-row.is-selected .tenant-timeline-mobile-card {
  border-left-width: 4px !important;
  border-left-color: rgba(30, 64, 175, .72) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row.is-selected td {
  background: #fbfdff !important;
  box-shadow: inset 3px 0 0 rgba(30, 64, 175, .7) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row th,
html body.mail-body .hvx100-conversation-group-row th {
  border-left: 3px solid rgba(71, 85, 105, .42) !important;
  background: #f8fafc !important;
  color: #0f172a !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-action-cell .hvx100-primary-row-action {
  border-left: 3px solid rgba(30, 64, 175, .55) !important;
  background: #fff !important;
  color: #1e3a8a !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .tenant-timeline-toolbar-actions button:not(.secondary),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar button:not(.secondary):not(.tenant-calendar-day),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls button:not(.secondary),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-reports button:not(.secondary) {
  border-color: rgba(30, 64, 175, .18) !important;
  background: #1e40af !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-month-shell,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-grid,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-month-grid {
  border: 1px solid rgba(148, 163, 184, .24) !important;
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-weekdays {
  border: 1px solid rgba(148, 163, 184, .24) !important;
  border-bottom: 0 !important;
  background: #f8fafc !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-weekdays span {
  color: #475569 !important;
  font-size: .66rem !important;
  font-weight: 780 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day {
  min-height: 72px !important;
  border: 0 !important;
  border-right: 1px solid rgba(226, 232, 240, .9) !important;
  border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day.is-muted {
  background: #fbfcfe !important;
  color: #94a3b8 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day.is-selected,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day:focus-visible {
  background: #f8fafc !important;
  box-shadow: inset 0 0 0 2px rgba(30, 64, 175, .36) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day.is-today .tenant-calendar-day-number {
  display: inline-grid !important;
  width: 26px !important;
  height: 26px !important;
  place-items: center !important;
  border: 1px solid rgba(30, 64, 175, .32) !important;
  background: #eef4ff !important;
  color: #1e40af !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day-number {
  color: #0f172a !important;
  font-size: .75rem !important;
  font-weight: 760 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day-meta {
  color: #64748b !important;
  font-size: .62rem !important;
}

html body.mail-body #mail-compose-modal #compose-body {
  min-height: 92px !important;
  max-height: 116px !important;
}

html body.mail-body #mail-compose-modal .mail-compose-editor-hint,
html body.mail-body #mail-compose-modal .mail-compose-delivery-footnote,
html body.mail-body #mail-compose-modal .mail-compose-delivery-checks,
html body.mail-body #mail-compose-modal .mail-modal-check,
html body.mail-body #mail-compose-modal .mail-compose-advanced {
  display: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-attachment-shell {
  padding: 8px 10px !important;
  border: 1px solid rgba(148, 163, 184, .24) !important;
  background: #fbfcfe !important;
}

html body.mail-body #mail-compose-modal .mail-compose-attachment-toolbar p,
html body.mail-body #mail-compose-modal #compose-attachment-dropzone span,
html body.mail-body #mail-compose-modal #compose-attachment-meta {
  display: none !important;
}

html body.mail-body #mail-compose-modal #compose-attachment-dropzone {
  min-height: 30px !important;
  padding: 6px 8px !important;
  border: 1px dashed rgba(148, 163, 184, .38) !important;
  background: #fff !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 4 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto auto !important;
  gap: 8px !important;
  align-items: center !important;
  min-height: 52px !important;
  padding: 8px 0 0 !important;
  border-top: 1px solid rgba(148, 163, 184, .26) !important;
  background: #fff !important;
}

html body.mail-body #mail-compose-modal .mail-compose-footer-blocker {
  min-height: 34px !important;
  padding: 6px 8px !important;
  border: 0 !important;
  border-left: 3px solid rgba(71, 85, 105, .5) !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-footer-blocker strong {
  font-size: .72rem !important;
  font-weight: 780 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-footer-blocker span,
html body.mail-body #mail-compose-modal .hvx110-compose-prereqs {
  display: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions button {
  min-height: 34px !important;
  border-radius: 0 !important;
  font-weight: 760 !important;
}

html body.mail-body #mail-compose-modal #compose-send-btn {
  min-width: 84px !important;
  border: 1px solid rgba(30, 64, 175, .2) !important;
  background: #1e40af !important;
  color: #fff !important;
}

html body.mail-body #mail-compose-modal #compose-send-btn:disabled {
  border-color: rgba(148, 163, 184, .3) !important;
  background: #eef2f7 !important;
  color: #94a3b8 !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-mobile {
    gap: 8px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-secondary-grid.hvx155-timeline-lower-workbench {
    gap: 8px !important;
  }

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

  html body.mail-body #mail-compose-modal #compose-top-send-btn,
  html body.mail-body #mail-compose-modal [data-compose-top-action="draft"] {
    width: 100% !important;
  }
}

/* Emergency cascade correction: force final modal and calendar runtime truth. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar button.tenant-calendar-day,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-grid button.tenant-calendar-day:not(.secondary) {
  min-height: 72px !important;
  border: 0 !important;
  border-right: 1px solid rgba(226, 232, 240, .9) !important;
  border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar button.tenant-calendar-day.is-muted,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-grid button.tenant-calendar-day.is-muted:not(.secondary) {
  background: #fbfcfe !important;
  color: #94a3b8 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar button.tenant-calendar-day.is-selected,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-grid button.tenant-calendar-day.is-selected:not(.secondary) {
  background: #f8fafc !important;
  color: #0f172a !important;
  box-shadow: inset 0 0 0 2px rgba(30, 64, 175, .36) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-filter-enterprise-reset {
  position: fixed !important;
  overflow: hidden !important;
  padding-bottom: 62px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-filter-enterprise-reset .tenant-filter-section-primary {
  max-height: calc(100vh - 250px) !important;
  overflow: auto !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-filter-enterprise-reset .tenant-workspace-filter-actions {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 5 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body.mail-body #mail-compose-modal:not(.hidden) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 5000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: rgba(15, 23, 42, .28) !important;
}

html body.mail-body #mail-compose-modal.hidden {
  display: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-card,
html body.mail-body #mail-compose-modal .mail-compose-card.panel {
  width: min(940px, calc(100vw - 48px)) !important;
  max-height: calc(100vh - 48px) !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(30, 41, 59, .38) !important;
  background: #fff !important;
}

html body.mail-body #mail-compose-modal .mail-modal-layout {
  max-height: calc(100vh - 168px) !important;
  overflow: auto !important;
}

html body.mail-body #mail-compose-modal .mail-modal-main {
  padding-bottom: 86px !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Authoritative compose reset: visible form body plus non-covering footer. */
html body.mail-body #mail-compose-modal:not(.hidden) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.mail-body #mail-compose-modal .mail-compose-card,
html body.mail-body #mail-compose-modal .mail-compose-card.panel {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  width: min(940px, calc(100vw - 48px)) !important;
  height: min(780px, calc(100vh - 48px)) !important;
  max-height: calc(100vh - 48px) !important;
  overflow: hidden !important;
}

html body.mail-body #mail-compose-modal .mail-modal-hero {
  grid-row: 1 !important;
  min-height: 74px !important;
  padding: 18px 28px 14px !important;
  border-bottom: 1px solid rgba(148, 163, 184, .28) !important;
}

html body.mail-body #mail-compose-modal .mail-modal-layout {
  grid-row: 2 !important;
  display: block !important;
  min-height: 0 !important;
  width: 100% !important;
  max-height: none !important;
  overflow: hidden !important;
}

html body.mail-body #mail-compose-modal .mail-modal-main {
  display: block !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  padding: 18px 28px 88px !important;
}

html body.mail-body #mail-compose-modal .mail-compose-section,
html body.mail-body #mail-compose-modal .mail-compose-grid,
html body.mail-body #mail-compose-modal .mail-compose-grid > div,
html body.mail-body #mail-compose-modal .mail-compose-wide,
html body.mail-body #mail-compose-modal .mail-recipient-field,
html body.mail-body #mail-compose-modal .mail-compose-editor-shell,
html body.mail-body #mail-compose-modal .mail-compose-attachment-shell {
  visibility: visible !important;
  opacity: 1 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-section {
  display: block !important;
  min-height: 0 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
}

html body.mail-body #mail-compose-modal .mail-compose-quickbar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 10px !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-height: 0 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-wide {
  display: block !important;
  grid-column: 1 / -1 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid > div {
  min-width: 0 !important;
}

html body.mail-body #mail-compose-modal label {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 4px !important;
  color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 760 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
}

html body.mail-body #mail-compose-modal input,
html body.mail-body #mail-compose-modal select,
html body.mail-body #mail-compose-modal textarea,
html body.mail-body #mail-compose-modal .mail-recipient-field,
html body.mail-body #mail-compose-modal .mail-compose-editor-shell {
  min-height: 36px !important;
  border: 1px solid rgba(148, 163, 184, .34) !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal .mail-recipient-field input {
  border: 0 !important;
  min-height: 28px !important;
  background: transparent !important;
}

html body.mail-body #mail-compose-modal #compose-body {
  display: block !important;
  min-height: 118px !important;
  max-height: 160px !important;
  padding: 10px !important;
  overflow-y: auto !important;
}

html body.mail-body #mail-compose-modal .mail-compose-attachment-shell {
  display: block !important;
  min-height: 64px !important;
  padding: 10px !important;
  border: 1px solid rgba(148, 163, 184, .24) !important;
  border-radius: 6px !important;
  background: #fbfcfe !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions {
  position: absolute !important;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 20 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  height: auto !important;
  min-height: 70px !important;
  max-height: 86px !important;
  margin: 0 !important;
  padding: 12px 28px !important;
  border-top: 1px solid rgba(148, 163, 184, .28) !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 -1px 2px rgba(15, 23, 42, .04) !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions::before {
  content: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-footer-blocker,
html body.mail-body #mail-compose-modal #compose-footer-blocker {
  display: block !important;
  min-height: 36px !important;
  padding: 6px 10px !important;
  border: 0 !important;
  border-left: 3px solid rgba(71, 85, 105, .5) !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker strong,
html body.mail-body #mail-compose-modal #compose-footer-blocker span {
  display: block !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker strong {
  color: #0f172a !important;
  font-size: .72rem !important;
  font-weight: 780 !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker span {
  color: #64748b !important;
  font-size: .68rem !important;
  line-height: 1.2 !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker .hvx110-compose-prereqs {
  display: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-readiness-aside,
html body.mail-body #mail-compose-modal .mail-compose-ai-strip,
html body.mail-body #mail-compose-modal .mail-compose-identity-strip,
html body.mail-body #mail-compose-modal #compose-send-state-panel,
html body.mail-body #mail-compose-modal .mail-compose-pre-send-assurance,
html body.mail-body #mail-compose-modal .hvx155-compose-visible-action-rail {
  display: none !important;
}

html body.mail-body #mail-compose-modal [hidden],
html body.mail-body #mail-compose-modal [aria-hidden="true"],
html body.mail-body #mail-compose-modal .mail-compose-guardrail-strip,
html body.mail-body #mail-compose-modal #compose-send-blocker-banner,
html body.mail-body #mail-compose-modal #compose-pre-send-assurance,
html body.mail-body #mail-compose-modal .mail-compose-field-validation,
html body.mail-body #mail-compose-modal #compose-recipient-warning,
html body.mail-body #mail-compose-modal .mail-smart-compose {
  display: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-section-title {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 1rem !important;
  font-weight: 780 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-quickbar {
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-mailbox) {
  order: 1 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-channel) {
  order: 2 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-template),
html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-signature),
html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-classification) {
  display: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-to) {
  order: 3 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-cc) {
  order: 4 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-bcc) {
  order: 5 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-subject) {
  order: 6 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-body) {
  order: 7 !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid > div:has(#compose-attachment-dropzone) {
  order: 8 !important;
}

html body.mail-body #mail-compose-modal #compose-body {
  min-height: 142px !important;
  max-height: 190px !important;
}

@media (max-width: 760px) {
  html body.mail-body #mail-compose-modal {
    padding: 12px !important;
  }

  html body.mail-body #mail-compose-modal .mail-compose-card,
  html body.mail-body #mail-compose-modal .mail-compose-card.panel {
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }

  html body.mail-body #mail-compose-modal .mail-modal-main {
    padding: 14px 14px 124px !important;
  }

  html body.mail-body #mail-compose-modal .mail-compose-grid {
    grid-template-columns: 1fr !important;
  }

  html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions {
    grid-template-columns: 1fr 1fr !important;
    min-height: 112px !important;
    max-height: 130px !important;
    padding: 10px 14px !important;
  }

  html body.mail-body #mail-compose-modal .mail-compose-footer-blocker {
    grid-column: 1 / -1 !important;
  }
}

/* Enterprise console hardening: reduce soft-card/chip feel across scoring surfaces. */
html body.tenant-app-body[data-app-surface="workspace"] .tenant-guide-card,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-stage-summary-card,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-settings-shortcut,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-number-empty,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-number-gated,
html body.mail-body .mail-workspace-tab,
html body.mail-body .mail-compose-quick-chip {
  border-radius: 4px !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .pill,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-report-pulse span,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-number-governance-badge,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-number-empty-checklist span,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-number-gated-steps span,
html body.tenant-app-body[data-app-surface="workspace"] .tenant-settings-shortcut-state,
html body.mail-body .mail-workspace-row-pill,
html body.mail-body .mail-workspace-tab,
html body.mail-body .mail-folder-count {
  border-radius: 3px !important;
  background: #f8fafc !important;
  color: #475569 !important;
  box-shadow: none !important;
}

html body.mail-body .mail-workspace-tab.active,
html body.mail-body .mail-workspace-tab[aria-pressed="true"] {
  border-color: rgba(30, 64, 175, .3) !important;
  background: #f8fafc !important;
  color: #0f172a !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table,
html body.mail-body .hvx100-conversation-table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-table th,
html body.mail-body .hvx100-conversation-table th {
  height: 24px !important;
  padding: 5px 8px !important;
  border-color: rgba(203, 213, 225, .7) !important;
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: .66rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-workqueue-row td,
html body.mail-body .hvx100-conversation-row td {
  padding: 7px 8px !important;
  border-color: rgba(226, 232, 240, .82) !important;
  vertical-align: middle !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row th,
html body.mail-body .hvx100-conversation-group-row th {
  padding: 5px 8px !important;
  border-top-width: 1px !important;
  background: #fbfcfe !important;
  color: #475569 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-group-row.is-overdue th,
html body.mail-body .hvx100-conversation-group-row.is-owner-required th {
  background: #fff7ed !important;
  color: #9a3412 !important;
}

html body.mail-body .hvx100-conversation-open strong,
html body.mail-body .hvx100-conversation-routing strong,
html body.mail-body .hvx100-conversation-touch strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-work-cell strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-owner-cell strong,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-next-cell strong {
  font-size: .78rem !important;
  line-height: 1.15 !important;
}

html body.mail-body .hvx100-conversation-open small,
html body.mail-body .hvx100-conversation-routing small,
html body.mail-body .hvx100-conversation-touch small,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-work-cell small,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-owner-cell small,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-next-cell small {
  color: #64748b !important;
  font-size: .66rem !important;
  line-height: 1.2 !important;
}

html body.mail-body .hvx100-conversation-primary-action,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-primary-row-action,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-primary-next-action {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 4px !important;
  border-color: rgba(30, 64, 175, .32) !important;
  background: #fff !important;
  color: #1e40af !important;
  font-size: .7rem !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-card,
html body.mail-body #mail-compose-modal .mail-compose-card.panel {
  width: min(880px, calc(100vw - 56px)) !important;
  height: min(720px, calc(100vh - 56px)) !important;
}

html body.mail-body #mail-compose-modal .mail-modal-hero {
  min-height: 60px !important;
  padding: 14px 24px 12px !important;
}

html body.mail-body #mail-compose-modal .mail-modal-hero h2,
html body.mail-body #mail-compose-modal .mail-modal-hero .card-title {
  font-size: .95rem !important;
}

html body.mail-body #mail-compose-modal .hvx126-compose-title-policy {
  margin: 4px 0 0 !important;
  font-size: .78rem !important;
}

html body.mail-body #mail-compose-modal .mail-modal-main {
  padding: 14px 24px 86px !important;
}

html body.mail-body #mail-compose-modal .mail-compose-quickbar {
  gap: 4px !important;
  margin-bottom: 8px !important;
  padding-bottom: 6px !important;
}

html body.mail-body #mail-compose-modal .mail-compose-quick-chip {
  min-height: 28px !important;
  padding: 0 9px !important;
  border-color: rgba(148, 163, 184, .3) !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: .68rem !important;
}

html body.mail-body #mail-compose-modal .mail-compose-grid {
  gap: 8px !important;
}

html body.mail-body #mail-compose-modal #compose-body {
  min-height: 126px !important;
  max-height: 152px !important;
}

html body.mail-body #mail-compose-modal .mail-compose-actions.mail-modal-actions {
  min-height: 64px !important;
  max-height: 76px !important;
  padding: 10px 24px !important;
}

html body.mail-body #mail-compose-modal #compose-reset-btn {
  border: 0 !important;
  background: transparent !important;
  color: #64748b !important;
}

html body.mail-body #mail-compose-modal #compose-save-draft-btn {
  border-color: rgba(148, 163, 184, .34) !important;
  background: #fff !important;
  color: #334155 !important;
}

html body.mail-body #mail-compose-modal #compose-send-btn {
  border-color: rgba(30, 64, 175, .3) !important;
  background: #1e40af !important;
  color: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-workspace-filter,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter.tenant-filter-enterprise-reset {
  width: min(760px, calc(100vw - 48px)) !important;
  border-radius: 4px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-grid {
  gap: 10px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-workspace-filter-actions button {
  min-height: 34px !important;
  border-radius: 4px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter [data-workspace-filter-proxy="cancel"],
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter [data-workspace-filter-proxy="clear"],
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter #app-filter-clear {
  border-color: rgba(148, 163, 184, .3) !important;
  background: #fff !important;
  color: #475569 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter [data-workspace-filter-proxy="cancel"] {
  border-color: transparent !important;
  background: transparent !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter [data-workspace-filter-proxy="apply"],
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter #app-filter-apply {
  min-width: 148px !important;
  border-color: rgba(30, 64, 175, .28) !important;
  background: #1e40af !important;
  color: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter #app-filter-preview-count {
  font-size: .82rem !important;
  font-weight: 720 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter #app-filter-summary {
  font-size: .72rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-grid {
  max-height: 246px !important;
  overflow: hidden !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar button.tenant-calendar-day,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-grid button.tenant-calendar-day:not(.secondary) {
  min-height: 48px !important;
  padding: 6px 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-guide-card,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-empty-state {
  padding: 14px 20px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-inline-actions button,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-empty-actions button {
  min-height: 32px !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-empty,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-gated {
  padding: 14px 16px !important;
  border-color: rgba(203, 213, 225, .9) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-empty-checklist,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-gated-steps {
  gap: 4px !important;
  margin-top: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-empty-checklist span,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-gated-steps span {
  padding: 3px 7px !important;
  font-size: .68rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-report-summary-grid {
  gap: 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-report-summary-grid .tenant-stage-summary-card {
  padding: 12px 14px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-report-pulse {
  gap: 6px !important;
  margin: 10px 0 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-report-pulse span {
  min-height: 28px !important;
  padding: 4px 10px !important;
  border-color: rgba(203, 213, 225, .86) !important;
  font-size: .68rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-call-list-row {
  min-height: 46px !important;
  padding: 8px 10px !important;
  border-radius: 4px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut {
  min-height: 54px !important;
  padding: 10px 14px !important;
  border-color: rgba(203, 213, 225, .9) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut-state {
  min-width: 22px !important;
  padding: 2px 6px !important;
  font-size: .6rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-settings .tenant-settings-shortcut-copy small {
  color: #475569 !important;
  font-size: .7rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls a,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls button,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-primary-action,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls .tenant-inline-actions a {
  text-decoration: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls a:not(.secondary):not(.tenant-quiet-link),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls button:not(.secondary) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(30, 64, 175, .24) !important;
  border-radius: 4px !important;
  background: #1e40af !important;
  color: #fff !important;
  font-size: .76rem !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls a:not(.secondary):not(.tenant-quiet-link):hover,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calls button:not(.secondary):hover {
  background: #1d4ed8 !important;
  color: #fff !important;
  text-decoration: none !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-topbar,
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-header {
    gap: 8px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-session-menu-btn {
    padding: 4px 6px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
    padding: 10px 12px !important;
    border-radius: 4px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row small,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-mobile-operational-summary {
    font-size: .68rem !important;
    line-height: 1.2 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-secondary-grid.hvx155-timeline-lower-workbench {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-row-actions {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action {
    display: inline-flex !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(30, 64, 175, .3) !important;
    background: #fff !important;
    color: #1e40af !important;
    font-size: .72rem !important;
    font-weight: 780 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx60-mobile-status {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2px !important;
    margin-top: 6px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-ops-status {
    border-radius: 4px !important;
    padding: 8px 10px !important;
  }
}

/* Mobile Timeline completion: keep the work queue feeling operational, not sparse. */
@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-workbench,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-shell {
    min-height: auto !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-secondary-grid.hvx155-timeline-lower-workbench {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 8px !important;
    min-height: 0 !important;
    margin-top: 8px !important;
    flex: 0 0 auto !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-timeline-evidence-card,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-timeline-governance-card {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-timeline-selected-card,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-timeline-ledger-card {
    min-height: 0 !important;
    padding: 10px 12px !important;
    border-radius: 4px !important;
    border-color: rgba(203, 213, 225, .86) !important;
    background: #fff !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-timeline-selected-card p {
    margin: 4px 0 8px !important;
    font-size: .72rem !important;
    line-height: 1.25 !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-facts div,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-queue-ledger span {
    min-height: 0 !important;
    padding: 6px 8px !important;
    border-radius: 4px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-action {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 8px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-action span {
    overflow: hidden !important;
    color: #64748b !important;
    font-size: .7rem !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-action button {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-action button,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx100-mobile-primary-action {
    min-height: 32px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(30, 64, 175, .28) !important;
    border-radius: 4px !important;
    background: #1e40af !important;
    color: #fff !important;
    font-size: .72rem !important;
    font-weight: 780 !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-action button:hover,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action:hover,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx100-mobile-primary-action:hover {
    background: #1d4ed8 !important;
    color: #fff !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk {
    border-left-color: #475569 !important;
    background: #fff !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx100-mobile-severity-word {
    color: #334155 !important;
  }
}

/* Calendar primary actions: final contrast guardrail. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar button:not(.secondary):not(.tenant-calendar-day),
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar a:not(.secondary):not(.tenant-quiet-link) {
  border: 1px solid rgba(30, 64, 175, .26) !important;
  background: #1e40af !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar button:not(.secondary):not(.tenant-calendar-day) *,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar a:not(.secondary):not(.tenant-quiet-link) * {
  color: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar button:not(.secondary):not(.tenant-calendar-day):hover,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar a:not(.secondary):not(.tenant-quiet-link):hover {
  background: #1d4ed8 !important;
  color: #fff !important;
}

html body.mail-body .mail-triage-strip-title span,
html body.mail-body .mail-triage-filter-actions > span small {
  color: #64748b !important;
}

html body.mail-body .hvx100-conversation-table th {
  color: #475569 !important;
  font-weight: 780 !important;
}

html body.mail-body .hvx100-conversation-primary-action {
  border-radius: 4px !important;
}

/* Conversations scoring surface: table semantics over stacked status decoration. */
html body.mail-body .hvx100-conversation-table-shell {
  border-color: rgba(203, 213, 225, .9) !important;
  background: #fff !important;
}

html body.mail-body .hvx100-conversation-table {
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

html body.mail-body .hvx100-conversation-table th {
  height: 32px !important;
  padding: 7px 10px !important;
  border-bottom: 1px solid rgba(203, 213, 225, .9) !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: .66rem !important;
  font-weight: 820 !important;
}

html body.mail-body .hvx100-conversation-row td {
  height: 66px !important;
  padding: 9px 10px !important;
  border-bottom: 1px solid rgba(226, 232, 240, .95) !important;
  background: #fff !important;
  vertical-align: middle !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required td,
html body.mail-body .hvx100-conversation-row.is-owner-required:nth-of-type(2n) td,
html body.mail-body .hvx100-conversation-row:nth-of-type(2n) td {
  background: #fff !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required td:first-child,
html body.mail-body .hvx100-conversation-row.is-selected td:first-child,
html body.mail-body .hvx100-conversation-row.active td:first-child {
  box-shadow: inset 3px 0 0 rgba(71, 85, 105, .36) !important;
}

html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-risk,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-routing,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-action,
html body.mail-body .hvx100-conversation-routing.is-missing {
  background: #fff !important;
}

html body.mail-body .hvx100-conversation-group-row th,
html body.mail-body .hvx100-conversation-group-row.is-owner-required th,
html body.mail-body .hvx100-conversation-group-row.is-review th {
  height: 26px !important;
  padding: 5px 10px !important;
  border-top: 1px solid rgba(203, 213, 225, .9) !important;
  border-bottom: 1px solid rgba(226, 232, 240, .95) !important;
  border-left: 0 !important;
  background: #f8fafc !important;
  color: #334155 !important;
  box-shadow: inset 3px 0 0 rgba(100, 116, 139, .42) !important;
}

html body.mail-body .hvx100-conversation-group-title {
  font-size: .72rem !important;
  font-weight: 820 !important;
}

html body.mail-body .hvx100-conversation-group-row small {
  margin-left: 14px !important;
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 650 !important;
}

html body.mail-body .mail-conversation-triage.hvx18-sla-badge,
html body.mail-body .hvx100-conversation-row.is-owner-required .mail-conversation-triage.hvx18-sla-badge {
  min-width: 78px !important;
  padding: 4px 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #334155 !important;
}

html body.mail-body .mail-conversation-triage .mail-priority-indicator {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  height: 20px !important;
  margin-right: 6px !important;
  border: 1px solid rgba(148, 163, 184, .34) !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: .62rem !important;
}

html body.mail-body .mail-conversation-triage.hvx18-sla-badge strong {
  color: #334155 !important;
  font-size: .72rem !important;
  font-weight: 760 !important;
}

html body.mail-body .hvx100-conversation-subject strong {
  max-width: 100% !important;
  color: #0f172a !important;
  font-size: .84rem !important;
  font-weight: 780 !important;
}

html body.mail-body .hvx100-conversation-subject small,
html body.mail-body .hvx155-conversation-preview,
html body.mail-body .hvx100-conversation-routing small,
html body.mail-body .hvx100-conversation-touch small {
  color: #64748b !important;
  font-size: .68rem !important;
  line-height: 1.22 !important;
}

html body.mail-body .hvx155-conversation-preview {
  max-width: 560px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-conversation-routing strong,
html body.mail-body .hvx100-conversation-touch strong {
  color: #0f172a !important;
  font-size: .78rem !important;
  font-weight: 760 !important;
}

html body.mail-body .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-primary-action.is-owner {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 106px !important;
  min-height: 30px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(30, 64, 175, .24) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #1e3a8a !important;
  box-shadow: none !important;
}

html body.mail-body .hvx100-conversation-primary-action.is-owner,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action.is-owner {
  background: #1e40af !important;
  color: #fff !important;
}

html body.mail-body .hvx100-conversation-primary-action b {
  color: inherit !important;
  font-size: .7rem !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-conversation-primary-action small {
  display: none !important;
}

/* Compose send-state model: one quiet required system, not repeated warning bars. */
html body.mail-body #mail-compose-modal label[for="compose-to"],
html body.mail-body #mail-compose-modal label[for="compose-subject"],
html body.mail-body #mail-compose-modal label[for="compose-body"] {
  padding-left: 0 !important;
  border-left: 0 !important;
  color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body.mail-body #mail-compose-modal .mail-required-mark {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 18px !important;
  margin-left: 5px !important;
  padding: 0 6px !important;
  border: 1px solid rgba(148, 163, 184, .3) !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: .58rem !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body.mail-body #mail-compose-modal .mail-recipient-field.is-required-missing,
html body.mail-body #mail-compose-modal #compose-subject.is-required-missing,
html body.mail-body #mail-compose-modal #compose-body.is-required-missing,
html body.mail-body #mail-compose-modal .mail-compose-editor-shell.is-required-missing {
  border-color: rgba(148, 163, 184, .48) !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal .mail-compose-field-validation.is-pending {
  color: #64748b !important;
  font-size: .66rem !important;
}

html body.mail-body #mail-compose-modal .mail-compose-validation-summary.hvx100-compose-send-state,
html body.mail-body #mail-compose-modal #compose-send-state-panel {
  border-left: 3px solid rgba(100, 116, 139, .36) !important;
  background: #f8fafc !important;
  color: #334155 !important;
}

html body.mail-body #mail-compose-modal #compose-send-state-title,
html body.mail-body #mail-compose-modal #compose-send-state-copy {
  color: #334155 !important;
}

/* Filter drawer: one applied-state ledger, not repeated saved-view chrome. */
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-action-impact {
  color: #0f172a !important;
  font-size: .92rem !important;
  font-weight: 760 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-state-line {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: baseline !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(203, 213, 225, .9) !important;
  background: #f8fafc !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-state-line strong {
  color: #0f172a !important;
  font-size: .72rem !important;
  font-weight: 820 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-state-line span {
  color: #64748b !important;
  font-size: .68rem !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-state-line em,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-facet-tokens {
  display: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-builder-row::after {
  content: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-builder-row {
  padding: 8px 10px !important;
  gap: 6px !important;
  border-color: rgba(203, 213, 225, .9) !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-builder-row > span:first-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-workspace-filter .tenant-filter-select > span:first-child {
  color: #334155 !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
}

/* Calendar: keep candidate actions visible within the first operational viewport. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-grid,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-month-grid {
  max-height: 216px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-day,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar button.tenant-calendar-day,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-grid button.tenant-calendar-day:not(.secondary) {
  min-height: 40px !important;
  padding: 5px 8px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-empty-state {
  padding: 10px 14px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-calendar .tenant-calendar-empty-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

/* Reports: make the channel strip read as KPIs, not filters. */
html body.tenant-app-body[data-app-surface="workspace"] .tenant-report-pulse {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 10px 0 16px !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-report-pulse span {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(203, 213, 225, .9) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #0f172a !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-report-pulse span small {
  color: #64748b !important;
  font-size: .66rem !important;
  font-weight: 760 !important;
  text-transform: uppercase !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-report-pulse span strong {
  color: #0f172a !important;
  font-size: .86rem !important;
  font-weight: 820 !important;
}

/* Phone Numbers: process indicator over chip clutter. */
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-empty-checklist,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-gated-steps {
  display: inline-grid !important;
  grid-template-columns: repeat(3, auto) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(203, 213, 225, .9) !important;
  border-radius: 4px !important;
  background: #fff !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-empty-checklist span,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-gated-steps span {
  border: 0 !important;
  border-right: 1px solid rgba(226, 232, 240, .95) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #475569 !important;
  font-size: .66rem !important;
  font-weight: 760 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-empty-checklist span:last-child,
html body.tenant-app-body[data-app-surface="workspace"] #app-stage-numbers .tenant-number-gated-steps span:last-child {
  border-right: 0 !important;
}

/* Mobile Timeline: reduce stacked-border heaviness while retaining workflow action. */
@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-timeline-selected-card,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-timeline-ledger-card {
    border-color: rgba(226, 232, 240, .95) !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-timeline-selected-card {
    padding: 9px 10px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-selected-row-facts div {
    background: #f8fafc !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-timeline-secondary-grid.hvx155-timeline-lower-workbench,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-timeline-selected-card,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx155-timeline-ledger-card {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-mobile::after {
    content: "Select a row for owner, SLA, and audit details" !important;
    display: block !important;
    margin-top: 8px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    border-radius: 4px !important;
    background: #f8fafc !important;
    color: #64748b !important;
    font-size: .68rem !important;
    font-weight: 700 !important;
  }
}

/* Command Center shortcut footer: production keycap row. */
html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-hints {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-height: 34px !important;
  padding: 8px 12px !important;
  border-top: 1px solid rgba(203, 213, 225, .9) !important;
  background: #f8fafc !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-hints::before,
html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-hints span + span::before {
  content: none !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-hints span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #64748b !important;
  font-size: .68rem !important;
  font-weight: 650 !important;
}

html body.tenant-app-body[data-app-surface="workspace"] #app-command-palette .tenant-command-hints kbd {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 24px !important;
  height: 20px !important;
  padding: 0 6px !important;
  border: 1px solid rgba(148, 163, 184, .36) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: .62rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

/* Final authority: scoring-surface interaction model. Keep this block last. */
html body.mail-body .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-primary-action.is-open,
html body.mail-body .hvx100-conversation-primary-action.is-owner,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action,
html body.mail-body .hvx100-conversation-row.is-owner-required .hvx100-conversation-primary-action.is-owner {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 138px !important;
  max-width: 172px !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(30, 64, 175, .32) !important;
  border-radius: 4px !important;
  background: #1e40af !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body.mail-body .hvx100-conversation-primary-action:hover,
html body.mail-body .hvx100-conversation-primary-action:focus-visible {
  background: #1d4ed8 !important;
  border-color: rgba(30, 64, 175, .42) !important;
}

html body.mail-body .hvx100-conversation-primary-action b {
  color: inherit !important;
  font-size: .7rem !important;
  font-weight: 820 !important;
  white-space: nowrap !important;
}

html body.mail-body .hvx100-conversation-row:hover td,
html body.mail-body .hvx100-conversation-row:focus-within td {
  background: #f8fafc !important;
}

html body.mail-body .hvx100-conversation-row.active td,
html body.mail-body .hvx100-conversation-row.is-selected td {
  background: #f1f5f9 !important;
  box-shadow: inset 3px 0 0 #334155 !important;
}

html body.mail-body .hvx100-conversation-table th,
html body.mail-body .hvx100-conversation-row td {
  border-color: rgba(226, 232, 240, .96) !important;
}

html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-avatar {
  width: 42px !important;
  min-width: 42px !important;
  padding: 0 6px !important;
  border-radius: 4px !important;
  font-size: .62rem !important;
  font-weight: 820 !important;
  text-transform: uppercase !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  max-width: 460px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(203, 213, 225, .95) !important;
  border-left: 3px solid rgba(51, 65, 85, .5) !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}

html body.mail-body #mail-compose-modal #compose-footer-blocker .hvx110-compose-prereqs {
  display: none !important;
}

@media (max-width: 760px) {
  html body.tenant-app-body[data-app-surface="workspace"] .tenant-shell-identity-avatar {
    width: 42px !important;
    min-width: 42px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx50-workqueue-mobile::after {
    display: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row {
    padding: 12px 14px !important;
    border: 1px solid rgba(226, 232, 240, .98) !important;
    border-left: 3px solid #334155 !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk {
    border-left-color: #991b1b !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin-top: 10px !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx124-mobile-triage-grid span {
    min-height: 44px !important;
    padding: 7px 6px !important;
    border-radius: 4px !important;
    background: #f8fafc !important;
  }

  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-primary-action,
  html body.tenant-app-body[data-app-surface="workspace"] #app-stage-timeline .hvx100-mobile-work-row.risk .hvx100-mobile-primary-action {
    width: auto !important;
    min-width: 116px !important;
    min-height: 32px !important;
    margin-left: auto !important;
    padding: 0 12px !important;
    border: 1px solid rgba(148, 163, 184, .44) !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #334155 !important;
    box-shadow: none !important;
  }
}
