/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/scss/style.scss ***!
  \*********************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/flatpickr/dist/flatpickr.min.css ***!
  \*************************************************************************************************/
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/scss/style.scss (1) ***!
  \*************************************************************************************************************************/
@charset "UTF-8";
/**
 * Date Range Picker – AICPW
 *
 * Styles for the reusable AICPW_Date_Range_Picker component.
 * Flatpickr base styles are imported below so they are bundled
 * alongside this component's custom styles in a single request.
 */
/* Flatpickr base styles (resolved from node_modules by css-loader) */
:root {
  /* Fonts */
  --font-primary: "Poppins", sans-serif;
  /* Colors */
  --primary-color: #3caab4;
  --primary-color-100:#11AAB4;
  --secondary-color: #0074A2;
  --secondary-color-100: #285064;
  --secondary-color-200: #4285F4;
  --secondary-color-300: #a9c6cc;
  --dark-secondary-color: #102932;
  --extra-dark-secondary-color: #252A3B1C;
  --tertiary-color: #F08C3C;
  --tertiary-color-light: #FFFCF5;
  --green-color: #009C6F;
  --yellow-color: #FFAA00;
  --red-color: #E10A3E;
  --gray-color: #8E8E8E;
  --gray-color-100: #cccccc;
  --gray-color-200: #e0e0e0;
  --gray-color-300:#C1CFDE;
  --gray-color-400: #f0f0f1;
  --gray-color-500: #d3d3d3;
  --gray-color-600: #f5f5f5;
  --gray-color-light: #FAFAFA;
  --charcoal-gray: #4A494B;
  --spanish-gray: #939598;
  --slate-gray: #9C9C9C;
  --body-color: #1B1B1B;
  --white-color: #FFFFFF;
  --white-color-100: #F9F9F9;
  --white-color-200: #FCFCFC;
  --white-color-300: #F4F5F7;
  --black-color: #000000;
  --black-color-100: #414042;
  --red-color-100: #a94442;
  --red-color-200: #f2dede;
  --success-color: #46b450;
  --success-color-100: #3c763d;
  --success-color-200: #dff0d8;
  --loading-100: #DCF1F5;
  --loading-200: #f0f6fc;
  --light-blue: #EDF8FA;
  --light-blue-100: #BAC3D0;
  --light-yellow: #FCF7EB;
  --brink-pink: #F05B7D;
  --brink-pink-light: #f05b7d17;
  --dark-teal: #00A8B5;
  --fountain-blue-100: #E6F6F7;
  --teal-blue: #22566E;
  --teal-blue-100: #548091;
  /* Font Sizes */
  --font-size-36: 36px;
  --font-size-30: 30px;
  --font-size-h1: 24px;
  --font-size-h2: 18px;
  --font-size-body: 14px;
  --font-size-28: 28px;
  --font-size-20: 20px;
  --font-size-16: 16px;
  --font-size-15: 15px;
  --font-size-13: 13px;
  --font-size-12: 12px;
  --font-size-0: 0;
  /* Font Weights */
  --font-weight-900: 900;
  --font-weight-700: 700;
  --font-weight-600: 600;
  --font-weight-500: 500;
  --font-weight-400: 400;
  /* Border Radius */
  --border-radius-34: 34px;
  --border-radius-18: 18px;
  --border-radius-extra-large: 16px;
  --border-radius-50: 50px;
  --border-radius-12: 12px;
  --border-radius-10: 10px;
  --border-radius-large: 8px;
  --border-radius-5: 5px;
  --border-radius: 4px;
  --border-radius-3: 3px;
  --border-radius-small: 2px;
  --border-radius-extra-small: 0;
}

/** -----------------------------------------------------------------------------
*** This file contains all application-wide Sass mixins.
* -----------------------------------------------------------------------------
* Media Query mixin
* RESPOND ABOVE
* –––––––––––––––––––––––––––––––––––––––––––––––––– */
/** @include respond-above(sm) {} */
/**  RESPOND BELOW
* –––––––––––––––––––––––––––––––––––––––––––––––––– */
/** @include respond-below(sm) {} */
/**  RESPOND BETWEEN
* –––––––––––––––––––––––––––––––––––––––––––––––––– */
/** @include respond-between(sm, md) {} */
/** Mini laptop resolution 1349 X 662 and 1246 X 681 and 1218 X 672 */
/** Mobile only */
/** Portrait mobile */
/** Landscape mobile */
.zwssgr-disable {
  background-color: var(--gray-color-100);
  color: var(--slate-gray);
  cursor: not-allowed;
  pointer-events: none;
}
.zwssgr-plugin-popup .zwssgr-btn {
  padding: 10px 15px;
  display: inline-block;
}
.zwssgr-submit-btn.button {
  padding: 20px 24px;
  border-radius: var(--border-radius);
  border: 1px solid var(--secondary-color);
  background-color: var(--white-color);
  color: var(--secondary-color);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-500);
  font-family: var(--font-primary);
  line-height: 1;
  cursor: pointer;
}
.zwssgr-submit-btn.button:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}
.zwssgr-disconnect-wrapper .zwssgr-disconnect-btn {
  background-color: var(--red-color);
  color: var(--white-color);
  border: 1px solid var(--red-color);
  margin: 0 10px 0 0;
  /** If the breakpoint exists in the map. */
  /** Get the breakpoint value. */
  /** Write the media query. */
  /** If the breakpoint doesn't exist in the map. */
}
@media (max-width: 767px) {
  .zwssgr-disconnect-wrapper .zwssgr-disconnect-btn {
    margin: 10px 0 0 0;
  }
}
.zwssgr-disconnect-wrapper .zwssgr-disconnect-btn:hover {
  background-color: transparent;
  border-color: var(--red-color);
  box-shadow: 0 0 0 1px var(--red-color);
  color: var(--red-color);
}
.zwssgr-btn {
  background-color: var(--tertiary-color);
  padding: 20px 24px;
  border-radius: var(--border-radius);
  color: var(--dark-secondary-color);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-500);
  font-family: var(--font-primary);
  border: 1px solid var(--tertiary-color-light);
  cursor: pointer;
  text-decoration: none;
}
.zwssgr-btn:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--white-color);
}
.zwssgr-select-btn {
  padding: 10px;
  font-size: var(--font-size-14);
}

.aipcw-container {
  margin-top: 25px;
  /* Chrome, Safari, Edge */
  /* Firefox */
  /* Optional: reset appearance */
}
.aipcw-container * {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-400);
  line-height: 100%;
  font-family: var(--font-primary);
}
.aipcw-container p {
  font-size: var(--font-size-body);
  margin: 0;
  line-height: 100%;
}
.aipcw-container p.about-section {
  line-height: 1.5;
  max-width: 1185px;
}
.aipcw-container h1 {
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-600);
  line-height: 32px;
  color: var(--dark-secondary-color);
  padding: 0;
  margin: 0 0 8px 0;
}
.aipcw-container .aicpw-page-subtitle {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0;
}
.aipcw-container .primary-btn {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--white-color);
  background: var(--teal-blue);
  border: 1px solid var(--teal-blue-100);
  border-radius: 4px;
  padding: 9px 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.aipcw-container .primary-btn span {
  display: inline-block;
  font-size: 0;
}
.aipcw-container .primary-btn:hover {
  background-color: var(--dark-secondary-color);
  background: var(--dark-secondary-color);
  color: var(--white-color);
  border: 1px solid var(--teal-blue-100);
}
.aipcw-container .primary-btn:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--teal-blue-100);
  background: var(--teal-blue);
  color: var(--white-color);
}
.aipcw-container .primary-btn:disabled, .aipcw-container .primary-btn[aria-disabled=true] {
  cursor: not-allowed;
  opacity: 0.55;
  pointer-events: none;
}
.aipcw-container .aicpw-btn-secondary {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  padding: 9px 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.aipcw-container .aicpw-btn-secondary span {
  display: inline-block;
  font-size: 0;
}
.aipcw-container .aicpw-btn-secondary:hover {
  background: var(--secondary-color);
  background-color: var(--secondary-color);
  color: var(--white-color);
  border: 1px solid var(--dark-teal);
}
.aipcw-container .aicpw-btn-secondary:hover svg path {
  fill: var(--white-color);
}
.aipcw-container .aicpw-btn-secondary:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--dark-teal);
  background: var(--secondary-color);
  color: var(--white-color);
}
.aipcw-container .aicpw-btn-secondary:disabled, .aipcw-container .aicpw-btn-secondary[aria-disabled=true] {
  cursor: not-allowed;
  opacity: 0.55;
  pointer-events: none;
}
.aipcw-container a:focus {
  box-shadow: none;
  outline: none;
}
.aipcw-container .notice p {
  margin: 0.5em 0;
}
.aipcw-container select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%278%27 viewBox=%270 0 14 8%27 fill=%27none%27%3E%3Cpath d=%27M13.165 0.698969L12.5717 0.105632C12.4309 -0.0352107 12.2031 -0.0352107 12.0623 0.105632L6.63533 5.52058L1.2084 0.105632C1.06756 -0.0352107 0.839812 -0.0352107 0.698969 0.105632L0.105632 0.698969C-0.0352107 0.839812 -0.0352107 1.06756 0.105632 1.2084L6.38062 7.48339C6.52146 7.62423 6.74921 7.62423 6.89005 7.48339L13.165 1.2084C13.3059 1.06756 13.3059 0.839812 13.165 0.698969Z%27 fill=%27%23285064%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 14px 8px;
  padding-right: 44px;
}
.aipcw-container input[type=search]::-webkit-search-cancel-button,
.aipcw-container input[type=search]::-webkit-search-decoration,
.aipcw-container input[type=search]::-webkit-search-results-button,
.aipcw-container input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.aipcw-container input[type=search] {
  -moz-appearance: textfield;
}
.aipcw-container input[type=search] {
  -webkit-appearance: none;
  appearance: none;
}
.aipcw-container input[type=text]::placeholder {
  color: var(--spanish-gray) !important;
}

/* ─── Shared Confirmation Modal ─── */
.aicpw-confirm-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100000;
  padding: 20px;
}
.aicpw-confirm-modal-overlay[hidden] {
  display: none;
}

.aicpw-confirm-modal {
  background: var(--white-color-100, #fff);
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  max-width: 440px;
  width: 100%;
  padding: 24px;
  position: relative;
  text-align: left;
}
.aicpw-confirm-modal .aicpw-confirm-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--black-color-100, #333);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background 0.2s ease, color 0.2s ease;
}
.aicpw-confirm-modal .aicpw-confirm-modal-close:hover {
  background: rgba(0, 0, 0, 0.06);
  color: var(--black-color-100, #333);
}
.aicpw-confirm-modal .aicpw-confirm-modal-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--black-color-100, #333);
  margin: 0 32px 12px 0;
}
.aicpw-confirm-modal .aicpw-confirm-modal-message {
  font-size: 14px;
  line-height: 1.5;
  color: var(--black-color-100, #333);
  margin: 0 0 24px 0;
}
.aicpw-confirm-modal .aicpw-confirm-modal-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.aicpw-confirm-modal .aicpw-confirm-modal-btn {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.aicpw-confirm-modal .aicpw-confirm-modal-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.aicpw-confirm-modal .aicpw-confirm-modal-btn-confirm {
  background: #e10a3e;
  color: #fff;
}
.aicpw-confirm-modal .aicpw-confirm-modal-btn-confirm:hover:not(:disabled) {
  opacity: 0.9;
}
.aicpw-confirm-modal .aicpw-confirm-modal-btn-cancel {
  background: var(--secondary-color, #0074a2);
  color: #fff;
}
.aicpw-confirm-modal .aicpw-confirm-modal-btn-cancel:hover:not(:disabled) {
  opacity: 0.9;
}

/* Page/Post Selector Dropdown */
.aicpw-page-suggestions {
  max-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
}
.aicpw-page-suggestions:empty {
  display: none;
}
.aicpw-page-suggestions .aicpw-suggestion-item {
  padding: 10px 12px;
  border-radius: 8px;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.aicpw-page-suggestions .aicpw-suggestion-item:hover {
  background: var(--loading-100);
}
.aicpw-page-suggestions .aicpw-suggestion-item.aicpw-suggestion-selected {
  opacity: 0.7;
  cursor: default;
}

/* Admin-specific styles */
/* Category table hover actions */
.aicpw-categories-table-wrapper .wp-list-table tbody tr:hover .row-actions {
  visibility: visible;
}

.aicpw-categories-table-wrapper .wp-list-table .row-actions {
  visibility: hidden;
}

/**
 * Settings Page Styles
 */
.aicpw-settings-container {
  margin-top: 36px;
}

.aicpw-settings-wrap .aicpw-settings-container:not(.aicpw-settings-is-tabbed) > .aicpw-settings-section {
  display: none;
}

.aicpw-settings-container.aicpw-settings-is-tabbed {
  margin-top: 24px;
}

.aicpw-settings-tabs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 12px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--light-blue-100);
}

.aicpw-settings-tab {
  appearance: none;
  border: 1px solid var(--light-blue-100);
  background: var(--white-color-200);
  color: var(--dark-secondary-color);
  border-radius: 8px;
  padding: 8px 12px;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-500);
  line-height: 20px;
  cursor: pointer;
}

.aicpw-settings-tab:hover {
  border-color: var(--secondary-color);
}

.aicpw-settings-tab:focus {
  outline: 2px solid var(--secondary-color);
  outline-offset: 2px;
}

.aicpw-settings-tab.is-active,
.aicpw-settings-tab[aria-selected=true] {
  background: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--white-color);
}

.aicpw-settings-tab-panel[hidden] {
  display: none;
}

.aicpw-settings-section {
  background: var(--white-color-100);
  border-radius: 8px;
  margin-bottom: 24px;
  padding: 24px;
}
.aicpw-settings-section:last-child {
  margin-bottom: 0;
}

.aicpw-section-header {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--light-blue-100);
}
.aicpw-section-header h2 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-20);
  line-height: 28px;
  color: var(--dark-secondary-color);
  margin: 0 0 8px 0;
}
.aicpw-section-header .aicpw-section-description {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
}

form .aicpw-form-field {
  margin-bottom: 24px;
}
form .aicpw-form-field label {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  display: inline-block;
  margin: 0 0 8px 0;
  color: var(--black-color-100);
}
form .aicpw-form-field .aicpw-field-help {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
}
form .aicpw-form-actions {
  margin-top: 24px;
  text-align: right;
}

.aicpw-settings-container .aicpw-select-field {
  width: 100%;
  max-width: none;
  padding: 10px 44px 10px 16px;
  border: 1px solid var(--dark-teal);
  border-radius: 8px;
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  background-color: var(--white-color-200);
  background-position: right 16px center;
  background-size: 14px 8px;
  background-repeat: no-repeat;
  transition: all 0.2s ease;
  height: 40px;
  box-sizing: border-box;
  margin-bottom: 8px;
}
.aicpw-settings-container .aicpw-input-field {
  width: 100%;
  max-width: none;
  padding: 10px 16px;
  border: 1px solid var(--dark-teal);
  border-radius: 8px;
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  background-color: var(--white-color-200);
  transition: all 0.2s ease;
  height: 40px;
  box-sizing: border-box;
  margin-bottom: 8px;
}

.aicpw-info-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: var(--fountain-blue-100);
  border-left: 2px solid var(--dark-teal);
  box-shadow: 2px 5px 56px 0px rgba(23, 52, 79, 0.0509803922);
  margin-top: 20px;
}
.aicpw-info-note .dashicons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.aicpw-info-note .dashicons:before {
  content: none;
}
.aicpw-info-note .aicpw-info-note-content {
  flex: 1;
}
.aicpw-info-note .aicpw-info-note-content strong {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--secondary-color);
  display: inline-block;
  margin-bottom: 8px;
}
.aicpw-info-note .aicpw-info-note-content p {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
}

/* Visitor Profiles Settings Card */
.aicpw-settings-card .aicpw-toggle-field-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 32px;
}
.aicpw-settings-card .aicpw-toggle-field-wrapper .aicpw-toggle-label-wrapper {
  flex: 1;
}
.aicpw-settings-card .aicpw-toggle-field-wrapper label {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0 0 8px 0;
}
.aicpw-settings-card .aicpw-toggle-field-wrapper .aicpw-field-help {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
}
.aicpw-settings-card .aicpw-toggle-field-wrapper .aicpw-toggle-switch {
  position: relative;
  display: inline-block;
  width: 43px;
  height: 27px;
  cursor: pointer;
  border-radius: 27px;
}
.aicpw-settings-card .aicpw-toggle-field-wrapper .aicpw-toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.aicpw-settings-card .aicpw-toggle-field-wrapper .aicpw-toggle-switch input:checked + .aicpw-toggle-slider {
  background-color: var(--secondary-color);
}
.aicpw-settings-card .aicpw-toggle-field-wrapper .aicpw-toggle-switch input:checked + .aicpw-toggle-slider:before {
  transform: translateX(16px);
}
.aicpw-settings-card .aicpw-toggle-field-wrapper .aicpw-toggle-switch:after {
  content: none;
}
.aicpw-settings-card .aicpw-toggle-field-wrapper .aicpw-toggle-switch.active .aicpw-toggle-slider {
  background-color: var(--secondary-color);
}
.aicpw-settings-card .aicpw-toggle-field-wrapper .aicpw-toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.3s;
  border-radius: 26px;
}
.aicpw-settings-card .aicpw-toggle-field-wrapper .aicpw-toggle-slider:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 3px;
  bottom: 3px;
  background-color: var(--white-color-200);
  transition: 0.3s;
  border-radius: 50%;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1215686275);
}
.aicpw-settings-card .aicpw-info-box-inline {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  background-color: rgba(147, 149, 152, 0.2);
  border: 1px solid var(--slate-gray);
  border-radius: 8px;
  padding: 10px 16px;
}
.aicpw-settings-card .aicpw-info-box-inline strong {
  font-weight: var(--font-weight-500);
}

