2 lines
33 KiB
CSS
2 lines
33 KiB
CSS
.workboard{--workboard-control-height:34px;--workboard-control-radius:7px;--workboard-control-bg:color-mix(in srgb, var(--bg-elevated) 72%, var(--bg) 28%);--workboard-control-border:color-mix(in srgb, var(--border-strong) 78%, transparent);--workboard-control-border-hover:color-mix(in srgb, var(--accent) 36%, var(--border-strong));flex-direction:column;flex:1;gap:12px;min-height:0;padding-bottom:16px;display:flex;overflow:hidden}.workboard-page-title{align-items:center;gap:9px;display:flex}.workboard-automation-chip{align-items:center;gap:5px;padding:3px 8px;text-decoration:none;display:inline-flex}.workboard-automation-chip svg{width:14px;height:14px}.workboard-board-glyph--header{border-radius:8px;width:28px;height:28px;font-size:12px}.workboard-main{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.workboard-toolbar{border:1px solid color-mix(in srgb, var(--border-strong) 56%, transparent);background:color-mix(in srgb, var(--panel-strong) 64%, var(--panel) 36%);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px;display:flex}.workboard-toolbar__filters,.workboard-toolbar__actions,.workboard-draft__meta,.workboard-template-strip,.workboard-card__actions,.workboard-card__badges,.workboard-card__chips,.workboard-card__meta,.workboard-card__quick-actions,.workboard-card__top,.workboard-layout-controls,.workboard-layout-toggle,.workboard-labels{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workboard-toolbar__filters{flex:1;min-width:260px}.workboard-refresh-status{color:var(--muted);white-space:nowrap;min-width:104px;font-size:.76rem;line-height:1.2}.workboard-refresh-status--error{color:var(--danger)}.workboard-health{flex-wrap:wrap;align-items:center;gap:7px;min-height:32px;padding:0 2px;display:flex}.workboard-health__item{--workboard-health-color:var(--border-strong);border:1px solid color-mix(in srgb, var(--border) 64%, transparent);background:color-mix(in srgb, var(--panel-strong) 44%, transparent);min-height:26px;color:color-mix(in srgb, var(--muted) 86%, var(--text) 14%);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:7px;align-items:center;gap:5px;margin:0;padding:3px 8px;font-family:inherit;font-size:.76rem;line-height:1;display:inline-flex}@media (hover:hover){.workboard-health__item:hover{border-color:color-mix(in srgb, var(--workboard-health-color) 44%, var(--border));background:color-mix(in srgb, var(--workboard-health-color) 11%, var(--panel));color:var(--text)}}.workboard-health__item:focus-visible{outline:2px solid color-mix(in srgb, var(--workboard-health-color) 56%, transparent);outline-offset:2px}.workboard-health__item--active{border-color:color-mix(in srgb, var(--workboard-health-color) 64%, var(--border));background:color-mix(in srgb, var(--workboard-health-color) 18%, var(--panel));color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb, var(--workboard-health-color) 24%, transparent) inset, 0 0 18px color-mix(in srgb, var(--workboard-health-color) 20%, transparent)}.workboard-health__item--empty:not(.workboard-health__item--active){color:color-mix(in srgb, var(--muted) 76%, transparent)}.workboard-health__item strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:.82rem}.workboard-health__item--blocked,.workboard-health__item--failedAttempts{--workboard-health-color:var(--danger);border-color:color-mix(in srgb, var(--danger) 24%, var(--border));background:color-mix(in srgb, var(--danger) 9%, var(--panel))}.workboard-health__item--stale,.workboard-health__item--missingProof,.workboard-health__item--readyUnassigned{--workboard-health-color:var(--warn);border-color:color-mix(in srgb, var(--warn) 24%, var(--border));background:color-mix(in srgb, var(--warn) 8%, var(--panel))}.workboard-health__item--running{--workboard-health-color:var(--info)}.workboard-layout-toggle{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:var(--workboard-control-radius);background:color-mix(in srgb, var(--bg-elevated) 42%, transparent);gap:4px;padding:2px}.workboard-layout-controls{gap:8px}.workboard .input{min-height:var(--workboard-control-height);border:1px solid var(--workboard-control-border);border-radius:var(--workboard-control-radius);background-color:var(--workboard-control-bg);color:var(--text);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);font-size:13px;line-height:1.25;box-shadow:inset 0 1px #ffffff0a}@media (hover:hover){.workboard .input:hover{border-color:var(--workboard-control-border-hover)}}.workboard .input:focus-visible{border-color:color-mix(in srgb, var(--accent) 70%, var(--border-strong));box-shadow:inset 0 1px 0 #ffffff0d, 0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.workboard input.input,.workboard select.input{height:var(--workboard-control-height);padding:0 10px}.workboard select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;max-width:220px;padding-right:28px}.workboard input.input::placeholder,.workboard textarea.input::placeholder{color:color-mix(in srgb, var(--muted) 76%, transparent);opacity:1}.workboard-toolbar__filters .input[type=search]{width:min(420px,100%);min-width:min(280px,100%)}.workboard-draft{border:1px solid color-mix(in srgb, var(--border) 86%, transparent);background:color-mix(in srgb, var(--panel) 96%, var(--bg) 4%);width:100%;height:min(860px,100vh - 56px);min-height:0;box-shadow:var(--shadow-xl);border-radius:10px;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:16px;display:grid;overflow:hidden}.workboard-modal__header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.workboard-modal__header h2{margin:0;font-size:1rem;line-height:1.25}.workboard-modal__header p{color:var(--muted);margin:3px 0 0;font-size:.82rem}.workboard-draft__main{gap:10px;min-width:0;display:grid}.workboard-draft__body{overscroll-behavior:contain;gap:14px;min-height:0;padding-right:2px;display:grid;overflow:hidden auto}.workboard-template-strip{gap:6px}.workboard-template-strip .btn{min-height:28px;padding-inline:9px}.workboard-template-strip__button--active{border-color:color-mix(in srgb, var(--accent) 50%, var(--border-strong));background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.workboard-draft__title{width:100%;font-weight:650}.workboard textarea.input.workboard-draft__notes{resize:vertical;width:100%;height:156px;min-height:156px;padding:9px 10px}.workboard-draft__meta{grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;display:grid}.workboard-field{gap:5px;min-width:0;display:grid}.workboard-field>span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:650;line-height:1.2}.workboard-field .input{width:100%;max-width:none}.workboard-select{--wa-form-control-activated-color:var(--accent);width:100%;min-width:0}.workboard-select--toolbar{width:min(176px,100%);max-width:176px}.workboard-agent-select--toolbar{width:min(236px,100%);max-width:236px}.workboard-select--toolbar-board{width:min(224px,100%);max-width:224px}.workboard-agent-select{width:100%;min-width:0}.workboard-agent-select .agent-select__trigger{min-height:var(--workboard-control-height);border-color:var(--border);background:var(--bg-elevated);border-radius:7px;font-weight:600}.workboard-agent-select--toolbar .agent-select__trigger{height:var(--workboard-control-height)}.workboard-select::part(form-control-label){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.workboard-select::part(combobox){min-height:var(--workboard-control-height);border-color:var(--border);background:var(--bg-elevated);width:100%;color:var(--text);border-radius:7px}.workboard-select::part(listbox){max-height:min(320px, var(--auto-size-available-height,calc(100vh - 48px)));border:1px solid var(--overlay-border);background:color-mix(in srgb, var(--bg-elevated) 94%, var(--bg) 6%);box-shadow:var(--overlay-shadow);border-radius:8px;padding:6px}.workboard-field--wide{grid-column:1/-1}.workboard-modal__actions{justify-content:flex-end;gap:8px;display:flex}.workboard-draft>.workboard-modal__actions{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);padding-top:12px}.workboard-toolbar .btn,.workboard-draft .btn{min-height:var(--workboard-control-height);border-radius:var(--workboard-control-radius);padding:0 12px}.workboard .btn.active{border-color:color-mix(in srgb, var(--accent) 44%, var(--border-strong));background:color-mix(in srgb, var(--accent) 14%, var(--bg-elevated));color:var(--text)}.workboard-board{scroll-snap-type:x proximity;flex:1;grid-template-columns:none;grid-auto-columns:minmax(292px,1fr);grid-auto-flow:column;gap:10px;min-height:0;padding-bottom:8px;display:grid;overflow:auto hidden}.workboard-board--compact{grid-auto-columns:minmax(262px,1fr)}.workboard-board--comfortable{grid-auto-columns:minmax(312px,1fr)}.workboard-board--single-column{grid-auto-columns:minmax(292px,min(50%,720px))}.workboard-board--compact.workboard-board--single-column{grid-auto-columns:minmax(262px,min(50%,680px))}.workboard-board--comfortable.workboard-board--single-column{grid-auto-columns:minmax(312px,min(50%,760px))}.workboard-board--page{--workboard-column-width:292px;--workboard-single-column-max:720px;grid-auto-flow:unset;grid-auto-columns:unset;display:flex}.workboard-board--page.workboard-board--compact{--workboard-column-width:262px;--workboard-single-column-max:680px}.workboard-board--page.workboard-board--comfortable{--workboard-column-width:312px;--workboard-single-column-max:760px}.workboard-board--page.workboard-board--single-column .workboard-column:not(.workboard-column--collapsed){flex:0 0 min(50%, var(--workboard-single-column-max));width:min(50%, var(--workboard-single-column-max));max-width:var(--workboard-single-column-max)}.workboard-board--page .workboard-column{flex:1 0 var(--workboard-column-width);min-width:var(--workboard-column-width)}.workboard-column{--workboard-column-accent:color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--panel-strong) 34%, var(--panel) 66%);border:1px solid color-mix(in srgb, var(--border-strong) 52%, transparent);scroll-snap-align:start;border-radius:8px;flex-direction:column;min-width:292px;min-height:0;display:flex;overflow:hidden}.workboard-board--page .workboard-column.workboard-column--collapsed{flex:0 0 48px;width:48px;min-width:48px}.workboard-column--drop{outline:1px dashed color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:-4px}.workboard-column__header{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);box-shadow:inset 0 2px 0 var(--workboard-column-accent);justify-content:space-between;align-items:center;padding:10px 11px 9px;display:flex}.workboard-column__header-actions{align-items:center;gap:4px;display:flex}.workboard-column__collapse{width:26px;min-width:26px;height:26px;min-height:26px;color:var(--muted);opacity:0;touch-action:manipulation;padding:0;transition:color .12s,opacity .12s}.workboard-column__header:focus-within .workboard-column__collapse{opacity:1}@media (hover:hover){.workboard-column__header:hover .workboard-column__collapse{opacity:1}}.workboard-column__collapse:focus-visible{color:var(--text)}@media (hover:hover){.workboard-column__collapse:hover{color:var(--text)}}.workboard-column__collapse-icon,.workboard-column__direction-icon{display:inline-flex}.workboard-column__direction-icon--expand-vertical,.workboard-column__direction-icon--collapse-vertical{display:none}.workboard-column__collapse:focus-visible,.workboard-column__rail:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.workboard-column--ready,.workboard-column--scheduled{--workboard-column-accent:color-mix(in srgb, var(--warn) 38%, transparent)}.workboard-column--running,.workboard-column--review{--workboard-column-accent:color-mix(in srgb, var(--accent-2) 38%, transparent)}.workboard-column--blocked{--workboard-column-accent:color-mix(in srgb, var(--danger) 40%, transparent)}.workboard-column--done{--workboard-column-accent:color-mix(in srgb, var(--ok) 40%, transparent)}.workboard-column__header h2{color:color-mix(in srgb, var(--text) 72%, var(--muted));text-transform:uppercase;margin:0;font-size:.75rem}.workboard-column__count{background:color-mix(in srgb, var(--bg-elevated) 72%, transparent);min-width:24px;color:var(--text);text-align:center;border-radius:999px;padding:2px 7px;font-size:.76rem}.workboard-column__rail{width:100%;min-height:100%;box-shadow:inset 0 2px 0 var(--workboard-column-accent);color:color-mix(in srgb, var(--text) 72%, var(--muted));cursor:var(--cursor-action);touch-action:manipulation;writing-mode:vertical-rl;background:0 0;border:0;align-items:center;gap:10px;padding:10px 0;display:flex}@media (hover:hover){.workboard-column__rail:hover{background:color-mix(in srgb, var(--bg-hover) 72%, transparent);color:var(--text)}}.workboard-column__rail-title{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;min-height:0;font-size:.75rem;font-weight:650;overflow:hidden}.workboard-column__rail .workboard-column__count{flex:none;min-width:0;min-height:24px;padding:7px 2px}.workboard-column__rail-icon{opacity:0;margin-top:auto;transition:opacity .12s;display:inline-flex}.workboard-column__rail:focus-visible .workboard-column__rail-icon{opacity:1}@media (hover:hover){.workboard-column__rail:hover .workboard-column__rail-icon{opacity:1}}.workboard-column__rail-icon svg{width:14px;height:14px}@media (hover:none){.workboard-column__collapse{opacity:1;width:44px;min-width:44px;height:44px;min-height:44px}.workboard-column__rail-icon{opacity:1}}.workboard-column__cards{flex:1;grid-auto-rows:max-content;align-content:start;gap:10px;min-height:0;padding:10px;display:grid;overflow-y:auto}.workboard-empty-state{border:1px dashed color-mix(in srgb, var(--border-strong) 58%, transparent);background:color-mix(in srgb, var(--panel-strong) 28%, transparent);min-height:280px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;gap:6px;padding:32px 18px;display:grid}.workboard-empty-state strong{color:var(--text);font-size:.95rem}.workboard-empty-state span{max-width:420px;font-size:.82rem;line-height:1.4}.workboard-card{border:1px solid color-mix(in srgb, var(--border-strong) 58%, transparent);background:color-mix(in srgb, var(--bg-elevated) 72%, var(--bg) 28%);min-width:0;max-width:100%;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border-radius:8px;gap:9px;padding:12px;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff08,0 8px 22px #0000002e}.workboard-card:focus-within{z-index:2}@media (hover:hover){.workboard-card:hover{z-index:2}}.workboard-card:before{background:color-mix(in srgb, var(--muted) 44%, transparent);content:"";width:3px;position:absolute;inset:0 auto 0 0}@media (hover:hover){.workboard-card--openable:hover{border-color:color-mix(in srgb, var(--accent) 36%, var(--border-strong));background:color-mix(in srgb, var(--bg-elevated) 84%, var(--bg) 16%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0a,0 12px 28px #0000003d}}.workboard-card--openable:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 56%, transparent);outline-offset:2px;border-color:var(--accent)}.workboard-card--health-highlight{--workboard-health-highlight-color:var(--accent);border-color:color-mix(in srgb, var(--workboard-health-highlight-color) 70%, var(--border-strong));box-shadow:0 0 0 1px color-mix(in srgb, var(--workboard-health-highlight-color) 42%, transparent), 0 0 0 4px color-mix(in srgb, var(--workboard-health-highlight-color) 14%, transparent), 0 12px 30px #00000042}.workboard-card--health-highlight-running{--workboard-health-highlight-color:var(--info)}.workboard-card--health-highlight-blocked,.workboard-card--health-highlight-failedAttempts{--workboard-health-highlight-color:var(--danger)}.workboard-card--health-highlight-stale,.workboard-card--health-highlight-readyUnassigned,.workboard-card--health-highlight-missingProof{--workboard-health-highlight-color:var(--warn)}.workboard-card--busy{opacity:.62}.workboard-card--archived{opacity:.72}.workboard-card.workboard-card--dragging{opacity:.45;border-color:color-mix(in srgb, var(--accent) 70%, var(--border-strong));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 34%, transparent), 0 8px 22px #0000002e;cursor:grabbing;transform:scale(.985)}.workboard-card h3{color:var(--text-strong);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.96rem;line-height:1.25;display:-webkit-box;overflow:hidden}.workboard-card p{color:color-mix(in srgb, var(--muted) 88%, var(--text) 12%);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.42;display:-webkit-box;overflow:hidden}.workboard-card__top,.workboard-card__meta{color:var(--muted);justify-content:space-between;font-size:.76rem}.workboard-card__top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.workboard-card__chips{align-content:flex-start;align-items:flex-start;gap:5px;min-width:0;overflow:visible}.workboard-card__quick-actions{grid-template-columns:repeat(3,26px);align-items:center;gap:4px;display:grid}.workboard-card__updated{min-width:0;color:var(--muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:.72rem;line-height:1.2;display:inline-flex;overflow:hidden}.workboard-card__updated-icon{color:color-mix(in srgb, var(--muted) 84%, var(--text) 16%);flex:none;display:inline-flex}.workboard-card__updated-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:13px;height:13px}.workboard-card__updated span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.workboard-card__actions{grid-template-columns:28px minmax(0,1fr) max-content;align-items:center;gap:8px;min-width:0;min-height:28px;padding-top:2px;display:grid}.workboard-card__actions-primary{grid-template-columns:28px 28px minmax(0,112px);justify-content:end;justify-self:end;align-items:center;gap:8px;width:min(100%,172px);min-width:0;display:grid}.workboard-card__action-slot,.workboard-card__action-placeholder{justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;display:inline-flex}.workboard-card__actions-primary .workboard-card__action-slot:last-child,.workboard-card__actions-primary .workboard-card__action-slot:last-child .workboard-card__move,.workboard-card__actions-primary .workboard-card__action-slot:last-child .workboard-card__action-placeholder{width:100%;min-width:0;max-width:112px}.workboard-card__action-placeholder{visibility:hidden;pointer-events:none}.workboard-card__badges{gap:5px;min-width:0;max-width:100%;overflow:hidden}.workboard-dependencies{min-width:0;display:flex}.workboard-dependency{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;min-width:0;min-height:21px;padding:3px 8px;font-size:.74rem;line-height:1;display:inline-flex}.workboard-dependency svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25px;flex:none;width:12px;height:12px}.workboard-dependency--blocked{border:1px solid color-mix(in srgb, var(--warn) 34%, transparent);background:color-mix(in srgb, var(--warn) 10%, var(--bg-hover));color:color-mix(in srgb, var(--warn) 76%, var(--text))}.workboard-dependency--ready{border:1px solid color-mix(in srgb, var(--ok) 24%, transparent);background:color-mix(in srgb, var(--ok) 12%, transparent);color:color-mix(in srgb, var(--ok) 82%, var(--text))}.workboard-card__execution-controls{flex:100%;grid-template-columns:repeat(2,minmax(72px,1fr));gap:6px;display:grid}.workboard-card__icon{width:28px;min-width:28px;height:28px;color:var(--muted);border-radius:6px;padding:0}.workboard-card__icon svg{width:15px;height:15px}.workboard-card__move{min-width:0;color:var(--muted);align-items:center;display:inline-flex;position:relative}.workboard-card__move--wide{width:100%}.workboard-card__move-icon{pointer-events:none;display:inline-flex;position:absolute;left:7px}.workboard-card__move-icon svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.workboard-card__move-select{border:1px solid var(--border);appearance:none;background-color:var(--bg-elevated);width:100%;min-width:0;max-width:112px;height:28px;color:var(--muted);letter-spacing:0;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 13px),calc(100% - 8px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:6px;padding:0 22px 0 25px;font-size:12px;font-weight:500;line-height:1}@media (hover:hover){.workboard-card__move-select:hover{border-color:var(--border-strong);background-color:var(--bg-hover)}}.workboard-card__move-select:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 56%, transparent);outline-offset:2px;border-color:var(--accent)}.workboard-card__move-select:disabled{cursor:not-allowed;opacity:.58}.workboard-card__move--wide .workboard-card__move-select{max-width:none;color:var(--text)}.workboard-card__quick-actions .workboard-card__icon,.workboard-card__quick-actions .workboard-card__start--icon{width:26px;min-width:26px;height:26px;min-height:26px;padding:0}@media (hover:hover){.workboard-card__delete:hover{border-color:color-mix(in srgb, var(--danger) 34%, var(--border));background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}}.workboard-card__start{white-space:nowrap;border-radius:6px;justify-content:center;gap:6px;min-width:0;min-height:28px;padding:4px 8px}.workboard-card__start--icon{color:var(--text)}.workboard-card__start--manual{color:var(--muted)}.workboard-card__start--default{grid-column:1/-1}.workboard-card__lifecycle{align-items:center;gap:6px;min-width:0;display:flex}.workboard-card__lifecycle-detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:.76rem;overflow:hidden}.workboard-card__priority,.workboard-card__badges span,.workboard-agent-chip,.workboard-card__archived,.workboard-live,.workboard-lifecycle,.workboard-labels span{background:color-mix(in srgb, var(--bg-hover) 72%, transparent);min-height:20px;color:color-mix(in srgb, var(--muted) 82%, var(--text) 18%);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 7px;font-size:.72rem;line-height:1;display:inline-flex}.workboard-card__badges span,.workboard-labels span,.workboard-agent-chip,.workboard-card__priority,.workboard-card__archived{text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}.workboard-card__badges svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:13px;height:13px;margin-right:4px}.workboard-card__badge--warning{background:color-mix(in srgb, var(--warn) 17%, transparent)!important;color:color-mix(in srgb, var(--warn) 86%, var(--text))!important}.workboard-agent-chip{background:color-mix(in srgb, var(--accent-2) 12%, var(--bg-hover));max-width:100%;color:color-mix(in srgb, var(--accent-2) 62%, var(--text))}.workboard-card__archived{background:color-mix(in srgb, var(--muted) 14%, transparent);color:var(--muted)}.workboard-engine-mark{border-radius:5px;justify-content:center;align-items:center;min-width:42px;height:18px;padding:0 5px;font-size:.62rem;font-weight:800;line-height:1;display:inline-flex}.workboard-engine-mark--codex{background:color-mix(in srgb, var(--ok) 18%, var(--bg-hover));color:color-mix(in srgb, var(--ok) 72%, var(--text))}.workboard-engine-mark--claude{background:color-mix(in srgb, var(--warn) 20%, var(--bg-hover));color:color-mix(in srgb, var(--warn) 76%, var(--text))}.workboard-board--compact .workboard-column__cards{gap:8px;padding:8px}.workboard-board--compact .workboard-card{gap:6px;padding:9px}.workboard-board--compact .workboard-card h3{font-size:.9rem;line-height:1.22}.workboard-board--compact .workboard-card p{-webkit-line-clamp:2;font-size:.78rem}.workboard-board--compact .workboard-card__actions{gap:8px}.workboard-board--compact .workboard-labels,.workboard-board--compact .workboard-card__badges{gap:4px}.workboard-events{border-top:1px solid color-mix(in srgb, var(--border) 62%, transparent);gap:4px;margin:0;padding:7px 0 0;list-style:none;display:none}.workboard-events li{min-width:0;color:var(--muted);justify-content:space-between;gap:8px;font-size:.72rem;line-height:1.25;display:flex}.workboard-events span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workboard-events time{color:color-mix(in srgb, var(--muted) 72%, transparent);flex:none}.workboard-lifecycle{border-radius:6px;flex:none;padding-inline:8px}.priority-high .workboard-card__priority,.priority-urgent .workboard-card__priority{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger)}.priority-high:before,.priority-urgent:before{background:color-mix(in srgb, var(--danger) 76%, var(--accent))}.priority-low .workboard-card__priority{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.priority-low:before{background:color-mix(in srgb, var(--ok) 70%, transparent)}.workboard-card--health-highlight:before{background:var(--workboard-health-highlight-color);width:5px;box-shadow:1px 0 0 color-mix(in srgb, var(--workboard-health-highlight-color) 52%, transparent);border-radius:8px 0 0 8px;inset:-1px auto -1px -1px}.workboard-live,.workboard-lifecycle--live{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.workboard-lifecycle--done{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.workboard-lifecycle--blocked{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.workboard-empty{border:1px dashed color-mix(in srgb, var(--border) 80%, transparent);color:var(--muted);text-align:center;border-radius:8px;padding:18px 10px;font-size:.86rem}.workboard-detail-drawer{justify-content:flex-end;width:100%;height:100%;display:flex}.workboard-detail{border-left:1px solid color-mix(in srgb, var(--border) 86%, transparent);background:color-mix(in srgb, var(--panel) 98%, var(--bg) 2%);width:100%;min-height:0;box-shadow:var(--shadow-xl);flex-direction:column;gap:14px;padding:16px;display:flex;overflow:auto}.workboard-detail__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.workboard-detail__header h2{margin:8px 0 0;font-size:1.04rem;line-height:1.25}.workboard-detail__section{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);gap:8px;padding-top:12px;display:grid}.workboard-detail__section:first-of-type{border-top:0;padding-top:0}.workboard-detail__section h3{color:var(--muted);text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.workboard-detail__section p{color:var(--text);white-space:pre-wrap;margin:0;font-size:.86rem;line-height:1.45}openclaw-workboard-card-dashboard{display:block}.workboard-card-dashboard{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);padding-top:12px}.workboard-card-dashboard__toggle{width:100%;color:var(--muted);cursor:var(--cursor-action);background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.workboard-card-dashboard__toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 68%, transparent);outline-offset:4px;border-radius:6px}.workboard-card-dashboard__title{text-transform:uppercase;align-items:center;gap:7px;font-size:.74rem;font-weight:700;display:inline-flex}.workboard-card-dashboard__title svg,.workboard-card-dashboard__chevron svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:14px;height:14px}.workboard-card-dashboard__chevron{transition:transform .14s;display:inline-flex}.workboard-card-dashboard__toggle[aria-expanded=true] .workboard-card-dashboard__chevron{transform:rotate(180deg)}.workboard-card-dashboard__body{min-width:0;padding-top:10px}.workboard-card-dashboard__body[hidden]{display:none}.workboard-card-dashboard__body .board-view{gap:9px}.workboard-card-dashboard__body .board-grid{grid-auto-rows:44px;gap:8px}.workboard-detail__section p.workboard-card-dashboard__empty,.workboard-detail__section p.workboard-card-dashboard__collapsed-empty{color:var(--muted);font-size:.78rem}.workboard-detail__section p.workboard-card-dashboard__collapsed-empty{margin-top:-2px}.workboard-detail__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.workboard-detail__row{border:1px solid color-mix(in srgb, var(--border) 72%, transparent);background:color-mix(in srgb, var(--bg) 74%, transparent);border-radius:7px;min-width:0;padding:8px}.workboard-detail__row span{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:650;display:block}.workboard-detail__row strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.8rem;font-weight:600;display:block;overflow:hidden}.workboard-detail__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.workboard-detail__list li{background:color-mix(in srgb, var(--bg) 68%, transparent);min-width:0;color:var(--text);border-radius:7px;padding:7px 8px;font-size:.82rem;line-height:1.35}.workboard-detail__dependencies li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.workboard-detail__dependencies li.is-blocked{border:1px solid color-mix(in srgb, var(--warn) 26%, transparent);background:color-mix(in srgb, var(--warn) 10%, var(--bg) 90%)}.workboard-detail__dependencies svg{width:14px;height:14px;color:var(--warn);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.workboard-detail__dependency-spacer{width:14px}.workboard-detail__dependencies span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workboard-detail__dependencies span:last-child{color:var(--muted);font-size:.76rem}.workboard textarea.input.workboard-detail__note{resize:vertical;width:100%;min-height:84px;padding:9px 10px}.workboard-detail__actions{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:12px;display:grid}.workboard-detail__actions>.btn{white-space:normal;justify-content:center;min-width:0}.workboard-detail__actions>.workboard-card__move,.workboard-detail__actions>.workboard-card__execution-controls{grid-column:1/-1}@media (width<=900px){.content--workboard{overflow-y:auto}.workboard-draft{border:0;border-radius:0;width:100%;height:100dvh;max-height:none;padding:14px}.workboard-modal__header{align-items:center}.workboard-draft__body{padding-right:0}.workboard-toolbar{flex-direction:column;align-items:stretch;display:flex}.workboard-toolbar__filters,.workboard-toolbar__actions,.workboard-draft__meta{justify-content:flex-start;width:100%}.workboard-toolbar__filters .input[type=search],.workboard-toolbar__filters .input,.workboard-select--toolbar,.workboard-agent-select--toolbar,.workboard-draft__meta .input{width:100%;max-width:none}.workboard-select::part(listbox){max-height:min(260px, var(--auto-size-available-height,calc(100vh - 48px)))}.workboard-draft__meta{grid-template-columns:1fr}.workboard,.workboard-board--page{scroll-snap-type:none;flex-direction:column;overflow:visible}.workboard-board--page .workboard-column{scroll-snap-align:none;flex:none;width:100%;min-width:0;max-width:100%;min-height:auto;overflow:visible}.workboard-board--page .workboard-column.workboard-column--collapsed{flex-basis:auto;width:100%;min-width:0}.workboard-board--page.workboard-board--single-column .workboard-column:not(.workboard-column--collapsed){flex-basis:auto;width:100%;max-width:none}.workboard-column__rail{writing-mode:horizontal-tb;min-height:44px;padding:0 11px}.workboard-column__rail .workboard-column__count{min-width:24px;min-height:0;padding:2px 7px}.workboard-column__rail-icon{margin-top:0;margin-left:auto}.workboard-column__direction-icon--expand-horizontal,.workboard-column__direction-icon--collapse-horizontal{display:none}.workboard-column__direction-icon--expand-vertical,.workboard-column__direction-icon--collapse-vertical{display:inline-flex}.workboard-column__cards{flex:none;min-height:auto;overflow:visible}.workboard-detail-drawer{width:100%;height:100dvh;max-height:none}.workboard-detail{border-top:0;border-left:0;min-height:100dvh}.workboard-detail__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.workboard-card,.workboard-card__actions{transition:none}.workboard-column__collapse,.workboard-column__rail-icon{transition:none!important}@media (hover:hover){.workboard-card--openable:hover{transform:none}}}
|