/* Shared semantic colors: independent of the employee's workspace theme. */
.task-priority[data-priority=low]{--priority-ink:#52687b;--priority-bg:#eef3f7;--priority-line:#c2d0da;--priority-icon:var(--ui-icon-arrow-down)}
.task-priority[data-priority=normal]{--priority-ink:#34752a;--priority-bg:#eff7e9;--priority-line:#bfd6ae;--priority-icon:var(--ui-icon-minus)}
.task-priority[data-priority=high]{--priority-ink:#a34b06;--priority-bg:#fff2e5;--priority-line:#ebc394;--priority-icon:var(--ui-icon-arrow-up)}
.task-priority[data-priority=urgent]{--priority-ink:#b02f3e;--priority-bg:#fff0f1;--priority-line:#e7adb6;--priority-icon:var(--ui-icon-circle-alert)}
html[data-theme] body .task-priority[data-priority],html[data-theme] body #taskView .task-priority[data-priority]{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--priority-ink)!important;background:var(--priority-bg)!important;border:1px solid var(--priority-line);border-radius:6px;min-width:55px;min-height:26px;padding:3px 7px;font-size:12px;line-height:1.3;font-weight:650;white-space:nowrap}
html[data-theme] body .task-priority[data-priority]::before{content:"";height:16px;background-color:currentColor;mask:var(--priority-icon) center/contain no-repeat;display:inline-grid;place-items:center;font-family:Arial,sans-serif;font-size:16px;line-height:1;width:12px;flex:none;color:var(--priority-ink);font-weight:800}
.task-status[data-status=todo]{--status-ink:#075d92;--status-dot:#1499d8;--status-top:#ecf9ff;--status-bg:#c9ecff;--status-border:#88c9e9}
.task-status[data-status=doing]{--status-ink:#256126;--status-dot:#4da823;--status-top:#f0fae9;--status-bg:#d5edc2;--status-border:#a0cb81}
.task-status[data-status=feedback]{--status-ink:#97420a;--status-dot:#df7c16;--status-top:#fff7e9;--status-bg:#ffe1b9;--status-border:#e1b373}
.task-status[data-status=done]{--status-ink:#5936a8;--status-dot:#8b61dd;--status-top:#f7f2ff;--status-bg:#e2d6ff;--status-border:#bca5e5}
.task-status[data-status=hold]{--status-ink:#515c70;--status-dot:#778397;--status-top:#f7f9fc;--status-bg:#e2e7ef;--status-border:#b5bfcd}
.task-status{padding:7px 12px;display:inline-flex;align-items:center;gap:7px;font-weight:700;white-space:nowrap}
html[data-theme] body .task-status[data-status],
html[data-theme] body.collaboration-design main.container .task-status[data-status],
html[data-theme] body #taskView .task-status[data-status],
html[data-theme] body #ctStatusButtons button.task-status[data-status]{color:var(--status-ink)!important;background:linear-gradient(180deg,var(--status-top),var(--status-bg))!important;border:1px solid var(--status-border)!important;border-radius:999px!important;box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #16243b0a,0 1px 2px #16243b14!important}
.task-status::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--status-dot);flex-shrink:0}
.task-state-picker{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.task-state-picker button[aria-pressed=true]{outline:2px solid var(--status-dot);outline-offset:2px}
html body .task-status-menu button.task-status[data-status]{min-height:40px;min-width:90px;padding:7px 12px!important;justify-content:center}
@media(max-width:760px){html body .task-status-control>summary.task-status,html body .task-status-menu button.task-status[data-status]{min-height:44px}}
/* The composer uses the existing state buttons instead of an unstyled OS menu. */
html body #collabComposerDialog .flow-status-field{align-items:flex-start;flex-direction:column;gap:8px;margin:8px 0 18px}
html body #collabComposerDialog .flow-status-field>.flow-caption{flex:none;padding:0}
html body #collabComposerDialog #ctStatus[hidden]{display:none!important}
html body #collabComposerDialog #ctStatusButtons{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:3px;max-width:100%}
html body #collabComposerDialog #ctStatusButtons button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:82px;min-height:44px;margin:0;padding:8px 12px;font-size:14px;line-height:1.2;cursor:pointer}
html body #collabComposerDialog #ctStatusButtons button::before{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1}
html body #collabComposerDialog #ctStatusButtons button[aria-pressed=true]::before{content:'';background-color:var(--status-ink);mask:var(--ui-icon-check) center/contain no-repeat}
html body #collabComposerDialog #ctStatusButtons button:focus-visible{outline:3px solid var(--status-ink);outline-offset:3px}
@media(max-width:760px){html body.collaboration-design main.container.flow-detail #collabComposerDialog .flow-status-field{gap:8px;margin:6px 0 18px;min-height:0}html body.collaboration-design main.container.flow-detail #collabComposerDialog .flow-status-field>.flow-caption{flex:none}html body #collabComposerDialog #ctStatusButtons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}html body #collabComposerDialog #ctStatusButtons button{width:100%;min-width:0;padding:8px 10px}}
.collab-page .collab-board{grid-template-columns:repeat(5,minmax(0,1fr))}.collab-board>section{min-width:0}.collab-board .card{padding:12px}.collab-board .task-status{padding:5px 8px}.collab-gantt-track span.task-status{border:0;display:flex;border-radius:6px;justify-content:center}
@media(max-width:1000px){.collab-page .collab-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.collab-page .collab-board{grid-template-columns:1fr}}

.project-palette{display:grid;grid-template-columns:repeat(6,32px);gap:10px;padding:12px 0}.project-palette-swatch{width:32px;height:32px;background:var(--swatch)!important;border:2px solid #fff!important;border-radius:50%;padding:0!important;box-shadow:0 0 0 1px #dfe4f0}.project-palette-swatch[aria-pressed=true]{outline:2px solid var(--swatch);outline-offset:2px}.project-palette-picker{margin:12px 16px;align-self:flex-end}.project-palette-picker summary{cursor:pointer;color:#485575;font-size:13px}.project-palette-picker .project-color-picker{position:static!important;margin:8px 0!important}.project-color-card:has(.project-palette-picker[open]){z-index:1}

#projectQuickCompose{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0;background:white;border:1px solid #dfe4f0;border-radius:12px;padding:12px}#projectQuickCompose a{flex:1;text-align:center;background:#eef1ff;color:#193887;border-radius:8px;padding:12px;text-decoration:none;min-width:60px}#projectQuickCompose[hidden],#projectQuickCompose a[hidden]{display:none}