fix(tasks): reorder toolbar buttons; wrap list in tasks-body; remove flex-wrap on mobile

group-mode toggle moved before view toggle in markup order.
Filter panel, task list, and FAB wrapped in .tasks-body for scroll containment.
tasks-toolbar flex-wrap removed — actions stay on one line on narrow screens.

public/styles/tasks.css

@@ -13,14 +13,17 @@
  * Seiten-Layout
  * -------------------------------------------------------- */
 .tasks-page {
-  padding: var(--space-4);
-  padding-bottom: var(--space-16);
   max-width: var(--content-max-width);
   margin: 0 auto;
 }
 
+.tasks-body {
+  padding: var(--space-4);
+  padding-bottom: var(--space-16);
+}
+
 @media (min-width: 1024px) {
-  .tasks-page {
+  .tasks-body {
     padding: var(--space-8);
     padding-bottom: var(--space-16);
   }
@@ -32,20 +35,18 @@
 .tasks-toolbar {
   display: flex;
   align-items: center;
-  gap: var(--space-3);
-  margin-bottom: var(--space-4);
-  flex-wrap: wrap;
+  gap: var(--space-2);
+  padding: var(--space-3) var(--space-4);
   border-top: 3px solid var(--module-accent);
+  border-bottom: 1px solid var(--color-border);
+  background-color: var(--color-surface);
 }
 
 .tasks-toolbar__title {
-  font-size: var(--text-2xl);
+  font-size: var(--text-lg);
   font-weight: var(--font-weight-bold);
-  flex: 1 1 auto;
-  min-width: min-content;
+  flex: 1;
   white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
 }
 
 .tasks-toolbar__actions {
@@ -54,6 +55,7 @@
   gap: var(--space-2);
 }
 
+
 /* Gruppierungs-Toggle */
 .group-toggle {
   display: flex;
@@ -196,15 +198,15 @@
 }
 
 /* Filter-Panel */
-.filter-panel {
+.filter-panel:not([hidden]) {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
   background-color: var(--color-surface);
   border: 1.5px solid var(--color-border);
   border-radius: var(--radius-md);
   padding: var(--space-3) var(--space-4);
   margin-bottom: var(--space-4);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-3);
 }
 
 .filter-panel__group {