.tasks-body { min-height: 400px; }
.task-card { background: var(--panel-2, #1a1f2e); border: 1px solid var(--border); border-radius: 8px; padding: 10px; cursor: pointer; }
.task-card:hover { border-color: var(--accent, #4f8cff); }
.task-meta { font-size: 12px; color: var(--muted); margin: 4px 0; }
.border-bad { border-left: 3px solid #e74c3c; }
.border-warn { border-left: 3px solid #f39c12; }
.border-neutral { border-left: 3px solid #95a5a6; }
.border-ok { border-left: 3px solid #2ecc71; }
.task-table .link-btn { background: none; border: none; color: var(--accent); cursor: pointer; text-align: left; }
.task-form { display: grid; gap: 8px; }
.cal-nav { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.cal-cell { min-height: 80px; background: var(--panel); border: 1px solid var(--border); border-radius: 6px; padding: 6px; }
.cal-cell.empty { opacity: 0.3; }
.cal-day { font-weight: 600; font-size: 12px; margin-bottom: 4px; }
.cal-task { font-size: 11px; background: var(--accent-dim, rgba(79,140,255,.15)); padding: 2px 4px; border-radius: 4px; margin-top: 2px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.btn.sm { padding: 4px 8px; font-size: 12px; }
.task-view.active { background: var(--accent); color: #fff; }

.tasks-intro-banner,.tasks-workflow-stats{margin-bottom:10px;padding:10px 14px}
.tasks-workflow-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}