Feature: компактные формы заказов, колонки Товар/Количество

Made-with: Cursor

app/static/css/theme-compact.css

@@ -0,0 +1,47 @@
+/* Компактная раскладка форм документов */
+.ws-form-compact .ws-form-row {
+  display: grid;
+  gap: 1rem;
+  margin-bottom: 1rem;
+  align-items: start;
+}
+
+.ws-form-compact .ws-form-row-date-number {
+  grid-template-columns: 10ch 15ch;
+}
+
+.ws-form-compact .ws-form-row-date-number .ws-form-group input {
+  max-width: 100%;
+  width: 100%;
+}
+
+.ws-form-compact .ws-form-row-2 {
+  grid-template-columns: 1fr 1fr;
+  max-width: 520px;
+}
+
+.ws-form-compact .ws-form-row-2 .ws-form-group input,
+.ws-form-compact .ws-form-row-2 .ws-form-group select {
+  max-width: 100%;
+}
+
+/* Таблица товаров: колонка Товар шире, Количество уже */
+.ws-table-items .ws-col-product {
+  width: 35%;
+  min-width: 14rem;
+}
+
+.ws-table-items .ws-col-qty {
+  width: 5rem;
+}
+
+.ws-table-items td.ws-col-qty input,
+.ws-table-items .ws-col-qty input {
+  width: 4ch !important;
+  max-width: 5rem;
+  box-sizing: border-box;
+}
+
+.ws-table-items .ws-col-del {
+  width: 4rem;
+}

app/static/css/theme.css

@@ -1,4 +1,4 @@
-/* ERP WaterSurf — только цвета и шрифты из брендбука */
+/* ERP WaterSurf — тема v4 (только цвета и шрифты из брендбука) */
 
 /* Основные цвета бренда (базовые): White, Gray 01–04, Black */
 :root {
@@ -37,6 +37,12 @@
 html {
   scroll-behavior: smooth;
   background: var(--ws-bg-page) !important;
+  font-family: var(--ws-font) !important;
+}
+
+body,
+body * {
+  font-family: inherit;
 }
 
 body {
@@ -230,10 +236,12 @@ body {
   color: var(--ws-danger-dark) !important;
 }
 
-/* Кнопки — акцент только из дополнительных (Blue 02) */
-.btn-ws-primary {
-  background: var(--ws-accent) !important;
-  color: var(--ws-black) !important;
+/* Кнопки — акцент только из дополнительных (Blue 02), высокая специфичность */
+.btn-ws-primary,
+body .btn.btn-ws-primary,
+a.btn.btn-ws-primary {
+  background: #34AFE3 !important;
+  color: #0A121D !important;
   border: none !important;
   border-radius: var(--ws-radius-sm);
   padding: 0.5rem 1rem;
@@ -243,8 +251,10 @@ body {
   letter-spacing: -0.01em;
 }
 
-.btn-ws-primary:hover {
-  background: var(--ws-accent-hover) !important;
+.btn-ws-primary:hover,
+body .btn.btn-ws-primary:hover,
+a.btn.btn-ws-primary:hover {
+  background: #00868F !important;
   color: var(--ws-white) !important;
 }