/**
 * Contact overview Simple mode — compact professional data-entry form.
 * Gated on #detailPanel[data-contact-overview-mode="simple"].
 */

#detailPanel[data-contact-overview-mode="simple"] {
  --co-simple-font: 13px;
  --co-simple-label-font: 12px;
  --co-simple-row-h: 28px;
  --co-simple-pad-x: 12px;
  --co-simple-pad-y: 3px;
  --co-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: #e2e8f0;
  --co-border-strong: #cbd5e1;
  --co-page-bg: #f1f5f9;
  --co-form-bg: #ffffff;
  --co-label-color: #475569;
  --co-value-color: #0f172a;
  --co-section-color: #64748b;
  --co-input-border: #cbd5e1;
  --co-input-bg: #ffffff;
  --co-input-readonly-bg: #f8fafc;
  --co-accent: #2563eb;
  --co-edit-btn-bg: #0f172a;
  --co-edit-btn-bg-hover: #1e293b;
  --co-edit-btn-border: #0f172a;
  --co-edit-btn-color: #ffffff;
  --co-layout-gap: 14px;
  --co-notes-rail-min: 300px;
  --co-card-radius: 8px;
  --co-card-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 14px rgba(15, 23, 42, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Progressive disclosure — one clean card; no nested title chrome */
#detailPanel .contact-field-group--progressive {
  display: block;
  padding: 6px 12px !important;
  margin: 0 !important;
  border: none !important;
  border-top: 1px solid var(--co-border, #e2e8f0) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

#detailPanel .contact-overview-progressive-section {
  border: 1px solid var(--co-border, #e2e8f0);
  border-radius: var(--co-card-radius, 8px);
  background: var(--co-form-bg, #fff);
  overflow: hidden;
  box-shadow: none;
}

#detailPanel .contact-overview-progressive-section__summary {
  list-style: none;
  cursor: pointer;
  outline: none;
}

#detailPanel .contact-overview-progressive-section__summary::-webkit-details-marker {
  display: none;
}

#detailPanel .contact-overview-progressive-section__summary .contact-field-group-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  min-height: 0 !important;
  height: auto !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
}

#detailPanel .contact-overview-progressive-section[open] .contact-overview-progressive-section__summary .contact-field-group-title {
  border-bottom: 1px solid var(--co-border, #e2e8f0) !important;
}

#detailPanel .contact-overview-progressive-section__summary .contact-field-group-title-main {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 6px !important;
}

#detailPanel .contact-overview-progressive-section__summary .contact-field-group-title-text {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--co-section-color, #64748b) !important;
  line-height: 1.2 !important;
}

#detailPanel .contact-overview-progressive-section__summary .contact-field-group-title::after {
  content: "Show";
  flex-shrink: 0 !important;
  margin-left: auto !important;
  padding: 4px 10px;
  border: 1px solid var(--co-border-strong, #cbd5e1);
  border-radius: 999px;
  color: #475569;
  background: #fff;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

#detailPanel .contact-overview-progressive-section__summary:hover .contact-field-group-title::after {
  background: #f8fafc;
  border-color: #94a3b8;
  color: #334155;
}

#detailPanel .contact-overview-progressive-section[open] .contact-overview-progressive-section__summary .contact-field-group-title::after {
  content: "Hide";
}

#detailPanel .contact-overview-progressive-section__body {
  padding: 10px 14px 12px;
}

