/* Compact board task workspace, independent of the operational ticket composer. */
main:has([data-task-composer]) .topbar{margin-bottom:16px;padding-bottom:12px}
.board-task-composer{max-width:none;width:100%;padding:18px;border-top:3px solid var(--card-color,var(--border))}
.board-task-composer form{min-width:0}.board-task-form-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px;min-width:0}
.board-task-form-main,.board-task-form-properties{display:flex;flex-direction:column;gap:9px;min-width:0}.board-task-form-properties{padding-left:24px;border-left:1px solid var(--border-soft)}
.board-task-form-main .eyebrow{margin:0;font-size:11px}.board-task-composer .workspace-field{margin:0}.board-task-composer .workspace-field>label,.task-create-files>.field-label-text{font-size:12px;margin-bottom:4px;display:block;font-weight:600}
.board-task-composer input:not([type=hidden]):not([type=radio]),.board-task-composer .ui-select-trigger,.board-task-composer .deadline-clear{min-height:38px;height:38px;padding:7px 10px}.board-task-composer .deadline-clear{padding:0;width:32px}
.board-task-form-main .task-field-description{flex:1;display:flex;flex-direction:column}.board-task-form-main textarea{flex:1;resize:none;min-height:200px;height:clamp(200px,calc(100dvh - 330px),500px);padding:12px}
.board-task-composer .task-field-move_comment textarea{height:72px;min-height:72px}.board-task-composer .workspace-field[hidden]{display:none}
.board-task-composer .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border-soft);background:var(--surface);flex:none}
.task-color-picker.workspace-palette{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;padding:0;margin:2px 0;border:0;min-width:0}
.task-color-picker legend{font-size:12px;font-weight:600;margin-bottom:6px;padding:0}.task-color-picker legend span{font-weight:400;margin-left:6px;font-size:10px}
.task-color-picker.workspace-palette label{display:flex;align-items:center;justify-content:center;padding:2px;min-height:25px;border-radius:6px;background:transparent;border:1px solid transparent;position:relative}
.task-color-picker .workspace-swatch{width:18px;height:18px;box-shadow:inset 0 0 0 1px #0003;text-align:center;font-size:18px;line-height:18px;color:var(--muted)}
.task-color-picker input{position:absolute;width:1px;height:1px;opacity:0}.task-color-picker label:has(input:checked){background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.task-color-picker label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.task-create-files .file-drop{min-height:56px;padding:8px 12px;margin:0}.task-create-files .file-drop>strong{font-size:12px}.task-create-files .file-drop>span{font-size:10px}.task-create-files .selected-files{max-height:100px;overflow:auto}.task-create-files small{font-size:10px}
.board-task-page{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:20px;align-items:start}.board-task-main,.board-task-sidebar{min-width:0;display:flex;flex-direction:column;gap:18px}
.board-task-page .workspace-task-detail{max-width:none;margin:0;padding:20px;min-width:0}.board-task-main>.workspace-task-detail:first-child{border-top:3px solid var(--card-color,var(--border))}.board-task-page h2{font-size:17px;margin:0 0 14px}.board-task-page h3{font-size:13px;margin:18px 0 8px}.board-task-page .eyebrow{font-size:11px;margin:0 0 12px}.board-task-page .text{font-size:13px;line-height:1.65}.board-task-page p{font-size:13px}.board-task-page .workspace-field{margin-bottom:12px}.board-task-page .workspace-field>label{font-size:12px}.board-task-page input:not([type=checkbox]):not([type=hidden]),.board-task-page .ui-select-trigger{min-height:38px}.board-task-page textarea{resize:vertical}
.board-task-page .workspace-archive summary{font-size:12px}.board-task-page .workspace-timeline:first-of-type{margin-top:14px}.board-task-page .task-description{white-space:normal}.board-task-sidebar .board-task-work{display:flex;flex-direction:column;gap:18px}.board-task-sidebar .board-task-work>div+div{border-top:1px solid var(--border-soft);padding-top:18px}
.workspace-task[data-card-color]:not([data-card-color='']){border-top:4px solid var(--card-color);background:color-mix(in srgb,var(--card-color) 9%,var(--surface-raised))}
.workspace-task-ghost{position:fixed;left:0;top:0;margin:0;pointer-events:none!important;z-index:1000;max-width:none;box-sizing:border-box;box-shadow:0 18px 45px #0005;will-change:transform;overflow:hidden;transition:none!important;opacity:.98;cursor:grabbing}.workspace-task-ghost *{pointer-events:none!important}
.workspace-task.workspace-dragging{opacity:.2;outline:2px dashed var(--accent);outline-offset:2px}.workspace-drop-marker{min-height:56px;box-sizing:border-box;border:2px dashed var(--accent-edge);border-radius:10px;background:var(--accent-soft);margin:0;flex:none;transition:height .15s}.workspace-task .task-grip{width:28px;height:28px;min-height:28px}
@media(min-width:761px){.board-task-composer{max-height:var(--task-composer-height,calc(100dvh - 124px));display:flex;flex-direction:column}.board-task-composer>form{display:flex;flex-direction:column;min-height:0}.board-task-form-layout{overflow-y:auto;overflow-x:hidden;min-height:0;padding:3px;scroll-padding:12px}}
@media(min-width:761px) and (max-height:740px){main:has([data-task-composer]){padding-top:14px}main:has([data-task-composer]) .topbar{margin-bottom:10px;padding-bottom:8px}.board-task-composer{max-height:var(--task-composer-height,calc(100dvh - 104px));padding:14px}.board-task-form-main,.board-task-form-properties{gap:6px}}
@media(max-width:1100px){.board-task-form-layout{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr);gap:18px}.board-task-form-properties{padding-left:18px}.board-task-page{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:14px}}
@media(max-width:760px){.board-task-composer{padding:14px}.board-task-form-layout,.board-task-page{grid-template-columns:minmax(0,1fr)}.board-task-form-properties{padding:16px 0 0;border:0;border-top:1px solid var(--border-soft)}.board-task-form-main textarea{min-height:180px;height:200px}.board-task-composer .form-actions{position:sticky;bottom:0;padding:10px 0;z-index:2;flex-wrap:wrap}.board-task-page .workspace-task-detail{padding:16px}.board-task-page{gap:18px}}
@media(prefers-reduced-motion:reduce){.workspace-drop-marker{transition:none}}

[data-card-color=slate]{--card-color:#8b9aaf}[data-card-color=sky]{--card-color:#78c8ff}[data-card-color=violet]{--card-color:#a991ff}[data-card-color=blue]{--card-color:#589cff}[data-card-color=amber]{--card-color:#efbf56}[data-card-color=green]{--card-color:#57c991}[data-card-color=red]{--card-color:#f57889}[data-card-color=teal]{--card-color:#51c8c1}[data-card-color=rose]{--card-color:#e693c9}[data-card-color=cyan]{--card-color:#30b9dc}[data-card-color=mint]{--card-color:#9ae7c3}[data-card-color=lime]{--card-color:#b6d947}[data-card-color=olive]{--card-color:#929e52}[data-card-color=gold]{--card-color:#d99b2c}[data-card-color=orange]{--card-color:#f19a49}[data-card-color=coral]{--card-color:#ee806c}[data-card-color=pink]{--card-color:#e759a3}[data-card-color=plum]{--card-color:#a66baf}[data-card-color=lavender]{--card-color:#d2b9ef}[data-card-color=indigo]{--card-color:#7273d9}[data-card-color=navy]{--card-color:#44678e}[data-card-color=brown]{--card-color:#a67b5b}[data-card-color=copper]{--card-color:#c88d72}[data-card-color=cream]{--card-color:#f1dfaa}[data-card-color=charcoal]{--card-color:#525965}
