/* Gated launcher additions reuse shared jet-black, spectrum and focus tokens. */
.hosted-launcher-state { max-width: 72rem; margin: 0 auto; padding: clamp(1rem, 4vw, 3rem); }
.labs-instance-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1rem; }
.labs-instance-card { padding: 1.5rem; border: 1px solid transparent; border-radius: 1rem; background: linear-gradient(var(--labs-card-bg, #fff),var(--labs-card-bg, #fff)) padding-box,linear-gradient(125deg,#2563eb,#9333ea,#ea580c) border-box; }
.dark-style .labs-instance-card, [data-bs-theme="dark"] .labs-instance-card, [data-theme="dark"] .labs-instance-card { --labs-card-bg: #000; color: #fff; }
.labs-instance-card { display: flex; flex-direction: column; gap: .75rem; min-width: 0; }
.labs-instance-card h2 { overflow-wrap: anywhere; margin: 0; }
.labs-instance-card p { margin: 0; }
.labs-instance-card form, .labs-instance-card > a { margin-top: auto; align-self: flex-start; }
.labs-instance-status { font-size: .9rem; }
.labs-instance-status span { color: #16854a; }
.labs-instance-card .spectrum-button { background: #000; color: #fff; }
.dark-style .labs-instance-card .spectrum-button, [data-bs-theme="dark"] .labs-instance-card .spectrum-button,
[data-theme="dark"] .labs-instance-card .spectrum-button { background: #fff; color: #000; }
.alshival-app [data-hosted-navigation][hidden],
.alshival-app [data-hosted-account-links][hidden],
.alshival-app [data-hosted-launcher][hidden] { display: none !important; }
.alshival-app .app-header-actions:has([data-hosted-launcher]) { flex-wrap: wrap; gap: .5rem; }
@media (max-width: 760px) {
  .alshival-app.app-portal .app-header--portal:has([data-hosted-launcher]) .app-header-actions {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .4rem;
  }
}