/* Beat Momentum card chrome on progressive wrappers */
body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group--progressive,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group--progressive {
  padding: 6px 12px !important;
  border: none !important;
  border-top: 1px solid var(--co-border, #e2e8f0) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section__summary .contact-field-group-title,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section__summary .contact-field-group-title {
  padding: 10px 14px !important;
  padding-top: 10px !important;
  margin: 0 !important;
  min-height: 0 !important;
  border-bottom: none !important;
  background: transparent !important;
}

body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section__summary .contact-field-group-title-text,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section__summary .contact-field-group-title-text {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  color: var(--co-section-color, #64748b) !important;
}

/* Keep the established six-card KPI model in both modes; Simple reduces field depth below it. */
#detailPanel[data-contact-overview-mode="simple"] .crm-overview-hero__status-card-shell--financials,
#detailPanel[data-contact-overview-mode="simple"] .crm-overview-hero__status-card-shell--client-room,
#detailPanel[data-contact-overview-mode="simple"] .crm-overview-hero__status-card-shell--projects {
  display: flex !important;
}

/* ── Persistent mode bar ── */
.contact-overview-mode-bar {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px 10px;
  padding: 6px 12px;
  margin: 0 0 0;
  border: 1px solid var(--co-border, #e2e8f0);
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
  min-width: 0;
  position: relative;
  min-height: 36px;
  font-family: inherit;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.contact-overview-mode-bar[hidden] {
  display: none !important;
}

.contact-overview-mode-bar--advanced {
  justify-content: center;
  padding: 5px 10px;
  margin: 0 0 8px;
}

.contact-overview-mode-bar--advanced .contact-overview-mode-bar__simple-only {
  display: none !important;
}

/* Simple bar: always grid — never absolute-center the toggle */
.contact-overview-mode-bar--simple {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  gap: 8px 10px !important;
  flex-wrap: unset !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

.contact-overview-mode-bar--simple .contact-overview-mode-bar__start {
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  flex: unset;
  padding-right: 0;
}

.contact-overview-mode-bar--simple .contact-overview-mode-bar__end {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  margin-left: 0;
  flex: unset;
}

.contact-overview-mode-bar--simple .contact-overview-mode-bar__toggle {
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  width: auto;
}

.contact-overview-mode-bar__start,
.contact-overview-mode-bar__end {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  z-index: 0;
}

.contact-overview-mode-bar__start {
  flex: 1 1 auto;
  padding-right: 120px;
}

.contact-overview-mode-bar__end {
  flex: 0 0 auto;
  margin-left: auto;
}

.contact-overview-mode-bar__toggle {
  position: static;
  left: auto;
  top: auto;
  transform: none;
  z-index: 2;
  flex: 0 0 auto;
  pointer-events: auto;
  display: flex;
  justify-content: center;
}

.contact-overview-mode-bar--advanced .contact-overview-mode-bar__toggle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 768px) {
  #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-bar--simple,
  #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-bar--simple.contact-overview-mode-bar--stacked,
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-bar--simple {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 8px 10px !important;
    flex-wrap: unset !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 12px !important;
    padding: 8px 10px 10px !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-bar--simple .contact-overview-mode-bar__start,
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-bar--simple .contact-overview-mode-bar__start {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    flex: unset !important;
    padding-right: 0 !important;
  }

  #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-bar--simple .contact-overview-mode-bar__end,
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-bar--simple .contact-overview-mode-bar__end {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin-left: 0 !important;
    flex: unset !important;
  }

  #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-bar--simple .contact-overview-mode-bar__toggle,
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-bar--simple .contact-overview-mode-bar__toggle {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding-top: 2px !important;
    justify-content: center !important;
  }
}

.contact-overview-mode-bar--simple.contact-overview-mode-bar--stacked {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  margin-bottom: 12px !important;
  padding: 8px 10px 10px !important;
  min-height: 0 !important;
  height: auto !important;
}

.contact-overview-mode-bar--simple.contact-overview-mode-bar--stacked .contact-overview-mode-bar__start {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
}

.contact-overview-mode-bar--simple.contact-overview-mode-bar--stacked .contact-overview-mode-bar__end {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
}

.contact-overview-mode-bar--simple.contact-overview-mode-bar--stacked .contact-overview-mode-bar__toggle {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  position: static !important;
  transform: none !important;
  width: 100% !important;
  padding-top: 4px !important;
  justify-content: center !important;
}

.contact-overview-mode-bar__btn {
  flex: 0 0 auto;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  border: 1px solid var(--co-border-strong, #cbd5e1);
  border-radius: 6px;
  background: #fff;
  color: #334155;
  cursor: pointer;
  box-shadow: none;
}

.contact-overview-mode-bar__btn:hover {
  background: #f8fafc;
  border-color: #94a3b8;
}

.contact-overview-mode-bar__edit:not(.contact-overview-mode-bar__edit--save) {
  background: var(--co-edit-btn-bg, #0f172a);
  border-color: var(--co-edit-btn-border, #0f172a);
  color: var(--co-edit-btn-color, #fff);
}

.contact-overview-mode-bar__edit:not(.contact-overview-mode-bar__edit--save):hover {
  background: var(--co-edit-btn-bg-hover, #1e293b);
  border-color: var(--co-edit-btn-bg-hover, #1e293b);
  color: var(--co-edit-btn-color, #fff);
}

.contact-overview-mode-bar__edit--save {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}

.contact-overview-mode-bar__edit--save:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
}

.contact-overview-mode-bar__name {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 12px;
  font-weight: 700;
  color: #0f172a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Segmented toggle */
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-toggle {
  border: 1px solid var(--co-border-strong, #cbd5e1) !important;
  border-radius: 6px !important;
  background: #f1f5f9 !important;
  overflow: hidden !important;
  padding: 2px !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-btn {
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  color: #64748b !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-btn:last-child {
  border-right: none !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-btn.contact-overview-mode-btn--active {
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
}

/* ── Simple mode: keep identity header + kebab menu; hide advanced action chrome ── */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] #detailHeaderAiStrip,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] #detailTopRightButtons,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-header-center,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] [data-mm-deal-doctor-btns] {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

/* Right column: icon-only … menu (reuses advanced header actions dropdown) */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-header-actions-column {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  align-self: flex-start !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  overflow: visible !important;
  visibility: visible !important;
}

#detailPanel[data-contact-overview-mode="simple"] #detailHeaderActions {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  flex-wrap: nowrap !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Hide compose / edit / snapshot — keep kebab + hidden wiring controls in DOM */
#detailPanel[data-contact-overview-mode="simple"] #detailHeaderActions > *:not(.detail-actions-dropdown) {
  display: none !important;
}

#detailPanel[data-contact-overview-mode="simple"] .detail-actions-dropdown {
  display: inline-flex !important;
  position: relative !important;
}

#detailPanel[data-contact-overview-mode="simple"] .detail-actions-dropdown > .td-contact-header-kebab-btn {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  border: 1px solid var(--co-border-strong, #cbd5e1) !important;
  background: #fff !important;
  color: #64748b !important;
  box-shadow: none !important;
}

#detailPanel[data-contact-overview-mode="simple"] .detail-actions-dropdown > .td-contact-header-kebab-btn:hover {
  background: #f8fafc !important;
  border-color: #94a3b8 !important;
  color: #334155 !important;
}

#detailPanel[data-contact-overview-mode="simple"] #detailHeaderActions.contact-detail-header-toolbar-mounted {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-top: none !important;
  align-self: flex-start !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
}

@media (max-width: 767px) {
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detailHeader.contact-detail-header-new .contact-detail-header-main {
    flex-direction: row !important;
    align-items: flex-start !important;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-header-actions-column {
    width: auto !important;
    max-width: none !important;
    align-items: flex-end !important;
  }
}

/* Left quick rail owns Back / Edit / Save — hide duplicate mode-bar controls */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-bar__back,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-bar__edit {
  display: none !important;
}

/* Shell + rail layout (match advanced contact record) */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-record-shell {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: 4px !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-record-main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-record-quick-rail {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  position: sticky !important;
  top: 8px !important;
  align-self: flex-start !important;
  z-index: 280 !important;
}

/* Compact identity header — avatar, name, phone, email only */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detailHeader.contact-detail-header-new {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 0 8px !important;
  overflow: visible !important;
  visibility: visible !important;
  height: auto !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detailHeader.contact-detail-header-new .metaWrap.contact-detail-header-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detailHeader.contact-detail-header-new .contact-detail-header-main {
  padding: 12px 14px !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detailHeader.contact-detail-header-new .contact-detail-header-main-left {
  flex: 1 1 auto !important;
  max-width: 100% !important;
}

/* Name already shown in header — trim duplicate from mode bar */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-bar__name {
  display: none !important;
}

/* Playbook / milestone banners / portal card stay hidden — KPI hero + action deck remain visible */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-playbook,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] [data-bc-contact-milestone],
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .book-client-contact-milestone-banner,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-portal-card-mount {
  display: none !important;
}

#detailPanel[data-contact-overview-mode="simple"] .mm-mobile-bar,
#detailPanel[data-contact-overview-mode="simple"] .mm-field-edit-btn,
#detailPanel[data-contact-overview-mode="simple"] .mm-overview-seg {
  display: none !important;
}

/* ── Detail content: classic desktop form shell ── */
#detailPanel[data-contact-overview-mode="simple"] #detailContent {
  padding: 12px 12px 12px max(0px, env(safe-area-inset-left, 0px)) !important;
  background: var(--co-page-bg) !important;
  font-family: inherit !important;
}

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

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

#detailPanel[data-contact-overview-mode="simple"] .contact-detail-tab-btn {
  padding: 6px 14px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  min-height: 0 !important;
  border-radius: 6px 6px 0 0 !important;
  font-family: inherit !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  color: #64748b !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-detail-tab-btn.is-active,
#detailPanel[data-contact-overview-mode="simple"] .contact-detail-tab-btn.active {
  background: transparent !important;
  color: #0f172a !important;
  border-bottom-color: #2563eb !important;
  font-weight: 600 !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-detail-tabs-body {
  padding: 0 !important;
  background: var(--co-page-bg) !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-detail-tab-panel[data-contact-detail-tab="overview"] {
  padding: 0 !important;
}

/* ── Overview: fields left, notes right (stack when pane is narrow) ── */
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-stack {
  gap: 12px !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-overview-layout {
  display: grid !important;
  gap: var(--co-layout-gap, 14px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 100% !important;
  margin: 0 !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-overview-left,
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-right {
  min-width: 0;
}

@supports (container-type: inline-size) {
  @container detail-pane (min-width: 920px) {
    #detailPanel[data-contact-overview-mode="simple"] .contact-overview-layout {
      grid-template-columns: minmax(0, 1.18fr) minmax(var(--co-notes-rail-min, 300px), 0.82fr) !important;
      gap: var(--co-layout-gap, 14px) !important;
    }

    body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-right {
      position: sticky !important;
      top: clamp(8px, 1.5vmin, 16px) !important;
      align-self: start !important;
      z-index: 2 !important;
    }

    body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card {
      max-height: calc(100dvh - clamp(88px, 15vh, 168px)) !important;
      min-height: min(280px, 42vh) !important;
      display: flex !important;
      flex-direction: column !important;
      overflow: hidden !important;
    }

    body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .overview-note-composer {
      flex: 0 0 auto !important;
    }

    body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .pinned-notes-wrap,
    body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.detailSection.contact-details-card > div:nth-last-child(2):not(.contact-activity-feed):not(.overview-note-composer):not(.contact-overview-save-first) {
      flex: 0 1 auto !important;
      min-height: 0 !important;
      max-height: min(34vh, 260px) !important;
      overflow-x: hidden !important;
      overflow-y: auto !important;
      -webkit-overflow-scrolling: touch !important;
    }

    body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .contact-activity-feed {
      flex: 1 1 auto !important;
      min-height: 80px !important;
      max-height: none !important;
      overflow-x: hidden !important;
      overflow-y: auto !important;
      -webkit-overflow-scrolling: touch !important;
    }
  }

  @container detail-pane (min-width: 1180px) {
    #detailPanel[data-contact-overview-mode="simple"] .contact-overview-layout {
      grid-template-columns: minmax(0, 1.22fr) minmax(340px, 0.78fr) !important;
      gap: 16px !important;
    }
  }
}

@supports not (container-type: inline-size) {
  @media (min-width: 768px) {
    #detailPanel[data-contact-overview-mode="simple"] .contact-overview-layout {
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
    }
  }
}

#detailPanel[data-contact-overview-mode="simple"] .contact-portal-card-mount,
#detailPanel[data-contact-overview-mode="simple"] .contact-form-welcome,
#detailPanel[data-contact-overview-mode="simple"] .profile-completeness-banner {
  display: none !important;
}

/* ── Main form card ── */
#detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card {
  border: 1px solid var(--co-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
  background: var(--co-form-bg) !important;
  padding: 4px 0 8px !important;
  margin: 0 !important;
  overflow: visible !important;
}

#detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card::before {
  content: none !important;
  display: none !important;
}

#detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card {
  border: 1px solid var(--co-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
  background: var(--co-form-bg) !important;
  padding: 4px 0 8px !important;
  margin: 0 !important;
}

#detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card::before {
  content: none !important;
  display: none !important;
}

#detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .related-section-header {
  display: none !important;
}

/* ── Section groups ── */
#detailPanel[data-contact-overview-mode="simple"] .contact-field-group {
  position: relative !important;
  padding: 8px 12px 4px !important;
  margin: 0 !important;
  border: none !important;
  border-top: 1px solid var(--co-border) !important;
  box-shadow: none !important;
  background: var(--co-form-bg) !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-field-group--progressive {
  padding: 6px 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}

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

#detailPanel[data-contact-overview-mode="simple"] .contact-field-group + .contact-field-group {
  border-top: 1px solid var(--co-border) !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-field-group > h3,
#detailPanel[data-contact-overview-mode="simple"] .contact-field-group__title,
#detailPanel[data-contact-overview-mode="simple"] .contact-field-group-title {
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 0 !important;
  height: auto !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--co-section-color) !important;
  padding: 0 0 6px !important;
  margin: 0 0 2px !important;
  border: none !important;
  border-bottom: none !important;
  background: transparent !important;
  line-height: 1.2 !important;
  z-index: 0;
  width: 100% !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-field-group-title svg {
  display: none !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-field-group-title-subtitle,
#detailPanel[data-contact-overview-mode="simple"] .contact-field-group-title-actions .contact-overview-field-hint {
  display: none !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-field-group-title--split {
  position: static !important;
  width: 100% !important;
  margin: 0 0 4px !important;
  padding: 0 0 6px !important;
  border-bottom: none !important;
  top: auto !important;
  left: auto !important;
}

#detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .crm-contact-panel-subtitle {
  display: none !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-field-group-title-actions:has(#__detailTagsPicker) {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  justify-content: flex-end !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags.tagPicker {
  min-height: 0 !important;
  padding: 0 !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-record-meta-group {
  display: none !important;
}

/* Enrichment and lead-intake depth remain available in Advanced mode. */
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-card--lead-date,
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-card--lead-from,
#detailPanel[data-contact-overview-mode="simple"] .apollo-additional-details-wrap {
  display: none !important;
}

/* Point Focused users at Full for hard-hidden lead/enrichment fields (not for multi phones/emails). */
#detailPanel[data-contact-overview-mode="simple"] .contact-focused-full-affordance {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin: 8px 12px 10px;
  padding: 8px 12px;
  border: 1px solid var(--co-border-strong, #cbd5e1);
  border-radius: 8px;
  background: #f8fafc;
}

#detailPanel:not([data-contact-overview-mode="simple"]) .contact-focused-full-affordance {
  display: none !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-focused-full-affordance__copy {
  margin: 0;
  flex: 1 1 180px;
  font-size: 12px;
  line-height: 1.35;
  color: #475569;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-focused-full-affordance__btn {
  flex: 0 0 auto;
  margin: 0;
  padding: 5px 10px;
  border: 1px solid var(--co-border-strong, #cbd5e1);
  border-radius: 6px;
  background: #fff;
  color: #1e293b;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-focused-full-affordance__btn:hover {
  border-color: var(--co-accent, #2563eb);
  color: var(--co-accent, #2563eb);
}

/* Apollo additional details — inline collapsible, not a field-group card */
#detailPanel[data-contact-overview-mode="simple"] .apollo-additional-details-wrap {
  position: static !important;
  margin: 0 !important;
  padding: 0 12px 4px !important;
  border: none !important;
  border-top: 1px solid var(--co-border) !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

@media (max-width: 767px) {
  #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tab-btn {
    min-height: 44px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
}

#detailPanel[data-contact-overview-mode="simple"] .apollo-additional-details-panel {
  border: none;
  border-radius: 0;
  background: transparent;
}

#detailPanel[data-contact-overview-mode="simple"] .apollo-additional-details-summary {
  padding: 10px 0;
  min-height: 36px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--co-section-color);
  gap: 6px;
}

#detailPanel[data-contact-overview-mode="simple"] .apollo-additional-details-list {
  padding: 0 0 8px;
  border-top: none;
  gap: 8px;
}

#detailPanel[data-contact-overview-mode="simple"] .apollo-additional-details-item {
  grid-template-columns: var(--co-simple-label-w, 120px) minmax(0, 1fr);
  gap: 8px 10px;
  padding: 4px 0;
}

#detailPanel[data-contact-overview-mode="simple"] .apollo-additional-details-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--co-label-color);
  align-self: start;
}

#detailPanel[data-contact-overview-mode="simple"] .apollo-additional-details-value {
  font-size: 13px;
  align-self: start;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-grid,
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-grid--two,
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-grid--single,
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-grid--location-links,
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-grid--lead-pipeline,
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-grid--person-who {
  display: block !important;
  gap: 0 !important;
  padding: 0 !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-card,
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-card--span-2,
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-card--primary,
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-card--contact-methods-pair {
  display: block !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

#detailPanel[data-contact-overview-mode="simple"] .detailRow,
#detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row,
#detailPanel[data-contact-overview-mode="simple"] .contact-field-row {
  display: grid !important;
  grid-template-columns: var(--co-simple-label-w) minmax(0, 1fr) !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;
}

#detailPanel[data-contact-overview-mode="simple"] .detailRow .label,
#detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row .label,
#detailPanel[data-contact-overview-mode="simple"] .contact-field-row .label,
#detailPanel[data-contact-overview-mode="simple"] .contact-field-row .contact-field-label {
  font-size: var(--co-simple-label-font) !important;
  font-weight: 500 !important;
  font-family: inherit !important;
  color: var(--co-label-color) !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

#detailPanel[data-contact-overview-mode="simple"] .detailRow .value,
#detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row .value,
#detailPanel[data-contact-overview-mode="simple"] .contact-field-row .value {
  font-size: var(--co-simple-font) !important;
  font-family: inherit !important;
  color: var(--co-value-color) !important;
  min-height: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

#detailPanel[data-contact-overview-mode="simple"] .detailRow .value .inline-input:not([type="checkbox"]):not([type="radio"]),
#detailPanel[data-contact-overview-mode="simple"] .detailRow .value select.inline-input,
#detailPanel[data-contact-overview-mode="simple"] .detailRow .value textarea.inline-input,
#detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row .value .inline-input:not([type="checkbox"]):not([type="radio"]),
#detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row .value select.inline-input {
  width: 100% !important;
  max-width: var(--co-simple-input-max-w) !important;
  box-sizing: border-box !important;
}

#detailPanel[data-contact-overview-mode="simple"] .inline-input:not([type="checkbox"]):not([type="radio"]),
#detailPanel[data-contact-overview-mode="simple"] select.inline-input,
#detailPanel[data-contact-overview-mode="simple"] textarea.inline-input {
  font-size: var(--co-simple-font) !important;
  font-family: inherit !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  border: 1px solid var(--co-input-border) !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
  background: var(--co-input-bg) !important;
  color: var(--co-value-color) !important;
}

#detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .inline-input[readonly],
#detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) select.inline-input:disabled,
#detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) select:disabled,
#detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow:not(.multi-field-detail-row) > .value > .inline-input[readonly],
#detailPanel[data-contact-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;
  -webkit-text-fill-color: var(--co-value-color) !important;
  color: var(--co-value-color) !important;
  cursor: default !important;
  opacity: 1 !important;
}

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

#detailPanel[data-contact-overview-mode="simple"] .detailRow:has(textarea),
#detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row {
  align-items: start !important;
  min-height: 0 !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

#detailPanel[data-contact-overview-mode="simple"] .detailRow:has(textarea) .label,
#detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row .label {
  padding-top: 2px !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-method-chips {
  gap: 0 !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-method-chip {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  gap: 0 !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-grid--lead-tags > .contact-overview-record-card .detailRow .value,
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-grid--lead-tags select.inline-input,
#detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-grid--lead-tags .tagPicker {
  min-height: 20px !important;
  padding: 0 !important;
}

#detailPanel[data-contact-overview-mode="simple"] .detail-multi-field-list {
  gap: 0 !important;
}

#detailPanel[data-contact-overview-mode="simple"] .detail-multi-field-entry {
  gap: 2px 4px !important;
  padding: 1px 0 !important;
}

