Оформить уведомление об обновлениях

web/static/app.css

@@ -85,6 +85,15 @@ h2 { margin: 0; font-size: 18px; letter-spacing: -.02em; }
 .value.small { font-size: 16px; }
 .strong { font-weight: 700; }
 
+.update-banner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 14px;
+  border-color: rgba(255,209,102,.35);
+  background: linear-gradient(135deg, rgba(255,209,102,.12), rgba(55,214,255,.07));
+}
+
 .services { display: grid; gap: 10px; }
 .service-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 12px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); border-radius: 14px; }
 .service-row small { display: block; margin-top: 4px; color: var(--muted); }
@@ -226,6 +235,7 @@ pre { overflow: auto; margin: 14px 0 0; padding: 14px; border-radius: 14px; back
   .stats, .two, .form-row, .operation-summary, .meta-grid { grid-template-columns: 1fr; }
   .shell { width: min(100% - 20px, 1440px); padding-top: 10px; }
   table { display: block; overflow-x: auto; }
+  .update-banner { align-items: flex-start; flex-direction: column; }
   .console-window { grid-template-rows: 54px 1fr; }
   .console-main { height: calc(100vh - 54px); }
   .console-title { flex-direction: column; align-items: flex-start; gap: 1px; }