.table-category-section { margin: 18px 0 4px; }
.table-category-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
.table-category-head h2 { margin: 0; font-size: 17px; }
.table-category-head small { color: var(--muted); font-size: 9px; }
.table-type-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.table-type { min-width: 0; min-height: 78px; display: grid; grid-template-columns: 40px minmax(0,1fr) 17px; align-items: center; gap: 10px; padding: 11px 12px; color: white; text-align: left; border: 1px solid #2b417f; border-radius: 14px; background: linear-gradient(145deg, rgba(18,31,70,.98), rgba(12,25,60,.98)); cursor: pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,.025); transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease; }
.table-type:hover { border-color: #5b6fbd; background: linear-gradient(145deg, #172b61, #101e48); transform: translateY(-2px); }
.table-type.active { border-color: #8f54ff; background: linear-gradient(135deg, rgba(113,39,255,.42), rgba(21,34,77,.98)); box-shadow: 0 8px 24px rgba(113,39,255,.18), inset 0 0 0 1px rgba(180,126,255,.12); }
.table-type-icon { width: 40px; height: 40px; display: grid; place-items: center; color: #aebcff; border: 1px solid rgba(93,112,194,.5); border-radius: 12px; background: linear-gradient(145deg, rgba(113,39,255,.22), rgba(0,229,229,.07)); }
.table-type:nth-child(2) .table-type-icon { color: #e5b3ff; background: linear-gradient(145deg, rgba(199,53,255,.2), rgba(113,39,255,.08)); }
.table-type:nth-child(3) .table-type-icon { color: #78eee7; background: linear-gradient(145deg, rgba(0,229,229,.16), rgba(21,34,77,.2)); }
.table-type:nth-child(4) .table-type-icon { color: #d6b4ff; background: linear-gradient(145deg, rgba(154,70,255,.2), rgba(21,34,77,.2)); }
.table-type-icon svg { width: 19px; }
.table-type-copy { min-width: 0; }
.table-type-copy strong, .table-type-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table-type-copy strong { font-size: 11px; }
.table-type-copy small { margin-top: 3px; color: #7f8eb7; font-size: 8px; }
.table-type-arrow { width: 15px; color: #5f70a2; }
.table-type.active .table-type-icon, .table-type.active .table-type-arrow { color: white; }
.casino-clear-filter { padding: 4px 0; border: 0; background: transparent; cursor: pointer; }
.casino-empty { grid-column: 1 / -1; padding: 34px 18px; text-align: center; border: 1px dashed #3a4f99; border-radius: 15px; color: var(--muted); }

@media (max-width: 767px) {
  .table-category-section { margin-top: 13px; }
  .table-category-head { margin-bottom: 8px; padding: 0 2px; }
  .table-category-head h2 { font-size: 14px; }
  .table-type-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
  .table-type { min-height: 66px; grid-template-columns: 35px minmax(0,1fr); gap: 9px; padding: 9px 10px; border-radius: 12px; }
  .table-type:hover { transform: none; }
  .table-type-icon { width: 35px; height: 35px; border-radius: 10px; }
  .table-type-icon svg { width: 17px; }
  .table-type-copy strong { font-size: 10px; }
  .table-type-copy small { font-size: 7px; }
  .table-type-arrow { display: none; }
}

@media (max-width: 359px) {
  .table-type { min-height: 62px; grid-template-columns: 32px minmax(0,1fr); gap: 7px; padding: 8px; }
  .table-type-icon { width: 32px; height: 32px; }
  .table-type-copy strong { font-size: 9px; }
}