@import url("/static/css/admin.css");

.login-only .portal-entry{
  display: grid;
  gap: 18px;
}

.login-only .portal-entry-hero{
  width: min(100%, 920px);
  margin: 0 auto;
  padding: clamp(22px, 4vw, 34px);
  display: grid;
  gap: 18px;
  background:
    linear-gradient(180deg, rgba(141,195,255,.09), transparent 34%),
    var(--panel-bg);
}

.login-only .portal-entry-copy{
  display: grid;
  gap: 12px;
}

.login-only .portal-entry-actions,
.login-only .portal-entry-inline-links{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.login-only .portal-entry-note{
  margin: 0;
  color: var(--text1);
  max-width: 60ch;
}

.login-only .portal-entry-status{
  margin: 0;
  max-width: 56ch;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(141, 195, 255, 0.28);
  background: rgba(141, 195, 255, 0.12);
  color: var(--text1);
}

.login-only .portal-entry-status strong{
  color: #d8ecff;
}

.login-only .portal-entry-grid{
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.login-only .portal-entry-card{
  min-height: 100%;
}

#ContentShell .portal-view{
  display: grid;
  gap: 18px;
  align-content: start;
}

#ContentShell .portal-workspace-grid,
#ContentShell .portal-service-grid{
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#ContentShell .portal-service-card .platform-card-actions{
  margin-top: auto;
}

#ContentShell .portal-view .platform-page-eyebrow{
  color: #8dc3ff;
}

#ContentShell .portal-view .platform-card{
  min-height: 100%;
}

@media (max-width: 980px){
  .login-only .portal-entry-grid{
    grid-template-columns: minmax(0, 1fr);
  }

  #ContentShell .portal-workspace-grid,
  #ContentShell .portal-service-grid{
    grid-template-columns: minmax(0, 1fr);
  }
}