testingwebapp fixes, weeek tasks 2948-2958

flask_app/app/static/css/app.css

@@ -81,6 +81,11 @@ h3 {
 /* Кабинетный UI (класс body.ui-legacy на корне). */
 /* ------------------------------------------------------------------ */
 
+/* Высота ряда шапки: лого 2rem или блок кнопки (.btn padding + текст) — для fixed-тостов под header */
+body.ui-legacy {
+  --cabinet-header-row-h: max(2rem, calc(0.9375rem * 1.38 + 1.1rem + 3px));
+}
+
 body.ui-legacy .max-w-2xl {
   max-width: 42rem !important;
 }
@@ -733,12 +738,60 @@ body.ui-legacy .test-detail-subsection__title {
   padding: 1rem;
   margin-bottom: 0;
 }
-.editor-generation-panel__status {
-  margin-top: 0.75rem;
-  margin-bottom: 0;
+/* Уведомления ИИ: справа под шапкой; зазор под шапкой = боковой отступ (0.65rem) */
+.editor-gen-toast {
+  --editor-toast-inset: max(0.65rem, env(safe-area-inset-right, 0px));
+  position: fixed;
+  right: var(--editor-toast-inset);
+  left: auto;
+  /* Низ шапки: padding-top + ряд + padding-bottom + border; затем зазор 0.65rem как у боковых inset тоста */
+  top: calc(
+    max(0.75rem, env(safe-area-inset-top, 0px)) + var(--cabinet-header-row-h) + 0.75rem + 1px + 0.65rem
+  );
+  z-index: 10060;
+  box-sizing: border-box;
+  max-width: min(28rem, calc(100vw - 1.5rem));
+  min-height: 2.85rem;
+  padding: 0.45rem 0.75rem;
+  border-radius: 0.5rem;
+  font-size: 0.9375rem;
+  line-height: 1.35;
+  font-weight: 500;
+  box-shadow: 0 3px 18px rgba(15, 23, 42, 0.16);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: flex;
+  align-items: center;
+  transform: translateX(calc(100% + 1.25rem));
+  opacity: 0;
+  pointer-events: none;
+  transition:
+    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
+    opacity 0.35s ease;
 }
-.editor-generation-panel__status:empty {
-  display: none;
+.editor-gen-toast.editor-gen-toast--open {
+  transform: translateX(0);
+  opacity: 1;
+  pointer-events: auto;
+}
+.editor-gen-toast[hidden] {
+  display: none !important;
+}
+.editor-gen-toast[data-variant='info'] {
+  background: #ffffff;
+  border: 1px solid var(--ink-200, #e5e7eb);
+  color: var(--ink-800, #1f2937);
+}
+.editor-gen-toast[data-variant='ok'] {
+  background: #ecfdf5;
+  border: 1px solid #6ee7b7;
+  color: #065f46;
+}
+.editor-gen-toast[data-variant='err'] {
+  background: #fef2f2;
+  border: 1px solid #fca5a5;
+  color: #991b1b;
 }
 
 /* ─── Option row alignment ───────────────────────────────────────── */
@@ -751,10 +804,19 @@ body.ui-legacy .test-detail-subsection__title {
 .opt-text {
   line-height: 1.55;
 }
-.opt-delete {
+.opt-delete,
+.opt-ai {
   margin-top: 0.2rem;
 }
 
+.opt-text-wrap {
+  min-height: 2.5rem;
+}
+.opt-item--ai-busy .opt-correct {
+  opacity: 0.45;
+  pointer-events: none;
+}
+
 /* ─── Question AI overlay ────────────────────────────────────────── */
 .q-ai-overlay {
   transition: opacity 0.15s;
@@ -783,7 +845,7 @@ body.ui-legacy .test-detail-subsection__title {
   border-style: solid;
   border-color: var(--primary, #007168) !important;
   background-color: color-mix(in srgb, var(--primary, #007168) 6%, transparent) !important;
-  pointer-events: none;
+  /* не pointer-events:none — иначе нельзя снова открыть выбор файла тем же кликом по зоне */
 }
 @keyframes spin { to { transform: rotate(360deg); } }