Align controls to 36/10 and make create modals full-screen on mobile.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/views/TicketsView.vue

@@ -325,9 +325,9 @@ h1 {
 }
 
 .add-btn {
-  width: 48px;
-  height: 48px;
-  border-radius: 999px;
+  width: var(--control-h);
+  height: var(--control-h);
+  border-radius: var(--radius);
   background: #14b8a6;
   color: #fff;
   display: grid;
@@ -377,9 +377,9 @@ h1 {
   align-items: center;
   justify-content: center;
   gap: 0.35rem;
-  min-height: 42px;
-  padding: 0.55rem 1rem;
-  border-radius: 12px;
+  min-height: var(--control-h);
+  padding: 0 0.95rem;
+  border-radius: var(--radius);
   font-weight: 700;
   border: 1px solid transparent;
   cursor: pointer;
@@ -664,8 +664,8 @@ h1 {
 
 @media (max-width: 520px) {
   .add-btn {
-    width: 44px;
-    height: 44px;
+    width: var(--control-h);
+    height: var(--control-h);
   }
 
   .sla-btn {