:root {
          --techgosh-blue: #4548ff;
          --techgosh-bg: #f5f7fa;
          --techgosh-text: #2c3e50;
          --techgosh-muted: #8e9eab;
          --techgosh-glass: rgba(255, 255, 255, 0.95);
          --techgosh-background: rgb(240, 240, 240);
      }

      #techgosh-chatbot-root * {
          box-sizing: border-box;
          border: 0px solid transparent;
      }

      /* Apply Inter globally within the widget, but keep icons safe */
      #techgosh-chatbot-root,
      #techgosh-chatbot-root div,
      #techgosh-chatbot-root span,
      #techgosh-chatbot-root p,
      #techgosh-chatbot-root h1,
      #techgosh-chatbot-root h2,
      #techgosh-chatbot-root h3,
      #techgosh-chatbot-root h4,
      #techgosh-chatbot-root h5,
      #techgosh-chatbot-root h6,
      #techgosh-chatbot-root input,
      #techgosh-chatbot-root button,
      #techgosh-chatbot-root a {
          font-family: "Inter", sans-serif;
      }



      /* Floating Button (Pill Style) */
      #techgosh-chatbot-root #widget-toggle {
          position: fixed;
          bottom: 25px;
          right: 25px;
          width: auto;
          height: auto;
          padding: 12px 26px 12px 20px;
          background: white;
          color: #616cf8;
          border-radius: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          z-index: 100;
          transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
          /* Soft elegant shadow */
      }

      #techgosh-chatbot-root #widget-toggle:active {
          transform: scale(0.95);
      }

      #techgosh-chatbot-root .toggle-logo {
          flex-shrink: 0;
          margin-right: 12px;
          width: 30px;
      }

      #techgosh-chatbot-root .toggle-text {
          font-weight: 600;
          font-size: 1rem;
          color: #4548FF;
      }

      /* Hide or transform icon inside widget if old icon was referenced */
      #techgosh-chatbot-root #widget-toggle i {
          display: none;
      }

      /* Chat Container */
      #techgosh-chatbot-root #chat-widget {
          position: fixed;
          bottom: 105px;
          right: 25px;
          width: 380px;
          height: 650px;
          max-height: 85vh;
          background: white;
          border-radius: 24px;
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
          display: none;
          /* Initially hidden */
          flex-direction: column;
          overflow: hidden;
          z-index: 9998;
          animation: slideUp 0.4s ease-out;
          transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1), height 0.5s ease;
      }

      #techgosh-chatbot-root #chat-widget.expanded {
          width: 600px;
          height: 84vh;
      }

      #techgosh-chatbot-root .line-clamp-2 {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
      }

      #techgosh-chatbot-root .text-sm {
          font-size: 0.875rem;
      }

      #techgosh-chatbot-root .text-gray-500 {
          color: #6b7280;
      }

      @keyframes slideUp {
          from {
              opacity: 0;
              transform: translateY(30px) scale(0.95);
          }

          to {
              opacity: 1;
              transform: translateY(0) scale(1);
          }
      }

      /* Header - Large (Home) */
      #techgosh-chatbot-root .widget-header {
          background: var(--techgosh-blue);
          background-image:
              linear-gradient(135deg, #4548ff 0%, #3033cc 100%),
              url("https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&q=80&w=800");
          background-size: cover;
          background-blend-mode: multiply;
          padding: 40px 30px;
          color: white;
          position: relative;
          display: flex;
          flex-direction: column;
      }

      #techgosh-chatbot-root .widget-header h2 {
          font-weight: 800;
          font-size: 1.8rem;
          margin-bottom: 10px;
      }

      #techgosh-chatbot-root .widget-header p {
          font-size: 0.95rem;
          opacity: 0.9;
          font-weight: 500;
      }

      /* Header - Compact (Chat) */
      #techgosh-chatbot-root .widget-header-chat {
          background: white;
          padding: 15px 20px;
          border-bottom: 1px solid #f0f0f0;
          display: none;
          gap: 10px;
          align-items: center;
          justify-content: space-between;
          color: var(--techgosh-text);
      }

      /* View Switcher Pill (Chat / History) */
      #techgosh-chatbot-root .view-switcher-pill {
          display: none;
          /* 🔥 Hidden by default */
          background: #f1f5f9;
          padding: 3px;
          border-radius: 100px;
          position: relative;
          width: 240px;
          /* Header ke liye compact */
          user-select: none;
          margin-right: 12px;
          /* Expand button se doori */
          flex-shrink: 0;
      }

      /* 🔥 Show only when Expanded */
      #techgosh-chatbot-root #chat-widget.expanded .view-switcher-pill {
          display: flex;
      }

      #techgosh-chatbot-root .switcher-segment {
          flex: 1;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 0.85rem;
          font-weight: 700;
          color: #64748b;
          cursor: pointer;
          z-index: 2;
          transition: color 0.3s ease;
          padding: 0.5rem 1rem;
          width: 100%;
          text-wrap: nowrap;
      }

      #techgosh-chatbot-root .switcher-segment.active {
          color: #1e293b;
          border-radius: 40px;
      }

      #techgosh-chatbot-root .switcher-thumb {
          position: absolute;
          top: 4px;
          left: 4px;
          width: calc(50% - 4px);
          height: calc(100% - 8px);
          background: white;
          border-radius: 100px;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          z-index: 1;
      }

      #techgosh-chatbot-root .switcher-segment.active~.switcher-thumb {
          opacity: 1;
      }

      #techgosh-chatbot-root #switch-history.active~.switcher-thumb {
          transform: translateX(100%);
      }

      #techgosh-chatbot-root #switch-chat.active~.switcher-thumb {
          transform: translateX(0);
      }

      #techgosh-chatbot-root .header-actions {
          display: flex;
          color: var(--techgosh-muted);
          font-size: 1.1rem;
          align-items: center;
          justify-content: flex-end;
          flex: 1;
      }

      #techgosh-chatbot-root .header-actions .fa-arrows-up-down,
      #techgosh-chatbot-root .header-actions .fa-ellipsis-v,
      #techgosh-chatbot-root .header-actions .fa-arrows-left-right,
      #techgosh-chatbot-root .chat-back-btn,
      #techgosh-chatbot-root #more-options-btn {
          font-size: 1.2rem;
          cursor: pointer;
          width: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
          aspect-ratio: 1/1;
          color: var(--techgosh-muted);
          padding: 0.3rem 0.6rem;
          border-radius: 10px;
          transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      }

      #techgosh-chatbot-root .header-actions .fa-arrows-up-down:hover,
      #techgosh-chatbot-root .header-actions .fa-ellipsis-v:hover,
      #techgosh-chatbot-root .header-actions .fa-arrows-left-right:hover,
      #techgosh-chatbot-root .chat-back-btn:hover,
      #techgosh-chatbot-root #more-options-btn:hover {
          background-color: var(--techgosh-background);
          color: #575757;
      }

      #techgosh-chatbot-root #chat-widget.expanded #more-options-btn {
          display: flex !important;
      }

      #techgosh-chatbot-root .close-widget {
          position: absolute;
          top: 20px;
          right: 20px;
          opacity: 0.6;
          cursor: pointer;
          transition: opacity 0.2s;
          width: 45px;
          height: 45px;
          aspect-ratio: 1/1;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 50%;
      }

      #techgosh-chatbot-root .close-widget:hover {
          opacity: 1;
          background-color: rgb(122, 122, 122);
      }

      /* Body Content */
      #techgosh-chatbot-root .widget-body {
          flex: 1;
          background: var(--techgosh-bg);
          padding: 20px;
          overflow-y: auto;
          position: relative;
      }

      #techgosh-chatbot-root .history-card:hover {
          background-color: var(--techgosh-background);
      }

      #techgosh-chatbot-root .history-card.selected {
          background-color: #f1f5f9;
          border-color: transparent;
      }

      #techgosh-chatbot-root .history-card-avatar {
          width: 44px;
          height: 44px;
          border-radius: 50%;
          background: #f1f5f9;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
          flex-shrink: 0;
      }

      #techgosh-chatbot-root .history-card-avatar img {
          width: 100%;
          height: 100%;
          object-fit: cover;
      }

      #techgosh-chatbot-root .history-card-info {
          flex: 1;
          min-width: 0;
          position: relative;
      }

      #techgosh-chatbot-root .history-card-avatar-img {
          width: 100%;
      }

      #techgosh-chatbot-root .history-card-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 2px;
          gap: 10px;
      }

      #techgosh-chatbot-root .history-card-name {
          font-size: 0.9rem;
          font-weight: 700;
          color: #1e293b;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
      }

      #techgosh-chatbot-root .history-card-time {
          font-size: 0.75rem;
          color: #94a3b8;
          font-weight: 500;
      }

      #techgosh-chatbot-root .history-card-preview {
          font-size: 0.8rem;
          color: #64748b;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-bottom: 2px;
      }

      #techgosh-chatbot-root .history-status-time {
          position: absolute;
          bottom: 0px;
          right: 10px;
      }

      #techgosh-chatbot-root .history-card-status {
          font-size: 0.75rem;
          font-weight: 700;
          min-width: 40px;
          width: 40px;
          aspect-ratio: 1/1;
      }

      #techgosh-chatbot-root .history-card-status.active {
          color: #94a3b8;
      }

      #techgosh-chatbot-root .history-card-status.closed {
          color: #94a3b8;
      }

      /* Premium History Card Styles */
      #techgosh-chatbot-root .history-card {
          display: flex;
          align-items: center;
          gap: 12px;
          padding: 12px;
          border: 1px solid #f1f3f6;
          cursor: pointer;
          transition: transform 0.2s;
          border-radius: 12px;
      }

      #techgosh-chatbot-root .history-card-avatar {
          width: 44px;
          height: 44px;
          border-radius: 50%;
          background: #f1f5f9;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
          flex-shrink: 0;
      }

      #techgosh-chatbot-root .history-card-avatar img {
          width: 100%;
          height: 100%;
          object-fit: cover;
      }

      #techgosh-chatbot-root .history-card-info {
          flex: 1;
          min-width: 0;
      }

      #techgosh-chatbot-root .history-card-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 2px;
      }

      #techgosh-chatbot-root .history-card-name {
          font-size: 0.9rem;
          font-weight: 700;
          color: #1e293b;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
      }

      #techgosh-chatbot-root .history-card-time {
          font-size: 0.75rem;
          color: #94a3b8;
          font-weight: 500;
      }

      #techgosh-chatbot-root .history-card-preview {
          font-size: 0.8rem;
          color: #64748b;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-bottom: 2px;
      }

      #techgosh-chatbot-root .history-card-status {
          font-size: 0.75rem;
          font-weight: 700;
      }

      #techgosh-chatbot-root .history-card-status.closed {
          color: #94a3b8;
          /* Gray */
      }

      #techgosh-chatbot-root .widget-body.chatActive {
          display: none;
      }

      /* Home Cards */
      #techgosh-chatbot-root .home-card {
          background: white;
          border-radius: 18px;
          margin-bottom: 20px;
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
          border: 1px solid #f0f0f0;
      }

      #techgosh-chatbot-root .quick-link {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 15px;
          border-bottom: 1px solid #f1f1f1;
          cursor: pointer;
          text-decoration: none;
          color: var(--techgosh-text);
          font-weight: 600;
          font-size: 0.95rem;
          transition: color 0.2s;
          width: 100%;
          background-color: white;
          border-radius: 15px;
      }

      #techgosh-chatbot-root .quick-link:hover i {
          color: var(--techgosh-blue);
      }

      #techgosh-chatbot-root .quick-link:last-child {
          border-bottom: none;
      }

      #techgosh-chatbot-root .quick-link:hover {
          color: var(--techgosh-blue);
          background-color: var(--techgosh-background);
      }

      #techgosh-chatbot-root .quick-link i {
          font-size: 0.8rem;
          color: var(--techgosh-muted);
      }

      #techgosh-chatbot-root .chat-with-ai {
          display: flex;
          align-items: center;
          gap: 15px;
          padding: 10px 0;
          cursor: pointer;
          flex-direction: column;
      }

      #techgosh-chatbot-root .chat-with-ai-goshai {
          display: flex;
          align-items: center;
          gap: 15px;
          padding: 15px;
          cursor: pointer;

      }

      #techgosh-chatbot-root .chat-preview-item {
          display: flex;
          align-items: center;
          gap: 15px;
          cursor: pointer;
          width: 100%;
          padding: 15px;
      }

      #techgosh-chatbot-root .chat-preview-item:hover {
          background-color: var(--techgosh-background);
      }

      #techgosh-chatbot-root .chat-with-ai-goshai .icon,
      #techgosh-chatbot-root .chat-with-ai .icon {
          width: 45px;
          height: 45px;
          aspect-ratio: 1/1;
          color: var(--techgosh-blue);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.2rem;
          border-radius: 10px;
          border: 1px solid #eef0f2;
          background-color: var(--techgosh-background);
      }

      #techgosh-chatbot-root .history-techgosh-img {
          max-width: 40px;
          width: 100%;
          object-fit: cover;
          object-position: left center;
      }

      #techgosh-chatbot-root .chat-with-ai-goshai .text h6,
      #techgosh-chatbot-root .chat-with-ai .text h6 {
          margin: 0;
          font-weight: 700;
          color: #1a1a1a;
      }

      #techgosh-chatbot-root .chat-with-ai-goshai .text p,
      #techgosh-chatbot-root .chat-with-ai .text p {
          margin: 0;
          font-size: 0.8rem;
          color: var(--techgosh-muted);
          font-weight: 500;
      }

      /* Navigation Tabs */
      #techgosh-chatbot-root .widget-nav {
          background: white;
          border-top: 1px solid #f0f0f0;
          display: flex;
          justify-content: space-around;
          padding: 10px;
      }

      #techgosh-chatbot-root .nav-item {
          display: flex;
          flex-direction: column;
          color: var(--techgosh-muted);
          cursor: pointer;
          font-size: 0.75rem;
          font-weight: 700;
          transition: all 0.2s;
          padding: 10px 10px;
          flex: 1;
          align-items: center;
          justify-content: center;
          border-radius: 12px;
      }

      #techgosh-chatbot-root .nav-item span {
          line-height: 1;
      }

      #techgosh-chatbot-root .nav-item:hover {
          background-color: var(--techgosh-background);
      }

      #techgosh-chatbot-root .nav-item.active {
          color: var(--techgosh-blue);
      }

      #techgosh-chatbot-root .nav-item i {
          font-size: 1.4rem;
          margin-bottom: 4px;
      }

      /* Footer */
      #techgosh-chatbot-root .widget-footer {
          text-align: center;
          padding: 15px;
          background: rgb(245, 245, 245);
          border-top: 1px solid rgb(245, 245, 245);
          font-size: 0.7rem;
          font-weight: 600;
          color: var(--techgosh-muted);
          letter-spacing: 0.05em;
      }

      /* Chat History Area (Hidden by default) */
      #techgosh-chatbot-root #chat-history-container {
          display: none;
          flex: 1;
          /* Occupy available central space */
          flex-direction: column;
          overflow: hidden;
      }

      #techgosh-chatbot-root .messages-list {
          flex: 1;
          padding: 20px;
          overflow-y: auto;
          background: white;
      }

      #techgosh-chatbot-root .input-bar {
          background: white;
          border-top: 1px solid #f0f0f0;
          display: flex;
          align-items: center;
          gap: 10px;
          padding-right: 20px;
          box-shadow: 0 0px 10px #ebebeb;
      }

      #techgosh-chatbot-root .input-bar input {
          border: none;
          outline: none;
          flex: 1;
          font-size: 0.9rem;
          font-weight: 500;
          padding: 15px 0px 15px 20px;
      }

      #techgosh-chatbot-root .input-bar button {
          background: var(--techgosh-blue);
          border: none;
          color: white;
          width: 37px;
          height: 37px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 0.9rem;
          cursor: pointer;
          rotate: -90deg;
          transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
          box-shadow: 0 4px 10px rgba(69, 72, 255, 0.2);
          padding: 10px;
      }

      #techgosh-chatbot-root .input-bar button:hover {
          background: #3033cc;
      }

      #techgosh-chatbot-root .input-bar button:active {
          transform: scale(0.95);
      }

      #techgosh-chatbot-root .input-bar button i {
          margin-bottom: 1px;
          /* Visual centering for arrows */
      }

      /* Chat Bubbles */
      #techgosh-chatbot-root .message-wrapper {
          display: flex;
          flex-direction: column;
          margin-bottom: 20px;
          max-width: 85%;
          align-items: flex-end;
      }

      #techgosh-chatbot-root .message-wrapper.bot {
          align-self: flex-start;
          align-items: flex-start;
      }

      #techgosh-chatbot-root .message-wrapper.user,
      #techgosh-chatbot-root .message-wrapper.expert {
          align-self: flex-end;
      }

      #techgosh-chatbot-root .user .bubble {
          background-color: var(--techgosh-blue);
          color: white;
          border-radius: 18px 18px 4px 18px;
          border: 1px solid #eef0f2;
      }

      #techgosh-chatbot-root .bubble {
          padding: 16px 20px;
          font-size: 0.95rem;
          line-height: 1.6;
          font-weight: 500;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
          overflow-wrap: break-word;
      }

      /* GPT-style Lists */
      #techgosh-chatbot-root .bubble ul,
      #techgosh-chatbot-root .bubble ol {
          padding-left: 20px;
          margin: 12px 0;
          list-style: none;
      }

      #techgosh-chatbot-root .bubble li {
          margin-bottom: 8px;
          position: relative;
          padding-left: 10px;
      }

      #techgosh-chatbot-root .bubble li::before {
          content: "•";
          position: absolute;
          left: -15px;
          color: var(--techgosh-blue);
          font-weight: 900;
          font-size: 1.1rem;
      }

      /* Spacing for Paragraphs */
      #techgosh-chatbot-root .bubble p {
          margin-bottom: 10px;
      }

      #techgosh-chatbot-root .bubble p:last-child {
          margin-bottom: 0;
      }

      /* Strong Headings */
      #techgosh-chatbot-root .bubble strong {
          font-weight: 700;
          color: #1e293b;
          display: inline-block;
      }

      /* Detect if strong is likely a heading (start of line-ish) */
      #techgosh-chatbot-root .bubble .bubble-header {
          display: block;
          font-size: 1.05rem;
          font-weight: 800;
          margin-top: 15px;
          margin-bottom: 8px;
          color: #0f172a;
      }

      /* Premium Hyperlinks */
      #techgosh-chatbot-root .bubble .chat-link {
          color: var(--techgosh-blue);
          text-decoration: none;
          font-weight: 700;
          transition: all 0.2s ease;
          display: inline-block;
          padding: 4px;
          border-radius: 4px;
      }

      #techgosh-chatbot-root .bubble .chat-link:hover {
          background-color: rgba(69, 72, 255, 0.08);
      }

      #techgosh-chatbot-root .user .bubble .chat-link {
          color: white;
          border-bottom-color: rgba(255, 255, 255, 0.4);
      }

      #techgosh-chatbot-root .user .bubble .chat-link:hover {
          background-color: rgba(255, 255, 255, 0.15);
          border-bottom-color: white;
      }

      #techgosh-chatbot-root .bot .bubble {
          background: #f1f3f6;
          color: #334155;
          border-radius: 20px 20px 20px 4px;
          border: 1px solid #e2e8f1;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
      }

      /* Welcome Header Styles */
      #techgosh-chatbot-root .welcome-header-chat {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 40px 0px 20px;
          text-align: center;
          animation: fadeIn 0.6s ease-out;
      }

      #techgosh-chatbot-root .welcome-logo {
          width: 50px;
          height: 50px;
          margin-bottom: 10px;
          object-fit: contain;
          filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.05));
      }

      #techgosh-chatbot-root .welcome-greeting {
          font-size: 1.25rem;
          margin-bottom: 8px;
          font-family: "Boldonse", system-ui !important;
      }

      #techgosh-chatbot-root .welcome-subtext {
          font-size: 0.95rem;
          color: var(--techgosh-muted);
          font-weight: 500;
          line-height: 1.4;
      }

      #techgosh-chatbot-root .whatsapp-card {
          background: white;
          border-radius: 20px;
          padding: 15px;
          margin-bottom: 20px;
          width: 85%;
          max-width: 300px;
          align-self: flex-start;
          box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
          animation: slideUp 0.4s ease-out;
          border: 1px solid #f0f2f5;
      }

      #techgosh-chatbot-root .wa-card-img {
          width: 100%;
          aspect-ratio: 1/1.2;
          background-color: #eef1f6;
          border-radius: 15px;
          object-fit: cover;
          margin-bottom: 15px;
          display: block;
      }

      #techgosh-chatbot-root .wa-card-footer {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 0 5px;
      }

      #techgosh-chatbot-root .wa-info h4 {
          font-size: 1.1rem;
          font-weight: 800;
          color: #1a1a1a;
          margin: 0;
          line-height: 1.2;
      }

      #techgosh-chatbot-root .wa-info p {
          font-size: 0.85rem;
          color: #666;
          font-weight: 600;
          margin-top: 4px;
      }

      #techgosh-chatbot-root .wa-btn {
          width: 48px;
          height: 48px;
          background: #25D366;
          color: white;
          border-radius: 14px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.6rem;
          cursor: pointer;
          box-shadow: 0 8px 15px rgba(37, 211, 102, 0.3);
          transition: transform 0.2s;
      }

      #techgosh-chatbot-root .wa-btn:active {
          transform: scale(0.9);
      }

      #techgosh-chatbot-root .timestamp {
          font-size: 12px;
          padding: 5px 0;
          color: var(--techgosh-muted);
      }

      /* Expert Header Styles */
      #techgosh-chatbot-root .expert-header {
          display: flex;
          align-items: center;
          gap: 10px;
          margin-bottom: 8px;
          width: 100%;
      }

      #techgosh-chatbot-root .expert .bubble {
          color: var(--techgosh-text);
          padding: 10px 0;
          box-shadow: none !important;
      }

      #techgosh-chatbot-root .expert-avatar {
          width: 32px;
          height: 32px;
          border-radius: 5px;
          object-fit: cover;
          border: 1px solid white;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      }

      #techgosh-chatbot-root .expert-name {
          font-size: 0.9rem;
          font-weight: 700;
          color: var(--techgosh-text);
      }

      #techgosh-chatbot-root .message-wrapper.expert {
          align-self: flex-start;
          align-items: flex-start;
          max-width: 85%;
      }

      #techgosh-chatbot-root .expert-connect-btn {
          color: white;
          border: none;
          padding: 12px 0px;
          border-radius: 25px;
          cursor: pointer;
          font-size: 0.95rem;
          font-weight: 600;
          margin-top: 10px;
          transition: all 0.2s ease;
          display: flex;
          align-items: center;
          gap: 10px;
          width: 100%;
          justify-content: center;
      }

      #techgosh-chatbot-root .expert-connect-btn:active {
          transform: scale(0.96);
      }

      #techgosh-chatbot-root .expert-connect-btn:hover {
          transform: scale(0.96);
      }

      #techgosh-chatbot-root .expert-connect-btn i {
          font-size: 1rem;
      }

      /* Custom Scrollbar Styling (Webkit) */
      #techgosh-chatbot-root ::-webkit-scrollbar {
          width: 6px;
      }

      #techgosh-chatbot-root ::-webkit-scrollbar-track {
          background: transparent;
      }

      #techgosh-chatbot-root ::-webkit-scrollbar-thumb {
          background: #d1d5db;
          border-radius: 10px;
          transition: background 0.3s ease;
      }

      #techgosh-chatbot-root ::-webkit-scrollbar-thumb:hover {
          background: #9ca3af;

      }

      /* Typing Indicator */
      #techgosh-chatbot-root .typing-indicator {
          padding: 12px 16px;
          border-radius: 18px 18px 18px 4px;
          display: none;
          /* Initially hidden */
          align-items: center;
          gap: 4px;
          width: fit-content;
          margin-bottom: 10px;
          border: 1px solid #eef0f2;
      }

      #techgosh-chatbot-root .typing-indicator.show {
          display: flex;
      }

      #techgosh-chatbot-root .typing-indicator .dot {
          width: 6px;
          height: 6px;
          background-color: var(--techgosh-muted);
          border-radius: 50%;
          opacity: 0.4;
          animation: pulse 1.4s infinite ease-in-out;
      }

      #techgosh-chatbot-root .typing-indicator .dot:nth-child(2) {
          animation-delay: 0.2s;
      }

      #techgosh-chatbot-root .typing-indicator .dot:nth-child(3) {
          animation-delay: 0.4s;
      }

      @keyframes pulse {

          0%,
          80%,
          100% {
              transform: scale(0.6);
              opacity: 0.4;
          }

          40% {
              transform: scale(1);
              opacity: 1;
          }
      }

      #techgosh-chatbot-root .animate-pulse-custom {
          animation: pulse 1.5s infinite ease-in-out;
      }

      /* --- System Notification Styles (Premium) --- */
      #techgosh-chatbot-root .message-wrapper.system {
          align-self: center !important;
          align-items: center !important;
          max-width: 92%;
          margin: 35px auto;
          width: 100%;
          text-align: center;
          animation: fadeIn 0.4s ease-out;
      }

      #techgosh-chatbot-root .system .bubble {
          background: #fff8f1 !important;
          color: #9a3412 !important;
          border: 1px solid #ffedd5 !important;
          border-radius: 24px !important;
          padding: 24px !important;
          box-shadow: 0 10px 30px rgba(251, 146, 60, 0.08) !important;
          font-weight: 700 !important;
          font-size: 0.95rem !important;
          line-height: 1.6 !important;
      }

      #techgosh-chatbot-root .system-new-chat-btn {
          display: inline-flex !important;
          align-items: center;
          justify-content: center;
          gap: 12px;
          font-weight: 500;
          background: #4548FF;
          color: white !important;
          padding: 16px 28px;
          border-radius: 50px;
          border: none;
          cursor: pointer;
          font-size: 0.85rem;
          text-transform: uppercase;
          letter-spacing: 0.1em;
          margin-top: 20px;
          width: 100%;
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }

      #techgosh-chatbot-root .system-new-chat-btn:hover {
          filter: brightness(1.1);
      }

      #techgosh-chatbot-root .system-new-chat-btn:active {
          transform: scale(0.96);
      }

      #techgosh-chatbot-root .system-new-chat-btn i {
          font-size: 1.1rem;
          filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
      }

      #techgosh-chatbot-root .input-locked::placeholder {
          color: #575757 !important;
          opacity: 0.8 !important;
      }

      /* 🔥 View Transition Animations */


      @keyframes fadeInSlide {
          0% {
              opacity: 0;
              transform: translateY(10px);
          }

          100% {
              opacity: 1;
              transform: translateY(0);
          }
      }

      /* Apply animation whenever display becomes flex/block */
      #techgosh-chatbot-root .widget-body,
      #techgosh-chatbot-root #chat-history-container {
          animation: fadeInSlide 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
      }

      /* 🔥 Chat Suggestions (Welcome Header) */
      #techgosh-chatbot-root .chat-suggestions {
          margin-top: 15px;
          margin-bottom: 10px;
          width: 100%;
          text-align: left;
          display: flex;
          flex-direction: column;
      }

      #techgosh-chatbot-root .chat-suggestion-item {
          display: flex;
          align-items: center;
          padding: 20px;
          border-bottom: 1px solid #f1f5f9;
          color: #1e293b;
          font-size: 0.95rem;
          font-weight: 500;
          cursor: pointer;
          transition: all 0.2s ease;
      }

      #techgosh-chatbot-root .chat-suggestion-item:last-child {
          border-bottom: none;
      }

      #techgosh-chatbot-root .chat-suggestion-item:hover {
          background-color: var(--techgosh-background);
          border-radius: 12px;
          border-bottom-color: transparent;
      }

      #techgosh-chatbot-root .chat-suggestion-item span {
          flex: 1;
      }

      #techgosh-chatbot-root .expanded .chat-suggestions {
          padding: 25px;
      }

      #techgosh-chatbot-root .chat-suggestion-item img {
          padding-right: 15px;
      }

      /* 🔥 More Options Modal */
      #techgosh-chatbot-root .options-menu {
          position: absolute;
          top: 60px;
          right: 20px;
          background: white;
          border-radius: 12px;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
          padding: 8px 0;
          z-index: 1000;
          min-width: 200px;
          border: 1px solid #f1f5f9;
          animation: fadeInSlide 0.2s ease-out;
      }

      #techgosh-chatbot-root .options-menu-item {
          padding: 12px 20px;
          color: #1e293b;
          font-size: 0.9rem;
          font-weight: 500;
          cursor: pointer;
          display: flex;
          align-items: center;
          gap: 12px;
          transition: background-color 0.2s ease;
      }

      #techgosh-chatbot-root .options-menu-item:hover {
          background-color: var(--techgosh-background);
      }

      /* 🔥 Selection Mode Styles */
      #techgosh-chatbot-root .history-card.selection-active-mode {
          cursor: pointer !important;
          border: 1px solid #f1f3f6;
          transition: all 0.2s ease;
      }

      #techgosh-chatbot-root .history-card.selected-for-deletion {
          background-color: #fafaff !important;
          border-color: #4548FF !important;
      }

      #techgosh-chatbot-root .expanded-history-list {
          display: flex;
          flex-direction: column;
          gap: 10px;
      }

      #techgosh-chatbot-root .chat-checkbox-container {
          display: flex;
          align-items: center;
          justify-content: center;
          padding-right: 15px;
      }

      #techgosh-chatbot-root .history-checkbox {
          width: 16px;
          height: 16px;
          accent-color: #616cf8;
          cursor: pointer;
          border-radius: 4px;
      }

      #techgosh-chatbot-root #selection-action-bar {
          position: absolute;
          bottom: -100px;
          left: 0;
          width: 100%;
          background: white;
          box-shadow: 0 -10px 25px rgba(0, 0, 0, 0.08);
          padding: 15px 20px;
          display: flex;
          gap: 10px;
          justify-content: space-between;
          align-items: center;
          transition: bottom 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
          z-index: 50;
          border-top-left-radius: 20px;
          border-top-right-radius: 20px;
      }

      #techgosh-chatbot-root #selection-action-bar.visible {
          bottom: 0;
      }

      #techgosh-chatbot-root .delete-selected-btn {
          flex: 1;
          background: #4548FF;
          color: white;
          border: none;
          padding: 12px 18px;
          border-radius: 12px;
          font-weight: 600;
          cursor: pointer;
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 8px;
          transition: transform 0.2s;
      }

      #techgosh-chatbot-root .delete-selected-btn:active {
          transform: scale(0.97);
      }

      #techgosh-chatbot-root .cancel-selection-btn {
          background: #f1f5f9;
          color: #475569;
          border: none;
          padding: 12px 18px;
          border-radius: 12px;
          font-weight: 600;
          cursor: pointer;
          transition: background-color 0.2s;
      }

      #techgosh-chatbot-root .cancel-selection-btn:hover {
          background-color: #e2e8f0;
      }

      #techgosh-chatbot-root .header-actions #mobile-options-btn:hover {
          color: var(--techgosh-blue);
      }

      #techgosh-chatbot-root #mobile-options-btn {
          display: inline-flex !important;
          cursor: pointer;
      }

      /* 🔥 Expanded Mode Options Button Visibility */
      #techgosh-chatbot-root #chat-widget.expanded #more-options-btn {
          display: inline-flex !important;
      }

      #techgosh-chatbot-root #chat-widget.expanded #mobile-options-btn {
          display: none !important;
      }

      #techgosh-chatbot-root #chat-widget.expanded #mobile-options-menu {
          display: none !important;
      }

      /* --- Mobile Optimization --- */


      @media (max-width: 768px) {
          #chat-widget {
              bottom: 0 !important;
              right: 0 !important;
              width: 100vw !important;
              height: 100dvh !important;
              max-height: 100dvh !important;
              border-radius: 0 !important;
              z-index: 10000;
          }

          #chat-widget.expanded {
              width: 100vw !important;
              height: 100dvh !important;
              max-height: 100dvh !important;
              border-radius: 0 !important;
          }

          /* Prevent zoom on mobile */
          .input-bar input {
              font-size: 16px !important;
          }

          /* Hide expand button and title on mobile */
          #expand-btn,
          #chat-widget .chat-title {
              display: none !important;
          }

          /* Show view switcher directly */
          .view-switcher-pill {
              display: flex !important;
              max-width: 200px;
              width: 100%;
              margin-right: 5px;
          }
      }

      /* --- Pulsing Connection Status --- */
      #techgosh-chatbot-root .pulsing-status {
          gap: 10px;
          font-weight: 600;
          font-size: 0.9rem;
          border-radius: 50px;
          margin: 15px auto;
      }

      @keyframes pulseSoft {

          0%,
          100% {
              transform: scale(1);
              opacity: 0.9;
          }

          50% {
              transform: scale(1.02);
              opacity: 1;
          }
      }

      /* --- Lead Form UI --- */
      #techgosh-chatbot-root .input-bar.hidden-form {
          transform: translateY(100px);
          opacity: 0;
          pointer-events: none;
      }

      #techgosh-chatbot-root .lead-form-overlay {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          background: white;
          padding: 15px 20px 25px 20px;
          box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.05);
          transform: translateY(140%);
          transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
          z-index: 1000;
          display: flex;
          flex-direction: column;
          gap: 12px;
      }

      #techgosh-chatbot-root .lead-form-overlay.active {
          transform: translateY(0);
      }

      #techgosh-chatbot-root .lead-close-container {
          position: absolute;
          top: -45px;
          left: 0;
          width: 100%;
          height: 60px;
          background: linear-gradient(to top, white 40%, transparent);
          display: flex;
          justify-content: center;
          align-items: center;
          padding-top: 5px;
          pointer-events: none;
      }

      #techgosh-chatbot-root .lead-close-btn {
          background: transparent;
          color: var(--techgosh-blue);
          padding: 6px 16px;
          border-radius: 50px;
          font-size: 0.85rem;
          font-weight: 600;
          cursor: pointer;
          pointer-events: auto;
          transition: all 0.3s ease;
      }

      #techgosh-chatbot-root .lead-close-btn:hover {
          background: #f8f9ff;
          transform: translateY(-2px);
      }

      #techgosh-chatbot-root .lead-input-group {
          position: relative;
          display: flex;
          align-items: center;
          background: #f8f9ff;
          border: 2px solid #eef2f7;
          border-radius: 16px;
          padding: 5px;
          gap: 5px;
          transition: all 0.3s ease;
          animation: slideInUp 0.4s ease-out;
      }

      #techgosh-chatbot-root .lead-input-group:focus-within {
          border-color: var(--techgosh-blue);
          background: white;
          box-shadow: 0 0 0 4px rgba(69, 72, 255, 0.05);
      }

      #techgosh-chatbot-root .lead-input-group input {
          flex: 1;
          border: none;
          background: transparent;
          padding: 10px 0;
          font-size: 16px;
          font-weight: 500;
          outline: none;
          padding: 10px 10px 10px 10px;
          border-radius: 12px;
      }

      #techgosh-chatbot-root .lead-send-btn {
          width: 42px;
          height: 42px;
          background: var(--techgosh-blue);
          color: white;
          border-radius: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          transition: all 0.3s ease;
      }

      #techgosh-chatbot-root .thinking-step {
          font-size: 0.85rem;
          color: #64748b;
          background: #f8fafc !important;
          border: 1px solid #e2e8f0 !important;
          padding: 8px 16px !important;
          margin-bottom: 6px !important;
          border-radius: 12px 12px 12px 4px !important;
          display: flex;
          align-items: center;
          gap: 8px;
          animation: slideInLeft 0.3s ease-out forwards;
          box-shadow: none !important;
          width: fit-content;
      }

      #techgosh-chatbot-root .thinking-step::before {
          content: '✓';
          font-weight: bold;
          color: var(--techgosh-blue);
          font-size: 0.75rem;
      }

      @keyframes slideInLeft {
          from {
              opacity: 0;
              transform: translateX(-10px);
          }

          to {
              opacity: 1;
              transform: translateX(0);
          }
      }

      /* --- Premium Preloader (Hostinger Style) --- */
      #techgosh-chatbot-root .preloader-overlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(255, 255, 255, 0.8);
          backdrop-filter: blur(2px);
          display: flex;
          align-items: center;
          justify-content: center;
          z-index: 2000;
          border-radius: inherit;
      }

      #techgosh-chatbot-root .preloader-content {
          position: relative;
          width: 80px;
          height: 80px;
          display: flex;
          align-items: center;
          justify-content: center;
      }

      #techgosh-chatbot-root .preloader-logo {
          width: 35px;
          z-index: 2;
          animation: scalePulse 2s infinite ease-in-out;
      }

      #techgosh-chatbot-root .preloader-spinner {
          position: absolute;
          width: 100%;
          height: 100%;
          border: 3px solid #eef2f7;
          border-top: 3px solid var(--techgosh-blue);
          border-radius: 50%;
          animation: spin 1s cubic-bezier(0.5, 0.1, 0.4, 0.9) infinite;
      }

      #techgosh-chatbot-root .preloader-spinner-outer {
          position: absolute;
          width: 120%;
          height: 120%;
          border: 2px solid transparent;
          border-bottom: 2px solid rgba(69, 72, 255, 0.2);
          border-radius: 50%;
          animation: spinReverse 2s linear infinite;
      }

      @keyframes spin {
          0% {
              transform: rotate(0deg);
          }

          100% {
              transform: rotate(360deg);
          }
      }

      @keyframes spinReverse {
          0% {
              transform: rotate(360deg);
          }

          100% {
              transform: rotate(0deg);
          }
      }

      @keyframes scalePulse {

          0%,
          100% {
              transform: scale(1);
              opacity: 0.8;
          }

          50% {
              transform: scale(1.1);
              opacity: 1;
          }
      }

      @keyframes slideInUp {
          from {
              transform: translateY(20px);
              opacity: 0;
          }

          to {
              transform: translateY(0);
              opacity: 1;
          }
      }

      /* 🔥 Premium Expert Seeking UI (Image-Match) */
      #techgosh-chatbot-root .pulsing-status {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          text-align: center;
          padding: 40px 20px;
          animation: fadeIn 0.8s ease-out;
          color: #1a1a1a;
          width: 100%;
      }

      #techgosh-chatbot-root .search-title {
          font-size: 1.6rem;
          font-weight: 800;
          line-height: 1.2;
          margin-bottom: 8px;
          color: #1e293b;
          max-width: 250px;
      }

      #techgosh-chatbot-root .search-subtitle {
          font-size: 0.9rem;
          color: #64748b;
          margin-bottom: 40px;
          max-width: 280px;
          line-height: 1.4;
      }

      #techgosh-chatbot-root .expert-loader-ring {
          position: relative;
          width: 140px;
          height: 140px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 20px;
      }

      /* The static outer ring */
      #techgosh-chatbot-root .loader-track {
          position: absolute;
          width: 100%;
          height: 100%;
          border: 4px solid #f1f5f9;
          border-radius: 50%;
      }

      /* The rotating segment */
      #techgosh-chatbot-root .loader-segment {
          position: absolute;
          width: 100px;
          height: 100px;
          border: 4px solid transparent;
          border-top-color: #7c7fff;
          /* Progress segment color */
          border-left-color: #7c7fff;
          border-radius: 50%;
          animation: rotateLoader 1.5s linear infinite;
      }

      #techgosh-chatbot-root .expert-avatar-search {
          width: 80px;
          height: 80px;
          border-radius: 50%;
          object-fit: cover;
          background: #f8fafc;
          z-index: 5;
          transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease;
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
      }

      #techgosh-chatbot-root .wait-badge {
          background: #f1f5f9;
          color: #64748b;
          font-size: 0.75rem;
          font-weight: 700;
          padding: 6px 16px;
          border-radius: 100px;
          letter-spacing: 1px;
          margin-bottom: 12px;
          text-transform: uppercase;
      }

      #techgosh-chatbot-root .wait-footer {
          font-size: 0.85rem;
          color: #64748b;
          font-weight: 500;
      }

      @keyframes rotateLoader {
          from {
              transform: rotate(0deg);
          }

          to {
              transform: rotate(360deg);
          }
      }

      @keyframes fadeIn {
          from {
              opacity: 0;
              transform: translateY(15px);
          }

          to {
              opacity: 1;
              transform: translateY(0);
          }
      }