@media (max-width: 900px) {
  .pc-app-shell {
    display: block;
    padding: 14px;
  }

  .pc-sidebar {
    position: relative;
    top: auto;
    height: auto;
    margin-bottom: 14px;
  }

  .pc-side-brand {
    padding-bottom: 16px;
    margin-bottom: 14px;
  }

  .pc-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pc-nav-link {
    min-height: 44px;
    padding: 0 12px;
    font-size: 13px;
  }

  .pc-main {
    gap: 14px;
  }

  .pc-topbar {
    display: grid;
    gap: 14px;
    padding: 16px;
  }

  .pc-topbar-actions {
    justify-content: space-between;
  }

  .pc-hero-card {
    display: grid;
    padding: 24px;
  }

  .pc-hero-card h2 {
    font-size: 36px;
  }

  .pc-hero-status {
    justify-self: start;
  }

  .pc-stat-grid,
  .pc-dashboard-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .pc-login-shell {
    padding: 18px;
  }

  .pc-login-card {
    padding: 22px;
    border-radius: 28px;
  }
}

@media (max-width: 520px) {
  .pc-nav {
    grid-template-columns: 1fr;
  }

  .pc-topbar-actions {
    align-items: stretch;
    display: grid;
  }

  .pc-language-row {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

/* STEP_06B_MOBILE_FOUNDATION */
@media (max-width: 900px) {
  html,
  body.pc-admin-body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  .pc-app-shell,
  .pc-main,
  .pc-sidebar,
  .pc-topbar,
  .pc-hero-card,
  .pc-glass-card,
  .pc-glass-panel,
  .pc-panel-card {
    min-width: 0;
    max-width: 100%;
  }

  .pc-main > *,
  .pc-topbar > *,
  .pc-hero-card > * {
    min-width: 0;
    max-width: 100%;
  }

  .pc-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  img,
  video,
  canvas,
  iframe,
  input,
  select,
  textarea {
    max-width: 100%;
  }

  .pc-page-title,
  .pc-hero-card h2,
  .pc-hero-card p,
  .pc-side-brand,
  .pc-topbar {
    overflow-wrap: anywhere;
  }

  .pc-mini-button,
  .pc-table-actions button,
  .pc-table-actions a {
    min-height: 44px;
  }
}

@media (max-width: 520px) {
  .pc-app-shell {
    padding: 10px;
  }

  .pc-topbar,
  .pc-hero-card,
  .pc-panel-card {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pc-hero-card h2 {
    font-size: clamp(28px, 11vw, 36px);
  }
}