feat: implemented form lifecycle hool and state machine

src/styles/_design-tokens.scss

@@ -125,6 +125,20 @@ $sp-7: 28px; $sp-8: 32px;
   }
 }
 
+// Вид поля «только чтение» (режим согласующего / отправленная заявка):
+// приглушённый фон, серый текст, без золотого фокуса — визуально «неактивно».
+// $sel — псевдокласс состояния поля (:read-only для input/textarea, :disabled для select).
+@mixin readonly-field($sel) {
+  &#{$sel},
+  &#{$sel}:focus {
+    background: $gray-50;
+    color: $gray-500;
+    border-color: $gray-200;
+    box-shadow: none;
+    cursor: default;
+  }
+}
+
 @mixin hairline {
   height: 1px;
   background: $grad-hairline;