.mobile-dock-drawer-close {
  position: relative;
  z-index: 1;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  border: 1px solid rgba(208, 218, 235, 0.68);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--mobile-dock-text-strong);
  font-size: 22px;
  line-height: 1;
  box-shadow: none;
}

.mobile-dock-drawer-close:hover {
  background: #ffffff;
}

.mobile-dock-drawer-body {
  position: relative;
  z-index: 1;
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 14px;
  overflow: auto;
  padding: 0 14px calc(env(safe-area-inset-bottom, 0px) + 16px);
}

.mobile-menu-hero,
.mobile-menu-group,
.mobile-menu-primary,
.mobile-menu-item,
.mobile-menu-logout {
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.mobile-menu-hero {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(233, 240, 252, 0.92) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.mobile-menu-hero-copy {
  display: grid;
  gap: 6px;
}

.mobile-menu-hero-kicker,
.mobile-menu-section-kicker,
.mobile-menu-group-level,
.mobile-menu-item-level {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 22px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(219, 232, 255, 0.88);
  color: var(--mobile-dock-accent);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mobile-menu-hero-title {
  font-size: 19px;
  line-height: 1.2;
  color: var(--mobile-dock-text-strong);
}

.mobile-menu-hero-note,
.mobile-menu-section-note,
.mobile-menu-group-note,
.mobile-menu-primary-note,
.mobile-menu-item-description,
.mobile-menu-logout-note {
  color: var(--mobile-dock-muted);
}

.mobile-menu-hero-note {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

.mobile-menu-hero-pill {
  width: fit-content;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: var(--mobile-dock-text-strong);
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}

.mobile-menu-section {
  display: grid;
  gap: 10px;
}

.mobile-menu-section-head {
  display: grid;
  gap: 6px;
  padding: 0 2px;
}

.mobile-menu-section-note {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.mobile-menu-system-info {
  width: 100%;
  min-height: 50px;
  display: grid;
  grid-template-columns: 1fr auto auto 1fr;
  align-items: center;
  column-gap: 12px;
  padding: 0 14px;
  border-radius: 18px;
  border: 1px solid rgba(173, 189, 219, 0.3);
  background: rgba(255, 255, 255, 0.9);
  color: var(--mobile-dock-text-strong);
  text-align: left;
}

.mobile-menu-system-info.update {
  border-color: rgba(22, 163, 74, 0.3);
  background: linear-gradient(180deg, rgba(242, 252, 246, 0.98) 0%, rgba(232, 247, 238, 0.94) 100%);
  color: #166534;
}

.mobile-menu-system-info-icon,
.mobile-menu-system-info-update {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.mobile-menu-system-info-icon {
  grid-column: 2;
  width: 18px;
  height: 18px;
}

.mobile-menu-system-info-update {
  grid-column: 4;
  justify-self: end;
  width: 16px;
  height: 16px;
  color: #16a34a;
}

.mobile-menu-system-info-copy {
  grid-column: 3;
  min-width: 0;
  display: grid;
  gap: 3px;
  align-content: center;
}

.mobile-menu-system-info-title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: currentColor;
}

.mobile-menu-system-info-note {
  font-size: 12px;
  color: var(--mobile-dock-muted);
}

.mobile-menu-system-info svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mobile-menu-main-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
}

.mobile-menu-main-tab {
  width: 100%;
  min-height: 84px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(208, 218, 235, 0.56);
  background: rgba(255, 255, 255, 0.9);
  display: grid;
  justify-items: start;
  align-content: center;
  gap: 10px;
  color: var(--mobile-dock-text-strong);
  text-align: left;
  box-shadow: none;
  transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.mobile-menu-main-tab:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(173, 202, 255, 0.4);
}

.mobile-menu-main-tab.active {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(219, 232, 255, 0.9) 100%);
  border-color: rgba(173, 202, 255, 0.46);
  box-shadow: 0 14px 28px rgba(175, 188, 208, 0.2);
}

.mobile-menu-main-icon,
.mobile-menu-subitem-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--mobile-dock-accent);
}

.mobile-menu-main-icon {
  width: 22px;
  height: 22px;
}

.mobile-menu-main-icon svg,
.mobile-menu-subitem-icon svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mobile-menu-main-copy,
.mobile-menu-subitem-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.mobile-menu-main-label,
.mobile-menu-subitem-title {
  color: var(--mobile-dock-text-strong);
  font-size: 15px;
  font-weight: 700;
}

.mobile-menu-main-note,
.mobile-menu-subitem-note {
  color: var(--mobile-dock-muted);
  font-size: 12px;
  line-height: 1.5;
}

.mobile-menu-sub-grid {
  display: grid;
  gap: 10px;
}

.mobile-menu-subitem {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border-radius: 20px;
  border: 1px solid rgba(208, 218, 235, 0.56);
  background: rgba(255, 255, 255, 0.9);
  color: var(--mobile-dock-text-strong);
  text-align: left;
  box-shadow: none;
  transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.mobile-menu-subitem:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(173, 202, 255, 0.4);
}

.mobile-menu-subitem.active {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(219, 232, 255, 0.92) 100%);
  border-color: rgba(173, 202, 255, 0.46);
  box-shadow: 0 14px 28px rgba(175, 188, 208, 0.2);
}

