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

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

apps/web/src/components/JalaliDateInput.vue

@@ -655,14 +655,15 @@ onBeforeUnmount(() => {
 
 .trigger {
   width: 100%;
-  min-height: 44px;
+  min-height: var(--control-h);
+  height: var(--control-h);
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 0.6rem;
+  gap: 0.45rem;
   border: 1px solid var(--line, #e2e8f0);
-  border-radius: 12px;
-  padding: 0.7rem 0.85rem;
+  border-radius: var(--radius);
+  padding: 0 0.75rem;
   background: #fff;
   color: #0f172a;
   font: inherit;
@@ -739,6 +740,9 @@ onBeforeUnmount(() => {
 
 .trigger span {
   min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .trigger .empty {