/* Shared status palette. Layout, icons, drag targets and stored status keys
   belong to the existing workflow; only its colours are defined here.
   Surfaces mix 35% white into the base palette; labels keep a darker ink. */
:root{
  --workflow-queue:#747980;
  --workflow-work:#365F9D;
  --workflow-print:#347B89;
  --workflow-review:#885775;
  --workflow-done:#3C8065;
  --workflow-archive:#3B3E43;
  --queue:color-mix(in srgb,var(--workflow-queue) 65%,white)!important;
  --work:color-mix(in srgb,var(--workflow-work) 65%,white)!important;
  --print:color-mix(in srgb,var(--workflow-print) 65%,white)!important;
  --review:color-mix(in srgb,var(--workflow-review) 65%,white)!important;
  --done:color-mix(in srgb,var(--workflow-done) 65%,white)!important;
  --archive:color-mix(in srgb,var(--workflow-archive) 65%,white)!important;
}

/* Keep Development and Print in their current shared column, but give each
   existing subgroup its own status colour on desktop and mobile. */
html body.projects-page .kanban-group[data-group-status="В работе"]{--status:var(--work)}
html body.projects-page .kanban-group[data-group-status="Печать"]{--status:var(--print)}
html body.projects-page .kanban-subhead{
  color:color-mix(in srgb,var(--status) 70%,#1d1d1f);
}
html body.projects-page .column[data-status="В работе"] .kanban-subhead-label{
  background:color-mix(in srgb,var(--status) 58%,white);
  color:color-mix(in srgb,var(--status) 38%,#1d1d1f);
}
html body.projects-page .column[data-status="В работе"]>.kanban-group>.kanban-subhead small{
  background:color-mix(in srgb,var(--status) 10%,white);
}
html body.projects-page .progress-day-part.is-status-start.is-review{background:var(--review)!important}
html body.projects-page .archive{--status:var(--workflow-archive)}
html body.projects-page .archive>h2{color:var(--workflow-archive)}
@media(min-width:768px){
  html body.projects-page .column[data-status="В работе"]>.kanban-group{
    background:color-mix(in srgb,var(--status) 21%,white);
  }
}

/* Existing status badges and feed rails use the same base colour. */
html body.project-layout .project-status-badge.status-planning,
html body.project-layout .project-chat-status-band.status-planning,
html body.project-layout #chatList .project-chat-day.status-planning{--workflow-ink:var(--workflow-queue);--feed-status:var(--queue)!important}
html body.project-layout .project-status-badge.status-design,
html body.project-layout .project-chat-status-band.status-design,
html body.project-layout #chatList .project-chat-day.status-design{--workflow-ink:var(--workflow-work);--feed-status:var(--work)!important}
html body.project-layout .project-status-badge.status-production,
html body.project-layout .project-chat-status-band.status-production,
html body.project-layout #chatList .project-chat-day.status-production{--workflow-ink:var(--workflow-print);--feed-status:var(--print)!important}
html body.project-layout .project-status-badge:is(.status-review,.status-pause),
html body.project-layout .project-chat-status-band:is(.status-review,.status-pause),
html body.project-layout #chatList .project-chat-day:is(.status-review,.status-pause){--workflow-ink:var(--workflow-review);--feed-status:var(--review)!important}
html body.project-layout .project-status-badge.status-closed,
html body.project-layout .project-chat-status-band.status-closed,
html body.project-layout #chatList .project-chat-day.status-closed{--workflow-ink:var(--workflow-done);--feed-status:var(--done)!important}
html body.project-layout .project-status-badge.status-archive,
html body.project-layout .project-chat-status-band.status-archive,
html body.project-layout #chatList .project-chat-day.status-archive{--workflow-ink:var(--workflow-archive);--feed-status:var(--archive)!important}
html body.project-layout .project-status-badge:is(.status-planning,.status-design,.status-production,.status-review,.status-pause,.status-closed,.status-archive){
  background:color-mix(in srgb,var(--feed-status) 15%,white)!important;
  color:color-mix(in srgb,var(--workflow-ink) 85%,#1d1d1f)!important;
}
html body.project-layout #chatList .project-chat-status-band.from-status-planning{--feed-before:var(--queue)!important}
html body.project-layout #chatList .project-chat-status-band.from-status-design{--feed-before:var(--work)!important}
html body.project-layout #chatList .project-chat-status-band.from-status-production{--feed-before:var(--print)!important}
html body.project-layout #chatList .project-chat-status-band:is(.from-status-review,.from-status-pause){--feed-before:var(--review)!important}
html body.project-layout #chatList .project-chat-status-band.from-status-closed{--feed-before:var(--done)!important}
html body.project-layout #chatList .project-chat-status-band.from-status-archive{--feed-before:var(--archive)!important}

/* Both versions of the brief timeline (normal and overview) share tokens. */
html body.project-layout :is(.project-status-day-part,.project-status-timeline-segment,.project-status-change).is-queue,
html body.project-layout #briefPanel #projectOverview .progress-day-part.is-queue{
  --segment-color:var(--queue);background:var(--queue)!important;
}
html body.project-layout :is(.project-status-day-part,.project-status-timeline-segment,.project-status-change).is-work,
html body.project-layout #briefPanel #projectOverview .progress-day-part.is-work{
  --segment-color:var(--work);background:var(--work)!important;
}
html body.project-layout :is(.project-status-day-part,.project-status-timeline-segment,.project-status-change).is-production,
html body.project-layout #briefPanel #projectOverview .progress-day-part.is-production{
  --segment-color:var(--print);background:var(--print)!important;
}
html body.project-layout :is(.project-status-day-part,.project-status-timeline-segment,.project-status-change).is-review,
html body.project-layout #briefPanel #projectOverview .progress-day-part.is-review{
  --segment-color:var(--review);background:var(--review)!important;
}
html body.project-layout :is(.project-status-day-part,.project-status-timeline-segment,.project-status-change).is-closed,
html body.project-layout #briefPanel #projectOverview .progress-day-part.is-closed{
  --segment-color:var(--done);background:var(--done)!important;
}

/* Calendar keeps its subdued bars and stronger hover treatment. */
.calendar-page .calendar-event-segment.status-queue{--calendar-color:var(--workflow-queue)!important}
.calendar-page .calendar-event-segment.status-work{--calendar-color:var(--workflow-work)!important}
.calendar-page .calendar-event-segment.status-print{--calendar-color:var(--workflow-print)!important}
.calendar-page .calendar-event-segment:is(.status-review,.status-pause){--calendar-color:var(--workflow-review)!important}
.calendar-page .calendar-event-segment.status-done{--calendar-color:var(--workflow-done)!important}
.calendar-page .calendar-event-segment.status-archive{--calendar-color:var(--workflow-archive)!important}
.calendar-page .calendar-event-segment{
  --calendar-soft:color-mix(in srgb,var(--calendar-color) 17%,white)!important;
}