style: use shared WebUI foundation tokens

webui/src/styles/tasks.css

@@ -115,7 +115,7 @@
 }
 
 .tasks-detail-main > p {
-  max-width: 850px;
+  max-width: 900px;
   line-height: 1.55;
   white-space: pre-line;
 }
@@ -126,7 +126,7 @@
 }
 
 .tasks-required-action {
-  max-width: 850px;
+  max-width: 900px;
   display: grid;
   gap: 4px;
   border-left: 3px solid var(--accent);
@@ -205,7 +205,7 @@
   margin-top: 12px;
 }
 
-@media (max-width: 820px) {
+@media (max-width: 760px) {
   .tasks-topbar {
     align-items: flex-start;
   }
@@ -215,7 +215,7 @@
   }
 }
 
-@media (max-width: 620px) {
+@media (max-width: 680px) {
   .tasks-create-form {
     width: min(100%, 88vw);
   }