#detailPanel[data-contact-overview-mode="simple"] .detailRow > .value > .contact-overview-field-hint {
  display: none !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-status-help-btn,
#detailPanel[data-contact-overview-mode="simple"] .contact-field-hint-btn {
  width: 16px !important;
  height: 16px !important;
  font-size: 10px !important;
  flex-shrink: 0 !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-edit-footer {
  margin: 8px 10px 0 !important;
  padding: 8px 10px 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  gap: 8px !important;
  background: transparent !important;
  justify-content: flex-end !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-edit-footer .btn {
  min-height: 32px !important;
  padding: 6px 16px !important;
  font-size: 13px !important;
  font-family: inherit !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  border: 1px solid var(--co-border-strong) !important;
  box-shadow: none !important;
  color: #334155 !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-edit-footer .btn:not(.secondary):not(.cancel) {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-edit-footer .btn.secondary,
#detailPanel[data-contact-overview-mode="simple"] .contact-edit-footer .btn.cancel {
  background: #fff !important;
}

/* Notes panel: compact activity composer */
#detailPanel[data-contact-overview-mode="simple"] .overview-note-composer [data-ov-voice-banner] {
  display: none !important;
}

.contact-overview-simple-bar {
  display: none !important;
}

#detailPanel[data-contact-overview-mode="simple"] .overview-note-composer {
  margin: 8px 12px !important;
  padding: 0 !important;
  border: 1px solid var(--co-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  background: var(--co-form-bg) !important;
}

