added ssh deploy

winDeployScripts/software/webconfig/static/style.css

@@ -104,6 +104,18 @@ main {
 .row { display: flex; gap: 12px; flex-wrap: wrap; align-items: flex-end; }
 label { display: flex; flex-direction: column; gap: 5px; font-size: 0.88em; color: var(--muted); }
 label.check { flex-direction: row; align-items: center; gap: 8px; color: var(--text); }
+label.label-range { gap: 6px; }
+.label-caption {
+    display: block;
+    font-size: 0.88em;
+    color: var(--muted);
+    line-height: 1.3;
+    white-space: nowrap;
+}
+.label-caption > span {
+    color: var(--text);
+    font-weight: 600;
+}
 
 input[type="text"], input[type="number"], input[type="password"], select {
     background: var(--bg-input);
@@ -206,27 +218,41 @@ button.icon-only { padding: 6px 9px; line-height: 1; }
 .appearance-bg.mode-image .bg-image-row { display: flex; }
 
 .feedback-panel {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+.feedback-section {
+    background: var(--bg-input);
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    padding: 14px 16px;
+}
+.feedback-section-title {
+    margin: 0 0 12px;
+    font-size: 0.9rem;
+    font-weight: 600;
+    color: var(--text);
+}
+.feedback-section-grid {
     display: grid;
     grid-template-columns: 1fr auto;
-    gap: 24px;
-    align-items: start;
-}
-.feedback-form { grid-template-columns: repeat(2, minmax(180px, 1fr)); }
-.feedback-form .span-2 { grid-column: 1 / -1; }
-.feedback-preview .preview-label {
-    font-size: 0.88em;
-    color: var(--muted);
-    margin-bottom: 8px;
-}
-.feedback-preview .preview-row {
-    flex-direction: column;
+    gap: 20px;
     align-items: center;
-    margin-top: 0;
-    gap: 16px;
+}
+.feedback-section-form {
+    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+    margin: 0;
+}
+.feedback-section-preview {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 88px;
 }
 
 /* ---------- Feedback preview ---------- */
-.preview-row { display: flex; gap: 24px; margin-top: 16px; }
+.preview-row { display: flex; gap: 24px; margin-top: 16px; flex-wrap: wrap; }
 .preview-dot {
     width: 72px; height: 72px; border-radius: 50%;
     display: flex; align-items: center; justify-content: center;
@@ -285,8 +311,9 @@ button.icon-only { padding: 6px 9px; line-height: 1; }
 @media (max-width: 720px) {
     .update-layout { grid-template-columns: 1fr; }
     .version-sidebar { position: static; }
-    .feedback-panel { grid-template-columns: 1fr; }
-    .feedback-form { grid-template-columns: 1fr; }
+    .feedback-section-grid { grid-template-columns: 1fr; }
+    .feedback-section-preview { min-width: 0; padding-top: 4px; }
+    .feedback-section-form { grid-template-columns: 1fr; }
 }
 
 .kv { display: flex; flex-direction: column; gap: 8px; }
@@ -352,6 +379,7 @@ button.icon-only { padding: 6px 9px; line-height: 1; }
 .req-log .log-path { max-width: 280px; overflow: hidden; text-overflow: ellipsis; }
 .req-log .log-err { color: #f87171; }
 .req-log .log-ok { color: #4ade80; }
+.req-log .log-wait { color: #fcd34d; }
 .req-log .empty-cell { color: var(--muted); text-align: center; }
 
 /* ---------- Dialog ---------- */
@@ -361,13 +389,41 @@ dialog {
     border-radius: var(--radius);
     color: var(--text);
     padding: 22px;
-    min-width: 360px;
+    min-width: min(96vw, 760px);
 }
 dialog::backdrop { background: rgba(0,0,0,0.6); }
 dialog form { display: flex; flex-direction: column; gap: 10px; }
 dialog h3 { margin: 0 0 6px; }
 dialog menu { display: flex; justify-content: flex-end; gap: 8px; padding: 0; margin: 14px 0 0; }
 
+.response-check-block { margin-top: 6px; }
+.response-check-advanced { display: none; margin-top: 10px; gap: 10px; flex-direction: column; }
+.response-check-advanced.show { display: flex; }
+.response-rules-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 4px;
+}
+.response-rule-row {
+    display: grid;
+    grid-template-columns: 1.2fr 0.8fr 1fr 0.9fr 1.2fr auto;
+    gap: 6px;
+    margin-bottom: 6px;
+}
+.response-rule-row input,
+.response-rule-row select {
+    width: 100%;
+    min-width: 0;
+}
+.response-check-poll { margin-top: 4px; }
+@media (max-width: 720px) {
+    .response-rule-row {
+        grid-template-columns: 1fr 1fr;
+    }
+    .response-rule-row .rc-del { grid-column: 2; }
+}
+
 /* ---------- Toast ---------- */
 .toast {
     position: fixed; bottom: 24px; right: 24px;