/* AIPlayCraft customer shell stability layer.
   Loaded directly into deployed HTML so the first paint already matches the final UI. */

.pc-nav-account,
.pc-nav [data-auth-nav] {
  min-width: 112px;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}

/* Eliminate legacy navy footer flashes before the dynamic polish layer loads. */
.pc-footer,
.production-footer,
footer.production-footer,
.account-app-footer {
  color: #3c4043 !important;
  border-top-color: #d2e3fc !important;
  background: #e8f0fe !important;
  background-image: none !important;
  box-shadow: none !important;
}
.production-footer .pc-brand-word,
.production-footer .pc-brand-word b,
.production-footer nav strong,
.account-app-footer strong { color: #202124 !important; }
.production-footer-brand p,
.production-footer nav a,
.production-footer .pc-footer-bottom,
.account-app-footer,
.account-app-footer a { color: #5f6368 !important; }
.production-footer nav a:hover,
.account-app-footer a:hover { color: #174ea6 !important; }
.production-footer .production-beta-label {
  color: #174ea6 !important;
  border-color: #b8cdf5 !important;
  background: rgba(255,255,255,.72) !important;
}
.production-footer .pc-footer-bottom,
.pc-footer .pc-footer-bottom {
  color: #3c4043 !important;
  border-top-color: #b8cdf5 !important;
  background: #d2e3fc !important;
}
.account-app-footer { background: #d2e3fc !important; }

/* These large legacy navy panels are already converted by the late polish
   stylesheet. Match that light treatment on first paint too. */
.production-family,
.production-final-card,
.production-path-grid article.primary,
.class-booking-hero,
.server-ai-access-card {
  color: #202124 !important;
  border-color: #d2e3fc !important;
  background: #e8f0fe !important;
  background-image: none !important;
}
.production-family .pc-eyebrow,
.production-family .production-text-link,
.production-final-card .pc-eyebrow,
.production-path-grid article.primary > span,
.class-booking-hero .pc-eyebrow,
.server-ai-access-card .pc-eyebrow { color: #174ea6 !important; }
.production-family p,
.production-family-points span,
.production-final-card p,
.production-path-grid .primary p,
.class-booking-hero p:not(.pc-eyebrow),
.server-ai-access-card > div > p:last-child,
.server-ai-access-card li small { color: #5f6368 !important; }
.production-family-points article,
.production-final-card,
.production-path-grid article.primary,
.class-booking-steps,
.server-ai-access-card li {
  border-color: #d2e3fc !important;
  background: rgba(255,255,255,.92) !important;
}
.class-booking-steps span,
.server-ai-access-card li strong { color: #202124 !important; }

/* Seven official top-level links need more room than the older five-link nav.
   Collapse to the existing mobile menu before the desktop row can overlap. */
@media (max-width: 1180px) {
  .pc-header-inner { height: 64px; }
  .pc-nav-toggle { display: block; }
  .pc-nav {
    display: none;
    position: fixed;
    inset: 64px 0 auto;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    padding: 14px 20px 22px;
    border-bottom: 1px solid #dadce0;
    background: #fff;
    box-shadow: 0 18px 35px rgba(60,64,67,.12);
  }
  .pc-nav.is-open { display: grid; }
  .pc-nav a { padding: 13px 14px; }
  .pc-nav .pc-nav-account,
  .pc-nav [data-auth-nav] { min-width: 0; margin: 5px 0 0; }
}

/* Keep the logged-in application header usable on tablet sizes without
   squeezing the account identity controls into the public navigation. */
@media (max-width: 1180px) {
  .account-app-header-inner {
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: 14px;
  }
  .account-app-nav {
    justify-content: flex-start;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }
}

@media (max-width: 760px) {
  .account-app-header-inner {
    grid-template-columns: minmax(0,1fr) auto;
    padding-block: 8px;
  }
  .account-app-nav {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: flex-start;
    padding-bottom: 5px;
  }
  .account-app-brand > strong,
  .account-app-user-copy { display: none; }
}