@media (max-width: 768px) {
    #tswRegRoot .tsw-body { padding: 30px 15px; }
    #tswRegRoot .tsw-grid2 { grid-template-columns: 1fr; }
    #tswRegRoot .tsw-cards { grid-template-columns: 1fr; }
    #tswRegRoot .tsw-date-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #tswRegRoot .tsw-calendar-grid { grid-template-columns: 1fr; }
    #tswRegRoot .tsw-num-label { min-width: 60px; font-size: 11px; }
  
  #tswRegRoot .tsw-timezone-wrapper {
    position: relative;
    display: inline-block;
    width: 50%;
    min-width: 250px;
  }

  #tswRegRoot .tsw-timezone-wrapper::after {
    content: "▼";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--tsw-muted);
    font-size: 12px;
  }

  #tswRegRoot .tsw-timezone-wrapper select {
    width: 100% !important;
    padding-right: 36px;
  }

  #tswRegRoot select { width: 100% !important; max-width: 100% !important; min-width: 100%; }
  @media (max-width: 640px) {
    #tswRegRoot { padding: 10px; }