/* Department and employee-role accents for the unified Network One dashboard. */
:root {
  --dashboard-accent: #6654b5;
  --dashboard-accent-strong: #40366e;
  --dashboard-accent-soft: #eeeafd;
  --dashboard-accent-ink: #34285f;
}

body[data-department-theme="special-events"] {
  --dashboard-accent: #2857d8;
  --dashboard-accent-strong: #1642b5;
  --dashboard-accent-soft: #e8efff;
  --dashboard-accent-ink: #153884;
}
body[data-department-theme="operations"] {
  --dashboard-accent: #64748b;
  --dashboard-accent-strong: #475569;
  --dashboard-accent-soft: #edf1f5;
  --dashboard-accent-ink: #344256;
}
body[data-department-theme="fleet"] {
  --dashboard-accent: #27817b;
  --dashboard-accent-strong: #176b66;
  --dashboard-accent-soft: #e7f5f2;
  --dashboard-accent-ink: #145651;
}
body[data-department-theme="human-resources"] {
  --dashboard-accent: #118477;
  --dashboard-accent-strong: #0d665e;
  --dashboard-accent-soft: #e4f5f1;
  --dashboard-accent-ink: #14574f;
}
body[data-department-theme="training"] {
  --dashboard-accent: #5c9b88;
  --dashboard-accent-strong: #286957;
  --dashboard-accent-soft: #e8f4ef;
  --dashboard-accent-ink: #215446;
}
body[data-department-theme="education"] {
  --dashboard-accent: #7964ce;
  --dashboard-accent-strong: #51429c;
  --dashboard-accent-soft: #eeebff;
  --dashboard-accent-ink: #382c79;
}
body[data-department-theme="employee-directory"] {
  --dashboard-accent: #4c6f96;
  --dashboard-accent-strong: #355575;
  --dashboard-accent-soft: #eaf1f8;
  --dashboard-accent-ink: #2b4968;
}
body[data-department-theme="tv-network"] {
  --dashboard-accent: #327eac;
  --dashboard-accent-strong: #205c86;
  --dashboard-accent-soft: #e5f2fa;
  --dashboard-accent-ink: #1a4a6b;
}

/* Keep manager page tabs legible while department colors theme the content. */
#departmentPageNav {
  border-color: #d5dbe3;
  background: #eef1f4;
}
#departmentPageNav button {
  background: #e1e5ea;
  color: #405064;
  font-weight: 750;
}
#departmentPageNav button[aria-selected="true"] {
  background: var(--dashboard-accent-strong);
  color: #fff;
  font-weight: 900;
  box-shadow: inset 0 -3px var(--dashboard-accent);
}
.panel:not([hidden]) {
  border-top: 3px solid var(--dashboard-accent);
}
.panel:not([hidden]) .eyebrow { color: var(--dashboard-accent-ink); }
#headerControls .department-choice select {
  border-color: var(--dashboard-accent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--dashboard-accent) 20%, transparent);
}

body[data-department-theme="special-events"] .workflow-steps button.active {
  border-color: #527bff;
  background: #173e9f;
}
body[data-department-theme="operations"] .workflow-steps button.active {
  border-color: #94a3b8;
  background: #334155;
}
body[data-department-theme="human-resources"] .workflow-steps button.active {
  border-color: #38b7a4;
  background: #155e59;
}
body[data-department-theme="training"] .workflow-steps button.active {
  border-color: #5c9b88;
  background: #286957;
}

/* The employee portal follows the account's current directory status. */
body[data-role-theme="orientee"] {
  --role-accent: #9c7181;
  --role-accent-strong: #694355;
  --role-accent-soft: #f5edf1;
}
body[data-role-theme="trainee"] {
  --role-accent: #3a91a6;
  --role-accent-strong: #246778;
  --role-accent-soft: #e4f4f6;
}
body[data-role-theme="employee"] {
  --role-accent: #50759c;
  --role-accent-strong: #345574;
  --role-accent-soft: #e7eff7;
}
body[data-role-theme="student"] {
  --role-accent: #9b79f5;
  --role-accent-strong: #40366e;
  --role-accent-soft: #eeeafd;
}
body[data-role-theme] .signup-header {
  border-bottom: 3px solid var(--role-accent);
}
body[data-role-theme] #employeePortal .hero {
  border-left: 4px solid var(--role-accent);
  padding-left: 16px;
}
body[data-role-theme] #employeePortal .count {
  border-color: var(--role-accent);
  background: var(--role-accent-soft);
  color: var(--role-accent-strong);
}
body[data-role-theme] #employeePortal .opening,
body[data-role-theme] #employeePortal .clinical-student-opening {
  border-left: 4px solid var(--role-accent);
}
body[data-role-theme] #employeePortal .primary {
  background: var(--role-accent-strong);
}
body[data-role-theme="orientee"] .student-portal-sidebar,
body[data-role-theme="trainee"] .student-portal-sidebar,
body[data-role-theme="employee"] .student-portal-sidebar {
  border-color: var(--role-accent);
}
body[data-role-theme="orientee"] .student-portal-sidebar nav a.active,
body[data-role-theme="trainee"] .student-portal-sidebar nav a.active,
body[data-role-theme="employee"] .student-portal-sidebar nav a.active {
  background: var(--role-accent-strong);
}