.mobile-only {
  display: none;
}

.mobile-only-768 {
  display: none;
}

@media (max-width: 1024px) {
  .mobile-only {
    display: flex;
  }

  .header-actions {
    display: flex;
    gap: 12px;
  }

  .config-content {
    display: none;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
  }

  .config-content.visible {
    display: flex;
  }

  #config-toggle,
  #betting-toggle,
  #insights-toggle {
    transition: transform 0.2s;
  }

  #config-toggle.collapsed,
  #betting-toggle.collapsed,
  #insights-toggle.collapsed {
    transform: rotate(180deg);
  }
}

@media (max-width: 768px) {
  .mobile-only-768 {
    display: flex;
  }

  .collapsible-content {
    display: none;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
  }

  .collapsible-content.visible {
    display: flex;
  }
}

@media (min-width: 1025px) {
  .config-content {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
  }
}

@media (min-width: 769px) {
  .collapsible-content {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
  }
}

@media (min-width: 769px) {
  .mobile-only-768 {
    display: none !important;
  }
}