.platform-count-badge strong {

        color: #2980b9;
      }

      .platforms-summary {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        margin-bottom: 16px;
      }

      .platforms-summary .summary-pill {
        background: #f8f9fa;
        border: 1px solid #e9ecef;
        border-radius: 999px;
        padding: 6px 12px;
        font-size: 13px;
        color: #2c3e50;
      }

      .platforms-summary .summary-pill.muted {
        color: #7f8c8d;
      }

      .platform-checkbox-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 16px;
      }

      .platform-checkbox-item {
        display: flex;
        align-items: center;
        gap: 12px;
        background: #f8f9fa;
        border: 1px solid #e9ecef;
        border-radius: 6px;
        padding: 10px 12px;
      }

      .platform-checkbox-item.checked {
        background: #eaf6ec;
        border-color: #c3e6cb;
      }

      .platform-checkbox-item input[type="checkbox"] {
        width: 18px;
        height: 18px;
        accent-color: #2c3e50;
      }

      .platform-checkbox-item .platform-meta {
        flex: 1;
        font-size: 14px;
        line-height: 1.3;
      }

      .platform-checkbox-item .platform-meta .meta {
        font-size: 12px;
        color: #7f8c8d;
      }

      .platform-hint {
        font-size: 12px;
        color: #7f8c8d;
        margin-top: 8px;
      }

      .platform-item {
        display: flex;
        gap: 10px;
        align-items: center;
        background: #f8f9fa;
        padding: 12px;
        border-radius: 6px;
        border: 1px solid #e9ecef;
      }

      .platform-item .platform-info {
        flex: 1;
      }

      .platform-item .platform-info strong {
        font-size: 14px;
        color: #2c3e50;
      }

      .platform-item .platform-info .meta {
        font-size: 12px;
        color: #7f8c8d;
        margin-top: 2px;
      }
      .platform-item .platform-url-list {
        list-style: none;
        margin: 6px 0 0;
        padding: 0;
        font-size: 12px;
        color: #555;
      }

      .platform-item .platform-url-list li {
        margin-bottom: 2px;
        padding-left: 12px;
        position: relative;
        word-break: break-all;
        font-family: "SFMono-Regular", Consolas, monospace;
      }

      .platform-item .platform-url-list li::before {
        content: "•";
        position: absolute;
        left: 0;
        color: #95a5a6;
      }

      .platform-item .platform-url-label {
        font-family: inherit;
        font-weight: 600;
        margin-right: 4px;
      }

      .platform-item .platform-url-dev {
        color: #e67e22;
      }

      .platform-item .platform-url-prod {
        color: #2980b9;
      }



      .platform-item input.platform-name-input {
        flex: 1;
        padding: 8px 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 14px;
      }

      .platform-item .btn-edit {
        padding: 8px 12px;
        background: #3498db;
        color: white;
        font-size: 12px;
      }

      .platform-item .btn-edit:hover {
        background: #2980b9;
      }

      .platform-item .btn-delete {
        padding: 8px 12px;
        background: #e74c3c;
        color: white;
        font-size: 12px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
      }

      .platform-item .btn-delete:hover {
        background: #c0392b;
      }

      .games-table .col-rank {
        width: 56px;
        text-align: center;
        color: #7f8c8d;
        font-weight: 700;
      }

      .games-table .col-created {
        min-width: 140px;
        font-size: 12px;
        color: #7f8c8d;
        white-space: nowrap;
      }

      .games-table .col-platforms {
        min-width: 200px;
        font-size: 13px;
      }

      .games-table .col-status {
        min-width: 110px;
        text-align: center;
      }

      .platform-chip {
        display: inline-block;
        background: #eaf2f8;
        color: #2c3e50;
        border: 1px solid #d4e6f1;
        border-radius: 999px;
        padding: 2px 8px;
        font-size: 11px;
        font-weight: 600;
        margin: 2px 4px 2px 0;
      }

      .assignment-badge {
        display: inline-block;
        border-radius: 999px;
        padding: 4px 10px;
        font-size: 12px;
        font-weight: 700;
      }

      .assignment-badge.assigned {
        background: #d4edda;
        color: #155724;
        border: 1px solid #c3e6cb;
      }

      .assignment-badge.unassigned {
        background: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
      }

      .platforms-ranking-wrap {
        margin-top: 16px;
      }

      /* Scalable assign UI */
      .assign-toolbar {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 12px;
        background: #f8f9fa;
        border: 1px solid #e9ecef;
        border-radius: 8px;
        padding: 12px;
      }
      .assign-toolbar .search-wrap {
        flex: 1;
        min-width: 220px;
        position: relative;
      }
      .assign-toolbar input[type="text"] {
        width: 100%;
        padding: 9px 10px;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 13px;
      }
      .assign-toolbar .page-size {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 13px;
        color: #7f8c8d;
      }
      .assign-toolbar .page-size select {
        padding: 6px 8px;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 13px;
        background: white;
      }
      .bulk-bar {
        display: none;
        gap: 10px;
        align-items: center;
        background: #eaf2f8;
        border: 1px solid #d4e6f1;
        border-radius: 8px;
        padding: 10px 12px;
        margin-bottom: 12px;
        flex-wrap: wrap;
      }
      .bulk-bar.active {
        display: flex;
      }
      .bulk-bar .count {
        font-weight: 700;
        color: #2c3e50;
        font-size: 13px;
      }
      .games-table th.sticky {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f8f9fa;
      }
      .skeleton {
        background: linear-gradient(90deg, #ecf0f1 25%, #f8f9fa 37%, #ecf0f1 63%);
        background-size: 400% 100%;
        animation: shimmer 1.2s ease-in-out infinite;
        border-radius: 4px;
        height: 12px;
      }
      @keyframes shimmer {
        0% { background-position: 100% 0; }
        100% { background-position: -100% 0; }
      }
      .assign-detail-row td {
        background: #fcfcfc;
      }
      .check-col {
        width: 38px;
        text-align: center;
      }
      @media (max-width: 760px) {
        .games-table {
          font-size: 13px;
        }
        .games-table .col-id { display: none; }
        .games-table .col-created { display: none; }
        .assign-toolbar { flex-direction: column; align-items: stretch; }
      }