Aggiunge annunci in-app/sito, contatti e migliora UI copertina sul portale.

Include admin/API/banner nativi, form contatti e reset copertina standard con layout edit più ampio.

Co-authored-by: Cursor <cursoragent@cursor.com>

backend/public/admin.css

@@ -582,3 +582,86 @@ body.admin-body {
   color: var(--red) !important;
   font-weight: 600;
 }
+
+.admin-form {
+  display: grid;
+  gap: 0.9rem;
+  max-width: 720px;
+}
+
+.admin-form-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1rem;
+}
+
+.admin-form label {
+  display: block;
+  font-size: 0.8rem;
+  color: var(--muted);
+  margin-bottom: 0.3rem;
+}
+
+.admin-form input:not([type="checkbox"]),
+.admin-form select,
+.admin-form textarea {
+  width: 100%;
+  padding: 0.5rem 0.65rem;
+  border: 1px solid #444;
+  border-radius: 6px;
+  background: #1a1a22;
+  color: #eee;
+  font: inherit;
+}
+
+.admin-form textarea {
+  min-height: 7rem;
+  resize: vertical;
+}
+
+.admin-form-hint {
+  margin: -0.4rem 0 0;
+  font-size: 0.8rem;
+}
+
+.admin-checkbox {
+  display: flex;
+  align-items: center;
+  gap: 0.55rem;
+  color: var(--text);
+  font-size: 0.9rem;
+}
+
+.admin-checkbox input[type="checkbox"] {
+  width: 1rem;
+  height: 1rem;
+}
+
+.admin-channels {
+  margin: 0;
+  padding: 0.85rem 1rem;
+  border: 1px solid #444;
+  border-radius: 8px;
+  display: grid;
+  gap: 0.55rem;
+}
+
+.admin-channels legend {
+  padding: 0 0.35rem;
+  font-size: 0.8rem;
+  color: var(--muted);
+}
+
+.admin-form-actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.75rem;
+  margin-top: 0.35rem;
+}
+
+@media (max-width: 720px) {
+  .admin-form-row {
+    grid-template-columns: 1fr;
+  }
+}

backend/public/marketing.css

@@ -9,6 +9,9 @@ body {
 a { color: #ff6b6b; text-decoration: none; }
 a:hover { text-decoration: underline; }
 .wrap { max-width: 1100px; margin: 0 auto; padding: 0 20px 48px; }
+/* Form portale (società/squadra + copertina 16:9): usa tutta la larghezza desktop, non stile “mobile”. */
+.wrap--portal { max-width: 1100px; }
+.wrap--portal .card { max-width: none; }
 .site-chrome {
   position: sticky;
   top: 0;
@@ -450,15 +453,19 @@ body.nav-menu-open { overflow: hidden; }
   object-fit: contain;
 }
 .branding-cover-preview {
-  min-height: 140px;
+  min-height: 0;
+  aspect-ratio: 16 / 9;
+  width: 100%;
+  padding: 0;
+  overflow: hidden;
 }
 .branding-cover-preview__img {
-  max-width: 100%;
-  max-height: 180px;
-  width: auto;
-  height: auto;
+  max-width: none;
+  max-height: none;
+  width: 100%;
+  height: 100%;
   border-radius: 8px;
-  object-fit: contain;
+  object-fit: cover;
 }
 .cover-remove-label {
   display: flex;
@@ -468,6 +475,27 @@ body.nav-menu-open { overflow: hidden; }
   font-size: 0.9rem;
   color: #aaa;
 }
+.cover-actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 12px;
+  margin-top: 12px;
+}
+.cover-reset-btn {
+  padding: 10px 16px;
+  font-size: 0.9rem;
+  white-space: nowrap;
+}
+.cover-reset-btn:disabled {
+  opacity: 0.55;
+  cursor: default;
+}
+.cover-reset-hint {
+  flex: 1 1 100%;
+  margin: 0;
+  color: #a5f0b8;
+}
 .branding-file-input { margin-bottom: 0 !important; }
 .branding-url-input { margin-bottom: 14px; }
 .branding-color-row {
@@ -3257,3 +3285,99 @@ a.replay-archive__thumb:hover {
     margin-top: 8px;
   }
 }
+
+.site-announcements {
+  max-width: 1100px;
+  margin: 0 auto;
+  padding: 12px 20px 0;
+  display: grid;
+  gap: 10px;
+}
+
+.live-main .site-announcements {
+  max-width: none;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.site-announcement {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  border-radius: 12px;
+  padding: 14px 16px;
+  border: 1px solid #3a3a48;
+  background: #16161e;
+}
+
+.site-announcement__body {
+  flex: 1;
+  min-width: 0;
+}
+
+.site-announcement__title {
+  margin: 0 0 4px;
+  font-weight: 700;
+}
+
+.site-announcement__text {
+  margin: 0;
+  color: #c8c8d4;
+  font-size: 0.95rem;
+}
+
+.site-announcement__text p {
+  margin: 0 0 0.4em;
+}
+
+.site-announcement__text p:last-child {
+  margin-bottom: 0;
+}
+
+.site-announcement__action {
+  margin: 8px 0 0;
+}
+
+.site-announcement__link {
+  font-weight: 700;
+}
+
+.site-announcement__dismiss {
+  flex-shrink: 0;
+  width: 32px;
+  height: 32px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: #9a9aad;
+  font-size: 1.4rem;
+  line-height: 1;
+  cursor: pointer;
+}
+
+.site-announcement__dismiss:hover {
+  color: #fff;
+  background: #2a2a36;
+}
+
+.site-announcement--info {
+  border-color: #e53935;
+  background: rgba(229, 57, 53, 0.12);
+}
+
+.site-announcement--maintenance,
+.site-announcement--warning {
+  border-color: #f5c518;
+  background: rgba(245, 197, 24, 0.12);
+}
+
+.site-announcement--update,
+.site-announcement--success {
+  border-color: #22c55e;
+  background: rgba(34, 197, 94, 0.12);
+}
+
+.site-announcement--critical {
+  border-color: #e53935;
+  background: rgba(229, 57, 53, 0.16);
+}