.mobile-menu-subitem-icon {
  width: 20px;
  height: 20px;
}

.mobile-menu-subitem-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.mobile-menu-subitem-tag {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(219, 232, 255, 0.9);
  color: var(--mobile-dock-accent);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.mobile-menu-primary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
  gap: 10px;
}

.mobile-menu-primary {
  width: 100%;
  min-height: 94px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.9);
  display: grid;
  justify-items: start;
  align-content: center;
  gap: 10px;
  padding: 14px;
  color: var(--mobile-dock-text-strong);
  text-align: left;
  box-shadow: none;
  transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.mobile-menu-primary:hover,
.mobile-menu-item:hover,
.mobile-menu-logout:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(208, 218, 235, 0.58);
}

.mobile-menu-primary.active,
.mobile-menu-item.active {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(219, 232, 255, 0.9) 100%);
  border-color: rgba(173, 202, 255, 0.36);
  box-shadow: 0 16px 28px rgba(175, 188, 208, 0.22);
}

.mobile-menu-primary-icon {
  width: 22px;
  height: 22px;
  color: var(--mobile-dock-accent);
}

.mobile-menu-primary-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.mobile-menu-primary-label,
.mobile-menu-group-title,
.mobile-menu-item-title,
.mobile-menu-logout-title {
  color: var(--mobile-dock-text-strong);
}

.mobile-menu-primary-label {
  font-size: 15px;
  font-weight: 700;
}

.mobile-menu-primary-note {
  font-size: 12px;
}

.mobile-menu-groups {
  display: grid;
  gap: 12px;
}

.mobile-menu-group {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.88);
}

.mobile-menu-group.active {
  border-color: rgba(173, 202, 255, 0.2);
  background: rgba(255, 255, 255, 0.96);
}

