@media (min-width: 769px) {
  .workspace-dock [data-vendor-panel-workspace-bar] .vendor-panel-modal__workspace-copy,
  .workspace-dock [data-catalog-panel-workspace-bar] .vendor-panel-modal__workspace-copy {
    gap: 3px;
  }

  .workspace-dock [data-vendor-panel-workspace-bar] .vendor-panel-modal__workspace-text,
  .workspace-dock [data-catalog-panel-workspace-bar] .vendor-panel-modal__workspace-text {
    display: block !important;
    color: rgba(232, 236, 242, 0.88);
    font-size: 0.78rem;
    line-height: 1.3;
    max-width: 52ch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bottom-menu.is-ready .tab-highlight,
  .tab-btn.is-active .tab-icon,
  .profile-state-pill.is-success {
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nova-card,
  .nova-card__media,
  .nova-card__mark,
  .nova-card__status,
  .nova-card__eyebrow,
  .nova-card__wordmark,
  .nova-card__serial,
  .nova-card__motif,
  .nova-sheet,
  .nova-sheet__hero,
  .nova-sheet__hero-asset,
  .nova-sheet__body,
  .nova-sheet__hero-chip,
  .nova-sheet__hero-note,
  .nova-sheet__hero-wordmark,
  .nova-sheet__hero-code,
  .nova-sheet__hero-mark,
  .nova-sheet__head,
  .nova-sheet__panel,
  .nova-card__media-grid,
  .nova-sheet__hero-grid,
  .nova-card__media-orb,
  .nova-sheet__hero-orb,
  .nova-card__media-sheen,
  .nova-sheet__hero-sheen {
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width: 860px) {
  .span-8,
  .span-7,
  .span-6,
  .span-5,
  .span-4 {
    grid-column: span 6;
  }

  .profile-shell__body {
    grid-template-columns: 1fr;
  }

  .access-map {
    --access-row-gap: 16px;
    --access-col-gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "core core"
      "telegram signal"
      "locked locked";
  }

  .access-core {
    width: 100%;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .access-core__stats {
    grid-column: 1 / -1;
    min-width: 0;
  }

  .access-cluster--locked {
    width: min(420px, 100%);
    justify-self: center;
  }

  .access-cluster--locked .access-route {
    min-height: 0;
  }

  .access-cluster--telegram,
  .access-cluster--signal {
    padding-top: 0;
  }

  .access-guide {
    display: none;
  }

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

@media (min-width: 1440px) {
  .nova-sheet-wrap.is-visible {
    pointer-events: none;
  }

  .nova-sheet__backdrop {
    display: none;
  }

  .nova-sheet {
    top: 74px;
    bottom: 22px;
    left: calc(50% + (var(--app-max) / 2) + 20px);
    right: 20px;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    gap: 12px;
    grid-template-rows: minmax(188px, 220px) minmax(0, 1fr);
    pointer-events: auto;
  }

  .nova-sheet__hero {
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 28px;
  }

  .nova-sheet__body {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(13, 15, 20, 0.92), rgba(9, 10, 14, 0.94));
  }

  .nova-sheet__close {
    top: 10px;
    right: 10px;
  }

  .nova-desktop-filters {
    display: block;
  }

  .nova-filter-rail {
    display: none;
  }
}

@media (max-width: 780px) {
  .settings-shell__pair {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .settings-shell__pair--list {
    gap: 0;
  }

  .nova-sheet__backdrop {
    background: rgba(5, 7, 10, 0.88);
    backdrop-filter: blur(14px);
  }

  .nova-shell {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }

  .nova-shell::before {
    display: none;
  }

  .nova-root .tab-header {
    margin-bottom: 8px;
    align-items: flex-start;
  }

  .nova-root .tab-header p,
  .nova-root .header-badge {
    display: none;
  }

  .nova-mobile-tools {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .nova-filter-rail {
    display: none;
  }

  .nova-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .nova-sheet {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
    transform: translateY(22px);
    border: 0;
    border-radius: 0;
    background: linear-gradient(180deg, rgba(11, 13, 17, 0.995), rgba(7, 9, 13, 0.995));
    box-shadow: none;
    transition: opacity var(--ease), transform var(--ease);
  }

  .nova-sheet-wrap.is-visible .nova-sheet {
    transform: translateY(0);
  }

  .nova-sheet-wrap.is-hiding .nova-sheet {
    transform: translateY(22px);
  }

  .nova-sheet-wrap.is-expanded .nova-sheet {
    max-height: 100dvh;
  }

  .nova-sheet__grab {
    display: none;
  }

  .nova-sheet::before {
    display: none;
  }

  .nova-sheet__hero {
    min-height: 132px;
    max-height: none;
    padding:
      max(34px, calc(env(safe-area-inset-top) + 24px))
      14px
      14px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0;
  }

  .nova-sheet__close {
    top: max(10px, calc(env(safe-area-inset-top) + 2px));
    right: 10px;
  }

  .nova-sheet__swipe-hint {
    display: inline-flex;
    top: max(10px, calc(env(safe-area-inset-top) + 4px));
  }

  .nova-sheet__hero-asset {
    opacity: 0.72;
    filter: saturate(0.86) contrast(1.04) brightness(0.76);
    transform: scale(1.04);
  }

  .nova-sheet__hero-grid,
  .nova-sheet__hero-sheen,
  .nova-sheet__hero-orb,
  .nova-sheet__hero-motif,
  .nova-sheet__hero-chip,
  .nova-sheet__hero-note,
  .nova-sheet__hero-code,
  .nova-sheet__hero-wordmark {
    display: none;
  }

  .nova-sheet__hero-mark {
    right: 10px;
    bottom: 7px;
    left: auto;
    font-size: clamp(1.25rem, 8vw, 1.9rem);
    opacity: 0.38;
    color: rgba(255, 255, 255, 0.94);
    text-shadow: 0 8px 14px rgba(0, 0, 0, 0.22);
  }

  .nova-sheet__body {
    padding: 14px 14px calc(var(--safe-bottom) + 20px);
    gap: 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .nova-sheet__head {
    gap: 6px;
  }

  .nova-sheet__identity {
    gap: 8px;
    align-items: start;
  }

  .nova-sheet__identity-copy {
    gap: 7px;
  }

  .nova-sheet__title-row {
    gap: 10px;
    align-items: flex-start;
  }

  .nova-sheet__meta-row {
    gap: 8px;
  }

  .nova-sheet__title {
    font-size: 1.34rem;
  }

  .nova-sheet__meta {
    font-size: 0.72rem;
    color: var(--ink-2);
  }

  .nova-sheet__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .nova-sheet__payments {
    gap: 8px;
  }

  .nova-sheet__payments-label {
    font-size: 0.56rem;
  }

  .nova-sheet__payments-list {
    gap: 7px;
  }

  .nova-payment-chip {
    min-height: 31px;
    gap: 6px;
    padding: 0.42rem 0.64rem 0.42rem 0.52rem;
  }

  .nova-payment-chip__icon {
    width: 17px;
    height: 17px;
  }

  .nova-payment-chip__icon::before {
    font-size: 0.56rem;
  }

  .nova-payment-chip__text {
    font-size: 0.62rem;
  }

  .nova-sheet__stat {
    padding: 2px 0 0;
    gap: 4px;
  }

  .nova-sheet__stat-value {
    font-size: 0.92rem;
  }

  .nova-sheet__loyalty-gauge {
    width: 52px;
    height: 52px;
  }

  .nova-sheet__loyalty-shell {
    width: 52px;
    height: 52px;
  }

  .nova-sheet__loyalty-value {
    font-size: 0.68rem;
  }

  .nova-sheet__rate {
    gap: 5px;
    padding-top: 8px;
  }

  .nova-sheet__rate-value {
    font-size: 0.94rem;
  }

  .nova-sheet__success {
    gap: 7px;
  }

  .nova-sheet__success-segment {
    width: 10px;
    height: 5px;
  }

  .nova-sheet__success-value {
    font-size: 0.92rem;
  }

  .nova-sheet__primary-cta {
    min-height: 52px;
    border-radius: 16px;
  }

  .nova-sheet__support-cta {
    min-height: 40px;
    border-radius: 14px;
  }

  .nova-sheet__panel-head {
    display: flex;
  }

  .nova-sheet__primary {
    grid-template-columns: 1fr;
  }

  .nova-sheet__panel--products {
    padding: 14px;
    border-radius: 20px;
  }

  .nova-sheet__panel--about {
    border: 1px solid rgba(208, 230, 255, 0.14);
    border-radius: 20px;
    background:
      linear-gradient(180deg, rgba(210, 232, 255, 0.065), rgba(255, 255, 255, 0.022)),
      rgba(255, 255, 255, 0.02);
    padding: 14px;
  }

  .nova-sheet__description {
    font-size: 0.82rem;
    line-height: 1.4;
  }

  .nova-sheet__flags {
    gap: 6px;
  }

  .nova-products {
    grid-template-columns: 1fr;
  }

  .nova-card {
    border-radius: 18px;
    padding: 8px;
    gap: 8px;
  }

  .nova-card__media {
    aspect-ratio: 4 / 5.25;
    border-radius: 14px;
  }

  .nova-card__mark {
    left: 10px;
    bottom: 10px;
    font-size: clamp(1.7rem, 9vw, 2.2rem);
  }

  .nova-card__status {
    top: 10px;
    right: 10px;
  }

  .nova-card__eyebrow {
    top: 12px;
    left: 10px;
    right: 82px;
    font-size: 0.5rem;
  }

  .nova-card__wordmark {
    left: 10px;
    right: 12px;
    bottom: 44px;
    max-width: 74%;
    font-size: 0.62rem;
  }

  .nova-card__serial {
    right: 10px;
    bottom: 10px;
    font-size: 0.48rem;
  }

  .nova-card__title {
    font-size: 0.9rem;
  }

  .nova-card__meta-line {
    gap: 4px;
    font-size: 0.62rem;
  }

  .nova-pill {
    min-height: 22px;
    padding: 0.26rem 0.44rem;
    font-size: 0.52rem;
  }

  .nova-sheet-wrap.is-preview .nova-sheet__panel--about {
    display: none;
  }

  .nova-sheet-wrap.is-preview .nova-products .nova-product:nth-child(n + 3) {
    display: none;
  }

  .access-shell {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 4px 0 0;
    overflow: visible;
  }

  .access-shell::before {
    display: none;
  }

  .access-shell.is-inactive {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: calc(var(--radius-lg) + 4px);
    background:
      radial-gradient(circle at 50% -4%, rgba(173, 204, 255, 0.16), transparent 34%),
      radial-gradient(circle at 86% 18%, rgba(134, 209, 172, 0.09), transparent 24%),
      linear-gradient(160deg, rgba(16, 18, 24, 0.96), rgba(7, 9, 14, 0.96));
    box-shadow: var(--shadow-lg);
    padding: 16px;
    overflow: hidden;
  }

  .access-shell.is-inactive::before {
    display: block;
  }

  .access-inactive {
    min-height: 0;
    max-width: none;
    padding: 0;
  }

  .access-map {
    --access-connector-span: 18px;
    grid-template-columns: 1fr;
    grid-template-areas:
      "core"
      "telegram"
      "signal"
      "locked";
    gap: 14px;
    align-items: start;
    padding: 0 0 8px;
  }

  .access-core,
  .access-cluster,
  .access-cluster--locked {
    width: auto;
    justify-self: stretch;
    align-self: start;
    margin-left: 0;
    padding-top: 0;
  }

  .access-core {
    text-align: left;
    width: auto;
    max-width: none;
    margin-left: var(--access-mobile-rail-offset);
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .access-core::before {
    content: "";
    position: absolute;
    top: var(--access-anchor-y);
    left: calc(var(--access-connector-span) * -1);
    width: var(--access-connector-span);
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(190, 203, 223, 0.38));
    pointer-events: none;
  }

  .access-core::after {
    content: "";
    position: absolute;
    top: var(--access-node-top);
    left: calc(var(--access-node-offset) * -1);
    width: var(--access-node-size);
    height: var(--access-node-size);
    border-radius: 999px;
    background: #d8e4fb;
    box-shadow: 0 0 0 var(--access-node-ring) rgba(216, 228, 251, 0.14);
    pointer-events: none;
  }

  .access-cluster {
    margin-left: var(--access-mobile-rail-offset);
  }

  .access-cluster--locked {
    margin-left: var(--access-mobile-rail-offset);
  }

  .access-core__stats {
    grid-column: auto;
    min-width: 0;
  }

  .access-cluster--locked .access-route {
    min-height: 0;
  }

  .access-cluster--locked::before {
    display: none;
  }

  .access-cluster--telegram::before,
  .access-cluster--signal::before {
    display: none;
  }

  .access-graph--cross {
    display: none;
  }

  .access-graph--axis {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    transform: none;
    margin-left: calc(var(--access-mobile-rail-offset) - var(--access-node-offset) + (var(--access-node-size) / 2));
    margin-top: var(--access-axis-top);
    margin-bottom: var(--access-axis-bottom);
    background: linear-gradient(180deg, rgba(190, 203, 223, 0.42), rgba(190, 203, 223, 0.14) 60%, rgba(255, 255, 255, 0));
  }

  .access-route::before {
    top: var(--access-anchor-y);
    left: calc(var(--access-connector-span) * -1);
    right: auto;
    width: var(--access-connector-span);
  }

  .access-route::after {
    top: var(--access-node-top);
    left: calc(var(--access-node-offset) * -1);
    right: auto;
  }

  .access-cluster--telegram .access-route::before {
    left: calc(var(--access-connector-span) * -1);
    right: auto;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(190, 203, 223, 0.32));
  }

  .access-cluster--telegram .access-route::after {
    left: calc(var(--access-node-offset) * -1);
    right: auto;
  }

  .access-cluster--telegram .access-route::before,
  .access-cluster--telegram .access-route::after,
  .access-cluster--locked .access-route::before,
  .access-cluster--locked .access-route::after {
    display: block;
  }
}

@media (max-width: 640px) {
  .span-8,
  .span-7,
  .span-6,
  .span-5,
  .span-4 {
    grid-column: 1 / -1;
  }

  .app {
    width: 100%;
    padding-inline: 0;
    padding-top: 8px;
  }

  .topbar {
    border-radius: 24px;
    margin-inline: 10px;
  }

  .tab-stage {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 30px 30px 0 0;
  }

  .tab-stage::before {
    left: 10px;
    right: 10px;
  }

  .nf-kicker {
    font-size: 0.6rem;
    padding-inline: 0.5rem;
  }

  .nf-lang__trigger {
    min-height: 30px;
    min-width: 50px;
    padding: 0.24rem 0.52rem;
  }

  .tab-pane {
    padding: 12px 8px 18px;
  }

  .tab-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .nova-toolbar__meta {
    align-items: flex-start;
  }

  .nova-toolbar__count {
    font-size: 0.74rem;
  }

  .nova-card {
    border-radius: 16px;
    padding: 7px;
  }

  .nova-card__media {
    aspect-ratio: 4 / 5.45;
    border-radius: 12px;
  }

  .nova-card__title {
    font-size: 0.82rem;
  }

  .nova-card__meta-line {
    font-size: 0.58rem;
  }

  .nova-sheet__body {
    padding: 14px 12px 12px;
  }

  .nova-sheet__hero {
    min-height: 68px;
    max-height: 68px;
    padding: 8px 10px;
  }

  .nova-sheet__hero-note {
    top: 58px;
    left: 12px;
    right: 82px;
    font-size: 0.52rem;
  }

  .nova-sheet__hero-wordmark {
    left: 12px;
    right: 110px;
    bottom: 38px;
    max-width: 64%;
    font-size: 0.92rem;
  }

  .nova-sheet__hero-code {
    left: 12px;
    bottom: 12px;
    font-size: 0.52rem;
  }

  .nova-sheet__hero-chip {
    top: 14px;
    left: 12px;
    right: 56px;
    gap: 6px;
  }

  .nova-sheet__hero-chip span {
    min-height: 24px;
    padding: 0.28rem 0.52rem;
    font-size: 0.56rem;
  }

  .nova-sheet__hero-mark {
    font-size: clamp(1rem, 6vw, 1.35rem);
  }

  .nova-sheet__title {
    font-size: 1.46rem;
  }

  .nova-sheet__description {
    font-size: 0.84rem;
    line-height: 1.42;
  }

  .nova-sheet__panel {
    padding: 12px;
    border-radius: 18px;
  }

  .nova-products {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .cards {
    gap: 10px;
  }

  .settings-shell__pair {
    gap: 8px;
  }

  .settings-shell__pair--list {
    gap: 0;
  }

  .settings-row {
    padding: 12px 13px;
    align-items: flex-start;
    flex-direction: column;
  }

  .settings-row__meta {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    justify-items: stretch;
  }

  .settings-row__mode {
    justify-self: start;
  }

  .settings-row__badges {
    justify-content: flex-start;
  }

  .settings-row--list {
    padding: 14px 10px;
    gap: 10px;
    flex-direction: row;
    align-items: center;
  }

  .settings-row--list .settings-row__meta {
    width: auto;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    margin-left: auto;
  }

  .settings-row--list .settings-row__action {
    justify-self: start;
  }

  .settings-card--half .settings-row {
    min-height: 122px;
    padding: 12px;
  }

  .settings-card--half .settings-row__title {
    font-size: 0.88rem;
  }

  .settings-card--half .settings-row__mode,
  .settings-card--half .settings-row__action {
    min-height: 28px;
    padding-inline: 10px;
    font-size: 0.68rem;
  }

  .settings-card--half .settings-row--actionable .settings-row__meta {
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: stretch;
  }

  .settings-card--half .settings-row--actionable [data-render-mode-current] {
    width: 100%;
    min-height: 34px;
    padding-block: 6px;
    justify-content: flex-start;
    text-align: left;
    line-height: 1.18;
    white-space: normal;
  }

  .settings-card--half .settings-row--actionable .settings-row__action {
    justify-self: start;
  }

  .settings-render-modal,
  .nova-auth-modal,
  .vendor-panel-modal {
    padding: 0;
    align-items: end;
  }

  .nova-auth-modal__dialog,
  .settings-render-modal__dialog {
    width: 100%;
    border-radius: 28px 28px 0 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    padding: 22px 16px 18px;
    transform: translateY(26px);
  }

  .vendor-panel-modal__dialog {
    width: 100%;
    max-height: 100vh;
    min-height: 100vh;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    padding: 18px 14px calc(16px + env(safe-area-inset-bottom, 0px));
    transform: translateY(26px);
  }

  .settings-vendor-workspace__bar {
    position: sticky;
    top: calc(8px + env(safe-area-inset-top, 0px));
    z-index: 12;
    grid-template-columns: 1fr auto;
    gap: 10px;
    padding: 13px;
  }

  .settings-vendor-workspace__back {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
  }

  .settings-vendor-workspace__head,
  .settings-vendor-workspace__context {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .settings-vendor-workspace__head {
    grid-row: 2;
  }

  .settings-vendor-workspace__context {
    grid-row: 3;
    display: flex;
    flex-wrap: wrap;
  }

  .settings-vendor-workspace__media-slot {
    grid-column: 2;
    grid-row: 1 / span 2;
    justify-self: end;
    width: 72px;
  }

  .settings-vendor-workspace__media-card {
    width: 72px;
    height: 72px;
    border-radius: 20px;
  }

  .settings-vendor-workspace__media-note {
    display: block;
    font-size: 0.68rem;
    text-align: left;
  }

  .settings-vendor-workspace__meta {
    max-width: none;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .settings-vendor-workspace.is-condensed .settings-vendor-workspace__bar {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px 10px;
    padding: 10px 11px;
    border-color: rgba(191, 200, 219, 0.1);
    background: linear-gradient(180deg, rgba(12, 15, 21, 0.985), rgba(9, 11, 16, 0.99));
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.025),
      0 10px 18px rgba(0, 0, 0, 0.18);
  }

  .settings-vendor-workspace.is-condensed .settings-vendor-workspace__back {
    grid-column: 1;
    grid-row: 1;
    min-height: 34px;
    padding: 0 12px;
  }

  .settings-vendor-workspace.is-condensed .settings-vendor-workspace__head {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    gap: 2px;
  }

  .settings-vendor-workspace.is-condensed .settings-vendor-workspace__kicker,
  .settings-vendor-workspace.is-condensed .settings-vendor-workspace__copy,
  .settings-vendor-workspace.is-condensed .settings-vendor-workspace__context {
    display: none !important;
  }

  .settings-vendor-workspace.is-condensed .settings-vendor-workspace__title {
    font-size: 1.02rem;
    line-height: 1.05;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .settings-vendor-workspace.is-condensed .settings-vendor-workspace__media-slot {
    grid-column: 3;
    grid-row: 1;
    width: 52px;
    gap: 0;
    align-self: center;
  }

  .settings-vendor-workspace.is-condensed .settings-vendor-workspace__media-card {
    width: 52px;
    height: 52px;
    border-radius: 16px;
  }

  .vendor-panel-modal__stage-head {
    align-items: start;
  }

  .vendor-panel-modal__chooser-item {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .vendor-panel-modal__chooser-action {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .vendor-panel-modal__hero {
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: start;
  }

  .vendor-panel-modal__asset {
    width: 72px;
    height: 72px;
    border-radius: 20px;
  }

  .vendor-panel-modal__hero-badges {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .vendor-panel-modal__grid,
  .vendor-panel-modal__fields {
    grid-template-columns: 1fr;
  }

  .vendor-panel-modal__catalog-template,
  .vendor-panel-modal__catalog-item-head {
    grid-template-columns: 1fr;
  }

  .vendor-panel-modal__catalog-item-head {
    align-items: stretch;
  }

  .vendor-panel-modal__catalog-item-side {
    width: 100%;
    justify-content: flex-start;
  }

  .vendor-panel-modal__catalog-gateway-actions,
  .vendor-panel-modal__catalog-workspace-head,
  .vendor-panel-modal__catalog-editor-head {
    align-items: stretch;
  }

  .vendor-panel-modal__catalog-toolbar {
    align-items: stretch;
  }

  .vendor-panel-modal__catalog-toolbar-actions {
    width: 100%;
    display: grid;
  }

  .vendor-panel-modal__catalog-tiers {
    grid-template-columns: 1fr;
  }

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

  .vendor-panel-modal__link-summary {
    grid-template-columns: 1fr;
  }

  .vendor-panel-modal__form-footer,
  .vendor-panel-modal__form-actions {
    grid-template-columns: 1fr;
  }

  .vendor-panel-modal__form-footer {
    display: grid;
  }

  .vendor-panel-modal__form-actions {
    display: grid;
    width: 100%;
  }

  .vendor-panel-modal__action {
    width: 100%;
    justify-content: center;
  }

  .vendor-panel-modal__workspace-bar {
    display: grid;
  }

  .vendor-panel-modal__workspace-copy,
  .vendor-panel-modal__form-actions {
    width: 100%;
  }

  .workspace-dock [data-vendor-panel-workspace-bar],
  .workspace-dock [data-catalog-panel-workspace-bar] {
    padding: 8px;
  }

  .workspace-dock [data-vendor-panel-workspace-bar] .vendor-panel-modal__form-actions,
  .workspace-dock [data-catalog-panel-workspace-bar] .vendor-panel-modal__form-actions {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workspace-dock [data-vendor-panel-workspace-bar] .vendor-panel-modal__action,
  .workspace-dock [data-catalog-panel-workspace-bar] .vendor-panel-modal__action {
    min-width: 0;
    width: 100%;
  }

  .nova-auth-modal__actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .profile-shell {
    padding: 12px;
    border-radius: 24px;
    min-height: 0;
  }

  .access-shell {
    padding-top: 2px;
  }

  .access-shell.is-inactive {
    padding: 14px 12px;
  }

  .access-map {
    --access-mobile-rail-offset: 24px;
    --access-connector-span: 13px;
    --access-node-size: 9px;
    --access-axis-top: 24px;
    --access-axis-bottom: 18px;
  }

  .access-core,
  .access-cluster,
  .access-cluster--locked {
    margin-left: var(--access-mobile-rail-offset);
  }

  .access-core__stats {
    gap: 6px;
  }

  .access-core__eyebrow,
  .access-core__title {
    display: none;
  }

  .access-core {
    gap: 8px;
    padding-top: 12px;
  }

  .access-core__metric {
    padding: 8px 7px;
  }

  .access-route {
    min-height: 0;
    padding: 12px 13px;
    border-radius: 20px;
  }

  .access-core::before {
    left: calc(var(--access-connector-span) * -1);
    width: var(--access-connector-span);
  }

  .access-core::after,
  .access-route::after {
    width: var(--access-node-size);
    height: var(--access-node-size);
  }

  .access-route::before {
    left: calc(var(--access-connector-span) * -1);
    width: var(--access-connector-span);
  }

  .access-graph--axis {
    transform: none;
  }

  .access-route__meta {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 7px;
  }

  .access-route__text {
    text-align: left;
  }

  .access-inactive {
    gap: 12px;
  }

  .access-inactive__actions {
    width: 100%;
  }

  .access-inactive__button {
    width: 100%;
  }

  .profile-shell__top {
    flex-direction: column;
    align-items: flex-start;
  }

  .profile-shell__footer {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .profile-footer-actions {
    justify-content: flex-start;
    width: 100%;
  }

  .profile-shell__body {
    grid-template-columns: 1fr;
    padding: 2px 0 0;
  }

  .profile-state-pill {
    min-height: 38px;
    padding-inline: 12px;
  }

  .profile-row {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .profile-row dd {
    justify-self: start;
    text-align: left;
  }

  .header-badge {
    font-size: 0.61rem;
  }

  .span-8,
  .span-7,
  .span-6,
  .span-5,
  .span-4 {
    grid-column: span 12;
  }

  .bottom-menu {
    width: calc(100% - 16px);
    border-radius: 24px;
    padding: 6px 10px;
  }

  .bottom-menu__rail {
    gap: 10px;
  }

  .tab-btn {
    min-height: 60px;
    border-radius: 16px;
    gap: 3px;
    padding: 0 10px;
  }

  .tab-icon,
  .tab-icon svg {
    width: 18px;
    height: 18px;
  }

  .tab-label {
    font-size: 0.57rem;
  }

  .tab-highlight {
    border-radius: 16px;
  }

  .boot-screen {
    padding: 18px;
  }

  .boot-screen__core {
    width: min(60vw, 188px);
  }

  .boot-screen__mark::before,
  .boot-screen__mark::after {
    border-radius: 28px;
  }

  .boot-screen__caption {
    top: calc(50% + min(34vw, 132px));
    font-size: 0.72rem;
    letter-spacing: 0.12rem;
  }

}