/**
 * Project detail Simple mode — matches contact overview dense form pattern.
 * Gated on #projectsWrap[data-project-overview-mode="simple"].
 */

body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .record-overview-mode-bar__back,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .record-overview-mode-bar__edit {
  display: none !important;
}

body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .record-overview-mode-bar__name {
  display: none !important;
}

/* Ghost toolbars only — KPI hero + action deck stay visible */
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .td-detail-header-ghost-inline-controls,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-detail-ghost-toolbar {
  display: none !important;
}

/* Sidebar */
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-detail-sidebar,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .deal-sidebar {
  display: none !important;
}

/* Quick rail owns navigation */
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-record-quick-add-rail {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  position: sticky !important;
  top: 8px !important;
  align-self: flex-start !important;
  z-index: 280 !important;
}

body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-detail-workspace-body {
  background: var(--ro-page-bg, #f1f5f9) !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-detail-primary-column {
  display: block !important;
  min-width: 0 !important;
}

#projectsWrap[data-project-overview-mode="simple"] .detailHeader.contact-detail-header-new {
  margin: 0 0 8px !important;
  background: #fff !important;
  border: 1px solid var(--ro-border, #e2e8f0) !important;
  border-radius: var(--ro-card-radius, 8px) !important;
}

#projectsWrap[data-project-overview-mode="simple"] .detailHeader .contact-detail-header-main {
  padding: 12px 14px !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-detail-tabs-card {
  margin-top: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-detail-tabs-header {
  padding: 0 !important;
  min-height: 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--ro-border, #e2e8f0) !important;
  background: transparent !important;
}

#projectsWrap[data-project-overview-mode="simple"] .contact-detail-tabs-body,
#projectsWrap[data-project-overview-mode="simple"] .project-tab-content {
  padding: 0 !important;
  background: var(--ro-page-bg, #f1f5f9) !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-columns-grid,
#projectsWrap[data-project-overview-mode="simple"] .contact-overview-layout-mm {
  display: block !important;
  gap: var(--ro-layout-gap, 14px) !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-left-col,
#projectsWrap[data-project-overview-mode="simple"] .project-overview-right-col {
  min-width: 0 !important;
  max-width: 100% !important;
}

#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card,
#projectsWrap[data-project-overview-mode="simple"] .project-overview-details-card {
  border: 1px solid var(--ro-border, #e2e8f0) !important;
  border-radius: var(--ro-card-radius, 8px) !important;
  box-shadow: var(--ro-card-shadow) !important;
  background: var(--ro-form-bg, #fff) !important;
  padding: 4px 0 8px !important;
  margin: 0 0 12px !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-details-card > h3 {
  display: none !important;
}

#projectsWrap[data-project-overview-mode="simple"] .contact-field-group {
  padding: 6px 10px 2px !important;
  margin: 0 !important;
  border-top: 1px solid var(--ro-border, #e2e8f0) !important;
  background: var(--ro-form-bg, #fff) !important;
}

#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card,
#projectsWrap[data-project-overview-mode="simple"] .project-overview-details-card {
  padding: 2px 0 4px !important;
  margin: 0 0 8px !important;
}

#projectsWrap[data-project-overview-mode="simple"] .detailRow,
#projectsWrap[data-project-overview-mode="simple"] .contact-field-row {
  display: grid !important;
  grid-template-columns: var(--ro-simple-label-w, 132px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: var(--ro-simple-row-h, 28px) !important;
  padding: var(--ro-simple-pad-y, 3px) var(--ro-simple-pad-x, 12px) !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}

#projectsWrap[data-project-overview-mode="simple"] .detailRow .label,
#projectsWrap[data-project-overview-mode="simple"] .contact-field-label {
  font-size: var(--ro-simple-label-font, 12px) !important;
  font-weight: 500 !important;
  color: var(--ro-label-color, #475569) !important;
  padding: 0 !important;
  text-align: left !important;
}

#projectsWrap[data-project-overview-mode="simple"] .detailRow .value {
  font-size: var(--ro-simple-font, 13px) !important;
  color: var(--ro-value-color, #0f172a) !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#projectsWrap[data-project-overview-mode="simple"] .inline-input:not([type="checkbox"]):not([type="radio"]),
#projectsWrap[data-project-overview-mode="simple"] select.inline-input,
#projectsWrap[data-project-overview-mode="simple"] textarea.inline-input {
  font-size: var(--ro-simple-font, 13px) !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  border: 1px solid var(--ro-input-border, #cbd5e1) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#projectsWrap[data-project-overview-mode="simple"] .contact-field-group:first-child {
  border-top: none !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-simple-progress-actions {
  margin-top: 2px !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-simple-progress-actions .btn.small {
  font-size: 11px !important;
  padding: 2px 8px !important;
  min-height: 22px !important;
  height: 22px !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-nextsteps-card {
  padding: 8px 12px !important;
  margin-bottom: 12px !important;
}

#projectsWrap[data-project-overview-mode="simple"] .mm-field-edit-btn {
  display: none !important;
}

@media (max-width: 768px) {
  #projectsWrap[data-project-overview-mode="simple"] .detailRow,
  #projectsWrap[data-project-overview-mode="simple"] .contact-field-row,
  #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .detailRow {
    grid-template-columns: minmax(88px, 34%) minmax(0, 1fr) !important;
  }

  #projectsWrap[data-project-overview-mode="simple"] .project-detail-workspace-body {
    padding-left: max(0px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(0px, env(safe-area-inset-right, 0px)) !important;
  }
}

/* =============================================================================
   SIMPLE FIELD ROWS — match contact overview / deal (beat Momentum record cards)
   ============================================================================= */

#projectsWrap[data-project-overview-mode="simple"] {
  --co-simple-font: var(--ro-simple-font, 13px);
  --co-simple-label-font: var(--ro-simple-label-font, 12px);
  --co-simple-row-h: var(--ro-simple-row-h, 28px);
  --co-simple-pad-x: var(--ro-simple-pad-x, 12px);
  --co-simple-pad-y: var(--ro-simple-pad-y, 3px);
  --co-simple-label-w: var(--ro-simple-label-w, 132px);
  --co-simple-input-max-w: var(--ro-simple-input-max-w, min(100%, 360px));
  --co-simple-textarea-max-w: var(--ro-simple-textarea-max-w, min(100%, 480px));
  --co-border: var(--ro-border, #e2e8f0);
  --co-label-color: var(--ro-label-color, #475569);
  --co-value-color: var(--ro-value-color, #0f172a);
  --co-section-color: var(--ro-section-color, #64748b);
  --co-input-border: var(--ro-input-border, #cbd5e1);
  --co-input-bg: var(--ro-input-bg, #ffffff);
  --co-input-readonly-bg: var(--ro-input-readonly-bg, #f8fafc);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-details-card > h3,
#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields > h3 {
  display: none !important;
}

#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-grid,
#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-grid--two,
#projectsWrap[data-project-overview-mode="simple"] .contact-overview-record-grid,
#projectsWrap[data-project-overview-mode="simple"] .contact-overview-record-grid--two {
  display: block !important;
  gap: 0 !important;
  padding: 0 !important;
  grid-template-columns: unset !important;
}

#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card,
#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card--span-2,
#projectsWrap[data-project-overview-mode="simple"] .contact-overview-record-card,
#projectsWrap[data-project-overview-mode="simple"] .contact-overview-record-card--span-2 {
  display: block !important;
  position: static !important;
  min-width: 0 !important;
  border: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  transform: none !important;
  grid-column: auto !important;
  overflow: visible !important;
}

#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .detailRow,
#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .contact-field-row,
#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields .detailRow,
#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields .contact-field-row {
  display: grid !important;
  grid-template-columns: var(--co-simple-label-w) minmax(0, 1fr) !important;
  flex-direction: unset !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: var(--co-simple-row-h) !important;
  padding: var(--co-simple-pad-y) var(--co-simple-pad-x) !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .label,
#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .contact-field-label,
#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields .detailRow .label,
#projectsWrap[data-project-overview-mode="simple"] .contact-field-label {
  font-size: var(--co-simple-label-font) !important;
  font-weight: 500 !important;
  font-family: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--co-label-color) !important;
  padding: 0 !important;
  padding-left: 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  align-self: center !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .value,
#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .contact-field-row .value,
#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields .detailRow .value,
#projectsWrap[data-project-overview-mode="simple"] .contact-field-row .value {
  display: block !important;
  flex: unset !important;
  flex-direction: unset !important;
  align-items: unset !important;
  gap: unset !important;
  font-size: var(--co-simple-font) !important;
  font-weight: 400 !important;
  font-family: inherit !important;
  color: var(--co-value-color) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  padding-right: 0 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  text-overflow: clip !important;
  overflow: visible !important;
}

#projectsWrap[data-project-overview-mode="simple"] .inline-input:not([type="checkbox"]):not([type="radio"]),
#projectsWrap[data-project-overview-mode="simple"] select.inline-input,
#projectsWrap[data-project-overview-mode="simple"] textarea.inline-input {
  font-family: inherit !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
  background: var(--co-input-bg) !important;
  color: var(--co-value-color) !important;
}

#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .inline-input[readonly],
#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) select.inline-input:disabled,
#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow:not(.multi-field-detail-row) > .value > .inline-input[readonly],
#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow:not(.multi-field-detail-row) > .value > select:disabled {
  border: 1px solid var(--co-input-border) !important;
  background: var(--co-input-readonly-bg) !important;
  box-shadow: none !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 4px 8px !important;
  font-size: var(--co-simple-font) !important;
  font-weight: 400 !important;
  -webkit-text-fill-color: var(--co-value-color) !important;
  color: var(--co-value-color) !important;
  cursor: default !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: var(--co-simple-input-max-w) !important;
  box-sizing: border-box !important;
}

#projectsWrap[data-project-overview-mode="simple"] textarea.inline-input {
  height: auto !important;
  min-height: 52px !important;
  padding: 4px 8px !important;
  resize: vertical;
}

#projectsWrap[data-project-overview-mode="simple"] .detailRow:has(textarea),
#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .detailRow:has(textarea) {
  align-items: start !important;
  min-height: 0 !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

#projectsWrap[data-project-overview-mode="simple"] .detailRow:has(textarea) .label {
  padding-top: 2px !important;
}

#projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields:not(.editing).project-overview-record-field-layout .project-overview-readonly-well {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-height: 28px !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  border: 1px solid var(--co-input-border) !important;
  border-radius: 6px !important;
  background: var(--co-input-readonly-bg) !important;
  box-shadow: none !important;
  font-size: var(--co-simple-font) !important;
  font-weight: 400 !important;
  color: var(--co-value-color) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-client-type-pill {
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 2px 6px !important;
  line-height: 1.2 !important;
}

#projectsWrap[data-project-overview-mode="simple"] .contact-field-group-title {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 4px !important;
  padding: 0 0 6px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--co-section-color) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .contact-field-group::before,
body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .contact-field-group::after,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .contact-field-group::before,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .contact-field-group::after {
  display: none !important;
  content: none !important;
  height: 0 !important;
  opacity: 0 !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card:hover,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card:hover {
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane {
  display: block !important;
  gap: var(--ro-layout-gap, 14px) !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-columns-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(min(100%, 300px), 340px) !important;
  gap: var(--ro-layout-gap, 14px) !important;
  align-items: start !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-card.project-overview-nextsteps-card {
  background: #fff !important;
  border: 1px solid var(--ro-border, #e2e8f0) !important;
  border-radius: var(--ro-card-radius, 8px) !important;
  box-shadow: var(--ro-card-shadow) !important;
}

body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .value > :not(.mm-field-edit-btn):not(.btn-add-detail-field) {
  width: 100% !important;
  max-width: var(--co-simple-input-max-w) !important;
  min-width: 0 !important;
}

/* ── Final authority: beat Momentum record-card system (styles-momentum.css ~28890) ── */
body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group-title,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group-title {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 0 6px !important;
  margin: 0 0 4px !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .contact-overview-record-grid--simple-stack,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .contact-overview-record-grid--simple-stack {
  display: block !important;
  gap: 0 !important;
  padding: 0 !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .detailRow,
body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .contact-field-row,
body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields .detailRow,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields .detailRow {
  display: grid !important;
  grid-template-columns: var(--co-simple-label-w, 132px) minmax(0, 1fr) !important;
  flex-direction: unset !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: var(--co-simple-row-h, 28px) !important;
  padding: var(--co-simple-pad-y, 3px) var(--co-simple-pad-x, 12px) !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .detailRow .label,
body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields .detailRow .label,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields .detailRow .label {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--co-label-color, #475569) !important;
  padding: 0 !important;
  padding-left: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
  position: static !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--co-value-color, #0f172a) !important;
  padding: 0 !important;
  padding-right: 0 !important;
  white-space: normal !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > .inline-input[readonly],
body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > textarea.inline-input[readonly],
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > .inline-input[readonly],
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > textarea.inline-input[readonly] {
  display: block !important;
  width: 100% !important;
  max-width: var(--co-simple-input-max-w) !important;
  box-sizing: border-box !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  border: 1px solid var(--co-input-border, #cbd5e1) !important;
  border-radius: 6px !important;
  background: var(--co-input-readonly-bg, #f8fafc) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: var(--co-value-color, #0f172a) !important;
  -webkit-text-fill-color: var(--co-value-color, #0f172a) !important;
  opacity: 1 !important;
}

body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > textarea.inline-input[readonly] {
  height: auto !important;
  min-height: 52px !important;
}

body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-simple-progress-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  margin-top: 2px !important;
}

body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-simple-progress-actions .btn.small {
  font-size: 11px !important;
  padding: 2px 8px !important;
  min-height: 22px !important;
  height: 22px !important;
}

/* ── Next Steps: dense checklist (simple mode) ── */
#projectsWrap[data-project-overview-mode="simple"] .project-overview-nextsteps-card--simple {
  padding: 8px 10px !important;
  margin-bottom: 0 !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-nextsteps-card--simple .project-overview-section-title {
  font-size: 12px !important;
  font-weight: 600 !important;
  margin: 0 0 6px !important;
  line-height: 1.2 !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-step-list--simple {
  display: block !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--ro-border, #e2e8f0) !important;
  border-radius: 6px !important;
  background: #fff !important;
  overflow: hidden !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-step-row--simple {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 22px !important;
  padding: 1px 5px !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--ro-border, #e2e8f0) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-step-row--simple:last-child {
  border-bottom: none !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-step-row--simple.is-complete {
  background: transparent !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-step-index--simple {
  flex-shrink: 0 !important;
  width: 14px !important;
  min-width: 14px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #94a3b8 !important;
  text-align: center !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-step-row--simple.is-complete .project-overview-step-index--simple {
  color: #16a34a !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-step-body--simple {
  display: flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  line-height: 1.2 !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-step-title--simple {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #0f172a !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-step-meta--simple {
  font-size: 10px !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-step-action--simple {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-step-btn--simple {
  font-size: 10px !important;
  font-weight: 500 !important;
  padding: 0 5px !important;
  min-height: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
  line-height: 18px !important;
  border-radius: 3px !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-step-complete--simple {
  font-size: 10px !important;
  font-weight: 500 !important;
  color: #16a34a !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-step-meta--inline {
  font-size: 10px !important;
  color: #94a3b8 !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-simple-aside-links {
  margin-top: 6px !important;
  padding: 0 2px !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-simple-link-btn {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

#projectsWrap[data-project-overview-mode="simple"] .project-overview-simple-link-btn:hover {
  color: #0f172a !important;
  text-decoration: underline !important;
}

/* Beat Momentum per-step card + 40px CTA styling in simple mode */
body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-nextsteps-card--simple,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-nextsteps-card--simple {
  padding: 6px 8px !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-step-list--simple,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-step-list--simple {
  display: block !important;
  gap: 0 !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row.project-overview-step-row--simple,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row.project-overview-step-row--simple {
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
  row-gap: 0 !important;
  min-height: 22px !important;
  padding: 1px 5px !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--ro-border, #e2e8f0) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row.project-overview-step-row--simple:last-child,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row.project-overview-step-row--simple:last-child {
  border-bottom: none !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row--simple .project-overview-step-btn.project-overview-step-btn--simple,
body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row--simple .btn.small.project-overview-step-btn,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row--simple .project-overview-step-btn.project-overview-step-btn--simple,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row--simple .btn.small.project-overview-step-btn {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  padding: 0 5px !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row--simple .project-overview-step-btn.project-overview-step-btn--simple:hover,
body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row--simple .btn.small.project-overview-step-btn:hover,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row--simple .project-overview-step-btn.project-overview-step-btn--simple:hover,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row--simple .btn.small.project-overview-step-btn:hover {
  box-shadow: none !important;
  transform: none !important;
}

body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row--simple .project-overview-step-btn.project-overview-step-btn--simple:active,
body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row--simple .btn.small.project-overview-step-btn:active,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row--simple .project-overview-step-btn.project-overview-step-btn--simple:active,
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row--simple .btn.small.project-overview-step-btn:active {
  transform: none !important;
}

@media (max-width: 520px) {
  body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row--simple .btn.small.project-overview-step-btn,
  body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-pane .project-overview-step-row--simple .btn.small.project-overview-step-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 18px !important;
    justify-self: auto !important;
  }
}

/* =============================================================================
   PASS 4 — Project simple polish (shared rules in record-overview-simple-shared.css)
   ============================================================================= */
body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] {
  --co-simple-input-max-w: 100%;
}

body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .project-overview-readonly-well {
  min-height: var(--co-simple-control-h, 30px) !important;
  padding: var(--co-simple-control-pad, 5px 10px) !important;
  border-radius: var(--co-simple-control-radius, 6px) !important;
  max-width: 100% !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-nextsteps-card--simple {
  border: 1px solid var(--ro-border, #e2e8f0) !important;
  border-radius: var(--ro-card-radius, 8px) !important;
  box-shadow: var(--ro-card-shadow) !important;
  background: #fff !important;
}

body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-simple-link-btn {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--ro-accent, #2563eb) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.project-overview-simple-page #projectsWrap[data-project-overview-mode="simple"] .project-overview-simple-link-btn:hover {
  color: #1d4ed8 !important;
}