/* Security Section */
.aicpw-subsection {
  background-color: var(--white-color);
  padding: 16px;
  margin-bottom: 24px;
}
.aicpw-subsection .aicpw-subsection-header h3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--black-color-100);
}
.aicpw-subsection .aicpw-section-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
}
.aicpw-subsection .aicpw-section-title-row h4 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0 0 8px 0;
}
.aicpw-subsection .aicpw-section-title-row .aicpw-section-subtitle {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0;
}
.aicpw-subsection .aicpw-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 50px;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-500);
  line-height: 20px;
}
.aicpw-subsection .aicpw-status-badge.aicpw-status-connected {
  background: rgba(0, 156, 111, 0.1019607843);
  color: var(--green-color);
}
.aicpw-subsection .aicpw-status-badge.aicpw-status-active {
  background: rgba(0, 156, 111, 0.1019607843);
  color: var(--green-color);
}
.aicpw-subsection .aicpw-status-badge.aicpw-status-error {
  background: var(--red-color);
  color: var(--white-color);
}
.aicpw-subsection .aicpw-status-badge.aicpw-status-disconnected {
  background: rgba(156, 156, 156, 0.2);
  color: var(--charcoal-gray);
}
.aicpw-subsection .aicpw-status-badge.aicpw-status-inactive {
  background: rgba(156, 156, 156, 0.2);
  color: var(--charcoal-gray);
}
.aicpw-subsection .aicpw-form-row {
  display: flex;
  gap: 24px;
  margin-bottom: 16px;
}
.aicpw-subsection .aicpw-form-row .aicpw-form-field {
  flex: 1;
  margin: 0;
}
.aicpw-subsection .aicpw-form-row .aicpw-form-field label .required {
  font-size: var(--font-size-body);
  color: var(--red-color);
}
.aicpw-subsection .aicpw-form-row .aicpw-form-field .aicpw-select-field {
  margin: 0;
}
.aicpw-subsection .aicpw-form-field {
  margin: 0;
}
.aicpw-subsection .aicpw-form-field .aicpw-input-with-button {
  display: flex;
  gap: 16px;
}
.aicpw-subsection .aicpw-form-field .aicpw-input-with-button .aicpw-input-field {
  flex: 1;
}
.aicpw-subsection .aicpw-form-field .aicpw-input-with-button .aicpw-input-with-copy {
  flex: 1;
}
.aicpw-subsection .aicpw-form-field .aicpw-btn {
  height: 40px;
}
.aicpw-subsection .aicpw-form-field .aicpw-btn .dashicons {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.aicpw-subsection .aicpw-form-field .aicpw-btn .dashicons:after {
  content: none;
}
.aicpw-subsection .aicpw-form-field .aicpw-btn .dashicons:before {
  content: none;
}
.aicpw-subsection .aicpw-form-field .aicpw-field-help .aicpw-link {
  font-weight: var(--font-weight-500);
  color: var(--secondary-color);
  text-decoration: none;
}
.aicpw-subsection .aicpw-form-field .aicpw-field-help .aicpw-link:hover {
  text-decoration: underline;
}
.aicpw-subsection .aicpw-input-with-button {
  display: flex;
  gap: 16px;
}
.aicpw-subsection .aicpw-input-with-copy {
  position: relative;
  flex: 1;
}
.aicpw-subsection .aicpw-input-with-copy .aicpw-input-field {
  margin: 0;
}
.aicpw-subsection .aicpw-input-with-copy .aicpw-btn-icon {
  background: transparent;
  box-shadow: none;
  border: 0;
  padding: 0;
  font-size: 0;
  position: absolute;
  right: 17px;
  top: 13px;
  cursor: pointer;
}
.aicpw-subsection .aicpw-btn {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.aicpw-subsection .aicpw-btn span {
  display: inline-flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.aicpw-message-success {
  margin-top: 10px;
  color: var(--green-color);
  padding: 6px;
  background: rgba(0, 156, 111, 0.1019607843);
}

.aicpw-message-error {
  margin-top: 10px;
  color: var(--red-color);
  padding: 6px;
  background: rgba(225, 10, 62, 0.0509803922);
}

.aicpw-message-info {
  margin-top: 10px;
  color: var(--secondary-color);
  padding: 6px;
  background: var(--loading-200);
}

/* Warning Note */
.aicpw-warning-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: rgba(225, 10, 62, 0.0509803922);
  border-left: 2px solid var(--red-color);
  box-shadow: 2px 5px 56px 0px rgba(23, 52, 79, 0.0509803922);
}
.aicpw-warning-note .dashicons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.aicpw-warning-note .dashicons:before {
  content: none;
}
.aicpw-warning-note .aicpw-warning-note-content {
  flex: 1;
}
.aicpw-warning-note .aicpw-warning-note-content strong {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--red-color);
  display: inline-block;
  margin-bottom: 8px;
}
.aicpw-warning-note .aicpw-warning-note-content p {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
}

.aicpw-info-box-inline {
  display: inline-block;
  margin-top: 15px;
}

/* Field Mapping Block */
.field-mapping-section .aicpw-form-field label {
  display: inline-block;
  margin: 4px 0 14px;
}
.field-mapping-section .aicpw-form-field .aicpw-field-help {
  margin: 5px 0;
}
.field-mapping-section .aicpw-form-actions {
  margin: 20px 0;
}
.field-mapping-section .aicpw-form-actions span {
  display: flex;
  align-items: center;
}

#aicpw-field-mapping-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 20px;
}
#aicpw-field-mapping-container .aicpw-field-mapping-row {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--white-color);
  border-radius: 8px;
  padding: 16px;
  gap: 14px;
  justify-content: flex-end;
}
#aicpw-field-mapping-container .aicpw-field-mapping-row .aicpw-btn-remove {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  display: flex;
  gap: 6px;
  align-items: center;
  text-decoration: none;
  color: var(--red-color);
  cursor: pointer;
}
#aicpw-field-mapping-container .aicpw-condition-input-wrapper {
  display: flex;
  width: 100%;
  gap: 16px;
}

/* AI Settings (Global Settings tab) */
.aicpw-ai-settings-card {
  background: transparent;
  position: relative;
}

.aicpw-ai-settings-loader {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 160px;
  padding: 20px 0;
}
.aicpw-ai-settings-loader .spinner {
  float: none;
  margin: 0;
}

.aicpw-ai-settings-card.is-loading .aicpw-ai-settings-loader {
  display: flex;
}
.aicpw-ai-settings-card.is-loading .aicpw-ai-settings-content {
  display: none;
}

.aicpw-settings-wrap .aicpw-ai-settings-section #aicpw-ai-page-items-container,
.aicpw-settings-wrap .aicpw-ai-settings-section #aicpw-ai-country-items-container {
  max-width: 596px;
}
.aicpw-settings-wrap .aicpw-ai-settings-section .aicpw-custom-url-label,
.aicpw-settings-wrap .aicpw-ai-settings-section .aicpw-custom-url-wrapper {
  display: none;
}
.aicpw-settings-wrap .aicpw-ai-settings-section .aicpw-suggestion-url {
  display: none;
}
.aicpw-settings-wrap .aicpw-ai-settings-section .aicpw-page-item-row {
  width: 100%;
}
.aicpw-settings-wrap .aicpw-ai-settings-section .aicpw-page-search-input {
  width: 100%;
  max-width: none;
  margin: 0;
}

/* Dashboard Container */
.aicpw-dashboard-container {
  margin-top: 36px;
}

/* KPI Widgets Section */
.aicpw-kpi-widgets {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 24px;
}
.aicpw-kpi-widgets .aicpw-kpi-widget {
  background: var(--white-color);
  border-radius: 8px;
  padding: 20px;
}
.aicpw-kpi-widgets .aicpw-kpi-widget-header {
  margin-bottom: 16px;
}
.aicpw-kpi-widgets .aicpw-kpi-widget-header .aicpw-kpi-label {
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-400);
  line-height: 20px;
  color: var(--body-color);
}
.aicpw-kpi-widgets .aicpw-kpi-widget-visitors {
  background-color: var(--light-blue);
  border-bottom: 2px solid var(--secondary-color);
}
.aicpw-kpi-widgets .aicpw-kpi-widget-visitors .aicpw-kpi-value {
  color: var(--secondary-color);
}
.aicpw-kpi-widgets .aicpw-kpi-widget-visitors .aicpw-kpi-subtitle {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.aicpw-kpi-widgets .aicpw-kpi-widget-visitors .aicpw-kpi-subtitle .aicpw-kpi-separator {
  color: var(--charcoal-gray);
  opacity: 20%;
}
.aicpw-kpi-widgets .aicpw-kpi-widget-visitors .aicpw-kpi-subtitle p span {
  font-weight: var(--font-weight-500);
  color: var(--secondary-color);
  line-height: 20px;
}
.aicpw-kpi-widgets .aicpw-kpi-widget-content .aicpw-kpi-icon {
  height: 56px;
  width: 56px;
}
.aicpw-kpi-widgets .aicpw-kpi-widget-content .aicpw-kpi-value {
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-30);
  line-height: 40px;
  margin-bottom: 4px;
}
.aicpw-kpi-widgets .aicpw-kpi-widget-content .aicpw-kpi-title {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--body-color);
}
.aicpw-kpi-widgets .aicpw-kpi-widget-content {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}
.aicpw-kpi-widgets .aicpw-kpi-subtitle p {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-400);
  line-height: 20px;
  color: var(--charcoal-gray);
}
.aicpw-kpi-widgets .aicpw-kpi-widget-rules {
  background-color: var(--tertiary-color-light);
  border-bottom: 2px solid var(--tertiary-color);
}
.aicpw-kpi-widgets .aicpw-kpi-widget-rules .aicpw-kpi-subtitle p span {
  color: var(--tertiary-color);
  font-weight: var(--font-weight-500);
}
.aicpw-kpi-widgets .aicpw-kpi-widget-rules .aicpw-kpi-widget-content .aicpw-kpi-value {
  color: var(--tertiary-color);
}
.aicpw-kpi-widgets .aicpw-kpi-widget-leads {
  background-color: var(--brink-pink-light);
  border-bottom: 2px solid var(--brink-pink);
}
.aicpw-kpi-widgets .aicpw-kpi-widget-leads .aicpw-kpi-widget-content .aicpw-kpi-value {
  color: var(--brink-pink);
}
.aicpw-kpi-widgets .aicpw-kpi-widget-leads .aicpw-kpi-subtitle p .score-value {
  color: var(--brink-pink);
  font-weight: var(--font-weight-500);
}

/* Lead Dashboard section*/
.aicpw-lead-dashboard {
  background-color: var(--white-color-100);
  padding: 24px;
  margin-bottom: 24px;
  border-radius: 8px;
}

.aicpw-lead-dashboard-header {
  margin-bottom: 24px;
}
.aicpw-lead-dashboard-header h3 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-20);
  line-height: 28px;
  margin: 0 0 8px 0;
  color: var(--dark-secondary-color);
}
.aicpw-lead-dashboard-header .aicpw-lead-dashboard-description {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
}

.aicpw-lead-filters {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.aicpw-lead-filters .group-1 {
  display: flex;
  gap: 16px;
  flex-shrink: 0;
  align-items: center;
}
.aicpw-lead-filters .group-1 select {
  background-color: var(--white-color-200);
  border: 1px solid var(--dark-teal);
  width: 250px;
  padding: 8px 10px;
  height: 40px;
  border-radius: 8px;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-400);
  line-height: 20px;
}
.aicpw-lead-filters .group-1 .aicpw-reset-lead-filters {
  height: 40px;
  padding: 0 16px;
  border-radius: 8px;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-500);
  border: 1px solid var(--dark-teal);
  background: var(--white-color);
  color: var(--dark-teal);
  cursor: pointer;
  white-space: nowrap;
}
.aicpw-lead-filters .group-1 .aicpw-reset-lead-filters:hover {
  background: var(--white-color-200);
}
.aicpw-lead-filters .group-2 {
  display: flex;
  align-items: center;
}
.aicpw-lead-filters .group-2 .aicpw-lead-filter-search-input {
  background-color: var(--white-color-200);
  border: 1px solid var(--dark-teal);
  border-radius: 8px;
  width: 246px;
  height: 40px;
  padding: 10px 16px;
}
.aicpw-lead-filters .group-2 .aicpw-lead-filter-search-input::placeholder {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  color: var(--spanish-gray);
  line-height: 20px;
  vertical-align: middle;
}
.aicpw-lead-filters .group-2 .aicpw-lead-filter-group {
  position: relative;
}
.aicpw-lead-filters .group-2 .aicpw-lead-filter-group .aicpw-lead-filter-search-icon {
  position: absolute;
  top: 12px;
  right: 16px;
  cursor: pointer;
}

.aicpw-lead-table-wrapper {
  overflow-x: auto;
}

.aicpw-dashboard-container .aicpw-lead-table-wrapper {
  overflow-x: visible;
}

.aicpw-lead-table-wrapper {
  position: relative;
}
.aicpw-lead-table-wrapper .aicpw-lead-table-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: 8px;
}
.aicpw-lead-table-wrapper .aicpw-lead-table-loading .aicpw-loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid var(--loading-100);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  animation: aicpw-spin 1s linear infinite;
}
.aicpw-lead-table-wrapper .aicpw-lead-table-loading .aicpw-loading-text {
  margin-top: 12px;
  color: var(--charcoal-gray);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-400);
}

@keyframes aicpw-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.aicpw-lead-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-size-body);
}
.aicpw-lead-table thead {
  background: var(--loading-100);
}
.aicpw-lead-table thead th {
  padding: 12px 16px;
  text-align: left;
  font-weight: var(--font-weight-600);
  color: var(--dark-secondary-color);
  line-height: 20px;
}
.aicpw-lead-table thead tr th:first-child {
  border-top-left-radius: 8px;
}
.aicpw-lead-table thead tr th:last-child {
  border-top-right-radius: 8px;
}
.aicpw-lead-table tbody td {
  padding: 12px 16px;
  color: var(--charcoal-gray);
  vertical-align: middle;
}
.aicpw-lead-table tbody tr {
  background-color: var(--white-color);
}
.aicpw-lead-table tbody tr:nth-child(even) {
  background-color: var(--white-color-300);
}
.aicpw-lead-table tbody .aicpw-lead-name {
  font-weight: var(--font-weight-500);
  line-height: 20px;
}
.aicpw-lead-table tbody .aicpw-lead-name .aicpw-lead-name-link {
  color: var(--dark-secondary-color);
  text-decoration: none;
  transition: color 0.2s;
}
.aicpw-lead-table tbody .aicpw-lead-name .aicpw-lead-name-link:hover {
  color: var(--dark-teal);
  text-decoration: underline;
}
.aicpw-lead-table tbody .aicpw-lead-email {
  font-weight: var(--font-weight-400);
  line-height: 20px;
}
.aicpw-lead-table tbody .aicpw-lead-segment {
  font-weight: var(--font-weight-400);
  line-height: 20px;
  position: relative;
}
.aicpw-lead-table tbody .aicpw-lead-segment .seg-trigger {
  cursor: default;
  font-weight: 500;
}
.aicpw-lead-table tbody .aicpw-lead-segment .seg-count {
  margin-left: 6px;
  font-size: 12px;
}
.aicpw-lead-table tbody .aicpw-lead-segment .seg-tooltip {
  position: absolute;
  left: 0;
  top: -8px;
  transform: translateY(-100%);
  background: var(--white-color);
  color: var(--white-color);
  padding: 10px;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  width: 260px;
  max-height: 150px;
  overflow-y: auto;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease;
  z-index: 999;
}
.aicpw-lead-table tbody .aicpw-lead-segment.has-tooltip.seg-tooltip-open .seg-tooltip {
  opacity: 1;
  pointer-events: auto;
}
.aicpw-lead-table tbody .aicpw-lead-segment .seg-tag {
  background: var(--teal-blue);
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
}
.aicpw-lead-table tbody .aicpw-lead-segment .seg-tag-link {
  color: inherit;
  text-decoration: none;
}
.aicpw-lead-table tbody .aicpw-lead-segment .seg-tag-link:hover {
  text-decoration: underline;
}
.aicpw-lead-table tbody .aicpw-lead-segment .seg-trigger-link {
  color: inherit;
  text-decoration: none;
}
.aicpw-lead-table tbody .aicpw-lead-segment .seg-trigger-link:hover {
  text-decoration: underline;
}
.aicpw-lead-table tbody .aicpw-lead-last-visit {
  font-weight: var(--font-weight-400);
  line-height: 20px;
}
.aicpw-lead-table tbody .aicpw-lead-page-views {
  font-weight: var(--font-weight-400);
  line-height: 20px;
}
.aicpw-lead-table tbody .aicpw-lead-score {
  padding: 8px 16px;
}
.aicpw-lead-table tbody .aicpw-lead-score .aicpw-lead-score-badge {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--white-color);
  padding: 4px 9px;
  border-radius: 4px;
  min-width: 20px;
  display: inline-block;
  text-align: center;
}
.aicpw-lead-table tbody .aicpw-lead-score .aicpw-lead-score-badge.high {
  background: var(--green-color);
}
.aicpw-lead-table tbody .aicpw-lead-score .aicpw-lead-score-badge.medium {
  background: var(--yellow-color);
}
.aicpw-lead-table tbody .aicpw-lead-score .aicpw-lead-score-badge.low {
  background: var(--red-color);
}
.aicpw-lead-table tbody .aicpw-no-leads-row {
  background-color: var(--white-color) !important;
}
.aicpw-lead-table tbody .aicpw-no-leads-row .aicpw-no-leads-message {
  padding: 24px 16px;
  text-align: center;
  color: var(--charcoal-gray);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
}

