/* 3.2 launchpad stream: the official CORE logo, The Catalyst's company mark, the Launchpad's product family and the
   change logs. Tokens from app.css only; light and dark. */

/* ---------------------------------------------------------------- CORE logo */
.lockup.core-lockup { padding: var(--s5) var(--s5) var(--s3); }
.core-lockup .brand-lockup-white { display: block; height: 52px; width: auto; max-width: 100%; }
.public-lockup .brand-lockup-white { display: block; height: 48px; width: auto; }
.offline-top .brand-lockup-white { display: block; height: 36px; width: auto; }
.topbar-mark { display: none; }
.topbar-mark img { display: block; width: 32px; height: 32px; }
@media (max-width: 900px) {
  .topbar-mark { display: inline-flex; flex: none; order: -1; border-radius: 9px; }
}
.cc-orbit > .core-mark, .plat-hero-orbit > .core-mark, .cr-orbit > .core-mark { width: 100% !important; height: 100% !important; }

/* The Catalyst (the company): an understated endorsement in the page footer and on the sign-in pages */
.company-brand { display: inline-flex; align-items: center; gap: 8px; }
.company-brand .company-mark { flex: none; color: var(--accent-text); opacity: .85; }
.public-endorse { display: flex; flex-wrap: wrap; gap: var(--s2) var(--s5); align-items: center; justify-content: space-between;
  color: rgba(233, 228, 250, .6); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; }
.public-endorse .company-mark { color: var(--lavender); }

/* official platform icons where Platforms used generic icons */
.plat-badge:has(> .plat-logo) { background: none; box-shadow: none; }
.plat-badge > .plat-logo { width: 100%; height: 100%; display: block; }
.plat-hero-name .plat-logo { flex: none; border-radius: 5px; }

/* ---------------------------------------------------------------- Launchpad */
.lp-core { display: flex; align-items: center; gap: var(--s4); padding: var(--s4) var(--s5); margin-bottom: var(--s5); }
.lp-core-icon { flex: none; }
.lp-core-text { margin: 0; color: var(--text); min-width: 0; overflow-wrap: anywhere; }
.lp-section-title { font-size: 17px; margin: var(--s6) 0 var(--s4); }
.lp-section-title:first-of-type { margin-top: var(--s2); }
.lp-app-icon { flex: none; display: block; }
.lp-word { display: block; font: 700 11px/1.2 var(--font-display, inherit); letter-spacing: .16em; text-transform: uppercase;
  color: var(--accent-text); }
.lp-tile .lp-tile-title { margin-top: 2px; }
.lp-open { display: flex; flex-wrap: wrap; gap: var(--s2); }
.lp-open .btn { max-width: 100%; }
.lp-tile-foot p { margin: 0; }
.lp-changes { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; min-height: 24px; align-self: flex-start; }
.lp-family { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s4);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
.lp-family > .lp-mini { margin: 0; }
.lp-mini { display: flex; gap: var(--s4); align-items: flex-start; padding: var(--s5); }
.lp-mini p { margin: 4px 0 0; }
.lp-mini-title { margin: 2px 0 0; font-size: 16px; }
.lp-mini-state { margin-top: var(--s2) !important; }
.lp-soon { background: var(--surface-2); box-shadow: none; }
.lp-soon .lp-app-icon { opacity: .9; }
.lp-soon-chip { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 10px; border-radius: 999px;
  border: 1px dashed var(--border-strong); color: var(--muted); font-size: 12.5px; font-weight: 600; }

/* ---------------------------------------------------------------- change logs */
.cl-products { list-style: none; margin: 0 0 var(--s5); padding: 0; display: grid; gap: var(--s3);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.cl-product-card { display: flex; align-items: center; gap: var(--s3); padding: var(--s4); margin: 0; color: var(--text); min-width: 0; }
.cl-product-card:hover { text-decoration: none; border-color: var(--border-strong); }
.cl-product-card > .grow { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cl-product-name { font-weight: 600; }
.cl-keep { margin-top: 4px; }
.cl-generic { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: var(--surface-2);
  color: var(--muted); flex: none; }
.cl-section-title { font-size: 17px; margin: var(--s6) 0 var(--s3); }
.cl-filters { margin: 0 var(--s2) var(--s3) 0; flex-wrap: wrap; max-width: 100%; }
.cl-list { list-style: none; margin: var(--s2) 0 0; padding: 0; display: grid; gap: var(--s3); }
.cl-list > .cl-entry { margin: 0; }
.cl-entry { padding: var(--s5); min-width: 0; }
.cl-draft { border-style: dashed; }
.cl-meta { display: flex; flex-wrap: wrap; gap: var(--s2) var(--s3); align-items: center; }
.cl-product { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 13.5px; }
.cl-product img { border-radius: 5px; }
.cl-version { font-weight: 600; font-size: 13px; padding: 1px 8px; border-radius: 6px; background: var(--surface-2); }
.cl-title { margin: var(--s3) 0 0; font-size: 17px; line-height: 1.35; overflow-wrap: anywhere; }
.cl-title a { color: var(--text); }
.cl-body { margin-top: var(--s2); overflow-wrap: anywhere; }
.cl-body > :first-child { margin-top: 0; }
.cl-links { list-style: none; margin: var(--s3) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s2) var(--s4); }
.cl-links a { display: inline-flex; align-items: center; gap: 5px; min-height: 24px; overflow-wrap: anywhere; }
.cl-by { margin: var(--s3) 0 0; }
.cl-one { margin-bottom: var(--s5); }
.cl-head, .cl-tab-head { display: flex; gap: var(--s3); align-items: center; flex-wrap: wrap; margin-bottom: var(--s4); }
.cl-head p, .cl-tab-head p { margin: 0; min-width: 0; flex: 1 1 260px; }
.cl-head img { flex: none; }
.cl-form fieldset { border: 1px solid var(--border); border-radius: var(--r); padding: var(--s3) var(--s4); margin: var(--s4) 0; min-width: 0; }
.cl-form legend { font-weight: 600; padding: 0 6px; }
.cl-snap summary { color: var(--accent-text); font-size: 13.5px; margin-top: 4px; }
.cl-snap .kv { margin-top: var(--s2); }
.cl-staff-row { display: flex; gap: var(--s3); align-items: center; flex-wrap: wrap; }
.cl-staff-row p { margin: 4px 0 0; }
@media (max-width: 600px) {
  .lp-core { align-items: flex-start; padding: var(--s4); }
  .lp-mini { padding: var(--s4); }
  .cl-entry { padding: var(--s4); }
  .lp-open .btn { flex: 1 1 100%; }
}
.cl-links-edit .form.two + .form.two { margin-top: var(--s3); }
.cl-status .perm-check { gap: var(--s2); }
.cl-form .form.two .field { margin-bottom: 0; }
.empty .illus.core-mark { display: block; opacity: .5; }
.md-app-logo { flex: none; display: block; border-radius: 8px; }
.md-app-open { display: inline-flex; flex-wrap: wrap; gap: var(--s2); justify-content: flex-end; }
.lp-core-text p { margin: 0; } .lp-core-text p + p { margin-top: 2px; color: var(--muted); }