.operator-table-wrap { overflow-x: auto; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
.operator-table { width: 100%; border-collapse: collapse; background: #1A1D27; font-size: 14px; }
.operator-table thead tr { background: #141620; }
.operator-table thead th { padding: 14px 16px; text-align: left; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #C8CDD8; border-bottom: 2px solid #2A2D3E; white-space: nowrap; }
.operator-table tbody .td-logo { width: 150px; padding: 20px 18px; }
.operator-table tbody .op-logo-img { width: 130px; height: 48px; object-fit: contain; display: block; background: #FFFFFF; border-radius: 6px; padding: 6px 8px; }
.operator-table tbody tr { border-bottom: 1px solid #1F2230; transition: background 0.12s; }
.operator-table tbody tr:last-child { border-bottom: none; }
.operator-table tbody tr:hover { background: #1D0F10; }
.operator-table tbody td { padding: 20px 18px; vertical-align: middle; }
.operator-table tbody .td-name { font-weight: 700; font-size: 16px; color: #E8EAF0; white-space: nowrap; }
.operator-table tbody .bonus-headline { display: block; font-weight: 700; color: #E53935; font-size: 16px; margin-bottom: 6px; }
.operator-table tbody .bonus-terms { display: block; font-size: 11px; color: #B0B7C8; line-height: 1.4; }
.operator-table tbody .tag-pills { display: flex; flex-wrap: wrap; gap: 5px; }
.operator-table tbody .tag-pill { display: inline-block; padding: 4px 10px; background: #2A2D3E; border-radius: 100px; font-size: 11px; font-weight: 600; color: #E8EAF0; white-space: nowrap; }
.operator-table tbody .td-rating { white-space: nowrap; }
.operator-table tbody .rating-value { display: block; font-size: 18px; font-weight: 900; color: #F59E0B; line-height: 1.1; }
.operator-table tbody .rating-stars-row { display: flex; gap: 2px; margin-top: 4px; }
.operator-table tbody .cta-btn { display: inline-flex; align-items: center; justify-content: center; background: #E53935; color: #FFFFFF; padding: 14px 24px; border-radius: 8px; font-weight: 700; font-size: 15px; text-decoration: none; white-space: nowrap; transition: background 0.2s; }
.operator-table tbody .cta-btn:hover { background: #B71C1C; text-decoration: none; }
.operator-table tbody .cta-sponsored { font-size: 10px; font-weight: 600; opacity: 0.8; letter-spacing: 0.5px; text-transform: uppercase; }
.operator-table .table-loading { text-align: center; padding: 48px 16px; color: #B0B7C8; font-size: 15px; }
.operator-table .table-empty { text-align: center; padding: 48px 16px; color: #B0B7C8; font-size: 15px; }
.operator-table .btn-reset-filter-inline { background: none; border: none; color: #E53935; font-weight: 600; cursor: pointer; font-size: 15px; text-decoration: underline; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
@media (max-width: 768px) {
  .operator-table-wrap { border-radius: 8px; }
  .operator-table thead { display: none; }
  .operator-table tbody tr { display: grid; grid-template-columns: auto 1fr; gap: 0 10px; padding: 12px; border-bottom: 1px solid #2A2D3E; align-items: center; }
  .operator-table tbody td { padding: 2px 0; border: none; }
  .operator-table tbody .td-logo { grid-column: 1; grid-row: 1 / 3; width: auto; padding: 0; }
  .operator-table tbody .op-logo-img { width: 80px; height: 32px; padding: 4px 6px; }
  .operator-table tbody .bonus-headline { font-size: 13px; margin-bottom: 2px; }
  .operator-table tbody .bonus-terms { font-size: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .operator-table tbody .tag-pills { gap: 3px; }
  .operator-table tbody .tag-pill { padding: 2px 7px; font-size: 10px; }
  .operator-table tbody .cta-btn { grid-column: 1 / -1; width: auto; text-align: center; display: block; justify-self: stretch; padding: 11px; margin-top: 6px; font-size: 14px; white-space: normal; }
}