.aicpw-lead-dashboard .aicpw-view-all-leads-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

/* Analytics Charts – section header with date range picker */
.aicpw-charts-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
  /* Push the date range picker to the far right */
}
.aicpw-charts-section-header .aicpw-section-title {
  margin: 0;
  flex-shrink: 0;
}
.aicpw-charts-section-header .aicpw-drp-wrapper {
  margin-left: auto;
  flex-shrink: 0;
  position: relative;
}

/* Analytics Charts Section*/
.aicpw-dashboard-charts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 24px;
}

.aicpw-chart-widget {
  background: var(--white-color-100);
  padding: 24px;
  border-radius: 8px;
}

.aicpw-chart-header h3 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-20);
  line-height: 28px;
  color: var(--dark-secondary-color);
  margin: 0 0 8px 0;
}
.aicpw-chart-header .aicpw-chart-description {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0;
}

.aicpw-chart-container {
  position: relative;
  height: 356px;
  margin-top: 32px;
}

.aicpw-chart-empty-state {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 28px 24px;
  pointer-events: none;
}

.aicpw-chart-empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  opacity: 0.85;
}

.aicpw-chart-empty-title {
  font-size: var(--font-size-20);
  line-height: 28px;
  font-weight: var(--font-weight-600);
  color: #9aa5b4;
  margin: 0 0 12px 0;
}

.aicpw-chart-empty-text {
  font-size: var(--font-size-body);
  line-height: 22px;
  font-weight: var(--font-weight-400);
  color: #7b8695;
  max-width: 360px;
  margin: 0;
}

@media (max-width: 1280px) {
  .aicpw-chart-empty-state {
    padding: 24px 16px;
  }
  .aicpw-chart-empty-icon svg {
    width: 72px;
    height: 72px;
  }
  .aicpw-chart-empty-title {
    font-size: var(--font-size-16);
    line-height: 22px;
  }
  .aicpw-chart-empty-text {
    font-size: 13px;
    line-height: 20px;
    max-width: 300px;
  }
}
@media (max-width: 782px) {
  .aicpw-chart-empty-icon svg {
    width: 64px;
    height: 64px;
  }
  .aicpw-chart-empty-title {
    font-size: 15px;
    line-height: 20px;
  }
  .aicpw-chart-empty-text {
    font-size: 12px;
    line-height: 18px;
    max-width: 260px;
  }
}
.aicpw-custom-legend {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 32px;
  margin-top: 32px;
}
.aicpw-custom-legend .aicpw-legend-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  transition: opacity 0.2s ease;
}
.aicpw-custom-legend .aicpw-legend-item span {
  display: inline-block;
}
.aicpw-custom-legend .aicpw-legend-color {
  width: 41px;
  height: 15px;
  border-radius: 40px;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

/* Visitor Activity Over Time*/
.aicpw-dashboard-full-width {
  margin-bottom: 24px;
}
.aicpw-dashboard-full-width .aicpw-chart-bar {
  margin-top: 24px;
  height: auto;
  min-height: 226px;
}
.aicpw-dashboard-full-width .aicpw-legend-horizontal {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

/* Top 5 Recent Activities Section*/
.aicpw-recent-activities {
  background: var(--white-color-100);
  padding: 24px;
  border-radius: 8px;
}
.aicpw-recent-activities .aicpw-section-title {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-20);
  line-height: 28px;
  color: var(--dark-secondary-color);
  margin: 0 0 24px 0;
}

.aicpw-tabs {
  display: flex;
  border-bottom: 1px solid rgba(156, 156, 156, 0.2);
  margin: 0 0 24px 0;
}
.aicpw-tabs .aicpw-tab-button {
  font-size: var(--font-size-16);
  color: var(--secondary-color-100);
  font-weight: var(--font-weight-500);
  background: none;
  border: none;
  padding: 12px 20px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  transition: color 0.3s ease;
}
.aicpw-tabs .aicpw-tab-button:hover {
  color: var(--primary-color-100);
}
.aicpw-tabs .aicpw-tab-button.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--primary-color-100);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.aicpw-tab-content {
  display: none;
}
.aicpw-tab-content.active {
  display: block;
}
.aicpw-tab-content .aicpw-view-more-wrapper {
  margin-top: 24px;
  text-align: right;
}

.aicpw-activities-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.aicpw-activities-list .aicpw-activity-card {
  background: var(--white-color);
  padding: 16px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.2s ease;
}
.aicpw-activities-list .aicpw-activity-card .aicpw-activity-card-title {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-16);
  line-height: 24px;
  color: var(--secondary-color);
  margin: 0 0 6px 0;
}
.aicpw-activities-list .aicpw-activity-card .aicpw-activity-card-title a {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-16);
  line-height: 24px;
  color: var(--secondary-color);
  margin: 0 0 6px 0;
  display: inline-block;
  text-decoration: none;
}
.aicpw-activities-list .aicpw-activity-card .aicpw-activity-card-details {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  margin: 0;
  color: var(--charcoal-gray);
}
.aicpw-activities-list .aicpw-activity-card .aicpw-activity-card-details .aicpw-detail-separator {
  color: rgba(74, 73, 75, 0.2);
  display: inline-block;
  margin: 0 8px;
}
.aicpw-activities-list .aicpw-activity-card .aicpw-status-badge {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 50px;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-500);
  line-height: 20px;
}
.aicpw-activities-list .aicpw-activity-card .aicpw-status-badge.active {
  background: rgba(0, 156, 111, 0.1019607843);
  color: var(--green-color);
}
.aicpw-activities-list .aicpw-activity-card .aicpw-status-badge.inactive {
  background: rgba(156, 156, 156, 0.2);
  color: var(--charcoal-gray);
}
.aicpw-activities-list .aicpw-visitor-card {
  background: var(--white-color);
  padding: 16px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.2s ease;
}
.aicpw-activities-list .aicpw-visitor-card .aicpw-visitor-card-title {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-16);
  line-height: 24px;
  color: var(--secondary-color);
  margin: 0 0 6px 0;
}
.aicpw-activities-list .aicpw-visitor-card .aicpw-visitor-card-title a {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-16);
  line-height: 24px;
  color: var(--secondary-color);
  margin: 0 0 6px 0;
  display: inline-block;
  text-decoration: none;
}
.aicpw-activities-list .aicpw-visitor-card .aicpw-visitor-card-details {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  margin: 0;
  color: var(--charcoal-gray);
}
.aicpw-activities-list .aicpw-visitor-card .aicpw-visitor-card-details .aicpw-detail-separator {
  color: rgba(74, 73, 75, 0.2);
  display: inline-block;
  margin: 0 8px;
}
.aicpw-activities-list .aicpw-visitor-card .aicpw-lead-score-badge {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--white-color);
  padding: 4px 9px;
  border-radius: 4px;
  min-width: 20px;
  display: inline-block;
  text-align: center;
}
.aicpw-activities-list .aicpw-visitor-card .aicpw-lead-score-badge.high {
  background: var(--green-color);
}
.aicpw-activities-list .aicpw-visitor-card .aicpw-lead-score-badge.medium {
  background: var(--yellow-color);
}
.aicpw-activities-list .aicpw-visitor-card .aicpw-lead-score-badge.low {
  background: var(--red-color);
}

/**
 * Visitors Profile Styles
 *
 * Profile detail page styles with two-column layout
 */
h1 + .aicpw-description {
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
}

/* Tabbing */
.visitors-profile-wrap .aicpw-tabs {
  margin-top: 36px;
  gap: 24px;
}
.visitors-profile-wrap .aicpw-tabs .aicpw-tab-button {
  text-decoration: none;
  padding: 10px 0;
}

/* aicpw tab content */
.aipcw-container .tablenav {
  margin: 0;
  padding: 0;
  height: auto;
  padding-bottom: 15px;
}
.aipcw-container .tablenav .actions {
  padding: 0;
}
.aipcw-container .tablenav .actions form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  /* Date range picker inline with the other filter controls */
}
.aipcw-container .tablenav .actions form select {
  font-size: var(--font-size-body);
  line-height: 20px;
  font-weight: var(--font-weight-400);
  color: var(--black-color-100);
  margin: 0;
  width: 250px;
  max-width: 250px;
  background-color: var(--white-color-200);
  border: 1px solid var(--dark-teal);
  height: 40px;
  border-radius: 8px;
  padding: 7px 16px;
  margin-right: 16px;
}
.aipcw-container .tablenav .actions form .aicpw-drp-wrapper {
  margin-right: 16px;
  vertical-align: middle;
}
.aipcw-container .tablenav .actions form .aicpw-filter {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.aipcw-container .tablenav .actions form .aicpw-filter:before {
  position: absolute;
  content: "";
  top: 14px;
  left: 10px;
  width: 14px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2713%27 viewBox=%270 0 14 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.0964 0H1.4014C1.12989 0.000213806 0.864281 0.07923 0.636808 0.227459C0.409334 0.375688 0.229775 0.586756 0.119923 0.835048C0.0100716 1.08334 -0.02535 1.35818 0.0179575 1.62621C0.061265 1.89424 0.18144 2.14394 0.363896 2.345L4.9989 7.4425V12.25C4.99894 12.344 5.02546 12.436 5.07543 12.5156C5.12539 12.5952 5.19678 12.6591 5.2814 12.7C5.34902 12.7333 5.4235 12.7505 5.4989 12.75C5.61254 12.7499 5.72276 12.7111 5.8114 12.64L6.7489 11.89L8.3114 10.64C8.36986 10.5932 8.41707 10.5338 8.44952 10.4663C8.48198 10.3988 8.49885 10.3249 8.4989 10.25V7.4425L13.1339 2.345C13.3164 2.14394 13.4365 1.89424 13.4798 1.62621C13.5231 1.35818 13.4877 1.08334 13.3779 0.835048C13.268 0.586756 13.0885 0.375688 12.861 0.227459C12.6335 0.07923 12.3679 0.000213806 12.0964 0Z%27 fill=%27%230074A2%27/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
.aipcw-container .tablenav .actions form .aicpw-filter #post-query-submit,
.aipcw-container .tablenav .actions form .aicpw-filter #post-query-submit-activities {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #0074A2;
  background-color: #fff;
  border: 1px solid #00A8B5;
  padding: 6px 8px 6px 30px;
  border-radius: 8px;
  height: 40px;
}
.aipcw-container .tablenav .actions form .aicpw-filter .aicpw-reset-filter {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 6px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #0074A2;
  background-color: #fff;
  border: 1px solid #00A8B5;
  border-radius: 8px;
  text-decoration: none;
  box-sizing: border-box;
}
.aipcw-container .tablenav .actions form .aicpw-filter .aicpw-reset-filter:hover {
  background-color: var(--white-color-200, #f0f6f7);
  color: #0074A2;
  border-color: #00A8B5;
}
.aipcw-container .tablenav .search-box {
  position: relative;
}
.aipcw-container .tablenav .search-box .search-input {
  font-size: var(--font-size-body);
  line-height: 20px;
  font-weight: var(--font-weight-400);
  color: var(--black-color-100);
  margin: 0;
  width: 250px;
  max-width: 250px;
  background-color: var(--white-color-200);
  border: 1px solid var(--dark-teal);
  height: 40px;
  border-radius: 8px;
  padding: 7px 16px;
}
.aipcw-container .tablenav .search-box svg {
  position: absolute;
  top: 13px;
  right: 16px;
}
.aipcw-container .tablenav .search-box .button {
  position: absolute;
  right: 10px;
  height: 15px;
  min-height: 25px;
  top: 7px;
  width: 30px;
  min-width: 15px;
  z-index: 2;
  opacity: 0;
}
.aipcw-container .tablenav .tablenav-pages {
  width: 100%;
  text-align: right;
  padding: 15px 0 0 0;
  margin: 0;
}
.aipcw-container .tablenav .tablenav-pages .displaying-num {
  margin: 0;
}
.aipcw-container .tablenav .tablenav-pages .pagination-links {
  display: inline-flex;
  gap: 5px;
  margin-left: 15px;
}
.aipcw-container .tablenav .tablenav-pages .pagination-links .tablenav-pages-navspan {
  border: 1px solid rgba(156, 156, 156, 0.2);
  padding: 6px 10px;
  line-height: normal;
  height: 32px;
  width: 32px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  background-color: transparent !important;
  color: #333333 !important;
}
.aipcw-container .tablenav .tablenav-pages .pagination-links .paging-input {
  display: flex;
  align-items: center;
  gap: 5px;
}
.aipcw-container .tablenav .tablenav-pages .pagination-links .paging-input .current-page {
  height: 32px;
  margin: 0;
  color: #333333 !important;
}
.aipcw-container .tablenav .tablenav-pages .pagination-links a.button {
  border: 1px solid var(--secondary-color);
  padding: 6px 10px;
  line-height: normal;
  height: 32px;
  width: 32px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  background-color: var(--secondary-color);
  color: var(--white-color);
  opacity: 1 !important;
}

table.wp-list-table.aicpw-table-class {
  border: 0;
  box-shadow: none;
  border-radius: 8px;
}
table.wp-list-table.aicpw-table-class thead tr th,
table.wp-list-table.aicpw-table-class tfoot tr th {
  background-color: var(--loading-100);
  padding: 12px 16px;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--dark-secondary-color);
  border: none;
}
table.wp-list-table.aicpw-table-class thead tr th a,
table.wp-list-table.aicpw-table-class tfoot tr th a {
  padding: 0;
  color: var(--dark-secondary-color);
  font-weight: var(--font-weight-600);
}
table.wp-list-table.aicpw-table-class thead tr th a:focus,
table.wp-list-table.aicpw-table-class tfoot tr th a:focus {
  box-shadow: none;
  outline: none;
}
table.wp-list-table.aicpw-table-class thead tr th a span,
table.wp-list-table.aicpw-table-class tfoot tr th a span {
  font-weight: var(--font-weight-600);
}
table.wp-list-table.aicpw-table-class thead tr th.sortable, table.wp-list-table.aicpw-table-class thead tr th.sorted,
table.wp-list-table.aicpw-table-class tfoot tr th.sortable,
table.wp-list-table.aicpw-table-class tfoot tr th.sorted {
  padding: 12px 16px;
}
table.wp-list-table.aicpw-table-class thead tr th:first-child {
  border-top-left-radius: 8px;
}
table.wp-list-table.aicpw-table-class thead tr th:last-child {
  border-top-right-radius: 8px;
}
table.wp-list-table.aicpw-table-class tfoot tr th:first-child {
  border-bottom-left-radius: 8px;
}
table.wp-list-table.aicpw-table-class tfoot tr th:last-child {
  border-bottom-right-radius: 8px;
}
table.wp-list-table.aicpw-table-class.striped tbody tr {
  background-color: var(--white-color);
}
table.wp-list-table.aicpw-table-class tbody tr {
  background-color: var(--white-color);
}
table.wp-list-table.aicpw-table-class tbody tr:nth-child(even) {
  background-color: var(--white-color-300);
}
table.wp-list-table.aicpw-table-class tbody tr td {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--charcoal-gray);
  padding: 12px 16px;
}
table.wp-list-table.aicpw-table-class tbody tr td a {
  color: var(--secondary-color);
  font-weight: var(--font-weight-500);
}
table.wp-list-table.aicpw-table-class tbody tr td .status {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 50px;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-500);
  line-height: 20px;
}
table.wp-list-table.aicpw-table-class tbody tr td .status.status-active {
  background: rgba(0, 156, 111, 0.1019607843);
  color: var(--green-color);
}
table.wp-list-table.aicpw-table-class tbody tr td .status.status-inactive {
  background: rgba(156, 156, 156, 0.2);
  color: var(--charcoal-gray);
}
table.wp-list-table.aicpw-table-class tbody tr td .lead-score {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--white-color);
  padding: 4px 9px;
  border-radius: 4px;
  min-width: 20px;
  display: inline-block;
  text-align: center;
}
table.wp-list-table.aicpw-table-class tbody tr td .lead-score.positive {
  background: var(--green-color);
}
table.wp-list-table.aicpw-table-class tbody tr td .lead-score.negative {
  background: var(--red-color);
}
table.wp-list-table.aicpw-table-class .lead_score .aicpw-lead-score-badge {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--white-color);
  padding: 4px 9px;
  border-radius: 4px;
  min-width: 20px;
  display: inline-block;
  text-align: center;
}
table.wp-list-table.aicpw-table-class .lead_score .aicpw-lead-score-badge.high {
  background: var(--green-color);
}
table.wp-list-table.aicpw-table-class .lead_score .aicpw-lead-score-badge.medium {
  background: var(--yellow-color);
}
table.wp-list-table.aicpw-table-class .lead_score .aicpw-lead-score-badge.low {
  background: var(--red-color);
}

