/* Activity accents: preserve shared navigation, compact layouts and theme surfaces. */
body[data-theme] #activities-app {
  --act-blue: #246d9e;
  --act-teal: #087b6b;
  --act-purple: #7050a1;
  --act-amber: #a15d08;
}
body[data-theme="dark"] #activities-app,
body[data-theme="sysimple"] #activities-app,
body[data-theme="vs"] #activities-app {
  --act-blue: #87c9f0;
  --act-teal: #70d8bd;
  --act-purple: #c3a6ed;
  --act-amber: #f4c16e;
}

body[data-theme] #activities-app .act-overview-metric {
  background: color-mix(in srgb, var(--metric-color) 7%, var(--act-surface));
  border-color: color-mix(in srgb, var(--metric-color) 24%, var(--act-line));
  border-left-color: var(--metric-color);
  box-shadow: 0 2px 5px rgb(0 0 0 / 4%);
}
body[data-theme] #activities-app .act-overview-metric strong { color: var(--act-text); }
body[data-theme] #activities-app .act-promotion-entry {
  background: color-mix(in srgb, var(--act-purple) 8%, var(--act-surface)) !important;
  border-color: color-mix(in srgb, var(--act-purple) 27%, var(--act-line)) !important;
  border-left-color: var(--act-purple) !important;
}
body[data-theme] #activities-app .act-promotion-entry h3 i { color: var(--act-purple); }
body[data-theme] #activities-app .act-ready-panel {
  background: color-mix(in srgb, var(--act-amber) 4%, var(--act-surface)) !important;
  border-top: 3px solid color-mix(in srgb, var(--act-amber) 65%, var(--act-line));
}
body[data-theme] #activities-app .act-ready-heading h3 i { color: var(--act-amber); }
body[data-theme] #activities-app .act-ready-heading .act-badge {
  color: var(--act-amber);
  background: color-mix(in srgb, var(--act-amber) 10%, var(--act-surface));
  border-color: color-mix(in srgb, var(--act-amber) 35%, var(--act-line));
  font-weight: 600;
}
body[data-theme] #activities-app .act-ready-session h4 {
  background: color-mix(in srgb, var(--act-blue) 7%, var(--act-surface));
}
body[data-theme] #activities-app .act-ready-session li > span > i { color: var(--act-teal); }

/* One distinct leading action in each context; secondary actions stay lighter. */
body[data-theme] #activities-app button[data-tab="promotion"],
body[data-theme] #activities-app a.act-link[href*="activityMode=promotion"] {
  --act-button-fill: #7050a1;
  color: #fff !important;
  background: var(--act-button-fill) !important;
  border-color: var(--act-button-fill) !important;
  font-weight: 600;
  box-shadow: 0 2px 4px rgb(60 35 95 / 12%);
}
body[data-theme] #activities-app button.primary,
body[data-theme] #activities-app button[data-ready-invite] {
  --act-button-fill: #246d9e;
  color: #fff !important;
  background: var(--act-button-fill) !important;
  border-color: var(--act-button-fill) !important;
  font-weight: 600;
}
body[data-theme] #activities-app button[data-ready-open],
body[data-theme] #activities-app button[data-ready-settings] {
  --act-button-tone: var(--act-teal);
  color: var(--act-button-tone) !important;
  background: color-mix(in srgb, var(--act-button-tone) 9%, var(--act-surface)) !important;
  border-color: color-mix(in srgb, var(--act-button-tone) 40%, var(--act-line)) !important;
  font-weight: 600;
}
body[data-theme] #activities-app button[data-ready-open="participants"],
body[data-theme] #activities-app button[data-ready-settings] { --act-button-tone: var(--act-blue); }
body[data-theme] #activities-app :is(button.primary,button[data-ready-invite],button[data-ready-open],button[data-ready-settings],button[data-tab="promotion"],a.act-link[href*="activityMode=promotion"]) i {
  color: inherit !important;
}
body[data-theme] #activities-app :is(button.primary,button[data-ready-invite],button[data-tab="promotion"],a.act-link[href*="activityMode=promotion"]):not(:disabled):hover {
  background: color-mix(in srgb, var(--act-button-fill) 87%, #000) !important;
}
body[data-theme] #activities-app :is(button[data-ready-open],button[data-ready-settings]):not(:disabled):hover {
  background: color-mix(in srgb, var(--act-button-tone) 17%, var(--act-surface)) !important;
  border-color: var(--act-button-tone) !important;
}
body[data-theme] #activities-app :is(button,a.act-link):focus-visible {
  outline: 2px solid var(--act-blue) !important;
  outline-offset: 3px;
}
body[data-theme] #activities-app button:disabled { box-shadow: none; }

#activities-app .act-aftercare-panel { border-left:3px solid var(--act-purple);background:color-mix(in srgb,var(--act-purple) 6%,var(--act-surface));margin-block:14px;padding:14px; }
#activities-app .act-aftercare-panel details { margin-top:14px; }
#activities-app .act-aftercare-drop { border:1px dashed var(--act-line);padding:12px;min-width:0; }
#activities-app .act-aftercare-drop.is-dragging { border-color:var(--act-blue);background:color-mix(in srgb,var(--act-blue) 12%,var(--act-surface)); }
#activities-app .act-aftercare-panel .act-table td { white-space:normal; }

body[data-theme] #activities-app .act-aftercare-panel a[href*="activityAftercare"] { color:#fff!important;background:#7050a1!important;border-color:#7050a1!important;font-weight:600; }
body[data-theme] #activities-app .act-aftercare-panel a[href*="activityAftercare"] i { color:inherit!important; }

#activities-app .act-aftercare-session { display:grid;gap:6px;max-width:560px;margin-block:14px; }