/* Shared typography for CRM pages and standalone views. */
body, button, input, select, textarea, option {
  font-family: "Segoe UI", Arial, sans-serif;
}

/* Consistent checkbox accent across CRM pages and standalone views. */
input[type="checkbox"] {
  accent-color: #218d88 !important;
}

/* These checkbox controls are drawn as switches instead of native boxes. */
.cpp-toggle input[type="checkbox"]:checked {
  background-color: #218d88 !important;
}

.record-action-icon {
  display: inline-block;
  width: 19px;
  height: 19px;
  vertical-align: -3px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.record-action-calendar { color: #218d88; }
.record-action-send { color: #a16c20; }
.record-action-save { color: #2766c9; }
.record-action-delete { color: #b74d60; }
.account-subsection-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  vertical-align: -4px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.subsection-icon-blue { color: #3265a6; }
.subsection-icon-teal { color: #218d88; }
.subsection-icon-amber { color: #b08024; }

.detail-container .record-action-icon { width: 24px; height: 24px; }
.detail-container :is(#notesTable, #debtsTable, #contractsTable, #annuityTypesForm, .account-contract-table, .account-life-identifiers-table, .person-communications-table) :is(button, a, span)[title]:has(> .record-action-icon) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 30px;
  min-width: 30px;
  height: 30px;
  padding: 3px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Space action controls in People and Account detail subsections. */
:is(#notesTable, #debtsTable, #contractsTable, #annuityTypesForm, .account-contract-table, .account-life-identifiers-table) td:last-child > div:has(> :is(button, a, span[onclick])) {
  gap: 12px !important;
}
.person-communications-table td:last-child > span[onclick] {
  margin-right: 0 !important;
  padding: 1px !important;
}
.person-communications-table td:last-child > span[onclick] + span[onclick] {
  margin-left: 2px;
}