/* data export */
.aicpw-export-section {
  max-width: 596px;
}
.aicpw-export-section p {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
}
.aicpw-export-section .aicpw-export-form {
  margin-top: 24px;
}
.aicpw-export-section .form-table {
  margin: 0;
}
.aicpw-export-section .form-table tbody tr {
  display: block;
  margin-bottom: 24px;
}
.aicpw-export-section .form-table tbody tr th {
  padding: 0;
  width: 100%;
  display: flex;
}
.aicpw-export-section .form-table tbody tr th label {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0 0 8px 0;
}
.aicpw-export-section .form-table tbody tr th .required {
  font-size: var(--font-size-body);
  color: var(--red-color);
}
.aicpw-export-section .form-table tbody td {
  margin-bottom: 0;
  padding: 0;
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
}
.aicpw-export-section .form-table tbody td fieldset {
  display: flex;
  gap: 25px;
  width: 100%;
}
.aicpw-export-section .form-table tbody td fieldset label {
  margin: 0 !important;
  font-size: var(--font-size-body);
  line-height: 20px;
  font-weight: var(--font-weight-400);
  color: var(--black-color-100);
  margin: 0 0 8px 0;
  padding: 7px 16px;
  width: 22%;
  padding-left: 0;
  cursor: pointer;
}
.aicpw-export-section .form-table tbody td fieldset label input[type=radio] {
  height: 18px;
  width: 18px;
}
.aicpw-export-section .form-table tbody td fieldset label input[type=radio]:checked::before {
  width: 10px;
  height: 10px;
  margin: 3px;
  background-color: var(--secondary-color);
}
.aicpw-export-section .form-table tbody td #aicpw-user-selector-container {
  width: 100%;
}
.aicpw-export-section .form-table tbody td #aicpw-user-selector-container .aicpw-selected-items {
  margin-bottom: 16px;
  min-height: 60px;
  display: flex !important;
  flex-wrap: wrap;
  gap: 5px;
  border: 1px dashed var(--dark-teal);
  border-radius: 8px;
  padding: 8px;
}
.aicpw-export-section .form-table tbody td #aicpw-user-selector-container .aicpw-selected-items:empty {
  display: none !important;
}
.aicpw-export-section .form-table tbody td #aicpw-user-selector-container .aicpw-selected-items .aicpw-selected-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--loading-100);
  color: var(--secondary-color);
  padding: 10px 16px;
  border-radius: 50px;
  line-height: 20px;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-500);
  height: fit-content;
}
.aicpw-export-section .form-table tbody td #aicpw-user-selector-container .aicpw-selected-items .aicpw-selected-tag .aicpw-tag-text {
  color: inherit;
  text-decoration: none;
}
.aicpw-export-section .form-table tbody td #aicpw-user-selector-container .aicpw-selected-items .aicpw-tag-remove {
  cursor: pointer;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.aicpw-export-section .form-table tbody td .aicpw-search-container {
  margin: 0;
}
.aicpw-export-section .form-table tbody td .aicpw-search-container .aicpw-search-input-wrapper {
  position: relative;
  margin-bottom: 5px;
}
.aicpw-export-section .form-table tbody td .aicpw-search-container .aicpw-clear-search {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 20px;
  color: #666;
  display: none;
}
.aicpw-export-section .form-table tbody td .aicpw-search-container .aicpw-clear-search:hover {
  color: #000;
}
.aicpw-export-section .form-table tbody td .aicpw-search-container .aicpw-page-search-input {
  margin: 0;
}
.aicpw-export-section .form-table tbody td .aicpw-page-suggestions {
  padding-top: 12px;
  background: #fff;
  margin-top: 15px;
  border-radius: 8px;
  padding: 15px;
}
.aicpw-export-section .form-table tbody td .aicpw-page-suggestions:empty {
  display: none;
}
.aicpw-export-section .form-table tbody td .aicpw-page-suggestions .aicpw-suggestion-empty {
  color: var(--red-color);
}
.aicpw-export-section .form-table tbody td .aicpw-page-suggestions .aicpw-suggestion-item {
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
}
.aicpw-export-section .form-table tbody td .aicpw-page-suggestions .aicpw-suggestion-item:last-child {
  margin-bottom: 0;
}
.aicpw-export-section .form-table tbody td .aicpw-page-suggestions .aicpw-suggestion-item .aicpw-suggestion-title {
  width: 100%;
  cursor: pointer;
}
.aicpw-export-section .form-table tbody td .aicpw-page-suggestions .aicpw-suggestion-item .aicpw-suggestion-url {
  width: 100%;
}
.aicpw-export-section .form-table tbody td select {
  font-size: var(--font-size-body);
  line-height: 20px;
  font-weight: var(--font-weight-400);
  color: var(--black-color-100);
  margin: 0;
  width: 100%;
  max-width: 100%;
  background-color: var(--white-color-200);
  border: 1px solid var(--dark-teal);
  height: 40px;
  border-radius: 8px;
  padding: 7px 16px;
}
.aicpw-export-section .form-table tbody td .aicpw-date-range-fields {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.aicpw-export-section .form-table tbody td .aicpw-date-range-fields input {
  width: calc(50% - 12px);
  font-size: var(--font-size-body);
  line-height: 20px;
  font-weight: var(--font-weight-400);
  color: var(--black-color-100);
  margin: 0;
  background-color: var(--white-color-200);
  border: 1px solid var(--dark-teal);
  height: 40px;
  border-radius: 8px;
  padding: 7px 16px;
}
.aicpw-export-section .form-table tbody td .regular-text {
  font-size: var(--font-size-body);
  line-height: 20px;
  font-weight: var(--font-weight-400);
  color: var(--black-color-100);
  margin: 0;
  background-color: var(--white-color-200);
  border: 1px solid var(--dark-teal);
  height: 40px;
  border-radius: 8px;
  padding: 7px 16px;
  width: 100%;
}
.aicpw-export-section .form-table tbody td .regular-text::placeholder {
  color: var(--black-color-100);
}
.aicpw-export-section .form-table tbody td .description {
  margin: 8px 0 0 0;
}
.aicpw-export-section .submit {
  padding: 0;
}

.aicpw-export-info {
  margin-top: 48px;
  padding: 16px;
  background: var(--fountain-blue-100);
  border-left: 2px solid var(--dark-teal);
}
.aicpw-export-info h3 {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-500);
  line-height: 20px;
  color: var(--secondary-color);
  margin: 0 0 8px 0;
}
.aicpw-export-info ul {
  margin: 0;
  list-style-type: disc;
  padding-left: 18px;
}
.aicpw-export-info ul li {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0 0 6px 0;
}

