/* CRM ELT NEWS v0.16.121.70 — shared, opt-in UI foundation. */
/* Never set variables on :root, body, WordPress .wrap, or generic HTML controls.
 * Some dialogs are portaled to <body>, therefore include their own CRM roots. */
:where(
  .eltcrm,
  .eltcrm-app,
  .eltcrm-recovery-dialog,
  .eltcrm-core-dialog,
  .eltcrm-contact-dialog,
  .eltcrm-contact-editor,
  .eltcf-paste
) {
  --eltcrm-ui-navy: #162d4d;
  --eltcrm-ui-navy-hover: #214568;
  --eltcrm-ui-white: #ffffff;
  --eltcrm-ui-ink: #172f4f;
  --eltcrm-ui-muted: #586d85;
  --eltcrm-ui-surface: #ffffff;
  --eltcrm-ui-page: #f5f7fb;
  --eltcrm-ui-soft: #eef4fb;
  --eltcrm-ui-border: #d8e3f0;
  --eltcrm-ui-focus: #3976b8;
  --eltcrm-ui-success-text: #17653c;
  --eltcrm-ui-success-bg: #e8f5ed;
  --eltcrm-ui-warning-text: #805200;
  --eltcrm-ui-warning-bg: #fff4dc;
  --eltcrm-ui-danger-text: #a12622;
  --eltcrm-ui-danger-bg: #fff0ed;
  --eltcrm-ui-radius-sm: 8px;
  --eltcrm-ui-radius: 12px;
  --eltcrm-ui-radius-lg: 16px;
  --eltcrm-ui-space-1: 4px;
  --eltcrm-ui-space-2: 8px;
  --eltcrm-ui-space-3: 12px;
  --eltcrm-ui-space-4: 16px;
  --eltcrm-ui-space-5: 20px;
  --eltcrm-ui-space-6: 24px;
  --eltcrm-ui-shadow: 0 10px 30px rgba(16, 40, 72, .09);
  --eltcrm-ui-transition: 140ms ease;
}
/* The following utilities are opt-in. Existing modules are NOT restyled by default. */
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) :where(.eltcrm-ui-card,.eltcrm-ui-button,.eltcrm-ui-field,.eltcrm-ui-badge,.eltcrm-ui-actions,.eltcrm-ui-stack,.eltcrm-ui-grid) {
  box-sizing: border-box;
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-card {
  min-width:0;
  padding:var(--eltcrm-ui-space-5);
  background:var(--eltcrm-ui-surface);
  border:1px solid var(--eltcrm-ui-border);
  border-radius:var(--eltcrm-ui-radius);
  color:var(--eltcrm-ui-ink);
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-stack {
  display:grid;
  gap:var(--eltcrm-ui-space-3);
  min-width:0;
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--eltcrm-ui-space-4);
  min-width:0;
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-field {
  display:grid;
  gap:var(--eltcrm-ui-space-2);
  min-width:0;
  color:var(--eltcrm-ui-ink);
  font:inherit;
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-field > label {
  display:block;
  margin:0;
  color:var(--eltcrm-ui-ink);
  font-size:13px;
  font-weight:700;
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-field > :where(input,select,textarea) {
  display:block;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:40px;
  margin:0;
  padding:9px 12px;
  color:var(--eltcrm-ui-ink);
  background:var(--eltcrm-ui-white);
  border:1px solid var(--eltcrm-ui-border);
  border-radius:var(--eltcrm-ui-radius-sm);
  font:inherit;
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--eltcrm-ui-space-2);
  min-height:40px;
  min-width:0;
  padding:9px 15px;
  border:1px solid var(--eltcrm-ui-navy);
  border-radius:var(--eltcrm-ui-radius-sm);
  background:var(--eltcrm-ui-navy);
  color:var(--eltcrm-ui-white);
  font:inherit;
  font-weight:700;
  line-height:1.25;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  transition:background var(--eltcrm-ui-transition),border-color var(--eltcrm-ui-transition);
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-button:hover {
  background:var(--eltcrm-ui-navy-hover);
  border-color:var(--eltcrm-ui-navy-hover);
  color:var(--eltcrm-ui-white);
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-button--secondary {
  background:var(--eltcrm-ui-white);
  border-color:var(--eltcrm-ui-border);
  color:var(--eltcrm-ui-ink);
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-button--secondary:hover {
  background:var(--eltcrm-ui-soft);
  border-color:var(--eltcrm-ui-focus);
  color:var(--eltcrm-ui-ink);
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-button:disabled,
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-button[aria-disabled="true"] {
  opacity:.58;
  cursor:not-allowed;
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) :is(.eltcrm-ui-button,.eltcrm-ui-field > input,.eltcrm-ui-field > select,.eltcrm-ui-field > textarea):focus-visible {
  outline:3px solid var(--eltcrm-ui-focus);
  outline-offset:2px;
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-badge {
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid var(--eltcrm-ui-border);
  background:var(--eltcrm-ui-soft);
  color:var(--eltcrm-ui-ink);
  font-size:12px;
  font-weight:700;
  line-height:1.3;
  white-space:normal;
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-badge--success {
  background:var(--eltcrm-ui-success-bg);
  color:var(--eltcrm-ui-success-text);
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-badge--warning {
  background:var(--eltcrm-ui-warning-bg);
  color:var(--eltcrm-ui-warning-text);
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-badge--danger {
  background:var(--eltcrm-ui-danger-bg);
  color:var(--eltcrm-ui-danger-text);
}
:where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:var(--eltcrm-ui-space-2);
}
@media(max-width:640px) {
  :where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-grid {grid-template-columns:minmax(0,1fr)}
  :where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-actions > .eltcrm-ui-button {flex:1 1 130px}
}
@media(prefers-reduced-motion:reduce) {
  :where(.eltcrm,.eltcrm-app,.eltcrm-recovery-dialog,.eltcrm-core-dialog,.eltcrm-contact-dialog,.eltcrm-contact-editor,.eltcf-paste) .eltcrm-ui-button {transition:none}
}