/* Aufgabenboard: Maus, Tastatur und tabübergreifender Abgleich. */
.collaboration-head { padding:30px 30px 0; }
.sync-badge { display:inline-flex; align-items:center; gap:8px; border:1px solid #b7dacb; border-radius:100px; padding:5px 10px; background:#effaf3; color:#28674d; font-size:11px; }
.sync-badge i { width:7px; height:7px; border-radius:50%; background:#36a773; }
.demo-app--collaboration > .muted { padding:16px 30px 0; }
.task-form { display:flex; gap:12px; padding:5px 30px 25px; }
.task-form input { flex:1; }
.task-form .button { min-height:45px; font-size:14px; padding-inline:18px; }
.kanban-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:0 30px 30px; }
.kanban-column { background:#e6edf8; border:1px solid #d8e3f3; border-radius:12px; padding:18px; min-height:280px; }
.kanban-column > h3 { display:flex; justify-content:space-between; gap:10px; font-size:16px; margin-bottom:23px; }
.kanban-column > h3 > span { font-size:11px; color:#647999; background:#fff; border-radius:50%; min-width:23px; height:23px; display:grid; place-items:center; }
.task-card { border:1px solid #d7e1f0; border-radius:9px; background:#fff; padding:17px; margin-bottom:13px; box-shadow:0 3px 7px #15366a06; }
.task-card > p { font-size:14px; overflow-wrap:anywhere; margin:0 0 14px; }
.task-controls { display:flex; justify-content:space-between; gap:7px; }
.task-controls button { border:1px solid #d2deed; border-radius:5px; background:#f5f8fc; color:#345c89; width:29px; height:27px; padding:0; font-size:15px; }
.kanban-empty { color:#6a7e9b; font-size:12px!important; }
@media(max-width:750px) { .kanban-board { grid-template-columns:1fr; padding-inline:18px; } .kanban-column { min-height:160px; } .collaboration-head { padding:25px 20px 0; } .demo-app--collaboration > .muted { padding-inline:20px; } .task-form { flex-wrap:wrap; padding-inline:18px; } .task-form .button { width:100%; } }