/* Visitor Profile Detail */
/* Header Bar */
.aicpw-visitor-profile-header-bar {
  margin-top: 24px;
  margin-bottom: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.aicpw-visitor-profile-header-bar .aicpw-visitor-profile-back-link {
  font-weight: var(--font-weight-500);
  font-size: var(--font-weight-400);
  line-height: 20px;
  color: var(--secondary-color);
  padding: 5px 0;
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 8px;
}
.aicpw-visitor-profile-header-bar .aicpw-visitor-profile-back-link:hover {
  color: var(--secondary-color-100);
}
.aicpw-visitor-profile-header-bar .aicpw-visitor-profile-back-link:focus {
  box-shadow: none;
  outline: none;
}
.aicpw-visitor-profile-header-bar .aicpw-visitor-profile-delete-btn {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  color: var(--body-color);
  padding: 9px 16px;
  border: 1px solid var(--red-color);
  border-radius: 4px;
  background-color: transparent;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
}
.aicpw-visitor-profile-header-bar .aicpw-visitor-profile-delete-btn:hover {
  color: var(--red-color);
}
.aicpw-visitor-profile-header-bar .aicpw-visitor-profile-delete-btn:focus {
  box-shadow: none;
  outline: none;
}

/* Visitor Profile Container */
.aicpw-visitor-profile-container {
  display: flex;
  gap: 24px;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left {
  width: 389px;
}
@media (max-width: 1280px) {
  .aicpw-visitor-profile-container .aicpw-visitor-profile-left {
    width: 340px;
  }
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-profile-card {
  background: var(--white-color-100);
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-avatar {
  width: 100%;
  max-width: 231px;
  margin: 0 auto;
  position: relative;
  padding-top: 67.742%;
  margin-bottom: 16px;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-avatar img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-name {
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-h1);
  line-height: 32px;
  text-align: center;
  color: var(--dark-secondary-color);
  margin: 0 0 24px 0;
  word-break: break-word;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-lead-score-box {
  background: var(--loading-100);
  border: 1px solid var(--secondary-color);
  border-radius: 8px;
  padding: 8px 24px;
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-lead-score-box .aicpw-visitor-lead-score-label {
  font-size: var(--font-size-16);
  font-weight: 500;
  line-height: 24px;
  color: var(--dark-secondary-color);
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-lead-score-box .aicpw-visitor-lead-score-value {
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-36);
  line-height: 48px;
  color: var(--body-color);
}
@media (max-width: 1280px) {
  .aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-lead-score-box .aicpw-visitor-lead-score-value {
    font-size: var(--font-size-28);
    line-height: 38px;
  }
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-segments h3 {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0 0 16px 0;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-segments .aicpw-segment-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-segments .aicpw-segment-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--loading-100);
  color: var(--secondary-color);
  padding: 8px 16px;
  border-radius: 50px;
  line-height: 20px;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-500);
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-segments .aicpw-segment-tag .aicpw-segment-tag-remove {
  cursor: pointer;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-segments .aicpw-segment-tag-link {
  line-height: 20px;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-500);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-segments .aicpw-segment-tag-link:hover {
  color: var(--secondary-color);
  text-decoration: none;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-marketing-prefs {
  background-color: var(--white-color-100);
  padding: 24px;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-marketing-prefs h3 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-20);
  line-height: 28px;
  color: var(--dark-secondary-color);
  border-bottom: 1px solid var(--light-blue-100);
  padding-bottom: 18px;
  margin-bottom: 18px;
  width: 100%;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-marketing-prefs .aicpw-marketing-pref-item {
  width: calc(50% - 10px);
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-marketing-prefs .aicpw-marketing-pref-label {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  display: inline-block;
  margin: 0 0 8px 0;
  width: 100%;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-left .aicpw-visitor-marketing-prefs .aicpw-marketing-pref-value {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--body-color);
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-right {
  width: calc(100% - 413px);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1280px) {
  .aicpw-visitor-profile-container .aicpw-visitor-profile-right {
    width: calc(100% - 363px);
  }
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-right .aicpw-visitor-detail-section {
  background: var(--white-color-100);
  border-radius: 8px;
  padding: 24px;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-right .aicpw-visitor-detail-section h3 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-20);
  line-height: 28px;
  color: var(--dark-secondary-color);
  border-bottom: 1px solid var(--light-blue-100);
  padding-bottom: 18px;
  margin: 0 0 18px 0;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-right .aicpw-visitor-detail-section.location {
  height: -webkit-fill-available;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-right .aicpw-visitor-detail-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-right .aicpw-visitor-detail-grid .aicpw-detail-row {
  width: calc(50% - 10px);
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-right .aicpw-visitor-detail-grid .aicpw-detail-label {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  display: inline-block;
  margin: 0 0 8px 0;
  width: 100%;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-right .aicpw-visitor-detail-grid .aicpw-detail-value {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--body-color);
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-right .aicpw-visitor-detail-grid .aicpw-detail-value a {
  color: var(--secondary-color);
  text-decoration: none;
}
.aicpw-visitor-profile-container .aicpw-visitor-profile-right .aicpw-visitor-detail-grid .aicpw-detail-value a:hover {
  text-decoration: underline;
}

.aicpw-visitor-detail-section {
  background: var(--white-color-100);
  border-radius: 8px;
  padding: 24px;
}
.aicpw-visitor-detail-section.event {
  margin-top: 24px;
  margin-bottom: 24px;
}
.aicpw-visitor-detail-section.event h3 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-20);
  line-height: 28px;
  color: var(--dark-secondary-color);
  margin: 0 0 20px 0;
}
.aicpw-visitor-detail-section.event .event-filter {
  display: flex;
  gap: 24px;
  width: 100%;
}
.aicpw-visitor-detail-section.event .event-filter select {
  flex: 1;
  width: 100%;
  max-width: 100%;
  font-size: var(--font-size-body);
  line-height: 20px;
  font-weight: var(--font-weight-400);
  color: var(--black-color-100);
  margin: 0;
  background-color: var(--white-color-200);
  border: 1px solid var(--dark-teal);
  height: 40px;
  border-radius: 8px;
  padding: 7px 16px;
}
.aicpw-visitor-detail-section.event .event-filter .aicpw-filter {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.aicpw-visitor-detail-section.event .event-filter .aicpw-filter:before {
  position: absolute;
  content: "";
  top: 14px;
  left: 10px;
  width: 14px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2713%27 viewBox=%270 0 14 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.0964 0H1.4014C1.12989 0.000213806 0.864281 0.07923 0.636808 0.227459C0.409334 0.375688 0.229775 0.586756 0.119923 0.835048C0.0100716 1.08334 -0.02535 1.35818 0.0179575 1.62621C0.061265 1.89424 0.18144 2.14394 0.363896 2.345L4.9989 7.4425V12.25C4.99894 12.344 5.02546 12.436 5.07543 12.5156C5.12539 12.5952 5.19678 12.6591 5.2814 12.7C5.34902 12.7333 5.4235 12.7505 5.4989 12.75C5.61254 12.7499 5.72276 12.7111 5.8114 12.64L6.7489 11.89L8.3114 10.64C8.36986 10.5932 8.41707 10.5338 8.44952 10.4663C8.48198 10.3988 8.49885 10.3249 8.4989 10.25V7.4425L13.1339 2.345C13.3164 2.14394 13.4365 1.89424 13.4798 1.62621C13.5231 1.35818 13.4877 1.08334 13.3779 0.835048C13.268 0.586756 13.0885 0.375688 12.861 0.227459C12.6335 0.07923 12.3679 0.000213806 12.0964 0Z%27 fill=%27%230074A2%27/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
.aicpw-visitor-detail-section.event .event-filter .aicpw-filter .aicpw-reset-filter {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 6px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #0074A2;
  background-color: #fff;
  border: 1px solid #00A8B5;
  border-radius: 8px;
  text-decoration: none;
  box-sizing: border-box;
}
.aicpw-visitor-detail-section.event .event-filter .aicpw-filter .aicpw-reset-filter:hover {
  background-color: var(--white-color-200, #f0f6f7);
  color: #0074A2;
  border-color: #00A8B5;
}
.aicpw-visitor-detail-section.event .event-filter .aicpw-filter #post-query-submit {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #0074A2;
  background-color: #fff;
  border: 1px solid #00A8B5;
  padding: 6px 8px 6px 30px;
  border-radius: 8px;
  height: 40px;
}
.aicpw-visitor-detail-section.ai-analysis h3 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-20);
  line-height: 28px;
  color: var(--dark-secondary-color);
  margin: 0 0 20px 0;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-analysis-content {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-analysis-content .content {
  flex: 1;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-analysis-content h4 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--body-color);
  margin: 0 0 8px 0;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-analysis-content p {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-Recommendation {
  padding: 16px;
  background-color: var(--fountain-blue-100);
  border-left: 2px solid var(--dark-teal);
  margin-bottom: 20px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-Recommendation h4 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--secondary-color);
  margin: 0 0 8px 0;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-Recommendation p {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-Recommendation p span {
  text-transform: uppercase;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-analysis-report-btn {
  padding: 12px 16px;
  background-color: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  display: inline-flex;
  text-decoration: none;
  gap: 8px;
  align-items: center;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--secondary-color);
  transition: all 0.3s ease;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-analysis-report-btn:hover {
  color: var(--dark-teal);
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-analysis-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-analysis-header h3 {
  margin: 0;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-analyze-now-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--font-size-body);
  line-height: 20px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-analyze-now-btn svg {
  flex-shrink: 0;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-analyze-now-btn:disabled {
  opacity: 0.65;
  cursor: wait;
}
@keyframes aicpw-spin {
  to {
    transform: rotate(360deg);
  }
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-spin {
  animation: aicpw-spin 0.8s linear infinite;
  transform-origin: center;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-not-analyzed {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 32px 16px;
  text-align: center;
  background-color: var(--white-color-200, #f9fafb);
  border: 1px dashed var(--dark-teal, #00a8b5);
  border-radius: 8px;
  margin-bottom: 20px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-not-analyzed p {
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0;
  max-width: 420px;
}
.aicpw-visitor-detail-section.ai-analysis .causion.success svg {
  stroke: #22c55e;
}
.aicpw-visitor-detail-section.ai-analysis .causion.info svg {
  stroke: var(--dark-teal, #00a8b5);
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-score-row {
  margin-bottom: 16px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-score-label {
  display: flex;
  justify-content: space-between;
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin-bottom: 6px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-score-label strong {
  font-weight: var(--font-weight-500);
  color: var(--body-color);
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-progress-track {
  height: 8px;
  background-color: var(--white-color-200, #e5e7eb);
  border-radius: 4px;
  overflow: hidden;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--dark-teal, #00a8b5), var(--secondary-color, #0074a2));
  border-radius: 4px;
  transition: width 0.4s ease;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-classification {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  padding: 12px 16px;
  background-color: var(--white-color-200, #f9fafb);
  border-radius: 6px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-classify-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-classify-label {
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  min-width: 80px;
  font-weight: var(--font-weight-500);
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-classify-value {
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--body-color);
  text-transform: capitalize;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: var(--font-weight-500);
  line-height: 18px;
  letter-spacing: 0.04em;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-badge--danger {
  background: #fee2e2;
  color: #dc2626;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-badge--warning {
  background: #fff7ed;
  color: #d97706;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-badge--neutral {
  background: #f3f4f6;
  color: #6b7280;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-badge--warm {
  background: #fefce8;
  color: #ca8a04;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-badge--success {
  background: #dcfce7;
  color: #16a34a;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-badge--champion {
  background: #ede9fe;
  color: #7c3aed;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-confidence-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-confidence-track {
  flex: 1;
  height: 6px;
  background-color: var(--white-color-200, #e5e7eb);
  border-radius: 3px;
  overflow: hidden;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-confidence-fill {
  height: 100%;
  background-color: var(--dark-teal, #00a8b5);
  border-radius: 3px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-confidence-pct {
  font-size: 12px;
  font-weight: var(--font-weight-500);
  color: var(--body-color);
  min-width: 36px;
  text-align: right;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-signals {
  margin-bottom: 16px;
  padding: 12px 16px;
  border-radius: 6px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-signals h4 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  margin: 0 0 8px 0;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-signals ul {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-signals ul li {
  font-size: var(--font-size-body);
  line-height: 22px;
  color: var(--body-color);
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-signals--warning {
  background-color: #fff7ed;
  border-left: 3px solid #f97316;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-signals--warning h4 {
  color: #c2410c;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-signals--warning h4 svg {
  stroke: #f97316;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-signals--strength {
  background-color: #f0fdf4;
  border-left: 3px solid #22c55e;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-signals--strength h4 {
  color: #15803d;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-signals--strength h4 svg {
  stroke: #22c55e;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-meta-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-top: 16px;
  margin-bottom: 20px;
  padding: 10px 14px;
  background-color: var(--white-color-200, #f9fafb);
  border-radius: 6px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-meta-item {
  font-size: 12px;
  line-height: 18px;
  color: var(--black-color-100);
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-meta-item strong {
  font-weight: var(--font-weight-500);
  color: var(--body-color);
  margin-right: 3px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-meta-item.aicpw-ai-status--completed {
  color: #15803d;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-meta-item.aicpw-ai-status--completed strong {
  color: #15803d;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-meta-item.aicpw-ai-status--failed {
  color: #dc2626;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-meta-item.aicpw-ai-status--failed strong {
  color: #dc2626;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-breakdown-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-size-body);
  margin-top: 10px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-breakdown-table thead tr th {
  text-align: left;
  padding: 7px 10px;
  font-weight: var(--font-weight-500);
  font-size: 12px;
  color: var(--black-color-100);
  background-color: #f3f4f6;
  border-bottom: 1px solid #e5e7eb;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-breakdown-table thead tr th:last-child {
  text-align: right;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-breakdown-table tbody tr {
  border-bottom: 1px solid #f3f4f6;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-breakdown-table tbody tr:last-child {
  border-bottom: none;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-breakdown-table tbody tr td {
  padding: 7px 10px;
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--body-color);
  vertical-align: top;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-breakdown-table tbody tr td:last-child {
  text-align: right;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-breakdown-table tfoot tr td {
  padding: 7px 10px;
  font-size: var(--font-size-body);
  border-top: 2px solid #e5e7eb;
  background-color: #f9fafb;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-breakdown-table tfoot tr td:last-child {
  text-align: right;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-breakdown-table .aicpw-positive {
  color: #15803d;
  font-weight: var(--font-weight-500);
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-breakdown-table .aicpw-negative {
  color: #dc2626;
  font-weight: var(--font-weight-500);
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-score-breakdown {
  margin-bottom: 16px;
  padding: 14px 16px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-score-breakdown h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--body-color);
  margin: 0;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-improvement-summary {
  margin-bottom: 16px;
  padding: 14px 16px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  overflow-x: auto;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-improvement-summary h4 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--body-color);
  margin: 0;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-improvement-summary .aicpw-ai-breakdown-table {
  min-width: 560px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-improvement-summary .aicpw-ai-breakdown-table thead tr th:last-child,
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-improvement-summary .aicpw-ai-breakdown-table tbody tr td:last-child,
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-improvement-summary .aicpw-ai-breakdown-table tfoot tr td:last-child {
  text-align: left;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-action-group {
  margin-top: 10px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-action-group strong {
  display: block;
  font-size: 12px;
  font-weight: var(--font-weight-500);
  color: var(--secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-action-group ul {
  margin: 0;
  padding-left: 18px;
  list-style: disc;
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-action-group ul li {
  font-size: var(--font-size-body);
  line-height: 22px;
  color: var(--body-color);
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-Recommendation p span {
  text-transform: none;
  font-weight: var(--font-weight-500);
  color: var(--body-color);
}
.aicpw-visitor-detail-section.ai-analysis .aicpw-ai-analysis-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
}
.aicpw-visitor-detail-section .aicpw-contact-action-buttons .aicpw-contact-action-buttons-box {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
.aicpw-visitor-detail-section .aicpw-contact-action-buttons .aicpw-contact-action-buttons-box:first-child {
  border-right: 1px solid var(--light-blue-100);
}

/* ------------------------------------------------------------------ */
/* Wrapper / trigger                                                    */
/* ------------------------------------------------------------------ */
.aicpw-drp-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

/* ---- Single trigger input row ---- */
.aicpw-drp-input-wrap {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  width: 250px;
  max-width: 250px;
  height: 40px;
  background-color: var(--white-color-200);
  border: 1px solid var(--dark-teal);
  border-radius: 8px;
  padding: 0 10px;
  gap: 6px;
  box-sizing: border-box;
}
.aicpw-drp-input-wrap .aicpw-drp-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.aicpw-drp-input-wrap .aicpw-drp-display {
  flex: 1;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  min-height: auto !important;
  font-size: var(--font-size-body);
  line-height: 20px;
  font-weight: var(--font-weight-400);
  color: var(--black-color-100);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aicpw-drp-input-wrap .aicpw-drp-display::placeholder {
  color: var(--slate-gray);
}
.aicpw-drp-input-wrap .aicpw-drp-clear {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--slate-gray);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  border-radius: 50%;
  transition: color 0.15s, background-color 0.15s;
}
.aicpw-drp-input-wrap .aicpw-drp-clear:hover {
  color: var(--body-color);
  background-color: var(--gray-color-400);
}

/* ------------------------------------------------------------------ */
/* Popup                                                                */
/* ------------------------------------------------------------------ */
.aicpw-drp-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: #fff;
  border: 1px solid var(--gray-color-200);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14);
  /* Wide enough for shortcuts panel (~140px) + two flatpickr month columns (~308px each) + padding */
  min-width: 800px;
}
.aicpw-drp-popup.aicpw-drp-popup--open {
  display: block;
}
.aicpw-drp-popup .rangeMode .flatpickr-day {
  display: flex;
  align-items: center;
}

/* ---- Inner two-column layout ---- */
.aicpw-drp-popup-inner {
  display: flex;
  align-items: flex-start;
}

/* ------------------------------------------------------------------ */
/* Left panel – shortcuts                                               */
/* ------------------------------------------------------------------ */
.aicpw-drp-shortcuts {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 16px 12px;
  border-right: 1px solid var(--gray-color-200);
  min-width: 150px;
  flex-shrink: 0;
  /* ---- "n days …" helper rows ---- */
}
.aicpw-drp-shortcuts .aicpw-drp-shortcut {
  display: block;
  width: 100%;
  text-align: left;
  padding: 7px 10px;
  border: none;
  background: transparent;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-400);
  line-height: 20px;
  color: var(--black-color-100);
  cursor: pointer;
  border-radius: 6px;
  transition: background-color 0.12s, color 0.12s;
}
.aicpw-drp-shortcuts .aicpw-drp-shortcut:hover {
  background-color: var(--fountain-blue-100);
  color: var(--secondary-color);
}
.aicpw-drp-shortcuts .aicpw-drp-shortcut.active {
  background-color: var(--fountain-blue-100);
  color: var(--secondary-color);
  font-weight: var(--font-weight-500);
}
.aicpw-drp-shortcuts .aicpw-drp-days-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  margin-top: 6px;
  font-size: var(--font-size-body);
  color: var(--black-color-100);
}
.aicpw-drp-shortcuts .aicpw-drp-days-row input[type=number] {
  width: 46px;
  height: 30px;
  padding: 4px 6px;
  border: 1px solid var(--gray-color-200);
  border-radius: 6px;
  font-size: var(--font-size-body);
  text-align: center;
  color: var(--black-color-100);
  background: var(--white-color);
  appearance: textfield;
  -moz-appearance: textfield;
}
.aicpw-drp-shortcuts .aicpw-drp-days-row input[type=number]::-webkit-inner-spin-button, .aicpw-drp-shortcuts .aicpw-drp-days-row input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.aicpw-drp-shortcuts .aicpw-drp-days-row input[type=number]:focus {
  outline: none;
  border-color: var(--dark-teal);
  box-shadow: 0 0 0 2px rgba(0, 168, 181, 0.2);
}
.aicpw-drp-shortcuts .aicpw-drp-days-row span {
  white-space: nowrap;
  font-size: 12px;
  color: var(--charcoal-gray);
}

/* ------------------------------------------------------------------ */
/* Right panel – text inputs + calendar                                 */
/* ------------------------------------------------------------------ */
.aicpw-drp-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* ---- From / To text inputs ---- */
.aicpw-drp-text-inputs {
  display: flex;
  gap: 12px;
  padding: 14px 16px 10px;
  border-bottom: 1px solid var(--gray-color-200);
}
.aicpw-drp-text-inputs input[type=text] {
  flex: 1;
  height: 36px;
  padding: 6px 10px;
  border: 1px solid var(--gray-color-200);
  border-radius: 8px;
  font-size: var(--font-size-body);
  color: var(--black-color-100);
  background: var(--white-color);
  transition: border-color 0.15s;
}
.aicpw-drp-text-inputs input[type=text]:focus {
  outline: none;
  border-color: var(--dark-teal);
  box-shadow: 0 0 0 2px rgba(0, 168, 181, 0.2);
}
.aicpw-drp-text-inputs input[type=text]::placeholder {
  color: var(--slate-gray);
}

/* ------------------------------------------------------------------ */
/* Inline flatpickr calendar overrides                                  */
/* Use high specificity + !important to reliably beat flatpickr's own  */
/* bundled stylesheet which is also injected at runtime.               */
/* ------------------------------------------------------------------ */
.aicpw-drp-wrapper .aicpw-drp-calendar {
  /* Strip default border / shadow from the inline calendar container */
  /* ---- Month header row ----------------------------------------- */
  /* Prev / next month arrow buttons */
  /* ---- Week-day header row -------------------------------------- */
  /* ---- Day cells ------------------------------------------------ */
  /* ---- Multi-month separator line ------------------------------- */
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-calendar,
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-calendar.inline {
  background: #fff !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-family: var(--font-primary) !important;
  padding: 8px 12px 4px !important;
  width: auto !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-months {
  padding: 0 !important;
  align-items: center !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-month {
  height: 38px !important;
  line-height: 38px !important;
  color: var(--body-color) !important;
  fill: var(--body-color) !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-current-month {
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  height: 38px !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-monthDropdown-months {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--body-color) !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  appearance: none !important;
  cursor: default !important;
  pointer-events: none !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .numInput.cur-year {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--body-color) !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .numInput.cur-year::-webkit-inner-spin-button, .aicpw-drp-wrapper .aicpw-drp-calendar .numInput.cur-year::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-prev-month,
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-next-month {
  display: flex !important;
  align-items: center !important;
  padding: 0 6px !important;
  color: var(--secondary-color) !important;
  fill: var(--secondary-color) !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-prev-month:hover,
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-next-month:hover {
  color: var(--primary-color) !important;
  fill: var(--primary-color) !important;
  background: transparent !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-prev-month svg path,
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-next-month svg path {
  fill: var(--secondary-color) !important;
  transition: fill 0.15s !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-prev-month:hover svg path,
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-next-month:hover svg path {
  fill: var(--primary-color) !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-weekdays {
  margin-top: 4px !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-weekday {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--charcoal-gray) !important;
  background: transparent !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day {
  font-size: 13px !important;
  color: var(--black-color-100) !important;
  border-color: transparent !important;
  border-radius: 50% !important;
  max-width: 37px !important;
  height: 37px !important;
  line-height: 37px !important;
  /* ---- Today indicator: teal outlined circle ----------------- */
  /* When today is also selected / in range */
  /* ---- Range start & end: solid teal circle ----------------- */
  /* ---- In-range fill ---------------------------------------- */
  /* Flat edges where range meets start / end */
  /* Previous / next month ghost days */
  /* Disabled days */
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day:hover:not(.selected):not(.startRange):not(.endRange):not(.disabled) {
  background: var(--fountain-blue-100) !important;
  border-color: transparent !important;
  color: var(--secondary-color) !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.today {
  background: transparent !important;
  border: 2px solid var(--dark-teal) !important;
  color: var(--secondary-color) !important;
  font-weight: 700 !important;
  border-radius: 50% !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.today.selected, .aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.today.startRange, .aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.today.endRange {
  background: var(--secondary-color-100) !important;
  border-color: var(--secondary-color-100) !important;
  color: #fff !important;
  font-weight: 600 !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.today.inRange {
  background: rgba(0, 168, 181, 0.18) !important;
  border-color: transparent !important;
  color: var(--secondary-color) !important;
  font-weight: 700 !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.startRange, .aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.endRange, .aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.selected {
  background: var(--secondary-color-100) !important;
  border-color: var(--secondary-color-100) !important;
  color: #fff !important;
  font-weight: 500 !important;
  border-radius: 50% !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.inRange {
  background: rgba(0, 168, 181, 0.12) !important;
  border-color: rgba(0, 168, 181, 0.12) !important;
  box-shadow: none !important;
  color: var(--secondary-color) !important;
  border-radius: 0 !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.startRange.endRange {
  border-radius: 50% !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.startRange:not(.endRange) {
  border-radius: 50% 0 0 50% !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.endRange:not(.startRange) {
  border-radius: 0 50% 50% 0 !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.prevMonthDay, .aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.nextMonthDay {
  color: var(--gray-color) !important;
  border-color: transparent !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.prevMonthDay:hover, .aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.nextMonthDay:hover {
  background: var(--fountain-blue-100) !important;
  color: var(--secondary-color) !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.disabled, .aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-day.disabled:hover {
  color: var(--gray-color-100) !important;
  background: transparent !important;
  cursor: not-allowed !important;
}
.aicpw-drp-wrapper .aicpw-drp-calendar .flatpickr-rContainer + .flatpickr-rContainer {
  border-left: 1px solid var(--gray-color-200);
  padding-left: 10px;
  margin-left: 4px;
}

/* ------------------------------------------------------------------ */
/* Footer – Cancel / Ok                                                 */
/* ------------------------------------------------------------------ */
.aicpw-drp-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 10px 16px 14px;
  border-top: 1px solid var(--gray-color-200);
}
.aicpw-drp-footer .aicpw-drp-cancel {
  font-size: var(--font-size-body) !important;
  font-weight: var(--font-weight-400) !important;
  color: var(--charcoal-gray) !important;
  background: #fff !important;
  border: 1px solid var(--gray-color-200) !important;
  border-radius: 8px !important;
  padding: 6px 16px !important;
  cursor: pointer;
  height: 34px;
  line-height: 1;
  transition: border-color 0.15s;
}
.aicpw-drp-footer .aicpw-drp-cancel:hover {
  border-color: var(--gray-color) !important;
}
.aicpw-drp-footer .aicpw-drp-ok {
  font-size: var(--font-size-body) !important;
  font-weight: var(--font-weight-500) !important;
  color: #fff !important;
  background: var(--secondary-color-100) !important;
  border: 1px solid var(--secondary-color-100) !important;
  border-radius: 8px !important;
  padding: 6px 20px !important;
  cursor: pointer;
  height: 34px;
  line-height: 1;
  transition: background-color 0.15s, border-color 0.15s;
  box-shadow: none !important;
}
.aicpw-drp-footer .aicpw-drp-ok:hover {
  background: var(--primary-color-100) !important;
  border-color: var(--primary-color-100) !important;
}

/* segments list page */
.aipcw-container .new-sagment {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: 36px;
}
.aipcw-container .segment-header {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  margin-bottom: 15px;
}

/* Create a new segment */
.aipcw-container .back-to-list {
  margin-bottom: 36px;
}
.aipcw-container .back-to-list a {
  font-weight: var(--font-weight-500);
  font-size: var(--font-weight-400);
  line-height: 20px;
  color: var(--secondary-color);
  padding: 5px 0;
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 8px;
}
.aipcw-container .back-to-list a:hover {
  color: var(--secondary-color-100);
}
.aipcw-container .back-to-list a:focus {
  box-shadow: none;
  outline: none;
}

.aicpw-create-segment-wrap, .edit-form, .create-form {
  max-width: 596px;
  margin-top: 24px;
}
.aicpw-create-segment-wrap .form-table, .edit-form .form-table, .create-form .form-table {
  background-color: var(--white-color-100);
  padding: 24px;
  border-radius: 8px;
  display: block;
  margin: 0 0 24px 0;
}
.aicpw-create-segment-wrap .form-table.segment-type-empty, .edit-form .form-table.segment-type-empty, .create-form .form-table.segment-type-empty {
  display: none;
}
.aicpw-create-segment-wrap .form-table tbody, .edit-form .form-table tbody, .create-form .form-table tbody {
  width: 100%;
  display: block;
}
.aicpw-create-segment-wrap .form-table tbody tr, .edit-form .form-table tbody tr, .create-form .form-table tbody tr {
  display: block;
  margin-bottom: 24px;
}
.aicpw-create-segment-wrap .form-table tbody tr:last-child, .edit-form .form-table tbody tr:last-child, .create-form .form-table tbody tr:last-child {
  margin-bottom: 0;
}
.aicpw-create-segment-wrap .form-table tbody tr th, .edit-form .form-table tbody tr th, .create-form .form-table tbody tr th {
  padding: 0;
  width: 100%;
  display: flex;
}
.aicpw-create-segment-wrap .form-table tbody tr label, .edit-form .form-table tbody tr label, .create-form .form-table tbody tr label {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0 0 8px 0;
}
.aicpw-create-segment-wrap .form-table tbody tr label .required, .edit-form .form-table tbody tr label .required, .create-form .form-table tbody tr label .required {
  font-size: var(--font-size-body);
  color: var(--red-color);
}
.aicpw-create-segment-wrap .form-table tbody tr td, .edit-form .form-table tbody tr td, .create-form .form-table tbody tr td {
  margin-bottom: 0;
  padding: 0;
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
}
.aicpw-create-segment-wrap .form-table tbody tr .regular-text, .edit-form .form-table tbody tr .regular-text, .create-form .form-table tbody tr .regular-text {
  font-size: var(--font-size-body);
  line-height: 20px;
  font-weight: var(--font-weight-400);
  color: var(--black-color-100);
  margin: 0;
  background-color: var(--white-color-200);
  border: 1px solid var(--dark-teal);
  height: 40px;
  border-radius: 8px;
  padding: 7px 16px;
  width: 100%;
  max-width: 100%;
}
.aicpw-create-segment-wrap .form-table tbody tr .regular-text::placeholder, .edit-form .form-table tbody tr .regular-text::placeholder, .create-form .form-table tbody tr .regular-text::placeholder {
  color: var(--black-color-100);
}
.aicpw-create-segment-wrap .form-table tbody tr .description, .edit-form .form-table tbody tr .description, .create-form .form-table tbody tr .description {
  margin: 8px 0 0 0;
}
.aicpw-create-segment-wrap .form-table tbody tr #aicpw-segment-countries-container, .edit-form .form-table tbody tr #aicpw-segment-countries-container, .create-form .form-table tbody tr #aicpw-segment-countries-container {
  width: 100%;
  margin-bottom: 16px;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-country-item-row, .edit-form .form-table tbody tr .aicpw-country-item-row, .create-form .form-table tbody tr .aicpw-country-item-row {
  margin: 0 0 8px 0;
  width: 100%;
  display: flex;
  gap: 15px;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-country-item-row:last-child, .edit-form .form-table tbody tr .aicpw-country-item-row:last-child, .create-form .form-table tbody tr .aicpw-country-item-row:last-child {
  margin: 0;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-country-item-row .aicpw-remove-country, .edit-form .form-table tbody tr .aicpw-country-item-row .aicpw-remove-country, .create-form .form-table tbody tr .aicpw-country-item-row .aicpw-remove-country {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  padding: 9px 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-country-item-row .aicpw-remove-country span, .edit-form .form-table tbody tr .aicpw-country-item-row .aicpw-remove-country span, .create-form .form-table tbody tr .aicpw-country-item-row .aicpw-remove-country span {
  display: inline-block;
  font-size: 0;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-country-item-row .aicpw-remove-country:hover, .edit-form .form-table tbody tr .aicpw-country-item-row .aicpw-remove-country:hover, .create-form .form-table tbody tr .aicpw-country-item-row .aicpw-remove-country:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-country-item-row .aicpw-remove-country:focus, .edit-form .form-table tbody tr .aicpw-country-item-row .aicpw-remove-country:focus, .create-form .form-table tbody tr .aicpw-country-item-row .aicpw-remove-country:focus {
  box-shadow: none;
  outline: none;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
}
.aicpw-create-segment-wrap .form-table tbody tr #aicpw-segment-post-types-container, .edit-form .form-table tbody tr #aicpw-segment-post-types-container, .create-form .form-table tbody tr #aicpw-segment-post-types-container {
  width: 100%;
  margin-bottom: 16px;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-post-type-item-row, .edit-form .form-table tbody tr .aicpw-post-type-item-row, .create-form .form-table tbody tr .aicpw-post-type-item-row {
  margin: 0 0 8px 0;
  width: 100%;
  display: flex;
  gap: 15px;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-post-type-item-row:last-child, .edit-form .form-table tbody tr .aicpw-post-type-item-row:last-child, .create-form .form-table tbody tr .aicpw-post-type-item-row:last-child {
  margin: 0;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-post-type-item-row .aicpw-remove-post-type, .edit-form .form-table tbody tr .aicpw-post-type-item-row .aicpw-remove-post-type, .create-form .form-table tbody tr .aicpw-post-type-item-row .aicpw-remove-post-type {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  padding: 9px 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-post-type-item-row .aicpw-remove-post-type span, .edit-form .form-table tbody tr .aicpw-post-type-item-row .aicpw-remove-post-type span, .create-form .form-table tbody tr .aicpw-post-type-item-row .aicpw-remove-post-type span {
  display: inline-block;
  font-size: 0;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-post-type-item-row .aicpw-remove-post-type:hover, .edit-form .form-table tbody tr .aicpw-post-type-item-row .aicpw-remove-post-type:hover, .create-form .form-table tbody tr .aicpw-post-type-item-row .aicpw-remove-post-type:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-post-type-item-row .aicpw-remove-post-type:focus, .edit-form .form-table tbody tr .aicpw-post-type-item-row .aicpw-remove-post-type:focus, .create-form .form-table tbody tr .aicpw-post-type-item-row .aicpw-remove-post-type:focus {
  box-shadow: none;
  outline: none;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
}
.aicpw-create-segment-wrap .form-table tbody tr #aicpw-segment-query-values-container, .edit-form .form-table tbody tr #aicpw-segment-query-values-container, .create-form .form-table tbody tr #aicpw-segment-query-values-container {
  width: 100%;
  margin-bottom: 16px;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-query-value-item-row, .edit-form .form-table tbody tr .aicpw-query-value-item-row, .create-form .form-table tbody tr .aicpw-query-value-item-row {
  margin: 0 0 8px 0;
  width: 100%;
  display: flex;
  gap: 15px;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-query-value-item-row:last-child, .edit-form .form-table tbody tr .aicpw-query-value-item-row:last-child, .create-form .form-table tbody tr .aicpw-query-value-item-row:last-child {
  margin: 0;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-query-value-item-row .aicpw-remove-query-value, .edit-form .form-table tbody tr .aicpw-query-value-item-row .aicpw-remove-query-value, .create-form .form-table tbody tr .aicpw-query-value-item-row .aicpw-remove-query-value {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  padding: 9px 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-query-value-item-row .aicpw-remove-query-value span, .edit-form .form-table tbody tr .aicpw-query-value-item-row .aicpw-remove-query-value span, .create-form .form-table tbody tr .aicpw-query-value-item-row .aicpw-remove-query-value span {
  display: inline-block;
  font-size: 0;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-query-value-item-row .aicpw-remove-query-value:hover, .edit-form .form-table tbody tr .aicpw-query-value-item-row .aicpw-remove-query-value:hover, .create-form .form-table tbody tr .aicpw-query-value-item-row .aicpw-remove-query-value:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-query-value-item-row .aicpw-remove-query-value:focus, .edit-form .form-table tbody tr .aicpw-query-value-item-row .aicpw-remove-query-value:focus, .create-form .form-table tbody tr .aicpw-query-value-item-row .aicpw-remove-query-value:focus {
  box-shadow: none;
  outline: none;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
}
.aicpw-create-segment-wrap .form-table tbody tr #aicpw-segment-referrers-container, .edit-form .form-table tbody tr #aicpw-segment-referrers-container, .create-form .form-table tbody tr #aicpw-segment-referrers-container {
  width: 100%;
  margin-bottom: 16px;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-referrer-item-row, .edit-form .form-table tbody tr .aicpw-referrer-item-row, .create-form .form-table tbody tr .aicpw-referrer-item-row {
  margin: 0 0 8px 0;
  width: 100%;
  display: flex;
  gap: 15px;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-referrer-item-row:last-child, .edit-form .form-table tbody tr .aicpw-referrer-item-row:last-child, .create-form .form-table tbody tr .aicpw-referrer-item-row:last-child {
  margin: 0;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-referrer-item-row .aicpw-remove-referrer, .edit-form .form-table tbody tr .aicpw-referrer-item-row .aicpw-remove-referrer, .create-form .form-table tbody tr .aicpw-referrer-item-row .aicpw-remove-referrer {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  padding: 9px 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-referrer-item-row .aicpw-remove-referrer span, .edit-form .form-table tbody tr .aicpw-referrer-item-row .aicpw-remove-referrer span, .create-form .form-table tbody tr .aicpw-referrer-item-row .aicpw-remove-referrer span {
  display: inline-block;
  font-size: 0;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-referrer-item-row .aicpw-remove-referrer:hover, .edit-form .form-table tbody tr .aicpw-referrer-item-row .aicpw-remove-referrer:hover, .create-form .form-table tbody tr .aicpw-referrer-item-row .aicpw-remove-referrer:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-referrer-item-row .aicpw-remove-referrer:focus, .edit-form .form-table tbody tr .aicpw-referrer-item-row .aicpw-remove-referrer:focus, .create-form .form-table tbody tr .aicpw-referrer-item-row .aicpw-remove-referrer:focus {
  box-shadow: none;
  outline: none;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
}
.aicpw-create-segment-wrap .form-table tbody tr #aicpw-segment-submitted-form-container, .edit-form .form-table tbody tr #aicpw-segment-submitted-form-container, .create-form .form-table tbody tr #aicpw-segment-submitted-form-container {
  width: 100%;
}
.aicpw-create-segment-wrap .form-table tbody tr #aicpw-segment-taxonomy-container, .edit-form .form-table tbody tr #aicpw-segment-taxonomy-container, .create-form .form-table tbody tr #aicpw-segment-taxonomy-container {
  width: 100%;
}
.aicpw-create-segment-wrap .form-table tbody tr #aicpw-segment-page-items-container, .edit-form .form-table tbody tr #aicpw-segment-page-items-container, .create-form .form-table tbody tr #aicpw-segment-page-items-container {
  width: 100%;
}
.aicpw-create-segment-wrap .form-table tbody tr #aicpw-segment-page-items-container .aicpw-custom-url-label, .edit-form .form-table tbody tr #aicpw-segment-page-items-container .aicpw-custom-url-label, .create-form .form-table tbody tr #aicpw-segment-page-items-container .aicpw-custom-url-label {
  margin: 12px 0px;
}
.aicpw-create-segment-wrap .form-table tbody tr .aicpw-suggestion-empty, .edit-form .form-table tbody tr .aicpw-suggestion-empty, .create-form .form-table tbody tr .aicpw-suggestion-empty {
  margin-top: 8px;
  color: var(--red-color);
}
.aicpw-create-segment-wrap .form-table tbody tr #aicpw-page-items-container, .edit-form .form-table tbody tr #aicpw-page-items-container, .create-form .form-table tbody tr #aicpw-page-items-container {
  width: 100%;
}
.aicpw-create-segment-wrap .form-table tbody tr #aicpw-page-items-container .aicpw-custom-url-label, .edit-form .form-table tbody tr #aicpw-page-items-container .aicpw-custom-url-label, .create-form .form-table tbody tr #aicpw-page-items-container .aicpw-custom-url-label {
  margin: 12px 0px;
}
.aicpw-create-segment-wrap .form-table tbody tr #aicpw-form-items-container, .edit-form .form-table tbody tr #aicpw-form-items-container, .create-form .form-table tbody tr #aicpw-form-items-container {
  width: 100%;
}
.aicpw-create-segment-wrap .form-table .score_val, .edit-form .form-table .score_val, .create-form .form-table .score_val {
  margin-top: 24px;
  border-top: 1px solid var(--light-blue-100);
}
.aicpw-create-segment-wrap .form-table .score_val tr, .edit-form .form-table .score_val tr, .create-form .form-table .score_val tr {
  margin-top: 24px;
}
.aicpw-create-segment-wrap .form-table .score_val tr th, .edit-form .form-table .score_val tr th, .create-form .form-table .score_val tr th {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  gap: 16px;
}
.aicpw-create-segment-wrap .form-table .score_val tr th label, .edit-form .form-table .score_val tr th label, .create-form .form-table .score_val tr th label {
  font-size: var(--font-size-20);
}
.aicpw-create-segment-wrap .form-table .score_val tr td .score_val_info, .edit-form .form-table .score_val tr td .score_val_info, .create-form .form-table .score_val tr td .score_val_info {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.aicpw-create-segment-wrap .form-table .score_val tr td .score_val_info .aicpw-idea-icon, .edit-form .form-table .score_val tr td .score_val_info .aicpw-idea-icon, .create-form .form-table .score_val tr td .score_val_info .aicpw-idea-icon {
  width: 20px;
  height: 20px;
}
.aicpw-create-segment-wrap .submit, .edit-form .submit, .create-form .submit {
  padding: 0;
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.aicpw-create-segment-wrap .submit .cancel-btn, .edit-form .submit .cancel-btn, .create-form .submit .cancel-btn {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  padding: 9px 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.aicpw-create-segment-wrap .submit .cancel-btn span, .edit-form .submit .cancel-btn span, .create-form .submit .cancel-btn span {
  display: inline-block;
  font-size: 0;
}
.aicpw-create-segment-wrap .submit .cancel-btn:hover, .edit-form .submit .cancel-btn:hover, .create-form .submit .cancel-btn:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}
.aicpw-create-segment-wrap .submit .cancel-btn:focus, .edit-form .submit .cancel-btn:focus, .create-form .submit .cancel-btn:focus {
  box-shadow: none;
  outline: none;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
}

.aicpw-page-item-row .aicpw-selected-items {
  margin-bottom: 16px;
  min-height: 60px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  border: 1px dashed var(--dark-teal);
  border-radius: 8px;
  padding: 8px;
}
.aicpw-page-item-row .aicpw-selected-items:empty {
  display: none !important;
}
.aicpw-page-item-row .aicpw-selected-items .aicpw-selected-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--loading-100);
  color: var(--secondary-color);
  padding: 10px 16px;
  border-radius: 50px;
  line-height: 20px;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-500);
  height: fit-content;
}
.aicpw-page-item-row .aicpw-selected-items .aicpw-tag-remove {
  cursor: pointer;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.aicpw-page-item-row .aicpw-search-input-wrapper {
  position: relative;
  width: 100%;
}
.aicpw-page-item-row .aicpw-search-container {
  position: relative;
  margin-bottom: 5px;
}
.aicpw-page-item-row .aicpw-search-container .aicpw-clear-search {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 20px;
  color: #666;
  display: none;
}
.aicpw-page-item-row .aicpw-search-container .aicpw-clear-search:hover {
  color: #000;
}
.aicpw-page-item-row .aicpw-page-suggestions {
  padding-top: 12px;
  background: #fff;
  margin-top: 15px;
  border-radius: 8px;
  padding: 15px;
}
.aicpw-page-item-row .aicpw-page-suggestions .aicpw-suggestion-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
  gap: 8px;
}
.aicpw-page-item-row .aicpw-page-suggestions .aicpw-suggestion-item:last-child {
  margin-bottom: 0;
}
.aicpw-page-item-row .aicpw-page-suggestions .aicpw-suggestion-item .aicpw-suggestion-title {
  width: 100%;
  cursor: pointer;
}
.aicpw-page-item-row .aicpw-page-suggestions .aicpw-suggestion-item .aicpw-suggestion-url {
  width: 100%;
  font-style: italic;
}

.aicpw-custom-url-wrapper {
  display: flex;
  gap: 15px;
  align-items: center;
}
.aicpw-custom-url-wrapper .aicpw-custom-url-button {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  padding: 9px 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.aicpw-custom-url-wrapper .aicpw-custom-url-button span {
  display: inline-block;
  font-size: 0;
}
.aicpw-custom-url-wrapper .aicpw-custom-url-button:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
  border: 1px solid var(--dark-teal);
}
.aicpw-custom-url-wrapper .aicpw-custom-url-button:focus {
  box-shadow: none;
  outline: none;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
}

/* Edit segment */
.edit-form h2 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0 0 8px 0;
}

/* view segment */
.segment-view .aicpw-segment-info-box {
  background-color: var(--white-color-100);
  padding: 24px;
  border-radius: 8px;
  display: block;
  max-width: 596px;
  margin: 18px 0 24px 0;
}
.segment-view .aicpw-segment-info-box .submit {
  padding: 0;
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid var(--light-blue-100);
  display: flex;
  gap: 18px;
}
.segment-view .visitors-profile {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-20);
  line-height: 28px;
  color: var(--dark-secondary-color);
  margin: 0 0 8px 0;
}
.segment-view .form-table {
  margin: 0;
}
.segment-view .form-table tbody tr {
  margin-bottom: 18px;
  display: inline-block;
  width: 100%;
}
.segment-view .form-table tbody tr:last-child {
  margin: 0;
}
.segment-view .form-table tbody tr th {
  padding: 0;
  width: 150px;
}
.segment-view .form-table tbody tr td {
  padding: 0;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0 0 8px 0;
}
.segment-view .submit .deactivate-btn {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  padding: 9px 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.segment-view .submit .deactivate-btn span {
  display: inline-block;
  font-size: 0;
}
.segment-view .submit .deactivate-btn:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}
.segment-view .submit .deactivate-btn:focus {
  box-shadow: none;
  outline: none;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
}
.segment-view .submit .button-link-delete {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  color: var(--red-color);
  padding: 9px 16px;
  border: 1px solid var(--red-color);
  border-radius: 4px;
  background-color: transparent;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
}
.segment-view .submit .button-link-delete:hover {
  color: var(--white-color);
  background-color: var(--red-color);
}
.segment-view .submit .button-link-delete:focus {
  box-shadow: none;
  outline: none;
}

/* lead list page */
.aipcw-container .new-lead {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: 36px;
}

/* Logs Page Styles */
.aicpw-logs-header {
  margin: 20px 0;
}
.aicpw-logs-header .aicpw-logs-header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lead-header {
  display: flex;
  gap: 15px;
  justify-content: space-between;
}

.aicpw-logs-content {
  margin-top: 20px;
}
.aicpw-logs-content .aicpw-logs-file-header {
  padding: 10px 15px;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.aicpw-logs-content .aicpw-logs-file-header .aicpw-logs-file-info .aicpw-logs-file-size {
  color: #666;
  margin-left: 10px;
  font-weight: normal;
}
.aicpw-logs-content .aicpw-logs-empty {
  color: #666;
  font-style: italic;
}
.aicpw-logs-content .aicpw-logs-viewer {
  background: #1e1e1e;
  color: #d4d4d4;
  padding: 15px;
  border-radius: 3px;
  font-family: "Courier New", monospace;
  font-size: 12px;
  max-height: 600px;
  overflow-y: auto;
}
.aicpw-logs-content .aicpw-logs-viewer .aicpw-log-entry {
  margin-bottom: 5px;
  padding: 5px;
  border-left: 3px solid;
}
.aicpw-logs-content .aicpw-logs-viewer .aicpw-log-entry.log-error {
  border-left-color: #f48771;
}
.aicpw-logs-content .aicpw-logs-viewer .aicpw-log-entry.log-warning {
  border-left-color: #dcdcaa;
}
.aicpw-logs-content .aicpw-logs-viewer .aicpw-log-entry.log-info {
  border-left-color: #4ec9b0;
}
.aicpw-logs-content .aicpw-logs-viewer .aicpw-log-entry .aicpw-log-timestamp {
  color: #808080;
}
.aicpw-logs-content .aicpw-logs-viewer .aicpw-log-entry .aicpw-log-level {
  font-weight: bold;
}
.aicpw-logs-content .aicpw-logs-viewer .aicpw-log-entry .aicpw-log-level.level-error {
  color: #f48771;
}
.aicpw-logs-content .aicpw-logs-viewer .aicpw-log-entry .aicpw-log-level.level-warning {
  color: #dcdcaa;
}
.aicpw-logs-content .aicpw-logs-viewer .aicpw-log-entry .aicpw-log-level.level-info {
  color: #4ec9b0;
}
.aicpw-logs-content .aicpw-logs-viewer .aicpw-log-entry .aicpw-log-file-info {
  color: #808080;
  font-size: 11px;
}
.aicpw-logs-content .aicpw-logs-viewer .aicpw-log-line {
  margin-bottom: 5px;
  color: #808080;
}

/* Tabbing */
.rules-wrap .rule-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  flex-direction: column;
}
.rules-wrap .nav-tab-wrapper {
  margin-top: 36px;
  gap: 24px;
  display: flex;
  border-bottom: 1px solid rgba(156, 156, 156, 0.2);
  margin: 0 0 24px 0;
  padding-top: 0;
}
.rules-wrap .nav-tab-wrapper .nav-tab {
  text-decoration: none;
  padding: 10px 0;
  font-size: var(--font-size-16);
  color: var(--secondary-color-100);
  font-weight: var(--font-weight-500);
  background: none;
  border: none;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  transition: color 0.3s ease;
  margin: 0;
}
.rules-wrap .nav-tab-wrapper .nav-tab:hover {
  color: var(--primary-color-100);
}
.rules-wrap .nav-tab-wrapper .nav-tab.nav-tab-active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--primary-color-100);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.rules-wrap .add-new-rule, .rules-wrap .add-new-cat {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: 36px;
}
.rules-wrap .create-form, .rules-wrap .edit-form {
  max-width: 100%;
}
.rules-wrap .create-form .submit, .rules-wrap .edit-form .submit {
  margin-top: 24px;
}
.rules-wrap .new-category {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 24px;
}
.rules-wrap .form-box {
  max-width: 100%;
  background-color: var(--white-color-100);
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}
.rules-wrap .form-box .form-table {
  padding: 0;
  margin: 0;
}
.rules-wrap .form-box .form-table td .description {
  margin-top: 16px;
}
.rules-wrap .form-box .required-field {
  color: var(--red-color);
  margin-left: 4px;
}
.rules-wrap .form-box h2 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-20);
  line-height: 28px;
  color: var(--dark-secondary-color);
  padding-bottom: 20px;
  border-bottom: 1px solid var(--light-blue-100);
  margin: 0 0 20px 0;
}
.rules-wrap #aicpw-rule-preview-content .aicpw-preview-label {
  font-weight: 500;
  margin-bottom: 16px;
  display: inline-block;
}
.rules-wrap #aicpw-rule-preview-content .aicpw-preview-conditions .aicpw-preview-connector {
  color: var(--secondary-color);
  display: inline-block;
  margin-right: 5px;
}
.rules-wrap #aicpw-rule-preview-content .aicpw-preview-conditions .aicpw-preview-condition {
  margin-bottom: 10px;
}
.rules-wrap #aicpw-rule-preview-content .aicpw-preview-conditions .aicpw-preview-condition:last-child {
  display: inline-block;
  margin-bottom: 0;
}
.rules-wrap #aicpw-rule-preview-content .aicpw-preview-conditions .aicpw-preview-condition .aicpw-preview-value {
  color: var(--secondary-color);
}
.rules-wrap .aicpw-rule-conditions-section {
  max-width: 100%;
  background-color: var(--white-color-100);
  border-radius: 8px;
  padding: 24px;
}
.rules-wrap .aicpw-rule-conditions-section .aicpw-rule-conditions-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--light-blue-100);
}
.rules-wrap .aicpw-rule-conditions-section .aicpw-rule-conditions-section-header {
  color: var(--dark-secondary-color);
  line-height: 28px;
  margin: 0 0 20px 0;
}
.rules-wrap .aicpw-rule-conditions-section .aicpw-rule-conditions-section-header h3 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-20);
}
.rules-wrap .aicpw-rule-conditions-section #aicpw-add-first-condition {
  padding: 24px;
  background-color: var(--white-color);
  margin-top: 20px;
  text-align: center;
  min-height: 132px;
  border-radius: 8px;
}
.rules-wrap .aicpw-rule-conditions-section #aicpw-add-first-condition .button-large {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  padding: 9px 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  top: 25px;
}
.rules-wrap .aicpw-rule-conditions-section #aicpw-add-first-condition .button-large span {
  display: inline-block;
  font-size: 0;
}
.rules-wrap .aicpw-rule-conditions-section #aicpw-add-first-condition .button-large:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}
.rules-wrap .aicpw-rule-conditions-section #aicpw-add-first-condition .button-large:hover path {
  fill: var(--white-color);
}
.rules-wrap .aicpw-rule-conditions-section #aicpw-add-first-condition .button-large:focus {
  box-shadow: none;
  outline: none;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
}
.rules-wrap .aicpw-rule-conditions-section #aicpw-add-first-condition .condition-rules {
  position: relative;
  top: 10px;
}
.rules-wrap .aicpw-rule-conditions-section #aicpw-add-first-condition .condition-rules p {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-h2);
  line-height: 27px;
  color: var(--dark-secondary-color);
  margin-top: 10px;
}
.rules-wrap #aicpw-add-condition-wrapper {
  text-align: right;
  margin-top: 16px;
  margin-bottom: 16px;
}
.rules-wrap #aicpw-add-condition-wrapper .button {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  padding: 9px 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.rules-wrap #aicpw-add-condition-wrapper .button span {
  display: inline-block;
  font-size: 0;
}
.rules-wrap #aicpw-add-condition-wrapper .button:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}
.rules-wrap #aicpw-add-condition-wrapper .button:hover path {
  fill: var(--white-color);
}
.rules-wrap #aicpw-add-condition-wrapper .button:focus {
  box-shadow: none;
  outline: none;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
}
.rules-wrap #aicpw-rule-conditions-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
.rules-wrap #aicpw-rule-conditions-container .aicpw-condition-row {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  background-color: var(--white-color);
  border-radius: 8px;
  padding: 16px;
  gap: 20px;
  width: 100%;
  justify-content: flex-end;
}
.rules-wrap #aicpw-rule-conditions-container .aicpw-condition-row .aicpw-condition-input-wrapper {
  display: flex;
  width: 100%;
  gap: 16px;
}
.rules-wrap #aicpw-rule-conditions-container .aicpw-condition-row .aicpw-remove-condition {
  margin: 0;
  display: flex;
  gap: 6px;
  align-items: center;
  text-decoration: none;
  color: var(--red-color);
}
.rules-wrap #aicpw-rule-conditions-container .aicpw-condition-row select, .rules-wrap #aicpw-rule-conditions-container .aicpw-condition-row input {
  font-size: var(--font-size-body);
  line-height: 20px;
  font-weight: var(--font-weight-400);
  color: var(--black-color-100);
  margin: 0;
  background-color: var(--white-color-200);
  border: 1px solid var(--dark-teal);
  height: 40px;
  border-radius: 8px;
  padding: 7px 16px;
  width: 100%;
  max-width: 100%;
}
.rules-wrap #aicpw-rule-conditions-container .aicpw-condition-row select::placeholder, .rules-wrap #aicpw-rule-conditions-container .aicpw-condition-row input::placeholder {
  color: var(--black-color-100);
}
.rules-wrap #aicpw-rule-conditions-container .aicpw-condition-connector {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--charcoal-gray);
  background-color: rgba(147, 149, 152, 0.2);
  padding: 4px 6px;
  border-radius: 4px;
  display: inline-flex;
}

/* Rules Metrics Cards */
.aicpw-rules-metrics {
  margin-top: 36px;
  display: flex;
  gap: 24px;
  margin-bottom: 36px;
}
.aicpw-rules-metrics .aicpw-metric-card {
  background-color: var(--light-blue);
  border-radius: 8px;
  padding: 20px;
  width: 100%;
  border-bottom: 2px solid var(--secondary-color);
}
.aicpw-rules-metrics .aicpw-metric-card .aicpw-metric-label {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-12);
  line-height: 20px;
  color: var(--body-color);
  margin-bottom: 16px;
}
.aicpw-rules-metrics .aicpw-metric-card .aicpw-metric-value {
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-30);
  line-height: 40px;
  color: var(--secondary-color);
}

/* Category Popup Modal Styles */
.aicpw-category-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aicpw-category-popup .aicpw-category-popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--body-color);
  opacity: 0.8;
  cursor: pointer;
}
.aicpw-category-popup .aicpw-category-popup-content {
  position: relative;
  background-color: var(--white-color);
  border-radius: 8px;
  box-shadow: 2px 5px 56px 0px rgba(23, 52, 79, 0.0509803922);
  width: 100%;
  max-width: 367px;
  padding: 16px;
  z-index: 100001;
  display: flex;
  flex-wrap: wrap;
}
.aicpw-category-popup .aicpw-category-popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  width: 100%;
}
.aicpw-category-popup .aicpw-category-popup-header .aicpw-category-popup-title {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-20);
  line-height: 28px;
  color: var(--secondary-color);
  margin: 0;
}
.aicpw-category-popup .aicpw-category-popup-header .aicpw-category-popup-close {
  background: transparent;
  border: none;
  padding: 0;
  display: flex;
  cursor: pointer;
}
.aicpw-category-popup .aicpw-category-popup-body {
  width: 100%;
}
.aicpw-category-popup .aicpw-category-popup-body .form-table {
  margin: 0;
  margin-bottom: 16px;
}
.aicpw-category-popup form tbody tr {
  display: flex;
  flex-wrap: wrap;
}
.aicpw-category-popup form tbody th {
  width: 100%;
  padding: 0;
  display: inline-block;
  margin: 0 0 8px 0;
}
.aicpw-category-popup form tbody th label {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
}
.aicpw-category-popup form tbody td {
  padding: 0;
  margin: 0;
  width: 100%;
}
.aicpw-category-popup form tbody td input {
  font-size: var(--font-size-body);
  line-height: 20px;
  font-weight: var(--font-weight-400);
  color: var(--black-color-100);
  margin: 0;
  width: 100%;
  max-width: 100%;
  background-color: var(--white-color-200);
  border: 1px solid var(--light-blue-100);
  height: 40px;
  border-radius: 8px;
  padding: 7px 16px;
}
.aicpw-category-popup form tbody td input:focus {
  background-color: var(--white-color-200);
  border: 1px solid var(--light-blue-100);
  box-shadow: none;
}
.aicpw-category-popup .submit {
  display: flex;
  padding: 0;
  gap: 16px;
}
.aicpw-category-popup .aicpw-category-cancel {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  padding: 9px 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.aicpw-category-popup .aicpw-category-cancel span {
  display: inline-block;
  font-size: 0;
}
.aicpw-category-popup .aicpw-category-cancel:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
  border: 1px solid var(--dark-teal);
}
.aicpw-category-popup .aicpw-category-cancel:focus {
  box-shadow: none;
  outline: none;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
}

.aicpw-category-popup-body .aicpw-category-popup-loading {
  padding: 40px 20px;
  text-align: center;
}
.aicpw-category-popup-body .aicpw-category-popup-loading .aicpw-category-loading-content .spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto 15px;
}

.aicpw-edit-category.aicpw-loading {
  opacity: 0.6;
  cursor: wait;
  position: relative;
}
.aicpw-edit-category.aicpw-loading::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  border: 2px solid #2271b1;
  border-top-color: transparent;
  border-radius: 50%;
  animation: aicpw-spin 0.6s linear infinite;
  vertical-align: middle;
}

@keyframes aicpw-spin {
  to {
    transform: rotate(360deg);
  }
}
/* ACF Integration Styles */
.aicpw-modal-content * {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-400);
  line-height: 100%;
  font-family: var(--font-primary);
}

.aicpw-help-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #dcdcde;
  color: #50575e;
  font-size: 11px;
  font-weight: 600;
  cursor: help;
  line-height: 1;
}

.aicpw-modal-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
}

#normal-sortables .handle-actions {
  display: flex;
}

.aicpw-rules-button {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  padding: 3px 14px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.aicpw-rules-button span {
  display: inline-block;
  font-size: 0;
}
.aicpw-rules-button:hover {
  background: var(--secondary-color);
  background-color: var(--secondary-color);
  color: var(--white-color);
  border: 1px solid var(--dark-teal);
}
.aicpw-rules-button:hover svg path {
  fill: var(--white-color);
}
.aicpw-rules-button:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--dark-teal);
  background: var(--secondary-color);
  color: var(--white-color);
}
.aicpw-rules-button a:focus {
  box-shadow: none;
  outline: none;
}

#aicpw-rules-modal .aicpw-btn-secondary {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--secondary-color);
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  padding: 3px 14px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
#aicpw-rules-modal .aicpw-btn-secondary:disabled, #aicpw-rules-modal .aicpw-btn-secondary[aria-disabled=true] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
#aicpw-rules-modal .aicpw-btn-secondary:disabled:hover, #aicpw-rules-modal .aicpw-btn-secondary[aria-disabled=true]:hover {
  background: var(--white-color);
  background-color: var(--white-color);
  color: var(--secondary-color);
  border: 1px solid var(--dark-teal);
}
#aicpw-rules-modal .aicpw-btn-secondary:disabled:hover svg path, #aicpw-rules-modal .aicpw-btn-secondary[aria-disabled=true]:hover svg path {
  fill: var(--secondary-color);
}
#aicpw-rules-modal .aicpw-btn-secondary span {
  display: inline-block;
  font-size: 0;
}
#aicpw-rules-modal .aicpw-btn-secondary:hover {
  background: var(--secondary-color);
  background-color: var(--secondary-color);
  color: var(--white-color);
  border: 1px solid var(--dark-teal);
}
#aicpw-rules-modal .aicpw-btn-secondary:hover svg path {
  fill: var(--white-color);
}
#aicpw-rules-modal .aicpw-btn-secondary:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--dark-teal);
  background: var(--secondary-color);
  color: var(--white-color);
}
#aicpw-rules-modal .aicpw-btn-secondary a:focus {
  box-shadow: none;
  outline: none;
}

.aicpw-modal-content .primary-btn {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-body);
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: var(--white-color);
  background: var(--teal-blue);
  border: 1px solid var(--teal-blue-100);
  border-radius: 4px;
  padding: 9px 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.aicpw-modal-content .primary-btn span {
  display: inline-block;
  font-size: 0;
}
.aicpw-modal-content .primary-btn:hover {
  background-color: var(--dark-secondary-color);
  background: var(--dark-secondary-color);
  color: var(--white-color);
  border: 1px solid var(--teal-blue-100);
}
.aicpw-modal-content .primary-btn:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--teal-blue-100);
  background: var(--teal-blue);
  color: var(--white-color);
}

/* Modal Styles */
.aicpw-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(27, 27, 27, 0.8);
}

.aicpw-modal-content {
  max-height: 90vh;
  overflow: auto;
  position: relative;
  background-color: var(--white-color);
  border-radius: 8px;
  box-shadow: 2px 5px 56px 0px rgba(23, 52, 79, 0.0509803922);
  width: 100%;
  scrollbar-width: none;
}
.aicpw-modal-content.aicpw-modal-large {
  max-width: 800px;
}
.aicpw-modal-content .aicpw-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid var(--light-blue-100);
  height: 30px;
  position: sticky;
  top: 0;
  background: var(--white-color);
  z-index: 9;
}
.aicpw-modal-content .aicpw-modal-header h2 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-20);
  line-height: 28px;
  color: var(--secondary-color);
  margin: 0;
}
.aicpw-modal-content .aicpw-modal-body {
  padding: 16px;
}
.aicpw-modal-content .aicpw-modal-body .aicpw-modal-description-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 30px 0;
}
.aicpw-modal-content .aicpw-modal-body .aicpw-modal-description-row .aicpw-modal-description {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-body);
  line-height: 20px;
  color: var(--black-color-100);
  margin: 0;
  flex: 1;
}
.aicpw-modal-content .aicpw-modal-body .aicpw-modal-description-row .aicpw-modal-reset-btn {
  flex-shrink: 0;
  background: var(--white-color);
  border: 1px solid var(--dark-teal);
  border-radius: 4px;
  color: var(--secondary-color);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-400);
  line-height: 20px;
  padding: 4px 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.aicpw-modal-content .aicpw-modal-body .aicpw-modal-description-row .aicpw-modal-reset-btn:hover {
  background: var(--secondary-color);
  border-color: var(--secondary-color);
  border: 1px solid var(--dark-teal);
  color: var(--white-color);
}
.aicpw-modal-content select, .aicpw-modal-content input {
  font-size: var(--font-size-body);
  line-height: 20px;
  font-weight: var(--font-weight-400);
  color: var(--black-color-100);
  margin: 0;
  background-color: var(--white-color-200);
  border: 1px solid var(--dark-teal);
  height: 36px;
  border-radius: 8px;
  padding: 7px 16px;
  width: 100%;
  max-width: 100%;
}
.aicpw-modal-content .aicpw-personalize-section {
  margin-bottom: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--light-blue-100);
}
.aicpw-modal-content .aicpw-personalize-section:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.aicpw-modal-content .aicpw-personalize-section .aicpw-section-header {
  padding: 0;
  margin: 0 0 16px 0;
  border: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.aicpw-modal-content .aicpw-personalize-section .aicpw-section-header h3 {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-16);
  line-height: 28px;
  color: var(--dark-secondary-color);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.aicpw-modal-content .aicpw-personalize-section .aicpw-add-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
.aicpw-modal-content .aicpw-personalize-section .aicpw-add-controls.aicpw-add-controls-bottom {
  margin: 0;
  margin-top: 16px;
  justify-content: flex-end;
}
.aicpw-modal-content .aicpw-personalize-section .aicpw-add-controls .primary-btn {
  text-decoration: none;
}
.aicpw-modal-content .aicpw-personalize-section .aicpw-add-controls .primary-btn svg {
  height: 20px;
  width: 20px;
  fill: var(--white-color);
}
.aicpw-modal-content .aicpw-rule-item-row, .aicpw-modal-content .aicpw-segment-item-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.aicpw-modal-content .aicpw-rule-item-row .aicpw-remove-rule, .aicpw-modal-content .aicpw-rule-item-row .aicpw-remove-segment, .aicpw-modal-content .aicpw-segment-item-row .aicpw-remove-rule, .aicpw-modal-content .aicpw-segment-item-row .aicpw-remove-segment {
  margin: 0;
  display: flex;
  gap: 6px;
  align-items: center;
  text-decoration: none;
  color: var(--red-color);
  background: transparent;
  border: 0;
  padding: 0 5px;
  margin: 8px;
  cursor: pointer;
}
.aicpw-modal-content .aicpw-user-role-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid var(--light-blue-100);
  border-radius: 8px;
}
.aicpw-modal-content .aicpw-user-role-checkboxes .aicpw-role-checkbox-label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 4px 6px;
  user-select: none;
}
.aicpw-modal-content .aicpw-user-role-checkboxes .aicpw-role-checkbox-label .aicpw-user-role-checkbox {
  height: 18px;
  width: 18px;
  border-radius: 50%;
}
.aicpw-modal-content #aicpw-modal-user-selector-container .aicpw-search-input-wrapper {
  position: relative;
}
.aicpw-modal-content #aicpw-modal-user-selector-container .aicpw-search-input-wrapper .aicpw-clear-search {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 20px;
  color: #666;
}
.aicpw-modal-content #aicpw-modal-user-selector-container .aicpw-page-suggestions {
  margin-top: 12px;
}
.aicpw-modal-content #aicpw-modal-user-selector-container .aicpw-page-suggestions .aicpw-suggestion-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
  cursor: pointer;
}
.aicpw-modal-content #aicpw-modal-user-selector-container .aicpw-page-suggestions .aicpw-suggestion-item .aicpw-suggestion-title {
  width: 100%;
  margin-bottom: 8px;
}
.aicpw-modal-content #aicpw-modal-user-selector-container .aicpw-page-suggestions .aicpw-suggestion-item .aicpw-suggestion-url {
  width: 100%;
}
.aicpw-modal-content #aicpw-modal-user-selector-container .aicpw-selected-items {
  margin-bottom: 16px;
  min-height: 60px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  border: 1px dashed var(--dark-teal);
  border-radius: 8px;
  padding: 8px;
}
.aicpw-modal-content #aicpw-modal-user-selector-container .aicpw-selected-items:empty {
  display: none !important;
}
.aicpw-modal-content #aicpw-modal-user-selector-container .aicpw-selected-items .aicpw-selected-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--loading-100);
  color: var(--secondary-color);
  padding: 10px 16px;
  border-radius: 50px;
  line-height: 20px;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-500);
  height: fit-content;
}
.aicpw-modal-content #aicpw-modal-user-selector-container .aicpw-selected-items .aicpw-selected-tag .aicpw-tag-text {
  color: inherit;
  text-decoration: none;
}
.aicpw-modal-content #aicpw-modal-user-selector-container .aicpw-selected-items .aicpw-selected-tag .aicpw-tag-remove {
  cursor: pointer;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.aicpw-modal-content .aicpw-modal-footer {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 16px;
  padding: 20px;
}
.aicpw-modal-content .aicpw-modal-footer .aicpw-modal-message {
  flex: 0 0 100%;
  margin: 0;
  border-radius: 4px;
}
.aicpw-modal-content .aicpw-lead-score-fields {
  display: flex;
  gap: 16px;
}
.aicpw-modal-content .aicpw-lead-score-fields .aicpw-score-field {
  width: 100%;
}
.aicpw-modal-content .aicpw-lead-score-fields label {
  display: inline-block;
  margin-bottom: 8px;
}

.aicpw-personalized-rules-controls {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  margin-right: 8px;
}
.aicpw-personalized-rules-controls .aicpw-toggle-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.aicpw-personalized-rules-controls .aicpw-toggle-label {
  font-size: 12px;
  color: var(--black-color-100);
  cursor: pointer;
}

/* AI icon button injected into ACF text / textarea / wysiwyg fields */
.aicpw-ai-field-btn {
  position: absolute;
  bottom: 3px;
  right: 6px;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 24px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  color: var(--secondary-color, #1a4a6b);
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  border: 1px solid var(--secondary-color, #1a4a6b);
}
.aicpw-ai-field-btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.aicpw-ai-field-btn:hover {
  background: var(--secondary-color, #1a4a6b);
  border-color: var(--secondary-color, #1a4a6b);
  color: #fff;
}
.aicpw-ai-field-btn:hover svg {
  fill: #fff;
}
.aicpw-ai-field-btn:focus {
  outline: none;
  box-shadow: none;
  background: var(--secondary-color, #1a4a6b);
  border-color: var(--secondary-color, #1a4a6b);
  color: #fff;
}

/* Make ACF text/textarea input-wrap reserve space for the icon */
.acf-field-text .acf-input-wrap,
.acf-field-textarea .acf-input-wrap {
  position: relative;
}
.acf-field-text .acf-input-wrap input[type=text],
.acf-field-text .acf-input-wrap textarea,
.acf-field-textarea .acf-input-wrap input[type=text],
.acf-field-textarea .acf-input-wrap textarea {
  padding-right: 40px;
}

.acf-field-wysiwyg .acf-input {
  position: relative;
}
.acf-field-wysiwyg .wp-editor-container {
  position: relative;
}
.acf-field-wysiwyg .wp-editor-container > .aicpw-ai-field-btn {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 10;
  width: 28px;
  height: 28px;
}

/* ── AI Assist Panel ──────────────────────────────────────────────── */
.aicpw-ai-assist-panel {
  background: #fff;
  border: 1px solid #dde5ec;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(23, 52, 79, 0.1);
  margin-top: 6px;
  overflow: hidden;
  width: 50%;
}
.aicpw-ai-assist-panel .aicpw-ai-panel-header {
  display: flex;
  justify-content: flex-end;
  padding: 6px 8px 0;
}
.aicpw-ai-assist-panel .aicpw-ai-retry-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: 1px solid #d0dce7;
  border-radius: 5px;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 500;
  color: var(--secondary-color, #1a4a6b);
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  line-height: 1.4;
}
.aicpw-ai-assist-panel .aicpw-ai-retry-btn:hover:not(:disabled) {
  background: var(--secondary-color, #1a4a6b);
  border-color: var(--secondary-color, #1a4a6b);
  color: #fff;
}
.aicpw-ai-assist-panel .aicpw-ai-retry-btn:disabled {
  opacity: 0.4;
  cursor: default;
}
.aicpw-ai-assist-panel .aicpw-ai-result-area {
  min-height: 56px;
  padding: 12px 14px;
}
.aicpw-ai-assist-panel .aicpw-ai-result-body {
  font-size: 13px;
  line-height: 1.65;
  color: var(--black-color-100, #1e1e1e);
  word-break: break-word;
  white-space: pre-wrap;
  min-height: 24px;
}
.aicpw-ai-assist-panel .aicpw-ai-result-body p, .aicpw-ai-assist-panel .aicpw-ai-result-body ul, .aicpw-ai-assist-panel .aicpw-ai-result-body ol, .aicpw-ai-assist-panel .aicpw-ai-result-body h1, .aicpw-ai-assist-panel .aicpw-ai-result-body h2, .aicpw-ai-assist-panel .aicpw-ai-result-body h3, .aicpw-ai-assist-panel .aicpw-ai-result-body h4, .aicpw-ai-assist-panel .aicpw-ai-result-body h5, .aicpw-ai-assist-panel .aicpw-ai-result-body h6 {
  margin: 0 0 8px;
}
.aicpw-ai-assist-panel .aicpw-ai-assist-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-top: 1px solid #eef0f3;
}
.aicpw-ai-assist-panel .aicpw-ai-footer-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.aicpw-ai-assist-panel .aicpw-ai-cancel-btn {
  background: none;
  border: 1px solid #d0dce7;
  border-radius: 4px;
  padding: 5px 14px;
  font-size: 12px;
  color: var(--black-color-100, #333);
  cursor: pointer;
  transition: background 0.2s;
}
.aicpw-ai-assist-panel .aicpw-ai-cancel-btn:hover {
  background: #f0f5f9;
}
.aicpw-ai-assist-panel .aicpw-ai-update-btn {
  background: var(--secondary-color, #1a4a6b);
  color: #fff;
  border: 1px solid var(--secondary-color, #1a4a6b);
  border-radius: 4px;
  padding: 5px 18px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
.aicpw-ai-assist-panel .aicpw-ai-update-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.aicpw-ai-assist-panel .aicpw-ai-update-btn:not(:disabled):hover {
  background: var(--dark-secondary-color, #123555);
  border-color: var(--dark-secondary-color, #123555);
}
.aicpw-ai-assist-panel .aicpw-ai-loading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #888;
  font-size: 13px;
}
.aicpw-ai-assist-panel .aicpw-ai-spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid #e0e0e0;
  border-top-color: var(--secondary-color, #1a4a6b);
  border-radius: 50%;
  animation: aicpw-spin 0.7s linear infinite;
  flex-shrink: 0;
}
.aicpw-ai-assist-panel .aicpw-ai-result-error {
  color: var(--red-color);
  font-size: 12px;
}

@keyframes aicpw-spin {
  to {
    transform: rotate(360deg);
  }
}
.aicpw-toggle-switch {
  position: relative;
  width: 32px;
  height: 18px;
  background-color: #ccc;
  border-radius: 9px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.aicpw-toggle-switch::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: white;
  top: 2px;
  left: 2px;
  transition: transform 0.3s;
}
.aicpw-toggle-switch.active {
  background-color: var(--secondary-color);
}
.aicpw-toggle-switch.active::after {
  transform: translateX(14px);
}

/**
 * Deactivation Feedback Modal Styles
 *
 * Matches the plugin's existing confirm-modal design language.
 *
 * @package AI_Content_Personalizer_For_WordPress
 */
/* ─── Overlay ─── */
.aicpw-deactivation-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100000;
  padding: 20px;
}
.aicpw-deactivation-modal-overlay[hidden] {
  display: none;
}

/* ─── Modal Box ─── */
.aicpw-deactivation-modal {
  background: var(--white-color, #fff);
  border-radius: var(--border-radius-large, 8px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  max-width: 560px;
  width: 100%;
  padding: 30px 32px 28px;
  position: relative;
  text-align: left;
  font-family: var(--font-primary, "Poppins"), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  max-height: 90vh;
  overflow-y: auto;
}

/* ─── Close Button ─── */
.aicpw-deactivation-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--black-color-100, #414042);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius, 4px);
  transition: background 0.2s ease, color 0.2s ease;
}
.aicpw-deactivation-modal-close:hover {
  background: rgba(0, 0, 0, 0.06);
}

/* ─── Title ─── */
.aicpw-deactivation-modal-title {
  font-size: var(--font-size-h2, 18px);
  font-weight: var(--font-weight-600, 600);
  line-height: 1.3;
  color: #1d2327;
  margin: 0 32px 8px 0;
  padding: 0;
  font-family: inherit;
}

/* ─── Subtitle ─── */
.aicpw-deactivation-modal-subtitle {
  font-size: var(--font-size-13, 13px);
  line-height: 1.5;
  color: #646970;
  margin: 0 0 20px 0;
}

/* ─── Question heading ─── */
.aicpw-deactivation-modal-question {
  font-size: var(--font-size-body, 14px);
  font-weight: var(--font-weight-600, 600);
  line-height: 1.3;
  color: #1d2327;
  margin: 0 0 14px 0;
  padding: 0;
  font-family: inherit;
}

/* ─── Reason list ─── */
.aicpw-deactivation-reasons {
  margin: 0 0 24px 0;
}

.aicpw-deactivation-reason {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  cursor: pointer;
  font-size: var(--font-size-body, 14px);
  color: #1d2327;
  line-height: 1.4;
}
.aicpw-deactivation-reason input[type=radio] {
  margin: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: var(--secondary-color, #0074a2);
  flex-shrink: 0;
}

.aicpw-deactivation-reason-label {
  font-size: var(--font-size-body, 14px);
  color: #1d2327;
}

/* ─── Text area for "found better" / "other" ─── */
.aicpw-deactivation-reason-text {
  margin: 4px 0 4px 28px;
}
.aicpw-deactivation-reason-text textarea {
  width: 100%;
  min-height: 68px;
  padding: 10px 12px;
  font-size: var(--font-size-13, 13px);
  font-family: inherit;
  line-height: 1.5;
  border: 1px solid #c3c4c7;
  border-radius: 6px;
  resize: vertical;
  color: #1d2327;
  background: var(--white-color, #fff);
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}
.aicpw-deactivation-reason-text textarea:focus {
  border-color: var(--secondary-color, #0074a2);
  outline: none;
  box-shadow: 0 0 0 1px var(--secondary-color, #0074a2);
}
.aicpw-deactivation-reason-text textarea::placeholder {
  color: #a7aaad;
}

/* ─── Action Buttons ─── */
.aicpw-deactivation-modal-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  border-top: 1px solid var(--gray-color-200, #e0e0e0);
  padding-top: 20px;
  margin-top: 4px;
}

.aicpw-deactivation-modal-btn {
  padding: 9px 18px;
  font-size: var(--font-size-13, 13px);
  font-weight: var(--font-weight-500, 500);
  line-height: 20px;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: opacity 0.2s ease, background 0.2s ease;
  font-family: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.aicpw-deactivation-modal-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Submit & Deactivate */
.aicpw-deactivation-modal-btn-submit {
  background: var(--secondary-color, #0074a2);
  color: var(--white-color, #fff);
  border-color: var(--secondary-color, #0074a2);
}
.aicpw-deactivation-modal-btn-submit:hover:not(:disabled) {
  background: #005f8a;
  border-color: #005f8a;
}

/* Skip & Deactivate */
.aicpw-deactivation-modal-btn-skip {
  background: var(--gray-color-400, #f0f0f1);
  color: #1d2327;
  border-color: #c3c4c7;
}
.aicpw-deactivation-modal-btn-skip:hover:not(:disabled) {
  background: var(--gray-color-200, #e0e0e0);
}

/* ─── Remove all plugin data checkbox ─── */
.aicpw-deactivation-delete-data-wrap {
  margin: 0 0 20px 0;
  padding: 14px 16px;
  background: #fcf0f1;
  border: 1px solid #facfd2;
  border-radius: 6px;
}

.aicpw-deactivation-delete-data-label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--font-size-body, 14px);
  font-weight: var(--font-weight-500, 500);
  color: #1d2327;
  line-height: 1.4;
  cursor: pointer;
}
.aicpw-deactivation-delete-data-label input[type=checkbox] {
  margin: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: var(--red-color, #e10a3e);
  flex-shrink: 0;
}

.aicpw-deactivation-delete-data-warning {
  font-size: var(--font-size-12, 12px);
  color: #b32d2e;
  margin: 8px 0 0 28px;
  font-style: italic;
  line-height: 1.4;
}

/*# sourceMappingURL=styles.css.map*/