/* The work board's own styles (public/work-board, COMMAND-721). No design yet: everything here also carries .poc-ui
   (app.css), the grep-able marker (it draws nothing since COMMAND-817). */

/* The card kinds' own colours (COMMAND-811), light and dark. */
:root { --type-technical-plan: #c2410c; }
@media (prefers-color-scheme: dark) {
  :root { --type-technical-plan: #fb923c; }
}

/* A card's kind and an idea's or technical plan's status: small tags beside its number, in the header and in a
   List view cell. */
.tag.work-type-tag { margin-left: 0; font-weight: 600; white-space: nowrap; }
.tag.work-type-tag[data-type="bug"] { background: var(--danger-soft); color: var(--danger); }
/* COMMAND-811: Idee and Technisch plan each a colour of their own (they shared the accent before), so the kinds
   tell apart at a glance in a tree, a search hit and a card's header. */
.tag.work-type-tag[data-type="idea"] { background: var(--accent-soft); color: var(--accent); }
.tag.work-type-tag[data-type="technical_plan"] { background: color-mix(in srgb, var(--type-technical-plan) 14%, transparent); color: var(--type-technical-plan); }
/* COMMAND-736: a chore (Klus) in a colour of its own, apart from the card flow's blue and the statuses' colours. */
.tag.work-type-tag[data-type="chore"] { background: color-mix(in srgb, var(--type-feedback) 14%, transparent); color: var(--type-feedback); }
.tag.work-status-tag { margin-left: 0; white-space: nowrap; }
.tag.work-status-tag.is-in-progress { background: var(--warn-soft); color: var(--warn); }
.tag.work-status-tag.is-completed,
.tag.work-status-tag.is-accepted,
.tag.work-status-tag.is-done { background: var(--advice-soft); color: var(--advice); }
.tag.work-status-tag.is-rejected { background: var(--danger-soft); color: var(--danger); }
.work-from { display: inline; }

/* COMMAND-973: a board's hours still to build, on its page's Details (POC: no design yet). */
.work-board-hours { margin: 0 0 12px; }
.work-board-hours .work-board-total { margin: 0 0 4px; }

/* COMMAND-1108: a card's real build time beside its estimate (POC: no design yet); amber when it landed above or below
   the estimate's range. */
.work-actual-took.work-actual-outside { color: var(--warn); font-weight: 600; }