/* The combined_scenepacks_layout partial styles are inherited from index.css */
    .page-scps .combined-modal-divider { display: none; }
    .page-scps .combined-modal-left-pane { display: none; }
    .page-scps .combined-modal-header { border-bottom: none; }
    .page-scps .combined-modal-title { display: none; }
    .page-scps .combined-modal-subtitle { display: none; }
    .page-scps .combined-modal-layout { display: block; }
    .page-scps .combined-modal-right-pane {
      width: 100%;
      max-width: 100%;
      flex: none;
      padding-left: 0;
      border-top: none;
      margin-top: 0;
      padding-top: 0;
      overflow: visible;
    }
    .page-scps .combined-scenepacks-container {
      border-color: rgba(255, 255, 255, 0.12);
      background: var(--color-bg-elevated);
      margin-top: 0;
    }
    .page-scps .filter-chips-container {
      margin-bottom: 0;
    }
    .page-scps .combined-scenepacks-table thead {
      background: linear-gradient(90deg, var(--color-bg), var(--color-bg-elevated));
    }
    .page-scps .combined-scenepacks-table tbody tr {
      background: var(--color-bg-elevated);
    }
    body.page-scps {
      scrollbar-gutter: stable;
    }
    .page-scps .combined-scenepacks-table th { color: var(--color-text-secondary); border-bottom-color: rgba(255, 255, 255, 0.12); }
    .page-scps .combined-scenepacks-table tbody tr:hover { background-color: rgba(255, 255, 255, 0.06); }
    .page-scps .combined-scenepacks-table tbody tr.combined-row-selected {
      box-shadow: inset 3px 0 0 var(--color-brand);
    }
    .page-scps .combined-scenepacks-table td { border-bottom-color: rgba(255, 255, 255, 0.06); }
    .page-scps .combined-scenepacks-table tbody tr:hover .combined-scenepack-title { color: var(--color-accent-light); }
    /* Desktop: lock column widths when toggling download sort (most/least).
       index.css uses table-layout: auto, so column widths follow the longest
       visible scenepack name; fixed layout + explicit Size/Downloads widths
       keep the name column stable across re-sorts. */
    @media (min-width: 769px) {
      .page-scps .combined-scenepacks-table {
        table-layout: fixed;
      }
      .page-scps .combined-scenepacks-table th:nth-child(2),
      .page-scps .combined-scenepacks-table td:nth-child(2) {
        width: 7.5rem;
      }
      .page-scps .combined-scenepacks-table th:nth-child(3),
      .page-scps .combined-scenepacks-table td.combined-download-cell {
        width: 9.5rem;
      }
      .page-scps .combined-scenepacks-table td:nth-child(1) {
        overflow: hidden;
      }
      .page-scps .combined-scenepacks-table tbody tr > td:first-child {
        position: relative;
      }
      .page-scps .combined-scenepack-copy {
        min-width: 0;
      }
    }
    .combined-scenepack-title::after { color: var(--color-accent-light); }
    .combined-scenepack-title { white-space: normal; word-break: break-word; }
    .origin-dev-status {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      width: fit-content;
      padding: 0.22rem 0.62rem;
      border-radius: 999px;
      border: 1px solid rgba(251, 191, 36, 0.42);
      background: rgba(113, 63, 18, 0.42);
      color: #fff;
      font-size: 0.68rem;
      font-weight: 700;
      line-height: 1.1;
      text-transform: none;
      letter-spacing: 0;
      flex: 0 0 auto;
      backdrop-filter: blur(10px);
      box-shadow: 0 8px 18px -12px rgba(251, 191, 36, 0.8);
    }
    .origin-dev-status[data-status="being_remade"] {
      border-color: rgba(74, 222, 128, 0.46);
      background: rgba(20, 83, 45, 0.44);
      color: #fff;
      box-shadow: 0 8px 18px -12px rgba(74, 222, 128, 0.8);
    }
    .page-scps .combined-scenepack-main {
      display: block;
    }
    .page-scps .combined-scenepack-copy {
      min-width: 0;
    }
    .page-scps .combined-row-checkbox {
      position: absolute;
      left: 0.35rem;
      top: 0.85rem;
      z-index: 1;
      margin: 0;
    }
    .combined-meta-item { background: rgba(22, 22, 24, 0.7); color: var(--color-text-muted); }
    .combined-meta-item:hover { background: rgba(255, 255, 255, 0.12); color: var(--color-text-secondary); }
    .combined-meta-item i { color: var(--color-icon); }
    .combined-category-badge { background: rgba(255, 255, 255, 0.18); color: var(--color-blue-200); }
    .combined-date { color: var(--color-text-muted); }
    .combined-date i { color: var(--color-icon); }
    .combined-download-count { color: var(--color-blue-200); }
    .group-badge { background-color: #717aff; }
    .group-badge--muted { background-color: rgba(113, 122, 255, 0.18); color: rgba(197, 200, 232, 0.85); }
    .rating-label { color: var(--color-text-muted); font-family: var(--font-mono); }
    .combined-download-count, .combined-date, .group-badge { font-family: var(--font-mono); }
    .page-scps .btn-secondary {
      background: rgba(22, 22, 24, 0.6);
      border: 1px solid rgba(255, 255, 255, 0.18);
      color: var(--color-text-secondary);
      border-radius: 0.25rem;
    }
    .page-scps .btn-secondary:hover {
      background: rgba(255, 255, 255, 0.12);
      border-color: rgba(255, 255, 255, 0.35);
      color: var(--color-text);
    }

    /* Browse-style filter chips (matches /search and /browse pages). */
    .page-scps .search-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
      margin: 0.5rem 0 0.25rem;
    }
    .page-scps .search-chip {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      padding: 0.25rem 0.55rem;
      font-size: 0.72rem;
      line-height: 1;
      color: var(--color-text-secondary);
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 0.25rem;
      text-decoration: none;
      cursor: pointer;
      font-family: inherit;
      transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    }
    .page-scps .search-chip > span { line-height: 1; }
    .page-scps .search-chip:hover {
      background: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.22);
      color: var(--color-text);
    }
    .page-scps .search-chip-close {
      font-size: 1rem;
      font-weight: 500;
      line-height: 1;
      opacity: 0.55;
    }
    .page-scps .detail-icon { color: var(--color-icon); }
    .page-scps input[type="checkbox"] { border-color: rgba(255, 255, 255, 0.25); background: rgba(15, 15, 17, 0.7); }
    .page-scps input[type="checkbox"]:checked { background-color: var(--color-accent); border-color: var(--color-accent); }

    /* Override old blue search bar colors with the brand accent */
    .page-scps .combined-modal-search {
      background: rgba(15, 15, 17, 0.8);
      border: 1px solid rgba(255, 255, 255, 0.15);
      box-shadow: none;
      margin-bottom: 0;
    }
    .page-scps .combined-modal-header {
      padding-bottom: 0;
      margin-bottom: 8px;
    }
    .page-scps .scps-selection-bar-portal {
      position: sticky;
      top: calc(var(--navbar-height, 64px) + 0.75rem);
      z-index: 35;
      width: 100%;
      margin: 0 0 0.75rem;
      pointer-events: none;
      padding: 0;
    }
    .page-scps .scps-selection-bar-portal .scps-selection-bar {
      pointer-events: auto;
      margin: 0;
      width: 100%;
      max-width: none;
      padding: 0.65rem 0.85rem 0.65rem 1rem;
      border: 1px solid rgba(var(--color-brand-rgb), 0.42);
      border-radius: var(--radius-md);
      background: var(--site-chrome-glass-bg, rgba(15, 15, 17, 0.64));
      backdrop-filter: blur(var(--site-chrome-glass-blur, 18px));
      -webkit-backdrop-filter: blur(var(--site-chrome-glass-blur, 18px));
      box-shadow:
        0 4px 6px -2px rgba(0, 0, 0, 0.35),
        0 16px 40px -12px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    }
    .page-scps .scps-selection-bar__content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      width: 100%;
      min-width: 0;
    }
    .page-scps .scps-selection-bar__summary {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      min-width: 0;
      flex-shrink: 0;
    }
    .page-scps .scps-selection-bar__count {
      font-size: 0.875rem;
      font-weight: 600;
      color: var(--color-text-primary);
      white-space: nowrap;
    }
    .page-scps .scps-selection-bar__link {
      border: none;
      background: none;
      padding: 0;
      font-size: 0.8125rem;
      font-weight: 500;
      color: var(--color-brand-light);
      cursor: pointer;
      white-space: nowrap;
    }
    .page-scps .scps-selection-bar__link:hover {
      color: var(--color-brand-hover);
      text-decoration: underline;
    }
    .page-scps .scps-selection-bar__actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
      gap: 0.5rem;
      min-width: 0;
      margin-left: auto;
    }
    .page-scps .scps-selection-bar__close {
      min-width: 2rem;
      padding-inline: 0.65rem;
    }
    .page-scps .scps-selection-bar__close i {
      margin: 0;
    }
    @media (max-width: 640px) {
      .page-scps .scps-selection-bar-portal {
        top: calc(var(--navbar-height, 64px) + 0.5rem);
      }
      .page-scps .scps-selection-bar-portal .scps-selection-bar {
        padding: 0.65rem 0.75rem;
      }
      .page-scps .scps-selection-bar__content {
        flex-wrap: wrap;
      }
      .page-scps .scps-selection-bar__actions {
        width: 100%;
      }
    }
    .page-scps .combined-modal-search:focus-within {
      border-color: rgba(255, 255, 255, 0.40);
      box-shadow: none;
    }