/* One identity color per specialist, with consistent light and dark variations. */
:root {
  --agent: #234c70;
}
:is(
  .teammate-manager,
  .role-ceo,
  [data-agent='MANAGER'],
  [data-specialist-role='MANAGER'],
  #mail-workspace[data-specialist='MANAGER']
) {
  --agent: #234c70;
}
:is(
  .teammate-wall_experience,
  .role-wall,
  [data-agent='WALL_EXPERIENCE'],
  [data-specialist-role='WALL_EXPERIENCE'],
  #mail-workspace[data-specialist='WALL_EXPERIENCE']
) {
  --agent: #112b46;
}
:is(
  .teammate-on_budget,
  .role-budget,
  [data-agent='ON_BUDGET'],
  [data-specialist-role='ON_BUDGET'],
  #mail-workspace[data-specialist='ON_BUDGET']
) {
  --agent: #8a662b;
}
:is(
  .teammate-on_time,
  .role-logistics,
  [data-agent='ON_TIME'],
  [data-specialist-role='ON_TIME'],
  #mail-workspace[data-specialist='ON_TIME']
) {
  --agent: #2f7058;
}
:is(
  .teammate-on_brand,
  .role-brand,
  [data-agent='ON_BRAND'],
  [data-specialist-role='ON_BRAND'],
  #mail-workspace[data-specialist='ON_BRAND']
) {
  --agent: #9e5338;
}
:is(.teammate, .specialist-dashboard, [data-agent], #tasks-workspace, #mail-workspace) {
  --desk: var(--agent);
  --wash: color-mix(in srgb, var(--agent) 7%, white);
  --agent-soft: color-mix(in srgb, var(--agent) 12%, white);
  --agent-line: color-mix(in srgb, var(--agent) 28%, white);
  --agent-ink: color-mix(in srgb, var(--agent) 80%, #10212e);
}
.teammate {
  background: var(--wash);
  border-color: var(--agent-line);
  border-top: 3px solid var(--agent);
}
.teammate strong {
  color: var(--agent-ink);
}
.teammate[aria-pressed='true'] {
  background: var(--agent-soft);
  border-color: var(--agent);
  box-shadow: 0 0 0 1px var(--agent);
}
.specialist-dashboard {
  border-color: var(--agent-line);
}
.specialist-dashboard .role-heading {
  background: var(--wash);
  border-left-color: var(--agent);
}
.specialist-dashboard .role-heading h2,
.specialist-dashboard .role-heading .eyebrow,
.specialist-dashboard .role-work-counts strong,
.specialist-dashboard .role-workflow h3 {
  color: var(--agent-ink);
}
.specialist-dashboard .role-common-actions button:first-child {
  background: var(--agent);
  border-color: var(--agent);
  color: white;
}
.specialist-dashboard
  :is(
    .role-common-actions button:not(:first-child),
    .role-tools button,
    .role-mail > button:last-child
  ) {
  border-color: var(--agent-line);
  color: var(--agent-ink);
  background: var(--wash);
}
.specialist-dashboard .role-stages > div {
  border-color: var(--agent-line);
  background: var(--wash);
}
.specialist-dashboard .role-stages span {
  color: var(--agent);
  border-color: var(--agent-line);
}
.specialist-dashboard .role-business-signals,
.specialist-dashboard .role-mail {
  background: color-mix(in srgb, var(--agent) 4%, white);
  border-color: var(--agent-line);
}
.specialist-dashboard .role-mail-row {
  border-color: var(--agent-line);
}
.specialist-dashboard .deal-chip {
  background: var(--agent-soft);
  border-color: var(--agent-line);
  color: var(--agent-ink);
}
.role-wall .role-workflow {
  background: var(--agent);
}
.role-wall .role-workflow h3 {
  color: white;
}
.role-wall .role-stages > div {
  background: color-mix(in srgb, var(--agent) 86%, white);
  border-color: color-mix(in srgb, var(--agent) 55%, white);
}
.role-wall .role-stages :is(span, strong) {
  color: #e9f1f8;
}
.role-wall .role-tools button {
  color: var(--agent);
  background: #f0f5fa;
}
.role-wall .role-tools button.primary {
  background: #cadbec;
  color: #112b46;
}
.role-wall .role-studio-note {
  color: #bed0e1;
}
.task-card[data-agent] {
  border-color: var(--agent-line);
  border-left: 3px solid var(--agent);
  background: color-mix(in srgb, var(--agent) 3%, white);
}
.task-card[data-agent].selected {
  background: var(--agent-soft);
  box-shadow: inset 3px 0 var(--agent);
  border-color: var(--agent);
}
.task-card[data-agent] .card-agent span {
  color: var(--agent-ink);
}
#task-conversation[data-agent] {
  border-top: 3px solid var(--agent);
}
#task-conversation[data-agent] .conversation-heading {
  color: var(--agent);
}
#task-conversation[data-agent] :is(.browser-tool, .reviewed-result) {
  border-color: var(--agent-line);
  background: var(--wash);
}
#task-conversation[data-agent] :is(.browser-tool h3, .conversation-heading .eyebrow) {
  color: var(--agent-ink);
}
:is(#task-conversation[data-agent], #task-composer[data-agent], .document-review[data-agent])
  .primary {
  background: var(--agent);
  border-color: var(--agent);
  color: white;
}
#task-conversation[data-agent] .file-drop-zone {
  border-color: var(--agent-line);
  background: var(--wash);
}
#task-composer[data-agent] {
  border-top: 4px solid var(--agent);
}
#task-composer[data-agent] .eyebrow {
  color: var(--agent);
}
.document-review[data-agent] > header {
  border-bottom: 3px solid var(--agent);
  background: var(--wash);
}
.document-review[data-agent] .document-review-notes {
  background: color-mix(in srgb, var(--agent) 3%, white);
}
.document-review[data-agent] .document-review-notes h3 {
  color: var(--agent-ink);
}
#mail-workspace[data-specialist]:not([data-specialist='ALL']) :is(.deal-chip, .mail-focus-stats) {
  background: var(--wash);
  border-color: var(--agent-line);
  color: var(--agent-ink);
}
#mail-workspace[data-specialist]:not([data-specialist='ALL']) .mail-focus-stats strong {
  color: var(--agent);
}
#mail-workspace[data-specialist]:not([data-specialist='ALL'])
  .mail-focus-row[aria-selected='true'] {
  background: var(--wash);
  box-shadow: inset 3px 0 var(--agent);
}
#mail-workspace[data-specialist]:not([data-specialist='ALL'])
  .mail-focus-tabs
  button[aria-pressed='true'] {
  color: var(--agent-ink);
  background: var(--agent-soft);
}
#mail-workspace[data-specialist]:not([data-specialist='ALL']) .primary {
  background: var(--agent);
  border-color: var(--agent);
  color: white;
}
#tasks-workspace[data-specialist-role]:not([data-specialist-role='ALL']) .task-column > h3 {
  color: var(--agent-ink);
}
#mail-workspace[data-specialist]:not([data-specialist='ALL']) .mail-action-card {
  background: var(--wash);
  border-color: var(--agent-line);
  border-left-color: var(--agent);
}