:root {--primary-600:#7c3aed;--primary-500:#8b5cf6;--primary-100:#ede9fe;--green-500:#10b981;--green-100:#d1fae5;--gray-900:#111827;--gray-600:#4b5563;--gray-100:#f3f4f6;--white:#ffffff;--red-500:#ef4444;--blue-500:#3b82f6;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;}
    .code-group textarea[readonly] {background-color:#f8f9fa;border:1px solid #dee2e6;}
    .code-group textarea {min-height:60px;height:auto;overflow-y:auto;}
    .chat-popup {position:fixed;bottom:10px;right:100px;width:400px;max-width:calc(100vw - 32px);height:650px;max-height:calc(100vh - 140px);background:var(--white);border-radius:16px;box-shadow:0 20px 40px rgba(0, 0, 0, 0.1);display:none;flex-direction:column;z-index:1100;overflow:hidden;transform:translateY(20px) scale(0.95);opacity:0;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
    .chat-popup.open {display:flex;transform:translateY(0) scale(1);opacity:1;}
    .chat-popup__header {background:linear-gradient(135deg, var(--primary-600), var(--primary-500));color:var(--white);padding:var(--space-1);display:flex;align-items:center;justify-content:space-between;}
    .chat-popup__agent {display:flex;align-items:center;gap:var(--space-3);}
    .chat-popup__avatar-icon {width:36px;height:36px;border-radius:50%;border:2px solid rgba(255, 255, 255, 0.2);background:rgba(255, 255, 255, 0.1);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--text-lg);}
    .chat-popup__title {font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin:0;color:var(--white);}
    .chat-popup__status {display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);opacity:0.9;}
    .chat-popup__status-dot {width:8px;height:8px;background:var(--green-500);border-radius:50%;animation:pulse-dot 2s infinite;}
    @keyframes pulse-dot{0%, 100% {opacity:1;}
    50% {opacity:0.5;}}
    .chat-popup__close {background:none;border:none;color:var(--white);font-size:var(--text-xl);cursor:pointer;padding:var(--space-2);border-radius:8px;transition:all 0.3s ease;position:relative;overflow:hidden;}
    .chat-popup__close:hover {transform:scale(1.1);}
    .chat-popup__close i {transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);display:inline-block;}
    .chat-popup__close:hover i {transform:rotate(180deg);}
    .chat-popup__body {flex:1;padding:var(--space-2);overflow-y:auto;background:#fafbfc;}
    .dark .chat-popup__body {background:#242c36;color:var(--white);}
    .chat-popup__welcome {text-align:center;padding:var(--space-8) var(--space-4);color:var(--gray-600);}
    .chat-popup__welcome-icon {font-size:48px;margin-bottom:var(--space-4);}
    .chat-popup__welcome h4 {margin:0 0 var(--space-2) 0;font-weight:var(--font-weight-semibold);}
    .chat-message {display:flex;gap:var(--space-2);margin-bottom:var(--space-1);align-items:flex-start;}
    .chat-message--user {flex-direction:row-reverse;}
    .chat-message__content {max-width:85%;width:auto;}
    .chat-message__sender {font-size:var(--text-xs);color:var(--gray-600);margin-bottom:var(--space-1);display:block;user-select:none;}
    .chat-message__bubble {background:var(--white);padding:var(--space-2) var(--space-3);border-radius:12px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.05);position:relative;word-wrap:break-word;word-break:break-word;width:fit-content;min-width:20px;}
    .chat-message__bubble .chat-message__text img {margin:-0rem -0.6rem}
    .dark .chat-message__bubble {background:#2e404e;color:var(--white);}
    .chat-message--user .chat-message__bubble {background:var(--primary-600);color:var(--white);border-bottom-right-radius:4px;}
    .chat-message--support .chat-message__bubble {border-bottom-left-radius:4px;}
    .chat-message__text {margin:0;padding:0;font-size:var(--text-sm);line-height:1.3;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;}
    .chat-message__text p {margin:0;padding:0;line-height:inherit;}
    .chat-message__bubble * {margin:0;padding:0;}
    .chat-message__bubble a {margin:0;padding:0;display:inline;text-decoration:underline;transition:all 0.2s ease;}
    .chat-message--support .chat-message__bubble a {color:dodgerblue !important;}
    .chat-message--support .chat-message__bubble a:hover {color:#1d4ed8 !important;text-decoration:underline;}
    .chat-message--user .chat-message__bubble a {color:#fbbf24 !important;text-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}
    .chat-message--user .chat-message__bubble a:hover {color:#f59e0b !important;text-decoration:underline;}
    .chat-message--support .chat-message__bubble a[href^="mailto:"] {color:#059669 !important;}
    .chat-message--user .chat-message__bubble a[href^="mailto:"] {color:#34d399 !important;}
    .chat-message__bubble a:hover {color:var(--primary-500);}
    .chat-message__time {font-size:var(--text-xs);opacity:0.5;display:block;text-align:right;user-select:none;}
    .chat-date-separator {display:flex;justify-content:center;align-items:center;margin:var(--space-3) 0;pointer-events:none;}
    .chat-date-separator__label {font-size:var(--text-xs);line-height:1.2;}
    .dark .chat-date-separator__label {color:#d1d5db;background:rgba(36, 44, 54, 0.9);border-color:rgba(209, 213, 219, 0.2);}
    .chat-popup__footer {background:var(--white);padding:var(--space-1);border-top:1px solid var(--gray-100);position:relative;}
    .dark .chat-popup__footer {background:#2e404e;color:var(--white);}
    .chat-popup__input-wrapper {display:flex;gap:var(--space-1);align-items:flex-end;position:relative;}
    .chat-popup__action-btn {background:none;border:none;color:var(--gray-600);font-size:var(--text-lg);cursor:pointer;padding:var(--space-2);border-radius:8px;transition:all 0.2s ease;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;}
    .chat-popup__action-btn:hover {background:var(--gray-100);color:var(--primary-600);}
    .dark .chat-popup__action-btn:hover {background:#4788ffa3;}
    .chat-popup__input {flex:1;border:1px solid var(--gray-100);border-radius:18px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);resize:none;min-height:36px;max-height:100px;outline:none;transition:border-color 0.2s ease;}
    .dark .chat-popup__input {background:#2e404e;color:var(--white);}
    .chat-popup__input:focus {border-color:var(--primary-600);}
    .chat-popup__send {background:var(--primary-600);color:var(--white);border:none;border-radius:50%;padding:0;font-size:var(--text-base);cursor:pointer;transition:background 0.2s ease;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;}
    .chat-popup__send:hover {background:var(--primary-500);}
    .chat-popup__send:disabled {background:var(--gray-100);color:var(--gray-600);cursor:not-allowed;}
    @media (max-width:768px){
      .chat-popup {width:calc(90vw - 16px);height:calc(80vh - 120px);right:8px;bottom:80px;border-radius:12px;}
      .chat-trigger {bottom:55px!important;right:var(--space-4);}
    }
    @media (max-width:480px){
      .chat-trigger {bottom:70px!important;right:var(--space-4);}
    }
    .chat-popup__body::-webkit-scrollbar {width:4px;}
    .chat-popup__body::-webkit-scrollbar-track {background:transparent;}
    .chat-popup__body::-webkit-scrollbar-thumb {background:var(--gray-100);border-radius:2px;}
    .chat-popup__body::-webkit-scrollbar-thumb:hover {background:var(--gray-600);}
    .chat-popup__tabs {display:flex;background:var(--gray-100);border-bottom:1px solid var(--gray-100);}
    .chat-tab {flex:1;padding:var(--space-2);background:transparent;border:none;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--gray-600);display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all 0.3s ease;position:relative;}
    .chat-tab:hover {background:rgba(0, 0, 0, 0.05);}
    .chat-tab.active {color:var(--primary-600);background:var(--white);}
    .chat-tab.active::after {content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary-600);}
    .chat-tab-content {display:none;}
    .chat-tab-content.active {display:block;}
    .chat-quick-actions {display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-4);flex-direction:column;align-items:flex-start;}
    .quick-action-btn {padding:var(--space-2) var(--space-3);border:1px solid var(--gray-100);border-radius:20px;background:var(--white);color:var(--gray-900);font-size:var(--text-sm);cursor:pointer;transition:all 0.2s ease;text-align: left;}
    .quick-action-btn:hover {border-color:var(--primary-600);color:var(--primary-600);transform:translateY(-1px);box-shadow:0 2px 8px rgba(124, 58, 237, 0.1);}
    .chat-message--bot .chat-message__bubble {background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:var(--white);}
    .typing-indicator .chat-message__bubble {padding:var(--space-3);background:var(--gray-100) !important;}
    .typing-dots {display:flex;align-items:center;gap:4px;}
    .typing-dots span {width:8px;height:8px;background:var(--gray-600);border-radius:50%;animation:typing 1.4s infinite;}
    .typing-dots span:nth-child(2) {animation-delay:0.2s;}
    .typing-dots span:nth-child(3) {animation-delay:0.4s;}
    @keyframes typing{0%, 60%, 100% {opacity:0.3;transform:scale(0.8);}
    30% {opacity:1;transform:scale(1);}}
    .back-to-top {position:fixed;bottom:100px;right:24px;width:48px;height:48px;background:linear-gradient(135deg, #25D366, #20bd5a);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;opacity:0;visibility:hidden;transform:translateY(20px) scale(0.8);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 20px rgba(37, 211, 102, 0.3);text-decoration:none;}
    .back-to-top.show {opacity:1;visibility:visible;transform:translateY(0) scale(1);}
    .back-to-top:hover {background:linear-gradient(135deg, #20bd5a, #1ca34f);transform:translateY(-3px);box-shadow:0 6px 30px rgba(37, 211, 102, 0.4);color:white;text-decoration:none;}
    .back-to-top:active {transform:translateY(-1px);box-shadow:0 3px 15px rgba(37, 211, 102, 0.3);}
    .back-to-top i {font-size:20px;transition:transform 0.3s ease;}
    .back-to-top:hover i {transform:translateY(-3px);}
    .back-to-top-progress {position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient( #0c5025 var(--scroll-progress, 0deg), transparent var(--scroll-progress, 0deg) );opacity:0.3;transition:opacity 0.3s ease;}
    .back-to-top:hover .back-to-top-progress {opacity:0.5;}
    @media (max-width:768px){.back-to-top {right:16px;width:44px;height:44px;bottom:119px;}
    .back-to-top i {font-size:18px;}}
    .chat-trigger {position:fixed;bottom:var(--space-6);right:var(--space-4);width:64px;height:64px;background:linear-gradient(135deg, var(--primary-600), var(--primary-500));border-radius:50%;box-shadow:0 8px 32px rgba(124, 58, 237, 0.3);cursor:pointer;z-index:1000;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;justify-content:center;}
    .chat-trigger:hover {transform:translateY(-2px);box-shadow:0 12px 40px rgba(124, 58, 237, 0.4);}
    .chat-trigger__icon {color:var(--white);font-size:26px;transition:transform 0.2s ease;}
    .chat-trigger:hover .chat-trigger__icon {transform:scale(1.1);}
    .chat-trigger__badge {position:absolute;top:-4px;right:-4px;background:var(--red-500);color:var(--white);font-size:var(--text-xs);font-weight:var(--font-weight-bold);min-width:20px;height:20px;border-radius:10px;display:none;align-items:center;justify-content:center;border:2px solid var(--white);}
    .chat-trigger__tooltip {position:absolute;right:100%;top:50%;transform:translateY(-50%);background:var(--gray-900);color:var(--white);padding:var(--space-2) var(--space-3);border-radius:8px;font-size:var(--text-sm);white-space:nowrap;margin-right:var(--space-3);opacity:0;visibility:hidden;transition:all 0.3s ease;}
    .chat-trigger:hover .chat-trigger__tooltip {opacity:1;visibility:visible;}
    .pending-code-trigger {position:fixed;bottom:calc(88px + 72px);right:var(--space-4);width:56px;height:56px;background:linear-gradient(135deg, #2563eb, #1d4ed8);border-radius:50%;box-shadow:0 8px 28px rgba(37, 99, 235, 0.35);cursor:pointer;z-index:1001;display:none;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
    .pending-code-trigger:hover {transform:translateY(-2px);box-shadow:0 12px 36px rgba(37, 99, 235, 0.45);}
    .pending-code-trigger__icon {color:var(--white);font-size:22px;}
    .pending-code-trigger__badge {position:absolute;top:-4px;right:-4px;background:var(--red-500);color:var(--white);font-size:var(--text-xs);font-weight:var(--font-weight-bold);min-width:20px;height:20px;border-radius:10px;display:none;align-items:center;justify-content:center;border:2px solid var(--white);padding:0 4px;}
    .pending-code-trigger__tooltip {position:absolute;right:100%;top:50%;transform:translateY(-50%);background:var(--gray-900);color:var(--white);padding:var(--space-2) var(--space-3);border-radius:8px;font-size:var(--text-sm);white-space:nowrap;margin-right:var(--space-3);opacity:0;visibility:hidden;transition:all 0.3s ease;}
    .pending-code-trigger:hover .pending-code-trigger__tooltip {opacity:1;visibility:visible;}
    .pending-code-popup {position:fixed;bottom:10px;right:100px;width:420px;max-width:calc(100vw - 32px);max-height:min(580px, calc(100vh - 140px));background:var(--white);border-radius:16px;box-shadow:0 20px 40px rgba(0, 0, 0, 0.12);display:none;flex-direction:column;z-index:1105;overflow:hidden;transform:translateY(20px) scale(0.95);opacity:0;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
    .pending-code-popup.open {display:flex;transform:translateY(0) scale(1);opacity:1;}
    .pending-code-popup__header {background:linear-gradient(135deg, #2563eb, #1d4ed8);color:var(--white);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
    .pending-code-popup__title {font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin:0;color:var(--white);}
    .pending-code-popup__close {background:none;border:none;color:var(--white);font-size:var(--text-xl);cursor:pointer;padding:var(--space-2);border-radius:8px;line-height:1;}
    .pending-code-popup__close:hover {opacity:0.9;}
    .pending-code-popup__body {flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3);background:#fafbfc;min-height:120px;}
    .pending-code-popup__body::-webkit-scrollbar {width:4px;}
    .pending-code-popup__body::-webkit-scrollbar-track {background:transparent;}
    .pending-code-popup__body::-webkit-scrollbar-thumb {background:var(--gray-100);border-radius:2px;}
    .pending-code-popup__body::-webkit-scrollbar-thumb:hover {background:var(--gray-600);}
    .dark .pending-code-popup {background:#181818;}
    .dark .pending-code-popup__body {background:#181818;}
    @media (max-width:768px){
      .pending-code-trigger {bottom:calc(92px + 72px)!important;right:var(--space-4);}
      .pending-code-popup {width:calc(90vw - 100px);max-height:calc(80vh - 120px);right:80px;bottom:96px;border-radius:12px;}
    }
    @media (max-width:480px){
      .pending-code-trigger {bottom:calc(105px + 72px)!important;}
      .pending-code-popup {width:calc(90vw - 16px);max-height:calc(80vh - 120px);right:60px;bottom:96px;border-radius:12px;}
      .back-to-top {bottom:133px;}
    }
    .chat-emoji-popup {position:absolute;bottom:100%;left:0;right:0;background:white;border-radius:12px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.1);padding:var(--space-4);margin-bottom:var(--space-2);display:none;max-height:200px;overflow-y:auto;z-index:10;}
    .chat-emoji-popup::-webkit-scrollbar {width:4px;}
    .chat-emoji-popup::-webkit-scrollbar-track {background:transparent;}
    .chat-emoji-popup::-webkit-scrollbar-thumb {background:var(--gray-100);border-radius:2px;}
    .chat-emoji-popup::-webkit-scrollbar-thumb:hover {background:var(--gray-600);}
    .chat-emoji-popup.show {display:block;}
    .chat-emoji-grid {display:grid;grid-template-columns:repeat(8, 1fr);gap:var(--space-1);font-size:var(--text-base);}
    .chat-emoji-item {padding:var(--space-1);border-radius:6px;cursor:pointer;text-align:center;transition:background 0.2s ease;}
    .chat-emoji-item:hover {background:var(--gray-100);}
    .chat-message__support-icon {position:absolute;bottom:4px;left:-28px;width:24px;height:24px;background:linear-gradient(135deg, var(--primary-600), var(--primary-500));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:12px;box-shadow:0 2px 8px rgba(124, 58, 237, 0.3);}
    .chat-message--support {position:relative;padding-left:28px;}
    .chat-message--support .chat-message__content {position:relative;}
    .chat-message__sender {display:none;}
    .chat-popup__status-dot.offline {background:#fbbf24;animation:none;}
    @keyframes pulse-dot-offline{0%, 100% {opacity:0.6;}
    50% {opacity:1;}}
    .chat-popup__status-dot.offline {animation:pulse-dot-offline 3s infinite;}
    .image-zoom-modal {display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.9);overflow:auto;animation:fadeIn 0.3s ease;}
    @keyframes fadeIn{from {opacity:0;}
    to {opacity:1;}}
    .image-zoom-modal.show {display:flex;align-items:center;justify-content:center;}
    .image-zoom-content {max-width:90%;max-height:90%;animation:zoomIn 0.3s ease;}
    @keyframes zoomIn{from {transform:scale(0.8);}
    to {transform:scale(1);}}
    .image-zoom-modal img {width:100%;height:100%;object-fit:contain;cursor:zoom-out;}
    .image-zoom-close {position:absolute;top:20px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;cursor:pointer;z-index:10000;transition:color 0.3s ease;}
    .image-zoom-close:hover, .image-zoom-close:focus {color:#bbb;}
    .chat-message__text img {cursor:zoom-in;transition:opacity 0.2s ease;}
    .chat-message__text img:hover {opacity:0.9;}
    .image-zoom-modal.loading .image-zoom-content::after {content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;}
    @keyframes spin{0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}}
    .image-zoom-info {position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#f1f1f1;font-size:14px;background:rgba(0, 0, 0, 0.5);padding:8px 16px;border-radius:4px;}
    .back-to-top::before {content:attr(data-btt-label);position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--gray-900);color:white;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s ease;pointer-events:none;}
    .back-to-top::after {content:'';position:absolute;right:calc(100% + 4px);top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:var(--gray-900);opacity:0;visibility:hidden;transition:all 0.3s ease;}
    .back-to-top:hover::before, .back-to-top:hover::after {opacity:1;visibility:visible;}
    @supports not (background:conic-gradient(red 0deg, blue 90deg)){.back-to-top-progress {display:none;}
    .back-to-top {background:#25D366;}}
    /* Pending code panel body (was Bootstrap modal body; modal shell removed) */
    .custom-code-body {padding:5px 10px;background:#ffffff;text-align:left;}
    .custom-code-body p {font-size:15px;color:#495057;line-height:1.5;}
    .custom-code-order {background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.04);padding:18px 20px 16px 20px;margin-bottom:18px;border:1px solid #dee2e6;}
    .custom-code-order-id {font-size:15px;font-weight:600;color:#007bff;margin-bottom:6px;}
    .custom-code-desc {font-size:14px;color:#495057;margin-bottom:8px;}
    .custom-code-product {font-weight:500;color:#212529;}
    .custom-code-note code {background:#f3f4f6;color:#d97706;padding:2px 6px;border-radius:4px;font-size:13px;}
    .custom-code-warning {color:#eab308;font-size:13px;display:flex;align-items:center;margin-top:4px;}
    .custom-code-warning i {margin-right:5px;}
    .custom-code-input-group {display:flex;gap:10px;margin-top:10px;align-items:center;}
    .custom-code-input {flex:1;border-radius:4px;border:1px solid #dee2e6;padding:8px 12px;font-size:15px;transition:border-color 0.2s;background:#fff;color:#212529;}
    .custom-code-input:focus {border:1px solid #007bff;outline:none;}
    .custom-code-btn {background:#007bff;color:#fff;border-radius:4px;padding:10px 24px;font-weight:400;border:1px solid #007bff;cursor:pointer;transition:background-color 0.2s;min-width:100px;font-size:14px;}
    .custom-code-btn:hover {background:#0056b3;border-color:#0056b3;}
    .dark .custom-code-body {background:#181818;color:#eff0f1;}
    .dark .custom-code-body p {color:#c7cbd3;}
    .dark .custom-code-order {background:#2a2a2a;border-color:#3a3a3a;}
    .dark .custom-code-order-id {color:#3378ff;}
    .dark .custom-code-desc {color:#c7cbd3;}
    .dark .custom-code-product {color:#eff0f1;}
    .dark .custom-code-input {background-color:#2a2a2a;border-color:#3a3a3a;color:#eff0f1;}
    .dark .custom-code-input:focus {border-color:#3378ff;background-color:#2a2a2a;color:#eff0f1;}
    .dark .custom-code-input::placeholder {color:#8f9fbc;}
    .dark .custom-code-btn {background:#007bff;border-color:#007bff;}
    .dark .custom-code-btn:hover {background:#0056b3;border-color:#0056b3;}
    .dark .custom-code-body small {color:#ff6b6b;}
    .dark .custom-code-body strong {color:#eff0f1;}
    .custom-code-body .code-group {background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:18px 20px;margin-bottom:18px;}
    .custom-code-body .code-group .form-control {border:1px solid #ced4da;color:#495057;}
    .custom-code-body .code-group input.form-control {background-color:#fff;border:1px solid #dee2e6;color:#212529;}
    .custom-code-body .code-group input.form-control:focus {border-color:#007bff;outline:none;}
    .custom-code-body .code-group .btn-primary {background:#007bff;border-color:#007bff;color:#fff;padding:10px 24px;font-weight:400;border-radius:4px;min-width:100px;transition:background-color 0.2s;}
    .custom-code-body .code-group .btn-primary:hover {background:#0056b3;border-color:#0056b3;}
    .dark .custom-code-body .code-group {background:#2a2a2a;border-color:#3a3a3a;}
    .dark .custom-code-body .code-group .form-control {background-color:#2a2a2a;border-color:#3a3a3a;color:#eff0f1;}
    .dark .custom-code-body .code-group input.form-control {background-color:#2a2a2a;border-color:#3a3a3a;color:#eff0f1;}
    .dark .custom-code-body .code-group input.form-control:focus {border-color:#3378ff;background-color:#2a2a2a;color:#eff0f1;}
    .dark .custom-code-body .code-group input.form-control::placeholder {color:#8f9fbc;}
    .dark .custom-code-body .code-group .btn-primary {background:#007bff;border-color:#007bff;}
    .dark .custom-code-body .code-group .btn-primary:hover {background:#0056b3;border-color:#0056b3;}
    @media (max-width:576px){
    .custom-code-body {padding:5px 16px;}
    .custom-code-order {padding:10px 6px 10px 6px;}
    .custom-code-input-group {flex-direction:column;}
    .custom-code-btn {width:100%;}
    .custom-code-body .code-group {padding:10px 6px;}}
    @media (min-width: 1300px) { .iq-footer {margin-left: 280px;}}
    #messageInput::-webkit-scrollbar {
      width: 0px; 
    }
    .send-code-input:hover {border-color: blueviolet !important;}
    .report-code-input:hover{border-color: #f1f1f1 !important}