@media (max-width: 720px) {
  .data-switch,
  .view-switch {
    padding: 5px;
    gap: 4px;
    background: rgba(255, 255, 255, 0.85) !important;
  }

  .data-button,
  .switch-button {
    border: 1px solid rgba(255, 255, 255, 0.95) !important;
    font-weight: 800 !important;
    opacity: 1 !important;
  }

  .data-button:nth-child(1) {
    background: #f779a7 !important;
    color: #fff !important;
  }

  .data-button:nth-child(2) {
    background: #27b995 !important;
    color: #fff !important;
  }

  .data-button:nth-child(3) {
    background: #f0ad27 !important;
    color: #fff !important;
  }

  .switch-button:first-child {
    background: #6875ed !important;
    color: #fff !important;
  }

  .switch-button:last-child {
    background: #ed9636 !important;
    color: #fff !important;
  }

  .day-button {
    background: #fff !important;
    color: #4f5d7b !important;
    border: 1px solid #e5e7f3 !important;
    font-weight: 800 !important;
  }

  .day-button.active {
    background: #6875ed !important;
    color: #fff !important;
    border-color: #6875ed !important;
  }

  tbody tr {
    background: #fff !important;
    border: 2px solid #e6e7f2 !important;
    box-shadow: 0 8px 18px rgba(71, 77, 145, 0.14) !important;
  }

  tbody td:nth-child(1) {
    background: #ffe0ec !important;
  }

  tbody td:nth-child(2) {
    background: #d6f7eb !important;
  }

  tbody td:nth-child(n + 3) {
    background: #e7e4ff !important;
  }

  .person {
    background: #fff !important;
    color: #26334a !important;
    border: 1px solid #e1e3f0 !important;
    font-weight: 800 !important;
  }
}