/* Diffusion shares the compact palette and action hierarchy of Activities. */
#sysDashboardStudio.sysdash-mail-module {
  --mail-blue: #246d9e;
  --mail-teal: #087b6b;
  --mail-purple: #7050a1;
  --mail-amber: #a15d08;
}
:is(body[data-theme="dark"],body[data-theme="sysimple"],.skin-sysimple-vs,.skin-sysimple-midnight) #sysDashboardStudio.sysdash-mail-module {
  --mail-blue: #87c9f0;
  --mail-teal: #70d8bd;
  --mail-purple: #c3a6ed;
  --mail-amber: #f4c16e;
}
#sysDashboardStudio.sysdash-mail-module .sysdash-mail-module-heading {
  background: color-mix(in srgb, var(--mail-purple) 7%, var(--sysdash-surface));
  border-left: 3px solid var(--mail-purple);
}
#sysDashboardStudio.sysdash-mail-module .sysdash-mail-kpis-visual > div {
  --mail-kpi-color: #3c8dbc;
  background: color-mix(in srgb, var(--mail-kpi-color) 7%, var(--sysdash-surface));
  border-color: color-mix(in srgb, var(--mail-kpi-color) 24%, var(--sysdash-line));
  border-left-color: var(--mail-kpi-color);
  box-shadow: 0 2px 5px rgb(0 0 0 / 4%);
}
#sysDashboardStudio.sysdash-mail-module .sysdash-mail-kpis-visual > div:nth-child(2) { --mail-kpi-color: #dd4b39; }
#sysDashboardStudio.sysdash-mail-module .sysdash-mail-kpis-visual > div:nth-child(3) { --mail-kpi-color: #f39c12; }
#sysDashboardStudio.sysdash-mail-module .sysdash-mail-kpis-visual > div:nth-child(4) { --mail-kpi-color: #00a65a; }
#sysDashboardStudio.sysdash-mail-module .sysdash-mail-kpis-visual > div:nth-child(5) { --mail-kpi-color: var(--mail-teal); }
#sysDashboardStudio.sysdash-mail-module :is(.mail-kpi-icon,.mail-kpi-ring) > i { color: inherit !important; }
#sysDashboardStudio.sysdash-mail-module :is(.sysdash-mail-activity,.sysdash-mail-deferred) {
  background: color-mix(in srgb, var(--mail-purple) 6%, var(--sysdash-surface));
  border: 1px solid color-mix(in srgb, var(--mail-purple) 27%, var(--sysdash-line));
  border-left: 3px solid var(--mail-purple);
  padding: 12px;
}
#sysDashboardStudio.sysdash-mail-module .sysdash-mail-schedule-choice {
  background: color-mix(in srgb, var(--mail-purple) 6%, var(--sysdash-surface));
  border-color: color-mix(in srgb, var(--mail-purple) 30%, var(--sysdash-line));
}
#sysDashboardStudio.sysdash-mail-module .sysdash-mail-schedule-choice legend { color: var(--mail-purple); }
#sysDashboardStudio.sysdash-mail-module .sysdash-mail-send-summary > div {
  background: color-mix(in srgb, var(--mail-blue) 7%, var(--sysdash-surface));
  border-color: color-mix(in srgb, var(--mail-blue) 27%, var(--sysdash-line));
}
#sysDashboardStudio.sysdash-mail-module .sysdash-mail-send-summary > div:nth-child(2) {
  background: color-mix(in srgb, var(--mail-teal) 7%, var(--sysdash-surface));
  border-color: color-mix(in srgb, var(--mail-teal) 27%, var(--sysdash-line));
}
#sysDashboardStudio.sysdash-mail-module .sysdash-mail-compose-tabs button.is-active {
  color: var(--mail-purple) !important;
  background: color-mix(in srgb, var(--mail-purple) 11%, var(--sysdash-surface)) !important;
  border-color: var(--mail-purple) !important;
  box-shadow: inset 0 -2px 0 var(--mail-purple);
}
#sysDashboardStudio.sysdash-mail-module button[data-mail-compose] { --mail-action-fill: #7050a1; }
#sysDashboardStudio.sysdash-mail-module :is(button[data-mail-footer-next],button[data-mail-draft-save],button[data-mail-common-save]) { --mail-action-fill: #246d9e; }
#sysDashboardStudio.sysdash-mail-module button[data-mail-compose-send] { --mail-action-fill: #087b6b; }
#sysDashboardStudio.sysdash-mail-module :is(button[data-mail-compose],button[data-mail-footer-next],button[data-mail-draft-save],button[data-mail-common-save],button[data-mail-compose-send]) {
  background: var(--mail-action-fill) !important;
  border-color: var(--mail-action-fill) !important;
  color: #fff !important;
  font-weight: 600;
}
#sysDashboardStudio.sysdash-mail-module :is(button[data-mail-compose],button[data-mail-footer-next],button[data-mail-draft-save],button[data-mail-common-save],button[data-mail-compose-send]):not(:disabled):hover {
  background: color-mix(in srgb, var(--mail-action-fill) 87%, #000) !important;
  filter: none;
}
#sysDashboardStudio.sysdash-mail-module :is(button[data-mail-manage-groups],button[data-mail-filter-apply]) {
  color: var(--mail-teal) !important;
  background: color-mix(in srgb, var(--mail-teal) 9%, var(--sysdash-surface)) !important;
  border-color: color-mix(in srgb, var(--mail-teal) 40%, var(--sysdash-line)) !important;
  font-weight: 600;
}
#sysDashboardStudio.sysdash-mail-module :is(button[data-mail-schedules],button[data-activity-nudge-start],button[data-activity-promotion-prepare]) {
  color: var(--mail-purple) !important;
  background: color-mix(in srgb, var(--mail-purple) 9%, var(--sysdash-surface)) !important;
  border-color: color-mix(in srgb, var(--mail-purple) 40%, var(--sysdash-line)) !important;
}
#sysDashboardStudio.sysdash-mail-module :is(button[data-mail-compose],button[data-mail-footer-next],button[data-mail-draft-save],button[data-mail-common-save],button[data-mail-compose-send],button[data-mail-manage-groups],button[data-mail-filter-apply],button[data-mail-schedules],button[data-activity-nudge-start],button[data-activity-promotion-prepare],.sysdash-mail-compose-tabs button.is-active) :is(i,span) { color: inherit !important; }
#sysDashboardStudio.sysdash-mail-module :is(button,a,input,select,textarea,[contenteditable="true"]):focus-visible {
  outline: 2px solid var(--mail-blue) !important;
  outline-offset: 3px;
}
#sysDashboardStudio.sysdash-mail-module button:disabled { box-shadow: none; }

#sysDashboardStudio.sysdash-mail-module .sysdash-mail-weight.is-warning {
  color: var(--mail-amber);
  background: color-mix(in srgb, var(--mail-amber) 10%, var(--sysdash-surface));
  border-color: color-mix(in srgb, var(--mail-amber) 40%, var(--sysdash-line));
}

#sysDashboardStudio.sysdash-mail-module .sysdash-mail-schedule-choice label:has([data-aftercare-approve]) { display:flex;flex-wrap:nowrap;align-items:flex-start;gap:10px;line-height:1.5; }
#sysDashboardStudio.sysdash-mail-module input[data-aftercare-approve] { width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;margin:3px 0 0!important;padding:0!important; }

#sysDashboardStudio.sysdash-mail-module .sysdash-mail-schedule-choice label:has([data-aftercare-approve]) > span { flex:1;min-width:0;white-space:normal; }