/* Load beside style.css. The shell owns page gutters and global styling. */
.crm-task-planning{min-width:0;max-width:100%}
.crm-task-planning .crm-task-planning-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.crm-task-planning h1{margin:0}
.crm-task-planning .actions{margin:0 0 0 auto}
.crm-task-planning .toolbar{display:flex;flex-wrap:wrap;align-items:center}
.crm-task-planning .toolbar input{flex:1 1 220px}
.crm-task-planning select{width:auto;max-width:100%}
.crm-task-planning .crm-task-planning-help{position:relative}
.crm-task-planning summary{cursor:pointer;border-radius:var(--radius-md)}
.crm-task-planning .crm-task-planning-help[open]{flex-basis:100%;order:3}
.crm-task-planning .crm-task-planning-help p{padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);max-width:65ch}
.crm-task-planning .crm-task-planning-navigation:empty{display:none}
.crm-task-planning .crm-task-planning-group{min-width:0;margin:24px 0}
.crm-task-planning h2{margin-bottom:8px}
.crm-task-planning .crm-task-planning-row{min-width:0;padding:14px 0;border-bottom:1px solid var(--border)}
.crm-task-planning .crm-task-planning-open{max-width:100%;justify-content:flex-start;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}
.crm-task-planning .crm-task-planning-row[data-status=done] .crm-task-planning-open{text-decoration:line-through}
.crm-task-planning .crm-task-planning-description{margin:8px 0;max-width:80ch}
.crm-task-planning .crm-task-planning-facts{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted-foreground);font-size:12px}
.crm-task-planning .crm-task-planning-facts span{min-width:0;overflow-wrap:anywhere}
.crm-task-planning .crm-task-planning-error{border:1px solid var(--border);border-radius:var(--radius-xl);padding:16px}
@media(max-width:650px){.crm-task-planning .actions{margin:0;flex-basis:100%}.crm-task-planning select{width:100%}.crm-task-planning .toolbar input{flex-basis:100%}}
