/* Unique namespace: tbh_ (BOTS4.me Helper) prefix for ALL classes */
      .tbh_root {
        --tbh-primary: #4a6cf7;
        --tbh-primary-dark: #3654d8;
        --tbh-primary-light: #6b85ff;
        --tbh-accent: #13c296;
        --tbh-success: #10b981;
        --tbh-warning: #f59e0b;
        --tbh-danger: #ef4444;
        --tbh-text: #111827;
        --tbh-text-medium: #374151;
        --tbh-text-light: #6b7280;
        --tbh-bg: #ffffff;
        --tbh-bg-light: #f9fafb;
        --tbh-bg-dark: #f3f4f6;
        --tbh-border: #e5e7eb;
        --tbh-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        --tbh-shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.07);
        --tbh-radius: 12px;
        --tbh-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }

      /* Reset styles for this component */
      .tbh_root * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      /* Helper Toggle Button */
      .tbh_toggle {
        position: fixed !important;
        bottom: 24px !important;
        right: 24px !important;
        background: linear-gradient(135deg, var(--tbh-primary), #6366f1) !important;
        color: white !important;
        border: none !important;
        border-radius: 24px !important;
        padding: 12px 20px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        transition: var(--tbh-transition) !important;
        z-index: 999999 !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
      }

      .tbh_toggle:hover {
        background: linear-gradient(135deg, var(--tbh-primary-dark), #4f46e5) !important;
        color: white !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 15px 35px rgba(74, 108, 247, 0.3) !important;
      }

      .tbh_toggle.tbh_pulse {
        animation:
          tbh_pulse_anim 2s infinite,
          tbh_flash_anim 1.5s ease-in-out infinite !important;
      }

      @keyframes tbh_pulse_anim {
        0% {
          box-shadow:
            0 10px 25px rgba(0, 0, 0, 0.15),
            0 0 0 0 rgba(74, 108, 247, 0.7);
        }
        50% {
          box-shadow:
            0 10px 25px rgba(0, 0, 0, 0.15),
            0 0 0 25px rgba(74, 108, 247, 0);
        }
        100% {
          box-shadow:
            0 10px 25px rgba(0, 0, 0, 0.15),
            0 0 0 0 rgba(74, 108, 247, 0);
        }
      }

      @keyframes tbh_flash_anim {
        0%,
        100% {
          background: linear-gradient(135deg, var(--tbh-primary, #4a6cf7), #6366f1) !important;
        }
        50% {
          background: linear-gradient(135deg, #6d8cff, #818cf8) !important;
        }
      }

      .tbh_app_needs_attention {
        animation: tbh_attention_anim 2s ease-in-out infinite !important;
      }

      @keyframes tbh_attention_anim {
        0%,
        100% {
          border-color: var(--tbh-primary, #4a6cf7);
        }
        50% {
          border-color: #f59e0b;
          box-shadow: 0 0 8px rgba(245, 158, 11, 0.3);
        }
      }

      .tbh_step_needs_attention {
        animation: tbh_step_dot_anim 1.5s ease-in-out infinite !important;
      }

      @keyframes tbh_step_dot_anim {
        0%,
        100% {
          box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4);
        }
        50% {
          box-shadow: 0 0 0 6px rgba(245, 158, 11, 0);
        }
      }

      .tbh_toggle_icon {
        font-size: 16px !important;
      }

      .tbh_badge {
        background: var(--tbh-warning) !important;
        color: white !important;
        font-size: 10px !important;
        padding: 2px 6px !important;
        border-radius: 10px !important;
        margin-left: 4px !important;
        font-weight: 700 !important;
      }

      /* Main Helper Panel */
      .tbh_panel {
        position: fixed !important;
        bottom: 80px !important;
        right: 24px !important;
        width: 420px !important;
        max-width: calc(100vw - 48px) !important;
        height: 80vh !important;
        background: var(--tbh-bg) !important;
        border-radius: var(--tbh-radius) !important;
        box-shadow:
          0 20px 60px rgba(0, 0, 0, 0.15),
          0 0 0 1px rgba(0, 0, 0, 0.05) !important;
        z-index: 1000000 !important;
        display: none !important;
        flex-direction: column !important;
        opacity: 0 !important;
        transform: translateY(30px) scale(0.9) !important;
        transition:
          opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
          transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
        border: 1px solid var(--tbh-border) !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
        overflow: hidden !important;
      }

      .tbh_panel.tbh_open {
        display: flex !important;
        opacity: 1 !important;
        transform: translateY(0) scale(1) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
      }

      /* Panel Header */
      .tbh_header {
        background: linear-gradient(135deg, var(--tbh-primary), #6366f1, #8b5cf6) !important;
        color: white !important;
        padding: 18px 20px !important;
        position: relative !important;
        flex-shrink: 0 !important;
      }

      .tbh_header_content {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
      }

      .tbh_title {
        font-size: 17px !important;
        font-weight: 700 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        color: white !important;
      }

      .tbh_subtitle {
        font-size: 12px !important;
        opacity: 0.9 !important;
        margin-top: 3px !important;
        font-weight: 400 !important;
        color: white !important;
      }

      .tbh_close {
        background: rgba(255, 255, 255, 0.2) !important;
        border: none !important;
        color: white !important;
        width: 28px !important;
        height: 28px !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: var(--tbh-transition) !important;
        font-size: 14px !important;
        flex-shrink: 0 !important;
      }

      .tbh_close:hover {
        background: rgba(255, 255, 255, 0.3) !important;
        color: white !important;
      }

      /* Progress Bar */
      .tbh_progress {
        background: rgba(255, 255, 255, 0.2) !important;
        height: 3px !important;
        border-radius: 2px !important;
        margin-top: 12px !important;
        overflow: hidden !important;
      }

      .tbh_progress_bar {
        background: white !important;
        height: 100% !important;
        border-radius: 2px !important;
        transition: width 0.5s ease !important;
      }

      /* Panel Body */
      .tbh_body {
        background: white !important;
        padding: 0 !important;
        overflow: hidden !important;
        flex: 1 !important;
        position: relative !important;
        min-height: 0 !important;
      }

      /* Screen Slider */
      .tbh_slider {
        display: flex !important;
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
        height: 100% !important;
      }

      .tbh_screen {
        min-width: 100% !important;
        width: 100% !important;
        height: 100% !important;
        padding: 24px 20px 20px 20px !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
      }

      /* Guided setup scroll wrapper (content written directly into tbh_body) */
      .tbh_guided_scroll {
        height: 100% !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 24px 20px 20px 20px !important;
        box-sizing: border-box !important;
      }

      /* Panel Footer with Navigation */
      .tbh_footer {
        background: var(--tbh-bg-light) !important;
        border-top: 1px solid var(--tbh-border) !important;
        padding: 12px 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-shrink: 0 !important;
        height: 60px;
      }

      .tbh_footer.tbh_footer_hidden {
        display: none !important;
      }

      .tbh_nav_btn {
        background: none !important;
        border: 1px solid var(--tbh-border) !important;
        color: var(--tbh-text-medium) !important;
        padding: 7px 14px !important;
        border-radius: 8px !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        cursor: pointer !important;
        transition: var(--tbh-transition) !important;
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        font-family: inherit !important;
      }

      .tbh_nav_btn:hover {
        background: var(--tbh-bg-dark) !important;
        border-color: var(--tbh-primary-light) !important;
        color: var(--tbh-primary) !important;
      }

      .tbh_nav_btn.tbh_nav_primary {
        background: var(--tbh-primary) !important;
        color: white !important;
        border-color: var(--tbh-primary) !important;
      }

      .tbh_nav_btn.tbh_nav_primary:hover {
        background: var(--tbh-primary-dark) !important;
        border-color: var(--tbh-primary-dark) !important;
        color: white !important;
      }

      .tbh_nav_btn:disabled {
        opacity: 0 !important;
        pointer-events: none !important;
      }

      /* Dot Navigation */
      .tbh_dots {
        display: flex !important;
        gap: 8px !important;
        align-items: center !important;
      }

      .tbh_dot {
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
        background: var(--tbh-border) !important;
        border: none !important;
        cursor: pointer !important;
        transition: var(--tbh-transition) !important;
        padding: 0 !important;
      }

      .tbh_dot.tbh_dot_active {
        background: var(--tbh-primary) !important;
        transform: scale(1.3) !important;
      }

      .tbh_dot:hover {
        background: var(--tbh-primary-light) !important;
      }

      /* ===== SCREEN 0: Welcome ===== */
      .tbh_welcome {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 1 !important;
        gap: 8px !important;
      }

      .tbh_welcome_icon {
        width: 72px !important;
        height: 72px !important;
        background: linear-gradient(135deg, var(--tbh-primary), var(--tbh-accent)) !important;
        border-radius: 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 32px !important;
        margin-bottom: 8px !important;
        animation: tbh_float 3s ease-in-out infinite !important;
      }

      @keyframes tbh_float {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-6px);
        }
      }

      .tbh_welcome h2 {
        font-size: 22px !important;
        font-weight: 700 !important;
        color: var(--tbh-text) !important;
        line-height: 1.3 !important;
      }

      .tbh_welcome p {
        font-size: 14px !important;
        color: var(--tbh-text-light) !important;
        line-height: 1.5 !important;
        max-width: 320px !important;
      }

      .tbh_welcome_cta {
        margin-top: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
      }

      .tbh_btn_large {
        background: linear-gradient(135deg, var(--tbh-primary), #6366f1) !important;
        color: white !important;
        border: none !important;
        padding: 12px 32px !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        transition: var(--tbh-transition) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        font-family: inherit !important;
        box-shadow: 0 4px 14px rgba(74, 108, 247, 0.3) !important;
        flex: 1 !important;
        min-width: 0 !important;
      }

      .tbh_btn_large:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 24px rgba(74, 108, 247, 0.4) !important;
        color: white !important;
      }

      .tbh_skip {
        background: none !important;
        border: none !important;
        color: var(--tbh-text-light) !important;
        font-size: 13px !important;
        cursor: pointer !important;
        text-decoration: underline !important;
        font-family: inherit !important;
      }

      .tbh_skip:hover {
        color: var(--tbh-text-medium) !important;
      }

      /* ===== SCREEN 1: Connect ===== */
      .tbh_flow {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        margin: 8px 0 16px !important;
        flex-wrap: nowrap !important;
      }

      .tbh_flow_node {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 6px !important;
        flex-shrink: 0 !important;
      }

      .tbh_flow_icon {
        width: 48px !important;
        height: 48px !important;
        border-radius: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        color: white !important;
      }

      .tbh_flow_icon.tbh_fi_source {
        background: linear-gradient(135deg, var(--tbh-primary), var(--tbh-primary-light)) !important;
      }

      .tbh_flow_icon.tbh_fi_bot {
        background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
      }

      .tbh_flow_icon.tbh_fi_dest {
        background: linear-gradient(135deg, var(--tbh-accent), var(--tbh-success)) !important;
      }

      .tbh_flow_label {
        font-size: 11px !important;
        color: var(--tbh-text-light) !important;
        font-weight: 500 !important;
        text-align: center !important;
      }

      .tbh_flow_arrow {
        font-size: 18px !important;
        color: var(--tbh-border) !important;
        margin: 0 8px !important;
        flex-shrink: 0 !important;
        padding-bottom: 18px !important;
        animation: tbh_arrow_flow 1.5s ease-in-out infinite !important;
      }

      @keyframes tbh_arrow_flow {
        0%,
        100% {
          opacity: 0.4;
          transform: translateX(0);
        }
        50% {
          opacity: 1;
          transform: translateX(3px);
        }
      }

      .tbh_screen_title {
        font-size: 17px !important;
        font-weight: 700 !important;
        color: var(--tbh-text) !important;
        margin-bottom: 6px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
      }

      .tbh_screen_desc {
        font-size: 13px !important;
        color: var(--tbh-text-medium) !important;
        line-height: 1.5 !important;
        margin-bottom: 16px !important;
      }

      .tbh_action_group {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin-top: auto !important;
      }

      .tbh_btn {
        background: var(--tbh-primary) !important;
        color: white !important;
        border: none !important;
        padding: 10px 18px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        transition: var(--tbh-transition) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        text-decoration: none !important;
        font-family: inherit !important;
      }

      .tbh_btn:hover {
        background: var(--tbh-primary-dark) !important;
        color: white !important;
        transform: translateY(-1px) !important;
      }

      .tbh_btn_secondary {
        background: transparent !important;
        color: var(--tbh-primary) !important;
        border: 1px solid var(--tbh-border) !important;
      }

      .tbh_btn_secondary:hover {
        background: var(--tbh-bg-light) !important;
        color: var(--tbh-primary) !important;
        border-color: var(--tbh-primary-light) !important;
      }

      .tbh_hint {
        font-size: 12px !important;
        color: var(--tbh-text-light) !important;
        text-align: center !important;
        margin-top: 8px !important;
        line-height: 1.4 !important;
      }

      .tbh_hint i {
        color: var(--tbh-primary-light) !important;
        margin-right: 4px !important;
      }

      /* ===== SCREEN 2: Control ===== */
      .tbh_features {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        margin: 8px 0 16px !important;
      }

      .tbh_feature_card {
        display: flex !important;
        align-items: flex-start !important;
        gap: 14px !important;
        padding: 14px !important;
        background: var(--tbh-bg-light) !important;
        border-radius: 10px !important;
        border: 1px solid var(--tbh-border) !important;
        transition: var(--tbh-transition) !important;
      }

      .tbh_feature_card:hover {
        border-color: var(--tbh-primary-light) !important;
        box-shadow: var(--tbh-shadow-sm) !important;
      }

      .tbh_feature_icon {
        width: 40px !important;
        height: 40px !important;
        border-radius: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 16px !important;
        color: white !important;
        flex-shrink: 0 !important;
      }

      .tbh_feature_icon.tbh_fic_toggle {
        background: linear-gradient(135deg, var(--tbh-success), #059669) !important;
      }

      .tbh_feature_icon.tbh_fic_freq {
        background: linear-gradient(135deg, var(--tbh-primary), #6366f1) !important;
      }

      .tbh_feature_icon.tbh_fic_feat {
        background: linear-gradient(135deg, #8b5cf6, #a78bfa) !important;
      }

      .tbh_feature_text h4 {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: var(--tbh-text) !important;
        margin-bottom: 2px !important;
      }

      .tbh_feature_text p {
        font-size: 12px !important;
        color: var(--tbh-text-light) !important;
        line-height: 1.4 !important;
      }

      /* ===== STEPS (for non-logged user screens) ===== */
      .tbh_steps {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        margin: 20px 0 !important;
      }

      .tbh_step {
        display: flex !important;
        align-items: flex-start !important;
        gap: 14px !important;
        background: var(--tbh-bg-light) !important;
        padding: 16px !important;
        border-radius: 10px !important;
        border: 1px solid var(--tbh-border) !important;
        transition: var(--tbh-transition) !important;
      }

      .tbh_step:hover {
        border-color: var(--tbh-primary-light) !important;
        box-shadow: var(--tbh-shadow-sm) !important;
      }

      .tbh_step_number {
        width: 32px !important;
        height: 32px !important;
        border-radius: 50% !important;
        background: linear-gradient(135deg, var(--tbh-primary), #6366f1) !important;
        color: white !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        flex-shrink: 0 !important;
      }

      .tbh_step_content h4 {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: var(--tbh-text) !important;
        margin-bottom: 4px !important;
      }

      .tbh_step_content p {
        font-size: 13px !important;
        color: var(--tbh-text-light) !important;
        line-height: 1.5 !important;
      }

      /* ===== SCREEN 3: Logs ===== */
      .tbh_log_preview {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin: 8px 0 16px !important;
        background: #1f1f33 !important;
        border-radius: 10px !important;
        padding: 14px !important;
        border: 1px solid rgba(99, 102, 241, 0.2) !important;
      }

      .tbh_log_entry {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        font-size: 12px !important;
        padding: 6px 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
      }

      .tbh_log_entry:last-child {
        border-bottom: none !important;
      }

      .tbh_log_badge {
        padding: 2px 8px !important;
        border-radius: 4px !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        flex-shrink: 0 !important;
      }

      .tbh_log_badge.tbh_lb_info {
        background: rgba(59, 130, 246, 0.2) !important;
        color: #60a5fa !important;
      }

      .tbh_log_badge.tbh_lb_success {
        background: rgba(16, 185, 129, 0.2) !important;
        color: #34d399 !important;
      }

      .tbh_log_badge.tbh_lb_warning {
        background: rgba(245, 158, 11, 0.2) !important;
        color: #fbbf24 !important;
      }

      .tbh_log_msg {
        color: #e0e0e0 !important;
        flex: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }

      .tbh_log_time {
        color: #6b7280 !important;
        font-size: 11px !important;
        flex-shrink: 0 !important;
      }

      /* ===== SCREEN 4: Ready ===== */
      .tbh_ready {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 1 !important;
        gap: 8px !important;
      }

      .tbh_ready_icon {
        font-size: 52px !important;
        margin-bottom: 4px !important;
        animation: tbh_pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
      }

      @keyframes tbh_pop {
        0% {
          transform: scale(0);
          opacity: 0;
        }
        100% {
          transform: scale(1);
          opacity: 1;
        }
      }

      .tbh_ready h2 {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: var(--tbh-text) !important;
      }

      .tbh_ready p {
        font-size: 13px !important;
        color: var(--tbh-text-light) !important;
        line-height: 1.5 !important;
        max-width: 300px !important;
      }

      .tbh_quick_links {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        margin-top: 16px !important;
        width: 100% !important;
      }

      .tbh_quick_link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 10px !important;
        background: var(--tbh-bg-light) !important;
        border: 1px solid var(--tbh-border) !important;
        border-radius: 8px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        color: var(--tbh-text-medium) !important;
        cursor: pointer !important;
        transition: var(--tbh-transition) !important;
        text-decoration: none !important;
        font-family: inherit !important;
      }

      .tbh_quick_link:hover {
        border-color: var(--tbh-primary-light) !important;
        color: var(--tbh-primary) !important;
        background: white !important;
      }

      .tbh_quick_link i {
        font-size: 14px !important;
      }

      /* ===== Setup Status (shown below wizard on connect screen) ===== */
      .tbh_setup_status {
        margin-top: 16px !important;
        padding: 12px !important;
        background: linear-gradient(135deg, #eff6ff, #f0f9ff) !important;
        border: 1px solid #bfdbfe !important;
        border-radius: 8px !important;
      }

      .tbh_setup_status_title {
        font-size: 12px !important;
        font-weight: 600 !important;
        color: var(--tbh-primary) !important;
        margin-bottom: 8px !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
      }

      /* ===== Reconnect alert (OAuth account needs re-authorising) ===== */
      .tbh_reconnect_row {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 6px 8px !important;
        margin-top: 4px !important;
        border-radius: 6px !important;
        background: rgba(255, 255, 255, 0.7) !important;
        font-size: 12px !important;
        text-decoration: none !important;
        color: inherit !important;
      }

      .tbh_reconnect_row:hover {
        background: #fff !important;
      }

      .tbh_reconnect_row span:not(.tbh_reconnect_cta) {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
      }

      .tbh_reconnect_cta {
        margin-left: auto !important;
        flex-shrink: 0 !important;
        font-weight: 600 !important;
        color: var(--tbh-primary) !important;
      }

      .tbh_setup_item {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        font-size: 12px !important;
        color: var(--tbh-text-medium) !important;
        padding: 4px 0 !important;
      }

      .tbh_setup_icon {
        font-size: 12px !important;
        width: 16px !important;
        text-align: center !important;
        flex-shrink: 0 !important;
      }

      .tbh_setup_icon.tbh_done {
        color: var(--tbh-success) !important;
      }

      .tbh_setup_icon.tbh_pending {
        color: var(--tbh-text-light) !important;
      }

      /* Info Box */
      .tbh_info {
        background: linear-gradient(135deg, #eff6ff, #f0f9ff) !important;
        border: 1px solid #bfdbfe !important;
        border-radius: 8px !important;
        padding: 14px !important;
        margin-top: 12px !important;
        font-size: 12px !important;
        color: var(--tbh-text) !important;
        line-height: 1.5 !important;
      }

      .tbh_info_title {
        font-weight: 700 !important;
        font-size: 13px !important;
        margin-bottom: 8px !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        color: var(--tbh-primary) !important;
      }

      .tbh_info ul {
        margin: 0 !important;
        padding-left: 18px !important;
        list-style: disc !important;
        color: var(--tbh-text-medium) !important;
      }

      .tbh_info li {
        margin: 4px 0 !important;
        line-height: 1.4 !important;
        font-size: 12px !important;
      }

      .tbh_link {
        color: var(--tbh-primary) !important;
        text-decoration: underline !important;
        font-weight: 500 !important;
        cursor: pointer !important;
      }

      .tbh_link:hover {
        color: var(--tbh-primary-dark) !important;
        text-decoration: none !important;
      }

      /* Loading State */
      .tbh_loading {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 40px !important;
        color: var(--tbh-text-light) !important;
        font-size: 14px !important;
      }

      .tbh_spinner {
        border: 3px solid var(--tbh-border) !important;
        border-top-color: var(--tbh-primary) !important;
        border-radius: 50% !important;
        width: 24px !important;
        height: 24px !important;
        margin-right: 12px !important;
        animation: tbh_spin 1s linear infinite !important;
      }

      @keyframes tbh_spin {
        to {
          transform: rotate(360deg);
        }
      }

      /* ===== Responsive ===== */

      /* Tablet */
      @media (max-width: 768px) and (min-width: 481px) {
        .tbh_panel {
          width: 380px !important;
          height: 75vh !important;
          bottom: 70px !important;
          right: 20px !important;
        }

        .tbh_toggle {
          bottom: 20px !important;
          right: 20px !important;
        }
      }

      /* Mobile */
      @media (max-width: 480px) {
        .tbh_panel {
          bottom: 0 !important;
          left: 0 !important;
          right: 0 !important;
          width: 100% !important;
          max-width: none !important;
          height: 85vh !important;
          border-radius: var(--tbh-radius) var(--tbh-radius) 0 0 !important;
          transform: translateY(100%) scale(1) !important;
        }

        .tbh_panel.tbh_open {
          transform: translateY(0) scale(1) !important;
        }

        /* Icon-only circular button on mobile */
        .tbh_toggle {
          bottom: 16px !important;
          right: 16px !important;
          width: 44px !important;
          height: 44px !important;
          padding: 0 !important;
          border-radius: 50% !important;
          justify-content: center !important;
          font-size: 13px !important;
        }

        .tbh_toggle #tbh_toggle_label {
          display: none !important;
        }

        .tbh_toggle .tbh_toggle_icon {
          font-size: 18px !important;
        }

        .tbh_toggle .tbh_badge {
          position: absolute !important;
          top: -4px !important;
          right: -4px !important;
          margin: 0 !important;
        }

        .tbh_screen {
          padding: 20px 16px !important;
        }

        .tbh_header {
          padding: 14px 16px !important;
        }

        .tbh_footer {
          padding: 10px 16px !important;
        }

        .tbh_title {
          font-size: 15px !important;
        }

        .tbh_subtitle {
          font-size: 11px !important;
        }

        .tbh_flow {
          gap: 0 !important;
        }

        .tbh_flow_icon {
          width: 40px !important;
          height: 40px !important;
          font-size: 16px !important;
        }

        .tbh_flow_arrow {
          font-size: 14px !important;
          margin: 0 4px !important;
        }

        .tbh_flow_label {
          font-size: 10px !important;
        }

        .tbh_feature_card {
          padding: 12px !important;
          gap: 10px !important;
        }

        .tbh_feature_icon {
          width: 36px !important;
          height: 36px !important;
          font-size: 14px !important;
        }

        .tbh_quick_links {
          grid-template-columns: 1fr 1fr !important;
        }

        .tbh_btn {
          font-size: 12px !important;
          padding: 9px 14px !important;
        }

        .tbh_step {
          padding: 12px !important;
          gap: 10px !important;
        }

        .tbh_step_number {
          width: 28px !important;
          height: 28px !important;
          font-size: 13px !important;
        }

        .tbh_step_content h4 {
          font-size: 13px !important;
        }

        .tbh_step_content p {
          font-size: 12px !important;
        }

        .tbh_action_group {
          flex-direction: column !important;
          gap: 8px !important;
        }

        .tbh_action_group .tbh_btn,
        .tbh_action_group a.tbh_btn {
          width: 100% !important;
          justify-content: center !important;
        }

        .tbh_welcome_cta {
          gap: 8px !important;
        }

        .tbh_welcome_cta > div {
          flex-direction: column !important;
        }

        .tbh_btn_large,
        .tbh_btn_secondary {
          font-size: 13px !important;
          padding: 11px 18px !important;
        }

        /* Guided setup: nav buttons */
        .tbh_nav_btn {
          padding: 6px 10px !important;
          font-size: 12px !important;
        }
      }

      /* ===== Guided Setup Responsive ===== */

      /* Tablet: tighten guided setup slightly */
      @media (max-width: 768px) and (min-width: 481px) {
        .tbh_guided_timeline {
          padding: 6px 4px 0 !important;
          margin-bottom: 20px !important;
        }
      }

      /* Mobile: compact guided setup for small screens */
      @media (max-width: 480px) {
        .tbh_guided_timeline {
          padding: 4px 0 0 !important;
          margin-bottom: 16px !important;
        }

        .tbh_guided_dot {
          width: 18px !important;
          height: 18px !important;
        }

        .tbh_guided_dot.tbh_guided_dot_current {
          width: 22px !important;
          height: 22px !important;
        }

        .tbh_guided_dot_label {
          font-size: 8px !important;
        }

        .tbh_guided_step_icon {
          width: 44px !important;
          height: 44px !important;
        }

        .tbh_guided_step_icon i {
          font-size: 1.1rem !important;
        }

        .tbh_guided_step_title {
          font-size: 1rem !important;
        }

        .tbh_guided_step_desc {
          font-size: 0.8rem !important;
        }

        .tbh_guided_app_card {
          padding: 10px 12px !important;
          gap: 10px !important;
          font-size: 0.85rem !important;
        }

        .tbh_guided_app_card i.fa-robot {
          font-size: 1rem !important;
        }

        .tbh_guided_complete_icon {
          width: 64px !important;
          height: 64px !important;
        }

        .tbh_guided_complete_icon i {
          font-size: 1.8rem !important;
        }

        .tbh_guided_complete_title {
          font-size: 1.2rem !important;
        }
      }

      /* ===== SCREEN 5: FAQ / Help ===== */
      .tbh_faq_list {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin: 12px 0 !important;
      }

      .tbh_faq_item {
        border: 1px solid var(--tbh-border) !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        transition: var(--tbh-transition) !important;
        background: var(--tbh-bg-light) !important;
      }

      .tbh_faq_item:hover {
        border-color: var(--tbh-primary-light) !important;
      }

      .tbh_faq_item.tbh_faq_open {
        border-color: var(--tbh-primary-light) !important;
        box-shadow: var(--tbh-shadow-sm) !important;
      }

      .tbh_faq_q {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 12px 14px !important;
        cursor: pointer !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        color: var(--tbh-text) !important;
        background: none !important;
        border: none !important;
        width: 100% !important;
        text-align: left !important;
        font-family: inherit !important;
        transition: var(--tbh-transition) !important;
      }

      .tbh_faq_q:hover {
        background: rgba(74, 108, 247, 0.04) !important;
      }

      .tbh_faq_q i.tbh_faq_icon {
        color: var(--tbh-primary) !important;
        font-size: 14px !important;
        width: 18px !important;
        text-align: center !important;
        flex-shrink: 0 !important;
      }

      .tbh_faq_q .tbh_faq_chevron {
        margin-left: auto !important;
        font-size: 11px !important;
        color: var(--tbh-text-light) !important;
        transition: transform 0.3s ease !important;
        flex-shrink: 0 !important;
      }

      .tbh_faq_open .tbh_faq_q .tbh_faq_chevron {
        transform: rotate(180deg) !important;
      }

      .tbh_faq_a {
        max-height: 0 !important;
        overflow: hidden !important;
        transition:
          max-height 0.3s ease,
          padding 0.3s ease !important;
        padding: 0 14px !important;
      }

      .tbh_faq_open .tbh_faq_a {
        max-height: 300px !important;
        padding: 0 14px 14px !important;
      }

      .tbh_faq_a p {
        font-size: 12px !important;
        color: var(--tbh-text-medium) !important;
        line-height: 1.6 !important;
        margin-bottom: 8px !important;
      }

      .tbh_faq_a p:last-child {
        margin-bottom: 0 !important;
      }

      .tbh_faq_action {
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: var(--tbh-primary) !important;
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        padding: 4px 0 !important;
        text-decoration: none !important;
        font-family: inherit !important;
      }

      .tbh_faq_action:hover {
        color: var(--tbh-primary-dark) !important;
        text-decoration: underline !important;
      }

      /* ===== Confetti Animation ===== */
      @keyframes tbh_confetti_fall {
        0% {
          transform: translateY(0) rotate(0deg) scale(1);
          opacity: 1;
        }
        100% {
          transform: translateY(350px) rotate(720deg) scale(0.3);
          opacity: 0;
        }
      }