@media (max-width: 72rem) {
  .header-shell {
    grid-template-columns: minmax(11rem, 1fr) auto minmax(9rem, 1fr);
  }

  .primary-nav > a {
    padding-inline: 0.64rem;
  }

  .primary-nav .app-icon {
    display: none;
  }

  .account-chip {
    max-width: 8.5rem;
  }

  .bulk-model-row {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .audit-action-row {
    grid-template-columns: minmax(8rem, 0.55fr) minmax(10rem, 1fr) auto;
  }

  .audit-action-row form {
    grid-column: 3;
  }

  .template-form {
    grid-template-columns: 1fr 1fr;
  }

  .template-form label {
    grid-column: 1 / -1;
  }
}

@media (max-width: 60rem) {
  :root {
    --header-height: 4.35rem;
  }

  .site-header {
    padding-inline: 0.8rem;
    backdrop-filter: none;
  }

  .header-shell {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .primary-nav {
    position: fixed;
    right: 0.75rem;
    bottom: max(0.7rem, env(safe-area-inset-bottom));
    left: 0.75rem;
    z-index: 50;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 0.35rem;
    background: rgb(7 24 32 / 94%);
    border-color: rgb(255 255 255 / 12%);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-dark);
    backdrop-filter: blur(18px);
  }

  .role-partner .primary-nav {
    display: none;
  }

  .primary-nav > a {
    min-width: 0;
    flex-direction: column;
    gap: 0.16rem;
    padding: 0.42rem 0.25rem;
    overflow: hidden;
    font-size: 0.66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .primary-nav .app-icon {
    display: block;
    width: 1rem;
    height: 1rem;
  }

  .header-account {
    grid-column: 2;
  }

  .page-shell {
    padding-bottom: 4.7rem;
    margin-top: 2.3rem;
  }

  .role-partner .page-shell {
    padding-bottom: 0;
  }

  .site-footer {
    padding-bottom: 7rem;
  }

  .role-partner .site-footer {
    padding-bottom: 3rem;
  }

  .page-intro,
  .library-header,
  .money-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 1.2rem;
  }

  .workflow-form {
    grid-template-columns: 1fr;
  }

  .workflow-sidebar {
    position: static;
  }

  .launch-card {
    position: relative;
  }

  .prepared-submit-card {
    bottom: 5.4rem;
  }

  .role-partner .prepared-submit-card {
    bottom: max(0.8rem, env(safe-area-inset-bottom));
  }

  .prepared-selection-bar,
  .bulk-action-bar,
  .library-action-bar {
    bottom: 5.4rem;
  }

  .role-partner .prepared-selection-bar,
  .role-partner .bulk-action-bar,
  .role-partner .library-action-bar {
    bottom: max(0.8rem, env(safe-area-inset-bottom));
  }

  .recovery-panel {
    grid-template-columns: 1fr;
  }

  .library-toolbar {
    top: calc(var(--header-height) + 0.5rem);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .money-store-toolbar {
    grid-template-columns: 1fr;
  }

  .money-filter-actions,
  .money-toolbar-end {
    justify-content: flex-start;
  }

  .admin-tabs {
    top: calc(var(--header-height) + 0.45rem);
  }

  .blocked-tag-create {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blocked-terms-field {
    grid-column: span 2;
  }
}

@media (max-width: 48rem) {
  :root {
    --content-gutter: 0.85rem;
  }

  body::before {
    background-size: 2.6rem 2.6rem;
  }

  .brand-copy small,
  .account-chip,
  .link-button .sign-out-label {
    display: none;
  }

  .header-account {
    gap: 0.25rem;
  }

  .link-button {
    width: 2.5rem;
    padding: 0;
  }

  .page-intro h1,
  .library-header h1,
  .money-header h1 {
    font-size: clamp(2.55rem, 12vw, 4.2rem);
  }

  .compact-intro h1,
  .batch-intro h1 {
    font-size: clamp(2.2rem, 10vw, 3.4rem);
  }

  .intro-metrics {
    width: 100%;
    min-width: 0;
  }

  .shop-sort-control {
    margin-top: -0.4rem;
  }

  .prepared-package-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
  }

  .prepared-package-copy {
    min-height: 8rem;
    padding: 0.78rem;
  }

  .prepared-package-copy h3 {
    font-size: 0.82rem;
  }

  .prepared-package-copy p,
  .prepared-package-copy a {
    font-size: 0.7rem;
  }

  .background-queue {
    padding: 1.05rem;
    border-radius: var(--radius-lg);
  }

  .background-queue-list {
    grid-template-columns: 1fr;
  }

  .workflow-form {
    padding: 0.7rem;
  }

  .workflow-mode-card {
    align-items: stretch;
    flex-direction: column;
  }

  .workflow-mode-control {
    width: 100%;
  }

  .step-heading {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .step-heading .selected-store-count {
    grid-column: 2;
    justify-self: start;
  }

  .grid-two,
  .grid-three,
  .summary-grid,
  .multi-model-controls,
  .bulk-tag-fields,
  .template-config {
    grid-template-columns: 1fr;
  }

  .summary-grid dl {
    grid-template-columns: 1fr;
  }

  .summary-grid dt {
    padding-bottom: 0.1rem;
    border-bottom: 0;
  }

  .summary-grid dd {
    padding-top: 0.1rem;
  }

  .store-checkbox-list,
  .prepared-store-list,
  .bulk-store-grid {
    grid-template-columns: 1fr;
  }

  .zip-upload-heading,
  .drive-link-field {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .zip-upload-heading > :last-child {
    grid-column: 1 / -1;
  }

  .zip-upload-heading .button {
    width: 100%;
  }

  .image-preview-list,
  .prepared-image-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .subsection-heading,
  .prepared-cover-heading,
  .minimal-section-heading,
  .section-heading-row,
  .queue-heading,
  .store-heading {
    align-items: stretch;
    flex-direction: column;
    gap: 0.75rem;
  }

  .launch-summary {
    grid-template-columns: 1fr;
  }

  .launch-summary div {
    display: flex;
    justify-content: space-between;
    padding: 0.52rem 0;
  }

  .launch-summary div + div {
    border-top: 1px solid var(--line-dark);
    border-left: 0;
  }

  .batch-history-grid,
  .job-grid {
    grid-template-columns: 1fr;
  }

  .prepared-submit-card,
  .prepared-return-card {
    align-items: stretch;
    flex-direction: column;
  }

  .prepared-submit-card,
  .bulk-action-bar {
    position: static;
    backdrop-filter: none;
  }

  .prepared-submit-card .action-row,
  .prepared-return-card .action-row,
  .prepared-submit-card button,
  .prepared-return-card button,
  .prepared-return-card select {
    width: 100%;
  }

  .bulk-model-identity {
    grid-template-columns: auto 3.2rem minmax(0, 1fr);
  }

  .bulk-model-identity img {
    width: 3.2rem;
    height: 3.2rem;
  }

  .bulk-cover-details > summary span {
    display: none;
  }

  .prepared-selection-bar,
  .bulk-action-bar {
    align-items: stretch;
    flex-direction: column;
    padding: 0.75rem;
  }

  .prepared-selection-bar button,
  .bulk-action-bar > div:last-child,
  .bulk-action-bar button {
    width: 100%;
  }

  .bulk-action-bar > div:last-child {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .progress-heading {
    align-items: flex-start;
  }

  .progress-heading > strong {
    align-self: flex-end;
  }

  .job-progress-steps span {
    font-size: 0.66rem;
  }

  .money-period {
    width: 100%;
    flex-wrap: wrap;
  }

  .money-period label {
    min-width: calc(50% - 0.3rem);
    flex: 1;
  }

  .money-period button {
    width: 100%;
  }

  .money-summary {
    gap: 0.6rem;
  }

  .money-metric {
    min-height: 8.5rem;
    padding: 1rem;
    border-radius: var(--radius-lg);
  }

  .money-metric strong {
    font-size: clamp(1.75rem, 9vw, 3.1rem);
  }

  .money-table-head,
  .money-table-row {
    grid-template-columns: minmax(8.5rem, 1fr) minmax(4.5rem, 0.45fr) minmax(4.5rem, 0.45fr);
    gap: 0.35rem;
    padding-inline: 0.7rem;
  }

  .money-store-name {
    gap: 0.45rem;
  }

  .money-store-check {
    gap: 0.42rem;
  }

  .money-store-check strong {
    font-size: 0.7rem;
  }

  .money-store-badges {
    display: none;
  }

  .money-table-row > strong {
    font-size: 0.7rem;
  }

  .money-share-editor {
    position: absolute;
    z-index: 3;
    right: 0.7rem;
    padding: 0.35rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-sm);
  }

  .money-status {
    align-items: flex-start;
    flex-direction: column;
  }

  .library-toolbar {
    position: static;
    grid-template-columns: 1fr;
  }

  .library-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
  }

  .library-model-body {
    min-height: 9rem;
    padding: 0.72rem;
  }

  .library-model-body > strong {
    font-size: 0.78rem;
  }

  .library-model-body > small,
  .library-assignees {
    font-size: 0.66rem;
  }

  .library-action-bar {
    grid-template-columns: 1fr auto;
  }

  .library-action-bar > span {
    display: none;
  }

  .admin-tabs button {
    flex: 0 0 auto;
  }

  .blocked-tag-create,
  .access-checkbox-grid,
  .audit-action-row,
  .password-reset-form,
  .group-form,
  .template-form {
    grid-template-columns: 1fr;
  }

  .blocked-terms-field,
  .template-form label,
  .audit-action-row form {
    grid-column: 1;
  }

  .audit-action-row {
    align-items: flex-start;
  }

  .legacy-listing-repair-heading,
  .legacy-listing-repair-actions,
  .legacy-listing-repair-actions form:first-child {
    display: grid;
    grid-template-columns: 1fr;
  }

  .drive-admin-actions {
    grid-template-columns: 1fr;
  }

  .blocked-tag-rule,
  .blocked-attempt-list > div {
    align-items: stretch;
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  .blocked-attempt-list span:last-child {
    text-align: left;
  }
}

@media (max-width: 25rem) {
  :root {
    --content-gutter: 0.62rem;
  }

  .site-header {
    padding-inline: 0.62rem;
  }

  .brand-mark {
    width: 2.2rem;
    height: 2.2rem;
  }

  .brand-copy strong {
    font-size: 0.76rem;
  }

  .primary-nav {
    right: 0.5rem;
    left: 0.5rem;
  }

  .primary-nav > a {
    font-size: 0.68rem;
  }

  .page-shell {
    width: calc(100% - 1.24rem);
  }

  .card {
    padding: 1rem;
    border-radius: var(--radius-md);
  }

  .prepared-package-copy p {
    display: none;
  }

  .prepared-package-copy {
    min-height: 6.2rem;
  }

  .image-preview-list,
  .prepared-image-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bulk-action-bar > div:last-child {
    grid-template-columns: 1fr;
  }

  .money-table-head,
  .money-table-row {
    grid-template-columns: minmax(7.25rem, 1fr) minmax(3.8rem, 0.42fr) minmax(3.8rem, 0.42fr);
    padding-inline: 0.5rem;
  }

  .money-store-check input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    min-height: 1rem;
  }
}