.task-view-tabs { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.task-view-tabs .active { background: var(--sidebar); color: white; }
.task-view-tabs > span { margin-left: auto; }
.task-filters { padding: 14px 0; }
.task-filters select { max-width: 185px; }
.task-row { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 17px 0; border-bottom: 1px solid var(--line); }
.task-row:last-child { border-bottom: 0; }
.task-main { min-width: 0; }
.task-title { font-size: 15px; font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.task-title:hover { color: var(--accent); }
.task-meta { display: flex; gap: 6px 12px; flex-wrap: wrap; font-size: 12px; color: var(--muted); margin-top: 8px; }
.task-status-form select { width: 148px; font-size: 13px; }
.overdue, .priority-high { color: var(--bad-text); }
.task-done .task-title { color: var(--muted); }
.task-board { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; align-items: start; }
.task-column { padding: 16px; border-radius: 14px; background: #eeede7; min-width: 0; }
.task-column h2 { display: flex; align-items: center; gap: 8px; font-size: 16px; }
.task-column .task-row { display: grid; padding: 15px; border: 1px solid var(--line); border-radius: 11px; background: white; margin-bottom: 10px; }
.task-column .task-status-form select { width: 100%; background: var(--soft); }
.task-dot { display:inline-block; width:9px; height:9px; border-radius:50%; background:#9a9d94; }
.task-dot.in_progress { background:#d49330; }.task-dot.done { background:#539667; }
.task-add { display: block; padding: 10px; text-decoration: none; color: var(--muted); }
.task-add:hover { background: white; border-radius: 8px; }
.filter-state { align-self: center; font-size: 12px; color: var(--muted); }
[data-live-results][aria-busy=true] { opacity: .65; }
[data-live-filter] [data-filter-submit][hidden] { display: none; }
.task-context-section { margin-bottom: 16px; }
@media(max-width:1050px) { .task-board { grid-template-columns: 1fr; } }
@media(max-width:600px) { .task-row { flex-direction: column; align-items: stretch; } .task-status-form select { width: 100%; } .task-filters select { max-width:100%; } }
.task-title-editor { min-height: 52px; font-size: 18px; }
.task-title-editor:empty::before { content: attr(data-placeholder); color: #888; pointer-events: none; }
.task-advanced summary { cursor: pointer; color: #666; padding: 8px 0; }
.task-title .mention { font-size: inherit; }
.task-materials { border-top: 1px solid var(--line, #d7dcca); padding-top: 20px; }
.task-dropzone { padding: 16px; border: 1px dashed var(--line, #b8c2b2); border-radius: 12px; }
.task-dropzone.dragover { background: var(--surface-alt, #edf2e8); }
.task-dropzone input { max-width: 100%; min-width: 0; }
.task-material-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(210px, 100%), 1fr)); gap: 12px; min-width: 0; max-width: 100%; }
.task-material-grid:empty { display: none; }
.task-material { min-width: 0; padding: 12px; border: 1px solid var(--line, #d7dcca); border-radius: 12px; display: flex; flex-direction: column; gap: 8px; }
.task-material a { display: flex; flex-direction: column; gap: 8px; min-width: 0; max-width: 100%; }
.task-material strong, .task-material small { overflow-wrap: anywhere; }
.task-material img { display: block; width: 100%; max-width: 100%; height: 150px; object-fit: contain; border-radius: 8px; }
.task-material-remove { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.task-material-remove input { width: auto; }
.entity-search-wrap { min-width: 0; }
.entity-search-wrap .mention-suggestions { width: min(480px, calc(100vw - 48px)); max-height: 280px; }
.entity-search-wrap [aria-selected=true] { background: var(--surface-alt, #edf2e8); }