From 80def1f38043b3fdd081fa8c8b3558c6c6f01ce5 Mon Sep 17 00:00:00 2001
From: Ku6epXBOCTuK <Ku6epXBOCTuK@gmail.com>
Date: Mon, 31 Aug 2026 10:38:35 +0500
Subject: [PATCH] fix: resolve new audit styles

---
 web/src/lib/components/kit/Badge.svelte      |  1 -
 web/src/lib/components/kit/ColorField.svelte |  1 -
 web/src/lib/components/kit/Segmented.svelte  |  5 ++--
 web/src/lib/components/kit/StepCard.svelte   |  6 +----
 web/src/lib/components/kit/TopBar.svelte     |  1 -
 web/src/lib/styles/design2.css               | 28 +++++++++++++++-----
 6 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/web/src/lib/components/kit/Badge.svelte b/web/src/lib/components/kit/Badge.svelte
index 414e1ad..4559aca 100644
--- a/web/src/lib/components/kit/Badge.svelte
+++ b/web/src/lib/components/kit/Badge.svelte
@@ -26,7 +26,6 @@
 		font-family: var(--font-mono);
 		font-size: 10px;
 		border: 1px solid var(--line);
-		border-radius: var(--radius);
 		color: var(--muted);
 	}
 	.badge--accent {
diff --git a/web/src/lib/components/kit/ColorField.svelte b/web/src/lib/components/kit/ColorField.svelte
index 28cedb6..cce353c 100644
--- a/web/src/lib/components/kit/ColorField.svelte
+++ b/web/src/lib/components/kit/ColorField.svelte
@@ -61,7 +61,6 @@
 		width: 14px;
 		height: 14px;
 		border: 1px solid var(--line);
-		border-radius: var(--radius);
 		flex: none;
 	}
 	.color-field input {
diff --git a/web/src/lib/components/kit/Segmented.svelte b/web/src/lib/components/kit/Segmented.svelte
index 85d6b63..860febe 100644
--- a/web/src/lib/components/kit/Segmented.svelte
+++ b/web/src/lib/components/kit/Segmented.svelte
@@ -36,7 +36,6 @@
 		display: flex;
 		height: 32px;
 		border: 1px solid var(--line);
-		border-radius: var(--radius);
 		overflow: hidden;
 		background: var(--background);
 	}
@@ -48,8 +47,8 @@
 		background: 0 0;
 		flex: 1;
 	}
-	.segment + .segment {
-		border-left: 1px solid var(--line);
+	.segment:last-child {
+		border-right: 0px;
 	}
 	.segment.selected {
 		background: var(--blue);
diff --git a/web/src/lib/components/kit/StepCard.svelte b/web/src/lib/components/kit/StepCard.svelte
index 13dcfdd..edb9a04 100644
--- a/web/src/lib/components/kit/StepCard.svelte
+++ b/web/src/lib/components/kit/StepCard.svelte
@@ -48,21 +48,16 @@
 		grid-template-columns: 46px 20px 1fr;
 		min-height: 138px;
 		border: 1px solid var(--line);
-		border-radius: var(--radius);
 		background: var(--panel);
 		overflow: hidden;
 	}
 	.step-index {
-		grid-column: 1;
-		grid-row: 1;
 		font: 11px var(--font-mono);
 		color: var(--blue);
 		padding: 17px 0 0px 15px;
 		border-right: 1px solid var(--line);
 	}
 	.step-body {
-		grid-column: 2;
-		grid-row: 1 / span 2;
 		padding: 15px 18px 18px;
 	}
 	.step-heading {
@@ -94,6 +89,7 @@
 		cursor: pointer;
 		line-height: inherit;
 		& :global(svg) {
+			display: block;
 			line-height: inherit;
 		}
 	}
diff --git a/web/src/lib/components/kit/TopBar.svelte b/web/src/lib/components/kit/TopBar.svelte
index aa77b10..393c458 100644
--- a/web/src/lib/components/kit/TopBar.svelte
+++ b/web/src/lib/components/kit/TopBar.svelte
@@ -125,7 +125,6 @@
 		display: flex;
 		align-items: center;
 		border: 1px solid var(--line);
-		border-radius: var(--radius);
 		overflow: hidden;
 	}
 	.lang-btn {
diff --git a/web/src/lib/styles/design2.css b/web/src/lib/styles/design2.css
index 6a516a1..9945977 100644
--- a/web/src/lib/styles/design2.css
+++ b/web/src/lib/styles/design2.css
@@ -51,13 +51,24 @@
 		text-rendering: optimizeLegibility;
 	}
 
-	/* Форм-контролы не наследуют шрифт семьи по умолчанию (браузер ставит Arial). */
 	button,
 	input,
 	select,
-	textarea,
-	optgroup {
+	optgroup,
+	textarea {
 		font: inherit;
+		font-feature-settings: inherit;
+		font-variation-settings: inherit;
+		letter-spacing: inherit;
+		color: inherit;
+		opacity: 1;
+		background-color: #0000;
+		border-radius: 0;
+	}
+
+	button,
+	input:where([type="button"], [type="reset"], [type="submit"]) {
+		appearance: button;
 	}
 
 	/* Перебивки глобальных правил старого app.css (слой app ниже), чтобы при
@@ -65,18 +76,21 @@
 	   Пустые — заполни при необходимости. */
 	a,
 	a:hover {
-		/* color: inherit; text-decoration: none; */
+		color: inherit;
+		text-decoration: none;
 	}
 	h1,
 	h2 {
-		/* font-size: revert; line-height: revert; letter-spacing: revert; */
+		font-size: revert;
+		line-height: revert;
+		letter-spacing: revert;
 	}
 	p,
 	label {
-		/* font-size: revert; */
+		font-size: revert;
 	}
 	:focus-visible {
-		/* outline: revert; */
+		outline: revert;
 	}
 	svg {
 		vertical-align: middle;