/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/datatable/CarrierPhoto.vue?vue&type=style&index=0&id=25dff04c&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.stretched-img[data-v-25dff04c] {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/datatable/CodHiddenData.vue?vue&type=style&index=0&id=131fd96c&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

div[data-v-131fd96c] {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 15px;
}
.other_key[data-v-131fd96c] {
  margin: 2px;
}
.other_value[data-v-131fd96c] {
  font-weight: bold;
  margin: 2px;
  margin-left: 6px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/datatable/ShowHtmlPopUp.vue?vue&type=style&index=0&id=6e9d06bc&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.templateTable > table {
  width: 100% !important;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/datatable/StatusColumn.vue?vue&type=style&index=0&id=341fa11a&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.status-active[data-v-341fa11a],
.badge-light-success[data-v-341fa11a] {
  color: #14b519;
  background-color: #e1f7e3 !important;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/datatable/ButtonLike.vue?vue&type=style&index=0&id=305bb1ca&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.status-active[data-v-305bb1ca],
.status-confirmed[data-v-305bb1ca],
.status-picked[data-v-305bb1ca],
.status-delivered[data-v-305bb1ca],
.status-partially-picked[data-v-305bb1ca] {
  color: #14b519;
  background-color: #e1f7e3 !important;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/filter/MyFilter.vue?vue&type=style&index=0&id=68556ce4&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.myfilters .v-select__selections {
  height: 26px;
  overflow-y: scroll;
}
.myfilters .v-select__selections::-webkit-scrollbar {
  display: none;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/pagination/paginationNew/PaginationContainerNew.vue?vue&type=style&index=0&id=78b301e0&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pagination-wrapper[data-v-78b301e0] {
  border-radius: 62px;
  border: 1px solid rgba(var(--v-primary-base)/10%);
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.2), 0 12px 24px -4px rgba(145, 158, 171, 0.12), 0 0 12px 0 rgba(137, 80, 252, 0.1);
  padding: 10px 16px;
  background: white;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  transform-origin: center;
  transform: scale(0.9);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.pagination-wrapper[data-v-78b301e0]:hover, .pagination-wrapper[data-v-78b301e0]:focus-within {
  transform: scale(1);
  box-shadow: 0 6px 24px rgba(137, 80, 252, 0.2);
}
.pagination-wrapper .page-info[data-v-78b301e0],
.pagination-wrapper .items-per-page[data-v-78b301e0] {
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateY(-4px);
  white-space: nowrap;
  transition: opacity 1.5s ease, max-width 1.5s ease, transform 1.5s ease;
}
.pagination-wrapper:hover .page-info[data-v-78b301e0],
.pagination-wrapper:hover .items-per-page[data-v-78b301e0], .pagination-wrapper:focus-within .page-info[data-v-78b301e0],
.pagination-wrapper:focus-within .items-per-page[data-v-78b301e0] {
  opacity: 1;
  max-width: 420px;
  pointer-events: auto;
  transform: translateY(0);
}
.pagination-btn[data-v-78b301e0] {
  border: none;
  background: #f5f5f5;
  color: #333;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
  /* gap: 4px; */
  min-width: 40px;
  border-radius: 17px;
  justify-content: center;
}
.pagination-btn[data-v-78b301e0]:hover:not(.disabled) {
  background: #e0e0e0;
}
.pagination-btn:hover:not(.disabled) .next-icon[data-v-78b301e0] {
  transform: translateX(2px);
}
.pagination-btn:hover:not(.disabled) .previous-icon[data-v-78b301e0] {
  transform: translateX(-2px);
}
.pagination-btn.active[data-v-78b301e0] {
  background: #8950fc;
  background: var(--v-primary-base, #8950fc);
  color: white;
  font-weight: 600;
}
.pagination-btn.disabled[data-v-78b301e0] {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.pagination-btn.nav-btn[data-v-78b301e0] {
  background: transparent;
  color: #8950fc;
  color: var(--v-primary-base, #8950fc);
  border: 1px solid rgba(var(--v-primary-base)/20%);
}
.pagination-btn.nav-btn[data-v-78b301e0]:hover:not(.disabled) {
  background: rgba(var(--v-primary-base)/10%);
}
.pagination-dots[data-v-78b301e0] {
  color: #999;
  font-size: 16px;
  padding: 0 8px;
  font-weight: bold;
}
.page-numbers-group[data-v-78b301e0] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
}
.mobile-page-input[data-v-78b301e0] {
  display: none;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  flex-wrap: nowrap;
}
.mobile-page-input__field[data-v-78b301e0] {
  flex: 0 0 64px;
  width: 64px;
  border-radius: 999px;
  border: 1px solid rgba(137, 80, 252, 0.35);
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 500;
  color: #4b5563;
  background: rgba(137, 80, 252, 0.06);
  text-align: center;
}
.mobile-page-input__field[data-v-78b301e0]:focus {
  outline: none;
  border-color: #8950fc;
  border-color: var(--v-primary-base, #8950fc);
  box-shadow: 0 0 0 2px rgba(137, 80, 252, 0.2);
}
.mobile-page-input__button[data-v-78b301e0] {
  border: none;
  border-radius: 999px;
  padding: 6px 14px;
  background: #8950fc;
  background: var(--v-primary-base, #8950fc);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.mobile-page-input__button[data-v-78b301e0]:hover {
  opacity: 0.9;
}
.mobile-page-input__summary[data-v-78b301e0] {
  font-size: 12px;
  color: #6b7280;
  font-weight: 600;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.page-info[data-v-78b301e0] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  font-size: 13px;
  font-weight: 500;
  color: #4b5563;
}
.page-info__label[data-v-78b301e0] {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 11px;
  color: #9ca3af;
}
.page-info__badge[data-v-78b301e0] {
  padding: 4px 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, #7c3aed, #a855f7);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 6px 16px rgba(124, 58, 237, 0.25);
  transition: transform 0.2s ease;
}
.page-info__badge[data-v-78b301e0]:active {
  transform: scale(0.96);
}
.page-info__total[data-v-78b301e0] {
  font-size: 12px;
  color: #6b7280;
}
.items-per-page[data-v-78b301e0],
.items-per-page-container[data-v-78b301e0] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 8px;
}
.items-per-page[data-v-78b301e0] {
  margin-left: auto;
}
.items-per-page__content[data-v-78b301e0] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}
.items-per-page-label[data-v-78b301e0],
.items-per-page__label[data-v-78b301e0] {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #9ca3af;
  font-weight: 600;
}
.items-per-page__control[data-v-78b301e0] {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.items-per-page-select[data-v-78b301e0],
.items-per-page__select[data-v-78b301e0] {
  padding: 6px 32px 6px 14px;
  border-radius: 999px;
  border: 1px solid rgba(137, 80, 252, 0.25);
  background: rgba(137, 80, 252, 0.08);
  color: #4c1d95;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
  min-width: auto;
  width: auto;
}
.items-per-page-select[data-v-78b301e0]:focus,
.items-per-page__select[data-v-78b301e0]:focus {
  outline: none;
  border-color: #8950fc;
  border-color: var(--v-primary-base, #8950fc);
  box-shadow: 0 0 0 3px rgba(137, 80, 252, 0.15);
}
.items-per-page__chevron[data-v-78b301e0] {
  position: absolute;
  right: 14px;
  color: #6741d9;
  pointer-events: none;
}
@media (max-width: 1230px) {
.pagination-wrapper .page-info[data-v-78b301e0],
.pagination-wrapper .items-per-page[data-v-78b301e0] {
    display: none;
}
}
@media (max-width: 634px) {
.page-numbers-group[data-v-78b301e0] {
    display: none;
}
.mobile-page-input[data-v-78b301e0] {
    display: flex;
    order: 2;
    flex: 1 1 100%;
    margin-top: 6px;
}
.pagination-wrapper[data-v-78b301e0] {
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}
.pagination-prev[data-v-78b301e0],
.pagination-next[data-v-78b301e0] {
    flex: 1 1 calc(50% - 8px);
    min-width: 0;
    order: 1;
}
}
/* Responsive Design */
@media (max-width: 768px) {
.pagination-wrapper[data-v-78b301e0] {
    padding: 12px 16px;
    gap: 6px;
}
.pagination-btn[data-v-78b301e0] {
    padding: 6px 12px;
    font-size: 12px;
    min-width: 36px;
    height: 36px;
}
.page-info[data-v-78b301e0] {
    font-size: 12px;
    margin-left: 0;
    width: 100%;
    text-align: center;
    margin-top: 8px;
}
.items-per-page-container[data-v-78b301e0] {
    padding: 0 16px;
}
}
/* Animation for page transitions */
.pagination-btn.active[data-v-78b301e0] {
  animation: pageActiveSlide-78b301e0 0.3s ease;
}
@keyframes pageActiveSlide-78b301e0 {
0% {
    transform: scale(0.9);
}
50% {
    transform: scale(1.05);
}
100% {
    transform: scale(1);
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/DataTableExport.vue?vue&type=style&index=0&id=05c4e77e&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.dragger[data-v-05c4e77e] {
  cursor: move;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/datahub/integrations/validation/ValidationStatus.vue?vue&type=style&index=0&id=612e7fdc&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.status-text-color[data-v-612e7fdc] {
  border-radius: 8px !important;
  font-size: 10px;

  text-transform: uppercase;
  font-weight: 800 !important;
}
.status-enabled[data-v-612e7fdc] {
  color: #22912c;
  background-color: #a6d48f !important;
}
.status-disabled[data-v-612e7fdc] {
  color: #6a6a6a;
  background-color: #c4c4c4 !important;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/datatable/ShowServices.vue?vue&type=style&index=0&id=38e45fa6&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.tab-title[data-v-38e45fa6] {
  font-size: 1.3rem;
}
.tab-box[data-v-38e45fa6] {
  font-size: 1.2rem;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/datatable/NamePhotoEmail.vue?vue&type=style&index=0&id=40ea13a7&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.name-main[data-v-40ea13a7] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/datatable/ImageTitleDescription.vue?vue&type=style&index=0&id=651f51bd&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.name-main[data-v-651f51bd] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/fulfillment/returned/popup/PopUpTimeLine.vue?vue&type=style&index=0&id=759afa3c&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.custom-padding[data-v-759afa3c] {
  padding-left: 15% !important;
  padding-right: 15% !important;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/filter/FilterSelector.vue?vue&type=style&index=0&id=06d266d2&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.remove-margin[data-v-06d266d2] {
  padding-bottom: 0 !important;
  margin: 12px 8px 0px !important;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/filter/FilterContainer.vue?vue&type=style&index=0&id=e327460e&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* ── Root: flex column filling the tab panel ─────────────────── */
.filter-container[data-v-e327460e] {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

/* ── Scrollable filter area ──────────────────────────────────── */
.filter-container__content[data-v-e327460e] {
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0;
  padding: 16px 16px 24px;
  animation: filterFadeIn-e327460e 0.35s cubic-bezier(0.4, 0, 0.2, 1) both;
}

/* ── Fixed bottom actions — always visible ───────────────────── */
.filter-container__actions[data-v-e327460e] {
  flex: 0 0 auto;
  display: flex;
  gap: 12px;
  padding: 14px 20px;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.03);
}

/* ── Fade-in animation ───────────────────────────────────────── */
@keyframes filterFadeIn-e327460e {
from {
    opacity: 0;
    transform: translateY(6px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/Export.vue?vue&type=style&index=0&id=5787baca&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.dragger[data-v-5787baca] {
  cursor: move;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/own/components/datahub/integrations2/IntegrationDataTable.vue?vue&type=style&index=0&id=5201c957&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.q-status-menu[data-v-5201c957] {
  max-height: 350px;
  overflow-y: scroll;
}
.drop-item[data-v-5201c957] {
  font-weight: 500;
  color: rgb(98, 98, 98);
}
.drop-item[data-v-5201c957]:hover {
  font-weight: 600;
  background-color: #eee5ff;
  color: #8950fcff !important;
}
.drop-text[data-v-5201c957] {
  font-size: 9px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modern/shared/iq-datatable/IqPagination.vue?vue&type=style&index=0&id=6345a30f&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ── Container ──────────────────────────────────────────────── */
.iq-pagination[data-v-6345a30f] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 0 8px;
  padding: 0 8px;
}

/* ── Bar (pill wrapper) ─────────────────────────────────────── */
.iq-pagination__bar[data-v-6345a30f] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  padding: 10px 16px;
  border-radius: 62px;
  border: 1px solid rgba(137, 80, 252, 0.1);
  background: #fff;
}

/* ── Page info (always visible) ──────────────────────────────── */
.iq-pagination__info[data-v-6345a30f] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #4b5563;
  white-space: nowrap;
}
.iq-pagination__info-label[data-v-6345a30f] {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 11px;
  color: #9ca3af;
}
.iq-pagination__info-badge[data-v-6345a30f] {
  padding: 4px 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, #7c3aed, #a855f7);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 6px 16px rgba(124, 58, 237, 0.25);
  transition: transform 0.2s ease;
}
.iq-pagination__info-badge[data-v-6345a30f]:active {
  transform: scale(0.96);
}
.iq-pagination__info-total[data-v-6345a30f] {
  font-size: 12px;
  color: #6b7280;
}

/* ── Page buttons ───────────────────────────────────────────── */
.iq-pagination__pages[data-v-6345a30f] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
}
.iq-pagination__btn[data-v-6345a30f] {
  border: none;
  background: #f5f5f5;
  color: #333;
  padding: 8px 16px;
  border-radius: 17px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.iq-pagination__btn[data-v-6345a30f]:hover:not(.iq-pagination__btn--disabled) {
  background: #e0e0e0;
}
.iq-pagination__btn--active[data-v-6345a30f] {
  background: linear-gradient(135deg, #7c3aed, #a855f7);
  color: #fff;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);
  animation: iq-page-pop-6345a30f 0.3s ease;
}
.iq-pagination__btn--disabled[data-v-6345a30f] {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

/* ── Nav buttons (prev / next) ──────────────────────────────── */
.iq-pagination__btn--nav[data-v-6345a30f] {
  background: transparent;
  color: #7c3aed;
  border: 1px solid rgba(137, 80, 252, 0.2);
}
.iq-pagination__btn--nav[data-v-6345a30f]:hover:not(.iq-pagination__btn--disabled) {
  background: rgba(137, 80, 252, 0.1);
}
.iq-pagination__btn--nav:hover:not(.iq-pagination__btn--disabled) .iq-pagination__icon--next[data-v-6345a30f] {
  transform: translateX(2px);
}
.iq-pagination__btn--nav:hover:not(.iq-pagination__btn--disabled) .iq-pagination__icon--prev[data-v-6345a30f] {
  transform: translateX(-2px);
}
[dir=rtl] .iq-pagination__btn--nav:hover:not(.iq-pagination__btn--disabled) .iq-pagination__icon--next[data-v-6345a30f] {
  transform: translateX(-2px);
}
[dir=rtl] .iq-pagination__btn--nav:hover:not(.iq-pagination__btn--disabled) .iq-pagination__icon--prev[data-v-6345a30f] {
  transform: translateX(2px);
}
.iq-pagination__icon--prev[data-v-6345a30f],
.iq-pagination__icon--next[data-v-6345a30f] {
  transition: transform 0.2s ease;
}

/* ── Dots ────────────────────────────────────────────────────── */
.iq-pagination__dots[data-v-6345a30f] {
  color: #999;
  font-size: 16px;
  padding: 0 8px;
  font-weight: bold;
}

/* ── Per-page selector (always visible) ──────────────────────── */
.iq-pagination__per-page[data-v-6345a30f] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-inline-start: auto;
  white-space: nowrap;
}
.iq-pagination__per-page-label[data-v-6345a30f] {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #9ca3af;
  font-weight: 600;
}
.iq-pagination__per-page-control[data-v-6345a30f] {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.iq-pagination__per-page-select[data-v-6345a30f] {
  padding-block: 6px;
  padding-inline: 14px 32px;
  border-radius: 999px;
  border: 1px solid rgba(137, 80, 252, 0.25);
  background: rgba(137, 80, 252, 0.08);
  color: #4c1d95;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.iq-pagination__per-page-select[data-v-6345a30f]:focus {
  outline: none;
  border-color: #7c3aed;
  box-shadow: 0 0 0 3px rgba(137, 80, 252, 0.15);
}
.iq-pagination__per-page-chevron[data-v-6345a30f] {
  position: absolute;
  inset-inline-end: 14px;
  color: #6741d9;
  pointer-events: none;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1230px) {
.iq-pagination__bar[data-v-6345a30f] {
    justify-content: center;
}
}
@media (max-width: 900px) {
.iq-pagination__info-label[data-v-6345a30f],
.iq-pagination__info-total[data-v-6345a30f],
.iq-pagination__per-page-label[data-v-6345a30f] {
    display: none;
}
.iq-pagination__per-page[data-v-6345a30f] {
    margin-inline-start: 0;
}
}
@media (max-width: 768px) {
.iq-pagination__bar[data-v-6345a30f] {
    padding: 8px 12px;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}
.iq-pagination__btn[data-v-6345a30f] {
    padding: 5px 10px;
    font-size: 13px;
    min-width: 32px;
    height: 32px;
}
.iq-pagination__dots[data-v-6345a30f] {
    padding: 0 4px;
    font-size: 14px;
}
}
@media (max-width: 480px) {
.iq-pagination[data-v-6345a30f] {
    margin: 2px 0 4px;
    padding: 0 4px;
}
.iq-pagination__bar[data-v-6345a30f] {
    padding: 6px 8px;
    gap: 4px;
    border-radius: 24px;
}
.iq-pagination__info-badge[data-v-6345a30f] {
    padding: 4px 8px;
    font-size: 12px;
}
.iq-pagination__btn[data-v-6345a30f] {
    padding: 4px 6px;
    font-size: 12px;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
}
.iq-pagination__btn--nav[data-v-6345a30f] {
    padding: 4px 6px;
}
.iq-pagination__dots[data-v-6345a30f] {
    padding: 0 2px;
    font-size: 12px;
}
.iq-pagination__per-page-select[data-v-6345a30f] {
    padding-inline: 10px 24px;
    font-size: 12px;
}
.iq-pagination__per-page-chevron[data-v-6345a30f] {
    inset-inline-end: 8px;
}
}
/* ── Active page pop animation ──────────────────────────────── */
@keyframes iq-page-pop-6345a30f {
0% {
    transform: scale(0.9);
}
50% {
    transform: scale(1.05);
}
100% {
    transform: scale(1);
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modern/shared/iq-datatable/IqSidebarShell.vue?vue&type=style&index=0&id=6f6ba769&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* ── Sidebar panel slide + depth ─────────────────────────────── */
.iq-sidebar-shell[data-v-6f6ba769] .b-sidebar {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.35s ease;
  box-shadow: -8px 0 30px rgba(0, 0, 0, 0.08);
}
[dir="rtl"] .iq-sidebar-shell[data-v-6f6ba769] .b-sidebar {
  box-shadow: 8px 0 30px rgba(0, 0, 0, 0.08);
}
.iq-sidebar-shell[data-v-6f6ba769] .b-sidebar:not(.show) {
  box-shadow: none;
}

/* ── Backdrop fade ───────────────────────────────────────────── */
.iq-sidebar-shell[data-v-6f6ba769] .b-sidebar-backdrop {
  transition: opacity 0.35s ease;
  background-color: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* ── Header area ─────────────────────────────────────────────── */
.iq-sidebar-header[data-v-6f6ba769] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: #fff;
}
.iq-sidebar-title[data-v-6f6ba769] {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0;
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── Close button ────────────────────────────────────────────── */
.iq-sidebar-close[data-v-6f6ba769] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #f4f3f8;
  border: none;
  color: #64607a;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.iq-sidebar-close[data-v-6f6ba769]:hover {
  transform: scale(1.05) rotate(90deg);
  background: #ebe8f4;
  color: #7c3aed;
}
.iq-sidebar-close[data-v-6f6ba769]:active {
  transform: scale(0.95) rotate(90deg);
}

/* ── Content stagger fade-in ─────────────────────────────────── */
.iq-sidebar-content[data-v-6f6ba769] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  animation: iqSidebarContentIn-6f6ba769 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.1s both;
}
@keyframes iqSidebarContentIn-6f6ba769 {
from {
    opacity: 0;
    transform: translateY(8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* ── Body layout ─────────────────────────────────────────────── */
.iq-sidebar-shell[data-v-6f6ba769] .iq-sidebar-body {
  scroll-behavior: smooth;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.iq-sidebar-shell[data-v-6f6ba769] .iq-sidebar-body::-webkit-scrollbar {
  width: 6px;
}
.iq-sidebar-shell[data-v-6f6ba769] .iq-sidebar-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}
.iq-sidebar-shell[data-v-6f6ba769] .iq-sidebar-body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modern/shared/iq-filter/IqFilterField.vue?vue&type=style&index=0&id=805ead36&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* ── Container ──────────────────────────────────────────────── */
.iq-filter-field[data-v-805ead36] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  border-radius: 12px;
  background: #ffffff;
  border: 1.5px solid #e8e8ee;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    z-index 0s;
  animation: iqFilterFieldIn-805ead36 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(0 * 50ms + 60ms);
  animation-delay: calc(var(--iq-filter-index, 0) * 50ms + 60ms);
  overflow: visible;
}

/* ── Hover ──────────────────────────────────────────────────── */
.iq-filter-field[data-v-805ead36]:hover {
  border-color: #d4d0e0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  background: #fafafe;
}

/* ── Focus ──────────────────────────────────────────────────── */
.iq-filter-field--focused[data-v-805ead36] {
  z-index: 10;
  border-color: rgba(124, 58, 237, 0.35) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.06),
    0 2px 8px rgba(124, 58, 237, 0.08) !important;
  background: #fdfcff !important;
}

/* ── Active (has value) ─────────────────────────────────────── */
.iq-filter-field--active[data-v-805ead36] {
  background: #faf9ff;
  border-color: rgba(124, 58, 237, 0.22);
  box-shadow: 0 1px 4px rgba(124, 58, 237, 0.06);
}

/* ── Body ───────────────────────────────────────────────────── */
.iq-filter-field__body[data-v-805ead36] {
  flex: 1;
  min-width: 0;
  position: relative;
  padding: 2px 12px 2px 14px;
}

/* ── Control area ───────────────────────────────────────────── */
.iq-filter-field__control[data-v-805ead36] {
  width: 100%;
}

/* ═══════════════════════════════════════════════════════════════
   Vuetify input overrides — solo-flat variant consistent styling
   ═══════════════════════════════════════════════════════════════ */

/* Remove solo background and shadow */
.iq-filter-field__control[data-v-805ead36] .v-input__slot {
  min-height: 44px !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 4px !important;
}

/* Solo variant background override */
.iq-filter-field__control[data-v-805ead36] .v-input--is-focused .v-input__slot,
.iq-filter-field__control[data-v-805ead36] .v-text-field.v-input--is-focused .v-input__slot {
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove outlined fieldset if somehow still present */
.iq-filter-field__control[data-v-805ead36] .v-text-field--outlined fieldset {
  border: none !important;
}
.iq-filter-field__control[data-v-805ead36] .v-text-field--outlined .v-input__slot {
  padding: 0 4px !important;
}

/* ── Label styling ──────────────────────────────────────────── */
.iq-filter-field__control[data-v-805ead36] .v-label {
  font-family: "Poppins", sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  color: #6b7280;
  letter-spacing: 0.15px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  /* Prevent label from going outside the field in solo mode */
  top: 50% !important;
  transform: translateY(-50%);
}
.iq-filter-field__control[data-v-805ead36] .v-label--active {
  font-size: 11px !important;
  font-weight: 500;
  color: #6d28d9 !important;
  letter-spacing: 0.15px;
  top: 4px !important;
  transform: translateY(0) !important;
}
.iq-filter-field--focused .iq-filter-field__control[data-v-805ead36] .v-label {
  color: #7c3aed !important;
}

/* ── Input text ─────────────────────────────────────────────── */
.iq-filter-field__control[data-v-805ead36] input,
.iq-filter-field__control[data-v-805ead36] .v-select__selection {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #1e293b;
  letter-spacing: 0.15px;
}

/* ── Icons ──────────────────────────────────────────────────── */
.iq-filter-field__control[data-v-805ead36] .v-input__append-inner .v-icon,
.iq-filter-field__control[data-v-805ead36] .v-input__prepend-inner .v-icon {
  color: #cbd5e1;
  transition: color 0.25s ease, transform 0.25s ease;
}
.iq-filter-field--focused
  .iq-filter-field__control[data-v-805ead36]
  .v-input__append-inner
  .v-icon,
.iq-filter-field--active
  .iq-filter-field__control[data-v-805ead36]
  .v-input__append-inner
  .v-icon,
.iq-filter-field--focused
  .iq-filter-field__control[data-v-805ead36]
  .v-input__prepend-inner
  .v-icon,
.iq-filter-field--active
  .iq-filter-field__control[data-v-805ead36]
  .v-input__prepend-inner
  .v-icon {
  color: #7c3aed;
}

/* Rotate dropdown arrow on focus */
.iq-filter-field--focused
  .iq-filter-field__control[data-v-805ead36]
  .v-input__icon--append
  .v-icon {
  transform: rotate(180deg);
}

/* Clear icon hover */
.iq-filter-field__control[data-v-805ead36] .v-input__icon--clear .v-icon {
  color: #94a3b8 !important;
  opacity: 0.6;
  transition: all 0.2s ease;
}
.iq-filter-field__control[data-v-805ead36] .v-input__icon--clear .v-icon:hover {
  color: #ef4444 !important;
  opacity: 1;
}

/* ── Chips (for multi-select filters) ───────────────────────── */
.iq-filter-field__control[data-v-805ead36] .v-chip {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.3px;
  height: 26px;
  border-radius: 8px;
  background: linear-gradient(
    135deg,
    rgba(124, 58, 237, 0.08) 0%,
    rgba(168, 85, 247, 0.1) 100%
  ) !important;
  color: #6d28d9 !important;
  border: 1px solid rgba(124, 58, 237, 0.15) !important;
  transition: all 0.2s ease;
}
.iq-filter-field__control[data-v-805ead36] .v-chip:hover {
  background: linear-gradient(
    135deg,
    rgba(124, 58, 237, 0.14) 0%,
    rgba(168, 85, 247, 0.16) 100%
  ) !important;
  box-shadow: 0 1px 4px rgba(124, 58, 237, 0.12);
}
.iq-filter-field__control[data-v-805ead36] .v-chip .v-chip__close {
  color: #7c3aed !important;
  opacity: 0.6;
}
.iq-filter-field__control[data-v-805ead36] .v-chip .v-chip__close:hover {
  opacity: 1;
}

/* ── Underline removal ──────────────────────────────────────── */
.iq-filter-field__control[data-v-805ead36] .v-input__slot::before,
.iq-filter-field__control[data-v-805ead36] .v-input__slot::after {
  display: none !important;
}

/* ── Details/messages area ──────────────────────────────────── */
.iq-filter-field__control[data-v-805ead36] .v-text-field__details {
  display: none;
}

/* ═══════════════════════════════════════════════════════════════
   Keyframe animations
   ═══════════════════════════════════════════════════════════════ */
@keyframes iqFilterFieldIn-805ead36 {
from {
    opacity: 0;
    transform: translateY(12px) scale(0.97);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modern/shared/iq-filter/IqFilterField.vue?vue&type=style&index=1&id=805ead36&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* ── Dropdown container ─────────────────────────────────────── */
.iq-filter-dropdown {
  border-radius: 12px !important;
  border: 1.5px solid #e8e8ee !important;
  box-shadow: 0 8px 32px rgba(124, 58, 237, 0.1), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin-top: 4px;
  animation: iqDropdownSlideIn 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;
  transform-origin: top center;
}
@keyframes iqDropdownSlideIn {
from {
    opacity: 0;
    transform: translateY(-6px) scaleY(0.96);
}
to {
    opacity: 1;
    transform: translateY(0) scaleY(1);
}
}
.iq-filter-dropdown .v-list {
  padding: 6px !important;
  background: #ffffff !important;
}

/* ── List items ─────────────────────────────────────────────── */
.iq-filter-dropdown .v-list-item {
  font-family: "Poppins", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 400;
  color: #334155 !important;
  border-radius: 8px !important;
  margin: 1px 0 !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  transition: background-color 0.22s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.22s ease, transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.22s ease !important;
}

/* Subtle press-down on click */
.iq-filter-dropdown .v-list-item:active {
  transform: scale(0.98) !important;
}

/* ── Hover state ────────────────────────────────────────────── */
.iq-filter-dropdown .v-list-item:hover {
  background: rgba(124, 58, 237, 0.06) !important;
}

/* Vuetify auto-highlights an item on open — suppress it */
.iq-filter-dropdown .v-list-item--highlighted:not(:hover) {
  background: transparent !important;
}
.iq-filter-dropdown .v-list-item--highlighted:not(:hover)::before {
  opacity: 0 !important;
}

/* ── Selected / active state ────────────────────────────────── */
.iq-filter-dropdown .v-list-item--active {
  background: linear-gradient(
    135deg,
    rgba(124, 58, 237, 0.08) 0%,
    rgba(168, 85, 247, 0.1) 100%
  ) !important;
  color: #6d28d9 !important;
  font-weight: 500;
}
.iq-filter-dropdown .v-list-item--active::before {
  opacity: 0 !important;
}

/* ── List item title ────────────────────────────────────────── */
.iq-filter-dropdown .v-list-item__title {
  font-family: "Poppins", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: inherit;
  line-height: 1.4;
  transition: color 0.22s ease;
}

/* ── Checkboxes (multi-select) ──────────────────────────────── */
.iq-filter-dropdown .v-list-item__action {
  margin: 0 10px 0 0 !important;
}
.iq-filter-dropdown .v-simple-checkbox .v-icon,
.iq-filter-dropdown .v-list-item__action .v-icon {
  color: #cbd5e1;
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

/* Checkbox bounce-in when checked */
.iq-filter-dropdown .v-list-item--active .v-simple-checkbox .v-icon,
.iq-filter-dropdown .v-list-item--active .v-list-item__action .v-icon {
  color: #7c3aed !important;
  transform: scale(1.15);
}

/* Settle back after the bounce — triggered on re-hover */
.iq-filter-dropdown .v-list-item--active:hover .v-simple-checkbox .v-icon,
.iq-filter-dropdown .v-list-item--active:hover .v-list-item__action .v-icon {
  transform: scale(1.08);
}

/* ── Ripple override ────────────────────────────────────────── */
.iq-filter-dropdown .v-ripple__container .v-ripple__animation {
  background: rgba(124, 58, 237, 0.12) !important;
}

/* ── Divider ────────────────────────────────────────────────── */
.iq-filter-dropdown .v-divider {
  margin: 4px 8px !important;
  border-color: rgba(124, 58, 237, 0.08) !important;
  transition: border-color 0.3s ease;
}

/* ── Scrollbar ──────────────────────────────────────────────── */
.iq-filter-dropdown .v-list::-webkit-scrollbar {
  width: 4px;
}
.iq-filter-dropdown .v-list::-webkit-scrollbar-track {
  background: transparent;
}
.iq-filter-dropdown .v-list::-webkit-scrollbar-thumb {
  background: rgba(124, 58, 237, 0.12);
  border-radius: 4px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.iq-filter-dropdown .v-list::-webkit-scrollbar-thumb:hover {
  background: rgba(124, 58, 237, 0.28);
}

/* ── No data text ───────────────────────────────────────────── */
.iq-filter-dropdown .v-list-item__subtitle,
.iq-filter-dropdown .v-list--disabled .v-list-item__title {
  font-family: "Poppins", sans-serif !important;
  font-size: 13px !important;
  color: #94a3b8 !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modern/shared/iq-filter/types/IqFilterDateRangeWithSelect.vue?vue&type=style&index=0&id=082c04c6&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.iq-filter-dr__btn[data-v-082c04c6] {
  display: inline-flex;
  align-items: center;
  padding: 8px 18px;
  border: none;
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.iq-filter-dr__btn--cancel[data-v-082c04c6] {
  background: #f1f5f9;
  color: #475569;
}
.iq-filter-dr__btn--cancel[data-v-082c04c6]:hover {
  background: #e2e8f0;
}
.iq-filter-dr__btn--apply[data-v-082c04c6] {
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
  color: #fff;
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.25);
}
.iq-filter-dr__btn--apply[data-v-082c04c6]:hover {
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.35);
  transform: translateY(-1px);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modern/shared/iq-filter/types/IqFilterDateRangeCondition.vue?vue&type=style&index=0&id=7c5a02e7&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.iq-filter-drc__btn[data-v-7c5a02e7] {
  display: inline-flex;
  align-items: center;
  padding: 8px 18px;
  border: none;
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.iq-filter-drc__btn--cancel[data-v-7c5a02e7] {
  background: #f1f5f9;
  color: #475569;
}
.iq-filter-drc__btn--cancel[data-v-7c5a02e7]:hover {
  background: #e2e8f0;
}
.iq-filter-drc__btn--apply[data-v-7c5a02e7] {
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
  color: #fff;
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.25);
}
.iq-filter-drc__btn--apply[data-v-7c5a02e7]:hover {
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.35);
  transform: translateY(-1px);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modern/shared/iq-filter/types/IqFilterTextInputMultiple.vue?vue&type=style&index=0&id=03192ce2&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* ── Base multiselect container ─────────────────────────────── */
.iq-filter-tags[data-v-03192ce2] .multiselect__tags {
  border: none !important;
  background: transparent !important;
  font-family: "Poppins", sans-serif;
  padding: 6px 8px;
  min-height: 44px;
}

/* ── Tags ───────────────────────────────────────────────────── */
.iq-filter-tags[data-v-03192ce2] .multiselect__tag {
  background: linear-gradient(
    135deg,
    rgba(124, 58, 237, 0.08) 0%,
    rgba(168, 85, 247, 0.1) 100%
  ) !important;
  color: #6d28d9 !important;
  border: 1px solid rgba(124, 58, 237, 0.15);
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding: 4px 26px 4px 8px;
  transition: all 0.2s ease;
}
.iq-filter-tags[data-v-03192ce2] .multiselect__tag:hover {
  background: linear-gradient(
    135deg,
    rgba(124, 58, 237, 0.14) 0%,
    rgba(168, 85, 247, 0.16) 100%
  ) !important;
  box-shadow: 0 1px 4px rgba(124, 58, 237, 0.12);
}
.iq-filter-tags[data-v-03192ce2] .multiselect__tag-icon::after {
  color: #7c3aed !important;
}
.iq-filter-tags[data-v-03192ce2] .multiselect__tag-icon:hover {
  background: rgba(124, 58, 237, 0.2) !important;
}

/* ── Placeholder ────────────────────────────────────────────── */
.iq-filter-tags[data-v-03192ce2] .multiselect__placeholder {
  font-family: "Poppins", sans-serif;
  font-size: 13.5px;
  color: #6b7280;
  padding-top: 4px;
}

/* ── Input ──────────────────────────────────────────────────── */
.iq-filter-tags[data-v-03192ce2] .multiselect__input {
  font-family: "Poppins", sans-serif;
  font-size: 13.5px;
  color: #1e293b;
  background: transparent !important;
  margin-bottom: 0;
  padding: 4px 0 0 0;
}

/* ── Dropdown list (renders inline — parent z-index handles layering) */
.iq-filter-tags[data-v-03192ce2] .multiselect__content-wrapper {
  border: 1.5px solid #e8e8ee !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(124, 58, 237, 0.1),
    0 2px 8px rgba(0, 0, 0, 0.06) !important;
  background: #ffffff !important;
  margin-top: 4px;
  overflow: hidden;
  animation: iqMultiselectDropIn-03192ce2 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;
  transform-origin: top center;
}
@keyframes iqMultiselectDropIn-03192ce2 {
from {
    opacity: 0;
    transform: translateY(-6px) scaleY(0.96);
}
to {
    opacity: 1;
    transform: translateY(0) scaleY(1);
}
}

/* ── List items ─────────────────────────────────────────────── */
.iq-filter-tags[data-v-03192ce2] .multiselect__element {
  font-family: "Poppins", sans-serif;
}
.iq-filter-tags[data-v-03192ce2] .multiselect__option {
  font-family: "Poppins", sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  color: #334155;
  padding: 10px 14px;
  min-height: 40px;
  border-radius: 0;
  transition: background-color 0.22s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.22s ease;
}
.iq-filter-tags[data-v-03192ce2] .multiselect__option:hover,
.iq-filter-tags[data-v-03192ce2] .multiselect__option--highlight {
  background: rgba(124, 58, 237, 0.06) !important;
  color: #6d28d9;
}
.iq-filter-tags[data-v-03192ce2] .multiselect__option--selected {
  background: linear-gradient(
    135deg,
    rgba(124, 58, 237, 0.08) 0%,
    rgba(168, 85, 247, 0.1) 100%
  ) !important;
  color: #6d28d9 !important;
  font-weight: 500;
}

/* ── "No elements found" state ──────────────────────────────── */
.iq-filter-tags[data-v-03192ce2] .multiselect__option--disabled {
  background: transparent !important;
  color: #94a3b8 !important;
  font-size: 13px;
}

/* ── Scrollbar ──────────────────────────────────────────────── */
.iq-filter-tags[data-v-03192ce2] .multiselect__content-wrapper::-webkit-scrollbar {
  width: 4px;
}
.iq-filter-tags[data-v-03192ce2]
  .multiselect__content-wrapper::-webkit-scrollbar-track {
  background: transparent;
}
.iq-filter-tags[data-v-03192ce2]
  .multiselect__content-wrapper::-webkit-scrollbar-thumb {
  background: rgba(124, 58, 237, 0.12);
  border-radius: 4px;
}
.iq-filter-tags[data-v-03192ce2]
  .multiselect__content-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgba(124, 58, 237, 0.28);
}

/* ── Hide default spinner ───────────────────────────────────── */
.iq-filter-tags[data-v-03192ce2] .multiselect__spinner {
  background: transparent;
}

/* ── Select caret ───────────────────────────────────────────── */
.iq-filter-tags[data-v-03192ce2] .multiselect__select {
  height: 44px;
  transition: transform 0.25s ease;
}
.iq-filter-tags[data-v-03192ce2] .multiselect--active .multiselect__select {
  transform: rotate(180deg);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modern/shared/iq-filter/types/IqFilterRangeSlider.vue?vue&type=style&index=0&id=a3e6925a&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.iq-filter-range-slider[data-v-a3e6925a] .v-slider__thumb-label {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modern/shared/iq-filter/IqFilterSelector.vue?vue&type=style&index=0&id=6ea5e744&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.iq-filter-selector[data-v-6ea5e744] {
  padding: 4px 0;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modern/shared/iq-datatable/IqTableSkeleton.vue?vue&type=style&index=0&id=91ff6f54&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.iq-table-skeleton[data-v-91ff6f54] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 2;
  overflow: hidden;
}
.iq-table-skeleton__table[data-v-91ff6f54] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.iq-table-skeleton__row[data-v-91ff6f54] {
  height: 40px;
  border-bottom: 1px solid #f0f0f3;
}
.iq-table-skeleton__cell[data-v-91ff6f54] {
  padding: 8px 16px;
  vertical-align: middle;
}
.iq-table-skeleton__shimmer[data-v-91ff6f54] {
  height: 12px;
  border-radius: 6px;
  background: linear-gradient(90deg, #eee 25%, #e0e0e6 37%, #eee 63%);
  background-size: 400% 100%;
  animation: iq-shimmer-91ff6f54 1.4s ease infinite;
}
@keyframes iq-shimmer-91ff6f54 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modern/shared/iq-datatable/IqTableToolbar.vue?vue&type=style&index=0&id=1474ba82&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* ── Container ───────────────────────────────────────────────── */
.iq-toolbar[data-v-1474ba82] {
  margin: 0 0 16px;
  padding: 8px 0 0;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1;
}
.iq-toolbar--compact[data-v-1474ba82] {
  margin-bottom: 8px;
}

/* ── Main row (always flex) ──────────────────────────────────── */
.iq-toolbar__row[data-v-1474ba82] {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Title takes available space, shrinks gracefully */
.iq-toolbar__title[data-v-1474ba82] {
  flex: 1 1 auto;
  min-width: 0;
}

/* ── Toggle button (compact only) ────────────────────────────── */
.iq-toolbar__toggle[data-v-1474ba82] {
  flex-shrink: 0;
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: rgba(124, 58, 237, 0.08) !important;
  border: 1.5px solid rgba(124, 58, 237, 0.18) !important;
  color: #7c3aed !important;
  transition: background 0.2s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.iq-toolbar__toggle[data-v-1474ba82]:hover {
  background: rgba(124, 58, 237, 0.14) !important;
}
.iq-toolbar__toggle--open[data-v-1474ba82] {
  background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.iq-toolbar__toggle--open .v-icon[data-v-1474ba82] {
  color: #fff !important;
  transform: rotate(180deg);
}
.iq-toolbar__toggle .v-icon[data-v-1474ba82] {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease;
}

/* ── Desktop actions (inline in __row) ───────────────────────── */
.iq-toolbar__actions[data-v-1474ba82] {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  flex-shrink: 0;
}
.iq-toolbar__action-item[data-v-1474ba82] {
  position: relative;
  flex-shrink: 0;
}

/* ── Compact strip (mobile + tablet, beneath title row) ──────── */
.iq-toolbar__actions--compact[data-v-1474ba82] {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 10px 12px;
  margin: 8px 0 0;
  border-radius: 12px;
  background: rgba(124, 58, 237, 0.04);
  border: 1px solid rgba(124, 58, 237, 0.08);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  max-height: 200px;
  opacity: 1;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease,
    padding 0.3s ease, margin 0.3s ease;
}
.iq-toolbar__actions--compact[data-v-1474ba82]::-webkit-scrollbar {
  display: none;
}
.iq-toolbar__actions--collapsed[data-v-1474ba82] {
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  border-color: transparent;
  pointer-events: none;
}

/* ── Bottom separator ────────────────────────────────────────── */
.iq-toolbar__separator[data-v-1474ba82] {
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 0, 0, 0.06) 20%,
    rgba(0, 0, 0, 0.06) 80%,
    transparent 100%
  );
  margin-top: 8px;
}

/* ── Overlay badge (top-end corner of button) ────────────────── */
.iq-toolbar__btn-badge[data-v-1474ba82] {
  position: absolute;
  top: -6px;
  inset-inline-end: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  background: linear-gradient(135deg, #7c3aed, #a855f7);
  color: #fff;
  box-shadow: 0 2px 6px rgba(124, 58, 237, 0.4);
  border: 2px solid #fff;
  pointer-events: none;
  z-index: 1;
}

/* ── Badge pop animation ─────────────────────────────────────── */
.iq-badge-pop-enter-active[data-v-1474ba82] {
  animation: iqBadgePop-1474ba82 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
.iq-badge-pop-leave-active[data-v-1474ba82] {
  animation: iqBadgePop-1474ba82 0.15s ease reverse both;
}
@keyframes iqBadgePop-1474ba82 {
0% {
    opacity: 0;
    transform: scale(0);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modern/shared/iq-datatable/IqRowActions.vue?vue&type=style&index=0&id=9e7f2690&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* ─────────────────────────────────────────────────────────────────
   TRIGGER — secondary pill, tinted background with coloured text
   ───────────────────────────────────────────────────────────────── */
.actions-trigger[data-v-9e7f2690] {
  min-width: 96px;
  height: 30px !important;
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: 12px !important;
  font-weight: 600;
  border-radius: 20px;
  border: 1.5px solid rgba(124, 58, 237, 0.22) !important;
  background-color: rgba(124, 58, 237, 0.08) !important;
  color: #7c3aed !important;
  box-shadow: none;
  transition: background-color 0.25s ease, box-shadow 0.25s ease,
    border-color 0.25s ease, transform 0.2s ease;
}
.actions-trigger[data-v-9e7f2690]:hover {
  background-color: rgba(124, 58, 237, 0.14) !important;
}
.actions-trigger[data-v-9e7f2690]:active {
  background-color: rgba(124, 58, 237, 0.2) !important;
  transform: translateY(0);
  box-shadow: none;
}
.actions-trigger.v-btn--disabled[data-v-9e7f2690] {
  background-color: rgba(124, 58, 237, 0.04) !important;
  color: rgba(124, 58, 237, 0.35) !important;
  border-color: rgba(124, 58, 237, 0.1) !important;
  box-shadow: none;
}

/* ── Chevron ─────────────────────────────────────────────────── */
.actions-trigger__chevron[data-v-9e7f2690] {
  color: #7c3aed !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 16px !important;
  margin-inline-start: 2px;
}
.actions-trigger[aria-expanded="true"] .actions-trigger__chevron[data-v-9e7f2690] {
  transform: rotate(180deg);
}

/* ── Mobile touch-friendly trigger ───────────────────────────── */
@media (max-width: 600px) {
.actions-trigger[data-v-9e7f2690] {
    min-width: 80px;
    height: 34px !important;
    font-size: 11px !important;
    padding: 0 10px !important;
    /* Ensure 44px minimum touch target with margin */
    margin: 5px 0;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modern/shared/iq-datatable/IqRowActions.vue?vue&type=style&index=1&id=9e7f2690&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* ─────────────────────────────────────────────────────────────────
   MENU & CARD — unscoped (v-menu teleports to body)
   ───────────────────────────────────────────────────────────────── */
.iq-row-actions__menu {
  border-radius: 12px !important;
  overflow: hidden;
  margin-top: 6px;
}
.iq-row-actions__card {
  border-radius: 12px !important;
  padding: 4px 0 !important;
  background: #fff !important;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.1),
    0 4px 12px rgba(124, 58, 237, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

/* ─────────────────────────────────────────────────────────────────
   ACTION ITEMS — works with Vuetify's native hover overlay
   ───────────────────────────────────────────────────────────────── */
.iq-row-actions__card .action-item.v-btn {
  text-transform: none;
  letter-spacing: normal;
  font-size: 13px !important;
  font-weight: 500;
  color: #1f2937 !important;
  min-height: 38px;
  padding: 0 16px !important;
  margin: 0;
  border-radius: 0;
  background-color: transparent !important;
  animation: iqActionSlideIn 0.18s cubic-bezier(0.4, 0, 0.2, 1) both;
}

/* Tint Vuetify's native hover overlay to purple */
.iq-row-actions__card .action-item.v-btn::before {
  background-color: #7c3aed !important;
}
.iq-row-actions__card .action-item.v-btn:hover {
  color: #6d28d9 !important;
}
.iq-row-actions__card .action-item.v-btn--disabled {
  color: #c4b5fd !important;
  opacity: 0.7;
}
@keyframes iqActionSlideIn {
from {
    opacity: 0;
    transform: translateY(-4px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}