.task-board{--task-border:var(--glass-border,#dce5df);--task-surface:var(--bg-elevated,#fff);--task-soft:var(--glass-2,#eef3f0);--task-text:var(--text-1,#304541);--task-muted:var(--text-3,#79877f)}
.task-board .page-head{margin-bottom:20px}.task-board-alerts{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px;padding:0 0 12px;background:var(--bg,#f5f6f8)}.task-board-alerts:empty{display:none}.task-board-alert{display:flex;gap:8px;align-items:center;padding:10px 13px;border:1px solid var(--task-border);background:var(--task-surface);color:var(--task-text);font-size:12px}.task-board-alert.amber{border-color:var(--warning,#ae772a);background:var(--warning-soft,#fff4e1)}.task-board-alert.red{border-color:var(--negative,#b94e45);background:var(--negative-soft,#fff0ee)}.task-board-alert-go{color:var(--task-muted);font-size:11px;font-weight:400}.task-board-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.task-board-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;align-items:center}.task-board-tabs{max-width:100%;overflow:auto;flex-wrap:nowrap}.task-board-tabs .chip-tab{padding:10px 17px;font-size:13px;white-space:nowrap}.task-board-unread{display:inline-grid;place-items:center;min-width:17px;height:17px;border-radius:50%;background:var(--accent,#196653);color:#fff;font-size:10px;margin-left:5px}.task-board-counts{color:var(--task-muted);font-size:11px;margin:0 0 18px 5px;line-height:1.6}.task-board-filter{min-width:180px;display:block}.task-board-filter>span{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.task-board-filter select{padding:9px 11px;min-width:190px;font-size:12px}.task-board-subtoolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.task-board-subtoolbar .chip-tab{font-size:12px}.task-board-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.task-board-column{padding:18px;background:var(--task-soft);border:1px solid var(--task-border);border-radius:14px;min-width:0}.task-board-column>h2{display:flex;align-items:center;gap:9px;margin:0 0 16px;padding:0 0 13px;border-bottom:1px solid var(--task-border);font-size:15px}.task-board-column>h2>span{width:9px;height:9px;background:var(--teal,#337f76);border-radius:3px}.task-board-column.longterm>h2>span{background:var(--warning,#b38a39)}.task-board-column>h2>small{color:var(--task-muted);font-size:12px;font-weight:500}.task-board-stack{display:flex;flex-direction:column;gap:16px}.task-board-card{padding:20px;background:var(--task-surface);border:1px solid var(--task-border);border-radius:12px;min-width:0;overflow-wrap:anywhere}.task-board-card.overdue{border-color:var(--negative,#b94e45)}.task-board-card-top{display:flex;align-items:flex-start;gap:18px}.task-board-card-main{flex:1;min-width:0}.task-board-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-board-number{font-size:11px;color:var(--task-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.task-board-title{padding:0;border:0;border-radius:2px;color:var(--text-0,#213b30);background:transparent;text-align:left;font-size:15px;font-weight:650;line-height:1.45;max-width:100%;overflow-wrap:anywhere}.task-board-title:hover{color:var(--accent,#196653);filter:none;text-decoration:underline;text-underline-offset:3px}.task-board-type{font-size:10px;font-weight:600;white-space:nowrap}.task-board-type.longterm{color:var(--warning,#997029);background:var(--warning-soft,#fff5e2)}.task-board-type.oneoff{color:var(--teal,#317970);background:var(--positive-soft,#edf5f0)}.task-board-description{margin:10px 0;font-size:13px;line-height:1.6;color:var(--text-2,#5f746a);white-space:pre-wrap}.task-board-meta{margin:6px 0 0;font-size:11px;line-height:1.55;color:var(--task-muted)}.task-board-meta b{font-weight:550;color:var(--task-text)}.task-board-team{color:var(--accent,#196653)}.task-board-warning{color:var(--warning,#9c752b)}.task-board-danger{color:var(--negative,#b34940)!important}.task-board-card-reward{text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:5px;flex:0 0 auto}.task-board-card-reward>strong{font-size:20px;font-weight:650;color:var(--positive,#287553);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.4px}.task-board-card-reward>small{font-size:10px;color:var(--task-muted)}.task-board-card-reward>.badge{margin-top:3px}.task-board-card-actions{margin-top:16px}.task-board-card-actions button{font-size:11px;padding:7px 9px}.task-board-inline{margin:12px 0 0;border-radius:8px;background:var(--glass-2,#f0f4f1);padding:10px 12px;color:var(--text-2,#617569);font-size:12px;line-height:1.6;white-space:pre-wrap}.task-board-inline p{margin:5px 0 0}.task-board-inline.danger{color:var(--negative,#b34940);background:var(--negative-soft,#fff0ee)}.task-board-inline.success{color:var(--positive,#287553);background:var(--positive-soft,#edf5f0)}.task-board-overdue{margin-top:14px;background:var(--negative-soft,#fff0ee);border-radius:9px;padding:12px;font-size:12px;color:var(--negative,#b34940);line-height:1.6}.task-board-overdue p{margin:5px 0 10px}.task-board-overdue .actions{margin-top:9px}.task-board-empty{border:1px solid var(--task-border);background:var(--task-surface);border-radius:13px}.task-board-idea-banner{display:flex;width:100%;align-items:center;gap:16px;border:1px dashed var(--task-border);background:var(--task-surface);color:var(--task-text);text-align:left;padding:17px 20px;border-radius:12px;margin-bottom:18px;font-weight:400}.task-board-idea-symbol{font-size:25px;color:var(--accent,#196653)}.task-board-idea-banner>span:nth-child(2){flex:1}.task-board-idea-banner b{display:block;font-size:14px;font-weight:600}.task-board-idea-banner small{display:block;margin-top:5px;font-size:12px;color:var(--task-muted);line-height:1.6}.task-board-idea-cta{color:var(--accent,#196653);font-size:12px;white-space:nowrap}.task-board-dialog .record-value>div{font-size:13px;line-height:1.55}.task-board-dialog .task-board-card{--task-border:var(--glass-border,#dce5df);--task-surface:var(--bg-elevated,#fff);--task-text:var(--text-1,#304541);--task-muted:var(--text-3,#79877f)}.task-board-detail-section{border-top:1px solid var(--glass-border,#dce5df);padding-top:16px}.task-board-detail-section h3{margin-bottom:10px}.task-board-detail-section p{white-space:pre-wrap;line-height:1.6;font-size:13px;margin:6px 0;color:var(--text-2,#5f746a)}.task-board-photos{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}.task-board-photo{margin:7px 0;max-width:220px;position:relative}.task-board-photo img{display:block;max-width:100%;max-height:200px;object-fit:contain;border:1px solid var(--glass-border,#dce5df);border-radius:9px;background:var(--glass-2,#eef3f0)}.task-board-photos .task-board-photo{max-width:145px}.task-board-photo figcaption{font-size:11px;line-height:1.5;color:var(--text-3,#79877f);margin-top:5px;overflow-wrap:anywhere}.task-board-checkpoint{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--glass-border,#dce5df);font-size:12px}.task-board-checkpoint:last-child{border:0}.task-board-checkpoint>div{min-width:0}.task-board-checkpoint .badge{margin-left:7px}.task-board-history{border-left:2px solid var(--glass-border,#dce5df);padding-left:15px}.task-board-history-item{margin-bottom:14px}.task-board-history-item p{margin:4px 0;font-size:12px;line-height:1.6;white-space:pre-wrap}.task-board-history-item small{font-size:10px;color:var(--text-3,#79877f)}.task-board-form-context{padding:13px 15px;background:var(--glass-2,#eef3f0);border-radius:9px;line-height:1.6}.task-board-form-context b{font-size:14px}.task-board-form-context p{margin:4px 0 0;font-size:12px;color:var(--text-2,#5f746a)}.task-board-review-card{padding:15px;border:1px solid var(--glass-border,#dce5df);border-radius:10px;margin-bottom:8px}.task-board-review-card p{line-height:1.6;font-size:12px;white-space:pre-wrap}.task-board-dialog-row{display:flex;align-items:center;gap:16px;justify-content:space-between;width:100%;padding:15px 0;border:0;border-bottom:1px solid var(--glass-border,#dce5df);border-radius:0;background:transparent;color:var(--text-1,#304541);text-align:left}.task-board-dialog-row>span:first-child{min-width:0}.task-board-dialog-row b{font-size:13px}.task-board-dialog-row small{display:block;font-size:11px;line-height:1.6;font-weight:400;color:var(--text-3,#79877f);margin-top:5px}.task-board-list-subtitle{margin-top:22px}.task-board-dialog [hidden]{display:none!important}.task-board-dialog .task-board-upload{border:1px dashed var(--glass-border,#dce5df);padding:15px;border-radius:10px}.task-board-dialog #task-board-photo-status:empty,.task-board-dialog #task-board-photo-preview:empty{display:none}.task-board-dialog .task-board-due-date label,.task-board-dialog .task-board-due-days label{width:100%}.task-board button:focus-visible,.task-board-dialog button:focus-visible{outline:2px solid var(--accent,#196653);outline-offset:3px}.task-board-photo-remove{position:absolute;right:3px;top:3px;min-width:26px;min-height:26px;padding:3px;background:var(--bg-elevated,#fff);color:var(--negative,#b34940);border:1px solid var(--glass-border,#dce5df);border-radius:50%}.task-board-legacy-label{font-size:11px;color:var(--text-3,#79877f);margin-top:8px}.task-board-push{position:fixed;top:80px;right:22px;z-index:40;width:min(390px,calc(100vw - 32px));padding:18px;background:var(--bg-elevated,#fff);border:1px solid var(--warning,#b38a39);border-radius:13px;box-shadow:0 12px 38px #15332626}.task-board-push-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.task-board-push h3{margin:0}.task-board-push-row{display:block;width:100%;text-align:left;padding:11px 0;background:transparent;color:var(--text-1,#304541);border:0;border-bottom:1px solid var(--glass-border,#dce5df);border-radius:0;font-size:12px;line-height:1.6}.task-board-push-row small{display:block;font-size:10px;font-weight:400;color:var(--text-3,#79877f)}.task-board-push>.actions{margin-top:12px}
@media(max-width:1200px){.task-board-card-top{flex-wrap:wrap}.task-board-card-main{flex-basis:100%}.task-board-card-reward{flex-direction:row;align-items:center;gap:8px;text-align:left;flex-wrap:wrap}.task-board-list .task-board-card-top{flex-wrap:nowrap}.task-board-list .task-board-card-main{flex-basis:auto}.task-board-list .task-board-card-reward{flex-direction:column;align-items:flex-end}.task-board-card-reward>strong{font-size:19px}.task-board-alert-go{display:none}}
@media(max-width:850px){.task-board-columns{grid-template-columns:1fr}.task-board-column{padding:14px}.task-board-toolbar-actions{margin-left:0}.task-board-card-top{flex-wrap:nowrap}.task-board-card-main{flex-basis:auto}.task-board-card-reward{flex-direction:column;align-items:flex-end}.task-board-alerts{position:relative}.task-board-toolbar{align-items:stretch}.task-board-tabs{width:100%;display:flex}.task-board-tabs .chip-tab{flex:1;padding:10px 12px}.task-board-idea-banner{gap:11px;padding:15px}.task-board-idea-cta{display:none}}
@media(max-width:520px){.task-board-card{padding:15px}.task-board-card-top,.task-board-list .task-board-card-top{flex-direction:column;gap:10px}.task-board-card-reward,.task-board-list .task-board-card-reward{flex-direction:row;align-items:center}.task-board-card-title{gap:7px}.task-board-title{font-size:14px}.task-board-filter{width:100%}.task-board-filter select{width:100%}.task-board-column>h2{font-size:14px}.task-board-tabs .chip-tab{font-size:11px;padding:10px 9px}.task-board-checkpoint,.task-board-dialog-row{flex-wrap:wrap}.task-board-counts{font-size:10px}.task-board-push{top:65px;right:16px}}

/* Yellow means a new idea or an unread reply that still needs attention. */
.task-board-toolbar-actions button.task-board-pending,.task-board-alert.task-board-pending{background:#fff4bd;border-color:#d7b72e;color:#705707}
.task-board-toolbar-actions button.task-board-pending:hover,.task-board-alert.task-board-pending:hover{background:#ffef9c;filter:none}
.task-board-alert.task-board-pending .badge{background:#f3df80;color:#705707}.task-board-alert.task-board-pending .task-board-alert-go{color:#826812}
.task-board-notifications{display:flex;flex-direction:column;gap:14px}.task-board-notification-row{padding:14px 16px;border:1px solid var(--glass-border,#dce5df);border-radius:10px}.task-board-notification-row.is-unread{border-color:#d7b72e;background:#fffbea}.task-board-notification-meta{display:flex;gap:12px;align-items:center;justify-content:space-between}.task-board-notification-meta small{font-size:11px;color:var(--text-3,#79877f)}.task-board-notification-row p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;margin:10px 0;color:var(--text-1,#304541)}.task-board-notification-row .actions{margin-top:10px}

/* Keep board navigation and primary actions clear while showing a reply. */
.task-board-push{top:auto;bottom:22px;max-height:min(420px,45vh);overflow:auto}
