fix(tests list): stack card on mobile, full-width title and Pass button

- max-width 640px: column layout, no split title/button in one row
- Pass button full width in side row; remove flex-end empty strip
- Scope list-row :hover to hover+fine pointer; add :active on link for touch
- list-row--action link hover also scoped to fine pointer

Made-with: Cursor

frontend/src/styles/cabinet-theme.css

@@ -411,20 +411,23 @@ code,
   transition: border-color 0.15s, box-shadow 0.15s;
 }
 
+/* Hover — только у устройств с нормальным hover (не залипает на тач после тапа) */
+@media (hover: hover) and (pointer: fine) {
   .list-row:hover {
     border-color: color-mix(in srgb, var(--primary) 35%, var(--outline-variant));
     box-shadow: 0 2px 12px rgba(0, 113, 104, 0.08);
   }
 
-.list-row a {
+  .list-row a:hover {
+    color: var(--primary);
     text-decoration: none;
-  color: var(--on-surface);
+  }
-  font-weight: 600;
 }
 
-.list-row a:hover {
+.list-row a {
-  color: var(--primary);
   text-decoration: none;
+  color: var(--on-surface);
+  font-weight: 600;
 }
 
 .list-row__meta {
@@ -455,10 +458,12 @@ code,
   transition: background 0.12s ease;
 }
 
+@media (hover: hover) and (pointer: fine) {
   .list-row--action .list-row__link:hover {
     background: color-mix(in srgb, var(--primary) 6%, transparent);
     text-decoration: none;
   }
+}
 
 .list-row--action .list-row__title {
   display: block;
@@ -501,10 +506,16 @@ code,
   -webkit-tap-highlight-color: color-mix(in srgb, var(--primary) 18%, transparent);
 }
 
+.list-row--split .list-row__link:active {
+  background: color-mix(in srgb, var(--primary) 10%, transparent);
+}
+
+@media (hover: hover) and (pointer: fine) {
   .list-row--split .list-row__link:hover {
     background: color-mix(in srgb, var(--primary) 6%, transparent);
     text-decoration: none;
   }
+}
 
 .list-row--split .list-row__side {
   display: flex;
@@ -520,9 +531,17 @@ code,
   font-weight: 600;
 }
 
-@media (max-width: 520px) {
+/* Моб/узкий экран: заголовок на полную ширину, кнопка снизу на полную ширину — без пустой полосы */
+@media (max-width: 640px) {
   .list-row--split {
-    flex-wrap: wrap;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    align-items: stretch;
+  }
+
+  .list-row--split .list-row__main {
+    flex: 0 0 auto;
+    width: 100%;
   }
 
   .list-row--split .list-row__link {
@@ -530,12 +549,18 @@ code,
   }
 
   .list-row--split .list-row__side {
+    box-sizing: border-box;
     width: 100%;
-    justify-content: flex-end;
+    justify-content: stretch;
     border-left: none;
     border-top: 1px solid color-mix(in srgb, var(--outline-variant) 35%, transparent);
     padding: 0.5rem 0.9rem 0.75rem;
   }
+
+  .list-row--split .list-row__side .btn {
+    width: 100%;
+    box-sizing: border-box;
+  }
 }
 
 /* Карточка теста: визуальные блоки + сворачивание (удобно на узком экране) */