.full-height{height: calc(100vh - 65px)!important;}
.full-height-content{height: 84vh!important;}
.has-right-padding{padding-right: 1rem;}
.has-left-padding{ padding-left: 1rem;}
#message-list table {border-collapse: collapse;width: 100%;}
#message-list table, #message-list th, #message-list td {padding: .5rem .5rem;}
/* #message-list th {background-color:#f8fafd;} */

#response-section table {width: 100%;}
#response-section h1,
#response-section h3,
#response-section h4,
#response-section h5,
#response-section h6 {
    padding-top: 20px;
}

#response-section h2 {
    padding-top: 20px;
}

#response-section h2.no-padding {
    padding-top: 5px;
}

#response-section h4.no-padding {
    padding-top: 5px;
}
#response-section table, #response-section th, #response-section td {border: 1px solid #eeeff0; padding: .5rem .5rem; table-layout: fixed;}
#response-section th {background-color:var(--bs-light);}
 
/* Use the correct selector for dark theme, e.g. [data-hs-theme-appearance="dark"] */
[data-hs-theme-appearance="dark"] #response-section th {
  background-color: var(--bs-dark-bg-subtle, #23272b); /* fallback to a dark color */
}
 
.search-area {position: relative; width: 100%; padding: 15px; border: 1px #ccc solid;}
.search-area .input-group{width: calc(100% - 54px);}
.search-area .input-group #ask-btn{position: absolute; bottom: -9px; right: -60px;}
.search-area textarea {resize: none; min-height: 20px!important;overflow: hidden;padding:0!important;}
.search-area textarea::-webkit-scrollbar, .vertical-scroll-half::-webkit-scrollbar{width: .6125rem;}
.search-area textarea::-webkit-scrollbar-thumb, .vertical-scroll-half::-webkit-scrollbar-thumb{background-color: rgba(189, 197, 209, .6);}
.go-to-top{position: absolute; top: -25px; z-index: 1;left: 50%; transform: translate(-50%, -50%);}
.go-to-top{position: absolute; top: -25px; z-index: 1;left: 50%; transform: translate(-50%, -50%);}
.possible-relative{position: relative;}
.ll-conversation{font-size: 14px;/*height: 33.25rem!important;*/}
#navbarVerticalNavMenu .dropdown-header{padding-left: 20px !important;}
.card-footer .tom-select-custom .ts-dropdown .create, .card-footer  .tom-select-custom .ts-dropdown .no-results, .card-footer  .tom-select-custom .ts-dropdown .optgroup-header, .card-footer .tom-select-custom .ts-dropdown .option{padding: .5rem 1rem .5rem 1rem !important;}
.w-35{width: 35%!important;}
.w-65{width: 65%!important;}
scratchpad {display: block;padding: 10px;background-color: rgba(245, 202, 153, .15);border: 1px solid #f5ca99;font-size: 14px;}
disclaimer {display: block;padding: 10px;background-color: rgba(245, 202, 153, .15);border: 1px solid #f5ca99;font-size: 14px;}

.skeleton {height: 16px;background: linear-gradient(90deg, #e0e0e0 25%, #f8f8f8 50%, #e0e0e0 75%);background-size: 200% 100%;animation: skeleton-loading 1.5s infinite;margin-bottom: 10px;border-radius: 4px;}

/* Basic styling for the button and copied message */
.copy-container {position: relative;display: inline-block;}#response-section th {background-color:var(--bs-light);}
.copy-btn {padding: 10px 20px;background-color: #4CAF50;color: white;border: none;cursor: pointer;border-radius: 5px;font-size: 16px;}
.copy-btn:active {background-color: #45a049;}
.copied-message {visibility: hidden;position: absolute;top: -30px;left: 50%;transform: translateX(-50%);background-color: #333;color: white;padding: 5px;border-radius: 5px;font-size: 12px;transition: visibility 0s, opacity 0.3s ease-in-out;opacity: 0;}
.copied-message.show {visibility: visible;opacity: 1;}
.zi-99999{z-index: 99999!important;}
.disabledDiv {pointer-events: none;opacity: 0.4;}

/* Password Strength */
.password-strength {display: none; opacity: 0; transition: opacity 0.3s ease-in-out;}
.password-strength .progress {height: 4px;}
.password-strength-bar .progress-bar {width: 0%; transition: all 0.3s ease-in-out;}

/* Chat transition animation */
.transition-out {opacity: 0; transform: translateY(-20px); transition: all 0.3s ease-out;}
.transition-in {opacity: 1; transform: translateY(0); transition: all 0.3s ease-in;}
.chat-stepper-content {transform: translateY(20px); position: relative; z-index: 1;}
.nav-segment-interact {transition: all 0.3s ease-out;}

/* Collapse toggle in interact */
.content {transition: all 0.3s ease;}
.left-pane {position: relative; transition: all 0.3s ease;}
.left-pane.collapsed {width: 42px !important; min-width: 42px !important; max-width: 42px !important;}
.left-pane.collapsed .collapsible-content {display: none;}
.toggle-btn {position: absolute; top: 1rem; left: 100%; transform: translateX(-50%); z-index: 1; width: 2.40625rem; height: 2.40625rem; transition: .4s;}
.right-pane {transition: all 0.3s ease;}

/* Skeleton loading animation */
@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

@media (max-width: 600px) {
    .has-right-padding{padding-right: 0rem;}
    .has-left-padding{ padding-left: 0rem;}
}

/* Ellipsis */
.dropdown-item-text .ellipsis-1 {overflow: hidden;text-overflow: ellipsis;display: block; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ellipsis-1 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ellipsis-2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis-3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.paginate_item.page-item:first-child .paginate_button span, .paginate_item.page-item:last-child .paginate_button span{display: none !important;}
.paginate_item.page-item:first-child .paginate_button:before{content: '«'!important;}
.paginate_item.page-item:last-child .paginate_button:before{content: '»'!important;}
.active>.page-link, .page-link.active {background-color: #000 !important;}


/* Dropzone */
.dz-overall-progress {width: 100%; height: 8px; background-color: #e5e7eb; border-radius: 4px; margin-top: 10px; overflow: hidden; display: none;}
.dz-overall-progress .dz-upload-total {height: 100%; background-color: var(--bs-secondary); transition: width 0.3s ease; width: 0;}
.dz-progress-text {display: flex; justify-content: space-between; font-size: 12px; color: #6b7280; margin-bottom: 10px; display: none;}
.dz-preview-container {max-height: 200px; overflow-y: auto; margin-top: 15px; padding-top: 10px; display: none;}
.dz-preview {border-radius: 6px; padding: 8px 12px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between;}
.dz-preview .dz-details {flex-grow: 1; min-width: 0;}
.dz-preview .dz-details .dz-filename {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px;}
.dz-preview .dz-details .dz-filename span {border: none !important; background: transparent !important; padding: 0 !important;}
.dz-preview .dz-details .dz-size {display: none;}
.dz-preview .dz-image {display: none;}
.dz-preview .dz-progress {display: none;}
.dz-preview .dz-error-message {display: none;}
.dz-preview .dz-success-mark, .dz-preview .dz-error-mark {display: none !important;}
.dz-preview .dz-remove {color: var(--bs-danger); margin-left: 10px; text-decoration: none; font-size: 12px; background: none; border: none; cursor: pointer;}
.dz-dropzone.dz-started .dz-message {display: none;}

/* Animation */

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(66, 133, 244, 0); }
    100% { box-shadow: 0 0 0 0 rgba(66, 133, 244, 0); }
}
.pulse-animation {animation: pulse 1s ease-out;}

@keyframes shakeFieldMedium {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-2px); }
    20%, 40%, 60%, 80% { transform: translateX(2px); }
}
.field-shake {animation: shakeFieldMedium 0.7s cubic-bezier(.36,.07,.19,.97) both;}
.textarea-error {
    border: 2px solid #dc3545 !important; /* Bootstrap danger color */
    box-shadow: 0 0 8px rgba(220, 53, 69, 0.6); /* Red shadow glow */
  }

/* List View */
.list-view {border: 1px solid var(--bs-gray-300); overflow: hidden;}
.list-view .col-md-4 {flex: 0 0 100%; padding: 0; margin-bottom: 0 !important;}
.list-view .interaction-card {border: none; margin: 0; background: transparent !important; box-shadow: none;}
.list-view-header {display: flex; align-items: center; padding: 8px 21px; font-weight: 400; font-size: 11.9px; text-transform: uppercase; color: var(--bs-body-color-rgb); background-color: var(--bs-gray-200); border-bottom: 1px solid var(--bs-gray-300);}
.list-view-header .title {width: 20%; min-width: 180px; padding-right: 16px;}
.list-view-header .description {flex: 1;}
.list-view-header .source {width: 100px; text-align: right; padding-right: 24px;}
.list-view .interaction-card .card-body {display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; padding: 8px; border-bottom: 1px solid var(--bs-gray-300); transition: all 0.2s ease;}
.list-view .col-md-4:last-child .interaction-card .card-body {border-bottom: none;}
.list-view .interaction-card:hover .card-body {background-color: rgba(55, 125, 255, 0.05);}
.list-view .interaction-card.border-primary {border-radius: 0; border-left: 2px solid var(--bs-primary);}
.list-view .interaction-card h4 {margin-bottom: 0; width: 20%; min-width: 180px; padding-right: 16px; overflow: hidden; text-overflow: ellipsis; font-size: 14px; font-weight: 400;}
.list-view .interaction-card p {margin-bottom: 0; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-view .interaction-card .card-body .mt-auto {margin-top: 0 !important; width: 100px; text-align: right; padding-right: 28px;}
.list-view#interactionCardsContainer {padding: 0; margin-left: 0; margin-right: 0;}

.truncate-lines-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;       /* Adjust if needed */
    max-height: calc(1.4em * 4); /* Matches line count */
  }
  .popover-header, .popover-body {padding: 12px !important;}
  .popover {z-index: 9999 !important;}
  .border-gray {border: 1px solid #ccc}


.select2-container--default .select2-selection--multiple {height: 43px; width: 300px; overflow-y: auto; background-color: var(--bs-bg-light); border: 1px solid var(--bs-gray-400); border-radius: 0;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border: 1px solid var(--bs-gray-400);}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: var(--bs-gray-300); color: var(--bs-body-color); border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius-sm); padding: 0 0 0 20px; }
.select2-container--default .select2-dropdown {background-color: var(--bs-body-bg); color: var(--bs-body-color); border: 1px solid var(--bs-border-color); border-radius: 0;}
.select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__option--selected {background-color: transparent;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: var(--bs-gray-400);}
.badge-ellipsis {display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }




/* Sample fade out */
.transition-out {
animation: fadeOut 0.3s forwards;
}

@keyframes fadeOut {
from { opacity: 1; transform: translateY(0); }
to { opacity: 0; transform: translateY(10px); }
}

/* Sample fade in */
.transition-in {
animation: fadeIn 0.3s forwards;
}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}

.whatsapp-btn img{width: 24px; margin-right: 6px;}
/* Fullscreen icon */
 .hs-fullscreen-icon-active {
    display: none;
  }
  /* Overlay */
  .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
  }

  /* Modal box */
  .modal-box {
    background-color: white;
    padding: 20px;
    width: 100%;
    max-width: 550px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    position: relative;
  }

.modal-overlay.active {
    display: flex;
  }

/*for full screen*/
.hs-fullscreen-icon-active {
    display: none;
  }

/*font change for code tag*/
pre code {font-family: 'Inter', sans-serif; color: inherit; white-space: pre-wrap;}


/*Banner styling for ms-word*/
.banner{position: fixed; height:auto; top: 5.5%;left: 0px;right: 0px; z-index: 1;}

/* Fullscreen mode for browser */
  .browser-fullscreen {
    position: fixed !important;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 0 32px rgba(0,0,0,0.15);
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: auto;
  }

    /* Fullscreen overlay for cardFullScreenEg */
  .custom-fullscreen {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
    max-width: none;
    max-height: none;
    overflow: auto;
  }
  .custom-fullscreen .card-body {
    overflow: auto;
    scrollbar-width: thin;
  }
/* Sample fade out */
.transition-out {
  animation: fadeOut 0.3s forwards;
}

@keyframes fadeOut {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(10px); }
}

/* Sample fade in */
.transition-in {
  animation: fadeIn 0.3s forwards;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}