#detailPanel[data-contact-overview-mode="simple"] .overview-note-composer textarea {
  font-size: 13px !important;
  font-family: inherit !important;
  min-height: 64px !important;
  padding: 8px !important;
  border: 1px solid var(--co-input-border) !important;
  border-radius: 6px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-activity-feed {
  padding: 0 12px 10px !important;
  max-height: min(32vh, 240px);
  overflow-y: auto;
  background: var(--co-form-bg) !important;
  font-family: inherit !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-activity-item {
  padding: 6px 8px !important;
  margin: 0 0 4px !important;
  border: 1px solid var(--co-border) !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  box-shadow: none !important;
  background: #fff !important;
}

#detailPanel[data-contact-overview-mode="simple"] .last-engaged-label-format {
  font-size: 10px !important;
}

/* Non-overview tabs: card chrome in record-overview-simple-shared.css PASS 4b */

@media (max-width: 767px) {
  #detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-grid,
  #detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-grid--two,
  #detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-grid--single {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #detailPanel[data-contact-overview-mode="simple"] .detailRow,
  #detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row {
    grid-template-columns: minmax(88px, 34%) minmax(0, 1fr) !important;
  }

  #detailPanel[data-contact-overview-mode="simple"] .detailRow .label,
  #detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row .label {
    text-align: left !important;
    padding-right: 0 !important;
  }

  .contact-overview-mode-bar {
    padding: 6px 8px;
  }
}

/* Beat Momentum record-card chrome in Simple mode */
body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card {
  border: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  transform: none !important;
}

body[data-theme="momentum"] #detailPanel[data-contact-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[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .detailRow,
body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .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;
  border: none !important;
  background: transparent !important;
}

body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .label,
body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .contact-field-label {
  font-size: var(--co-simple-label-font) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--co-label-color) !important;
  padding: 0 !important;
  text-align: left !important;
}

body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group-title {
  position: static !important;
  top: auto !important;
  left: auto !important;
  min-height: 0 !important;
  padding: 0 0 6px !important;
  background: transparent !important;
  border: none !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--co-section-color) !important;
}

body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow:not(.multi-field-detail-row) > .value > .inline-input[readonly],
body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow:not(.multi-field-detail-row) > .value > select:disabled,
body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card--field-inline .detailRow:not(.multi-field-detail-row) > .value > select:disabled,
body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card--field-inline .detailRow:not(.multi-field-detail-row) > .value > .inline-input[readonly] {
  padding: 4px 8px !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  border: 1px solid var(--co-input-border) !important;
  background: var(--co-input-readonly-bg) !important;
  min-height: 28px !important;
  height: 28px !important;
}