.mobile-menu-group-head {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.mobile-menu-group-icon,
.mobile-menu-item-icon,
.mobile-menu-logout-icon {
  width: 20px;
  height: 20px;
  color: var(--mobile-dock-accent);
}

.mobile-menu-group-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.mobile-menu-group-title {
  font-size: 15px;
  font-weight: 700;
}

.mobile-menu-group-note {
  font-size: 12px;
}

.mobile-menu-group-items {
  display: grid;
  gap: 10px;
}

.mobile-menu-item {
  width: 100%;
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--mobile-dock-text-strong);
  text-align: left;
  box-shadow: none;
  transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.mobile-menu-item-main,
.mobile-menu-logout {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.mobile-menu-item-copy,
.mobile-menu-logout-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.mobile-menu-item-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.mobile-menu-item-title,
.mobile-menu-logout-title {
  font-size: 14px;
  font-weight: 700;
}

.mobile-menu-item-description,
.mobile-menu-logout-note {
  font-size: 12px;
  line-height: 1.5;
}

.mobile-menu-item-tag {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(219, 232, 255, 0.9);
  color: var(--mobile-dock-accent);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.mobile-menu-logout {
  width: 100%;
  min-height: 72px;
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 244, 244, 0.88) 0%, rgba(255, 236, 236, 0.76) 100%);
  color: var(--mobile-dock-text-strong);
  text-align: left;
  box-shadow: none;
}

.mobile-menu-logout-icon svg {
  width: 20px;
  height: 20px;
}

.mobile-dock-drawer {
  top: 0;
  bottom: 0;
  width: min(100vw, 430px);
  max-height: none;
  grid-template-rows: minmax(0, 1fr);
  border: 0;
  border-radius: 0;
  background: #f4f6fb;
  box-shadow: none;
  transform: translate(-50%, 18px);
}

.mobile-dock-bar {
  z-index: 2;
}

.mobile-dock.drawer-open .mobile-dock-drawer {
  transform: translate(-50%, 0);
}

.mobile-dock-drawer::before,
.mobile-dock-drawer-handle,
.mobile-dock-drawer-head {
  display: none;
}

.mobile-dock-drawer-body {
  gap: 0;
  padding: clamp(28px, 7vh, 52px) 22px calc(var(--mobile-dock-modal-clearance) + 18px);
  background: #f4f6fb;
}

.mobile-menu-list-surface {
  width: 100%;
  display: grid;
  gap: 26px;
}

.mobile-menu-list-section {
  display: grid;
  gap: 12px;
}

.mobile-menu-list-heading {
  margin: 0 0 0 7px;
  color: #8b909d;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: 0;
}

.mobile-menu-list-card {
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(226, 232, 240, 0.72);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: none;
}

.mobile-menu-list-row {
  width: 100%;
  min-height: 60px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 15px;
  padding: 0 16px;
  border: 0;
  background: transparent;
  color: #535461;
  text-align: left;
  box-shadow: none;
  transition: background 160ms ease, color 160ms ease;
}

.mobile-menu-list-row + .mobile-menu-list-row {
  border-top: 1px solid rgba(220, 225, 234, 0.78);
}

.mobile-menu-list-row:hover {
  background: rgba(248, 250, 252, 0.98);
}

.mobile-menu-list-icon,
.mobile-menu-list-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mobile-menu-list-icon {
  width: 24px;
  height: 24px;
  color: var(--mobile-dock-accent);
}

.mobile-menu-list-icon svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mobile-menu-list-title {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #515260;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0;
}

.mobile-menu-list-chevron {
  justify-self: end;
  width: 18px;
  height: 18px;
  color: #666b76;
}

.mobile-menu-list-chevron svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mobile-menu-system-row.update .mobile-menu-list-icon {
  color: #16a34a;
}

.mobile-menu-list-row-danger .mobile-menu-list-icon,
.mobile-menu-list-row-danger .mobile-menu-list-title {
  color: #c2414b;
}

@media (min-width: 641px) and (max-width: 1200px) {
  .mobile-dock-drawer {
    bottom: 0;
    width: 100vw;
    z-index: 1;
  }

  .mobile-dock-drawer-body {
    padding:
      clamp(44px, 7vw, 82px)
      clamp(54px, 7.8vw, 96px)
      calc(var(--mobile-dock-modal-clearance) + 30px);
  }

  .mobile-menu-list-surface {
    gap: 30px;
  }

  .mobile-menu-list-section {
    gap: 14px;
  }

  .mobile-menu-list-heading {
    margin-left: 8px;
    font-size: 16px;
  }

  .mobile-menu-list-card {
    border-radius: 17px;
  }

  .mobile-menu-list-row {
    min-height: 66px;
    grid-template-columns: 36px minmax(0, 1fr) 22px;
    gap: 20px;
    padding: 0 24px;
  }

  .mobile-menu-list-icon {
    width: 26px;
    height: 26px;
  }

  .mobile-menu-list-title {
    font-size: 17px;
  }

  .mobile-menu-list-chevron {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 380px) {
  .mobile-dock-drawer-body {
    padding-left: 18px;
    padding-right: 18px;
  }

  .mobile-menu-list-row {
    min-height: 56px;
    grid-template-columns: 26px minmax(0, 1fr) 17px;
    gap: 14px;
    padding: 0 15px;
  }

  .mobile-menu-list-title {
    font-size: 15px;
  }
}

.shell.sidebar-collapsed .dock {
  padding: 14px 10px 12px;
  border-radius: 24px;
}

.shell.sidebar-collapsed .dock-head {
  padding: 0 0 10px;
}

.shell.sidebar-collapsed .dock-head-row {
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.shell.sidebar-collapsed .dock-ambient-streak {
  left: calc(50% - 1px);
  top: 86px;
  bottom: 76px;
}

.shell.sidebar-collapsed .dock-brand-panel {
  width: 100%;
  padding: 10px 8px;
  border-radius: 20px;
  justify-items: center;
}

.shell.sidebar-collapsed .dock-brand {
  justify-content: center;
}

.shell.sidebar-collapsed .dock-group {
  padding-left: 0;
  gap: 8px;
}

.shell.sidebar-collapsed .dock-role-crown {
  top: -4px;
  left: calc(var(--dock-brand-size-collapsed) - 16px);
  width: 16px;
  height: 16px;
}

.shell.sidebar-collapsed .dock-head-copy,
.shell.sidebar-collapsed .dock-brand-meta,
.shell.sidebar-collapsed .dock-group-line,
.shell.sidebar-collapsed .dock-group-meta,
.shell.sidebar-collapsed .dock-group-copy,
.shell.sidebar-collapsed .dock-group-caret,
.shell.sidebar-collapsed .dock-subitem-rank,
.shell.sidebar-collapsed .dock-subitem-copy,
.shell.sidebar-collapsed .dock-system-info-label,
.shell.sidebar-collapsed .dock-system-info-update,
.shell.sidebar-collapsed .dock-logout-label {
  display: none;
}

.shell.sidebar-collapsed .dock-system-info {
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
}

.shell.sidebar-collapsed .dock-head-row,
.shell.sidebar-collapsed .dock-head-actions,
.shell.sidebar-collapsed .dock-group,
.shell.sidebar-collapsed .dock-group-head,
.shell.sidebar-collapsed .dock-group-items {
  justify-content: center;
}

.shell.sidebar-collapsed .dock-head-actions {
  width: 100%;
  justify-content: center;
}

.shell.sidebar-collapsed .dock-nav {
  justify-items: center;
  gap: 10px;
  padding-left: 0;
  padding-right: 0;
}

.shell.sidebar-collapsed .dock-section-label {
  width: 50px;
  height: 1px;
  margin: 4px 0 2px;
  grid-template-columns: 1fr;
  gap: 0;
  opacity: 0.9;
}

.shell.sidebar-collapsed .dock-section-label span,
.shell.sidebar-collapsed .dock-section-label::after {
  display: none;
}

.shell.sidebar-collapsed .dock-section-label::before {
  width: 100%;
  background: linear-gradient(90deg, rgba(208, 218, 235, 0), var(--dock-divider), rgba(208, 218, 235, 0));
}

.shell.sidebar-collapsed .dock-section-label + .dock-group {
  margin-top: 0;
}

.shell.sidebar-collapsed .dock-foot {
  padding-top: 10px;
}

.shell.sidebar-collapsed .dock-group-head {
  padding: 0;
  grid-template-columns: auto;
}

.shell.sidebar-collapsed .dock-group-items {
  padding-left: 0;
  justify-items: center;
}

.shell.sidebar-collapsed .dock-subitem {
  width: 50px;
  min-height: 50px;
  grid-template-columns: auto;
  padding: 0;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
}

.shell.sidebar-collapsed .dock-logout {
  width: 50px;
  min-width: 50px;
  min-height: 50px;
  padding: 0;
  border-radius: 18px;
  justify-content: center;
}

.shell.sidebar-collapsed .dock-brand-mark {
  width: var(--dock-brand-size-collapsed);
  height: var(--dock-brand-size-collapsed);
  flex-basis: var(--dock-brand-size-collapsed);
  border-radius: 16px;
}

.shell.sidebar-collapsed .dock-head-button {
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  border-radius: 14px;
}

.shell.sidebar-collapsed .dock-group::before,
.shell.sidebar-collapsed .dock-subitem::before,
.shell.sidebar-collapsed .dock-subitem::after,
.shell.sidebar-collapsed .dock-subitem-glow {
  display: none;
}

@media (max-width: 1360px) {
  .grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

@media (max-width: 1200px) {
  .shell,
  .shell.sidebar-collapsed {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr);
    gap: 0;
  }

  .dock-wrap {
    display: none;
  }

  .workspace {
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 96px);
  }

  .workspace-footer {
    justify-content: flex-end;
    padding-bottom: 8px;
  }

  .workspace-footer-meta {
    margin-left: auto;
    justify-content: flex-end;
    text-align: right;
  }

  .mobile-dock {
    display: block;
  }

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

  .dock-group-items {
    padding-left: 14px;
  }

  .binding-row {
    grid-template-columns: 1fr;
  }

  .list-head,
  .list-item {
    grid-template-columns: 1fr;
  }

  .list-shell-sync .sync-library-card,
  .list-shell-sync .sync-library-card.is-share-mode,
  .list-shell-sync .sync-library-card.is-cms-compatible {
    grid-template-columns: minmax(164px, 0.58fr) minmax(0, 1.42fr) auto;
    align-items: start;
  }

  .list-item-main-tree {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 10px;
  }

  .sync-item-actions,
  .share-item-actions {
    display: flex;
    justify-self: stretch;
    width: 100%;
    justify-content: flex-end;
  }

  .library-action-shell {
    max-width: 100%;
  }

  .sync-item-actions > button,
  .share-item-actions > button {
    width: auto;
  }

  .list-shell-sync .sync-library-card .list-metrics,
  .list-shell-sync .sync-library-card.is-share-mode .list-metrics,
  .list-shell-sync .sync-library-card.is-cms-compatible .list-metrics {
    width: 100%;
    justify-self: stretch;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: clamp(16px, 4vw, 32px);
    row-gap: 16px;
  }

  .list-shell-sync .sync-library-card .list-metric {
    gap: 6px;
    min-height: 52px;
    align-content: start;
  }

  .detail-modal-card {
    width: min(100vw - 32px, 1040px);
    max-height: calc(100vh - var(--mobile-dock-modal-clearance) - 32px);
  }

  .disclaimer-card {
    width: min(100vw - 32px, 760px);
    max-height: calc(100vh - var(--mobile-dock-modal-clearance) - 32px);
  }

  .detail-modal,
  .disclaimer-modal {
    padding-bottom: var(--mobile-dock-modal-clearance);
  }

  .log-toolbar {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .log-toolbar-main {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  .admin-emby-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .list-pagination,
  .list-pagination-controls {
    align-items: stretch;
  }

  .log-toolbar-side {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    flex-wrap: wrap;
  }

  .log-toolbar-side .soft-pills,
  .log-toolbar-side .toolbar-inline {
    width: auto;
  }
}

@media (max-width: 900px) {
  .view-mount[data-view="telegram"] {
    overflow-x: hidden;
  }

  .view-mount[data-view="telegram"] .panel,
  .view-mount[data-view="telegram"] .page-toolbar,
  .view-mount[data-view="telegram"] .page-toolbar-main,
  .view-mount[data-view="telegram"] .panel-head,
  .view-mount[data-view="telegram"] .toolbar-inline,
  .view-mount[data-view="telegram"] .form-grid,
  .view-mount[data-view="telegram"] .tg-config-grid,
  .view-mount[data-view="telegram"] .tg-card-grid,
  .view-mount[data-view="telegram"] .list-stack,
  .view-mount[data-view="telegram"] .list-item,
  .view-mount[data-view="telegram"] .toolbar-field {
    min-width: 0;
    max-width: 100%;
  }

  .view-mount[data-view="embyUsers"] {
    overflow-x: hidden;
  }

  .view-mount[data-view="embyUsers"] .panel,
  .view-mount[data-view="embyUsers"] .toolbar-inline,
  .view-mount[data-view="embyUsers"] .admin-emby-summary-filter-row,
  .view-mount[data-view="embyUsers"] .admin-emby-filter-row,
  .view-mount[data-view="embyUsers"] .emby-combined-filter-row,
  .view-mount[data-view="embyUsers"] .list-shell,
  .view-mount[data-view="embyUsers"] .list-stack,
  .view-mount[data-view="embyUsers"] .list-item {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .view-mount[data-view="embyUsers"] .emby-combined-tabs-card {
    align-items: stretch;
    justify-content: stretch;
    padding: 12px;
  }

  .view-mount[data-view="embyUsers"] .emby-combined-tabs-card .admin-emby-tabs-row {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: stretch;
    justify-items: stretch;
    gap: 10px;
  }

  .view-mount[data-view="embyUsers"] .emby-combined-tabs-card .admin-emby-summary-tags {
    width: 100%;
    max-width: 100%;
    justify-content: flex-end;
    overflow-x: auto;
  }

  .view-mount[data-view="embyUsers"] .emby-combined-tabs-card .view-tabs {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .view-mount[data-view="embyUsers"] .admin-emby-summary-filter-row,
  .view-mount[data-view="embyUsers"] .admin-emby-filter-row,
  .view-mount[data-view="embyUsers"] .emby-combined-filter-row {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    justify-content: stretch;
    margin-left: 0;
  }

  .view-mount[data-view="embyUsers"] .admin-emby-filter-row .toolbar-field,
  .view-mount[data-view="embyUsers"] .emby-combined-filter-row .toolbar-field,
  .view-mount[data-view="embyUsers"] .emby-combined-filter-row .toolbar-field-inline {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 6px;
  }

  .view-mount[data-view="embyUsers"] .admin-emby-search-control,
  .view-mount[data-view="embyUsers"] .toolbar-search-shell,
  .view-mount[data-view="embyUsers"] .admin-emby-toolbar input,
  .view-mount[data-view="embyUsers"] .admin-emby-toolbar select,
  .view-mount[data-view="embyUsers"] .emby-combined-filter-row select {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .view-mount[data-view="embyUsers"] .users-toolbar-actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .view-mount[data-view="embyUsers"] .users-toolbar-actions > button {
    width: 100%;
  }

  .view-mount[data-view="telegram"] .panel-head > *,
  .view-mount[data-view="telegram"] .page-toolbar-main > * {
    min-width: 0;
    max-width: 100%;
  }

  .shell,
  .shell.sidebar-collapsed {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr);
    gap: 0;
  }

  .dock-wrap {
    display: none;
  }

  .workspace {
    gap: 14px;
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 96px);
  }

  .page-toolbar,
  .workspace-header-bar {
    align-items: stretch;
  }

  .page-toolbar-main,
  .page-toolbar .soft-pills,
  .toolbar-inline {
    width: 100%;
  }

  .toolbar-inline {
    display: grid;
    gap: 10px;
  }

  .toolbar-inline > button {
    width: 100%;
    flex: 1 1 auto;
  }

  .toolbar-inline .view-tabs {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 6px;
    border-radius: 24px;
  }

  .toolbar-inline .view-tab {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 0 10px;
    justify-content: center;
  }

  .toolbar-inline.users-toolbar-shell {
    display: block;
  }

  .toolbar-inline.users-toolbar-shell .users-toolbar {
    gap: 12px;
  }

  .toolbar-inline.users-toolbar-shell .users-toolbar .view-tabs {
    width: fit-content;
    display: inline-flex;
    grid-template-columns: none;
    justify-self: start;
  }

  .toolbar-inline.users-toolbar-shell .users-toolbar .view-tab {
    width: auto;
    min-height: 36px;
    padding: 0 16px;
  }

  .toolbar-inline.users-toolbar-shell .users-toolbar-query {
    width: 100%;
    justify-content: flex-start;
  }

  .toolbar-inline.users-toolbar-shell .toolbar-field-inline {
    width: min(100%, 340px);
  }

  .system-config-tabs {
    width: 100%;
    justify-content: stretch;
    margin-bottom: 0;
  }

  .view-mount[data-view="system"] [data-role="tg-dirty-notice"]:empty {
    display: none;
  }

  .system-config-tab-list {
    flex: 1 1 auto;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 6px;
    border-radius: 28px;
  }

  .system-config-tab-list .view-tab {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0 10px;
    white-space: nowrap;
  }

  .system-config-tab-list .view-tab[data-tab="subscription"] {
    grid-column: 1 / -1;
  }

  .tg-toolbar-stack {
    width: 100%;
  }

  .tg-record-toolbar-summary {
    justify-content: flex-end;
    width: 100%;
    order: 2;
  }

  .tg-organize-rule-toolbar {
    display: grid !important;
    grid-template-columns: 1fr auto;
    gap: 10px;
  }

  .tg-organize-rule-toolbar .toolbar-field {
    grid-column: 1;
    grid-row: 1;
  }

  .tg-organize-rule-toolbar .button-ghost {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
  }

  .tg-organize-rule-toolbar .tg-record-toolbar-summary {
    grid-column: 1 / span 2;
    grid-row: 2;
  }

  .tg-organize-rule-toolbar .tg-organize-rule-toolbar-button {
    grid-column: 1 / span 2;
  }

  .tg-toolbar-stack-subscribed {
    display: flex;
    align-items: stretch;
    gap: 8px;
    flex-wrap: nowrap;
  }

  .tg-toolbar-stack-subscribed .tg-toolbar-tab-group {
    width: auto;
    min-width: 0;
    flex: 1 1 0;
  }

  .tg-toolbar-stack-subscribed .tg-toolbar-tab-group-filter .view-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tg-toolbar-stack-subscribed .tg-toolbar-tab-group-status .view-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tg-toolbar-stack-subscribed .tg-toolbar-tab-group-filter {
    flex: 1.15 1 0;
  }

  .tg-toolbar-stack-subscribed .tg-toolbar-tab-group-status {
    flex: 0.95 1 0;
  }

  .tg-toolbar-stack-subscribed .view-tabs {
    width: 100%;
    gap: 4px;
    padding: 4px;
    border-radius: 20px;
  }

  .tg-toolbar-stack-subscribed .view-tab {
    min-height: 38px;
    padding: 0 6px;
    font-size: 12px;
  }

  .tg-subscribed-page-toolbar {
    flex-wrap: nowrap;
    align-items: center;
  }

  .tg-subscribed-page-toolbar .tg-subscribed-page-toolbar-main,
  .tg-subscribed-page-toolbar .tg-subscribed-page-toolbar-actions,
  .tg-subscribed-page-toolbar .tg-subscribed-toolbar-pills,
  .tg-subscribed-page-toolbar .tg-subscribed-toolbar-actions {
    width: auto;
  }

  .tg-subscribed-page-toolbar .tg-subscribed-page-toolbar-main {
    min-width: 0;
    flex: 1 1 auto;
  }

  .tg-subscribed-page-toolbar .tg-subscribed-toolbar-pills {
    flex-wrap: nowrap;
  }

  .tg-subscribed-page-toolbar .tg-subscribed-page-toolbar-actions {
    margin-left: auto;
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }

  .tg-subscribed-page-toolbar .tg-subscribed-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
  }

  .tg-subscribed-page-toolbar .tg-subscribed-page-toolbar-actions > .tg-subscribed-toolbar-actions {
    width: auto;
  }

  .tg-subscribed-page-toolbar .tg-subscribed-toolbar-actions > button {
    width: auto;
    min-width: 0;
    flex: 0 0 auto;
  }

  .tg-toolbar-inline-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .tg-toolbar-inline-actions > button {
    width: 100%;
    min-width: 0;
    min-height: 40px;
    padding: 0 8px;
    font-size: 13px;
  }

  .tg-discover-controls {
    width: 100%;
    align-items: stretch;
    justify-content: flex-start;
  }

  .tg-source-card .list-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tg-source-card .list-item-actions {
    width: 100%;
    justify-content: stretch;
    align-items: stretch;
    gap: 8px;
    flex-wrap: nowrap;
  }

  .tg-source-card .list-item-actions > button {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    padding: 0 10px;
  }

  .tg-discover-search-trigger {
    width: 44px;
  }

  .tg-discover-controls .tg-switch-tabs {
    width: 100%;
  }

  .tg-discover-search-dialog {
    width: min(100vw - 24px, 860px);
    max-height: calc(100vh - var(--mobile-dock-modal-clearance) - 24px);
  }

  .tg-discover-search-head,
  .tg-discover-search-toolbar,
  .tg-discover-search-body,
  .tg-discover-search-foot {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tg-discover-search-toolbar {
    align-items: stretch;
  }

  .tg-discover-search-toolbar-actions {
    width: 100%;
    justify-content: flex-end;
  }

  .tg-discover-search-result {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 12px;
  }

  .tg-discover-search-result-head {
    display: grid;
    gap: 10px;
  }

  .tg-discover-search-result-head > button {
    width: 100%;
  }

  .tg-poster-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  .tg-subscribed-grid {
    display: grid;
    justify-content: flex-start;
    grid-template-columns: repeat(auto-fill, minmax(var(--tg-subscribed-card-width, 180px), var(--tg-subscribed-card-width, 180px)));
  }

  .tg-subscribed-grid-completed {
    grid-template-columns: repeat(auto-fill, minmax(var(--tg-subscribed-card-width, 180px), var(--tg-subscribed-card-width, 180px)));
  }

  .tg-poster-grid > .tg-poster-card,
  .tg-poster-grid > .tg-subscribed-card {
    width: auto;
    max-width: none;
  }

  .tg-completed-card {
    grid-template-columns: 1fr;
  }

  .tg-completed-card-media {
    max-width: 220px;
  }

  .field,
  .field-static,
  .field-static-value {
    min-width: 0;
    max-width: 100%;
  }

  .field > input:not([type="checkbox"]),
  .field > select,
  .field > textarea,
  .field-static-value {
    max-width: 100%;
  }

  .field > input:not([type="checkbox"]) {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .view-mount {
    padding-right: 0;
  }

  .view-mount[data-view="logs"] {
    grid-template-rows: none;
    align-content: start;
    overflow: auto;
  }

  .workspace-footer {
    display: none;
  }

  .mobile-dock {
    display: block;
  }

  .list-head,
  .list-shell-sync .list-head,
  .list-shell-users .list-head,
  .list-shell-emby .list-head,
  .emby-users-table-head {
    display: none;
  }

  .list-item,
  .list-shell-sync .list-item,
  .list-shell-users .list-item,
  .list-shell-emby .list-item {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
  }

  .list-shell-sync .sync-library-card,
  .list-shell-sync .sync-library-card.is-share-mode,
  .list-shell-sync .sync-library-card.is-cms-compatible {
    grid-template-columns: 1fr;
  }

  .list-shell-sync .sync-library-card .list-metrics,
  .list-shell-sync .sync-library-card.is-share-mode .list-metrics,
  .list-shell-sync .sync-library-card.is-cms-compatible .list-metrics,
  .list-shell-sync .list-metrics,
  .list-shell-users .list-metrics,
  .list-metrics-emby {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .emby-user-table-row {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 14px;
  }

  .emby-user-table-cell {
    display: grid;
    grid-template-columns: minmax(76px, 32%) minmax(0, 1fr);
    align-items: center;
    gap: 8px 12px;
    text-align: right;
  }

  .emby-user-table-cell::before {
    justify-self: start;
    color: #8f9aaa;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
  }

  .emby-user-table-primary::before {
    content: "Emby 用户";
  }

  .emby-user-table-emby-status::before {
    content: "Emby 状态";
  }

  .emby-user-table-target::before {
    content: "目标账号";
  }

  .emby-user-table-time::before {
    content: "Emby 最近活动";
  }

  .emby-user-table-count::before {
    content: "库数";
  }

  .emby-user-table-status::before {
    content: "播放状态";
  }

  .emby-user-table-primary strong,
  .emby-user-table-emby-status .soft-pills,
  .emby-user-table-status .status-pill {
    justify-self: end;
  }

  .emby-user-table-emby-status .soft-pills {
    justify-content: flex-end;
  }

  .emby-user-table-target .emby-target-account-trigger {
    justify-content: flex-end;
    text-align: right;
  }

  .emby-user-table-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
    justify-content: stretch;
    text-align: left;
  }

  .emby-user-table-actions button {
    width: 100%;
  }

  .emby-target-binding-groups {
    grid-template-columns: 1fr;
  }

  .cookie-pool-card-grid,
  .cookie-pool-user-item {
    grid-template-columns: 1fr;
  }

  .list-item-actions {
    justify-content: stretch;
  }

  .list-item-actions > button {
    flex: 1 1 calc(50% - 8px);
    min-width: 0;
  }

  .share-item-actions > button {
    flex: 0 0 auto;
    width: auto;
  }

  .sync-item-actions,
  .share-item-actions {
    display: flex;
    justify-self: stretch;
    width: 100%;
  }

  .library-action-shell {
    width: 100%;
  }

  .library-action-trigger {
    width: 100%;
  }

  .library-action-popover {
    left: -8px;
    right: -8px;
    width: auto;
    max-width: none;
    min-width: 0;
  }

  .share-tree-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .share-tree-search-input {
    width: 100%;
  }

  .share-link-editor-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .share-link-search-input {
    width: 100%;
  }

  .tg-record-toolbar {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
  }

  .tg-record-toolbar .toolbar-field {
    grid-column: 1;
    grid-row: 1;
  }

  .tg-record-toolbar .button-ghost {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
  }

  .tg-record-toolbar .tg-record-toolbar-summary {
    grid-column: 1 / span 2;
    grid-row: 2;
  }

  .tg-organize-rule-card {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .tg-organize-rule-card .list-item-actions {
    justify-self: start;
    flex-wrap: wrap;
  }

  .tg-organize-rule-summary-value {
    max-width: min(48vw, 220px);
  }

  .tg-record-search-input {
    width: 100%;
    min-width: 0;
  }

  .share-link-editor-row {
    flex-wrap: wrap;
    align-items: stretch;
  }

  .share-link-input-group-note {
    flex: 1 1 100%;
  }

  .share-tree-node-row {
    flex-direction: column;
    align-items: stretch;
  }

  .share-tree-node-tail {
    justify-content: flex-end;
  }

  .list-pagination {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px 12px;
    align-items: center;
  }

  .list-pagination-summary {
    grid-column: 1 / -1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .list-pagination-controls {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    align-items: center;
  }

  .list-pagination-meta {
    width: 100%;
    justify-content: space-between;
    gap: 10px;
  }

  .pagination-size select {
    width: 96px;
    min-width: 96px;
  }

  .pagination-size span {
    white-space: nowrap;
  }

  .pagination-actions {
    display: inline-flex;
    width: 100%;
    margin-left: auto;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }

  .pagination-actions button {
    width: auto;
    min-width: 88px;
  }

  .pagination-page {
    min-width: 0;
    text-align: right;
    white-space: nowrap;
  }

  .grid-2,
  .grid-3,
  .account-runtime-grid,
  .binding-controls,
  .kv-grid-stats,
  .admin-emby-toolbar,
  .log-toolbar-main,
  .dock-nav {
    grid-template-columns: 1fr;
  }

  .admin-emby-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .admin-emby-toolbar .toolbar-field {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 6px;
  }

  .admin-emby-toolbar > button {
    width: 100%;
  }

  .list-metric-span-2 {
    grid-column: auto;
  }

  .pagination-size {
    width: auto;
    justify-content: flex-end;
  }

  .binding-cleanup {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .users-toolbar-actions {
    width: 100%;
    justify-content: flex-end;
  }

  .user-cookie-library-controls:not(.has-library-enabled) {
    grid-template-columns: 1fr;
    justify-content: stretch;
    gap: 10px;
  }

  .user-cookie-library-controls:not(.has-library-enabled) > .binding-target {
    grid-column: auto;
  }

  .user-cookie-library-controls:not(.has-library-enabled) > .binding-target > .field-hint {
    display: block;
    text-align: left;
  }

  .user-cookie-library-controls:not(.has-library-enabled) .binding-cleanup {
    grid-template-columns: 1fr;
  }

  .user-cookie-library-controls:not(.has-library-enabled) .binding-cleanup > .binding-toggle .checkbox-row {
    width: 100%;
    min-width: 0;
  }

  .user-cookie-library-controls.has-library-enabled {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .binding-library-enabled-control {
    padding-top: 0;
  }

  .binding-toggle.binding-library-enabled-control .checkbox-row {
    width: 100%;
    min-width: 0;
  }

  .user-cookie-library-controls.has-library-enabled .binding-cleanup {
    grid-template-columns: 1fr;
  }

  .user-cookie-library-controls.has-library-enabled .binding-cleanup > .binding-toggle .checkbox-row {
    width: 100%;
    min-width: 0;
  }

  .pagination-size select {
    width: 96px;
    min-width: 96px;
  }

  .list-metrics,
  .list-shell-sync .list-metrics,
  .list-shell-users .list-metrics,
  .list-metrics-emby {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sync-item-actions,
  .share-item-actions {
    display: flex;
  }

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

  .logs-panel {
    height: auto;
    min-height: 0;
    grid-template-rows: auto auto;
    overflow: visible;
  }

  .log-stream {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: min(56vh, 520px);
    max-height: none;
    align-self: stretch;
    justify-self: stretch;
    scrollbar-gutter: auto;
  }

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

  .qr-preview {
    width: 100%;
    max-width: 180px;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .qr-inline-summary {
    align-items: stretch;
    flex-direction: column;
  }

  .qr-inline-summary .button-compact {
    width: 100%;
  }

  .qr-scan-dialog-modal .qr-panel {
    grid-template-columns: 1fr;
  }

  .qr-scan-dialog-modal .qr-preview {
    width: 100%;
    max-width: 240px;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .detail-modal {
    padding: 12px 12px var(--mobile-dock-modal-clearance);
  }

  .disclaimer-modal {
    padding: 12px 12px var(--mobile-dock-modal-clearance);
  }

  .detail-modal-card {
    width: calc(100vw - 24px);
    max-height: calc(100vh - var(--mobile-dock-modal-clearance) - 24px);
  }

  .disclaimer-card {
    width: calc(100vw - 24px);
    max-height: calc(100vh - var(--mobile-dock-modal-clearance) - 24px);
  }

  .kv-grid-stats > .summary-card:last-child:nth-child(7) {
    grid-column: auto;
  }
}

@media (min-width: 781px) and (max-width: 900px) {
  .section-banner .system-config-banner-actions {
    width: auto;
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
  }

  .section-banner .system-config-tabs {
    width: auto;
    justify-content: flex-end;
    margin-bottom: 0;
  }

  .section-banner .system-config-tab-list {
    flex: 0 0 auto;
    width: auto;
    display: inline-flex;
    grid-template-columns: none;
    border-radius: 999px;
    padding: 4px;
  }

  .section-banner .system-config-tab-list .view-tab {
    width: auto;
    min-height: 36px;
    padding: 0 16px;
  }

  .section-banner .system-config-tab-list .view-tab[data-tab="subscription"] {
    grid-column: auto;
  }
}