/* Contenuti Collaborazioni gestiti dal pannello admin */
.collab-managed-section{ padding:42px 0; }
.collab-managed-section + .collab-managed-section{ padding-top:22px; }
.collab-managed-section .section-head{ margin-bottom:18px; }
.collab-managed-section .section-head .pill{ max-width:min(100%, 280px); text-align:center; justify-content:center; }

.collab-managed-section .projects-grid{
  margin-top:0;
  align-items:stretch;
}

.collab-managed-card{
  --accent:#2998ff;
  position:relative;
  min-height:100%;
}

.collab-managed-card > .project-media{
  display:block;
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  margin:0 0 14px;
  background:
    radial-gradient(circle at 50% 12%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 58%),
    #040a17;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 14px 28px rgba(0,0,0,.22);
}
.collab-managed-card > .project-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.035), transparent 32%, rgba(0,0,0,.22));
}
.collab-managed-card > .project-media .project-image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  border:0 !important;
  border-radius:inherit !important;
  background:none !important;
}
.collab-managed-card .project-status{ white-space:nowrap; }
.collab-managed-card .project-actions{ margin-top:10px; }
.collab-managed-card .collab-btn{ min-height:38px; }
.collab-empty-state{
  grid-column:1 / -1;
  padding:18px;
  border:1px dashed rgba(255,255,255,.18);
  border-radius:18px;
  color:var(--rb-muted, #9fb1cc);
  text-align:center;
  background:rgba(4,10,22,.5);
}

@media (max-width:640px){
  .collab-managed-section{ padding:34px 0; }
  .collab-managed-section .section-head{ align-items:flex-start; }
  .collab-managed-section .section-head .pill{ justify-content:flex-start; }
}