/* =============================================================================
   FULL-PAGE SIMPLE MODE — beats Momentum contact overview (loaded last in head)
   ============================================================================= */
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group {
  position: relative !important;
  margin: 0 !important;
  padding: 8px 12px 4px !important;
  border: none !important;
  border-top: 1px solid var(--co-border) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group--progressive,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group--progressive {
  padding: 6px 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group:first-child {
  border-top: none !important;
}

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

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group-title,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .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.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group-title--split,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group-title--split {
  position: static !important;
  display: flex !important;
  width: 100% !important;
  margin: 0 0 4px !important;
  padding: 0 0 6px !important;
  border-bottom: none !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .detailRow,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-row,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .detailRow,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row,
body.contact-overview-simple-page #detailPanel[data-contact-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: 2px 10px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .detailRow .label,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row .label,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .detailRow .label,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row .label {
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #000 !important;
  padding: 0 !important;
  text-align: left !important;
  align-self: center !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .detailRow .value,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .value,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .detailRow .value {
  display: block !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  min-height: 0 !important;
  padding: 0 !important;
  color: #000 !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-overview-record-card {
  display: block !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;
  transform: none !important;
}

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

/* Use plain multi-field rows instead of phone/email cards */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .contact-method-chips {
  display: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .detail-multi-field-list,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .detail-multi-field-list.detail-multi-list--view-collapsed {
  display: grid !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: var(--co-simple-input-max-w) !important;
}

/* Beat Momentum theme rule that hides collapsed phone/email lists in view mode */
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-overview-simple-fields .contact-overview-record-card .detail-multi-field-list.detail-multi-list--view-collapsed {
  display: grid !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: var(--co-simple-input-max-w) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .detail-multi-field-entry {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 2px 0 !important;
  margin: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: unset !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .detail-multi-field-entry-header {
  flex: 0 0 88px !important;
  width: 88px !important;
  min-width: 88px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Social types (Instagram, LinkedIn, Twitter/X…) need a wider type select */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .multi-field-detail-row[data-field-type="social"] .detail-multi-field-entry-header {
  flex: 0 0 176px !important;
  width: 176px !important;
  min-width: 176px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .detail-multi-type-select {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 28px !important;
  height: 28px !important;
  font-size: 12px !important;
  padding: 4px 6px !important;
  border: 1px solid var(--co-input-border) !important;
  border-radius: 6px !important;
  background: var(--co-input-readonly-bg) !important;
  color: var(--co-value-color) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .phone-entry-fields,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .detail-multi-field-entry > .detail-multi-value-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .phone-entry-fields {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .phone-entry-fields .detail-multi-value-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .phone-entry-fields .phone-ext-row {
  flex: 0 0 120px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields:not(.editing) .phone-ext-row:has(.phone-ext-input:not([value])),
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields:not(.editing) .phone-ext-row:has(.phone-ext-input[value=""]) {
  display: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .phone-ext-label {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  white-space: nowrap !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .detail-multi-field-entry .detail-multi-label-input,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .detail-multi-field-entry .detail-multi-value-input,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .detail-multi-field-entry .detail-multi-ext-input {
  min-height: 28px !important;
  height: 28px !important;
  font-size: 13px !important;
  border: 1px solid var(--co-input-border) !important;
  border-radius: 6px !important;
  padding: 4px 8px !important;
  box-shadow: none !important;
  background: var(--co-input-readonly-bg) !important;
  color: var(--co-value-color) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields:not(.editing) .detail-multi-add-btn,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields:not(.editing) .btn-add-detail-field,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .chip-actions {
  display: none !important;
}

/* Stack phone + email full width (don't squeeze side-by-side) */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-phone-email-grid,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-overview-phone-email-grid {
  display: block !important;
  gap: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-phone-email-grid > .multi-field-detail-row,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-overview-phone-email-grid > .multi-field-detail-row {
  display: grid !important;
  grid-template-columns: var(--co-simple-label-w) minmax(0, 1fr) !important;
  gap: 8px 12px !important;
  align-items: start !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: var(--co-simple-pad-y) var(--co-simple-pad-x) !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-overview-phone-email-grid > .multi-field-detail-row > .value {
  display: block !important;
  flex-direction: unset !important;
  align-items: stretch !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Primary company/contact — compact inline */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .primary-contact-row,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .primary-contact-card,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .primary-company-card {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .primary-contact-header,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .primary-contact-content {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .primary-contact-details {
  display: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-link-primary-company-detail,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-link-primary-contact-detail {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #2563eb !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  text-decoration: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-change-primary-company {
  font-size: 11px !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
}

#detailPanel[data-contact-overview-mode="simple"] .last-engaged-label-format {
  display: none !important;
}

#detailPanel[data-contact-overview-mode="simple"] .contact-field-row.primary-contact-row {
  display: grid !important;
  grid-template-columns: var(--co-simple-label-w) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px 12px !important;
  padding: var(--co-simple-pad-y) var(--co-simple-pad-x) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-person-same-company-line {
  margin: 0 0 6px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
  border: 1px solid var(--co-border) !important;
  border-radius: 6px !important;
  background: #f8fafc !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-layout {
  display: grid !important;
  max-width: 100% !important;
  margin: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-right {
  margin-top: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .inline-input[readonly],
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) select:disabled,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow:not(.multi-field-detail-row) > .value > .inline-input[readonly],
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-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;
  min-height: 28px !important;
  height: 28px !important;
  padding: 4px 8px !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--co-value-color) !important;
  color: var(--co-value-color) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .inline-input,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing select.inline-input,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing textarea.inline-input {
  width: 100% !important;
  max-width: var(--co-simple-input-max-w) !important;
  box-sizing: border-box !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .tagPicker,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .deal-tags-strip {
  border: 1px solid var(--co-input-border) !important;
  border-radius: 0 !important;
  background: #fff !important;
  min-height: 22px !important;
  padding: 2px 4px !important;
  box-shadow: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-address-row,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .phone-entry-fields {
  gap: 4px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-address-input,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .phone-ext-input {
  min-height: 28px !important;
  height: 28px !important;
  border: 1px solid var(--co-input-border) !important;
  border-radius: 6px !important;
  font-size: 13px !important;
}

/* ── Unified bordered fields in Simple view (beat Momentum flat select/text rules) ── */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .multi-field-detail-row .value,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-field-row .value {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > .inline-input[readonly],
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > textarea.inline-input[readonly],
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > select:disabled,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > select.inline-input:disabled,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > select.inline-select:disabled,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > select.select:disabled,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > select.contact-overview-select-readonly:disabled,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow:not(.multi-field-detail-row) > .value > .inline-input[readonly],
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow:not(.multi-field-detail-row) > .value > textarea.inline-input[readonly],
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow:not(.multi-field-detail-row) > .value > select:disabled,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow:not(.multi-field-detail-row) > .value > .inline-input[readonly],
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow:not(.multi-field-detail-row) > .value > select:disabled,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card--field-inline .detailRow:not(.multi-field-detail-row) > .value > select:disabled,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card--field-inline .detailRow:not(.multi-field-detail-row) > .value > .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) !important;
  border-radius: 6px !important;
  background: var(--co-input-readonly-bg) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: var(--co-value-color) !important;
  -webkit-text-fill-color: var(--co-value-color) !important;
  opacity: 1 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: default !important;
}

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

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > .mm-styled-select,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow .value > .mm-styled-select {
  display: block !important;
  width: 100% !important;
  max-width: var(--co-simple-input-max-w) !important;
  min-width: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .mm-styled-select.mm-styled-select--disabled .mm-styled-select__trigger,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow .value .mm-styled-select.mm-styled-select--disabled .mm-styled-select__trigger,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow:hover .mm-styled-select.mm-styled-select--disabled .mm-styled-select__trigger {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 28px !important;
  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: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: var(--co-value-color) !important;
  -webkit-text-fill-color: var(--co-value-color) !important;
  opacity: 1 !important;
  pointer-events: none !important;
  cursor: default !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .mm-styled-select.mm-styled-select--disabled .mm-styled-select__chevron {
  display: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .mm-field-edit-btn {
  display: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .mm-styled-select__trigger {
  border: 1px solid var(--co-input-border) !important;
  border-radius: 6px !important;
  background: #fff !important;
  min-height: 28px !important;
  font-size: 13px !important;
}

/* =============================================================================
   PASS 1 — Foundation: tokens, grid rhythm, one control style everywhere
   ============================================================================= */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] {
  --co-simple-label-w: 140px;
  --co-simple-row-gap: 6px;
  --co-simple-section-pad: 10px 14px 8px;
  --co-simple-control-h: 30px;
  --co-simple-control-pad: 5px 10px;
  --co-simple-control-radius: 6px;
  --co-simple-row-pad-y: 4px;
  --co-simple-row-pad-x: 14px;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group {
  padding: var(--co-simple-section-pad) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .apollo-additional-details-wrap {
  padding: 0 var(--co-simple-row-pad-x) 4px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .apollo-additional-details-item {
  grid-template-columns: var(--co-simple-label-w) minmax(0, 1fr) !important;
  padding: var(--co-simple-row-pad-y) 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .detailRow,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-row {
  grid-template-columns: var(--co-simple-label-w) minmax(0, 1fr) !important;
  gap: 10px var(--co-simple-row-gap) !important;
  padding: var(--co-simple-row-pad-y) var(--co-simple-row-pad-x) !important;
  min-height: calc(var(--co-simple-control-h) + 8px) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .detailRow .label,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row .label,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-row .label,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-row .contact-field-label {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--co-label-color) !important;
  line-height: 1.25 !important;
  align-self: center !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .detail-field-required {
  color: #dc2626 !important;
  font-weight: 600 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > .inline-input[readonly],
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > select:disabled,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > select.inline-select:disabled,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .mm-styled-select.mm-styled-select--disabled .mm-styled-select__trigger,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detail-multi-type-select:disabled,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detail-multi-value-input[readonly],
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detail-multi-ext-input[readonly] {
  min-height: var(--co-simple-control-h) !important;
  height: var(--co-simple-control-h) !important;
  padding: var(--co-simple-control-pad) !important;
  border-radius: var(--co-simple-control-radius) !important;
  border: 1px solid var(--co-input-border) !important;
  background: var(--co-input-readonly-bg) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: var(--co-value-color) !important;
  -webkit-text-fill-color: var(--co-value-color) !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

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

/* =============================================================================
   PASS 2 — Layout: sections, addresses, multi-fields, special rows
   ============================================================================= */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group-title {
  margin-bottom: 6px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid var(--co-border) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section__summary .contact-field-group-title {
  margin-bottom: 0 !important;
  padding-bottom: 10px !important;
  border-bottom: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section[open] .contact-overview-progressive-section__summary .contact-field-group-title {
  border-bottom: 1px solid var(--co-border) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group-title-text {
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group-title .contact-field-hint-btn,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-status-help-btn,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-hint-btn {
  width: 15px !important;
  height: 15px !important;
  font-size: 9px !important;
  border-color: var(--co-border-strong) !important;
  background: #fff !important;
  color: #64748b !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .detailRow + .detailRow,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row + .multi-field-detail-row,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-row + .contact-field-row {
  border-top: 1px solid #f1f5f9 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-person-same-company-line {
  margin: 0 0 8px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  border: 1px solid #bfdbfe !important;
  border-radius: var(--co-simple-control-radius) !important;
  background: #eff6ff !important;
  color: #1e3a8a !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-person-same-company-line label {
  font-weight: 500 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-address-entry.contact-address-entry--view-formatted,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-address-entry:has(.contact-address-view-block) {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-address-view-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  width: 100% !important;
  padding: 8px 10px !important;
  border: 1px solid var(--co-input-border) !important;
  border-radius: var(--co-simple-control-radius) !important;
  background: var(--co-input-readonly-bg) !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: var(--co-value-color) !important;
  box-sizing: border-box !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-address-view-line--type {
  font-weight: 600 !important;
  color: #334155 !important;
  margin-bottom: 2px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-address-view-line--country {
  color: #64748b !important;
  font-size: 12px !important;
  margin-top: 2px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-address-entry.contact-address-entry--view-formatted .detail-address-fields,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-address-entry.contact-address-entry--view-formatted .detail-multi-field-entry-header,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-address-entry:has(.contact-address-view-block) .detail-address-fields,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-address-entry:has(.contact-address-view-block) .detail-multi-field-entry-header {
  display: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row[data-field-type="address"] {
  align-items: start !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row[data-field-type="address"] .label {
  padding-top: 8px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-multi-field-list {
  gap: 8px !important;
  width: 100% !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-phone-email-grid > .multi-field-detail-row + .multi-field-detail-row {
  border-top: 1px solid #f1f5f9 !important;
  margin-top: 2px !important;
  padding-top: 6px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-link-primary-company-detail,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-link-primary-contact-detail {
  display: inline-flex !important;
  align-items: center !important;
  min-height: var(--co-simple-control-h) !important;
  padding: var(--co-simple-control-pad) !important;
  border: 1px solid var(--co-input-border) !important;
  border-radius: var(--co-simple-control-radius) !important;
  background: var(--co-input-readonly-bg) !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-consent-group,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-consent-group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px 14px !important;
  width: 100% !important;
  padding: 6px 10px !important;
  border: 1px solid var(--co-input-border) !important;
  border-radius: var(--co-simple-control-radius) !important;
  background: var(--co-input-readonly-bg) !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-consent-group .contact-consent-option,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-consent-group .contact-consent-option,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-detail-consent-group .contact-consent-option {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px !important;
  color: var(--co-value-color) !important;
  white-space: nowrap !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-consent-group .contact-consent-option + .contact-consent-option,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-consent-group .contact-consent-option + .contact-consent-option {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-consent-group .contact-consent-label,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-detail-consent-group .contact-consent-label {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  color: var(--co-value-color) !important;
  -webkit-text-fill-color: var(--co-value-color) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-consent-group input[type="checkbox"],
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-consent-group input.inline-input[type="checkbox"],
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-consent-option input[type="checkbox"] {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 14px !important;
  border: none !important;
  border-radius: 3px !important;
  background: transparent !important;
  box-shadow: none !important;
  accent-color: var(--co-accent) !important;
  cursor: default !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-consent-row {
  align-items: start !important;
  min-height: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-consent-row .label {
  padding-top: 7px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags.tagPicker,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .tagPicker {
  min-height: var(--co-simple-control-h) !important;
  padding: 4px 8px !important;
  border-radius: var(--co-simple-control-radius) !important;
  border: 1px solid var(--co-input-border) !important;
  background: var(--co-input-readonly-bg) !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

/* WHO header tags — chip + remove (deal-page.css may not be loaded on contact-only views) */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags .deal-tags-input {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags .deal-tags-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  max-width: 100% !important;
  padding: 2px 4px 2px 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  border-radius: 999px !important;
  background: var(--chip-bg, #e2e8f0) !important;
  color: var(--chip-fg, #0f172a) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08) !important;
  white-space: nowrap !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags .deal-tags-chip__bullet {
  font-size: 7px !important;
  opacity: 0.85 !important;
  margin-right: -1px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags button.deal-tags-chip__remove {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  padding: 0 !important;
  margin: 0 0 0 1px !important;
  border: none !important;
  border-radius: 50% !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  background: rgba(255, 255, 255, 0.38) !important;
  color: inherit !important;
  box-shadow: none !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags button.deal-tags-chip__remove:hover {
  background: rgba(255, 255, 255, 0.58) !important;
  transform: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags button.deal-tags-add-btn {
  min-height: 22px !important;
  height: 22px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-website-link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: var(--co-simple-control-h) !important;
  padding: var(--co-simple-control-pad) !important;
  border: 1px solid var(--co-input-border) !important;
  border-radius: var(--co-simple-control-radius) !important;
  background: var(--co-input-readonly-bg) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  color: var(--co-accent) !important;
  text-decoration: none !important;
  font-size: 13px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detailRow--website-field .contact-overview-website-input {
  display: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .section-save-btn {
  display: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-record-meta-group .detailRow {
  border-top: none !important;
  min-height: 0 !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-record-meta-group .detailRow .value {
  font-size: 12px !important;
  color: #64748b !important;
}

/* =============================================================================
   PASS 3 — Micro polish: shell, tabs, notes, edit affordances, edge cases
   ============================================================================= */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] #detailContent {
  padding: 14px 16px 20px max(0px, env(safe-area-inset-left, 0px)) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-layout {
  max-width: 100% !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card {
  border-color: var(--co-border) !important;
}

body.contact-overview-simple-page .contact-overview-mode-bar {
  max-width: 100% !important;
  margin: 0 0 10px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tabs-card {
  max-width: 100% !important;
  margin: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tabs-header {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tabs-header::-webkit-scrollbar {
  display: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tab-btn {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  font-size: 11px !important;
  padding: 7px 12px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .contact-field-group-title,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes::before,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes::after {
  content: none !important;
  display: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes {
  padding-top: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer {
  margin: 10px 12px 8px !important;
  padding: 8px !important;
  border: 1px solid var(--co-border) !important;
  border-radius: var(--co-simple-control-radius) !important;
  background: #fff !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer textarea {
  border: 1px solid var(--co-input-border) !important;
  border-radius: var(--co-simple-control-radius) !important;
  min-height: 68px !important;
  resize: vertical !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer .btn {
  min-height: 30px !important;
  padding: 5px 14px !important;
  border-radius: var(--co-simple-control-radius) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-activity-feed {
  padding: 4px 12px 12px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-activity-item {
  font-size: 12px !important;
  line-height: 1.4 !important;
  border-color: #e8edf3 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .inline-input:focus,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing select:focus,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing textarea:focus,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .mm-styled-select__trigger:focus-visible {
  outline: none !important;
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
  background: #fff !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detail-status-mismatch-hint,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .contact-status-mismatch-hint {
  margin-top: 4px !important;
  font-size: 11px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-status-help-popover,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-field-hint-popover {
  z-index: 40 !important;
  max-width: 18rem !important;
  font-size: 12px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-change-primary-company {
  border: 1px solid var(--co-border-strong) !important;
  background: #fff !important;
  color: #475569 !important;
  font-weight: 500 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-multi-remove-btn {
  display: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-remove-btn {
  display: inline-flex !important;
}

@media (max-width: 767px) {
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .detailRow,
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row {
    grid-template-columns: minmax(96px, 34%) minmax(0, 1fr) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-consent-group,
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-consent-group {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 6px 8px !important;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-consent-group .contact-consent-option,
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-consent-group .contact-consent-option,
  body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-detail-consent-group .contact-consent-option {
    flex: none !important;
    width: 100% !important;
    padding: 3px 0 !important;
    white-space: normal !important;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-consent-group .contact-consent-option + .contact-consent-option,
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-consent-group .contact-consent-option + .contact-consent-option {
    border-top: 1px solid #eef2f7 !important;
    padding-top: 4px !important;
    margin-top: 1px !important;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-consent-group .contact-consent-label,
  body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-detail-consent-group .contact-consent-label {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card {
    margin-top: 12px !important;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-layout,
  body.contact-overview-simple-page .contact-overview-mode-bar,
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tabs-card {
    max-width: 100% !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   PHONE — Contact overview Simple (≤640px, e.g. iPhone 12 Pro)
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] #detailContent {
    padding: 8px 8px calc(64px + env(safe-area-inset-bottom, 0px)) max(0px, env(safe-area-inset-left, 0px)) !important;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-layout,
  body.contact-overview-simple-page .contact-overview-mode-bar,
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tabs-card {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Beat Momentum mobile Fields|Activity segment (higher specificity than styles-momentum.css) */
  body.contact-overview-simple-page.is-mobile[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .mm-overview-seg {
    display: none !important;
  }

  /* Flatten Momentum collapsible groups — one title, always expanded in Simple */
  body.contact-overview-simple-page.is-mobile #detailPanel[data-contact-overview-mode="simple"] .mm-collapsible-toggle {
    display: none !important;
  }

  body.contact-overview-simple-page.is-mobile #detailPanel[data-contact-overview-mode="simple"] .mm-has-collapsible > .contact-field-group-title {
    display: flex !important;
  }

  body.contact-overview-simple-page.is-mobile #detailPanel[data-contact-overview-mode="simple"] .mm-has-collapsible > .mm-group-body,
  body.contact-overview-simple-page.is-mobile #detailPanel[data-contact-overview-mode="simple"] .mm-has-collapsible > .mm-group-body[data-collapsed="true"] {
    display: block !important;
    overflow: visible !important;
    max-height: none !important;
  }

  body.contact-overview-simple-page.is-mobile #detailPanel[data-contact-overview-mode="simple"] .contact-field-group-title svg,
  body.contact-overview-simple-page.is-mobile #detailPanel[data-contact-overview-mode="simple"] .contact-field-group-title .contact-field-hint-btn {
    display: none !important;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] {
    --co-simple-label-w: 108px;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .detailRow,
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row,
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-row {
    grid-template-columns: minmax(72px, 32%) minmax(0, 1fr) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    gap: 0 6px !important;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-field-group {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tab-btn {
    font-size: 11px !important;
    padding: 6px 10px !important;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-activity-feed {
    max-height: min(42vh, 320px) !important;
  }

  /* Email/phone rows: stack label above entries so values aren't truncated */
  body.contact-overview-simple-page.is-mobile[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-overview-simple-fields .multi-field-detail-row,
  body.contact-overview-simple-page.is-mobile #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-overview-simple-fields .multi-field-detail-row {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    row-gap: 4px !important;
  }

  body.contact-overview-simple-page.is-mobile[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-overview-simple-fields .multi-field-detail-row > .value,
  body.contact-overview-simple-page.is-mobile #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-overview-simple-fields .multi-field-detail-row > .value {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.contact-overview-simple-page.is-mobile #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .detail-multi-field-entry {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
  }

  body.contact-overview-simple-page.is-mobile #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .detail-multi-field-entry-header {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body.contact-overview-simple-page.is-mobile #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .detail-multi-type-select {
    max-width: 120px !important;
  }

  body.contact-overview-simple-page.is-mobile #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .multi-field-detail-row[data-field-type="social"] .detail-multi-type-select {
    max-width: 176px !important;
  }
}

/* =============================================================================
   POLISH PASS 1 — Two-column structure, shell rhythm, rail geometry
   ============================================================================= */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] #detailContent {
  padding: 12px 14px 18px max(0px, env(safe-area-inset-left, 0px)) !important;
}

body.contact-overview-simple-page .contact-overview-mode-bar {
  margin: 0 0 8px !important;
  border-radius: var(--co-card-radius, 8px) !important;
  box-shadow: var(--co-card-shadow) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tabs-card {
  border-radius: var(--co-card-radius, 8px) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tabs-header {
  padding: 0 2px !important;
  border-bottom: 1px solid var(--co-border) !important;
  background: #fff !important;
  border-radius: var(--co-card-radius, 8px) var(--co-card-radius, 8px) 0 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-left,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-right {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-right {
  height: fit-content !important;
  container-type: inline-size !important;
  container-name: contact-overview-rail !important;
}

@supports not (container-type: inline-size) {
  @media (min-width: 768px) {
    body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-right {
      position: sticky !important;
      top: clamp(8px, 1.5vmin, 16px) !important;
      align-self: start !important;
    }

    body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card {
      max-height: calc(100dvh - clamp(88px, 15vh, 168px)) !important;
      display: flex !important;
      flex-direction: column !important;
      overflow: hidden !important;
    }

    body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .contact-activity-feed {
      flex: 1 1 auto !important;
      min-height: 80px !important;
      max-height: none !important;
      overflow-y: auto !important;
    }
  }
}

/* =============================================================================
   POLISH PASS 2 — Notes rail visual system (header, cards, composer chrome)
   ============================================================================= */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card {
  border: 1px solid var(--co-border) !important;
  border-radius: var(--co-card-radius, 8px) !important;
  box-shadow: var(--co-card-shadow) !important;
  background: var(--co-form-bg) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .related-section-header {
  display: flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 8px 14px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: #f8fafc !important;
  border-bottom: 1px solid var(--co-border) !important;
  border-radius: var(--co-card-radius, 8px) var(--co-card-radius, 8px) 0 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .related-section-title {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--co-section-color) !important;
  line-height: 1.2 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .related-section-title svg {
  display: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .related-section-title span[style*="font-weight"] {
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--co-section-color) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .related-section-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  margin-left: 2px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  background: #e2e8f0 !important;
  color: #475569 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer {
  margin: 10px 12px 8px !important;
  padding: 8px !important;
  border: 1px solid var(--co-border) !important;
  border-radius: var(--co-simple-control-radius, 6px) !important;
  background: #fff !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.02) !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-right .overview-note-composer {
  margin: 10px 12px 8px !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .mm-overview-composer-typebar {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 2px !important;
  margin: 0 0 8px !important;
  padding: 2px !important;
  border: 1px solid var(--co-border) !important;
  border-radius: var(--co-simple-control-radius, 6px) !important;
  background: #f8fafc !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .mm-overview-composer-typebar > button,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer [data-ov-voice] {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 28px !important;
  padding: 4px 2px !important;
  border: none !important;
  border-right: 1px solid var(--co-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  transform: none !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .mm-overview-composer-typebar > button:last-child,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer [data-ov-voice] {
  border-right: none !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .mm-overview-composer-typebar > button:hover,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer [data-ov-voice]:hover {
  background: #fff !important;
  color: #334155 !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .mm-overview-composer-typebar > button.mm-type-active,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .mm-overview-composer-typebar > button[style*="eef2ff"] {
  background: #fff !important;
  color: var(--co-accent) !important;
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.25) !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer textarea {
  min-height: 68px !important;
  padding: 8px 10px !important;
  border: 1px solid var(--co-input-border) !important;
  border-radius: var(--co-simple-control-radius, 6px) !important;
  background: #fff !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  transform: none !important;
  box-shadow: none !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer textarea:focus {
  border-color: #3b82f6 !important;
  outline: none !important;
  transform: none !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14) !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer .btn.primary,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer-actions .btn.primary {
  background: var(--co-edit-btn-bg) !important;
  border-color: var(--co-edit-btn-border) !important;
  color: var(--co-edit-btn-color) !important;
  box-shadow: none !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer .btn.primary:hover,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer-actions .btn.primary:hover {
  background: var(--co-edit-btn-bg-hover) !important;
  border-color: var(--co-edit-btn-bg-hover) !important;
}

body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer .btn.ghost {
  border: 1px solid var(--co-border-strong) !important;
  background: #fff !important;
  color: #475569 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer-actions,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .mm-overview-note-actions-row {
  margin-top: 8px !important;
  gap: 8px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .overview-note-hint {
  font-size: 10px !important;
  color: #94a3b8 !important;
}

/* =============================================================================
   POLISH PASS 3 — Timeline, scroll, pinned notes, responsive edge cases
   ============================================================================= */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-activity-feed {
  padding: 4px 12px 12px !important;
  margin: 0 !important;
  background: transparent !important;
}

@container detail-pane (min-width: 920px) {
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-activity-feed {
    max-height: none !important;
  }
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-activity-item,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-activity-item {
  padding: 7px 9px !important;
  margin: 0 0 5px !important;
  border: 1px solid #e8edf3 !important;
  border-radius: 6px !important;
  background: #fff !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-activity-item:last-child {
  margin-bottom: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-activity-empty {
  padding: 16px 12px !important;
  font-size: 12px !important;
  color: #94a3b8 !important;
  text-align: center !important;
  border: 1px dashed var(--co-border) !important;
  border-radius: 6px !important;
  margin: 0 12px 12px !important;
  background: #f8fafc !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .pinned-notes-wrap {
  padding: 0 12px 6px !important;
  margin: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .pinned-sticky-note {
  border-radius: 6px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .contact-activity-feed,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .pinned-notes-wrap {
  scrollbar-width: thin !important;
  scrollbar-color: #cbd5e1 transparent !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .contact-activity-feed::-webkit-scrollbar,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .pinned-notes-wrap::-webkit-scrollbar {
  width: 6px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .contact-activity-feed::-webkit-scrollbar-thumb,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .pinned-notes-wrap::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 999px !important;
}

@container detail-pane (max-width: 919px) {
  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card {
    margin-top: 12px !important;
    max-height: none !important;
    min-height: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-activity-feed {
    max-height: min(40vh, 320px) !important;
    overflow-y: auto !important;
  }

  body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-right {
    position: static !important;
  }
}

@container contact-overview-rail (max-width: 360px) {
  body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .mm-overview-composer-typebar .mm-ov-type-label {
    display: none !important;
  }

  body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .mm-overview-composer-typebar > button {
    padding: 6px 1px !important;
  }
}

/* =============================================================================
   PASS 4 — Final polish: rhythm, empty states, primary row, address sync, chrome
   ============================================================================= */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] {
  --co-simple-input-max-w: 100%;
  --co-section-color: #475569;
}

/* Identity header card */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detailHeader.contact-detail-header-new .metaWrap.contact-detail-header-wrap {
  border: 1px solid var(--co-border) !important;
  border-radius: var(--co-card-radius, 8px) !important;
  background: #fff !important;
  box-shadow: var(--co-card-shadow) !important;
  overflow: hidden !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detailHeader.contact-detail-header-new {
  margin-bottom: 6px !important;
}

body.contact-overview-simple-page .contact-overview-mode-bar {
  margin: 0 0 6px !important;
}

/* Simple mode: toggle only — no extra bar chrome between header and tabs */
body.contact-overview-simple-page .contact-overview-mode-bar--simple {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 0 8px !important;
  margin: 0 0 2px !important;
  min-height: 0 !important;
}

body.contact-overview-simple-page .contact-overview-mode-bar--simple .contact-overview-mode-bar__toggle {
  justify-self: center !important;
}

/* Section titles — clearer hierarchy */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group-title-text {
  color: var(--co-section-color) !important;
  font-weight: 700 !important;
}

/* Uniform empty readonly fields (— instead of "e.g. Sales" hints) */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value:has(> .inline-input[readonly]:placeholder-shown),
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value:has(> textarea.inline-input[readonly]:placeholder-shown) {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: center !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value:has(> .inline-input[readonly]:placeholder-shown) > *,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value:has(> textarea.inline-input[readonly]:placeholder-shown) > * {
  grid-area: 1 / 1 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > .inline-input[readonly]:placeholder-shown,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > textarea.inline-input[readonly]:placeholder-shown {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > .inline-input[readonly]:placeholder-shown::placeholder,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value > textarea.inline-input[readonly]:placeholder-shown::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value:has(> .inline-input[readonly]:placeholder-shown):not(:has(> .contact-overview-website-link))::after,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value:has(> textarea.inline-input[readonly]:placeholder-shown)::after {
  content: "—" !important;
  grid-area: 1 / 1 !important;
  display: flex !important;
  align-items: center !important;
  align-self: stretch !important;
  padding: var(--co-simple-control-pad, 5px 10px) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: #94a3b8 !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  z-index: 1 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detailRow .value:has(> textarea.inline-input[readonly]:placeholder-shown)::after {
  align-items: flex-start !important;
  padding-top: 8px !important;
}

/* Primary company / contact — name + action on one row */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .primary-contact-row .contact-field-label,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .primary-contact-row .label {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--co-label-color) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .primary-contact-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .primary-contact-header {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-link-primary-company-detail,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-link-primary-contact-detail {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  justify-content: flex-start !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-change-primary-company,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-change-primary-contact {
  flex: 0 0 auto !important;
  align-self: center !important;
  min-height: 28px !important;
  padding: 4px 10px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  border: 1px solid var(--co-border-strong) !important;
  border-radius: var(--co-simple-control-radius, 6px) !important;
  background: #fff !important;
  color: #475569 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-change-primary-company:hover,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-change-primary-contact:hover {
  background: #f8fafc !important;
  border-color: #94a3b8 !important;
  color: #334155 !important;
}

/* Address sync banner */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-person-same-company-line {
  margin: 0 0 8px !important;
  padding: 8px 10px !important;
  border: 1px solid #bfdbfe !important;
  border-radius: var(--co-simple-control-radius, 6px) !important;
  background: #eff6ff !important;
  color: #1e3a8a !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-person-same-company-line__label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
  color: #1e40af !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-person-same-company-line__label input[type="checkbox"] {
  margin: 2px 0 0 !important;
  flex-shrink: 0 !important;
  width: 14px !important;
  height: 14px !important;
  accent-color: var(--co-accent) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .detail-person-same-company-line__hint {
  margin: 6px 0 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #334155 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-open-company-for-address {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  font-size: inherit !important;
  font-weight: 600 !important;
  color: var(--co-accent) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-open-company-for-address:hover {
  color: #1d4ed8 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detail-person-same-company-line__label {
  cursor: default !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .detail-use-company-work-sync {
  pointer-events: none !important;
}

/* Apollo reveal phone — subtle secondary action under phones */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-record-card--contact-methods-pair .apollo-reveal-phone-row {
  display: block !important;
  padding: 0 var(--co-simple-row-pad-x, 14px) 4px calc(var(--co-simple-label-w, 140px) + var(--co-simple-row-pad-x, 14px) + 10px) !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .apollo-reveal-phone-btn {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--co-accent) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  cursor: pointer !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .apollo-reveal-phone-btn:hover {
  color: #1d4ed8 !important;
  background: transparent !important;
}

/* Last engaged — match other populated fields when value exists */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields:not(.editing) .last-engaged-detail-row .inline-input:not(:placeholder-shown) {
  color: var(--co-value-color) !important;
  -webkit-text-fill-color: var(--co-value-color) !important;
  opacity: 1 !important;
  background: var(--co-input-readonly-bg) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .last-engaged-label-row {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* Record history — quieter footer */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-record-meta-group {
  opacity: 1 !important;
  padding-top: 6px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-record-meta-group .contact-field-group-title {
  border-bottom: none !important;
  margin-bottom: 2px !important;
  padding-bottom: 4px !important;
  font-size: 10px !important;
  letter-spacing: 0.05em !important;
  color: #94a3b8 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-record-meta-group .detailRow .label {
  font-size: 11px !important;
  color: #94a3b8 !important;
}

/* Apollo additional details chevron */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .apollo-additional-details-summary {
  border-bottom: 1px solid var(--co-border) !important;
  color: var(--co-section-color) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .apollo-additional-details-summary:hover {
  color: #334155 !important;
}

/* =============================================================================
   PASS 4 — Simple edit mode: match view-mode row layout (no advanced card chrome)
   ============================================================================= */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .multi-field-detail-row,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .multi-field-detail-row {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detailRow .value,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .multi-field-detail-row .value {
  display: block !important;
  gap: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-field-list {
  display: grid !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: var(--co-simple-input-max-w) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-field-entry {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  position: relative !important;
  padding: 2px 28px 2px 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  border: none !important;
  background: transparent !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-field-entry + .detail-multi-field-entry {
  border-top: 1px solid #f1f5f9 !important;
  margin-top: 2px !important;
  padding-top: 6px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-field-entry-header {
  flex: 0 0 88px !important;
  width: 88px !important;
  min-width: 88px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .multi-field-detail-row[data-field-type="social"] .detail-multi-field-entry-header {
  flex: 0 0 176px !important;
  width: 176px !important;
  min-width: 176px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-field-entry-header .detail-multi-type-select {
  width: 100% !important;
  min-width: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-field-entry-header .detail-multi-remove-btn {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  border: 1px solid var(--co-border) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #94a3b8 !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-remove-btn:hover {
  background: #fef2f2 !important;
  border-color: #fca5a5 !important;
  color: #dc2626 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-entry-fields,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-entry-fields--stacked {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-entry-fields .detail-multi-value-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-ext-row {
  flex: 0 0 112px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-ext-label {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  white-space: nowrap !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-field-entry > .detail-multi-value-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

/* Unified editable control chrome (match simple view borders, white edit surface) */
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .inline-input:not([type="checkbox"]):not([type="radio"]),
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing select.inline-input,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing textarea.inline-input,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-type-select,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-value-input,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-ext-input,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-address-input,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-type-select,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-value-input,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-address-input {
  min-height: var(--co-simple-control-h, 30px) !important;
  height: var(--co-simple-control-h, 30px) !important;
  padding: var(--co-simple-control-pad, 5px 10px) !important;
  border: 1px solid var(--co-input-border, #cbd5e1) !important;
  border-radius: var(--co-simple-control-radius, 6px) !important;
  background: #fff !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;
  outline: none !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-type-select {
  font-size: 12px !important;
  padding: 4px 6px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detailRow .value > .inline-input,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detailRow .value > select,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detailRow .value > textarea,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .contact-overview-record-card .detailRow:not(.multi-field-detail-row) > .value > .inline-input,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .contact-overview-record-card .detailRow:not(.multi-field-detail-row) > .value > select {
  display: block !important;
  width: 100% !important;
  max-width: var(--co-simple-input-max-w) !important;
  box-sizing: border-box !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .mm-styled-select {
  display: block !important;
  width: 100% !important;
  max-width: var(--co-simple-input-max-w) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .mm-styled-select__trigger {
  min-height: var(--co-simple-control-h, 30px) !important;
  height: var(--co-simple-control-h, 30px) !important;
  padding: var(--co-simple-control-pad, 5px 10px) !important;
  border: 1px solid var(--co-input-border, #cbd5e1) !important;
  border-radius: var(--co-simple-control-radius, 6px) !important;
  background: #fff !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-address-entry {
  align-items: flex-start !important;
  padding-top: 4px !important;
  padding-bottom: 6px !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-address-fields {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-address-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(72px, 0.55fr) minmax(88px, 0.65fr) !important;
  gap: 6px !important;
  width: 100% !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-address-input[data-addr="line2"]:placeholder-shown {
  display: block !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .btn-add-detail-field {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 6px !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--co-accent, #2563eb) !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .btn-add-detail-field:hover {
  background: transparent !important;
  color: #1d4ed8 !important;
  text-decoration: underline !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-person-same-company-line,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-use-company-work-sync {
  max-width: var(--co-simple-input-max-w) !important;
  margin-left: 0 !important;
}

body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .contact-edit-footer,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .section-save-btn {
  max-width: var(--co-simple-input-max-w) !important;
}

/* Progressive section headers — final pass (beats Momentum card chrome) */
body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group--progressive,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group--progressive,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group--progressive {
  padding: 6px 12px !important;
  border: none !important;
  border-top: 1px solid var(--co-border, #e2e8f0) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section__summary .contact-field-group-title,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section__summary .contact-field-group-title,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section__summary .contact-field-group-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  padding-top: 10px !important;
  min-height: 0 !important;
  border: 0 !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section[open] .contact-overview-progressive-section__summary .contact-field-group-title,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section[open] .contact-overview-progressive-section__summary .contact-field-group-title {
  border-bottom: 1px solid var(--co-border, #e2e8f0) !important;
}

body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section__summary .contact-field-group-title-text,
body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section__summary .contact-field-group-title-text {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--co-section-color, #64748b) !important;
  line-height: 1.2 !important;
}

/* Final Simple-mode visibility gate: compact mode keeps advanced intake/enrichment out of the scan. */
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card--lead-date,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card--lead-from,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .apollo-additional-details-wrap,
body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-record-meta-group {
  display: none !important;
}